@font-face { font-family: 'FontAwesome'; src: url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/fontawesome-webfont.eot'); src: url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/fontawesome-webfont.woff2') format('woff2'), url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/fontawesome-webfont.woff') format('woff'), url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/fontawesome-webfont.ttf') format('truetype'), url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'); } @font-face { font-family: 'montserrat'; src: url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/montserrat-regular.eot'); src: url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/montserrat-regular.eot?#iefix') format('embedded-opentype'), url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/montserrat-regular.woff') format('woff'), url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/montserrat-regular.ttf') format('truetype'), url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/montserrat-regular.svg#opensans-regular') format('svg'); } 

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */.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}


@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.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounce {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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 {
  from, 20%, 53%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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 {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from, to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  to {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  from {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  to {
    -webkit-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes jello {
  from, 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(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

@keyframes jello {
  from, 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(-0.78125deg) skewY(-0.78125deg);
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }

  77.7% {
    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }

  88.8% {
    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}

.jello {
  -webkit-animation-name: jello;
  animation-name: jello;
  -webkit-transform-origin: center;
  transform-origin: center;
}

@-webkit-keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
}

@-webkit-keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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 {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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 {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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 {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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 {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    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 {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    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 {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  from {
    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: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  from {
    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 {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  from {
    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 {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  from {
    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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -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);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -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);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  from {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -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 {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  to {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  from {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -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 {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  from {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  to {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  from {
    -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);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  to {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  from {
    -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);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  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 {
  from {
    opacity: 1;
  }

  to {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  from {
    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 {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  from {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  from {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  from {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  to {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 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% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 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;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  to {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  from {
    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 {
  from {
    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(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  from {
    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(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  from {
    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(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  from {
    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(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  from {
    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(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  from {
    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(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  from {
    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(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  from {
    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(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  to {
    opacity: 0;
  }
}

@keyframes zoomOut {
  from {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  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(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInDown {
  from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInDown {
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInLeft {
  from {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInRight {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInRight {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes slideInUp {
  from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.slideInUp {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes slideOutDown {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes slideOutLeft {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes slideOutRight {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 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 {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes slideOutUp {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  to {
    visibility: hidden;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
  animation-name: slideOutUp;
}


/**
 * Swiper 3.3.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * 
 * http://www.idangero.us/swiper/
 * 
 * Copyright 2016, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 * 
 * Licensed under MIT
 * 
 * Released on: February 7, 2016
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  -webkit-transition-property: -webkit-transform, height;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform, height;
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  /* display: none; */
  cursor: auto;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Pagination Styles */
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  transition: 300ms;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #fff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  -moz-transform: translate3d(0px, -50%, 0);
  -o-transform: translate(0px, -50%);
  -ms-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}
/* Progress */
.swiper-pagination-progress {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progress .swiper-pagination-progressbar {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progress {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progress {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}
.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}
.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Cube + Flip */
.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
/* Cube */
.swiper-container-cube .swiper-slide {
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -moz-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  -moz-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  -webkit-background-size: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}

.mm-menu,.mm-panels,.mm-panels>.mm-panel{margin:0;left:0;right:0;top:0;bottom:0;z-index:0;box-sizing:border-box}
.mm-btn,.mm-menu{box-sizing:border-box}
.mm-listview a,.mm-listview a:hover,.mm-navbar a,.mm-navbar a:hover{text-decoration:none}
.mm-hidden{display:none!important}
.mm-menu,.mm-panels>.mm-panel:not(.mm-hidden){display:block}
.mm-wrapper{overflow-x:hidden;position:relative}
.mm-menu{padding:0;position:absolute}
.mm-panels,.mm-panels>.mm-panel{background:inherit;border-color:inherit;position:absolute}
.mm-btn,.mm-panel.mm-highest{z-index:1}
.mm-panels{overflow:hidden}
.mm-panel{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-panel.mm-opened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-panel.mm-subopened{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)}
.mm-panels>.mm-panel{-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;padding:0 20px}
.mm-listview .mm-divider,.mm-listview>li>a,.mm-listview>li>span,.mm-navbar .mm-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.mm-panels>.mm-panel.mm-hasnavbar{padding-top:40px}
.mm-panels>.mm-panel:after,.mm-panels>.mm-panel:before{content:'';display:block;height:20px}
.mm-vertical .mm-panel{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important}
.mm-listview .mm-vertical .mm-panel,.mm-vertical .mm-listview .mm-panel{display:none;padding:10px 0 10px 10px}
.mm-listview .mm-vertical .mm-panel .mm-listview>li:last-child:after,.mm-vertical .mm-listview .mm-panel .mm-listview>li:last-child:after{border-color:transparent}
.mm-vertical li.mm-opened>.mm-panel,li.mm-vertical.mm-opened>.mm-panel{display:block}
.mm-listview>li.mm-vertical>.mm-next,.mm-vertical .mm-listview>li>.mm-next{height:40px;bottom:auto}
.mm-listview>li.mm-vertical>.mm-next:after,.mm-vertical .mm-listview>li>.mm-next:after{top:16px;bottom:auto}
.mm-listview>li.mm-vertical.mm-opened>.mm-next:after,.mm-vertical .mm-listview>li.mm-opened>.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);right:19px}
.mm-btn{width:40px;height:40px;position:absolute;top:0}
.mm-clear:after,.mm-clear:before,.mm-close:before{content:'';border:2px solid transparent;display:block;width:5px;height:5px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.mm-clear:before{border-right:none;border-bottom:none;right:18px}
.mm-close::before{content: "\f00d";font-family: FontAwesome;border: none;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);width: 20px;height: 20px;}
.mm-clear:after{border-left:none;border-top:none;right:25px}
.mm-arrow:after,.mm-next:after,.mm-prev:before{content:'';border:2px solid transparent;display:block;width:8px;height:8px;margin:auto;position:absolute;top:0;bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.mm-prev:before{border-right:none;border-bottom:none;left:23px}
.mm-arrow:after,.mm-next:after{border-top:none;border-left:none;right:23px}
.mm-navbar{border-bottom:1px solid;border-color:inherit;text-align:center;line-height:20px;height:40px;padding:0 40px;margin:0;position:absolute;top:0;left:0;right:0}
.mm-navbar>*{display:block;padding:10px 0}
.mm-navbar .mm-btn:first-child{padding-left:20px;left:0}
.mm-navbar .mm-btn:last-child{text-align:right;padding-right:20px;right:0}
.mm-panel .mm-navbar{display:none}
.mm-panel.mm-hasnavbar .mm-navbar{display:block}
.mm-listview,.mm-listview>li{list-style:none;display:block;padding:0;margin:0}
.mm-listview{font:inherit;font-size:14px;line-height:20px}
.mm-listview>li{position:relative}
.mm-listview>li,.mm-listview>li .mm-next,.mm-listview>li .mm-next:before,.mm-listview>li:after{border-color:inherit}
.mm-listview>li>a,.mm-listview>li>span{color:inherit;display:block;padding:10px 10px 10px 20px;margin:0}
.mm-listview>li>a.mm-arrow,.mm-listview>li>span.mm-arrow{padding-right:50px}
.mm-listview>li:not(.mm-divider):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;position:absolute;right:0;bottom:0;left:0;}
.mm-listview .mm-next{background:rgba(3,2,1,0);width:50px;padding:0;position:absolute;right:0;top:0;bottom:0;z-index:2}
.mm-listview .mm-next:before{content:'';border-left-width:1px;border-left-style:solid;display:block;position:absolute;top:0;bottom:0;left:0}
.mm-listview .mm-next+a,.mm-listview .mm-next+span{margin-right:50px}
.mm-listview .mm-next.mm-fullsubopen{width:100%}
.mm-listview .mm-next.mm-fullsubopen:before{border-left:none}
.mm-listview .mm-next.mm-fullsubopen+a,.mm-listview .mm-next.mm-fullsubopen+span{padding-right:50px;margin-right:0}
.mm-panels>.mm-panel>.mm-listview{margin:20px -20px}
.mm-panels>.mm-panel>.mm-listview:first-child,.mm-panels>.mm-panel>.mm-navbar+.mm-listview{margin-top:-20px}
.mm-listview .mm-inset{list-style:disc inside;padding:0 10px 15px 40px;margin:0}
.mm-listview .mm-inset>li{padding:5px 0}
.mm-listview .mm-divider{font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px}
.mm-listview .mm-spacer{padding-top:40px}
.mm-listview .mm-spacer>.mm-next{top:40px}
.mm-listview .mm-spacer.mm-divider{padding-top:25px}
.mm-menu{background:#f3f3f3;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.7)}
.mm-menu .mm-navbar a,.mm-menu .mm-navbar>*{color:rgba(0,0,0,.3)}
.mm-menu .mm-btn:after,.mm-menu .mm-btn:before{border-color:rgba(0,0,0,.3)}
.mm-menu .mm-listview{border-color:rgba(0,0,0,.1)}
.mm-menu .mm-listview>li .mm-arrow:after,.mm-menu .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}
.mm-menu .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.5);tap-highlight-color:rgba(255,255,255,.5)}
.mm-menu .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.5)}
.mm-menu .mm-divider,.mm-menu .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.05)}
.mm-page{box-sizing:border-box;position:relative}
.mm-slideout{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease;}
html.mm-opened{overflow-x:hidden;position:relative}
html.mm-blocking,html.mm-blocking body{overflow:hidden}
html.mm-background .mm-page{background:inherit}
#mm-blocker{background:rgba(3,2,1,0);display:none;width:100%;height:100%;position:fixed;top:0;left:0;z-index:2}
html.mm-blocking #mm-blocker{display:block}
.mm-menu.mm-offcanvas{z-index:0;display:none;position:fixed}
.mm-menu.mm-offcanvas.mm-current{display:block}
.mm-menu{width:80%;min-width:140px;max-width:440px}
html.mm-opening .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:550px){html.mm-opening .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}
}
.mm-menu.mm-autoheight.mm-bottom,.mm-menu.mm-autoheight.mm-top{max-height:80%}
.mm-menu.mm-autoheight.mm-bottom.mm-fullscreen,.mm-menu.mm-autoheight.mm-top.mm-fullscreen{max-height:100%}
.mm-menu.mm-measureheight .mm-panel{display:block!important}
.mm-menu.mm-measureheight>.mm-panels>.mm-panel{bottom:auto!important;height:auto!important}
.mm-menu.mm-columns{-webkit-transition-property:width,max-width,-webkit-transform;transition-property:width,max-width,-webkit-transform;transition-property:transform,width,max-width;transition-property:transform,width,max-width,-webkit-transform}
.mm-menu.mm-columns .mm-panels>.mm-panel{width:100%;right:auto;display:none;-webkit-transition-property:width,-webkit-transform;transition-property:width,-webkit-transform;transition-property:transform,width;transition-property:transform,width,-webkit-transform}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened{border-right:1px solid;border-color:inherit;display:block;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-subopened{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);z-index:2}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-0{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-0{display:block;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-menu.mm-columns-0{width:80%;min-width:140px;max-width:0}
html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:0px){html.mm-opening.mm-columns-0 .mm-slideout{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-1{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-1{display:block;-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}
.mm-menu.mm-columns-1{width:80%;min-width:140px;max-width:440px}
html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:550px){html.mm-opening.mm-columns-1 .mm-slideout{-webkit-transform:translate3d(440px,0,0);transform:translate3d(440px,0,0)}
}
.mm-menu.mm-columns-1 .mm-panels>.mm-panel{width:100%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-2{-webkit-transform:translate3d(200%,0,0);transform:translate3d(200%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-2{display:block;-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}
.mm-menu.mm-columns-2{width:80%;min-width:140px;max-width:880px}
html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:1100px){html.mm-opening.mm-columns-2 .mm-slideout{-webkit-transform:translate3d(880px,0,0);transform:translate3d(880px,0,0)}
}
.mm-menu.mm-columns-2 .mm-panels>.mm-panel{width:50%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-3{-webkit-transform:translate3d(300%,0,0);transform:translate3d(300%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-3{display:block;-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}
.mm-menu.mm-columns-3{width:80%;min-width:140px;max-width:1320px}
html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:1650px){html.mm-opening.mm-columns-3 .mm-slideout{-webkit-transform:translate3d(1320px,0,0);transform:translate3d(1320px,0,0)}
}
.mm-menu.mm-columns-3 .mm-panels>.mm-panel{width:33.34%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-4{-webkit-transform:translate3d(400%,0,0);transform:translate3d(400%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-4{display:block;-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}
.mm-menu.mm-columns-4{width:80%;min-width:140px;max-width:1760px}
html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:2200px){html.mm-opening.mm-columns-4 .mm-slideout{-webkit-transform:translate3d(1760px,0,0);transform:translate3d(1760px,0,0)}
}
.mm-menu.mm-columns-4 .mm-panels>.mm-panel{width:25%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-5{-webkit-transform:translate3d(500%,0,0);transform:translate3d(500%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-5{display:block;-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)}
.mm-menu.mm-columns-5{width:80%;min-width:140px;max-width:2200px}
html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:2750px){html.mm-opening.mm-columns-5 .mm-slideout{-webkit-transform:translate3d(2200px,0,0);transform:translate3d(2200px,0,0)}
}
.mm-menu.mm-columns-5 .mm-panels>.mm-panel{width:20%}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-columns-6{-webkit-transform:translate3d(600%,0,0);transform:translate3d(600%,0,0)}
.mm-menu.mm-columns .mm-panels>.mm-panel.mm-opened:not([class*=mm-columns-])~.mm-panel:not(.mm-opened).mm-columns-6{display:block;-webkit-transform:translate3d(700%,0,0);transform:translate3d(700%,0,0)}
.mm-menu.mm-columns-6{width:80%;min-width:140px;max-width:2640px}
html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(80%,0,0);transform:translate3d(80%,0,0)}
@media all and (max-width:175px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:3300px){html.mm-opening.mm-columns-6 .mm-slideout{-webkit-transform:translate3d(2640px,0,0);transform:translate3d(2640px,0,0)}
}
.mm-menu.mm-columns-6 .mm-panels>.mm-panel{width:16.67%}
em.mm-counter{font:inherit;font-size:14px;font-style:normal;text-indent:0;line-height:20px;display:block;margin-top:-10px;position:absolute;right:45px;top:50%}
em.mm-counter+a.mm-next{width:90px}
em.mm-counter+a.mm-next+a,em.mm-counter+a.mm-next+span{margin-right:90px}
em.mm-counter+a.mm-fullsubopen{padding-left:0}
.mm-vertical>.mm-counter{top:12px;margin-top:0}
.mm-vertical.mm-spacer>.mm-counter{margin-top:40px}
.mm-nosubresults>.mm-counter{display:none}
.mm-menu em.mm-counter{color:rgba(0,0,0,.3)}
.mm-divider>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:0;line-height:25px}
.mm-divider.mm-opened a.mm-next:after{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.mm-collapsed:not(.mm-uncollapsed){display:none}
.mm-fixeddivider{background:inherit;display:none;position:absolute;top:0;left:0;right:0;z-index:2;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-fixeddivider:after{content:none!important;display:none!important}
.mm-hasdividers .mm-fixeddivider{display:block}
.mm-menu .mm-fixeddivider span{background:rgba(0,0,0,.05)}
html.mm-opened.mm-dragging .mm-menu,html.mm-opened.mm-dragging .mm-slideout{-webkit-transition-duration:0s;transition-duration:0s}
.mm-menu.mm-dropdown{box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%}
html.mm-dropdown .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}
html.mm-dropdown #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}
html.mm-dropdown .mm-menu{z-index:2}
html.mm-dropdown.mm-opened:not(.mm-opening) .mm-menu{display:none}
.mm-menu.mm-tip:before{content:'';background:inherit;box-shadow:0 2px 10px rgba(0,0,0,.3);display:block;width:15px;height:15px;position:absolute;z-index:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.mm-menu.mm-tipleft:before{left:22px}
.mm-menu.mm-tipright:before{right:22px}
.mm-menu.mm-tiptop:before{top:-8px}
.mm-menu.mm-tipbottom:before{bottom:-8px}
.mm-iconpanel .mm-panel{-webkit-transition-property:left,-webkit-transform;transition-property:left,-webkit-transform;transition-property:transform,left;transition-property:transform,left,-webkit-transform}
.mm-iconpanel .mm-panel.mm-opened{border-left:1px solid;border-color:inherit}
.mm-iconpanel .mm-panel.mm-subopened{overflow-y:hidden;left:-40px;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-iconpanel .mm-panel.mm-iconpanel-0{left:0}
.mm-iconpanel .mm-panel.mm-iconpanel-1{left:40px}
.mm-iconpanel .mm-panel.mm-iconpanel-2{left:80px}
.mm-iconpanel .mm-panel.mm-iconpanel-3{left:120px}
.mm-iconpanel .mm-panel.mm-iconpanel-4{left:160px}
.mm-iconpanel .mm-panel.mm-iconpanel-5{left:200px}
.mm-iconpanel .mm-panel.mm-iconpanel-6{left:240px}
.mm-subblocker{background:inherit;opacity:0;display:block;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}
.mm-subopened .mm-subblocker{opacity:.6;position:absolute;top:0;right:0;bottom:-100000px;left:0;z-index:3}
.mm-navbar-bottom,.mm-navbar-top~.mm-navbar-top{border-bottom:none}
.mm-menu>.mm-navbar{background:inherit;padding:0;z-index:3;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-navbar-bottom{border-top-width:1px;border-top-style:solid;top:auto;bottom:0}
.mm-navbar-bottom~.mm-navbar-bottom{border-top:none}
.mm-navbar.mm-hasbtns{padding:0 40px}
.mm-navbar[class*=mm-navbar-content-]>*{box-sizing:border-box;display:block;float:left}
.mm-navbar .mm-breadcrumbs{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;-webkit-overflow-scrolling:touch;overflow-x:auto;text-align:left;padding:0 0 0 17px}
.mm-navbar .mm-breadcrumbs>*{display:inline-block;padding:10px 3px}
.mm-navbar .mm-breadcrumbs>a{text-decoration:underline}
.mm-navbar.mm-hasbtns .mm-breadcrumbs{margin-left:-40px}
.mm-navbar.mm-hasbtns .mm-btn:not(.mm-hidden)+.mm-breadcrumbs{margin-left:0;padding-left:0}
.mm-navbar-top-1{top:0}
.mm-hasnavbar-top-1 .mm-panels,.mm-navbar-top-2{top:40px}
.mm-hasnavbar-top-2 .mm-panels,.mm-navbar-top-3{top:80px}
.mm-hasnavbar-top-3 .mm-panels,.mm-navbar-top-4{top:120px}
.mm-hasnavbar-top-4 .mm-panels{top:160px}
.mm-navbar-bottom-1{bottom:0}
.mm-hasnavbar-bottom-1 .mm-panels,.mm-navbar-bottom-2{bottom:40px}
.mm-hasnavbar-bottom-2 .mm-panels,.mm-navbar-bottom-3{bottom:80px}
.mm-hasnavbar-bottom-3 .mm-panels,.mm-navbar-bottom-4{bottom:120px}
.mm-hasnavbar-bottom-4 .mm-panels{bottom:160px}
.mm-navbar-size-2{height:80px}
.mm-navbar-size-3{height:120px}
.mm-navbar-size-4{height:160px}
.mm-navbar-content-2>*{width:50%}
.mm-navbar-content-3>*{width:33.33%}
.mm-navbar-content-4>*{width:25%}
.mm-navbar-content-5>*{width:20%}
.mm-navbar-content-6>*{width:16.67%}
.mm-sronly{text-indent:10px;overflow:hidden;display:block;width:1px;height:1px;position:absolute;z-index:-1}
.mm-search,.mm-search input{box-sizing:border-box}
.mm-search{height:40px;padding:7px 10px 0;position:relative}
.mm-search input{border:none!important;outline:0!important;box-shadow:none!important;border-radius:26px;font:inherit;font-size:14px;line-height:26px;display:block;width:100%;height:26px;min-height:26px;max-height:26px;margin:0;padding:0 10px}
.mm-search input::-ms-clear{display:none}
.mm-search .mm-clear,.mm-search .mm-next{right:0}
.mm-panel>.mm-search{width:100%;position:absolute;top:0;left:0}
.mm-panel.mm-hassearch{padding-top:40px}
.mm-panel.mm-hassearch.mm-hasnavbar{padding-top:80px}
.mm-panel.mm-hassearch.mm-hasnavbar .mm-search{top:40px}
.mm-noresultsmsg{text-align:center;font-size:21px;padding:40px 0}
.mm-noresults .mm-indexer{display:none!important}
li.mm-nosubresults>a.mm-next{display:none}
li.mm-nosubresults>a.mm-next+a,li.mm-nosubresults>a.mm-next+span{padding-right:10px}
.mm-panels>.mm-resultspanel:not(.mm-opened){-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.7)}
.mm-menu .mm-noresultsmsg{color:rgba(0,0,0,.3)}
.mm-indexer{background:inherit;text-align:center;font-size:12px;box-sizing:border-box;width:20px;position:absolute;top:0;bottom:0;right:-100px;z-index:3;-webkit-transition:right .4s ease;transition:right .4s ease;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-indexer a{text-decoration:none;display:block;height:3.85%}
.mm-indexer~.mm-panel.mm-hasindexer{padding-right:40px}
.mm-hasindexer .mm-indexer{right:0}
.mm-hasindexer .mm-fixeddivider{right:20px}
.mm-menu .mm-indexer a{color:rgba(0,0,0,.3)}
.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen),.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a:not(.mm-fullsubopen){-webkit-transition:background .4s ease;transition:background .4s ease}
.mm-menu.mm-hoverselected .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.5)}
input.mm-check,input.mm-toggle{position:absolute;left:-10000px}
label.mm-check,label.mm-toggle{margin:0;position:absolute;top:50%;z-index:2;right:20px}
label.mm-check:before,label.mm-toggle:before{content:'';display:block}
label.mm-toggle{border-radius:30px;width:50px;height:30px;margin-top:-15px}
label.mm-toggle:before{border-radius:30px;width:28px;height:28px;margin:1px}
input.mm-toggle:checked~label.mm-toggle:before{float:right}
label.mm-check{width:30px;height:30px;margin-top:-15px}
label.mm-check:before{border-left:3px solid;border-bottom:3px solid;width:40%;height:20%;margin:25% 0 0 20%;opacity:.1;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
input.mm-check:checked~label.mm-check:before{opacity:1}
li.mm-vertical label.mm-check,li.mm-vertical label.mm-toggle{bottom:auto;margin-top:0;top:5px}
label.mm-toggle+a,label.mm-toggle+span{padding-right:80px}
label.mm-check+a,label.mm-check+span{padding-right:60px}
a.mm-next+label.mm-check,a.mm-next+label.mm-toggle{right:60px}
a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span,a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{margin-right:50px}
a.mm-next+label.mm-toggle+a,a.mm-next+label.mm-toggle+span{padding-right:70px}
a.mm-next+label.mm-check+a,a.mm-next+label.mm-check+span{padding-right:50px}
em.mm-counter+a.mm-next+label.mm-check,em.mm-counter+a.mm-next+label.mm-toggle{right:100px}
em.mm-counter+a.mm-next+label.mm-check+a,em.mm-counter+a.mm-next+label.mm-check+span,em.mm-counter+a.mm-next+label.mm-toggle+a,em.mm-counter+a.mm-next+label.mm-toggle+span{margin-right:90px}
.mm-menu label.mm-toggle{background:rgba(0,0,0,.1)}
.mm-menu label.mm-toggle:before{background:#f3f3f3}
.mm-menu input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu label.mm-check:before{border-color:rgba(0,0,0,.7)}
.mm-listview.mm-border-none>li:after,.mm-menu.mm-border-none .mm-listview>li:after{content:none}
.mm-listview.mm-border-full>li:after,.mm-menu.mm-border-full .mm-listview>li:after{left:0!important}
.mm-listview.mm-border-offset>li:after,.mm-menu.mm-border-offset .mm-listview>li:after{right:20px}
.mm-menu.mm-effect-menu-zoom{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}
html.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
html.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}
html.mm-right.mm-opened .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(.7,.7) translate3d(30%,0,0);transform:scale(.7,.7) translate3d(30%,0,0);-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center}
html.mm-right.mm-opening .mm-menu.mm-effect-menu-zoom{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}
.mm-menu.mm-effect-menu-slide{-webkit-transition:-webkit-transform .4s ease;transition:-webkit-transform .4s ease;transition:transform .4s ease;transition:transform .4s ease,-webkit-transform .4s ease}
/* html.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0)} */
html.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
html.mm-right.mm-opened .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(30%,0,0);transform:translate3d(30%,0,0)}
html.mm-right.mm-opening .mm-menu.mm-effect-menu-slide{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-effect-menu-fade{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}
html.mm-opening .mm-menu.mm-effect-menu-fade{opacity:1}
.mm-menu.mm-effect-panels-zoom .mm-panel{-webkit-transform:scale(1.5,1.5) translate3d(100%,0,0);transform:scale(1.5,1.5) translate3d(100%,0,0);-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center}
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened{-webkit-transform:scale(1,1) translate3d(0,0,0);transform:scale(1,1) translate3d(0,0,0)}
.mm-menu.mm-effect-panels-zoom .mm-panel.mm-opened.mm-subopened{-webkit-transform:scale(.7,.7) translate3d(-30%,0,0);transform:scale(.7,.7) translate3d(-30%,0,0)}
.mm-menu.mm-effect-panels-slide-0 .mm-panel.mm-subopened{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-effect-panels-slide-100 .mm-panel.mm-subopened{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li{-webkit-transition:none .4s ease;transition:none .4s ease}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(1){-webkit-transition-delay:50ms;transition-delay:50ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(2){-webkit-transition-delay:.1s;transition-delay:.1s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(3){-webkit-transition-delay:150ms;transition-delay:150ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(4){-webkit-transition-delay:.2s;transition-delay:.2s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(5){-webkit-transition-delay:250ms;transition-delay:250ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(6){-webkit-transition-delay:.3s;transition-delay:.3s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(7){-webkit-transition-delay:350ms;transition-delay:350ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(8){-webkit-transition-delay:.4s;transition-delay:.4s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(9){-webkit-transition-delay:450ms;transition-delay:450ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(10){-webkit-transition-delay:.5s;transition-delay:.5s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(11){-webkit-transition-delay:550ms;transition-delay:550ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(12){-webkit-transition-delay:.6s;transition-delay:.6s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(13){-webkit-transition-delay:650ms;transition-delay:650ms}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(14){-webkit-transition-delay:.7s;transition-delay:.7s}
.mm-menu[class*=mm-effect-listitems-] .mm-listview>li:nth-child(15){-webkit-transition-delay:750ms;transition-delay:750ms}
.mm-menu.mm-effect-listitems-slide .mm-listview>li{-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0);opacity:0}
html.mm-opening .mm-menu.mm-effect-listitems-slide .mm-panel.mm-opened .mm-listview>li{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}
.mm-menu.mm-effect-listitems-fade .mm-listview>li{-webkit-transition-property:opacity;transition-property:opacity;opacity:0}
html.mm-opening .mm-menu.mm-effect-listitems-fade .mm-panel.mm-opened .mm-listview>li{opacity:1}
.mm-menu.mm-effect-listitems-drop .mm-listview>li{-webkit-transition-property:opacity,top;transition-property:opacity,top;opacity:0;top:-25%}
html.mm-opening .mm-menu.mm-effect-listitems-drop .mm-panel.mm-opened .mm-listview>li{opacity:1;top:0}
.mm-menu.mm-fullscreen{width:100%;min-width:140px;max-width:10000px}
html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
@media all and (max-width:140px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(140px,0,0);transform:translate3d(140px,0,0)}
}
@media all and (min-width:10000px){html.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(10000px,0,0);transform:translate3d(10000px,0,0)}
}
html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
@media all and (max-width:140px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}
}
@media all and (min-width:10000px){html.mm-right.mm-opening.mm-fullscreen .mm-slideout{-webkit-transform:translate3d(-10000px,0,0);transform:translate3d(-10000px,0,0)}
}
.mm-menu.mm-fullscreen.mm-bottom,.mm-menu.mm-fullscreen.mm-top{height:100%;min-height:140px;max-height:10000px}
html.mm-opened.mm-fullscreen .mm-page{box-shadow:none!important}
.mm-menu .mm-panels>.mm-panel.mm-justified-listview:after,.mm-menu .mm-panels>.mm-panel.mm-justified-listview:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:after,.mm-menu.mm-justified-listview .mm-panels>.mm-panel:before{content:none;display:none}
.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;height:100%;margin-top:0;margin-bottom:0}
.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider){-webkit-box-flex:1;-webkit-flex:1 1 0;-ms-flex:1 1 0;flex:1 1 0}
.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next),.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span{box-sizing:border-box;height:100%}
.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu .mm-panels>.mm-panel.mm-justified-listview>.mm-listview>li:not(.mm-divider)>span:before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>a:not(.mm-next):before,.mm-menu.mm-justified-listview .mm-panels>.mm-panel>.mm-listview>li:not(.mm-divider)>span:before{content:'';vertical-align:middle;display:inline-block;height:100%;width:0}
.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>a,.mm-listview.mm-multiline>li .mm-listview>li.mm-multiline>span,.mm-menu.mm-multiline .mm-listview>li>a,.mm-menu.mm-multiline .mm-listview>li>span{text-overflow:clip;white-space:normal}
html.mm-pagedim #mm-blocker,html.mm-pagedim-black #mm-blocker,html.mm-pagedim-white #mm-blocker{opacity:0}
html.mm-pagedim-black.mm-opening #mm-blocker,html.mm-pagedim-white.mm-opening #mm-blocker,html.mm-pagedim.mm-opening #mm-blocker{opacity:.3;-webkit-transition:opacity .4s ease .4s;transition:opacity .4s ease .4s}
html.mm-pagedim #mm-blocker{background:inherit}
html.mm-pagedim-white #mm-blocker{background:#fff}
html.mm-pagedim-black #mm-blocker{background:#000}
.mm-menu.mm-pageshadow:after{content:"";display:block;width:20px;height:120%;position:absolute;left:100%;top:-10%;z-index:99;}
.mm-menu.mm-pageshadow.mm-right:after{left:auto;right:100%}
.mm-menu.mm-pageshadow.mm-front:after,.mm-menu.mm-pageshadow.mm-next:after{content:none;display:none}
.mm-menu.mm-popup{-webkit-transition:opacity .4s ease;transition:opacity .4s ease;opacity:0;box-shadow:0 2px 10px rgba(0,0,0,.3);height:80%;min-height:140px;max-height:880px;top:50%;left:50%;bottom:auto;right:auto;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
html.mm-popup.mm-opening .mm-menu.mm-popup{opacity:1}
html.mm-popup .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}
html.mm-popup #mm-blocker{-webkit-transition-delay:0s!important;transition-delay:0s!important;z-index:1}
html.mm-popup .mm-menu{z-index:2}
.mm-menu.mm-bottom,.mm-menu.mm-top{width:100%;min-width:100%;max-width:100%;height:80%;min-height:140px;max-height:880px}
.mm-menu.mm-right{left:auto;right:0}
html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-80%,0,0);transform:translate3d(-80%,0,0)}
@media all and (max-width:175px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-140px,0,0);transform:translate3d(-140px,0,0)}
}
@media all and (min-width:550px){html.mm-right.mm-opening .mm-slideout{-webkit-transform:translate3d(-440px,0,0);transform:translate3d(-440px,0,0)}
}
html.mm-front .mm-slideout{-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;z-index:0}
html.mm-front #mm-blocker{z-index:1}
html.mm-front .mm-menu{z-index:2}
.mm-menu.mm-front,.mm-menu.mm-next{
	    -webkit-transition: -webkit-transform 0.4s ease;
    -ms-transition: -ms-transform 0.4s ease;
    transition: transform 0.4s ease;
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);}
.mm-menu.mm-front.mm-right,.mm-menu.mm-next.mm-right{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
.mm-menu.mm-top{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.mm-menu.mm-bottom{top:auto;bottom:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
html.mm-opening .mm-menu.mm-front,html.mm-opening .mm-menu.mm-next{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.mm-menu.mm-theme-dark{background:#333;border-color:rgba(0,0,0,.15);color:rgba(255,255,255,.8)}
.mm-menu.mm-theme-dark .mm-navbar a,.mm-menu.mm-theme-dark .mm-navbar>*,.mm-menu.mm-theme-dark em.mm-counter{color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-dark .mm-btn:after,.mm-menu.mm-theme-dark .mm-btn:before{border-color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-dark .mm-listview{border-color:rgba(0,0,0,.15)}
.mm-menu.mm-theme-dark .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-dark .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-dark .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.1);tap-highlight-color:rgba(0,0,0,.1)}
.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-dark .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.1)}
.mm-menu.mm-theme-dark .mm-divider,.mm-menu.mm-theme-dark .mm-fixeddivider span,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-dark .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-dark.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.05)}
.mm-menu.mm-theme-dark label.mm-check:before{border-color:rgba(255,255,255,.8)}
.mm-menu.mm-pageshadow.mm-theme-dark:after{box-shadow:0 0 20px rgba(0,0,0,.5)}
.mm-menu.mm-theme-dark .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.8)}
.mm-menu.mm-theme-dark .mm-indexer a,.mm-menu.mm-theme-dark .mm-noresultsmsg{color:rgba(255,255,255,.4)}
.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-dark .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-dark .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.1)}
.mm-menu.mm-theme-dark label.mm-toggle{background:rgba(0,0,0,.15)}
.mm-menu.mm-theme-dark label.mm-toggle:before{background:#333}
.mm-menu.mm-theme-dark input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu.mm-theme-white{background:#fff;border-color:rgba(0,0,0,.1);color:rgba(0,0,0,.6)}
.mm-menu.mm-theme-white .mm-navbar a,.mm-menu.mm-theme-white .mm-navbar>*,.mm-menu.mm-theme-white em.mm-counter{color:rgba(0,0,0,.3)}
.mm-menu.mm-theme-white .mm-btn:after,.mm-menu.mm-theme-white .mm-btn:before{border-color:rgba(0,0,0,.3)}
.mm-menu.mm-theme-white .mm-listview{border-color:rgba(0,0,0,.1)}
.mm-menu.mm-theme-white .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-white .mm-listview>li .mm-next:after{border-color:rgba(0,0,0,.3)}
.mm-menu.mm-theme-white .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(0,0,0,.05);tap-highlight-color:rgba(0,0,0,.05)}
.mm-menu.mm-theme-white .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-white .mm-listview>li.mm-selected>span{background:rgba(0,0,0,.05)}
.mm-menu.mm-theme-white .mm-divider,.mm-menu.mm-theme-white .mm-fixeddivider span,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-white .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-white.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(0,0,0,.03)}
.mm-menu.mm-theme-white label.mm-check:before{border-color:rgba(0,0,0,.6)}
.mm-menu.mm-theme-white .mm-search input{background:rgba(0,0,0,.05);color:rgba(0,0,0,.6)}
.mm-menu.mm-theme-white .mm-indexer a,.mm-menu.mm-theme-white .mm-noresultsmsg{color:rgba(0,0,0,.3)}
.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-white .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-white .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(0,0,0,.05)}
.mm-menu.mm-theme-white label.mm-toggle{background:rgba(0,0,0,.1)}
.mm-menu.mm-theme-white label.mm-toggle:before{background:#fff}
.mm-menu.mm-theme-white input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu.mm-theme-black{background:#000;border-color:rgba(255,255,255,.2);color:rgba(255,255,255,.6)}
.mm-menu.mm-theme-black .mm-navbar a,.mm-menu.mm-theme-black .mm-navbar>*,.mm-menu.mm-theme-black em.mm-counter{color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-black .mm-btn:after,.mm-menu.mm-theme-black .mm-btn:before{border-color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-black .mm-listview{border-color:rgba(255,255,255,.2)}
.mm-menu.mm-theme-black .mm-listview>li .mm-arrow:after,.mm-menu.mm-theme-black .mm-listview>li .mm-next:after{border-color:rgba(255,255,255,.4)}
.mm-menu.mm-theme-black .mm-listview>li a:not(.mm-next){-webkit-tap-highlight-color:rgba(255,255,255,.3);tap-highlight-color:rgba(255,255,255,.3)}
.mm-menu.mm-theme-black .mm-listview>li.mm-selected>a:not(.mm-next),.mm-menu.mm-theme-black .mm-listview>li.mm-selected>span{background:rgba(255,255,255,.3)}
.mm-menu.mm-theme-black .mm-divider,.mm-menu.mm-theme-black .mm-fixeddivider span,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>.mm-panel,.mm-menu.mm-theme-black .mm-listview>li.mm-opened.mm-vertical>a.mm-next,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>.mm-panel,.mm-menu.mm-theme-black.mm-vertical .mm-listview>li.mm-opened>a.mm-next{background:rgba(255,255,255,.2)}
.mm-menu.mm-theme-black label.mm-check:before{border-color:rgba(255,255,255,.6)}
.mm-menu.mm-pageshadow.mm-theme-black:after{content:none;display:none}
.mm-menu.mm-theme-black .mm-search input{background:rgba(255,255,255,.3);color:rgba(255,255,255,.6)}
.mm-menu.mm-theme-black .mm-indexer a,.mm-menu.mm-theme-black .mm-noresultsmsg{color:rgba(255,255,255,.4)}
.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a.mm-fullsubopen:hover+span,.mm-menu.mm-hoverselected.mm-theme-black .mm-listview>li>a:not(.mm-fullsubopen):hover,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+a,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected.mm-fullsubopen+span,.mm-menu.mm-parentselected.mm-theme-black .mm-listview>li>a.mm-selected:not(.mm-fullsubopen){background:rgba(255,255,255,.3)}
.mm-menu.mm-theme-black label.mm-toggle{background:rgba(255,255,255,.2)}
.mm-menu.mm-theme-black label.mm-toggle:before{background:#000}
.mm-menu.mm-theme-black input.mm-toggle:checked~label.mm-toggle{background:#4bd963}
.mm-menu .mm-tileview.mm-listview:after,.mm-menu.mm-tileview .mm-listview:after{content:'';display:block;clear:both}
.mm-menu .mm-tileview.mm-listview>li>.mm-next:after,.mm-menu .mm-tileview.mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-listview>li>.mm-next:after,.mm-menu.mm-tileview .mm-listview>li>.mm-next:before,.mm-menu.mm-tileview .mm-panel:after{content:none;display:none}
.mm-menu .mm-tileview.mm-listview>li,.mm-menu.mm-tileview .mm-listview>li{width:50%;height:0;padding:50% 0 0;float:left;position:relative}
.mm-menu .mm-tileview.mm-listview>li:after,.mm-menu.mm-tileview .mm-listview>li:after{left:0;top:0;border-right-width:1px;border-right-style:solid;z-index:-1}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-xs,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xs{width:12.5%;padding-top:12.5%}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-s,.mm-menu.mm-tileview .mm-listview>li.mm-tile-s{width:25%;padding-top:25%}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-l,.mm-menu.mm-tileview .mm-listview>li.mm-tile-l{width:75%;padding-top:75%}
.mm-menu .mm-tileview.mm-listview>li.mm-tile-xl,.mm-menu.mm-tileview .mm-listview>li.mm-tile-xl{width:100%;padding-top:100%}
.mm-menu .mm-tileview.mm-listview>li>a,.mm-menu .mm-tileview.mm-listview>li>span,.mm-menu.mm-tileview .mm-listview>li>a,.mm-menu.mm-tileview .mm-listview>li>span{line-height:1px;text-align:center;padding:50% 10px 0;margin:0;position:absolute;top:0;right:1px;bottom:1px;left:0}
.mm-menu .mm-tileview.mm-listview>li>.mm-next,.mm-menu.mm-tileview .mm-listview>li>.mm-next{width:auto}
.mm-menu.mm-tileview .mm-panel{padding-left:0;padding-right:0}
.mm-menu.mm-tileview .mm-listview{margin:0}

/*!
 * Bootstrap-select v1.10.0 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2016 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */

select.bs-select-hidden,
select.selectpicker {
  display: none !important;
}
.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
  z-index: 1;
}
.bootstrap-select > select {
  position: absolute !important;
  bottom: 0;
  left: 50%;
  display: block !important;
  width: 0.5px !important;
  height: 100% !important;
  padding: 0 !important;
  opacity: 0 !important;
  border: none;
}
.bootstrap-select > select.mobile-device {
  top: 0;
  left: 0;
  display: block !important;
  width: 100% !important;
  z-index: 2;
}
.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
  max-width: 220px
}
.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.form-control.input-group-btn {
  z-index: auto;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group.bs-container {
  position: absolute;
}
.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1060;
}
.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff;
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px;
}
.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.bs-donebutton .btn-group button {
  width: 100%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
}
/*# sourceMappingURL=bootstrap-select.css.map */

/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SIMPLE INNER SCROLLBAR ***************/
 
.scrollbar-inner > .scroll-element,
.scrollbar-inner > .scroll-element div
{
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-inner > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-x {
    bottom: 2px;
    height: 8px;
    left: 0;
    width: 100%;
}
 
.scrollbar-inner > .scroll-element.scroll-y {
    height: 100%;
    right: 2px;
    top: 0;
    width: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer {
    overflow: hidden;
}
 
.scrollbar-inner > .scroll-element .scroll-element_outer,
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track,
.scrollbar-inner > .scroll-element .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    opacity: 0.4;
}
 
.scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; }
.scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; }
.scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; }
.scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; }
 
 
.scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; }
.scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; }

/* ----------------- mainMenu for desktop and mobile colors ----------------- */

/* selected item menu's: .menu-active */

#main-menu {
  background-color: transparent;
  border-color: transparent;
}
#main-menu .navbar-brand {
  color: #333333;
}
#main-menu .navbar-brand:hover,
#main-menu .navbar-brand:focus {
  color: white;
}
#main-menu .navbar-text {
  color: #f2f2f2;
}
#main-menu .navbar-nav > li > a,
#main-menu .navbar-nav > li .buttonMinibasket {
  color: #333333;
}
#main-menu .navbar-nav > li > a:hover,
#main-menu .navbar-nav > li > a:focus,
#main-menu .navbar-nav > li .buttonMinibasket:hover,
#main-menu .navbar-nav > li .buttonMinibasket:focus {
  color: white;
}
#main-menu .navbar-nav > li > a:hover,
#main-menu .navbar-nav > li > a:focus,
#main-menu .navbar-nav > .open > a,
#main-menu .navbar-nav > .open > a:hover,
#main-menu .navbar-nav > .open > a:focus,
#main-menu .navbar-nav > .wishlist-li > a:hover,
#main-menu .navbar-nav > .wishlist-li > a:focus,
#main-menu .navbar-nav .open .buttonMinibasket,
#main-menu .navbar-nav .open .buttonMinibasket:hover,
#main-menu .navbar-nav .open .buttonMinibasket:focus {
  opacity: 0.7;
  color: #333;
  background-color: transparent;
}
#main-menu .navbar-collapse,
#main-menu .navbar-form {
  border-color: #f2f2f2;
}
#main-menu .navbar-link {
  color: #f2f2f2;
}
#main-menu .navbar-link:hover {
  color: white;
}
/* active menu color */

#menu-mobile .menu-mobile-cat.menu-active > a,
#menu-mobile .menu-mobile-page.menu-active > a,
#main-menu .navbar-nav > .menu-active > a {
  color: black;
  background-color: transparent;
}
/* active menu hover */

#menu-mobile .menu-mobile-cat.menu-active > a:hover,
#menu-mobile .menu-mobile-cat.menu-active > a:focus,
#menu-mobile .menu-mobile-page.menu-active > a:hover,
#menu-mobile .menu-mobile-page.menu-active > a:focus,
#main-menu .navbar-nav > .menu-active > a:hover,
#main-menu .navbar-nav > .menu-active > a:focus,
#main-menu .navbar-nav > .menu-active.open > a,
#main-menu .navbar-nav > .menu-active.open > a:hover,
#main-menu .navbar-nav > .menu-active.open > a:focus {
  color: #d01432;
  background-color: transparent;
}
#menu-mobile .menu-mobile-page.menu-active > a.mm-next:after,
#menu-mobile .menu-mobile-cat.menu-active > a.mm-next:after {
  border-color: white;
}
.mm-menu > .mm-navbar {
  background: #313131;
  color: white;
}
.mm-menu > .mm-navbar * {
  color: white !important;
}
.mm-menu > .mm-navbar .mm-prev:before {
  border-color: white;
}
/*------------------------------MOVILE MENU---------------------------------------*/
.menu-mobile-cat.lvl1,.menu-mobile-page.lvl1,.menu-mobile-cat.lvl2,.menu-mobile-cat.lvl3{
  color:#839096;
}
.menu-mobile-cat.lvl1:hover,
.menu-mobile-page.lvl1:hover,
.menu-mobile-cat.lvl2:hover,
.menu-mobile-cat.lvl3:hover{
    color:#646567;
}



/* Template CSS */
/* no perdis el temps ficant prefixos -webkit, -ms ... usa: http://pleeease.io/play/ cuan acabis! :P */
/* Main color overrite from all css's --> #FF1F6E */
/* ----------------------General structure ----------------------*/

html,
body {
    margin: 0px;
    height: 100%;
}
body {
    -webkit-transition: opacity ease 0.350s;
    transition: opacity ease 0.350s;
    opacity: 0;
    overflow-x: hidden;
    overflow-y: auto;
}
#header{
    margin-bottom: 8px;
}
.whiteLoading {
    opacity: 1;
    
    
}
.zoomLens {
    border: 0px solid white;
}
body,
.h2 {
    font-family: montserrat, Helvetica, Arial;
}
a, .btn, button{
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}
a:hover {
    color: #333;
}
a:focus {
    background-color: #fff !important;
    color: #333;
}
.nadaDePaddings {
    padding-left: 0;
    padding-right: 0;
}
div.captchaFieldContainer.has-error {
    padding-bottom: 0px;
}
.container-fluid {
    padding: 0px;
}
div#oldPasswordContainer {
    margin-bottom: 5px!important;
}
input[type="checkbox"] {
    border-radius: 5px;
}
.h2 {
    margin-bottom: 20px;
}
.h3 {
    margin-top: 0px !important;
}
/*a.btn.continue-shopping-empty-basket,*/
a.buttonGrayDefault.userToRegistryButton,
input[type=text],
input[type=password]{
    border: 0px solid #808080;
    color: #808080;
    height: 40px;
}
/*----------------------------------------------HEADER---------------------------------*/

.posicioStatica {
    position: static;
}
.logo {
    display: inline;
}
#search-container {
    padding-top: 20px;
    padding-left: 45px;
}
.clientAtention {
    height: 52px;
    float: left;
}
.clientAtention i {
    position: relative;
    padding-top: 30px;
    letter-spacing: 1px;
    font-size: 21px;
    color: #c1c6c8;
}
.clientAtention span {
    position: relative;
    padding-left: 5px;
    font-size: 19px;
    color: #c1c6c8;
}
.socialNet2 {
    overflow: auto;
    float: left;
}
.socialNet2 > ul {
    margin-left: 15px;
    height: 52px;
}
.socialNet2 > ul {
    padding-left: 0px;
    height: 52px;
}
.socialNet2 > ul > li {
    list-style: none;
    display: block;
    float: left;
    padding-top: 30px;
    padding-right: 14px;
}
.socialNet2 > ul {
    float: left;
}
#search-container input[type="text"] {
    height: 41px;
    width: 100%;
    border: 2px solid #859094;
    color: #859094;
    text-transform: uppercase;
}
#smallSearchCriteriaContainer {
    width: 100%;
}
#smallSearchSubmitContainer {
    position: absolute;
    top: 17px;
    right: 14px;
}
#smallSearchSubmit {
    background-color: transparent;
    color: #859094;
    font-size: 22px;
    border: none;
}
div#small-login-conatiner {
    float: right;
    padding-top: 30px;
}
#small-login-conatiner i {
    color: #c1c6c8;
    font-size: 16px;
    padding-right: 5px;
}
#small-login-conatiner a {
    color: #343434;
    border: none;
    font-size: 14px;
    background-color: transparent;
    padding-top: 5px;
    padding-left: 0px !important;
}
#small-login-conatiner .dropdown > a {
    padding-bottom: 25px;
}
#small-login-conatiner a:hover {
    opacity: 0.7;
}
.subcountrySelector {
    margin-bottom: 10px;
}
.subcountrySelector>button {
    padding: 5px;
}
.categoriasAlternativas {
    float: right;
    padding-top: 10px;
}
.categoriasAlternativas ul {
    padding-left: 0px;
}
.categoriasAlternativas a {
    font-size: 16px;
    color: rgb(223, 26, 55) !important;
}
.pagines a {
    font-size: 14px;
    color: #ff1b0b !important;
}
.categoriasAlternativas a:hover,
.pagines a:hover {
    opacity: 0.5;
}
.categoriasAlternativas li {
    text-transform: uppercase;
}
.categoriasAlternativas li {
    float: left;
    list-style: none;
    text-align: right;
}
.categoriasAlternativas li a {
    float: left;
    list-style: none;
    text-align: right;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px;
}
.categoriasAlternativas li + li {
    float: left;
    list-style: none;
    padding-left: 15px;
}
.categoriasAlternativas li > .prodSeclink {
    color: #c2000b;
}
.categoriasAlternativas li > .prodSeclink:hover {
    border: none;
}
/*-----------------------------------------------------------------------------------*/
/*----------------------------------------------HEADER/MENU---------------------------------*/

.logoContainer {
    padding-left: 0
}
.subCategorias {
    margin-bottom: 20px;
    min-height: 150px;
    max-height: 200px;
    margin-top: 20px;
    overflow: hidden;
}
.fabricantes .subCategorias {
    min-height: 100px;
}
.subCategorias.col-lg-1 {
    width: 12%;
}
.auxContainer {
    border-top-color: #333;
    border-bottom-color: #333
}
.auxContainer span {
    display: block;
    width: 100px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center;
}
.auxContainer img {
    display: block;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}
.subCategorias img {
    max-height: 130px;
    margin-bottom: 10px;
}
.noExisteFoto {
    max-height: 98px;
    background-color: #f2f2f2;
    border: 1px solid #cccccc;
    margin-bottom: 10px;
}
.altenrativeCol .panel-title a:hover {
    color: red !important;
}
.altenrativeCol .subcategoria12:hover {
    color: red !important;
}
.altenrativeCol .subcategoria12:hover+a {
    color: red !important;
}
.altenrativeCol .panel-title a:hover+a.pull-right {
    color: red !important;
}
.altenrativeCol .panel-title .pull-right:hover ~ a.subcategoria12 {
    color: red !important;
}
#main-menu .navbar-nav li > a {
    padding-bottom: 5px;
    padding-right: 0px;
    margin-right: 15px;
    border-bottom: 4px solid #fff;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 200px;
    padding-top: 15px;
}
li.main-menu-category.dropdown.menu-lvl-1.active a{ background: transparent;}
body.scrolled-menu #small-login-conatiner .dropdown > a {
    padding-top: 15px;
}
body.scrolled #main-menu a {
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: bold;
}
.logoContainer + div {
    padding-right: 0;
}
#compra {
    padding-right: 0px;
    padding-left: 0px;
}
#main-menu {
    margin-bottom: 0;
    -webkit-transition: none;
    transition: none;
    padding-top: 5px;
    width: 100%;
}
.logoContainer + div {
    padding-left: 0;
}
#small-login-conatiner .dropdown-menu {
    top: 40px;
}
.subcategoriasLink {
    max-height: 250px !important;
    height: 250px !important;
}
.subCategorias img {
    max-height: 98px;
}
.nom {
    font-size: 14px;
}
.grises img {
    filter: url('#grayscale');
    /* Versión SVG para IE10, Chrome 17, FF3.5, Safari 5.2 and Opera 11.6 */

    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feColorMatrix type="matrix" color-interpolation-filters="sRGB" values="0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0.2126 0.7152 0.0722 0 0 0 0 0 1 0" /></filter></svg>#filter');
    filter: grayscale(100%);

    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    max-height: 50px;
}
.grises img:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    filter: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.auxContainer {
    max-height: none;
}
/*-----------------------------------------------------------------------------------*/
/*-----------------------------------------------Etiquetas prods--------------------*/

.oferta > span, .novedad > span {
    text-transform: uppercase;
    color: white;
    font-size: 13px;
    font-weight: bold;
}
.oferta, .novedad {
    text-align: center;
    position: absolute;
    z-index: 2;
    max-width: 200px;
}
.oferta {
    right: 12px;
    left: auto;
    top: 3px;
    min-width: 64px;
    padding: 0 12px 0 12px;
}
.novedad {
    top: 3px;
    min-width: 64px;
    padding: 0 12px 0 12px;
}
.oferta:before,
.novedad:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    padding-top: 28px;
    padding-left: 10px;
}
.oferta:before {
    background-color: #fe1f3f;
    left: 0;
    top: -3px;
    -webkit-transform: skewX(160deg);
    transform: skewX(160deg);
}
.novedad:before {
    background-color: #0094c3;
    left: 0;
    top: -3px;
    -webkit-transform: skewX(-160deg);
    transform: skewX(-160deg);
}
.oferta:after {
    content: "";
    top: -13px;
    left: 56px;
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #b03920;
    position: absolute;
    z-index: -2;
}
.oferta:after,
.novedad:after {
    content: "";
    width: 0;
    height: 0;
    border-right: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    z-index: -2;
}
.oferta:after {
    top: -13px;
    left: 72px;
    border-bottom: 10px solid #b03920;
}
.novedad:after {
    top: -13px;
    left: -15px;
    border-bottom: 10px solid #00779a;
}
/*-------------------------------------------------------------------------------------*/
/*----------------------------------------ENVIAMENTS-------------------------------------*/

#enviamets {
    margin-bottom: 0px;
}
/*.enviamentCondition:first-child {
    padding-left: 0px;
}
.enviamentCondition:last-child {
    padding-right: 0;
}
.enviamentCondition > div {
    text-align: center;
    padding-top: 20px;
    height: 170px;
    border: 1px solid #214120;
    padding-bottom: 30px;
    width: 100%;
    border-radius: 5px;
}
.enviamentCondition h2 {
    color: #11481e;
    font-size: 23px;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
    line-height: 54px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
}
.enviamentCondition h2 div {
    display: inline-block;
}
.enviamentCondition h2 img {
    padding-right: 15px;
}
.enviamentCondition h3,
.enviamentCondition span {
    font-size: 13px;
    color: white;
    margin: 0;
    padding-left: 15px;
    padding-right: 15px;
}
.enviamentCondition h3 {
    text-transform: uppercase;
    text-transform: uppercase;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.enviamentCondition span {
    font-size: 13px;
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%
}
.enviamentCondition .enviament-content {
    margin: 0 auto;
    text-align: center;
}
.cabezeraTitle {
    width: 100%;
    display: inline-block;
}*/
/*----------------------------------------------------------------------------------------*/
/*--------------------------------------Products&PREUBASE & STOCK-----------------------------------*/

.disponible,
.nodisponible {
    float: right;
    font-weight: bold;
    font-size: 15px;
}
.disponible, .nodisponible {
    color: #80c41c;
}
.nodisponible {
    color: #ff2040;
}
.preuBase > .price {
    color: #fe1f3f;
}
.productListPrice > span + span {
    padding-left: 5px;
}
.productList .product-basePrice del {
    color: #fe1f3f;
}
.productList .product-basePrice del > .price {
    color: #849095;
    font-weight: bold;
}
div.swiper-controls-items {
    display: none;
}
.prodsPageCarousel div.swiper-button-prev,
.prodsPageCarousel div.swiper-button-next {
    color: #b5bcbf;
    height: 60px;
    width: 60px;
    top: 50%;
    left: -6px;
}
.view-list .productListPrice .product-price,
.view-list .productListPrice .product-basePrice {
    display: block;
    width: 50%;
    float: left;
}
.view-list .disponible,
.view-list .nodisponible {
    display: block;
    width: 100%;
    float: left;
    padding-left: 0px;
}
.productList:hover img {
    opacity: 0.6;
}
.productListSmallImage {
    margin: 0 auto;
}
.prodsPageCarousel div.swiper-button-next {
    right: -6px;
    left: auto;
}
section div.swiper-button-next {
    right: 0px;
    left: auto;
    background-color: grey;
    padding: 30px;
}
section div.swiper-button-prev {
    left: 0px;
    background-color: grey;
    padding: 30px;
}
section div.swiper-button-prev:before,
section div.swiper-button-next:before {
    font-family: FontAwesome;
    font-weight: inherit;
    text-decoration: inherit;
    color: white;
    font-size: 30px;
    padding-right: 0.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -20px;
    width: 100%;
    height: 100%;
    /*color: white; */
}
div.swiper-button-prev:before {
    content: "\f053";
}
div.swiper-button-next:before {
    content: "\f054";
}
div.swiper-button-prev:before,
div.swiper-button-next:before {
    font-family: FontAwesome;
    font-weight: inherit;
    text-decoration: inherit;
    /* color: black;*/

    font-size: 30px;
    padding-right: 0.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -20px;
    width: 100%;
    height: 100%;
    /* color: white; */
}
div.swiper-button-prev:before {
    content: "\f053";
}
div.swiper-button-next:before {
    content: "\f054";
}
.productAvgStarsCont {
    width: 75%;
    float: left;
    position: relative;
}
div.productRateValoration {
    display: none;
    font-size: 15px;
}
.productRateStarField {
    font-size: 18px;
}
.product-info .productRateStarField {
    font-size: 24px;
}
.average {
    font-size: 18px;
    margin-left: 15px;
    color: #909090;
}
.productRateStarField:before {
    color: #fe330a;
}
.logoFabricant {
    width: 20%;
    overflow: auto;
    float: right;
}
.logoFabricant a {
    float: right;
    position: relative;
}
.logoFabricant img {
    display: block;
    max-width: 100%;
    height: auto;
    max-height: 72px;
}
.infoAdicional div {
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    min-height: 20px;
    width: 100%;
}
.texto {
    color: #4d4d4d;
    display: block;
}
.titulo {
    width: 150px;
    display: block;
    float: left
}
.title.h3 {
    font-size: 13px;
}
.iconProdGroup {
    margin-top: 25px;
    overflow: auto;
}
.iconProd {
    float: left;
    margin-right: 30px;
}
.stockPrice {
    margin-top: 10px;
    overflow: auto;
}
.prodPrice {
    margin-right: 5px;
}
.prodPrice span {
    font-size: 29px;
    font-weight: bold;
}
.units {
    display: block;
    font-size: 13px;
    margin-bottom: 5px;
    color: #a3a3a3;
}
span.iva {
    font-size: 12px;
    margin-left: 10px;
    color: #a3a3a3;
}
.stockProd {
    float: left;
}
.stockProd .disponible,
.stockProd .nodisponible {
    font-size: 15px;
    font-weight: normal;
}
.stockProd .disponible {
    background-color: #c4d74c;
    color: white;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
}
.stockProd .nodisponible {
    background-color: #ff2040;
    color: white;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
}
.prodPrice {
    float: left;
}
.stockProd,
.prodPrice {
    width: 100%;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}
.QuantityBuy {
    overflow: auto;
    margin-top: 19px;
    margin-bottom: 11px;
    /*     width: 40%; */

    float: left;
}
.QuantityBuy .input-group-btn {
    display: inline;
}
.QuantityBuy .input-group {
    float: left;
    position: static;
}
.QuantityBuy2 {
    overflow: auto;
    margin-top: 0px;
    margin-bottom: 15px;
    z-index: 0;
}
.QuantityBuy2 .input-group {
    float: left;
}
div.input-group .basketQuantity,
div.input-group .buyFormQuantity {
    width: 50px;
    display: block;
    height: 50px;
    padding: 0px;
}
.QuantityBuy2 .buyFormSubmit,
.packPricesContent .buyFormSubmit {
    float: right;
    line-height: 1;
    height: 50px;
    border-radius: 5px;
    background-color: #80c41c;
    color: white;
    font-size: 17px;
    width: 100%;
    text-transform: uppercase;
    box-shadow: 10px -1px 23px -13px rgba(0, 0, 0, 0.75);
    border-color: transparent;
}
.QuantityBuy2 .buyFormSubmit:hover,
.packPricesContent .buyFormSubmit:hover {
    border-color: #000;
}
div.QuantityBuy2 .notAvailable,
div.QuantityBuy2 .notAvailable:hover {
    background-color: #6a7377;
    color: white;
    border: none;
}
*#enviametsMovil .col-xs-12 {
    margin-top: 10px;
}
/*
.enviamentConditionMovil .aux {
    text-align: center;
}
.imgTitle {
    width: 50%;
    float: left;
}
#enviametsMovil .enviamentConditionMovil .cabezeraTitle {
    display: inline-block;
    padding-bottom: 19px;
    border-bottom: 2px solid #fff;
    margin-bottom: 19px;
}
#enviametsMovil .enviamentConditionMovil img {
    margin-right: 15px;
    display: inline-block;
    float: right;
}
#enviametsMovil .enviamentConditionMovil h4 {
    text-transform: uppercase;
    font-size: 14px;
    display: inline-block;
    float: left;
}*/
input.buyFormQuantity {
    border: 1px solid rgb(128, 128, 128) !important;
}
.packPricesContent .buyFormSubmit {
    float: left;
}
.QuantityBuy .buyFormSubmit span {
    position: relative;
    display: block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 24px;
}
.product-share-icons {
    float: right;
}
.product-share-icons button:hover {
    opacity: 0.5;

}
.product-share-icons i {
    color: #4d4d4d;
    font-size: 17px;
    padding-right: 10px;
    color: #c0c5c8;
}
.product-share-icons i:hover {
    opacity: 0.5;

    cursor: pointer;
}
.product-share-icons i.fa-pinterest {
    padding-right: 0px;
}
.wishlistButton {
    display: none;
}
.botoFooter {
    cursor: pointer;
    background-color: #859096;
    color: white;
    text-transform: uppercase;
    margin-right: 2px;
}
.botoFooter a {
    color: white;
    margin: 0px !important;
}
.nav-tabs {
    border-bottom: 0px solid white;
    background-color: #fff;
}
.prodsPageCarousel,
.prodsPageCarousel .carousel-header,
.prodsPageCarousel .espai {
    padding: 0px;
}
.ProdsDescTitle {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #839096;
    margin-bottom: 20px;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #839096;
}
.longdescription {
    display: block;
    width: 100%;
}
#longdescription {
    padding: 0px;
}
.fluidRating span:before,
.fluidRating span ~ span:before {
    color: #fe330a;
}
.anclaje {
    padding-right: 60px;
    padding-left: 60px;
}
.packSection {
    padding: 0px;
}
/* ----------------------------- quantity +/- ----------------------------- */

.input-group-btn {
    display: inline;
}
.input-group-btn,
.input-group input {
    display: inline;
}
input.buyFormQuantity {
    float: left !important;
}
.buyFormQuantity+.input-group-btn button {
    float: left;
}

.input-group-btn:first-child button {
    border-top-left-radius: 5px !important;
    border-right: 0px;
    border-bottom-left-radius: 5px !important;
    float: left;
}
.input-group-btn:last-child button {
    float: right;
    border-top-right-radius: 5px !important;
    border-left: 0px;
    border-bottom-right-radius: 5px !important;
}
.input-group-btn button.btn {
    border-radius: 0px;
    min-width: 30px;
    padding: 15px;
}
div.input-group .basketQuantity,
div.input-group .buyFormQuantity {
    text-align: center;
}
div.input-group span.input-group-btn .btn.btn-number > span.glyphicon-minus:before,
div.input-group span.input-group-btn .btn.btn-number > span.glyphicon-plus:before {
    font-family: FontAwesome;
}
div.input-group span.input-group-btn .btn.btn-number > span.glyphicon-minus:before {
    content: "\f068";
}
div.input-group span.input-group-btn .btn.btn-number > span.glyphicon-plus:before {
    content: "\f067";
}
div.input-group span.input-group-btn .btn.btn-number {
    color: #666666;
}
div.input-group span.input-group-btn > button.btn.btn-number:hover,
div.input-group span.input-group-btn > button.btn.btn-number:focus,
div.input-group span.input-group-btn > button.btn.btn-number:active {
    border-color: #c1c6c8;
}
div.input-group span.input-group-btn > button.btn.btn-number .glyphicon {
    top: 0;
}
div.input-group span.input-group-btn > button.btn.btn-number {
    padding: 0px;
    width: 30px !important;
    height: 50px !important;
    margin: 0px;
}
*[class*="Quantity"] div.input-group {
    margin: 0 auto;
}
div.input-group span.input-group-btn .btn.btn-number {
    font-size: 13px;
}
.input-group .form-control {
    position: relative;
}
.input-group {
    overflow: auto;
    width: 110px;
}
.productFooterSection {
    margin-top: 25px;
}
#moreviews {
    box-shadow: 6px 0px 3px -1px rgba(0, 0, 0, 0.45);
}
#recommended .swiper-button-prev,
#recommended .swiper-button-next,
.relatedSection .swiper-button-prev,
.relatedSection .swiper-button-next,
#views .swiper-button-prev,
#views .swiper-button-next {
    background-color: transparent;
}
#recommended .swiper-button-prev:before,
#recommended .swiper-button-next:before,
.relatedSection .swiper-button-prev:before,
.relatedSection .swiper-button-next:before,
#views .swiper-button-prev:before,
#views .swiper-button-next:before {
    font-family: FontAwesome;
    font-weight: inherit;
    text-decoration: inherit;
    color: black;
    font-size: 30px;
    padding-right: 0.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -20px;
    width: 100%;
    height: 100%;
    color: #849095;
}
#recommended .swiper-button-next:before,
.relatedSection .swiper-button-next:before,
#views .swiper-button-next:before {
    content: "\f054";
}
label.moduleField,
.productRateCommentFormNick label {
    display: none;
}
.captchaContainer {
    overflow: auto;
}
.captchaImage {
    padding-top: 6px;
    margin-left: 10px;
}
.captchaFieldContainer input + .help-block ~ .captchaImage {
    padding-bottom: 55px;
}
#captchaContainer .captchaImage,
.reloadCaptchaImage {
    position: relative;
}
.has-error + #captchaContainer .captchaImage,
.has-error + #captchaContainer .captchaImage + .reloadCaptchaImage {
    position: relative;
}
#secureCodeContainer input.form-control,
#productCommentsNickField {
    box-shadow: none;
    padding-left: 15px;
}
/*#secureCodeContainer input,
#productCommentsNickField {
    border-bottom: 1px solid #999999 !important;
}*/
.btn.sendCommentsButton,
input.miniBasketContinueShopping,
#getRefundSubmit,
div.basketButtons .basketEndOrder,
#smallLoginSubmit,
#changePasswordSubmit,
#verifyUser,
button.basketButton,
input#basketRecalculate,
a.buttonGrayDefault,
#productRecommendSubmit,
#confirmOrderBackToShop,
#paymentAndShippingBasketBack,
#discountCodeButton,
#lostPasswordSubmit,
#productContactSubmit,
a.commentBoxModal,
#customerBasketBack,
.btnFiltrosMarca,
.btnFiltrosSubCat,
.btnFiltrosFabricante,
#contactSubmit,
#wishlistQuestionButton1,
#wishlistQuestionButton2,
button.productDetailSendWishlist,
button.productDetailDeleteWishlist,
#sendWishlistSubmit,
#sendWishlistSubmitContainer .btn-default,
#userLoginSubmit,
a.continue-shopping-empty-basket,
a.btn.btn-primary.loginButton,
.btn.formButtonSubmit,
.btn.formButtonReset
{
    border-radius: 5px;
    background-color: #6a7377;
    color: white;
    border: 1px solid #6a7377;
}
#changePasswordSubmit:hover,
#smallLoginSubmit:hover,
#verifyUser:hover,
#getRefundSubmit:hover,
#basketEndOrder:hover button.basketButton:hover,
input.basketButton:hover,
a.buttonGrayDefault:hover,
#confirmOrderBackToShop:hover,
#paymentAndShippingBasketBack:hover,
#lostPasswordSubmit:hover,
#discountCodeButton:hover,
#productContactSubmit:hover,
a.commentBoxModal:hover,
#customerBasketBack:hover,
.btnFiltrosMarca:hover,
.btnFiltrosSubCat:hover
.btnFiltrosFabricante:hover,
#contactSubmit:hover,
#wishlistQuestionButton1:hover,
#wishlistQuestionButton2:hover,
button.productDetailSendWishlist:hover,
.buton.productDetailDeleteWishlist:hover,
#sendWishlistSubmit:hover,
#sendWishlistSubmitContainer .btn-default:hover,
#userLoginSubmit:hover,
a.continue-shopping-empty-basket:hover,
a.btn.btn-primary.loginButton:hover {
    background-color: white !important;
    color: #333;
    border-color: #333;
    border: 1px solid;
}
textarea.form-control.formField {
    border-radius: 5px;
}
.Valoration {
    display: none;
}
#ratingValue {
    font-size: 18px;
    padding-top: 5px;
}
.productRateCommentFormStars>label {
    display: block;
    width: 100%;
}
#productCommentsStarsField {
    font-size: 18px;
    width: 120px;
    float: left;
}
#productRateCommentFormContainer {
    width: 100%;
}
.sendCommentsButton {
    width: 70%;
    text-transform: uppercase;
}
.modal-body #productRateCommentFormContainer {
    width: 100%
}
.packProductSmallImage img {
    margin: 0 auto;
}
.pack-price span.price {
    font-size: 22px;
    font-weight: bold;
}
.packPrices {
    padding: 0px;
}
.packBuyForm {
    overflow: auto;
}
.pack-price {
    margin-bottom: 30px;
}
.packPricesContent {
    text-align: left !important;
    padding-top: 13px;
    /* margin-bottom:  */
}
.relatedSection,
.productFooterSection,
#reviewsBoX,
#reviews,
.productInfoCol,
.tabsSection,
#recommended {
    padding-left: 0px;
    padding-right: 0px;
}
.productListPrice .product-price {
    font-size: 18px;
}
.productListPrice {
    font-size: 18px;
}
.productListSmallImageLinkProds {
    display: block;
    height: 250px;
    max-height: 250px;
    overflow: hidden;
    position: relative;
}
.productListSmallImageLinkProds img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.packProductName {
    font-size: 12px;
}
#longdescription,
.relatedSection,
.packSection {
    margin-top: 0px;
    margin-bottom: 40px;
}
#reviewsBoX {
    margin-top: 0px;
    margin-bottom: 10px;
}
.mainImageContainer {
    position: relative;
    left: 60%;
    top: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    z-index: 10;
}
#main-image-container {
    max-width: calc(100% - 200px);
}
.view-list .productListPrice > span + span {
    padding-left: 0px;
}
.view-list del > span.price {
    opacity: 0.65;
    filter: alpha(opacity=65);
    font-size: 18px;
    float: right;
}
.product-info {
    z-index: 0;
}
.packProductRow>div {
    padding: 0px;
}
.tancar {
    position: absolute;
    top: 3%;
    left: 96%;
    font-size: 27px;
    color: #c1c6c8;
    cursor: pointer;
    z-index: 100;
}
.productColumn {
    height: 400px;
    padding: 0px 15px;
}
.alternative {
    /*  margin-bottom: 50px; */
}
.alternative .productListProds {
    border-top: 1px solid #e9e9e9;
    padding: 5px;
}
.containerPagination {
    padding: 0px
}
/*-------------------------------------END PRODUCT------------------------------------------*/
/*-------------------------------------404------------------------------------------*/

.page404Content p {
    margin-bottom: 20px;
}
/*-------------------------------------END 404------------------------------------------*/
/*--------------------------------SEO----------------------------------------*/

.textColumn h1 {
    text-align: center;
    text-transform: uppercase;
    color: #0093c3;
    font-weight: bold;
    font-size: 40px;
}
.seo {
    margin-bottom: 20px;
}
.seo2 div.seo-content {
    color: #676767;
}
.seo-content {
    text-align: center;
    color: #666666;
    font-size: 14px;
    padding-top: 20px;
}
/*----------------------------------------------------------------------------*/
/*--------------------------------------FOOTER-----------------------------------*/

.footer-columns {
    background-color: #f7f7f6;
}
#smallNewsletterEmailContainer {
    margin-top: 10px;
}
.h3.header-page-footer {
    color: #dc623d;
    font-size: 16px;
    font-weight: bold;
    text-transform: lowercase;
    margin-top: 0;
}
/* smallNewsletter form */

#smallNewsletterSubmitContainer,
#smallNewsletterEmailContainer {
    width: 200px;
    float: left;
}
#smallNewsletterEmailField {
    margin-right: 5px;
    height: 40px;
    border: 1px solid #b5bcbf;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 0px;
}
.smallNewsletter .legalTextLinks {
    position: absolute;
    top: 100%;
}
.smallNewsletter .legalTextLinks.has-error {
    margin-top: -15px;
}
.smallNewsletter {
    margin-bottom: 65px;
    position: relative;
}
@media (max-width: 549px) {
    .smallNewsletter {
        margin-bottom: 85px;
    }
}
.smallNewsletter:before,
.smallNewsletter:after,
.comparerBasketItem:before,
.comparerBasketItem:after {
    display: table;
    content: " ";
}
.smallNewsletter:after,
.comparerBasketItem:after {
    clear: both;
}
.h3.header-page-footer:first-letter {
    text-transform: capitalize;
}
.newsletter i+span {
    text-transform: uppercase;
    padding-left: 10px;
}
.newsletter i {
    font-size: 24px;
}
.newsletter div+span {
    margin-bottom: 5px;
    color: #808080;
}
.socialNet > ul > li > a:hover {
    opacity: 0.7;
}
.logoFooter {
    position: absolute;
    left: 50%;
    top: -17px;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    margin-bottom: 20px;
    display: block
}
.logofranja {
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    position: relative;
}
.socialNet > ul > li, .payTransport > ul > li {
    list-style: none;
    display: block;
    float: left;
}
.payTransport > ul > li a:hover {
    opacity: 0.5;

}
.socialNet > ul,
.payTransport > ul {
    float: right;
}
.socialNet > ul > li {
    padding-left: 10px;
}
.payTransport > ul > li {
    padding-left: 20px;
}
.socialNet,
.payTransport {
    overflow: auto;
    margin-top: 30px;
}
.merchantInformation i {
    margin-right: 5px;
    font-size: 10px;
}
.ecomerceName {
    color: black;
    font-size: 12px;
    font-weight: bold;
    margin-top: 0;
}
#smallNewsletterSubmitContainer {
    float: left;
    width: 40px;
    margin-top: 10px;
}
#smallNewsletterSubmit {
    color: #808080;
    background-color: white;
    border: 1px solid #808080;
    height: 40px;
    margin-left: 0px;
    float: left;
    width: 40px;
    min-width: 0px;
    padding: 0px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#smallNewsletterSubmit:hover {
    color: #333;
    border: 1px solid #333;
}
.footer-columns li > a {
    font-size: 14px;
}
.footer-columns .container>div {
    margin-bottom: 60px;
    margin-top: 85px;
}
.payMethod {
    height: 32px;
    width: auto;
}
.footer-columns {
    background-color: #f7f7f6;
}
.copyright-container > div {
    margin-top: 25px;
}
.contact .h3 {
    color: #000;
}
.contact i {
    width: 20px;
    color: #808080;
}
.contact div {
    margin-top: 15px;
}
.contact span {
    color: #808080;
}
.contact .mail {
 margin-bottom: 20px;
}

.contact > span {
    width: 100%;
    display: block;
}

/* social footer */

.social-banners .item {
    display: block;
    float: left;
}
.social-banners .item + .item {
    margin-left: 5px;
}
/* footer bottom */

.bottom-footer {
    margin-bottom: 20px;
}
.copyright-container {
    font-size: 12px;
}
.copyright-container > div {
    margin-top: 45px;
}
/* footer columns */

.header-page-footer {
    margin-top: 0;
}
.footer-columns .sub-pages-6 > li > a {
    display: block;
}
.payTransport li {
    display: block;
}
/*---------------------------------------------------------------------------------*/
/*------------------------------HOME-----------------------------------------------*/

.anclaje,
.portadaAnclaje {
    position: relative;
    overflow: auto;
    overflow-x: hidden;
}
.img1,
.img2,
.img3 {
    position: relative;
    float: left;
    height: 460px;
    overflow: hidden;
}
.img1 img,
.img2 img,
.img3 img {
    max-height: 340px;
    height: auto;
    left: 40%;
    position: relative;
    /* IE 9 */
    
    -webkit-transform: scale(1.5);
    /* Chrome, Safari, Opera */
    
    transform: scale(1.5);
}
.img1 img:hover,
.img2 img:hover,
.img3 img:hover {
    -vendor-animation-duration: 3s;
}
.img1 {
    background-color: #0a72a9;
    z-index: 1;
}
.img2 {
    background-color: #cf1431;
    z-index: 2;
}
.img3 {
    background-color: #e5a200;
    z-index: 2;
}
/*.img2 {
background-color: #cf1431;
border-left: 35px solid transparent;
border-bottom: 640px solid #cf1431;
z-index: 2;
}

.img3 {
background-color: transparent;
border-left: 35px solid transparent;
border-bottom: 640px solid #cf1431;
z-index: 2;
}
*/

.trapecio:after {
    background-color: transparent;
    border-left: 37px solid transparent;
    border-bottom: 460px solid #cf1431;
    z-index: 2;
    position: absolute;
    content: "";
    left: 29%;
    width: 4.5%;
}
.trapecio2:after {
    background-color: transparent;
    border-left: 34px solid transparent;
    border-bottom: 460px solid #e5a200;
    z-index: 2;
    position: absolute;
    content: "";
    left: 63%;
    width: 4.5%;
}
.img1 i:before,
.img2 i:before,
.img3 i:before {
    content: "";
    width: 100%;
    height: 640px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0.5;
    
}
.img1 i:before {
    background-color: #0a72a9;
}
.img2 i:before {
    background-color: #cf1431;
}
.img3 i:before {
    background-color: #e49e00;
}
.info .nomProd {
    max-height: 60px;
    height: 60px;
    overflow: hidden;
}
.info .nomProd>span {
    text-align: left;
    font-size: 13px;
    color: #343434;
}
.espai {
    margin-bottom: 20px;
}
.seo-content {
    text-align: center;
    color: #666666;
    font-size: 14px;
}
.banners-1 {
    width: 100%;
}
.infoBannerCategory {
    position: absolute;
    z-index: 11;
    left: 16px;
    color: white;
    width: 80%;
    height: auto;
    top: 60%;
}
.infoBannerCategory span {
    font-size: 16px;
    height: 50px;
    overflow: hidden;
    display: block;
    margin-top: 5px;
}
div.infoBannerCategory a {
    color: white;
    font-size: 15px;
    padding-top: 20px;
    position: relative;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}
div.infoBannerCategory a:hover {
    font-size: 20px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
}
div.infoBannerCategory a:after {
    content: url(../img/flecha.png);
    height: 9px;
    width: 45px;
    top: 0;
    left: 0;
    padding-left: 15px;
}
.jslider .jslider-bg .f {
    background-position: 0px 0px;
}
button.clearFilterButton {
    background-color: #4d4d4d;
    color: white;
    border-radius: 5px;
}
.jslider .jslider-label {
    display: none !important;
}
.btnFiltrosMarca,
.btnFiltrosFabricante,.btnFiltrosSubCat {
    padding: 10px;
    font-size: 12px;
}
/*-------------------------------------------------------------------------------*/
/*------------------------------------BASKET-------------------------------------------*/

.userBasket {
    margin-left: 15px;
}
.miniBasket {
    padding-top: 35px;
    float: right;
}
#miniBasketContent.linkMinibasket {
    padding-top: 0px;
    font-size: 14px;
    position: relative;
    cursor: pointer;
}
.linkMinibasket {
    padding-top: 20px;
    display: block;
    float: right;
}
.linkMinibasket span.price {
    padding-left: 10px;
}
.linkMinibasket span.price:first-child {
    display: none;
}
#userFieldPhoneContainer {
    padding-left: 0;
}
#miniBasketContent:hover > i,
#miniBasketContent:hover > span {
    /*opacity:0.7;    */
}
#miniBasketContent i,
.linkMinibasket i {
    position: relative;
    padding-left: 30px;
}
#miniBasketContent i:before {
    position: absolute;
    content: url(../img/shoppingbag.png);
    width: 24px;
    height: 24px;
    left: 0;
    top: -3px;
    font-size: 13px;
}
.linkMinibasket i:before {
    position: absolute;
    content: url(../img/shoppingbag.png);
    width: 24px;
    height: 24px;
    left: -10px;
    padding-left: 10px;
    top: -17px;
    font-size: 13px;
}
#miniBasketContent span.tittleBasquet, #miniBasketContent span.tittleBasquet + .price { cursor: pointer;}
.linkMinibasket span {
    color: #333;
}
.linkMinibasket span.price span {
    color: #859094;
}
#miniBasketContent a.miniBasketEndOrder {
    color: #343434;
    border: 1px solid #555;
    font-size: 12px;
}
#miniBasketItem span {
    color: #000333;
}
a.miniBasketEndOrder,
#basketEndOrder {
    border-radius: 5px;
    background-color: #80c41c;
    color: white !important;
    border-color: transparent !important;
}
a.miniBasketEndOrder:hover,
#basketEndOrder:hover {
    border-color: #000 !important;
    color: #333 !important;
    background: #FFF;
}
#miniBasketContent a.miniBasketEndOrder:hover {
    box-shadow: none;
    color: black !important;
    border-color: black;
    background-color: white;
}
#miniBasketContent span > span.price {
    padding-left: 10px;
    color: #859094;
}
#miniBasketContent span.freeShipping > span.price {
    padding-left: 0px; color: inherit;
}
.miniBasketItem {
    clear: both;
    padding: 20px;
}
.miniBasketItemImage {
    max-width: 100px;
}
/*---------------------------------------------------------------------------------------*/
/*------------------------------------USER-------------------------------------------*/

.smallLoginInPage form#smallLoginForm {
    display: block;
}
a.buttonGrayDefault.userToRegistryButton:hover {
    border: 1px solid #333;
    color: #333;
}
.loginFormContainerPage {
    margin-right: 20px;
    border: 1px solid #333;
}
.loginFormContainerPage,
.login {
    min-height: 300px;
    padding: 20px;
    padding-bottom: 40px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.loginFormContainerPage .userToRegistryButton {
    position: absolute;
    bottom: 29px;
    padding: 15px;
}
#userMenucontainer,
.basketPageContainer {
    /* //border:1px solid #c1c6c8; */
    
    border: 1px solid #ccc;
    border-radius: 5px;
}
#userMenucontainer {
    background-color: #d9edf7;
}
#smallLoginLostPassword:hover {
    opacity: 0.7;
}
.wishlist-controls {
    margin-bottom: 15px;
}
.wishlist-controls > div {
    padding: 0px;
    padding-right: 15px;
}
#changePasswordSubmit,
.wishlist-controls button,
#saveUserButton {
    min-width: 200px;
    padding: 10px;
    border: 1px solid #808080;
}
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border-bottom-color: #000;
}
#userForm .nav-tabs>li>a {
    margin-right: 0px;
}
div.input-group.date {
    width: 100% !important;
}
#userFieldUserTypeContainer li.active {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #333;
    border: 1px solid !important;
    border-bottom: 0px !important;
}
#userFieldUserTypeContainer li:last-child{ display: none}
.wishlist-controls div {
    padding: 0px;
}
#changePasswordSubmit:hover {
    border: 1px solid #333;
}
#userMenucontainer {
    padding: 15px;
}
#smallLoginSubmit {
    padding: 15px;
}
.smallLoginLinks a,
#smallLoginSubmit {
    /*color: #000;*/
}
#smallLoginSubmit:hover {
    color: #080707;
}
.smallLoginLinks a:hover {
    color: #000000;
}
.generalFormText {
    width: 90%;
}
.login, .createAccount, .userFormLogin,
.lostPasswordPageContent, .createAccountUserPage,
.userData, .loginFormContainerPage, .basketPageContainer {
    background-color: white;
}
.userData {
    padding: 20px;
}
.lostPassword,
.createAccountUserPage,
.lostPasswordPageContent {
    padding: 30px;
}
div.userControlPanel a:hover {
    color: #000;
}
#changePasswordForm div.formField.changePasswordField {
    float: none;
}
div ul.pathContainer {
    padding-left: 15px;
    border-radius: 5px;
}
.filter-option.pull-left {
    padding-left: 12px;
}
/*--------------------------------------------------------------------------------*/
/*-------------------------------------CATEGORIES----------------------------------------*/

/* .categoriesFilterBlock {
    display: none;
} */
label.filterElement {
    color: #333;
    font-size: 13px;
}
div.pricesFilterElements {
    margin-bottom: 15px;
}
.viewAvailableOrderBy {
    margin-top: 3px;
}
.viewAvailableOrderBy .ordenacio {
    border-radius: 0;
    top: 36px;
    right: 0px;
    padding: 25px;
    min-width: 350px;
    border-top: 0;
    border-bottom: 0;
}
.pagination > .active > a,
.pagination > li > a,
.pagination > li > span,
.pagination > .disabled > a,
.pagination > li > span {
    background-color: transparent;
    border-color: #808080;
    color: #808080;
    border: 1px solid #808080;
}
.pagination > li > a:hover,
.pagination > .active > a:hover,
.pagination > .disabled > a:hover,
.pagination > li > span:hover {
    border-color: #000;
    color: #000;
    background-color: white;
}
.pagination > .active > a {
    border-color: #4d4d4d;
    color: #4d4d4d;
    background-color: white;
}
.panel-body>.list-unstyled>li>a:first-child {
    color: #000;
}
#viewAvailableOrderBy,
div.mostrarFiltros button {
    background-color: #4d4d4d;
    color: white;
    margin-left: 5px;
    border-radius: 5px;
    padding: 8px 15px 8px 15px;
}
div.viewAvailableViews {
    margin-right: 170px;
    float: right;
    position: relative;
    left: 13%;
    top: -1px;
}
li span .all {
    border-color: #4d4d4d;
}
div.paginationContainer {
    float: right;
    margin-top: 0px;
    margin-left: 15px;
}
.searchCriteriaFilterBlock {
    display: none;
}
.titolH3 {
    text-align: center;
    background-color: #c2000b;
    font-size: 16px;
    color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 5px;
    text-transform: uppercase;
}
.panelCategories {
    color: #000;
    background-color: transparent;
    border-bottom: 1px solid #c2000b;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}
.panel-body>a {
    padding-top: 5px;
    padding-bottom: 5px;
}
/* verticalMenu */
#categoriesAccordion .panel-body {
    padding: 7.5px 0;
    border-top: 1px solid #c2000b;
    margin-top: 10px;
}
#categoriesAccordion .panel-body a {
    display: block;
}
#categoriesAccordion .panel-body > ul > li {
    position: relative;
}
#categoriesAccordion .panel-body > ul > li > a {
    font-size: 13px;
    padding-bottom: 7px;
}
#categoriesAccordion .panel-body > ul > li > a[data-toggle="collapse"] {
    color: #999999;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0px 15px;
}
#categoriesAccordion .panel-body .lvl-3-vc-ul {
    position: relative;
    list-style: disc;
    color: #666666;
    margin-left: 30px;
    padding-top: 5px;
}
#categoriesAccordion .panel-body .lvl-3-vc-ul a {
    padding-bottom: 7px;
    font-size: 12px;
}
.filters-column .h3 {
    background-color: #849095;
    text-align: center;
    font-size: 18px;
    /*     padding-top: 20px;
    padding-bottom: 20px; */
    
    text-transform: uppercase;
    color: white;
}
.filters-column,
.filters-column form {
    background-color: #f2f2f2;
}
.filterBlockTitle {
    text-transform: uppercase;
    font-size: 14px;
}
.filterBlock.brandsFilterBlock {
    margin-top: 20px;
}
.filterBlock {
    padding-left: 15px;
    padding-right: 30px;
    margin-bottom: 40px;
}
.filterBlock.saleOfferFilterBlock {
    margin-bottom: 0px;
}
a.viewFilterElement {
    color: #c1c6c8;
    background-color: transparent;
    padding: 5px 10px 0px 0px;
    border: none;
    min-width: 0%;
}
a.viewFilterElement:hover {
    color: #333;
    background-color: transparent;
    /*padding: 0px;*/
}
span>a.viewFilterElementSelected {
    color: #4d4d4d;
    background-color: transparent;
    border-color: transparent;
}
.pull-right>span {
    font-size: 20px;
}
a.viewFilterElement {
    -webkit-transition: background-color 350ms ease, color 350ms ease, border-color 350ms ease;
    transition: background-color 350ms ease, color 350ms ease, border-color 350ms ease;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 15px;
}
.infoCategoria {
    /*margin-bottom: 50px;*/
    
    padding-left: 0px;
    padding-right: 0px;
    overflow: hidden;
    height: 100%;
}
.pagination>li>a,
.pagination>li>span {
    padding: 6px 14px;
}
.categoriaDescripcion {
    max-height: 300px;
    background-color: #f2f2f2;
    overflow: hidden;
    border-radius: 5px;
}
.headerCategory2 .productsPage-header {
    padding-right: 0px;
    border-radius: 5px !important;
    overflow: auto;
}
.productsPageRightColumn {
    padding-right: 0px;
    border-radius: 5px;
}
.infoCategoriaHighlitsSales {
    border-radius: 5px;
    border-radius: 5px;
    overflow: auto;
}
.productsPage-header h3,
.productsPage-header h1 {
    background-color: #849095;
    color: white;
    margin-bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 15px;
    font-size: 20px;
    text-transform: uppercase;
    overflow: hidden;
    margin-top: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.short-desc,
.long-desc {
    font-size: 14px;
    color: #333;
    background-color: #f2f2f2;
    padding: 15px;
    line-height: 24px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
    height: 100%;
}
.short-desc span {
    word-wrap: break-word;
    max-width: 100%;
}
.imgCategoria {
    height: 100%;
    margin-top: 0px;
    overflow: hidden;
    max-width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}
.imgCategoria img {
    width: 100%
}
.jslider .jslider-value,
.jslider .jslider-value-to {
    line-height: 9px;
    background-color: #f2f2f2;
}
.brandsFilterElements {
    height: auto;
}
.esconderMarcas,
.esconderFabricantes {
    display: none;
}
.expandirFabricantes,
.expandirMarcas {
    height: 300px;
    overflow: auto;
    margin-bottom: 10px;
}

.dropdown-menu > li > a {
    color: rgb(128, 128, 128);
}
div.filters-column span.fa-filter {
    font-size: 26px;
    padding-right: 5px;
}
div.prodBody {
    padding: 0px 0px 15px 0px;
}
div#filters-collapse.filters-mobile form {
    background-color: #f2f2f2;
}
.eliminarFiltros {
    display: none;
}
/*-------------------------------------------------------------------------------*/

.buyFormSubmit.buy[disabled] {
    cursor: wait;
}
.buyFormSubmit.selectOption[disabled] {
    cursor: not-allowed;
    font-size: 12px;
}
header,
main,
footer {
    background-color: white;
}
/* selection color */

::-moz-selection {
    background: #337ab7;
    color: white;
}
::selection {
    background: #337ab7;
    color: white;
}
/* IE fixes */

html {
    -ms-overflow-style: scrollbar;
    -ms-overflow-x: hidden;
}
/* shadow containers */

@media (max-width: 768px) {
    #shop-content > .container {
        padding-left: 0px;
        padding-right: 0px;
    }
    #shop-content > .container > .row {
        margin-right: 0;
        margin-left: 0;
    }
}
/* @media (max-width: 479px) {
    ul.pathContainer {
        display: none;
    }
}
*/
/* fluid fix js */

.has-error .form-control {
    border-color: #a94442 !important;
    /* style inline overrite */
}
/* ---------------------- Defaults Bootstrap styles ---------------------- */
/* redefine default bootstrap classes and elements */

h1,
.h1,
h2,
.h2 {
    margin-top: 0;
}
@media (max-width: 767px) {
    h1,
    .h1 {
        font-size: 30px;
    }
    div.productViewsContainer .col-xs-6:first-child {
        padding-left: 15px !important;
    }
}
a,
.btn,
.btn-link {
    outline: none !important;
    /*-webkit-transition: all 350ms ease;*/
    /*transition: all 350ms ease;*/
}
.breadcrumb {
    font-size: 12px;
    border-radius: 0;
}
.btn {
    border-radius: 0;
    min-width: 100px;
    padding: 15px;
}
hr {
    /* separators color */
    
    border-color: #eeeeee;
}
select,
textarea,
input[type="text"],
input[type="email"],
input[type="password"],
.form-control,
.input-group-addon {
    border-radius: 5px;
    border: 1px solid #ccc;
    height: 40px;
}
.dropdown-menu {
    border-radius: 0;
    width: 100%;
    top: 140px;
    padding: 50px;
    border-top: 2px solid;
    border-bottom: 2px solid;
}
div.subcategoriesContainer {
    top: 120px;
}
a:focus,
a:hover,
.btn-link:focus,
.btn-link:hover {
    outline-offset: 0px;
    text-decoration: none;
}
.modal .close {
    font-size: 2.5em;
    position: absolute;
    right: 10px;
    top: 3px;
    z-index: 10;
    text-shadow: none;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
table {
    width: 100%;
}
table.table > tbody > tr:first-child > td {
    border-top: none;
}
table.table.empty-table * {
    border-color: transparent;
}
table.table thead > tr {
    background: #c1c6c8;
    text-transform: uppercase;
    font-size: 13px;
    /* //font-family: "opensans-bold"; */
}
.table > thead > tr > th {
    border-bottom: none;
}
.table > thead > tr > th > td {
    color: #000;
}
/* bold overrite elements ... Fluid handicap */

label,
b,
strong {
    font-weight: normal;
}
form .form-message.alert {
    margin: 15px 0;
}
.dropdown form .form-message.alert {
    margin-top: 0;
    font-size: small;
    padding: 10px;
}
/* userform country form element fix error visual validation */

form#userForm > .form-message.alert.alert-danger ~ [data-form-fields-country] .formFields.userFormFields #userFieldCountryContainer .form-control,
form#userForm > .form-message.alert.alert-danger ~ [data-form-fields-country] .formFields.userFormFields #userFieldCountryContainer .form-control > .btn,
form#userForm > .form-message.alert.alert-danger ~ [data-form-fields-country] .formFields.userFormFields #userFieldShippingCountryContainer .form-control,
form#userForm > .form-message.alert.alert-danger ~ [data-form-fields-country] .formFields.userFormFields #userFieldShippingCountryContainer .form-control > .btn {
    border-color: #a94442 !important;
}
.panel-title {
    font-size: inherit;
}
.panel-group .panel {
    border-radius: 0;
}
.panel-heading {
    padding: 10px 40px 10px 15px;
    border-radius: 0;
    position: relative;
}
.panel-title [data-toggle="collapse"] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 15px;
}
/* --------------------- All links coloring (base) --------------------- */
/* overrite color of link = rewrite link states (:hover, :active) */

.btn-link {
    margin: 0;
    border: 0;
    padding: 0;
}
a,
.btn-link {
    color: #808080;
}
/* --------------------- All buttons coloring --------------------- */
/* for all butons or links like buton define all states */
/* :hover, :active, :focus, :active:focus and .open>.dropdown-toggle.btn{} */
/* machacar botons concrets com el basket aqui també... */
/* secondary button */

.btn,
/* other buttons ... */

#basketRecalculate {
    color: #808080;
    background-color: white;
    border-color: #808080;
}
.btn:focus,
.btn:active,
.btn:hover,
.btn:active:focus,
.open > .dropdown-toggle.btn,
/* other buttons ... */

#basketRecalculate:focus,
#basketRecalculate:active,
#basketRecalculate:hover,
#basketRecalculate:active:focus {
    box-shadow: none;
    color: #333;
    border-color: #333;
    background-color: white;
}
/* primary button */
.btn.btn-primary:focus,
.btn.btn-primary:active,
.btn.btn-primary:hover,
.btn.btn-primary:active:focus,
.open > .dropdown-toggle.btn.btn-primary,
/* other buttons ... */

#saveUserButton:focus,
#saveUserButton:active,
#saveUserButton:hover,
#saveUserButton:active:focus #basketEndOrder:focus,
#basketEndOrder:active,
#basketEndOrder:hover,
#basketEndOrder:active:focus,
.viewFilterElementSelected:focus,
.viewFilterElementSelected:active,
.viewFilterElementSelected:hover,
.viewFilterElementSelected:active:focus,
#customerBasketContinue:focus,
#customerBasketContinue:active,
#customerBasketContinue:hover,
#customerBasketContinue:active:focus,
#paymentAndShippingBasketContinue:focus,
#paymentAndShippingBasketContinue:active,
#paymentAndShippingBasketContinue:hover,
#paymentAndShippingBasketContinue:active:focus,
.comparerBasketButtons > .btn:focus,
.comparerBasketButtons > .btn:active,
.comparerBasketButtons > .btn:hover,
.comparerBasketButtons > .btn:active:focus {
    box-shadow: none;
    color: #000;
    border-color: #000;
}
/* --------------------- Pagination (overrite bootstrap) -------------------- */
/* default link colors */
/*-------------------- generic tabs overrite Bootstrap (looks best :o) ------------------*/
/* by: http://bootsnipp.com/snippets/featured/material-design-tab-style */

.nav-tabs {
    /*border-bottom: 2px solid #eeeeee;*/
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border-width: 0;
}
.nav-tabs > li > a {
    border: none;
    /*color: #666666;*/
}

.nav-tabs > li > a {
    border-radius: 0px 0px 0 0;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    -ms-transition: all 350ms ease;
    -o-transition: all 350ms ease;
    transition: all 350ms ease;
}


.nav-tabs > li{
    border: 1px solid transparent;
}
.nav-tabs > li.active > a{

    border: none;
    cursor: pointer;
    /* color: #ff1f6e !important*/
    color: #333;    
    /* background-color: #b1b1b0; */
    background-color: #fff;
    
    border-radius: 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
    background: none;
}
.nav-tabs > li.active > a:after,
.nav-tabs > li:hover > a:after {
    -webkit-transform: scale(1);
    transform: scale(1);
}
.tab-nav > li > a:after {
    background: #555 none repeat scroll 0% 0%;
    color: white;
}
/* --------------------- generic productOptions default Fluid output css ----------------- */
/* afecta a todo el web con opciones ull/ojo/eye */

.productOptions .productOptionValue:not(.productOptionSelectValue) {
    float: left;
}
.productOptions .productOptionValue label,
.productOptions .productOptionValue input {
    margin: 0;
}
.productOptions .productOptionValue + .productOptionValue {
    margin-left: 5px;
}
.productOptions .productOptionValues:before,
.productOptions .productOptionValues:after {
    content: " ";
    display: table;
}
.productOptions .productOptionValues:after {
    clear: both;
}
.productOptions .productOption + .productOption {
    margin-top: 15px;
}
.productOptions .productOptionValueImage {
    max-width: 100%;
    display: block;
    height: auto;
}
/* cookies alert */

div#cookiesBannerContainer {
    bottom: 30px !important;
    z-index: 99999999;
}
div#cookiesBannerText {
    position: relative;
}
div#cookiesBannerButton {
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
div#cookiesBannerButton:hover,
div#cookiesBannerButton:active,
div#cookiesBannerButton:focus {
    opacity: .3;
    filter: alpha(opacity=30);
}
@media (max-width: 767px) {
    div#cookiesBannerContainer {
        width: 75%;
        bottom: 15px !important;
        left: 15px !important;
    }
}
@media (max-width: 480px) {
    div#cookiesBannerContainer {
        width: 100%;
        bottom: 0px !important;
        left: 0px !important;
        font-size: small;
    }
}
/* link modal stockalerts */
#stockAlert{ margin-top: 15px;}

.product-stock {
    display: none;
    /* no visual breaks */
}
.semafor {
    display: inline-block;
}
.semafor div {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #e5e5e5;
    float: left;
    margin-right: 10px;
    position: relative;
    margin-top: 3px;
}
.semafor span.textSemafor {
    font-size: 15px !important;
    text-transform: uppercase;
}
.semafor div.sinStock {
    background: #cf363f;
}
.semafor div.sinStock ~ .textSemafor {
    color: #cf363f;
}
.semafor div.pocos {
    background: #fea621;
}
.semafor div.pocos ~ .textSemafor {
    color: #fea621;
}
.semafor div.enStock {
    background: #80c41c;
}
.semafor div.enStock ~ .textSemafor {
    color: #80c41c;
}
.link-stock {
    cursor: pointer;
}
/* stock alerts link show/hide */

.view-list .info .product-stock.stock-ok,
.info .product-stock.no-stock {
    float: left;
}
.info .product-stock.stock-ok,
.info .product-stock.no-stock {
    float: right;
}
.product-stock.stock-ok .link-stock {
    display: none;
}
.product-stock.no-stock .link-stock {
    display: block;
}
/* modal stock */

.itemStockAlertModal h3 {
    margin-top: 0;
}
div#productContactSubmitContainer {
    margin-top: 15px;
}
/* legal text common css */

.legalTextLinks {
    font-size: 12px;
    margin-bottom: 20px;
}
.legalTextLinks a {
    text-decoration: underline;
}
/* header general */

nav.navbar {
    border-radius: 0%;
    border: none;
}
header .top-bar {
    font-size: 12px;
    padding-top: 9px;
    padding-bottom: 9px;
    background-color: #fafafa;
}
header .top-bar ul {
    margin-bottom: 0px;
}
header .headerSnippets .dropdown-menu {
    left: auto;
    right: 0;
}
@media (min-width: 992px) {
    header .top-bar ul {
        float: right;
    }
    .filters-column .h3 {
        text-align: center;
        font-size: 16px;
        color: white;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        text-transform: uppercase;
    }
    #slider-main-items-container>div.swiper-button-next {
        right: 0px;
        left: auto;
        top: 100%;
    }
    #slider-main-items-container>div.swiper-button-prev {
        right: 0px;
        left: auto;
        top: -23px;
    }
    .fabricantes a {
        border-bottom: 4px solid #333;
    }
    .productsPageLeftColumn .saleOfferFilterBlock {
        padding-bottom: 20px;
    }
    jslider .jslider-value {
        font-size: 12px;
    }
}
@media (max-width: 380px) {
    #filterBarRow .auxtitulo,
    #viewAvailableOrderBy {
        font-size: 12px !important;
    }
}
@media (max-width: 991px) {
    div.packProductRow div.col-lg-2.text-center:first-child {
        margin-top: 90px;
    }
    .footer-columns .container>div {
        margin-bottom: 0px;
        margin-top: 30px;
    }
    .noLogin .col-md-6 {
        padding-left: 0px;
        padding-right: 0px;
    }
    .footer-columns .container {
        padding-left: 0px;
        padding-right: 0px;
    }
    .productColumn {
        padding: 0px 15px 0px 15px !important;
    }
    .lateralColumn {
        padding: 0px;
    }
    .wishlist-controls > div:last-child {
        padding: 0px;
        padding-right: 0px;
    }
    #slider-main-items-container>div.swiper-button-next {
        right: -29px;
        left: auto;
        top: 100%;
    }
    #slider-main-items-container>div.swiper-button-prev {
        right: -30px;
        left: auto;
        top: -23px;
    }
    .zoomContainer {
        display: none;
    }
    .nav-tabs {
        background-color: white;
    }
    .product-share-icons .btn {
        font-size: 20px;
        font-weight: 400;
        line-height: 23px;
        text-align: center;
        white-space: nowrap;
        cursor: pointer;
    }
    .product-share-icons i {
        color: #4d4d4d;
        font-size: 20px;
        color: #c0c5c8;
    }
    div.QuantityBuy {
        width: 300px;
    }
    .input-group {
        overflow: auto;
        width: 56%;
    }
    .buyFormQuantity {
        height: 30px !important;
    }
    span.iva {
        font-size: 12px !important;
    }
    div.input-group span.input-group-btn > button.btn.btn-number {
        padding: 0px;
        width: 100% !important;
        height: 30px !important;
        margin: 0px;
    }
    form#basketForm div.input-group .basketQuantity {
        height: 30px !important;
    }
    header .logoContainer {
        text-align: center;
        padding: 0px;
    }
    header .top-bar > div {
        text-align: center;
        padding: 0px;
    }
    #menu {
        padding: 0px;
    }
    #main-menu .navbar-nav li > a {
        padding-bottom: 25px;
        padding-left: 0px;
        margin-right: 15px;
        border-bottom: 4px solid white;
    }
    #main-content > .container {
        padding: 0px;
    }
    .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
    .navbar-nav > li {
        float: left;
    }
    .navbar-nav {
        margin: 0;
        float: left;
    }
    .navbar-right {
        float: right !important;
    }
    header .headerSnippets > div {
        display: table;
        margin: 0 auto;
        float: none !important;
    }
    header .headerSnippets .dropdown-menu {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        left: 50%;
        right: auto;
    }
}
/* main menu mobile */

#menu-mobile:not(.mm-menu) {
    display: none;
}
@media (max-width: 479px) {
    .mm-menu {
        width: 100%;
        min-width: 100%;
        max-width: 479px;
    }
}
/* header snippets */

.navbar-right {
    margin-right: 0px;
}
#search-container,
#small-login-conatiner,
#languages-container,
#currency-container {
    float: left;
    margin: 0px 2px;
}
@media (max-width: 479px) {
    .headerSnippets {
        text-align: center;
    }
    #search-container,
    #small-login-conatiner,
    #languages-container,
    #currency-container {
        margin-bottom: 4px;
        float: none;
        display: inline-block;
    }
}
@media (max-width: 991px) {
    #search-container {
        float: none;
        display: table;
        margin: 0 auto 10px;
    }
}
header #smallSearchForm #smallSearchCriteriaContainer,
header #smallSearchForm #smallSearchSubmitContainer {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
}
.comparer-dropdown .dropdown-menu,
.minibasket-dropdown .dropdown-menu {
    padding: 15px;
}
#mini-basket-popup {
    margin-top: 0;
}
/* button minibasket menu */

.navbar-default .navbar-nav > li .buttonMinibasket {
    position: relative;
    display: block;
    padding: 15px 15px;
    line-height: 1.42857143;
    text-decoration: none;
}
/* minibasket dropdown */

.miniBasketHeaderTitle {
    font-size: 16px;
    font-weight: normal;
    text-transform: uppercase;
    display: none;
}
.miniBasketEmpty {
    padding: 15px;
    display: block;
    text-align: center;
    opacity: 0.75;
    filter: alpha(opacity=75);
}
.miniBasketOutput {
    min-width: 450px;
    position: absolute;
    z-index: 99999;
    right: 0;
    left: auto;
    top: 90%;
    padding: 25px;
    background-color: white;
    display: none;
    border-top: 2px solid #333;
    border-bottom: 2px solid #333;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.miniBasketButtons {
    margin: 10px 0 0;
}
.miniBasketButtons > * {
    width: calc(49%);
}
.miniBasketButtons:first-child {
    padding-right: 6px;
}
.miniBasketButtons:last-child {
    padding-left: 6px;
}
#miniBasketBody {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}
.miniBasketItemImage {
    float: left;
    display: table-cell;
    vertical-align: top;
    padding-right: 10px;
}
.miniBasketItemBody {
    display: table-cell;
    vertical-align: top;
    width: 10000px;
    overflow: hidden;
    zoom: 1;
}
img.miniBasketItemImage[src=""],
img[src=""] {
    opacity: 0;
    
    visibility: hidden;
}
.miniBasketItemName {
    /* //font-family: 'opensans-bold'; */
    
    font-weight: normal;
    position: relative;
}
.miniBasketItemNum {
    margin: 0 5px 0 0;
}
.miniBasketItemNum:after {
    content: "x";
}
.miniBasketItemOptions {
    display: none;
    padding: 10px 0;
    color: #666666;
    font-size: 12px;
}
.miniBasketItemOptions:after,
.miniBasketItemOptions:before {
    content: " ";
    display: table;
}
.miniBasketItemOptions:after {
    clear: both;
}
.miniBasketItem-price.miniBasketItemPrice {
    margin-bottom: 5px;
    float: right;
    color: #ff1f6e;
    position: relative;
    left: 217px;
}
/* minibasket footer for all dinamic rows */

#miniBasketBody + .row {
    padding-top: 10px;
}
#miniBasketOutput .row {
    margin: 0 -10px;
}
#miniBasketOutput .row > [class*="col-"]:last-child {
    text-align: right;
}
/* minibasket modal */

div#mobileBasketModal div.fluidModalContainer > div {
    margin-top: 20px;
}
/* comparer button menu */

.comparer-li .badge {
    display: inline;
    min-width: 0px;
    padding: 0px;
    font-size: inherit;
    font-weight: normal;
    line-height: inherit;
    color: inherit;
    text-align: left;
    white-space: nowrap;
    vertical-align: inherit;
    background-color: transparent;
    border-radius: 0px;
}
.comparer-li .dropdown-menu {
    min-width: 250px;
}
div.comparerBasketItem + div.comparerBasketItem,
.comparerBasketButtons {
    margin-top: 15px;
}
span.comparerBasketItemImage {
    display: block;
    width: 33.3333%;
    float: left;
    padding-right: 15px;
}
.comparerBasketButtons > * {
    width: 100%;
}
span.comparerBasketItemName {
    width: 66.666%;
    display: block;
    float: left;
    padding-right: 15px;
}
.comparerBasketItem {
    position: relative;
}
[data-comparer-basket-delete] {
    position: absolute;
    top: 0;
    right: 0;
}
img.comparerBasketItemImage {
    max-width: 100%;
    height: auto;
    display: block;
    margin-right: 10px;
}
.comparerBasketHeader > a {
    margin: 0 0 10px;
    display: block;
    font-size: 16px;
    font-weight: normal;
    font-family: 'opensans-bold';
    text-transform: uppercase;
}
/* home general */
/* home mbl */

@media (max-width: 767px) {
    .fluidContent-home .seo-content {
        margin-bottom: 15px;
    }
    #pages-home-1 .media {
        margin: 0 auto 20px;
        display: table;
    }
    div.carouselTitle,
    div.carouselProdsTitle {
        font-size: 25px;
    }
    .textColumn h1 {
        font-size: 25px;
    }
    #pages-home-1 .media-body {
        width: auto;
    }
    .prodPrice .availabilityDescription {
        display: block;
        width: 100%;
    }
    .semafor span.textSemafor {
        display: block;
        float: right;
    }
}
/* home slider */

#slider-home {
    margin-bottom: 20px;
}
#slider-home img {
    width: 100%;
    max-height: 460px;
}
#slider-home .swiper-pagination-bullet {
    height: 12px;
    width: 12px;
    border: 1px solid #000333;
    opacity: 1;
    background-color: transparent;
}
#slider-home .swiper-Fons {
    bottom: 0px;
    opacity: 0.7;
    background-color: white;
    padding-top: 5px;
    padding-bottom: 5px;
}
#slider-home .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #000333;
}
/* home seo */

@media (min-width: 768px) {
    #seo-section img {
        float: right;
    }
}
/* home pages 1 */

@media (min-width: 992px) {
    #pages-home-1.pages-total-3 .col-n-2 {
        border-right: 1px solid #666666;
        border-left: 1px solid #666666;
    }
}
/* small Login */

#small-login-conatiner .dropdown-menu {
    min-width: 230px;
    padding-top: 0;
    padding-left: 10px;
    padding-right: 20px;
}
#small-login-conatiner .dropdown-menu.logged-dropdown {
    text-align: center;
}
.dropdown #smallLoginSubmit {
    width: 100%;
}
form#smallLoginForm,
div.smallLogin.smallLoginLoggedIn {
    padding: 15px;
}
div.smallLogin.smallLoginLoggedIn {
    border-bottom: 1px dashed #dddddd;
}
a#smallLoginIdentifiedAsLink {
    display: block;
    padding-top: 8px;
    /* //font-family: "opensans-bold"; */
}
#small-login-conatiner .no-logged-dropdown {
    padding: 0;
}
#small-login-conatiner .smallLoginLoggedIn div#smallLoginSubmitContainer {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
}
#small-login-conatiner .smallLoginLinks a + a {
    margin-top: 2px;
}
#small-login-conatiner .smallLoginLinks a {
    display: block;
}
a#smallLoginLogout {
    display: block;
    width: 100%;
}
a#smallLoginLogout:before {
    content: "\f011";
    font-family: FontAwesome;
    padding-right: 3px;
}
#small-login-conatiner div#userControlPanel {
    padding: 15px 15px 10px;
}
#small-login-conatiner a.userPanelLink {
    padding: 2px 0;
}
#small-login-conatiner .userPanelBlock {
    margin-bottom: 0px;
}
#small-login-conatiner .userPanelTitle {
    /* font-size: 14px;
    font-family: "opensans-bold"; */
    
    display: none;
}
/* search snippet */

.smallSearchField {
    padding-right: 43px;
    border-color: #cccccc;
}
.smallSearchButton {
    margin-left: -40px;
    color: black;
    padding: 6px 11px;
    min-width: 34px;
    background-color: transparent;
    border-color: transparent;
}
/* .smallSearchButton event */

.smallSearchButton:hover,
.smallSearchButton:focus,
.smallSearchButton:active,
.smallSearchButton:active:focus,
.smallSearchButton:active:hover {
    background-color: transparent;
    border-color: transparent;
    color: #777777;
}
/* fluid notify */

.fluidNotify .note .remove:before {
    content: "\f00d";
    font-family: FontAwesome;
}
.fluidNotify .note .remove span {
    display: none;
}
/* caret wash (lavado de cara) xD */

.fluidNotify .note {
    /* width: calc(auto- 50px); */
    float: right;
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    border-radius: 0;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    clear: both;
}
.fluidNotify .note:before {
    content: "";
    display: block;
    position: absolute;
    height: 100%;
    width: 50px;
    top: 0;
    left: -50px;
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
.fluidNotify .note:after {
    font-family: FontAwesome;
    position: absolute;
    left: -50px;
    top: 0;
    width: 50px;
    color: white;
    font-size: 19px;
    text-align: center;
    display: block;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    line-height: 1.4;
}
.fluidNotify .note {
    background-color: white !important;
    color: inherit !important;
}
.fluidNotify .note:hover {
    background-color: #f2f2f2 !important;
}
/* danger */

.fluidNotify .note.note-danger:after {
    content: "\f06a";
}
.fluidNotify .note.note-danger:before {
    background-color: #cd1313;
}
.fluidNotify .note.note-danger:hover:before {
    background-color: #950d0d;
}
/* success */

.fluidNotify .note.note-success:after {
    content: "\f05d";
}
.fluidNotify .note.note-success:before {
    background-color: #108812;
}
.fluidNotify .note.note-success:hover:before {
    background-color: #0b5a0b;
}
/* fixed menu scroll system */

body.scrolled-menu header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1005;
    margin: 0 auto 20px;
    /* if your menu fixed is 100% width remove transition all [!] */
    
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    height: 70px;
}
body.scrolled-menu .main-menu-category>.dropdown-menu {
    position: fixed;
    top: 55px;
    left: 0;
    right: 0;
}
body.scrolled-menu .categoriasAlternativas,
body.scrolled-menu .clientAtention,
body.scrolled-menu .socialNet2,
body.scrolled-menu #search-container {
    display: none;
}
body.scrolled-menu #small-login-conatiner {
    padding-top: 10px;
}
body.scrolled-menu #miniBasket {
    padding-top: 25px;
}
body.scrolled-menu .logo {
    max-height: 58px;
}
body.scrolled-menu .fluidNotify.fluidNotify-notes {
    top: 65px;
}
#zoom-modal .modal-body {
    padding: 0;
}
@media (max-width: 991px) {
    #zoom-modal .modal-dialog {
        margin: 0 auto;
    }
}
/*  main menu widths no-scrolled */

#main-menu {
    width: 100%;
    position: static;
}
/*  main menu widths scrolled */

body.scrolled-menu #main-menu {
    width: 100%;
}
@media (min-width: 768px) {
    body.scrolled-menu #main-menu {
        width: 100%;
    }
}
@media (min-width: 992px) {
    body.scrolled-menu #main-menu {
        /* width: 100%; */
        padding-top: 10px;
    }
    body.fluidContent-customer .checkoutBasketContainerPage {
        padding: 0px;
    }
}
@media (min-width: 1200px) {
    body.scrolled-menu #main-menu {
        width: 100%;
    }
}
@media (max-width: 479px) {
    .mainMenuContainerRow {
        padding-left: 0;
        padding-right: 0;
    }
}
/* logo menu fixed scroll */

.navbar-brand {
    padding: 10px 15px 10px 15px;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    
    filter: alpha(opacity=0);
    -webkit-transition: none;
    transition: none;
}
.navbar-brand img {
    height: 30px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    div.col-lg-12.posicioStatica {
        margin-bottom: 40px;
    }
}
@media (max-width: 1199px) {
    div#search-container {
        padding-left: 15px;
    }
    div.subcategoriesContainer {
        top: 129px;
    }
    #main-image-container {
        max-width: calc(100% - 100px);
    }
    .opcionsProducts li {
        margin-bottom: 10px;
    }
    #main-menu .menu-lvl-1 {
        font-size: 13px;
    }
    .navbar-brand {
        padding: 13px 10px;
    }
    .navbar-brand img {
        height: 25px;
    }
    #main-menu ul > li > a {
        padding-left: 10px;
        padding-right: 10px;
    }
    span.prodPrice span {
        font-size: 24px !important;
        font-weight: bold;
    }
}
@media (max-width: 991px) {
    .navbar-brand {
        padding: 15px 0px 15px 15px;
    }
    .navbar-brand img {
        height: 20px;
    }
    .pack-price span.price {
        font-size: 25px;
        font-weight: bold;
    }
    div.input-group {
        overflow: auto;
        width: 25%;
    }
    div.input-group .buyFormQuantity {
        width: 100%;
        display: block;
        height: 50px !important;
        padding: 0px;
    }
    div.input-group span.input-group-btn > button[data-type="plus"].btn.btn-number {
        border: 1px solid #333;
        border-radius: 0px 0px 5px 5px !important;
    }
    div.input-group span.input-group-btn > button[data-type="minus"].btn.btn-number {
        border: 1px solid #333;
        border-radius: 5px 5px 0px 0px !important;
    }
}
@media (max-width: 400px) {
    .navbar-brand {
        display: none;
    }
    div#preuIva,
    div#savingPercent {
        width: 100% !important;
        float: left !important;
        margin: 0px auto !important;
        padding-left: 15px;
        display: block;
    }
    div#savingPercent > span {
        width: 100% !important;
        float: left !important;
    }
    div#preuIva div {
        float: left !important;
    }
    #savingPercent span.product-saving {
        margin: 10px 0px 10px 0px !important;
        padding-left: 0px !important;
        padding-top: 0px !important;
        display: block;
    }
}
body.scrolled-menu .navbar-brand {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    position: relative;
    opacity: 1;
    
    filter: alpha(opacity=100);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
}
/* mainMenu desplegables system */

#main-menu .navigation .dropdown {
    position: static;
}
#main-menu .categoriesLvl2Container {
    width: 100%;
}
#main-menu .smallImageTitleCategoryLvl2,
#main-menu .shortDescriptionLvl1Category {
    margin-bottom: 15px;
}
/* custom mmenu */

.mm-title img.logo {
    height: 40px;
    display: none;
}
.mm-title {
    font-size: 16px;
    top: 0px;
    position: relative
}
.mm-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 40px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
/* dropdown main menu desktop effect fade */

@media (min-width: 992px) {
    #main-menu .dropdown .categoriesLvl2Container,
    .comparer-dropdown .dropdown-menu,
    .minibasket-dropdown .dropdown-menu {
        opacity: 0;
        
        filter: alpha(opacity=0);
        visibility: hidden;
        display: block;
        -webkit-transition: opacity 250ms ease, visibility 250ms ease;
        transition: opacity 250ms ease, visibility 250ms ease;
        /* effect with vertical movement */
        /* margin-top: 35px; */
        /* -webkit-transition: opacity 250ms ease, visibility 250ms ease, margin-top 450ms ease; */
        /* transition: opacity 250ms ease, visibility 250ms ease, margin-top 450ms ease; */
    }
    #main-menu .dropdown.open .categoriesLvl2Container,
    .comparer-dropdown.open .dropdown-menu,
    .minibasket-dropdown.open .dropdown-menu {
        opacity: 1;
        
        filter: alpha(opacity=100);
        display: block;
        visibility: visible;
        /* effect with vertical movement */
        /* margin-top: 0; */
    }
    #main-menu .categoriesLvl2Container:before,
    .comparer-dropdown.open .dropdown-menu:before,
    .minibasket-dropdown.open .dropdown-menu:before {
        content: "";
        display: block;
        height: 15px;
        position: absolute;
        width: 100%;
        bottom: 100%;
    }
}
#main-menu .categoriesLvl2Container {
    border-radius: 0%;
    padding: 15px;
}
/* home brands carousel */

#brands-carousel img {
    display: block;
    margin: 0 auto;
}
/* news items */

.newItem-smallImage {
    display: block;
}
.newItem-smallImage img {
    width: 100%;
}
.newItem-date {
    background-color: #000333;
    color: white;
    padding: 10px 15px;
    text-align: center;
}
.newItem-smallImage + .newItem-body {
    margin-top: 10px;
}
.newItem-item {
    margin-bottom: 35px;
}
.swiper-slide .newItem-item {
    margin-bottom: 0px;
}
/* news */

section#news-section {
    margin-bottom: 15px;
}
section#new-section {
    margin-bottom: 30px;
}
/* hide carousel controls onr esize and load if prev and next is disabled */

.hide-carousel-controls .swiper-button-prev,
.hide-carousel-controls .swiper-button-next {
    display: none;
}
/* multiple carousel controls */

.carouselTitle,
.carouselProdsTitle {
    margin-top: 20px !important;
    font-size: 35px;
    color: #839096;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 20px;
    text-align: center;
}
body.fluidContent-home .carouselTitle.h3 {
    color: #0093c3;
}
.carouselProdsTitle {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    color: #839096;
    margin-bottom: 20px;
    text-align: left;
    padding-bottom: 10px;
    border-bottom: 1px solid #839096;
}
.carouselTitle.h3 {
    margin-top: 0px;
}
.carousel-header {
    position: relative;
}
.swiper-controls-items {
    position: absolute;
    bottom: 10px;
    right: 0;
}
.swiper-controls-items > div {
    position: static;
    left: auto;
    right: auto;
    top: auto;
    margin-top: 0;
    width: 40px;
    height: 40px;
    float: left;
    background-image: none;
    border: 1px solid #eeeeee;
    font-size: 20px;
    line-height: normal;
    padding: 8px;
    text-align: center;
    font-family: FontAwesome;
    margin-left: 5px;
    cursor: pointer;
}
.swiper-controls-items .swiper-button-prev:before {
    content: "\f104";
}
.swiper-controls-items .swiper-button-next:before {
    content: "\f105";
}
/* prefooter section */

#newsletter-pre-footer {
    background-color: #eeeeee;
}
#newsletter-pre-footer hr {
    border-color: #cccccc;
}
/* footer columns */

.header-page-footer {
    margin-top: 0;
}
.footer-columns .sub-pages-6 > li > a {
    display: block;
}
@media (max-width: 1025px) {
    body {
        font-size: 12px;
    }
}
@media (min-width: 992px) {
    .footer-columns .sub-pages-6 > li > a:hover {
        padding-left: 5px;
    }
}
@media (max-width: 991px) {
    .footer-columns .sub-pages-6 > li > a {
        display: block;
        border: 1px solid #f2f2f2;
        margin-bottom: -1px;
        padding: 6px 15px;
    }
    body {
        font-size: 13px;
    }
}
@media (max-width: 479px) {
    .footer-columns div.pages-6,
    .footer-columns .merchant-information {
        width: 100%;
        text-align: center;
    }
}
@media (min-width: 992px) {
    .footer-bottom-banners ul {
        float: right;
    }
}
@media (max-width: 991px) {
    .footer-columns > div:nth-child(odd) {
        clear: both;
    }
}
/* ---------- categories/search/sales/hightlights ---------- */

[data-toggle="collapse"] > i:before {
    content: "\f068";
    font-family: FontAwesome;
}
.collapsed[data-toggle="collapse"] > i:before {
    content: "\f067";
    font-family: FontAwesome;
}
/* filters */

.filterBlock + .filterBlock {
       margin-top: 0px;
    margin-bottom: 0px;
}
.filterSubmit {
    width: 100%;
    margin-top: 10px;
}
.filterBlockTitle,
.searchCriteriaFilterBlock label.searchCriteriaFilterElement {
    font-size: 15px;
    /* //font-family: "opensans-bold"; */
    
    margin-top: 10px;
    margin-bottom: 5px;
}
.searchCriteriaFilterBlock label.searchCriteriaFilterElement {
    margin-left: -5px;
}
.filterElements {
    padding: 5px;
}
.filterElements .form-group {
    margin-bottom: 0;
}
.filters-column {
    margin-bottom: 25px;
}
@media (max-width: 991px) {
    /* #filterBarRow form {
        display: block;
        position: absolute;
        top: 41px;
        left: 0px;
        z-index: 1000;
        width: 100%;
    }
     div>.titleFilter
     {
       margin: 0px; 
       padding: 25px;
     }
    div>.titleFilter + .elementsFilter {
        position: relative;
        height: auto;
        background-color: white;
        z-index: 9999;
        display: none;
        border: 1px solid #808080;
        width: 100%;
        top: 0;
        margin: 0px;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #fff;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: 1px solid #ccc;
        border: 1px solid rgba(0,0,0,.15);
        border-top: 0px solid white;
        border-radius: 0px;
        -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
        box-shadow: 0 6px 12px rgba(0,0,0,.175);
        padding: 35px !important;
        overflow: auto;
   }
   */

   .pathContainer {
    padding-left: 0px;
    padding-right: 0px;
}
.filterBlock.pricesFilterBlock,
.filterBlock.searchCriteriaFilterBlock {
    width: 100%;
}
.filterBlock {
    width: 50%;
    float: left;
}
.filterBlock:nth-child(even) {
    clear: both;
}
.filters-column {
    /*display: none;*/
}
.filterBlock + .filterBlock {
    margin-top: 0;
}
}
@media (max-width: 399px) {
    .filterBlock {
        width: 100%;
        float: none;
    }
}
/* category banners col */

.productsPageLeftColumn {
    padding-left: 0px;
}
.productsPageLeftColumn > *:last-child {
    margin-bottom: 15px;
}
.productsPageLeftColumn .banners-column.banners-6 img + img {
    margin-top: 15px;
}
/* category-info */
/* pagination */

.paginationContainer > ul {
    float: right;
    margin: 0 0 15px;
}
/* category/product auto output customTags table */

table.categoryCustomTags,
table.productCustomTags {
    margin-bottom: 20px;
}
/* ---------------------- productList ----------------------- */

div.productList,
div.productListProds {
    position: relative;
    border-bottom: 2px solid #e9e9e9;
    padding-right: 0px;
    padding-left: 0px;
}
div.productListProds:hover img {
    opacity: 0.6;
}
div.productListProds {
    border-bottom: 0px solid #e9e9e9;
}
.productList .product-price {
    color: #343434;
    font-weight: bold;
    font-size: 18px;
}
.categoryList,
.pagesList {
    margin: 0 auto 35px;
    padding: 10px;
    position: relative;
}
.productList {
    margin: 0px;
}
.productList .buyForm {
    margin: 0 auto;
}
.productList .quickViewTrigger {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 0;
    z-index: 10;
    opacity: 0;
    
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    -webkit-transition: all 350ms ease;
    transition: all 350ms ease;
    width: 100%;
    right: 0;
}
.productList .productListSmallImageLink:hover .quickViewTrigger {
    opacity: 1;
    
    filter: alpha(opacity=100);
    visibility: visible;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.productList .quickViewTrigger > button {
    width: 100%;
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    border-color: transparent;
}
.productList .quickViewTrigger > button:hover,
.productList .quickViewTrigger > button:focus,
.productList .quickViewTrigger > button:active,
.productList .quickViewTrigger > button:active:focus {
    background-color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 992px) {
    .productList .quickViewTrigger > button {
        display: none;
    }
}
.productList .href-title {
    display: block;
    line-height: 1.4;
}
.productList .title {
    font-size: 14px;
    line-height: 1.4;
    text-align: left;
    margin: 0;
    color: #a5aeb1;
    font-weight: bold;
    overflow: hidden;
    height: 20px;
    /* [!] */
}
.productListRibbon {
    position: absolute;
    top: 0;
    left: 0;
}
.productListPrice {
    color: #666666;
}
.sale-true .productListPrice .product-price {
    color: #666666;
}
.productsListsButtons {
    margin: 15px auto 0px;
    display: table;
}
.productsListsButtons button {
    margin: 0px 5px 5px 0px;
}
.productsListsButtons button:last-child {
    margin-right: 0;
}
.productListSmallImageLink {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 auto 15px;
    width: 100%;
    height: 235px;
    /* [!] */
    /* center vertically and horizontally */
    
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* vertically */
    
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* horizontally */
    
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-top: 2px solid #e9e9e9;
    padding-top: 20px;
}
.productListSmallImageLink {
    display: block;
    overflow: hidden;
    position: relative;
    margin: 0 auto 15px;
    width: 100%;
    height: 250px;
}
.productListSmallImageLink .productListSmallImage {
    margin: 0 auto;
    max-width: 100%;
    max-height: 100%;
}
.productsList-productProperty {
    display: block;
}
@media (max-width: 991px) {
    .disponible, .nodisponible {
        width: 100%;
        float: left;
        margin-top: 10px;
    }
    table div.input-group span.input-group-btn {
        display: inline;
    }
    .enviamentCondition {
        padding: 0px;
        margin-bottom: 25px;
    }
    table *[class*="Quantity"] div.input-group {
        width: 50px;
    }
    #mesQuantitat button {
        float: left;
    }
    #menysQuantitat button {
        float: right;
    }
    table div.input-group span.input-group-btn > button.btn.btn-number {
        margin: 0;
        width: 100%;
    }
    table div.input-group span.input-group-btn > input {
        z-index: 3;
    }
    form#basketForm .input-group-btn:first-child button {
        border-radius: 5px 5px 0px 0px !important;
        border: 1px solid #333;
        float: left;
    }
    form#basketForm .input-group-btn:last-child button {
        float: right;
        border-radius: 0px 0px 5px 5px !important;
        border: 1px solid #333;
    }
}
/* quickview */

.quick-view-modal .product-buttons-extra > * {
    text-align: left;
}
.quick-view-modal .product-buy-container .buttons {
    padding: 15px;
}
.quick-view-modal .product-buy-container div.quantity {
    max-width: 200px;
}
/* change view */

@media (min-width: 768px) {
    .view-list .productList {
        margin: 0 0 35px;
        max-width: none;
    }
    .view-list .productsListsButtons {
        display: block;
    }
    .view-list .productList .buyForm {
        max-width: none;
    }
    .view-list .productListSmallImageLink {
        margin: 0 15px 0 0;
        float: left;
        height: auto;
        width: 200px;
    }
    .view-list .productListSmallImageLink img {
        float: left;
    }
    .view-list .info {
        float: left;
        text-align: left;
        width: 100%;
    }
}
/* wishList/comparer general buttons */

.wishlistButton {
    width: 34px;
    padding: 0px 10px 0px 0px;
    display: block;
    border: 0px;
    float: left;
    min-width: auto;
    color: #c0c5c8;
}
.wishlistButton:hover {
    opacity: 0.5;
    
    color: #c0c5c8;
}
.wishlistButtonAdded {
    color: #c0c5c8;
}
.comparerProductButton {
    padding: 0;
}
.comparerProductButton > i {
    padding: 9px 0px;
    width: 32px;
    height: 32px;
    text-align: center;
}
.wishlistButton:before {
    content: "\f08a";
    font-family: FontAwesome;
}
.wishlistButton.wishlistButtonRemove:before {
    content: "\f004";
}
.comparerProductButton .add,
.comparerProductButton.comparerProductButtonAdded .remove {
    display: block;
}
.comparerProductButton .remove,
.comparerProductButton.comparerProductButtonAdded .add {
    display: none;
}
/* productViews element js--> search: "productViews_FluidTag" */

.productViewsContainer {
    opacity: 0;
    
    filter: alpha(opacity=0);
    margin-bottom: 15px;
    margin-top: 25px;
}
.panel-group {
    margin-bottom: 0px;
}
.viewFilter_ {
    float: left;
}
.viewFilter_ + .viewFilter_ {
    margin-left: 15px;
}
@media (max-width: 767px) {
    .productViewsContainer {
        margin-left: -15px;
    }
}
.buttonsFiltersMobile {
    margin-bottom: 30px;
}
.buttonsFiltersMobile button {
    width: 100%;
    border-radius: 0px;
}
.viewAvailablePerPage {
    margin-right: 15px;
}
.viewAvailablePerPage .bootstrap-select.perPageFilterElement {
    max-width: none !important;
    width: auto !important;
}
/* ------------ product page -------------- */
/* gallery */
/* #slider-main-items-container {
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 350ms ease;
transition: opacity 350ms ease;
}
#slider-main-items-container.hide-carousel-controls #slider-main-items {
margin-left: 0;
margin-right: 0;
} */
/* zoom btn */

#zoom-modal-trigger {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.5);
    border-color: transparent;
    color: white;
}
#zoom-modal-trigger:hover,
#zoom-modal-trigger:focus,
#zoom-modal-trigger:active {
    background-color: rgba(0, 0, 0, 0.75);
}
#zoom-modal img {
    margin: 0 auto;
}
#zoom-modal .modal-body {
    overflow: auto;
}
#zoom-modal .help-icon {
    position: absolute;
    color: white;
    font-size: 24px;
    top: 0;
    z-index: 1200;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100px;
    width: 100px;
    margin: auto;
    text-align: center;
    padding: 33px;
}
#zoom-modal.zoomed .help-icon {
    display: none;
}
@media (min-width: 992px) {
    #zoom-modal .help-icon {
        display: none;
    }
}
/* epoints prod */

.productPageEpointsContainer .earningEPointsContent {
    margin-bottom: 15px;
    padding: 15px;
    font-size: 12px;
    color: #666666;
    border: 1px solid #dddddd;
    background-color: #f2f2f2;
}
.productPageEpointsContainer .earningEPointsItemImage img {
    max-width: 100%;
    display: block;
    height: auto;
    margin-bottom: 10px;
}
.productPageEpointsContainer .earningEPointsItemDescription {
    margin-bottom: 10px;
}
/* product body */

.product-productInfo {
    clear: both;
    font-size: 12px;
}
.stock-container {
    padding-top: 10px;
    background: white;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    padding-bottom: 10px;
    font-size: 12px;
}
.product-shortDesc,
.product-productInfo,
.stock-container,
.stock-container-link,
.product-price-container,
.productBuySection,
.product-extraButtons {
    margin-bottom: 15px;
}
.productBuyOptions {
    padding: 15px;
    border: 1px solid #f2f2f2;
}
.productBuyOptions label {
    /* //font-family: 'opensans-regular'; */
}
.productBuyOptions .productOption + .productOption {
    padding-top: 8px;
    /* border-top: 1px solid #f2f2f2; */
}
.productBuyOptions .productOptionPrompt {
    /* //font-family: "opensans-bold"; */
    
    margin-bottom: 3px;
}
.productBuyOptions .productOptionValueDescription {
    font-size: small;
    color: #999999;
    margin: 5px 0 0;
    max-width: 100px;
}
.productBuySection {
    background-color: #f2f2f2;
    padding: 15px;
}
del > span.price {
    opacity: 0.65;
    font-size: 18px;
}
.productBuySection del .price {
    opacity: 0.65;
    font-size: 75%;
}
.product-price-container {
    font-size: 1.7em;
}
.product-h1 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 20px;
}
.product-form .buttons .comparerProductButton > i {
    padding: 13px 0px;
    width: 38px;
    height: 38px;
}
.product-form .buttons .wishlistButton {
    width: 40px;
    padding: 9px 0px;
}
.product-form .buttons .buyFormSubmit {
    padding: 9px 15px;
}
@media (min-width: 992px) {
    .product-form .buttons .buyFormSubmit {
        min-width: 50%;
    }
}
@media (max-width: 991px) {
    .product-buy-container .Quantity button.btn-number {
        padding: 9px 14px;
    }
    .product-buy-container .Quantity input {
        height: 40px;
    }
}
.buyFormQuantity.quantity-input {
    z-index: 3;
    /* fix border color */
}
.productFooterSection .tab-content {
    padding: 15px;
    border: none;
    margin-bottom: 30px;
}
.productFooterSection .tab-content .productRateCommentLineComment {
    max-height: 400px;
    overflow-y: auto;
}
.productFooterSection .tab-content .productRateCommentFormSendBtn {
    margin-top: 10px;
}
.productFooterSection .tab-content [data-fluid-form="productAddCommentForm"] .Valoration {
    font-size: 12px;
    margin: 2px 0;
}
.productFooterSection .tab-content [data-fluid-form="productAddCommentForm"] .Valoration span {
    padding-left: 2px;
}
.product-buy-container .buttons,
.product-buy-container .Quantity {
    padding-top: 15px;
}
.product-buy-container .Quantity div.input-group {
    margin: 0 0;
}
@media (min-width: 992px) {
    .product-buy-container .buttons {
        padding-left: 0px;
        padding-top: 0px;
    }
    .product-buy-container .Quantity {
        padding-top: 0px;
    }
}
/* comments */

.productAvgStarsCont {
    margin-bottom: 8px;
}
.productAvgStarsCont .productRateStars,
.productAvgStarsCont .separator,
.productAvgStarsCont .commentBoxModalTop {
    float: left;
    display: block;
}
.productAvgStarsCont .separator,
.productAvgStarsCont .commentBoxModalTop {
    padding: 2px 5px 0px;
}
.productRateCommentLine {
    padding-top: 15px;
    padding-bottom: 15px;
}
.productRateCommentLine .text {
    padding-left: 5px;
}
/* comments blog/product */

.commentsCommentsContainer {
    margin: 15px 0px 25px;
    padding: 15px;
    background-color: #eeeeee;
    max-height: 500px;
    overflow: auto;
}
.productRateCommentLineNick .rate {
    margin-bottom: 3px;
}
.commentsCommentsContainer.commentsCommentsContainerProduct {
    padding: 0;
}
.commentsCommentsContainer .nick {
    /* //font-family: 'opensans-bold'; */
    
    text-transform: capitalize;
}
.commentsCommentsContainer .date {
    color: #999999;
    padding-bottom: 5px;
}
.commentsCommentsContainer .comment {
    margin-bottom: 10px;
}
.commentsCommentsContainer .responses {
    background-color: rgba(0, 0, 0, 0.06);
}
.commentsCommentsContainer .answer {
    margin-bottom: 20px;
}
.blogPostComment {
    padding: 15px;
}
.commentsCommentsContainer a.answerLink {
    color: #ff1f6e;
    cursor: pointer;
}
.commentsCommentsContainer a.answerLink:hover,
.commentsCommentsContainer a.answerLink:active {
    color: #000333;
}
/* pagetypes presets */

section.page-section #page-content {
    clear: both;
}
section.page-section #page-content #includePageContent,
section.page-section #page-content .pageContent {
    margin-bottom: 15px;
}
section.page-section {
    margin-bottom: 30px;
}
.defaultPageLargeImage,
.defaultPageLargeTitle {
    margin-bottom: 15px;
}
.defaultPageSmallImage,
.defaultPageSmallTitle {
    float: left;
    margin: 0px 15px 15px 0px;
}
.defaultPageLargeImage img,
.defaultPageLargeTitle img {
    max-width: 100%;
    display: block;
    height: auto;
}
/* newsletter */

.pageType-8 #newsletterSubmitContainer {
    margin-top: 10px;
}
/* map */

.pageType-3 #includePageContent {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px;
}
.pageType-3 .categoriesMapContainer {
    padding: 5px 15px;
}
.pageType-3 .categoriesMapContainer.categoriesMapContainer1 {
    padding: 15px;
}
.pageType-3 .categoryMap1 {
    font-size: 16px;
}
.pageType-3 .categoryMap2 {
    font-size: 14px;
}
.pageType-3 .categoryMap3 {
    font-size: 12px;
}
.pageType-3 .categoryMap4 {
    font-size: 10px;
}
.pageType-3 a.categoryMap {
    position: relative;
}
a.categoryMap:before {
    content: "\f016";
    font-family: FontAwesome;
}
a.categoryMap.categoryMap1:before {
    content: "\f15b";
    font-family: FontAwesome;
}
.categoriesMapContainer1 {
    float: left;
    min-width: 200px;
    margin-top: 15px;
    margin-bottom: 15px;
}
.categoriesMapContainer1 {
    border: 1px solid #dddddd;
    margin-right: 15px;
}
/* contact */

.contactFormText {
    margin-bottom: 15px;
}
#contactSubmit {
    margin-top: 15px;
    min-width: 100px;
}
/* subpages */

.pageType-4 .subpages {
    padding-left: 5px;
    margin-bottom: 15px;
}
.pageType-4 .subpages .subpage a {
    padding: 3px 6px;
    margin-bottom: 5px;
    display: block;
    border: 1px solid #f2f2f2;
}
/* newsletter */

.pageType-8 #newsletterForm {
    margin-left: 3px;
}
/* polls */

#poll-section {
    margin-bottom: 30px;
}
#poll-section .pollResultsContainer,
#poll-section .pollDescription {
    margin-bottom: 15px;
}
#poll-section .pollTitle {
    font-size: 36px;
    font-family: inherit;
    /* // //font-family: "opensans-bold"; */
    
    line-height: 1.1;
    margin-top: 20px;
    margin-bottom: 10px;
    color: inherit;
}
#poll-section .pollQuestionQuestion {
    /* //font-family: "opensans-bold"; */
    
    margin-bottom: 10px;
}
#poll-section .pollQuestionResponses {
    padding: 0px 10px 15px;
}
#poll-section .pollQuestionResponses label {
    font-family: 'opensans-regular';
}
@media (min-width: 360px) {
    #poll-section .pollSubmit {
        min-width: 120px;
    }
}
/* ------------------- user css -------------------- */

.userPageContainer {
    margin-bottom: 15px;
}
.userPageContainer h1,
.userPageContainer .h1 {
    margin-bottom: 15px;
}
.fluidContent-user form#userForm div.formTitle.userTitle {
    display: none;
}
form#userForm .subcountrySearch {
    position: relative;
}
.citiesSelectorContent {
    top: 100%;
    right: 0;
    z-index: 2;
    margin-top: 5px;
}
form .help-block {
    margin: 10px 0px 15px 0px;
    font-size: 12px;
    display: block;
}
form#userForm .legalTextLinks {
   /* margin-top: 15px;*/
}
form#userForm #countriesSelector,
form#userForm .subcountrySelector {
    margin-bottom: 20px;
}
#changePasswordForm:before,
#changePasswordForm:after {
    content: " ";
    display: table;
}
#changePasswordForm:after {
    clear: both;
}
#userFormFieldsContainer {
    /*min-height: 300px;*/
}
#userFormFieldsContainer,
#changePasswordForm {
    padding: 15px 0px;
}
#userForm {
    /* js break go to SHOP.user.userForm if not work */
    display: none;
}
#userForm > .form-message + div.formField.userField {
    margin-bottom: 10px;
    margin-top: 15px;
    /* //font-family: "opensans-bold"; */
}
div.formFields.userFormFields:before,
div.formFields.userFormFields:after {
    display: table;
    content: " ";
}
div.formFields.userFormFields:after {
    clear: both;
}
div.formFields.userFormFields > div.formField.userField,
#changePasswordForm div.formField.changePasswordField {
    width: 100%;
    padding: 0px;
}
div.formFields.userFormFields:last-child > div.formField.userField {
    margin-bottom: 0;
}
@media (min-width: 992px) {
    form#userForm .row > [class*="col-"]:last-child {
        padding-left: 0;
    }
    div.formFields.userFormFields > div.formField.userField {
        padding: 5px 0;
    }
    div.formFields.userFormFields > div.formField.userField,
    #changePasswordForm div.formField.changePasswordField {
        /* width: 50%; */
        
        padding-left: 0px;
        float: left;
    }
    div.formFields.userFormFields > div.formField.userField:first-child {
        padding-right: 0px;
    }
    div.formFields.userFormFields > div.formField.userField:nth-child(2) {
        padding-left: 0px;
    }
    div#oldPasswordContainer + div,
    #changePasswordSubmitContainer {
        clear: both;
        width: 100%;
        margin-bottom: 0;
    }
    #changePasswordForm div.formField#oldPasswordContainer,
    #changePasswordForm div.formField#passwordContainer {
        padding: 5px 5px 5px 0px;
    }
    #changePasswordForm div.formField#retypePasswordContainer {
        padding: 5px 0px 5px 0px;
    }
    #changePasswordForm div.formField.changePasswordField {
        padding: 0;
    }
}
@media (max-width: 991px) {
    form#userForm .row > [class*="col-"]:last-child {
        margin-bottom: 5px;
    }
}
/* user-menu */

.usermenuVertical {
    margin-bottom: 20px;
    padding-left: 0px;
}
.userPanelBlock {
    margin-bottom: 15px;
    color: #31708f;
}
.userPanelTitle {
    font-size: 20px;
    margin-bottom: 5px;
}
a.userPanelLink {
    display: block;
    padding: 3px 5px;
    color: #31708f;
}
a.userPanelLink:hover {
    color: #000;
}
a.userPanelLink:focus {
    background: none !important;
}
a.userPanelLink.userPanelLinkSelected {
    color: #000;
}
a.userPanelLink.userPanelLinkSelected:active,
a.userPanelLink.userPanelLinkSelected:hover {
    color: #000;
}
.userPanelTitle + .userPanelLinks {
    display: none;
}
@media (min-width: 992px) {
    .userPanelTitle + .userPanelLinks {
        display: block !important;
    }
    #filterBarRow form {
        display: block !important;
    }
}
@media (max-width: 991px) {
    .breadcrumb {
        margin-bottom: 20px;
    }
    section.productsPageBody {
        padding: 0px !important;
    }
    div.enviamentCondition > div {
        height: auto;
        padding: 10px !important;
    }
    .enviamentCondition h3 {
        display: none;
    }
    .enviamentCondition span {
        display: none;
    }
    #filterBarRow .h3,
    #viewAvailableOrderBy {
        height: 60px;
        cursor: pointer;
        border-radius: 5px;
    }
    #filterBarRow h4 {
        text-align: center;
        cursor: pointer;
    }
    #filterBarRow form {
        display: none;
    }
    div.viewAvailableOrderBy {
        padding-right: 0px !important;
    }
    .viewAvailableOrderBy {
        margin-top: 0px;
    }
    #filterBarRow .auxtitulo,
    #viewAvailableOrderBy {
        color: white;
        border-radius: 0px;
        padding: 20px 15px 15px 15px;
        font-size: 14px;
        text-transform: uppercase;
        text-align: center;
        margin-top: 0px;
        margin-left: 0px;
        border-radius: 5px !important;
    }
    .viewAvailableOrderBy:hover {
        border: 0px solid white !important;
    }
    .viewAvailableOrderBy .ordenacio {
        border-radius: 0;
        position: absolute;
        top: 100%;
        right: -15px;
        padding: 25px;
        min-width: 350px;
        border-top: 0;
        border-bottom: 0;
        left: auto;
        text-align: center;
        box-shadow: 0 0px 0px;
    }
    .viewAvailableOrderBy .ordenacio li {
        text-align: center
    }
    .filters-column {
        background-color: transparent;
        padding-bottom: 5px;
    }
    #filterBarRow {
        position: relative;
    }
    div.productViewsContainer .col-xs-6 {
        padding: 0 15px 0 15px;
    }
    div.productViewsContainer .col-xs-6:first-child {
        padding-left: 0px;
    }
    #filterBarRow form {
        position: absolute;
        top: 100%;
        left: -15px;
        z-index: 1000;
    }
    div#filterBarRow .dropdown-menu {
        position: relative;
        top: 100%;
        padding: 25px;
        border-top: 2px solid;
        border-bottom: 2px solid;
        width: 250px;
        overflow-y: auto;
        max-height: 400px;
        width: 100%;
        border: 0px;
        box-shadow: 0 0px 0px;
    }
    #viewAvailableOrderBy {
        width: 100%;
        padding-bottom: 25px;
        font-size: 14px;
        padding-top: 15px;
    }
    .userPanelTitle {
        cursor: pointer;
        padding: 5px 25px 5px 10px;
        background-color: #eeeeee;
        font-size: 17px;
    }
    .userPanelLinks {
        padding: 5px 10px;
    }
    .userPanelTitle:after {
        content: "\f067";
        font-family: FontAwesome;
        float: right;
        margin-right: -16px;
    }
    .userPanelTitle.open:after {
        content: "\f068";
    }
}
/* wishlist */

.fluidContent-wishlist .center-file-block {
    display: table;
    margin: 0 auto;
}
.fluidContent-wishlist .view-list .productListSmallImageLink {
    width: 100px;
}
.fluidContent-wishlist .wishlistButton {
    width: auto;
    padding: 6px 12px;
    float: none;
    margin-right: 0;
    font-size: 12px;
}
.fluidContent-wishlist .wishlistButton:before {
    padding-right: 5px;
}
.wishlist-controls button {
    width: 100%;
}
/*  wishlist modals */

.modal #deleteWishlistForm,
.modal #sendWishlistForm {
    margin-top: 15px;
}
.modal .wishlistProduct > label > span {
    float: left;
    display: block;
}
.modal .wishlistProducts:before,
.modal .wishlistProducts:after,
.modal .wishlistProduct > label:before,
.modal .wishlistProduct > label:after {
    content: " ";
    display: table;
}
.modal .wishlistProducts:after,
.modal .wishlistProduct > label:after {
    clear: both;
}
.modal span.wishlistProductImage {
    padding: 0px 10px 0px 5px;
}
.modal span.wishlistProductCheck {
    width: 10%;
}
.modal span.wishlistProductImage {
    width: 30%;
}
.modal span.wishlistProductImage img {
    max-width: 100%;
    height: auto;
    display: block;
}
.modal span.wishlistProductName {
    width: 60%;
}
.modal .wishlistProducts {
    padding: 10px;
}
.modal .wishlistProduct > label {
    border: none;
}
@media (min-width: 768px) {
    .modal #sendWishlistSubmit,
    .modal #deleteWishlistSubmit {
        margin: 0;
    }
    .modal #deleteWishlistForm .modal-footer,
    .modal #sendWishlistForm .modal-footer {
        padding: 15px 0px;
    }
}
@media (min-width: 992px) {
    .modal .wishlistProduct {
        float: left;
        width: 33.333%;
    }
}
@media (max-width: 499px) {
    .wishlist-controls > div {
        width: 100%;
    }
    .wishlist-controls > div:first-child {
        margin-bottom: 5px;
        padding-right: 0px;
    }
}
/* stock alerts */

td.stockAlerts.stockAlertsProduct {
    max-width: 200px;
}
td.stockAlerts.stockAlertsProduct a {
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
}
td.stockAlerts.stockAlertsProduct ul {
    font-size: 12px;
    padding-left: 25px;
}
/* orders page */

table.userOrders td.userOrder.userOrderActions img {
    display: block;
    float: left;
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
}
table.userOrders td {
    width: auto;
}
table.userOrders td.userOrder.userOrderActions br {
    display: none;
}
/* orders devolusions */

form#orderRefundForm {
    margin-top: 25px;
}
form#orderRefundForm .basketButtons {
    padding-bottom: 0;
}
form#orderRefundForm .basketOptions {
    clear: both;
}
form#orderRefundForm .basketQuantity > * {
    max-width: 100px;
}
form#orderRefundForm a.basketProductName {
    /* //font-family: "opensans-bold"; */
}
form#orderRefundForm table.basket td.basket.basketProduct {
    padding-left: 8px;
    padding-top: 19px;
}
/* modal refunds dynamic by js */

.refundsModalLinkContainer {
    clear: both;
}
.refundsModalLinkContainer a {
    cursor: pointer;
    font-size: 12px;
}
.js .userRefundRequest.refundRequestTitle,
.js .userRefundRequest.refundRequestHeader,
.js .userRefund.refundTitle,
.js .userRefund.refundHeader,
.js .modal.refundsLooksBestModal table tr td span.caret {
    display: none;
}
.refundsModalTitle {
    font-size: 24px;
    margin: 10px 0 20px;
}
.modal.refundsLooksBestModal table tr {
    display: table-row !important;
}
@media (min-width: 768px) {
    form#orderRefundForm .basketOptions {
        margin-left: 74px;
    }
}
@media (max-width: 767px) {
    form#orderRefundForm a.basketProductName {
        clear: both;
        display: block;
    }
}
/* user ePoints */

.ePointsResumeItem:after,
.ePointsResumeItem:before {
    content: " ";
    display: table;
}
.ePointsResumeItem:after {
    clear: both;
}
div.userEpoints .userEpointName {
    font-size: 36px;
}
div.userEpoints .userEpointName,
.userEpointDescription,
.ePointsResumeItem,
.userEpointsGroup,
.userEpointsItem {
    margin-bottom: 15px;
}
div.ePointsResumeLabel {
    background-color: #f2f2f2;
    text-align: center;
    padding: 5px;
    width: 75%;
    float: left;
    border: 1px solid #f2f2f2;
}
@media (min-width: 992px) {
    .userEpointContent {
        padding-right: 15px;
    }
    .userEpointContentRight {
        padding-left: 15px;
    }
    .userEpointContent,
    .userEpointContentRight {
        width: 50%;
        float: left;
    }
}
.userEpoints .clear {
    clear: both;
}
div.ePointsResumeValue {
    padding: 5px;
    text-align: center;
    width: 25%;
    float: left;
    clear: right;
    border: 1px solid #ff1f6e;
    background: #ff1f6e;
    color: white;
}
body.fluidContent-ePoints table.userOrders {
    margin-top: 40px;
    margin-bottom: 40px;
}
@media (max-width: 767px) {
    body.fluidContent-ePoints table.userOrders {
        display: none;
    }
}
div.userEpointsItem {
    background-color: #000333;
    color: white;
    padding: 15px;
    text-align: center;
}
/* delete account */

@media (min-width: 768px) {
    div#passwordContainer {
        width: 50%;
    }
}
/* deleteNewsletter */

.deleteNewsletterMsg {
    margin-top: 30px;
    margin-bottom: 30px;
}
/* createAccount */

.createAccountUserPage form > div.formText.userText {
    margin-bottom: 15px;
}
/* login (/user with not session) */

.smallLoginInPage form#smallLoginForm {
    padding: 0;
}
.fluidContent-user .userPageContainer.no-logged {
    margin-bottom: 15px;
}
.fluidContent-user .userPageContainer.no-logged > div {
    margin-bottom: 15px;
}
.fluidContent-user .userPageContainer.no-logged #smallLoginCreateAccount {
    display: none;
}
/* lostPassword */

.lostPasswordPageContent {
    margin-top: 20px;
    margin-bottom: 40px;
}
/* affiliate orders */

table.affiliateOrders {
    margin-top: 30px;
    margin-bottom: 40px;
}
table.affiliateOrders thead tr {
    background: #f2f2f2;
    /* //font-family: "opensans-bold"; */
}
/* 404 page */

.page404Content {
    padding: 30px 15px;
}
.icon404 {
    font-size: 100px;
    color: #808080;
}
/* fixes random */

.jslider table tr td {
    padding: 0 !important;
}
.questionText.wishlistQuestionText {
    margin-bottom: 15px;
    text-align: center;
}
.modal span.wishlistProductImage img[src=""] {
    display: none;
}
@media (min-width: 768px) {
    .clearFilterButton {
        margin-top: 15px;
        width: 100%;
    }
}
.miniBasketContinueShopping {
    font-size: 12px;
    padding-top: 15px;
    padding-left: 15px;
    /*height: 34px;*/
}
.emptyProductsPageText {
    color: #666666;
}
/* trash icon */

body [class*="glyphicon-trash"]:before {
    content: "\f014";
    font-family: FontAwesome;
    font-size: 16px !important;
}
/* fix ugly price slider filter */

.jslider .jslider-bg i,
.jslider .jslider-bg .v {
    height: 10px;
}
.jslider .jslider-bg i,
.jslider .jslider-pointer {
    background-image: url('../img/jslider.round.plastic.png');
}
.jslider .jslider-pointer {
    top: -4px;
}
.packPrices {
    margin-top: 50px;
    position: relative;
}
@media (max-width: 1400px) and (min-width: 1200px) {
    div#preuIva,
    div#savingPercent {
        width: 100% !important;
        float: left !important;
    }
    div#savingPercent > span {
        width: 100% !important;
        float: left !important;
    }
    div.packPrices {
        margin-top: 27px !important;
        position: relative;
    }
    div span.product-saving {
        padding-top: 0px;
    }
    div.packPricesContent {
        padding-top: 0;
    }
    .packPrices:before {
        content: "=";
        font-family: fontAwesome;
        position: absolute;
        top: 59px;
        left: -58px;
        font-size: 28px;
        font-weight: bold;
    }
    div#miniBasketContent i:before {
        position: absolute;
        content: url(../img/shoppingbag.png);
        width: 24px;
        height: 24px;
        left: 0;
        top: -4px;
        font-size: 13px;
    }
    div#small-login-conatiner a {
        font-size: 13px;
    }
    span.tittleBasquet {
        font-size: 13px;
    }
}
.packProductPlus {
    position: absolute;
    top: 50%;
    right: -50px;
    left: auto;
}
@media (max-width: 1199px) and (min-width: 992px) {
    div.packProductPlus {
        position: absolute;
        top: 39%;
        right: -41px;
        left: auto;
    }
    div div#preuIva,
    div div#savingPercent {
        width: 100% !important;
        float: left !important;
    }
    div div#savingPercent > span {
        width: 100% !important;
        float: left !important;
    }
    div span.product-saving {
        padding-top: 0px;
    }
    div.packPricesContent {
        padding-top: 0;
    }
    div.packPrices:before {
        content: "=";
        font-family: fontAwesome;
        position: absolute;
        top: 57px;
        left: -35px;
        font-size: 28px;
        font-weight: bold;
    }
    div.packPrices {
        margin-top: -4px;
        position: relative;
    }
}
.productListPrice {
    font-size: 18px;
    margin-bottom: 20px;
}

/* text msj confirm order */

.confirmOrderContent #confirmOrderTitle {
    display: block;
    text-align: center;
    font-size: 20px;
    margin-bottom: 15px;
}
.confirmOrderContent #confirmOrderPaymentSystemText {
    display: block;
    text-align: center;
}
.confirmOrderContent #confirmOrderOrderId {
    display: block;
    margin-top: 10px;
    text-align: center;
}
@media (min-width: 300px) {
    .container {
        width: 100%;
    }
    #compra {
        float: right;
    }
    #minibasket {
        padding-top: 28px;
    }
    .miniBasket {
        padding-top: 30px;
        float: right;
    }
}
@media (min-width: 768px) {
    .container {
        width: 100%;
    }
    #search-container {
        float: right;
        display: table;
        margin: 0 auto 10px;
    }
    .miniBasket {
        padding-top: 30px;
        float: right;
    }
    div#main-menu a {
        font-size: 10px !important;
        text-transform: uppercase;
        font-weight: bold;
    }
    .loginFormContainerPage {
        border-right-style: solid;
    }
}
/* Medium devices (desktops, 992px and up) */

@media (max-width: 450px) {
    span.enviamentCondition > div {
        height: 100%;
    }
    div.productListProds span.productListPrice .product-price {
        font-size: 14px;
    }
    div.productListProds span.disponible,
    .nodisponible {
        font-size: 14px;
    }
    .view-list div.productListProds del > span.price {
        font-size: 14px;
    }
    .info .product-stock.stock-ok,
    .info .product-stock.no-stock {
        float: left;
        width: 100%;
    }
    .info .product-stock {
        padding-left: 0px;
    }
    div.product-productInfo .addcomment {
        width: 58%;
    }
    div.product-productInfo .productRate {
        width: 38%;
    }
    .logoFabricant {
        width: 100%;
    }
    .logoFabricant a {
        float: left;
        position: relative;
    }
    .productAvgStarsCont {
        width: 100%;
    }
    .product-productInfo {
        margin-bottom: 40px;
    }
    .enviamentCondition h2 {
        color: #11481e;
        font-size: 17px;
        text-transform: uppercase;
        font-weight: bold;
        padding-left: 5px;
        line-height: 54px;
    }
    .enviamentCondition h2 {
        width: 100%;
    }
    .enviamentCondition h3 {
        font-size: 12px;
    }
    .enviamentCondition span {
        font-size: 11px;
    }
    #main-image-container {
        -webkit-transform: translate(-36%);
        transform: translate(-36%);
        max-width: 100%;
    }
    #miniBasketContent {
        font-size: 13px;
    }
    .infoBannerCategory {
        top: 60%;
    }
    #captchaContainer {
        margin-top: 30px;
    }
}


/* BC TLG-0061873 11/12/2017 Manuel Punzano containers home   */
@media (max-width: 1500px) {
    .img1,
    .img2,
    .img3 {
        position: relative;
        float: left;
        height: 500px;
        overflow: hidden;
    }
    .img1 i:before,
    .img2 i:before,
    .img3 i:before {
        content: "";
        width: 100%;
        height: 500px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
        opacity: 0.5;
        
    }
    .trapecio:after {
        background-color: transparent;
        border-left: 37px solid transparent;
        border-bottom: 500px solid #cf1431;
        z-index: 2;
        position: absolute;
        content: "";
        left: 29%;
        width: 4.5%;
    }
    .trapecio2:after {
        background-color: transparent;
        border-left: 34px solid transparent;
        border-bottom: 500px solid #e5a200;
        z-index: 2;
        position: absolute;
        content: "";
        left: 63%;
        width: 4.5%;
    }
}


@media (max-width: 991px) {
    .productViewsContainer {
        margin-top: 25px;
    }
    #main-content {
        padding: 0 15px 0 15px;
    }
    .img1,
    .img2,
    .img3 {
        height: 440px;
        margin-bottom: 25px;
        padding: 0px;
        border-radius: 5px;
    }
    div.packPrices:before {
        content: "=";
        font-family: fontAwesome;
        position: relative;
        top: 15px;
        left: 4px;
        font-size: 28px;
        font-weight: bold;
    }
    .trapecio:before,
    .trapecio2:before {
        content: none;
    }
    #miniBasketContent {
        top: -10px;
    }
    .productViewsContainer {
        padding-left: 0px;
    }
    div#preuIva,
    span.product-saving {
        margin: 25px auto;
        padding-left: 15px;
        display: block;
    }
    div#preuIva div {
        float: right;
    }
    div#preuIva div span {
        font-size: 32px;
    }
    span.product-saving {
        float: left !important;
        padding-top: 17px !important;
        font-size: 15px;
    }
    .packProductPlus {
        margin: 25px auto;
    }
    .nav-tabs > li {
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
    }
    li#moreviews {
        box-shadow: 0px 0px 0px 0px white;
    }
    .QuantityBuy {
        width: 130px;
    }
    .QuantityBuy2 {
        width: 100%;
    }
    .stockPrice {
        width: 100%;
        float: left;
    }
    .prodPrice {
        width: 100%;
    }
    .product-share {
        max-width: 200px;
        position: relative;
        left: 50%;
        margin-top: 20px;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }
    .captchaContainer {
        margin-bottom: 20px;
    }
    i.trapecio:after,
    i.trapecio2:after {
        content: none;
    }
}

@media (max-width: 500px) {
    .img1,
    .img2,
    .img3 {
        float: left;
        height: 370px;
    }
    .infoBannerCategory h3 {
        font-size: 23px;
    }
}

@media (max-width: 360px) {
    .infoBannerCategory h3 {
        font-size: 20px !important;
    }
}



/* EC TLG-0061873 11/12/2017 Manuel Punzano containers home   */

@media (min-width: 992px) {
    .categoria img {
        -webkit-transition: all 1s ease-in-out;
        transition: all 1s ease-in-out;
    }
    .categoria:hover img {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
    .breadcrumb > li + li:before {
        padding: 0 5px;
        color: #ccc;
        font-family: FontAwesome;
        content: "\f054";
    }
    .packPrices:before {
        content: "=";
        font-family: fontAwesome;
        position: absolute;
        top: 51px;
        left: -58px;
        font-size: 28px;
        font-weight: bold;
    }

    .container {
        width: 100%;
    }
    #search-container {
        float: left;
    }
    #menu {
        padding-left: 0px;
        position: static;
    }
    .categoriasAlternativas {
        float: left;
    }
    #main-menu .navbar-nav > li a:first-child {
        padding-left: 0px;
    }
    #main-menu .navbar-nav > li a {
        text-transform: uppercase;
        font-weight: bold;
    }
    .miniBasket {
        padding-top: 35px;
        float: right;
        padding-bottom: 25px;
    }
    .infoBannerCategory {
        top: 60%;
    }
}
@media(max-width: 1230px) {
    .prodSeclink {
        font-size: 11px;
    }
}
@media(max-width: 1160px) {
    a.prodSeclink {
        font-size: 13px;
    }
}
@media (max-width: 1199px) {
    .subCategorias.col-lg-1 {
        width: 16%;
    }
    .auxContainer {
        max-height: 450PX;
        overflow-y: auto;
    }
    .packPrices:before {
        content: "=";
        font-family: fontAwesome;
        position: absolute;
        top: 15px;
        left: -48px;
        font-size: 28px;
        font-weight: bold;
    }
    body.scrolled-menu #menu {
        width: 60%;
    }
    body.scrolled-menu #menu .navigation>li>a {
        font-size: 11px;
        margin-right: 10px;
    }
    body.scrolled-menu #compra {
        width: 37%;
    }
    body.scrolled-menu #small-login-conatiner a.dropdown-toggle,
    body.scrolled-menu #miniBasketContent {
        font-size: 11px;
    }
}
/* Small devices (tablets, 768px and up) */

@media (max-width: 1450px) and (min-width: 1200px) {
    div#main-menu .navbar-nav > li a {
        font-size: 12px !important;
    }
    div.viewAvailableViews {
        margin-right: 20px;
        float: right;
        position: relative;
        left: 10%;
        top: -1px;
    }
}
@media (max-width: 1265px) and (min-width: 1200px) {
    #main-menu .navbar-nav li > a {
        margin-right: 10px;
    }
}
@media (max-width: 1230px) and (min-width: 1200px) {
    div.infoCategoria .long-desc {
        font-size: 12px !important;
    }
}
/* Small devices (tablets, 768px and up) */
/* @media (max-width: 1115px) and (min-width:92px)
{

      #smallNewsletterEmailContainer {
        width: 170px;
        float: left;
    }

    } */

    @media (max-width: 1455px) {
        div.viewAvailableViews {
            top: -1px;
            margin-right: 25px;
        }
    }
    @media (max-width: 1455px) {
        div.viewAvailableViews {
            margin-right: 130px;
        }
    }
    @media (max-width: 1080px) {
        div.viewAvailableViews {
            margin-right: 120px;
        }
    }
    @media (max-width: 1220px) and (min-width: 1200px) {
        .categoriasAlternativas li a {
            font-size: 14px !important;
        }
        div#small-login-conatiner a {
            font-size: 13px !important;
        }
        #main-menu .navbar-nav > li a:last-child {
            margin-right: 0px;
        }
    }
    /* Large devices (large desktops, 1200px and up) */

    @media (min-width: 1200px) {
        .container {
            width: 100%;
        }
        .categoriasAlternativas {
            float: right;
        }
        .clientAtention span {
            font-size: 15px;
        }
        div.main-menu .navbar-nav > li > a {
            font-size: 13px !important;
        }
        .socialNet2 {
            padding-left: 0px;
            padding-right: 0px;
        }
        #main-menu a {
            font-size: 13px !important;
            text-transform: uppercase;
            font-weight: bold;
        }
    }
    @media (max-width: 991px){
      .form-group.filterElement.customTagsFilterElement{
        margin-bottom:0px;
      }
    }
    @media (min-width: 1410px) {
        .socialNet2 {
            padding-left: 15px;
            padding-right: 15px;
        }
        #main-menu a {
            font-size: 16px !important;
            text-transform: uppercase;
            font-weight: bold;
        }
    }
    @media (max-width: 321px) {
        div.enviamentCondition {
            padding: 0px;
            margin-top: 10px;
        }
    }
    
    @media (max-width: 350px) {
        div.carouselTitle.h3 {
            font-size: 21px;
        }
        .textColumn h1 {
            font-size: 35px;
        }
    }
    @media (max-width: 480px) {
        .sendCommentsButton {
            width: 100% !important;
        }
    }
    @media (max-width: 573px) {
        .paginationContainer ul {
            float: left;
        }
    }
    @media (max-width: 595px) {
        #filterBarRow {
            margin-bottom: 0px;
        }
        div.paginationContainer {
            margin-top: 0px !important;
        }
    }
    @media(max-width: 1200px) and (min-width:992px) {
        .enviamentCondition h3, .enviamentCondition span {
            font-size: 10px;
        }
        .enviamentCondition h2 {
            font-size: 16px;
        }
        div.productAvgStarsCont {
            width: 100%;
        }
        .product-info .productRateStarField {
            font-size: 20px;
        }
        .logoFabricant a {
            float: left;
            position: relative;
        }
        .logoFabricant {
            width: 100%;
        }
        .product-productInfo {
            margin-bottom: 40px;
        }
        .product-productInfo .addcomment {
            display: block;
            width: 67%;
            float: right;
            cursor: pointer;
        }
        .product-productInfo .productRate {
            width: 33%;
            float: left;
        }
    }
    @media (max-width: 767px) {
        #smallNewsletterEmailContainer {
            width: 90%;
        }
        #smallNewsletterSubmitContainer {
            width: 10%;
        }
        .tittleBasquet {
            display: none;
        }
        .prodPrice span {
            font-size: 25px;
            font-weight: bold;
        }
        .prodPrice span:last-child {
            font-size: 19px;
            font-weight: bold;
        }
        .basketQuantity .input-group .form-control:not(:first-child):not(:last-child) {
            width: 100%;
        }
        table *[class*="Quantity"] div.input-group {
            width: 60px;
        }
        .basketQuantity #mesQuantitat button {
            width: 100% !important;
            border-bottom-left-radius: 5px;
            border-bottom-right-radius: 5px;
            border: 1px solid;
            border-top: 0px solid white;
            float: left;
            border-top-right-radius: 0px !important;
        }
        .basketQuantity #menysQuantitat button {
            width: 100% !important;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            border: 1px solid;
            border-bottom: 0px solid white;
            border-bottom-left-radius: 0px !important;
        }
        .socialNet > ul {
            float: none;
            overflow: auto;
            position: relative;
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
            max-width: 150px;
            padding: 0px;
        }
        #main-image-container {
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%);
            transform: translate(-50%);
        }
    /* #slider-main-items-container{
height: 285px;
} */

.infoCategoria {
    margin-bottom: 10px;
}
.imgCategoria {
    margin-bottom: 25px;
}
.payTransport ul {
    float: left;
    padding-left: 0;
}
.payTransport ul>li:first-child {
    padding-left: 0;
}
#main-image-container {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
.paginationContainer ul {
    float: left;
}
#main-image-container {
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
}
@media (max-width: 892px) {
    .navigation {
        display: none;
    }
}
@media (max-width: 910px) {
    .paginationContainer ul {
        float: left;
    }
}
@media (max-width: 991px) {
    .scrollbar-inner > .scroll-element.scroll-x {
        bottom: 0px;
        height: 0px;
        left: 0;
        width: 0%;
    }
    .QuantityBuy2 .buttonBuySubmit {
        margin-top: 20px;
    }
    .socialNet > ul {
        float: none;
        overflow: auto;
        position: relative;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
        max-width: 150px;
        padding: 0px;
    }
    .productsPageRightColumn {
        padding-left: 0;
    }
    div.paginationContainer {
        margin-top: 25px;
        float: right;
    }
    div.paginationContainer ul {
        float: right;
    }
    #slider-main-items-container {
        display: none;
    }
    /* gallery */
    
    #slider-main-items-container2 {
        opacity: 1;
        
        filter: alpha(opacity=0);
        -webkit-transition: opacity 350ms ease;
        transition: opacity 350ms ease;
        display: block
    }
    #slider-main-items-container2.hide-carousel-controls #slider-main-items {
        margin-left: 0;
        margin-right: 0;
    }
    #main-image {
        margin: 0 auto;
    }
    .imatgeSlide {
        width: auto;
        height: 120px;
        cursor: pointer;
    }
    #main-image-container,
    #slider-main-items-container2 {
        margin-bottom: 30px;
    }
    #slider-main-items-container2,
    .image-gallery-item-thumb2,
    #main-image-container {
        position: relative;
    }
    .image-gallery-item-thumb2 {
        cursor: pointer;
    }
    #slider-main-items {
        margin-left: 30px;
        margin-right: 30px;
    }
    #slider-main-items-container2>div.swiper-button-prev,
    #slider-main-items-container2>div.swiper-button-next {
        background-color: transparent !important;
        background-image: none;
        height: 60px;
        width: 60px;
        top: 50%;
        left: -26px;
    }
    #slider-main-items-container2>div.swiper-button-next {
        right: -20px;
        left: auto;
    }
    #slider-main-items-container2>div.swiper-button-prev:before,
    #slider-main-items-container2>div.swiper-button-next:before {
        font-family: FontAwesome;
        font-weight: inherit;
        text-decoration: inherit;
        font-size: 30px;
        padding-right: 0.5em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -10px;
        margin-top: -20px;
        width: 100%;
        height: 100%;
        color: #b5bcbf !important;
    }
    #slider-main-items-container2>div.swiper-button-prev:before {
        content: "\f053";
    }
    #slider-main-items-container2>div.swiper-button-next:before {
        content: "\f054";
    }
    #slider-main-items-container2 .swiper-wrapper {
        padding-bottom: 20px;
    }
    #slider-main-items2 img {
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
        display: block;
        position: relative;
        left: 50%;
        -webkit-transform: translate(-50%);
        transform: translate(-50%);
    }
    .image-gallery-item-thumb2.thumb-active > img {
        opacity: 0.75;
    }
    .categoriaDescripcion {
        height: auto;
        margin-bottom: 0px;
    }
    li.menu-mobile-page {
        color: #ff1b0b !important;
    }
    div.packProduct {
        margin-bottom: 50px;
    }
    div.packProductPlus {
        position: absolute;
        top: 83%;
        left: -50px;
    }
    div.packPrices {
        margin-top: 0px;
    }
}
@media(max-width: 600px) {
    .shoppingBag+span {
        display: none;
    }
    .shoppingBag .price {
        padding: 0px;
    }
}
@media(max-width: 767px) {
    .imgCategoria {
        display: none;
    }
}
@media(min-width: 768px) {
    /*SLIDE VERTICAL*/
    
    #slider-main-items-container2 {
        display: none;
    }
    #slider-main-items-container {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 500px;
        width: 100px;
        display: block;
    }
    #slider-main-items {
        height: 100%;
        width: 100%;
        padding: 0;
    }
    .imatgeSlide {
        width: auto;
        height: 80px;
    }
    #slider-main-items .swiper-slide {
        float: left;
        margin-bottom: 15px;
        height: 80px !important;
        width: 100%;
        position: relative;
    }
    #main-image-container,
    #slider-main-items-container {
        margin-bottom: 30px;
        margin-top: 30px;
    }
    .image-gallery-item-thumb,
    #main-image-container {
        position: relative;
        clear: right;
    }
    .image-gallery-item-thumb {
        cursor: pointer;
    }
    #slider-main-items-container>div.swiper-button-prev,
    #slider-main-items-container>div.swiper-button-next {
        background-image: none;
        background-color: transparent;
        height: 60px;
        width: 60px;
    }
    #slider-main-items-container>div.swiper-button-prev:before,
    #slider-main-items-container>div.swiper-button-next:before {
        font-family: FontAwesome;
        font-weight: inherit;
        text-decoration: inherit;
        font-size: 30px;
        padding-right: 0.5em;
        position: absolute;
        top: 50%;
        left: 50%;
        margin-left: -10px;
        margin-top: -20px;
        width: 100%;
        height: 100%;
        color: #b5bcbf !important;
    }
    #slider-main-items-container>div.swiper-button-prev:before {
        content: "\f077";
    }
    #slider-main-items-container>div.swiper-button-next:before {
        content: "\f078";
    }
    #slider-main-items-container .swiper-wrapper {
        padding-bottom: 20px;
    }
    #slider-main-items-container .swiper-wrapper {
        padding-bottom: 20px;
    }
    #slider-main-items-container {
        height: 380px;
    }
    .image-gallery-item-thumb {
        height: 200px;
    }
    .image-gallery-item-thumb > img {
        -webkit-transition: all 350ms ease;
        transition: all 350ms ease;
    }
    .image-gallery-item-thumb.thumb-active > img {
        opacity: 0.75;
    }
}
@media (max-width: 1060px) {
    a.viewFilterElement {
        padding: 0px 5px 0px 0px;
    }
    .viewAvailableOrderBy,
    #viewAvailableOrderBy {
        font-size: 14px;
    }
}

@media (max-width: 1360px) and (min-width: 1200px) {
    .productListPrice .product-price {
        font-size: 14px;
    }
    del > span.price {
        font-size: 14px;
    }
    div.view-list del > span.price {
        font-size: 14px;
    }
    .disponible,
    .nodisponible {
        font-size: 14px;
    }
}
@media (max-width: 1030px) and (min-width: 992px) {
    .productListPrice .product-price {
        font-size: 15px;
    }
    del > span.price {
        font-size: 15px;
    }
    div.view-list del > span.price {
        font-size: 15px;
    }
    .disponible,
    .nodisponible {
        font-size: 14px;
    }
}

@media (min-width: 1580px) {
    .clientAtention span {
        font-size: 21px;
    }
    /*div#search-container input[type="text"] {
height: 41px;
background-color: #f4f4f4;
border: none;
}
#main-menu .navbar-nav > li > a {
text-transform: uppercase;
font-weight: bold;
font-size: 15px;
padding-left: 5px;
padding-right: 5px;
}
div#small-login-conatiner {
float: right;
}*/
}
/* Large devices (large desktops, 1590px and up) */

@media (min-width: 1590px) {
    .container {
        width: 1590px;
    }
    /*div#small-login-conatiner {
float: right;
}*/
}
.swiper-pagination-bullet-active {
    opacity: 1;
    
    background: #4f5254;
}
.swiper-button-prev,
.swiper-button-next {
    background-image: none;
    border-radius: 5px;
}
#galeriaModal .modal-dialog {
    width: 100%;
}
#galeriaModal {
    overflow-y: hidden;
    left: 50%;
    position: absolute;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}
#galeria {
    width: 100%;
}
#galeriaModal div.swiper-button-prev,
#galeriaModal div.swiper-button-next {
    background-image: none;
    background-color: transparent !important;
    height: 60px;
    width: 60px;
    top: 50%;
    left: 42px;
    right: auto;
}
#galeriaModal .swiper-slide>img {
    position: relative;
    display: block;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
    max-height: 500px;
    margin-bottom: 20px;
}
#galeriaModal div.swiper-button-prev {
    right: auto;
    left: 20px;
    top: 50%;
}
#galeriaModal div.swiper-button-next {
    right: 20px;
    left: auto;
    top: 50%;
}
#galeriaModal div.swiper-button-prev:before,
#galeriaModal div.swiper-button-next:before {
    font-family: FontAwesome;
    font-weight: inherit;
    text-decoration: inherit;
    font-size: 30px;
    padding-right: 0.5em;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -10px;
    margin-top: -20px;
    width: 100%;
    height: 100%;
    color: #b5bcbf !important;
}
#galeriaModal div.swiper-button-prev:before {
    content: "\f053";
}
#galeriaModal div.swiper-button-next:before {
    content: "\f054";
}
#galeriaModal .swiper-wrapper {
    padding-bottom: 20px;
}
.logoTrilogi,
.logoPay {
    max-height: 28px;
    height: 28px;
    margin-top: 10px;
}
.menu-active a.mm-next:after,
.mm-arrow:after,
.mm-next:after {
    border: 0px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    content: "\f105";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 22px;
    font-weight: bold;
    padding-right: 0.5em;
    position: absolute;
    top: -28%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.mm-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    font-size: 22px;
    font-weight: bold;
    padding-right: 0.5em;
    position: absolute;
    top: -28%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    border: none;
}
.infoBannerCategory h3 {
    font-size: 40px;
}

@media (max-width: 1150px) {
    div.infoBannerCategory h3 {
        font-size: 25px;
    }
}
@media (max-width: 1550px) {
    .infoBannerCategory h3 {
        font-size: 30px;
        top: 75%;
    }
}
.swiper-button-prev:hover,
.swiper-button-next:hover {
    opacity: 0.6;
}
/* --------------------------------------------------------------AREA MARCA--------------------------------*/

div#marcas {
    overflow: auto;
}
div#marcas .englobador {
    overflow: auto;
    min-height: 350px;
    max-height: 650px;
}
div#marcas .englobador > a {
    display: block;
    width: 100%;
}
.marcaTitol {
    display: block;
    width: 100%;
    font-size: 25px;
    margin-bottom: 15px;
    text-transform: uppercase;
}
.separacion {
    display: block;
    clear: both;
}
div.productsPageTop {
    padding: 0px;
}
.panel-body {
    padding-left: 15px !important;
}
.fabricantes li.lvl2 a {
    color: inherit;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0;
    border: inherit;
}
.fabricantes:hover .subcategoriesContainer {
    border-top-color: #333 !important;
    border-bottom-color: #333 !important;
}
.menu-mobile-cat,
.mm-title {
    text-transform: uppercase
}
.menu-mobile-cat.mycart,
.menu-mobile-cat.logoutTitle {
    background-color: #D8D8D8;
}
.user a {
    padding-left: 50px !important;
    text-transform: capitalize;
}
.logout a:last-child:before {
    content: "\f011";
    font-family: FontAwesome;
    padding-right: 3px;
}

.brandsFilterElements,.categoriesFilterElements {
    overflow-y: hidden;
}
.customTagsFilterElements {
    overflow-y: hidden;
}
.btnFiltrosMarca,
.btnFiltrosSubCat,
.btnFiltrosFabricante {
    margin-top: 10px;
}
.desplegat {
    overflow-y: auto;
}
.product-productInfo {
    height: 50px;
}
.product-productInfo .productRate {
    width: 35%;
    float: left;
}
.product-productInfo .addcomment {
    display: block;
    width: 65%;
    float: left;
    cursor: pointer;
    padding-top: 6px;
    padding-left: 10px;
}
.btn-group > .btn:first-child {
    height: 40px;
    border-radius: 5px;
    border: none;
    margin-bottom: 5px;
}
#userFieldCountryContainer div.subcountrySelector {
    /*margin-bottom: 20px !important;*/
}
#userFieldCountryContainer div.subcountrySelector button {
    border: 1px solid #ccc;
    border-radius: 5px;
}
.btn-group > .btn:first-child {
    height: 40px;
    border-radius: 5px;
    border: none;
}
.smallLoginModuleField input {
    border: 1px solid #ccc;
}
input.basketQuantity {
    border: 1px solid rgb(128, 128, 128) !important;
}
.input-group .form-control {
    position: relative;
    z-index: 0;
    float: left;
    width: 99%;
    margin-bottom: 0;
}
.productRateCommentFormCommentArea .form-control {
    border: 1px solid #ccc;
}
.input-group.date .input-group-addon {
    cursor: pointer;
    border: 1px solid #ccc;
}
.mm-close:before {
    content: "\f00d";
    font-family: FontAwesome;
    border: none;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    width: 20px;
    height: 20px;
    font-size: 20px;
}
.checkoutBasketContainerPage h1 {
    text-align: center;
    font-size: 30px;
    margin-bottom: 25px;
    text-transform: uppercase;
    color: #859094;
}
.checkoutBasketContainerPage .nav-tabs {
    border-bottom: 0px solid white;
}
.modal-body {
    position: relative;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #ccc;
}
.modal-body input[type="text"] {
    border-radius: 5px;
}
.jslider .jslider-pointer {
    top: -7px;
}
.jslider .jslider-pointer {
    width: 18px;
    height: 18px;
    background-position: 0 -58px;
    position: absolute;
    left: 20%;
    top: -7px;
    margin-left: -8px;
    cursor: pointer;
    /* cursor: hand; */
}
.jslider .jslider-value {
    font-size: 12px;
    white-space: nowrap;
    padding: 1px 2px 0;
    position: absolute;
    top: -25px;
    left: 20%;
    background: transparent;
    line-height: 12px;
    border-radius: 2px;
}
.pull-right.glyphicon {
    position: relative !important;
    top: 38px !important;
    left: 17px !important;
}
.recomend-product-page i {
    padding-right: 10px;
    border-right-width: 1px;
    border-right-style: solid;
}
.addthis_button_twitter i {
    padding-left: 5px;
}
#filterDesktop .saleOfferFilterBlock {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
#filterDesktop {
    border-radius: 5px !important;
    overflow: auto;
}
.short-desc {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.productContactFormText,
.productRecommendFormText {
    margin-bottom: 10px;
}
@media (max-width: 450px) {
    .enviamentCondition span {
        padding-top: 5px;
        font-size: 13px;
        /*  display: block; */
        
        text-overflow: inherit;
        white-space: inherit;
        overflow: auto;
        width: 100%;
    }
    .enviamentCondition h3 {
        text-overflow: inherit;
        white-space: inherit;
        overflow: hidden;
        width: 100%;
    }
}
.fbLabel {
    width: 100%;
    display: block;
    margin: 20px 0 20px 0;
}
body.fluidContent-oneStepCheckout .fbLogin {
    margin-bottom: 20px;
}
body.fluidContent-oneStepCheckout .fbLabel {
    width: 100%;
    display: none;
    margin: 10px 0 10px 0;
}
.userText {
    display: none;
}
.availableCountries .dropdown-menu {
    top: 40px !important;
    padding: 25px !important;
}
.buttonUp {
    position: fixed;
    width: 60px;
    height: 60px;
    background-color: #849095;
    border: 1px solid #849095;
    right: 0%;
    top: 71%;
    border-radius: 5px;
    z-index: 9999999;
}
.buttonUp i {
    text-align: center;
    font-size: 25px;
    color: #fff;
    margin: 0 auto;
    margin-top: 15px;
    display: block;
    width: calc(100% - 25px);
    height: calc(100% - 25px);
    cursor: pointer;
}
.buttonUp:hover {
    border: 1px solid #333;
    background-color: white;
    border-radius: 5px;
    color: #333;
}
.buttonUp:hover i {
    color: #333;
    background-color: white;
}
i.fa-mobile {
    font-size: 26px;
}
.contact a {
    text-decoration: underline;
}
.pageType-2 {
    border: 1px solid #ccc;
    padding: 15px;
    border-radius: 5px;
}
.pageType-2 button.dropdown-toggle {
    border: 1px solid #ccc !important;
    border-radius: 5px;
}
.pageType-2 textarea.form-control.formField {
    border-radius: 5px;
}
.pageType-2 .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    top: -5px;
    position: relative;
}
.pageType-2 .filter-option.pull-left {
    padding-left: 0px;
}
.pageType-2 .dropdown-menu {
    top: 40px;
}
.pageType-2 input[type="checkbox"] {
    float: left;
}
.pageType-2 input[type="checkbox"],
.pageType-2 input[type="radio"] {
    margin: 0px 5px 0px 0px;
    line-height: normal;
}
.centralContent #userFieldCountryContainer div.subcountrySelector button {
    border: 1px solid #ccc;
}
.centralContent .form-control {
    height: 40px;
}
.basketDeleteProduct {
    padding-right: 5px;
}
.centralContent .fluidContent-wishlist .wishlistButton {
    padding: 6px 15px;
    border-radius: 5px;
}
.centralContent .wishlistButton.wishlistButtonRemove:hover {
    color: black;
    opacity: 1;
    
}
.centralContent .wishlistButton.wishlistButtonRemove:before {
    content: "\f00d";
    font-size: 17px;
    padding-right: 5px;
}
.centralContent .fluidContent-wishlist .wishlistButton {
    font-size: 15px;
}
.centralContent .productColumn {
    background-color: white;
    max-height: 490px;
    height: 460px;
    margin-bottom: 30px;
}
.fluidContent-wishlist .productColumn .productListProds {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.central-content .productDetailWishList {
    font-size: 15px;
}
.pathContainer,
.QuantityBuyContainer {
    padding-left: 0px;
    padding-right: 0px;
}
.info a:hover {
    opacity: 1;
    
    /* color: */
}
div#enviamets+div.portadaAnclaje section.portada {
    margin-bottom: 0px !important;
}
#longdescription {
    margin-top: 20px;
}
div.stockAlertFormContainer {
    background-color: #f2f4f3;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    position: relative;
    overflow-y: auto;
}
div.stockAlertFormContainer h3 {
    display: none;
}
div.stockAlertFormContainer #productContactSubmitContainer {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    min-width: 20px;
    margin-top: 0px;
}
div.stockAlertFormContainer #stockAlertInputEmail {
    height: 40.12px;
}
div.stockAlertFormContainer div.stockContactMail {
    position: relative;
    margin-bottom: 15px;
}
div.stockAlertFormContainer #productContactSubmitContainer input {
    min-width: 20px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #808080;
    height: 40px;
    margin-left: 0px;
    float: left;
    width: 40px;
    min-width: 0px;
    padding: 0px;
    color: #808080;
}
div.stockContactMail:hover #productContactSubmitContainer input,
div.stockContactMail:hover #productContactSubmitContainer:hover:before {
    border-color: #333;
    color: #333;
    cursor: pointer;
}
div.stockAlertFormContainer div.productStockAlertField {
    position: relative;
}
.stockAlertText span {
    display: block;
}
.stockAlertText span:first-child {
    margin-bottom: 15px;
}
.stockMail .btn {
    border-radius: 0;
    min-width: 100%;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    border: 1px solid transparent;
}
label.productStockAlertField {
    display: none;
}
div.stockAlertFormContainer div.productStockAlertField {
    margin-bottom: 0px;
}
.stockContactMail .form-message.alert {
    margin: 0 0 15px 0;
}
.btn.cloneButtonBuy {
    color: white;
    cursor: default;
}
.btn.cloneButtonBuy span {
    text-transform: uppercase;
}
.btn.cloneButtonBuy:hover {
    color: white;
    border: 1px solid transparent;
}
div#preuIva,
div#savingPercent {
    padding-right: 0px !important;
    padding-left: 0px !important;
}
span.product-saving {
    display: block;
    float: right;
    padding-top: 7px;
}
span.product-basePrice + span.product-price {
    margin-left: 15px;
}
.view-list span.product-basePrice+span.product-stock {
    display: block;
    width: 100%;
}
.stockAlertFormTitle {
    display: none;
}
.btn.btn-primary.notAvailable {
    color: white !important;
    background-color: rgb(207, 54, 63) !important;
}
.btn.btn-primary.notAvailable:hover {
    color: white !important;
    background-color: rgb(207, 54, 63) !important;
}
.product-share-icons {
    margin-top: 5px;
}
.quantityStock {
    display: none;
}
.miniBasketItemSku {
    display: block;
}
.noStock .units,
.noStock .QuantityBuy2 .col-lg-4,
.noStock .QuantityBuy2 .buttonBuySubmit {
    display: none;
}
.noStock .QuantityBuy,
.noStock .QuantityBuy2 {
    margin-bottom: 0px;
}
/* repas fixes */

#smallNewsletterSubmit,
#productContactSubmitContainer input#productContactSubmit {
    font-family: monospace;
    font-size: 20px;
}

.logoLink,.logoLink:active,.logoLink:active:focus,.logoLink:focus
{
    background-color: #fff !important;
}

#userCustomTags
{
    display: none;
}

.basePriceContainer
{
    color: #a3a3a3;
}
.del 
{
    position: relative;
    display: inline-block;
}
.del .product-basePrice
{
    display: inline-block;
}

.product-basePrice del
{
    text-decoration: none;
    position: relative;
}



.del .product-basePrice:before,.product-basePrice del:before
{
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    background-color: red;
}

.generalFormText {
    margin-bottom: 0;
    display: block;
    text-align: justify;
}
.generalFormText {
    width: 100%;
}

.alert-succes
{
    font-weight: bold;
}


#requestFormModal .table>tbody>tr>td,#requestFormModal .table>tbody>tr>th,#requestFormModal .table>tfoot>tr>td,
#requestFormModal .table>tfoot>tr>th,#requestFormModal .table>thead>tr>td,#requestFormModal .table>thead>tr>th 
{
    padding: 10px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
}

#requestFormModal .basketTitle td {
    border-bottom: 0 solid #333;
    padding-top: 10px !important; 
}

.alert
{
    font-size: 18px !important;
}
.freeShippingLabel.amountFreeShippingsBasket {
    padding: 5px 5px 0;
}
form#oneStepCheckout div.basketButtons button[disabled]{
    opacity: 1;
}
form#oneStepCheckout div.basketButtons button[disabled]:hover{
    background-color: #80c41c;
    color: white !important;
    border-color: transparent !important;
}
img.logo{
    max-height: 120px;
}

/*competition css*/
.section-content-competition{
  text-align: justify;
}
#page-content-competition {
  padding: 15px 0 15px 0;
}
#formContainerDownload {
  padding: 15px 0 15px 0;
}
.userPageContainer {
    margin-bottom: 15px;
    padding: 15px 0 15px 0;
}
.photoSource{
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
}
.imageRequestForm.has-validation-callback {
  padding-top: 30px;
}
.photoTittle{float: left; position: relative; top: 15px;}
.photoSubmit{float: right;}
@media (max-width: 1186px) {
    .photoSource {
      display: block;
      text-align: center;
}
}

.photoSource .alert {
  position: absolute;
  top: 0px;
  z-index: 2;}
input#fileContent1aux {
  height: 1px;
  padding: 0px;border: none;box-shadow: none;
}

/* -------------- BLOG css --------------- */
/* css solo para blog, el css generico esta en el main (buttons, pagination, etc.) */
/* blog items */
.postItem-smallImage{
	display: block;
}
.postItem-smallImage img{
	width: 100%;
}
.postItem-date{
	background-color: #333;
	color: #FFF;
	padding: 10px 15px;
	text-align: center;
}
.postItem-smallImage + .postItem-body,
.postItem-largeImage + .postItem-body{
	margin-top: 10px;
}
.blogPost-item{
	margin-bottom: 35px;
}
.swiper-slide .blogPost-item{
	margin-bottom: 0px;
}
.postItem-author{
	font-size: small;
	margin: 0px 0px 3px;
	display: block;
}

a.postItemReadMore {
	margin-top: 15px;
}
.blog-desc{
	margin-bottom: 15px;
}
.postTagsAndCategories {
	margin-top: 10px;
}
.postTagsAndCategories a{
	color: #999;
	font-size: small;
}
.postItem-author a,
.postTagsAndCategories a:hover,
.postTagsAndCategories a:focus,
.postTagsAndCategories .fa{
	color: #FF1F6E;
}
.postItem-author a:hover,
.postItem-author a:focus{
	color: #333;
}
.blog-section {
	margin-bottom: 30px;
}
/* column */
.blogColumnTitle{
	margin: 0;
	font-family: 'opensans-bold';
}
.categoryColumnTitle,
.lastPostColumName{
	margin: 0;
}
.categoryColumnTitle a,
.lastPostColumName a{
	display: block;
	padding: 6px 0px;
	word-break: break-all;
}
.categoriesColumn .list-group-item,
.lastsPostsColumn .list-group-item {
	padding: 5px 5px 5px 15px;
}
.highlight-cat-page h1,
.highlight-cat .categoryColumnTitle a{
	color: #FF1F6E;
}
.highlight-cat .categoryColumnTitle a:hover,
.highlight-cat .categoryColumnTitle a:focus{
	color: #333;
}
#tagCloudContainer h2{
	display: none;
}
a.blogTagCloud {
	padding: 2px 8px;
	background-color: #FF1F6E;
	border-radius: 8px;
	margin: 0px 0px 4px 4px;
	display: block;
	float: left;
	font-size: small;
	color: #FFF;
}
a.blogTagCloud:hover,
a.blogTagCloud:focus{
	background-color: #333;
}
.blogColumnInset .panel{
	border-radius: 0;
}
.blogColumnInset .panel-default>.panel-heading{
	background: transparent;
}
#subscriptionFormContainer > div > h2{
	margin-top: 0;
	font-size: 14px;
}
#subscriptionFormContainer > div > h2 > b{
	font-size: 24px;
	display: block;
}
.subscriptionForm div.legalTextLinks{
	margin-bottom: 10px;
}
.subscriptionFormButton {
	display: block;
	width: 100%;
}
@media(min-width: 768px){
	.blogColumnInset .panel-heading + *{
		display: block !important;
	}
}
@media(max-width: 767px){
	.categoryColumnTitle .tooltip{
		display: none !important;
	}
	.blogColumnInset .panel-heading{
		cursor: pointer;
		position: relative;
	}
	.blogColumnInset .panel-heading + *{
		display: none;
	}
	.blogColumnInset .panel-heading .fa{
		position: absolute;
		top: 18px;
		right: 15px;
	}
	.blogColumnInset .panel-heading{
		padding-right: 38px;
	}
}
.image-autor {
	height: 64px;
	width: 64px;
	float: left;
	background-size: cover;
	margin-right: 15px;
}
.container-header-post {
	border: 1px solid #DDD;
	padding: 15px 0px;
}
.container-header-post .addthis_toolbox a{
	margin-bottom: 0;
}
.container-header-post .addthis_toolbox{
	float: right;
}
@media(max-width: 767px){
	.container-header-post .addthis_toolbox, 
	.container-header-post .addthis_toolbox .buttons-custom{
		float: left;
		margin-top: 7.5px;
	}
}
@media(max-width: 479px){
	.container-header-post > div{
		width: 100%;
	}
}
.blogNoPosts {
	padding: 30px;
	text-align: center;
	color: #999;
}
.container-header-post .addthis_toolbox .like-buttons{
	height: 32px;
	padding: 5px 0px;
}
.container-date-author{
	float: left;
	padding: 3px 0px;
}
#blog-post h1,
#blog-post .postLargeTitle,
.container-header-post {
	margin-bottom: 15px;
}
#blog-post .postTagsAndCategories {
	margin: 15px 0px;
	padding: 15px;
	border: 1px solid #DDD;
}
@media(max-width: 767px){
	.blogColumnInset {
		margin-top: 30px;
	}
}
/* comments */
.captchaFieldContainer{
	position: relative;
	float: left;
}
.captchaFieldContainer input{
	margin-top: 0px;
}

.captchaFieldContainer.has-error{
	padding-bottom: 35px;
}
.captchaFieldContainer > *{
	font-weight: normal;
}
.blogCommentModuleField{
	margin-top: 10px;
}
.postContentBody .postLargeImage{
	margin-bottom: 15px;
} 

/* related blog */
.relatedBlogItemsContainer  .pagesListLargeImage img,
.relatedBlogItemsContainer .categoryListSmallimage img,
.relatedBlogBanner img{
	margin-bottom: 15px;
}
.relatedBlogItemsContainer  a.categoryListName {
	display: block;
	margin-bottom: 10px;
	font-family: 'opensans-bold';
}

/* category */
#blog-category h1,
#blog-category .categoryPostsTitle,
.categoryPageBlogLongDescription,
.categoryPageBlogLargeTitle{
	margin-bottom: 15px;
}

/* author */
#blog-author .container-header-post{
	padding: 15px;
}
#blog-author .author .authorName a{
	color: #FF1F6E;
}
.authorImage {
	float: left;
	padding-right: 15px;
	padding-bottom: 15px;
}
.authorDescription{
	clear: both;
	margin: 15px 0px 0px;
	color: #999;
}
span.authorSocial {
	display: block;
	margin: 3px 0px;
}
/* author images xxss */
.authorSocial:before{
	content: "";
	height: 16px;
	width: 16px;
	margin-right: 5px;
	vertical-align: bottom;
	display: inline-block;
}
.authorSocial.authorgooglePlus:before{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSIjRkZGIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHRpdGxlPSJHb29nbGUrIiBhbHQ9Ikdvb2dsZSsiIHN0eWxlPSJ3aWR0aDogMTZweDsgaGVpZ2h0OiAxNnB4OyIgY2xhc3M9ImF0LWljb24gYXQtaWNvbi1nb29nbGVfcGx1c29uZV9zaGFyZSI+PGc+PHBhdGggZD0iTTEyIDE1djIuNGgzLjk3Yy0uMTYgMS4wMy0xLjIgMy4wMi0zLjk3IDMuMDItMi4zOSAwLTQuMzQtMS45OC00LjM0LTQuNDJzMS45NS00LjQyIDQuMzQtNC40MmMxLjM2IDAgMi4yNy41OCAyLjc5IDEuMDhsMS45LTEuODNDMTUuNDcgOS42OSAxMy44OSA5IDEyIDljLTMuODcgMC03IDMuMTMtNyA3czMuMTMgNyA3IDdjNC4wNCAwIDYuNzItMi44NCA2LjcyLTYuODQgMC0uNDYtLjA1LS44MS0uMTEtMS4xNkgxMnptMTUgMGgtMnYtMmgtMnYyaC0ydjJoMnYyaDJ2LTJoMnYtMnoiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPjwvZz48L3N2Zz4=);
	background-color: rgb(220, 78, 65);
}
.authorSocial.authorfacebook:before{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBmaWxsPSIjRkZGIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHRpdGxlPSJGYWNlYm9vayIgYWx0PSJGYWNlYm9vayIgc3R5bGU9IndpZHRoOiAxNnB4OyBoZWlnaHQ6IDE2cHg7IiBjbGFzcz0iYXQtaWNvbiBhdC1pY29uLWZhY2Vib29rIj48Zz48cGF0aCBkPSJNMjEgNi4xNDRDMjAuNjU2IDYuMDk2IDE5LjQ3MiA2IDE4LjA5NyA2Yy0yLjg3NyAwLTQuODUgMS42Ni00Ljg1IDQuN3YyLjYySDEwdjMuNTU3aDMuMjQ3VjI2aDMuODk1di05LjEyM2gzLjIzNGwuNDk3LTMuNTU3aC0zLjczdi0yLjI3MmMwLTEuMDIyLjI5Mi0xLjczIDEuODU4LTEuNzNoMlY2LjE0M3oiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PC9wYXRoPjwvZz48L3N2Zz4=);
	background-color: rgb(59, 89, 152);
}
.authorSocial.authortwitter:before{
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNGRkYiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHRpdGxlPSJUd2l0dGVyIiBhbHQ9IlR3aXR0ZXIiIHN0eWxlPSJ3aWR0aDogMTZweDsgaGVpZ2h0OiAxNnB4OyIgY2xhc3M9ImF0LWljb24gYXQtaWNvbi10d2l0dGVyIj48Zz48cGF0aCBkPSJNMjYuNjcgOS4zOGMtLjc4LjM1LTEuNjMuNTgtMi41MS42OS45LS41NCAxLjYtMS40IDEuOTItMi40Mi0uODUuNS0xLjc4Ljg3LTIuNzggMS4wNmE0LjM4IDQuMzggMCAwIDAtNy41NyAzYzAgLjM0LjA0LjY4LjExIDEtMy42NC0uMTgtNi44Ni0xLjkzLTkuMDItNC41Ny0uMzguNjUtLjU5IDEuNC0uNTkgMi4yIDAgMS41Mi43NyAyLjg2IDEuOTUgMy42NC0uNzItLjAyLTEuMzktLjIyLTEuOTgtLjU1di4wNmMwIDIuMTIgMS41MSAzLjg5IDMuNTEgNC4yOWE0LjM3IDQuMzcgMCAwIDEtMS45Ny4wN2MuNTYgMS43NCAyLjE3IDMgNC4wOSAzLjA0YTguODIgOC44MiAwIDAgMS01LjQ0IDEuODdjLS4zNSAwLS43LS4wMi0xLjA0LS4wNmExMi40MyAxMi40MyAwIDAgMCA2LjcxIDEuOTdjOC4wNSAwIDEyLjQ1LTYuNjcgMTIuNDUtMTIuNDUgMC0uMTktLjAxLS4zOC0uMDEtLjU3Ljg0LS42MiAxLjU4LTEuMzkgMi4xNy0yLjI3eiI+PC9wYXRoPjwvZz48L3N2Zz4=);
	background-color: rgb(29, 161, 242);
}
.authorSocial.authorgravatar:before{
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABqlBMVEUAAADF6v8AAABGsOJGseIAiMIAicIAisIAerwAfb4Afr4AgsAAg8AAg8EAhMAAhMEAhcEAhcIAhsEAhsIAh8IAh8MAh8QAiMMAicMAicQAisQBh8IChcECh8IDhMEDhcEDhcIDhsIDiMMDicMDisQDi8UEh8IGh8IHi8QIh8IIisQJisMJjMQKiMIKjcULhsAOjcUPjcQSj8YTjsUUjsUVjsYXj8UZlMgaksYalckdk8cgk8cglMchlskkl8kllsglmMomlsgmmMknmcopmssxnMw2m8s3m8s3n8w6n81DpNBGsOJIqNFQq9JQq9RXr9Vjtdhms9dmt9lpt9lquNlsuNl1vdx3vtx5vtx/wt6FxN+GxOCMx+GMyOGSy+Oa0Oacz+Wc0OWg0eWg0+al1eeu2eqz2+u13Oy43Oy43eu/4e7A4O7D4e7D4u/H5O/N5/PO5/HR6PLS6fLV6vPZ7fTa7vTc7vXi8Pbj8fbj8vfq9Pjr9fjr9vns9vnt9vru9vnu9/rw+Prw+Pvx+Pry+Prz+fv0+vz1+vz4/Pz5/P36/Pz9/v7+/v7///+ELjmYAAAACHRSTlMAADP19ff398zKa4oAAAETSURBVHgBbdDVVwJBFMdxFEWBIVbE3RlbWLu7O0Ts7u5uxe7+/c/uzMILh+/b/Zz7cM81RC7KGBZHv18VebM8qp6GRsaY5GJycWdTPnFpg4mjypzNrQnl299vx1OVjhA6+q8CDT0v0DpskXT0lp3jt637CacXwG6BIjBjEFgw+54xXLIODNk4xqTN46HD7PvAaHxjACtEbKav4ajKUbq6027L28KmM1bgEi6rJZqc6nYXHWAjiBP4G7ckUppkGfjEnDWOo6f+Fu/TtdmZFSN3+OqS9DutYwBu9veuAcwQpqOSMvkK0c9sjhxEJpPexZP7x7PlPrubhVCRiT23pq6QEFmmAv0q41FFoUyPP9kUVrQhYv+IAEVmkI5HKQAAAABJRU5ErkJggg==);
	background-size: cover;
}
/* tags */
#blog-tag h1{
	margin-bottom: 15px;
}
#blog-tag .tag-big{
	font-size: 75%;
	background-color: #FF1F6E;
	color: #FFF;
	padding: 3px 10px;
	border-radius: 16px;
}

table.basket > tbody > tr > td{
	vertical-align: middle;
}
table.basket > tbody > tr > td.basketProduct{
	vertical-align: top;
}
table.basket .basketQuantityTitle,
table.basket .basketQuantity {
	text-align: center;
}
.basketButtons{
	padding-top: 0px;
}
.normalCheckoutPage h1 {
	text-align: center;
	font-size: 30px;
}
/* tables css */
table.basket tr td:last-child,
table.basketDisclosure tr td:last-child,
table.basket td[class*="Price"]{
	text-align: right;
}
table.basket tr > td.basketEmpty{
	border: none !important;
	text-align: center;
	color: #666;
	padding: 35px !important;
}
span.basketOptionName {
	padding-right: 5px;
}
span.basketOptionName:after{
	content: ":";
}
span.basketOptionValue {
	color: #999;
}
/* extra table basket */
table.basket span.previousPrice {
	text-decoration: line-through;
	color: #666;
	display: block;
}
td.basketProductPrice span.salePercentDifference:before {
	content: "-";
}
td.basketProductPrice span.salePriceDifference:before {
	content: "(";
}
td.basketProductPrice span.salePriceDifference:after {
	content: ")";
}
td.basketProductPrice span.salePriceDifference,
td.basketProductPrice span.salePercentDifference{
	font-size: 12px;
}
td.basketProductPrice span.salePriceDifference + span.price{
	color: #FF1F6E;
	display: block;
}
.basketProductSku.basketProductOptionSku{
	font-size: 12px;
	color: #000;
}
/* table products */
table.basket td.basket.basketProduct {
	position: relative;
}
.basketOptions .basketOption{
	padding: 0;
	font-size: 12px;
	color: #666;
}
span.basketProductName,
span.basketProductName.basketGiftName{
	display: block;
}
.basketProductDelete .text{
	font-size: 12px;
	width: -1;
	display: block;
	position: relative;
	margin-top: 0px !important ;
}
.buyGiftFormSubmit {
	width: 100%;
	margin-top: 15px;
}
@media(max-width: 767px){
	span.basketProductName{
		white-space: normal;
		width: 120px;
		word-break: break-word;
	}
	.basketProductImage img, 
	.basketProductGiftImage img{
		margin-bottom: 5px;
	}
	div.basketProductImage,
	div.basketProductInfo{
		float: none;
		clear: both;
	}
}
@media(min-width: 768px){
	div.basketProductImage,
	div.basketProductGiftImage{
		/* .media bootstrap css */
		float: none;
		display: table-cell;
		vertical-align: top;
		width: auto;
		margin-right: 0;
	}
	
	.basketProductInfo,
	.basketProductGiftInfo{
		/* .media bootstrap css */
		display: table-cell;
		float: none;
		vertical-align: top;
		overflow: hidden;
		zoom: 1;
	}
}
a.basketProductImage{
	margin-right: 0;
	float: none;
	width: auto;
}
img.basketProductImage{
	display: block;
	width: 64px;
	margin-right: 10px;
}
table.basketDisclosure{
	margin-bottom: 20px;
}
/* basket states */
table.basket tr.bg-danger *:not(.tooltip-inner){
	color: #a94442;
}
table.basket tr.bg-warning *:not(.tooltip-inner){
	color: #8a6d3b;
}
.calculateShippingsContainer > button:not(.collapsed) > i.collapse-icon:before,
.discountBasketContainer > button:not(.collapsed) > i.collapse-icon:before{
	content: "\f147";
}
.extraContentBasket > div{
	margin-bottom: 15px;
}
/* shipping free */
.freeShipping{
	padding: 8px;
	border: 1px solid #DDDDDD;
	text-align: center;
	margin-bottom: 15px;
	display: block;
	border-radius: 5px;
	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;
}
.freeShipping.freeShippingReached{
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.discountBasketContainer .form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
.basketExtraCol{
	margin-bottom: 15px;
}
/* epoints basket */
.earningEpointsContent{
	margin: 15px 0;
}
div.earningEpointsItem {
	background-color: #F2F2F2;
	padding: 8px;
	text-align: center;
	/* border: 1px solid #DDDDDD; */
}
@media(max-width: 767px){
	.fluidContent-paymentAndShipping div.earningEpointsContent,
	.fluidContent-basket div.earningEpointsContent{
		margin-bottom: 0
	}
	.fluidContent-paymentAndShipping div.earningEpointsItem,
	.fluidContent-basket div.earningEpointsItem {
		border-width: 1px 0px 0px 0px;
	}
}
#basketForm .form-message{
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
label.discountCodeField{
	display: none;
}
#discountCodeFormCollapse > p,
#basketShippingCalculator > *:first-child{
	margin-top: 15px;
}
/* basket desktop [!] */
@media(min-width: 992px){
	table.basketDisclosure{
		width: calc(50% - 15px);
		float: right;
	}
	.earningEpointsContent {
		margin: 0 0 15px;
		float: left;
		width: calc(50% - 15px);
	}
}
/* calculate shipping basket table (results) */
.calculateShippingResults {
	width: 100%;
	max-width: 100%;
	margin: 20px 0 15px;
}
.calculateShippingResults > thead > tr > th,
.calculateShippingResults > tbody > tr > th,
.calculateShippingResults > tfoot > tr > th,
.calculateShippingResults > thead > tr > td,
.calculateShippingResults > tbody > tr > td,
.calculateShippingResults > tfoot > tr > td {
	padding: 8px;
	line-height: 1.42857143;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

/* basketSelectableGifts */
.selectableGiftHeader.discountName{
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: inherit;
	line-height: 1.1;
	color: inherit;
}
.selectableGiftHeader.discountDescription {
	margin-bottom: 10px;
}
.giftAvailability{
	font-size: 12px;
	color: #666;
	margin-bottom: 15px;
}
.selectableGiftProducts .selectableGiftProduct {
	padding: 10px;
	border: 1px solid #DDD;
	margin: 0 0 30px;
	background-color: #F8F8F8;
	text-align: center;
	/* clear: both; */
}

.selectableGiftProduct .productOptions{
	text-align: left;
	font-size: 12px;
}
.selectableGiftProduct .productOption {
	margin-bottom: 6px;
}
/* like .row */
.selectableGiftProducts{
	margin-right: -15px;
	margin-left: -15px;
}
.selectableGiftProducts:after, 
.selectableGiftProducts:before {
	display: table;
	content: " ";
}
.giftMinAvailability{
	height: 34px;
	display: block;
	padding: 7px 0;
}
.selectableGiftProducts:after{
	clear: both;
}
div.giftName {
	font-size: 15px;
	line-height: 1.4;
	margin: 0 0 10px;
}
div.giftImage {
	overflow: hidden;
	height: 200px;
	margin-bottom: 15px;
}
img.smallProductImage.giftImage {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	height: auto;
}

/* basket steps */
.wizard {
	margin: 0px auto 30px;
	background: #fff;
}
@media(max-width: 767px){
	.wizard {
		margin: 10px auto 10px;
	}
}
.wizard .nav-tabs {
	position: relative;
	margin: 0 auto 0;
	border-bottom: none;
	background-color: white;
}

.wizard > div.wizard-inner {
	position: relative;
}
.connecting-line {
	height: 2px;
	background: #f2f2f2;
	position: absolute;
	width: 75%;
	margin: 2px auto 0;
	left: 0;
	right: 0;
	top: 50%;
	overflow: hidden;
	z-index: 1;
}
.connecting-line:after{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	height: 2px;
	left: 20px;
	background-color: #808080;
	width: 100%;
	-webkit-transition: -webkit-transform 1s ease;
	transition: transform 1s ease;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
.connecting-line.len-1.fired:after,
.connecting-line.len-2:after{
	-webkit-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	transform: translateX(-100%);
}
.connecting-line.len-2.fired:after,
.connecting-line.len-3:after{
	-webkit-transform: translateX(calc(-75% + 70px));
	-ms-transform: translateX(calc(-75% + 70px));
	transform: translateX(calc(-75% + 70px));
}
.connecting-line.len-3.fired:after,
.connecting-line.len-4:after{
	-webkit-transform: translateX(calc(-50% + 140px));
	-ms-transform: translateX(calc(-50% + 140px));
	transform: translateX(calc(-50% + 140px));
}
.connecting-line.len-4.fired:after{
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
}
.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
	color: #555555;
	cursor: default;
	border: 0;
	border-bottom-color: transparent;
}
span.round-tab {
	width: 70px;
	height: 70px;
	line-height: 70px;
	display: inline-block;
	border-radius: 50%;
	background: #fff;
	border: 2px solid #e0e0e0;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 25px;
	-webkit-transition: all 350ms ease;
	transition: all 350ms ease;
}
span.round-tab i{
	color:#555555;
}
.basketStepDone  span.round-tab {
	border-color:#808080;
}
.basketStepDone  span.round-tab i{
	color: #808080;
}
.wizard li.active span.round-tab,
.wizard li.basketStepSelected  span.round-tab {
	background: #808080;
	border: 2px solid #474545;
}
.wizard li.basketStepSelected  span.round-tab i{
	color: #FFF;
}
.wizard li.active span.round-tab i{
	color: #FFF;
}
span.round-tab:hover {
	color: #333;
	border: 2px solid #333;
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.basketStepDone  span.round-tab:hover{
	border-color: #808080;
}
.wizard .nav-tabs > li > a:after{
	display: none;
}
.wizard .nav-tabs > li {
	width: 25%;
}
.step-link-name-div{
	padding: 0;
	margin: 0;
	text-align: center;
	/* font-family: "opensans-bold"; */
	border: none;
	/* text-transform: uppercase; */
	font-size: 13px;
}
.step-link-name-div > a {
	color: #666;
}
.step-link-name-div > a:hover,
.step-link-name-div > a:focus{
	color: #333;
}
.wizard .nav-tabs > li > .step-link-name:hover{

}
.wizard .nav-tabs > li > a:first-child {
	width: 70px;
	height: 70px;
	margin: 20px auto;
	border-radius: 100%;
	padding: 0;
}
.wizard .nav-tabs > li > a:hover {
	background: transparent;
}

.wizard .tab-pane {
	position: relative;
	padding-top: 50px;
}
@media( max-width : 767px ) {

	.wizard {
		width: 100%;
		height: auto !important;
	}
	span.round-tab .fa{
		font-size: 18px !important
	}
	span.round-tab {
		font-size: 16px;
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.wizard .nav-tabs > li > a:first-child{
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.wizard li.active:after {
		content: " ";
		position: absolute;
		left: 35%;
	}
	.connecting-line:after,
	.step-link-name{
		display: none;
	}
}

.fluidContent-createAccount .basketButtons > *,
.fluidContent-basket .basketButtons > *,
.fluidContent-paymentAndShipping .basketButtons > *,
.fluidContent-confirmOrder .basketButtons > *,
.fluidContent-customer .basketButtons > *{
	width: calc(100% - 30px);
	display: block;
	margin: 0 15px;
	float: left;
	margin-bottom: 15px;
}
@media(min-width: 768px){
	.fluidContent-createAccount .basketButtons > *,
	.fluidContent-basket .basketButtons > *,
	.fluidContent-paymentAndShipping .basketButtons > *,
	.fluidContent-confirmOrder .basketButtons > *,
	.fluidContent-customer .basketButtons > *{
		width: calc(50% - 30px);
	}
}
@media(min-width: 992px){
	.fluidContent-createAccount .basketButtons > *,
	.fluidContent-basket .basketButtons > *,
	.fluidContent-paymentAndShipping .basketButtons > *,
	.fluidContent-confirmOrder .basketButtons > *,
	.fluidContent-customer .basketButtons > *{
		width: calc(25% - 30px);
		margin-bottom: 0;
	}
}
/* customerrrr */
.fluidContent-customer .noLogin > div{
	margin-bottom: 30px;
}
.smallLoginInPage #smallLoginCreateAccount{
	display: none;
}
.fluidContent-customer form#userForm div.formTitle.userTitle{
	display: none;
}
.fluidContent-customer .basketButtons-inset .legalTextLinks{
	padding-left: 15px;
}
#customerBasketContinue,
#paymentAndShippingBasketContinue,
#confirmOrderPrintOrder{
	float: right;
}
/* payment and shipping */
td.selectableEPointsItemImage img{
	width: 64px;
	display: block;
	height: auto;
}
tr.basketFooterEpoints .basketPrice {
	vertical-align: middle;
}
td.selectableEPointsItemValue input{
	text-align: center;
}
.selectableEPointsItemAvailable .extra-wrapper,
.selectableEPointsItemName .extra-wrapper {
	max-width: 200px;
	white-space: normal;
	font-size: 12px;
	min-width: 120px;
}
td.selectableEPointsItemName, 
td.selectableEPointsItemValue, 
td.selectableEPointsItemAvailable, 
td.selectableEPointsItemAvailableButton{
	padding: 10px;
}
td.selectableEPointsItemName{
	text-align:left;
}
div.selectableEPointsItemStartText{
	float:left;
	padding: 10px;
	height: 58px;
	line-height: 38px;
	padding-left: 15px;
}
div.selectableEPointsItemValue{
	float:left;
	padding: 10px;
}
div.selectableEPointsItemAvailable{
	float:left;
	padding: 10px;
	height: 58px;
	line-height: 38px;
}
div.selectableEPointsItemAvailableButton{
	float:left;
	padding: 10px;
}
.fluidContent-paymentAndShipping .basketButtons-inset {
	position: relative;
}
.fluidContent-paymentAndShipping .basketButtons-inset #basketValidationMessage{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 12px !important;
	margin-right: 15px !important;
	text-align: right;
}
#orderCommentsContainer{
	margin:0;
}
.discountBasketContainer,
.commentsBasketContainer{
	padding: 15px;
	background-color: #ececec;
	margin-bottom: 20px;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.discountBasketContainer .title,
.commentsBasketContainer .title{
	margin-top: 0
}
.commentsBasketContainer .title{
	margin-bottom: 15px;
}
label.orderCommentsField{
	display: none;
}
.paymentSystemSelectorsTitle,
.shippingSelectorsTitle {
	font-size: 18px;
	font-family: inherit;
	font-weight: 500;
	line-height: 1.1;
	color: inherit;
	margin-bottom: 15px;
}
.paymentSystemsShippingsContainer .basket-inset-box + .basket-inset-box{ 
	margin-top: 20px;
}
.paymentSystemsShippingsContainer .box-inset {
	padding: 15px;
	background-color: #ececec;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.paymentSystemsShippingsContainer .basketSelector {
	position: relative;
}
.paymentSystemsShippingsContainer .basketSelector .basketSelector{
	margin-top: 10px;
}
.paymentSystemsShippingsContainer .basketSelector .basketSelectorPrice  + *{
	display: block;
	padding-left: 20px;
}
.fluidContent-paymentAndShipping .basketSelectors + .basketSelectors {
	margin-top: 30px;
}
@media(min-width: 768px){

	.paymentSystemsShippingsContainer .basketSelectorPrice{
		position: absolute;
		top: 10px;
		right: 0;
	} 
	.paymentSystemsShippingsContainer .basketSelectorName {
		width: calc(100% - 80px);
		vertical-align: text-top;
	}
}

.successBuy {
	font-size: 15px;
	margin: 30px auto 40px;
	max-width: 100%;
	border-radius: 5px;
	padding: 20px;
}

.deniedOrderButtons{
	text-align: center;
}
/* fixes */
@media(max-width: 991px){
	table.basket td.basket.basketQuantity {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	table.basket td.basket.basketQuantity > div{
		margin: 0 auto;
	}
}
@media(max-width: 479px){
	table.table.basket, 
	.basketOptions .basketOption,
	table.table.basket thead > tr{
		font-size: 11px;
	}
	table.table.basket *[class*="Quantity"] div.input-group {
		width: 38px;
	}
	span.basketProductName{
		width: auto;
	}
}
div.basketOptions,
span.basketProductName{
	padding: 0 0 5px;
}

.generalFormText
{
	margin-bottom: 0px;
	display: block
}

.createAccount,.userFormLogin
{
	border:1px solid #ccc;
	border-radius: 5px;
	padding:30px 
}

.alert-success {
    color: #000;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    background-color: #ececec;
    border: 1px solid #ccc;
    font-size: 16px;

}

#discountCodeButton
{
	padding: 9px 0px !important; 
}


#saveUserButton {
	margin-left: 15px;
}

.loginFormContainerPage .legalTextLinks
{
	padding-left: 15px;
}

/* basketSelectableGifts */
.selectableGifts{

}
.selectableGiftHeader.discountName{
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 10px;
	font-family: inherit;
	line-height: 1.1;
	color: inherit;
}
.selectableGiftHeader.discountDescription {
	margin-bottom: 10px;
}
.giftAvailability{
	font-size: 12px;
	color: #666;
	margin-bottom: 15px;
}
.selectableGiftProducts .selectableGiftProduct {
	float: left;
	padding: 15px;
	border: 1px solid #DDD;
	/* margin: 0 15px 15px; */
	background-color: #F8F8F8;
	text-align: center;
	width: 100%;
	padding-bottom: 67px;
	position: relative;
}
.custom-col{
	margin-bottom: 15px;
}
.buyGiftFormSubmit {
	position: absolute;
	bottom: 15px;
	left: 15px;
	right: 15px;
	width: calc(100% - 30px);
}
.selectableGiftProduct .productOptions{
	text-align: left;
	font-size: 12px;
}
.selectableGiftProduct .productOption {
	margin-bottom: 6px;
}
/* like .row */
.selectableGiftProducts{
	margin-right: -15px;
	margin-left: -15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.selectableGiftProduct, .buyGiftForm {
	height: 100%;
}
.selectableGiftProducts:after, 
.selectableGiftProducts:before {
	display: table;
	content: " ";
}
.giftMinAvailability{
	height: 34px;
	display: block;
	padding: 7px 0;
}
.selectableGiftProducts:after{
	clear: both;
}
div.giftName {
	font-size: 15px;
	line-height: 1.4;
	margin: 0 0 10px;
}
div.giftImage {
	overflow: hidden;
	height: 200px;
	margin-bottom: 15px;
}
img.smallProductImage.giftImage {
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	height: auto;
}
.basketSpecialProductsContainer  .prodsPageCarousel div.swiper-button-prev{
	left: 0;
}
.basketSpecialProductsContainer  .prodsPageCarousel div.swiper-button-next{
	right: 0;
}

/* ConfirmOrder Redsys information */
.redsysReceiptInformation .receiptTitle{
	font-weight: 600;
	color: #000;
	font-size: 15px;
	text-transform: uppercase;
	margin-bottom: 20px;
	text-align:center;
}
.redsysReceiptInformation .redsysFieldLabel{
	font-weight: 600;
	display: block;
	margin-bottom: 10px;
}
.redsysReceiptInformation .redsysFieldValue{
	color: #818285;
	font-size: 13px;
}
.redsysReceiptInformation .redsysInformation{
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-moz-box-orient: horizontal;
	-moz-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;

  	margin-bottom: 30px;
	border-bottom: 1px solid #e0e1e1;
	padding-bottom: 10px;
	max-width: 800px;
  margin: 0 auto;
  margin-bottom: 30px;
}
.redsysReceiptInformation .redsysInformation > .redsysField{-webkit-box-flex: 50%;-webkit-flex: 50%;-moz-box-flex: 50%;-ms-flex: 50%;flex: 50%;margin-bottom:20px;text-align:center;}
.redsysReceiptInformation .redsysInformation > .redsysField.redsysMerchantName{-webkit-box-ordinal-group:2;-webkit-order:1;-moz-box-ordinal-group:2;-ms-flex-order:1;order:1;}
.redsysReceiptInformation .redsysInformation > .redsysField.redsysDsMerchantCode{-webkit-box-ordinal-group:3;-webkit-order:2;-moz-box-ordinal-group:3;-ms-flex-order:2;order:2;}
.redsysReceiptInformation .redsysInformation > .redsysField.redsysMerchantUrl{-webkit-box-ordinal-group:4;-webkit-order:3;-moz-box-ordinal-group:4;-ms-flex-order:3;order:3;}
.redsysReceiptInformation .redsysInformation > .redsysField.redsysOrderTotal{-webkit-box-ordinal-group:5;-webkit-order:4;-moz-box-ordinal-group:5;-ms-flex-order:4;order:4;}
.redsysReceiptInformation .redsysInformation > .redsysField.redsysTransactionId{-webkit-box-ordinal-group:6;-webkit-order:5;-moz-box-ordinal-group:6;-ms-flex-order:5;order:5;}
.redsysReceiptInformation .redsysInformation > .redsysField.redsysDsAuthorisationCode{-webkit-box-ordinal-group:7;-webkit-order:6;-moz-box-ordinal-group:7;-ms-flex-order:6;order:6;}
.redsysReceiptInformation .redsysInformation > .redsysField.redsysPaymentDate{-webkit-box-ordinal-group:8;-webkit-order:7;-moz-box-ordinal-group:8;-ms-flex-order:7;order:7;}
.redsysReceiptInformation .redsysInformation > .redsysField.redsysProducts{-webkit-box-ordinal-group:9;-webkit-order:8;-moz-box-ordinal-group:9;-ms-flex-order:8;order:8;display:none;}

@media (max-width: 550px) {
	.redsysReceiptInformation .redsysInformation > .redsysField {
	  flex:100%;
	}
}

@media (min-width: 768px) {
	.redsysReceiptInformation .receiptTitle {
		font-size: 18px;
	}
}

@media (min-width: 1200px) {
	.redsysReceiptInformation .receiptTitle {
		font-size: 20px;
	}
}



/* oneStep css depends of checkout.css! */

/* fluid css overrites */
/* poden apareixer unexpected colors :C */
form#oneStepCheckout .basketSelectorSelected{
	color: inherit;
}
form#oneStepCheckout .basketSelectors {
	clear: both;
}
form#oneStepCheckout div.oneStepChekcoutModule{
	padding: 0px;
}
form#oneStepCheckout div.signInFormFieldsContainer {
	background: white;
	border-radius: 0;
	overflow: auto;
	padding-left: 0px;
}
form#oneStepCheckout #userForm{
	display: block !important;
}
form#oneStepCheckout .basketSelectorDescription{
	font-size: 12px;
	color: #666;
}
form#oneStepCheckout div.signInFormFieldsContainer:after {
	border-bottom-color: #f2f2f2;
}
form#oneStepCheckout .basketSelector{
	border-bottom: none;
}
form#oneStepCheckout .basketSelector + .basketSelector{
	border-top: 1px dashed #DDD;
}
form#oneStepCheckout .oneStepCheckoutDeleteProduct{
	color: inherit;
	width: 100%;
}
form#oneStepCheckout .oneStepCheckoutDeleteProduct:hover{
	color: red;
}
form#oneStepCheckout div.selectableEPointsItemStartText,
form#oneStepCheckout div.selectableEPointsItemValue,
form#oneStepCheckout div.selectableEPointsItemAvailable,
form#oneStepCheckout div.selectableEPointsItemAvailableButton{
	float: none;
	text-align: left;
	padding: inherit;
	height: auto;
	line-height: inherit;
	padding-left: inherit;
}
form#oneStepCheckout .epointsQuantity > .input-group{
	margin: 0 0;
}
form#oneStepCheckout div.earningEpointsContent{
	background: none;
	border-radius: 0;
	padding: 0;
	margin-top: 10px;
	color: inherit;
}
/* satanic loading/blocked effect */
/* custom your loading icon --> http://loading.io/ */
/* reset (666) */
div.oneStepChekcoutAdditionalContent.loading:before,
div.oneStepChekcoutAdditionalContent.loading:after,
div.oneStepChekcoutAdditionalContent.blocked:before,
div.oneStepChekcoutAdditionalContent.blocked:after,
form#oneStepCheckout .loading:before,
form#oneStepCheckout .loading:after,
form#oneStepCheckout .blocked:before,
form#oneStepCheckout .blocked:after{
	content: "";
	background: none;
	background-image: none;
	background-color: transparent;
	color: inherit;
	font-size: inherit;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	padding:0;
	margin:0;
	border-radius: 0;
	opacity: 1;
	filter: alpha(opacity=100);
	text-align: inherit;
	float: none;
	clear: none;
}
/* new */
form#oneStepCheckout #userForm{
	/* padding: 15px; */
}
div.oneStepChekcoutAdditionalContent.loading:before,
form#oneStepCheckout .loading:before{
	background-image: url('../img/loading.gif');
	background-repeat: no-repeat;
	background-position: center;
	z-index: 5;
}
div.oneStepChekcoutAdditionalContent.blocked:before,
div.oneStepChekcoutAdditionalContent.loading:after,
form#oneStepCheckout .blocked:before,
form#oneStepCheckout .loading:after{
	background-color: rgba(255, 255, 255, .9);
	cursor: default;
	pointer-events: none;
	z-index: 4;
}
form#oneStepCheckout .basketProductImage{
	display: block;
	max-width: 100%;
	height: auto;
}

/* css */
form#oneStepCheckout #userForm .formText.userText{
	font-size: 12px;
	color: #666;
}
form#oneStepCheckout #userForm .formTitle.userTitle{
	display: none;
}
#one-step-checkout{
	margin: 15px auto 30px;
}
.empty-basket-one{
	padding: 30px;
}
.oneStepEmptyMsg{
	padding: 20px 20px 30px;
	color: #666;
	display: block;
}
.oneCheckoutTitle{
	text-align: center;
	font-size: 30px;
	margin-bottom: 25px;
	text-transform: uppercase;
	color: #859094;
}
.fluidContent-oneStepCheckout div.formFields.userFormFields > div.formField.userField, 
.fluidContent-oneStepCheckout #changePasswordForm div.formField.changePasswordField{
/* width: 31%;
float: none;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
margin-bottom: 10px; */
}
.fluidContent-oneStepCheckout .oneStepHeaderBlock{
	margin-bottom: 15px;
	margin-top: 5px;
	position: relative;
	background-color: #313131;
}
.oneStepHeaderBlock .number .number-inner {
	height: 45px;
	width: 45px;
	display: block;
	text-align: center;
	line-height: 45px;
	background-color: #FF1F6E;
	color: #FFF;
	font-size: 24px;
}
.oneStepHeaderBlock h2 {
	font-size: 14px;
	margin: 0;
	color: #f2f2f2;
	
}
.oneStepCheckoutLogInLink>a {
	display: inline-block;
	padding-left: 5px;
}
.oneStepCheckoutLoginContent, 
.oneStepCheckoutUserContent {
	margin-bottom: 5px;
}

form#oneStepCheckout div.oneStepCheckoutLogInLink {
	margin: 0 0 0 0;
}

#oneStepCheckoutLogin .modal-dialog{ max-width: 450px;} 
/* subtitles */
.oneStepSubHeader {
	background-color: #F2F2F2;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 2px 2px 3px;
	text-transform: uppercase;
	color: #859094;
}
.oneStepSubHeader > .icon {
	font-size: 16px;
	padding: 5px;
	margin-right: 8px;
	width: 26px;
	text-align: center;
}
.fluidContent-oneStepCheckout #userForm .row > div[class*="col-"]:first-child,
.fluidContent-oneStepCheckout .subcountrySelector{
	margin-bottom: 5px !important;
}
@media(min-width: 1200px){	
	form#oneStepCheckout .oneStepColumn + .oneStepColumn{
		padding-left: 0;
	}
}
@media(min-width: 992px){
	.fluidContent-oneStepCheckout #userForm .row > div[class*="col-"]:first-child{
		padding-right: 7.5px;
	}
	.fluidContent-oneStepCheckout #userForm .row > div[class*="col-"]:last-child{
		padding-left: 7.5px;
		margin-bottom: 5px;
	}
}
@media(max-width: 991px){
	.subcountrySearch{
		margin-bottom: 5px;
	}
}
button#verifyUser{
	min-width: 100px;
}
form#oneStepCheckout .basketSelectorsTitle {
	font-weight: normal;
	font-size: 14px;
}
.column-two-block-oneStep {
	margin-bottom: 25px;
}
button.collapseOneStepSubheader {
	float: right;
	padding: 5px 7px;
	line-height: 1;
	position: relative;
	top: -25	px;
}
button.collapseOneStepSubheader.collapsed .icon:before{
	content: "\f067";
}
button.collapseOneStepSubheader .icon:before{
	content: "\f068";
}
.discountCodeText{
	display: block;
	padding: 15px 0 10px;
}
.oneStepChekcoutModule.form-inline .form-group {
	display: inline-block;
	margin-bottom: 0;
	vertical-align: middle;
}
.oneStepChekcoutModule.form-inline .form-control {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

/* basket */
form#oneStepCheckout div.basketProductImage,
form#oneStepCheckout img.basketGiftImage{
	float: none;
	clear: both;
	margin-right: 8px;
	margin-bottom: 8px;
}
form#oneStepCheckout div.basketProductImage img{
	min-width: auto;
	height: auto;
	display: block;
}

.oneStepChekcoutModule .basketProductInfo span.basketProductSku {
  display: block;
  clear: both;
}

@media(min-width: 992px){
	form#oneStepCheckout table.table thead > tr{
		background: #f2f2f2;
		text-transform: uppercase;
		font-size: 11px;
		
	}
	form#oneStepCheckout td.basket.basketProduct {
	}
	form#oneStepCheckout table.table{
		font-size: 13px;
	}
	form#oneStepCheckout *[class*="Quantity"] div.input-group{
		width: 90px;
	}
	
	form#oneStepCheckout .basketProductInfo, 
	form#oneStepCheckout .basketProductGiftInfo,
	form#oneStepCheckout div.basketProductImage, 
	form#oneStepCheckout div.basketProductGiftImage{
		display: block;
		clear: both;
	}
	form#oneStepCheckout td.basket.basketFooter.basketPrice.basketSubtotal {
		vertical-align: top;
	}
	body.fluidContent-oneStepCheckout div.input-group span.input-group-btn > button.btn.btn-number {

		width: 30px !important;
		height: 30px !important;

	}

	body.fluidContent-oneStepCheckout div.input-group .basketQuantity {
		width: 30px;
		height: 30px;
	}
}
@media(max-width: 991px){
	div.oneStepColumn 
	{
		padding-left: 0px;
		padding-right: 0px;
	}

	element {
		margin-bottom: 30px;
	}
	table.basket td.basket.basketQuantity {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	tr.basketProduct
	{
		margin-bottom: 10px;
	}
	form#oneStepCheckout div.selectableEPointsItemValue{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	section#one-step-checkout
	{
		padding:  0px 0px;
	}	
	body.fluidContent-oneStepCheckout table [class*="Quantity"] div.input-group {
		width: 168px;
	}
	body.fluidContent-oneStepCheckout div.input-group span.input-group-btn > button.btn.btn-number {

		height: 30px !important;

	}

	body.fluidContent-oneStepCheckout div.input-group .basketQuantity, div.input-group .buyFormQuantity {
		height: 30px;
	}	
	body.fluidContent-oneStepCheckout table [class*="Quantity"] div.input-group {
		width: 50px;
	}

	body.fluidContent-oneStepCheckout div.input-group span.input-group-btn > button[data-type="minus"].btn.btn-number {
		border: 1px solid #333;
		border-radius:5px 5px 0px 0px !important;

	}
	body.fluidContent-oneStepCheckout div.input-group span.input-group-btn > button[data-type="plus"].btn.btn-number{
		border: 1px solid #333;
		border-radius:0px 0px 5px 5px !important;

	}


}
form#oneStepCheckout .selectableEPointsItemTable td,
form#oneStepCheckout .selectableEPointsItemTable th{
	padding: 8px;
	vertical-align: top;
}
form#oneStepCheckout .selectableEPointsItemAvailable .extra-wrapper, 
form#oneStepCheckout .selectableEPointsItemName .extra-wrapper {
	text-align: left;
}
form#oneStepCheckout table.basketDisclosure,
form#oneStepCheckout .earningEpointsContent{
	float: none;
	width: 100%;
}
form#oneStepCheckout  .legalTextLinks{
	padding-bottom: 15px;
}
form#oneStepCheckout div.basketButtons button{
	display: block;
	width: 100%;
}
form#oneStepCheckout a.error.basket-error,
form#oneStepCheckout #basketValidationMessage{
	text-align: center;
	display: block;
	margin-bottom: 10px;
}
@media(min-width: 768px) and (max-width: 992px){
	form#oneStepCheckout div.basketProductInfo{
		padding-left: 8px; 
	}
	
}
@media(max-width: 767px){
	[data-fluid-checkout="basket"]{
		border: 1px solid #ddd;
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		min-height: .01%;
		overflow-x: auto !important;
	}
	body.fluidContent-oneStepCheckout table [class*="Quantity"] div.input-group {
		width: 60px;
	}

	body.fluidContent-oneStepCheckout div.input-group span.input-group-btn > button[data-type="minus"].btn.btn-number {
		border: 1px solid #333;
		border-radius:5px 5px 0px 0px !important;

	}
	body.fluidContent-oneStepCheckout div.input-group span.input-group-btn > button[data-type="plus"].btn.btn-number{
		border: 1px solid #333;
		border-radius:0px 0px 5px 5px !important;

	}

}
form#oneStepCheckout .oneStepColumn:first-child 
{
	padding-left: 0px;
}

form#oneStepCheckout .oneStepColumn:last-child 
{
	padding-right: 0px;
}

.media-body {
	width: auto;
}

.title span {
	font-size: 20px;
	color: #494949;
	text-transform: capitalize;
	border-bottom: 0px solid #faa513;
	padding-bottom: 10px;
	letter-spacing: 1px;
	width: 100%;
	display: block;
	text-align: center;
	text-transform: uppercase;
}

.title i {
	float: left;
	color: #494949;
	font-size: 19px;
	padding-top: 5px;
	padding-right: 10px;
}
form#oneStepCheckout .oneStepHeaderBlock
{
	background-color: white;
	border-bottom: 1px solid #494949;
	margin-bottom: 10px;
}
form#oneStepCheckout  .oneStepSubHeader
{
	border-bottom: 0px solid #494949;
	background-color: white;
}
form#oneStepCheckout  .oneStepSubHeader > i
{
	display: none;
}

.basket .basketNameTitle
{

	border-bottom: 0px solid #494949;
	height: 20px;
}
form#oneStepCheckout .table > thead > tr > td
{
	background-color: white;
	color: #859094;
	font-size: 14px;
}
.oneStepChekcoutModule .container
{
	padding-left: 0px;
	width:100%;
	padding-left: 0px;
	width: 100%;
}

form#oneStepCheckout .text
{
	display: block;
	margin-top: 0px;
}

.oneStepSubHeader .text{	display: block;	margin-top: 19px;}

form#oneStepCheckout .auxText
{
	display: block;
	color: #859094;
}

form#oneStepCheckout .basketTitle td
{
	border-bottom: 0px solid #333;
	padding-top: 0px !important;
}

.oneStepBasketContent
{
	margin-top:0px;
}
input.basketQuantity 
{
	display: block;
	float: left
}

.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-group > .btn, 
.input-group-btn:last-child > .dropdown-toggle {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.input-group .form-control:first-child, 
.input-group-addon:first-child,  
.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: 5px;
	border-bottom-right-radius: 5px;
}

#userFieldRetypePasswordContainer,
#userFieldLastNameContainer,
#userFieldNifContainer,
#userFieldAddress1Container
{
	padding-left: 0px;	
}

.userLoginTitle.formTitle 
{
	font-size: 15px;
	margin-bottom: 20px;
}

td.basketTitle:first-child,td.gridHeader:first-child
{
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 5px !important;
}

td.basketTitle:last-child,td.gridHeader:last-child
{
	border-top-right-radius: 5px !important;
	border-bottom-right-radius:5px !important;
}


.basketDeleteProduct
{
	display: block;
	float: left;
}
/*
.oneStepColumnBasket .legalTextLinks
{
	display: none;
}
*/
.oneStepGiftCodeContent #giftCodeCollapse
{
	display: block;
}

.oneStepGiftCodeContent .collapseOneStepSubheader 
{
	display: none;
}

td.basketQuantity
{
	padding-right: 0px;
}

form#oneStepCheckout a.btn.btn-primary.loginButton {
	height: 48px;
	line-height: 1;
	padding-top: 15px;
}
form#oneStepCheckout span.basketProductName {
	white-space: normal;
	padding-left: 5px;
	display: inline-block;
	max-width: 298px;
	/* overflow: hidden; */
	text-overflow: ellipsis;
	/*white-space: nowrap;*/
	float: left;
}

.loginButton
{
	width: 45%;
	padding-top: 10px;
	padding-bottom: 15px;
	margin-right: 20px;
}

.oneStepChekcoutModule .fbLogin
{
	margin-top: 20px;
}

@media(max-width: 483px)
{
	.oneStepChekcoutModule .fbLogin a 
	{
		margin-bottom: 20px;
	}
}

.oneStepChekcoutModule .fbLogin  img
{
	display: inline-block;
	max-width: 100%;
	height: auto;
	border-radius: 5px;
}



#comparer-table th{
	font-weight: normal;
	font-family: 'opensans-bold';
	text-transform: uppercase;
	font-size: 12px;
}
.comparer-empty {
	margin-bottom: 30px;
}
.comparer-empty #comparer-table,
.comparer-empty #comparer-table *{
	border: 0 !important;
	color: #666;
	text-align: center;
}
#comparer-page tr.mbl th {
	background-color: #EFEFEF;
}
@media(max-width: 768px) {
	#comparer-page .content-row-comp {
		margin: 0;
	}
}
#comparer-page tr.mbl:first-child th {
	border-top: 0px none;
}
#comparer-page .table-responsive > .table > tbody > tr > td, 
#comparer-page .table-responsive > .table > tbody > tr > th, 
#comparer-page .table-responsive > .table > tfoot > tr > td,
#comparer-page .table-responsive > .table > tfoot > tr > th, 
#comparer-page .table-responsive > .table > thead > tr > td, 
#comparer-page .table-responsive > .table > thead > tr > th {
	white-space: normal;
	word-wrap: break-word;
}
.comp-customs .customTag,
.comp-options .option{
	padding: 8px;
	font-size: small;
	border-bottom: 1px dashed #DDDDDD;
}
.comp-customs .customTag:first-child,
.comp-options .option:first-child{
	padding-top: 0;
}
.comp-customs .customTag:last-child,
.comp-options .option:last-child{
	padding-bottom: 0;
	border-bottom: none;
}
.td-options-comp-n-inset,
.comp-customs .customTags{
	margin-left: -8px;
	margin-right: -8px;
}
.comp-options .prompt,
.comp-customs .customTagName {
	font-family: 'opensans-bold';
}
.comp-details ul {
	max-width: 300px;
	padding-left: 15px;
}
.comp-desc .desc {
	margin-bottom: 10px;
	max-width: 300px;
}
.comp-desc .bulbs img {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	max-height: 45px;
}
.comp-bulbs img {
	margin-bottom: 10px;
}
.comp-bulbs img:last-child {
	margin-bottom: 0px;
}
.comp-bluepreint .blue-p img {
	margin: 0 auto;
	max-width: 200px;
}
.comp-details-2 .details-2 img {
	margin-bottom: 5px;
	margin-right: 5px;
}
.comp-price .buyFormSubmit,
.comp-del .comparerProductButton {
	display: block;
	
	width: 100%;
}
.comp-price .main-price {
	font-size: 15px;
	margin: 5px 0px;
	
}
.buySection .productQuantityValue {
	bottom: 5px;
	float: right;
	position: relative;
	width: 115px;
}
.comp-price .texts {
	font-size: 12px;
}
.comp-price .buy-section del {
}
.comp-price .buy-section .priceContainer {
	margin-bottom: 6px;
}
#empty-comparator td {
	padding: 15px;
}
.comp-image img,
.comp-bluepreint .blue-p img {
	max-width: 100%;
	max-width: 130px;
}
#comparer-page tr[class^="comp-"] > th {
	display: none;
}
.comp-details-2 .details-2 img {
	float: left;
	max-width: 120px;
}
@media(max-width: 479px) {
	.comp-price .texts > div {
		width: 100%;
	}
}
@media(min-width: 768px) {
	.comp-options .option .value img {
		float: none;
		margin-right: 0px;
	}
	.comp-details-2 .details-2 img {
		max-width: 100%;
	}
}
@media(min-width: 992px) {
	#comparer-page tr[class^="comp-"] > th {
		display: table-cell;
	}
	.comp-options img {
		margin: 0 auto;
		max-width: 70px;
	}
}
@media(min-width: 1200px) {
	.comp-image img,
	.comp-bluepreint .blue-p img {
		max-width: 200px;
	}
	.comp-price .buyFormSubmit,
	.comp-del .comparerProductButton {
		max-width: 300px;
	}
}
#modalComparer > span:first-child{
	text-align: center;
	color: #666;
	margin-bottom: 15px;
	display: block;
}

/* comparer mobile */
#comparer-page-mobile{
	margin-bottom: 30px;
}
.empty-comparer-mbl-txt{
	color: #666;
	padding: 15px 3px;
}

body[class*="comparerStep"] .comparerProductButton > span.text,
body[class*="comparerStep"] .comparerProductButton > i{
	float: left;
}
.fluidContent-comparer .comparerProductButton > span.text{
	padding: 6px 10px;
	max-height: 32px;
}
body[class*="comparerStep"] .comparerProductButton > span.text{
	padding: 6px 10px 6px 0;
	max-height: 32px;
}
.fluidContent-comparer .extra-btns > *{
	width: 100%;
	text-align: center;
}
.fluidContent-comparer .extra-btns > * + *{
	margin-top: 5px;
}
.comp-prod-title{
	margin-top: 0;
	margin-bottom: 10px;
}
.fluidContent-comparer  .comparerListProductActions > .btn,
body[class*="comparerStep"] .comparerListProductActions > .btn{
	margin-bottom: 5px;
}
.fluidContent-comparer .comparerProductButton > i{
	display: none !important;
}
.comp-prod-m-details > .column{
	margin-bottom: 20px;
}
.comp-prod-m-img img{
	margin: 0 auto;
}
.comp-prod-m-subtitle {
	margin: 0 0 20px;
	padding: 10px;
	background-color: #f2f2f2;
	font-size: 18px;
	color: #666;
}
.comp-m-main-title{
	margin-top: 0
}
.comp-prod-title{
	font-family: 'opensans-bold';
}
@media(max-width: 479px){
	.comp-prod-m-details > .column{
		width: 100%;
	}
	.comp-prod-info {
		text-align: center;
	}
}
.comp-m-buttons-steps:after,
#comparerSubmit:after,
.comparerCustomTagsPages .btn-next:after{
	content: "\f061";
	font-family: FontAwesome;
	padding-left: 6px;
}
/* fluid common */
#comparerCustomTagsForm #accordionCustomTags.accordion {
	border: 0;
	border-radius: 0;
	padding: 0;
	margin: 0 0 20px;
}
#comparerCustomTagsForm #accordionCustomTags .accordion-heading {
	font-size: inherit;
	padding: 0;
	border-radius: 0;
	background-color: #f2f2f2;
}
#comparerCustomTagsForm #accordionCustomTags .accordion-group a{
	color: inherit;
	font-weight: normal;
	font-family: 'opensans-bold';
	display: block;
	padding: 7px 0;
}
#comparerCustomTagsForm #accordionCustomTags .accordion-body{
	font-size: inherit;
}
#comparerCustomTagsForm #accordionCustomTags .accordion-body label{
	font-family: 'opensans-regular';
}
.comparer.comparerCustomTagsList{
	padding-top: 5px;
}
.comparerCustomTagsPages .customTagTitle {
	font-family: 'opensans-bold';
	font-size: 16px;
}
.comparerCustomTagsPages .comparerPaginator {
	padding: 6px 10px;
	background-color: #f2f2f2;
	color: #666;
	margin: 5px 0px 15px;
}
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductImage img {
	width: auto;
	max-width: 100%;
	display: block;
	height: auto;
	margin: 0;
}
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductImage {
	float: left;
	width: 33.333%;
	min-height: 0;
	padding-left: 5px;
	padding-right: 5px;
}
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails{
	float: left;
	width: 66.666%;
	padding-left: 5px;
	padding-right: 5px;
}
.comparerCustomTagsPages .comparerProducts .comparerProduct {
	margin-right: -5px;
	margin-left: -5px;
	padding: 10px 0
}
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails .comparerProductLink .comparerProductName{
	float: none;
	width: auto;
	font-size: inherit;
	font-weight: normal;
	font-family: 'opensans-bold';
}
.comparerCustomTagsPages .comparerProducts .comparerProduct .comparerProductDetails .comparerProductLink {
	display: block;
}
.comparer-m-prices {
	margin-bottom: 15px;
	font-size: 16px;
}
/* desktop */
.comp-desc .desc{
	font-size: small
}
.smallImageProductcomparator-n + .comparator-n-title{
	margin-top: 15px;
	display: block;
}
.comparator-n-title{
	font-family: 'opensans-bold';
}
a.smallImageProductcomparator-n {
	max-width: 400px;
	display: block;
}
#comparer-table .comp-del .comparerProductButton {
   max-width: none;
}
/* accordion comparer mbl fix icon */
.comparer.accordion .accordion-toggle::after{
	font-family: FontAwesome;
	float: right;
	padding-right: 10px;
}
.comparer.accordion .accordion-toggle::after{
	content: "\f068";
}
.comparer.accordion .accordion-toggle.collapsed::after{
	content: "\f067";
}


/**
 * EasyZoom core styles
 */
.easyzoom {
	position: relative;

	/* 'Shrink-wrap' the element */
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.easyzoom img {
	vertical-align: bottom;
}

.easyzoom.is-loading img {
	cursor: progress;
}

.easyzoom.is-ready img {
	cursor: crosshair;
}

.easyzoom.is-error  img {
	cursor: not-allowed;
}

.easyzoom-notice {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 150;
	width: 10em;
	margin: -1em 0 0 -5em;
	line-height: 2em;
	text-align: center;
	background: #FFF;
	box-shadow: 0 0 10px #888;
}

.easyzoom-flyout {
	position:absolute;
	z-index: 100;
	overflow: hidden;
	background: #FFF;
}

/**
 * EasyZoom layout variations
 */
.easyzoom--overlay .easyzoom-flyout {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.easyzoom--adjacent .easyzoom-flyout {
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	margin-left: 20px;
}