@import url(//fonts.googleapis.com/css?family=Droid+Serif:italic,regular%7CRoboto+Slab:regular%7CRoboto+Condensed:regular%7CUbuntu:700&subset=latin);
/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont_v-4.6.3.eot');src:url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff') format('woff2'),url('../fonts/fontawesome-webfont_v-4.6.3.woff') format('woff'),url('../fonts/fontawesome-webfont_v-4.6.3.ttf') format('truetype'),url('../fonts/fontawesome-webfont_v-4.6.3-fontawesomeregular.svg') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-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"}.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}

/**
 *
 */
.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    -o-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    display: none;
    visibility: hidden
}

.collapse.in {
    display: block;
    visibility: visible
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition-property: height, visibility;
    -o-transition-property: height, visibility;
    transition-property: height, visibility;
    -webkit-transition-duration: 0.35s;
    -o-transition-duration: 0.35s;
    transition-duration: 0.35s;
    -webkit-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    transition-timing-function: ease
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    -webkit-background-clip: padding-box;
    background-clip: padding-box
}

.dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.428571429;
    color: #333;
    white-space: nowrap
}

.dropdown-menu
* {
    box-sizing: border-box
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: white;
    transition: all 0.2s
}

.btn
i.fa {
    color: white
}

.btn-primary {
    background-color: #428bca
}

.btn-danger {
    background-color: #ea2e49
}

.btn-danger:hover {
    color: white
}

.btn-default {
    background-color: #a9b8c0
}

.btn-default:hover, .btn-default:focus, .btn-default.focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default {
    background-color: #8ca0aa
}

.timepicker .btn, .picker-switch
.btn {
    color: #23a1d1;
    padding: 7.5px 12px;
    font-size: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05)
}

.picker-switch a:hover {
    text-decoration: none;
    color: #fff;
    background-color: #229ac8;
    background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
    background-repeat: repeat-x
}

.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    visibility: visible;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: opacity 0.2s
}

.tooltip.in {
    opacity: 0.9;
    filter: alpha(opacity=90)
}

.tooltip.top {
    margin-top: -3px;
    padding: 5px 0
}

.tooltip.right {
    margin-left: 3px;
    padding: 0 5px
}

.tooltip.bottom {
    margin-top: 3px;
    padding: 5px 0
}

.tooltip.left {
    margin-left: -3px;
    padding: 0 5px
}

.tooltip-inner {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    right: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.top-right .tooltip-arrow {
    bottom: 0;
    left: 5px;
    margin-bottom: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    right: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    left: 5px;
    margin-top: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 5px
}

.alert-info
i {
    top: -1px
}

.help-block {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #737373;
    font-size: 12px
}

.text-danger {
    color: #a94442
}

.panel-group {
    margin-bottom: 20px
}

.panel {
    margin-bottom: 1px;
    border-radius: 2px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05)
}

.action-area
.panel {
    margin-bottom: 5px
}

.panel-body {
    padding: 15px;
    background-color: white
}

.panel-heading {
    padding: 10px;
    background-color: #5f6874;
    transition: all 0.2s
}

.panel-heading a:hover {
    color: #6fb9f9
}

.panel-title {
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: white
}

.panel-title > a {
    color: inherit
}

.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.2;
    filter: alpha(opacity=20)
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden;
    margin-right: 15px
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10400;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open
.modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: #000;
    z-index: 9999;
    width: 100%;
    height: 200%
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: 0.5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px
}

.modal-header
.close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 15px
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn + .btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn + .btn {
    margin-left: -1px
}

.modal-footer .btn-block + .btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5)
    }

    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

.table-responsive {
    overflow-x: auto;
    min-height: 0.01%
}

@media screen and (max-width: 767px) {
    .table-responsive {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar
    }

    .table-responsive > .table {
        margin-bottom: 0
    }

    .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
        white-space: nowrap
    }
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url("../fonts/glyphicons-halflings-regular.eot");
    src: url("../fonts/glyphicons-halflings-regulard41d.eot") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg") format("svg")
}

.glyphicon, .glyphicon:before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.glyphicon-asterisk:before {
    content: "\2a"
}

.glyphicon-plus:before {
    content: "\2b"
}

.glyphicon-euro:before, .glyphicon-eur:before {
    content: "\20ac"
}

.glyphicon-minus:before {
    content: "\2212"
}

.glyphicon-cloud:before {
    content: "\2601"
}

.glyphicon-envelope:before {
    content: "\2709"
}

.glyphicon-pencil:before {
    content: "\270f"
}

.glyphicon-glass:before {
    content: "\e001"
}

.glyphicon-music:before {
    content: "\e002"
}

.glyphicon-search:before {
    content: "\e003"
}

.glyphicon-heart:before {
    content: "\e005"
}

.glyphicon-star:before {
    content: "\e006"
}

.glyphicon-star-empty:before {
    content: "\e007"
}

.glyphicon-user:before {
    content: "\e008"
}

.glyphicon-film:before {
    content: "\e009"
}

.glyphicon-th-large:before {
    content: "\e010"
}

.glyphicon-th:before {
    content: "\e011"
}

.glyphicon-th-list:before {
    content: "\e012"
}

.glyphicon-ok:before {
    content: "\e013"
}

.glyphicon-remove:before {
    content: "\e014"
}

.glyphicon-zoom-in:before {
    content: "\e015"
}

.glyphicon-zoom-out:before {
    content: "\e016"
}

.glyphicon-off:before {
    content: "\e017"
}

.glyphicon-signal:before {
    content: "\e018"
}

.glyphicon-cog:before {
    content: "\e019"
}

.glyphicon-trash:before {
    content: "\e020"
}

.glyphicon-home:before {
    content: "\e021"
}

.glyphicon-file:before {
    content: "\e022"
}

.glyphicon-time:before {
    content: "\e023"
}

.glyphicon-road:before {
    content: "\e024"
}

.glyphicon-download-alt:before {
    content: "\e025"
}

.glyphicon-download:before {
    content: "\e026"
}

.glyphicon-upload:before {
    content: "\e027"
}

.glyphicon-inbox:before {
    content: "\e028"
}

.glyphicon-play-circle:before {
    content: "\e029"
}

.glyphicon-repeat:before {
    content: "\e030"
}

.glyphicon-refresh:before {
    content: "\e031"
}

.glyphicon-list-alt:before {
    content: "\e032"
}

.glyphicon-lock:before {
    content: "\e033"
}

.glyphicon-flag:before {
    content: "\e034"
}

.glyphicon-headphones:before {
    content: "\e035"
}

.glyphicon-volume-off:before {
    content: "\e036"
}

.glyphicon-volume-down:before {
    content: "\e037"
}

.glyphicon-volume-up:before {
    content: "\e038"
}

.glyphicon-qrcode:before {
    content: "\e039"
}

.glyphicon-barcode:before {
    content: "\e040"
}

.glyphicon-tag:before {
    content: "\e041"
}

.glyphicon-tags:before {
    content: "\e042"
}

.glyphicon-book:before {
    content: "\e043"
}

.glyphicon-bookmark:before {
    content: "\e044"
}

.glyphicon-print:before {
    content: "\e045"
}

.glyphicon-camera:before {
    content: "\e046"
}

.glyphicon-font:before {
    content: "\e047"
}

.glyphicon-bold:before {
    content: "\e048"
}

.glyphicon-italic:before {
    content: "\e049"
}

.glyphicon-text-height:before {
    content: "\e050"
}

.glyphicon-text-width:before {
    content: "\e051"
}

.glyphicon-align-left:before {
    content: "\e052"
}

.glyphicon-align-center:before {
    content: "\e053"
}

.glyphicon-align-right:before {
    content: "\e054"
}

.glyphicon-align-justify:before {
    content: "\e055"
}

.glyphicon-list:before {
    content: "\e056"
}

.glyphicon-indent-left:before {
    content: "\e057"
}

.glyphicon-indent-right:before {
    content: "\e058"
}

.glyphicon-facetime-video:before {
    content: "\e059"
}

.glyphicon-picture:before {
    content: "\e060"
}

.glyphicon-map-marker:before {
    content: "\e062"
}

.glyphicon-adjust:before {
    content: "\e063"
}

.glyphicon-tint:before {
    content: "\e064"
}

.glyphicon-edit:before {
    content: "\e065"
}

.glyphicon-share:before {
    content: "\e066"
}

.glyphicon-check:before {
    content: "\e067"
}

.glyphicon-move:before {
    content: "\e068"
}

.glyphicon-step-backward:before {
    content: "\e069"
}

.glyphicon-fast-backward:before {
    content: "\e070"
}

.glyphicon-backward:before {
    content: "\e071"
}

.glyphicon-play:before {
    content: "\e072"
}

.glyphicon-pause:before {
    content: "\e073"
}

.glyphicon-stop:before {
    content: "\e074"
}

.glyphicon-forward:before {
    content: "\e075"
}

.glyphicon-fast-forward:before {
    content: "\e076"
}

.glyphicon-step-forward:before {
    content: "\e077"
}

.glyphicon-eject:before {
    content: "\e078"
}

.glyphicon-chevron-left:before {
    content: "\e079"
}

.glyphicon-chevron-right:before {
    content: "\e080"
}

.glyphicon-plus-sign:before {
    content: "\e081"
}

.glyphicon-minus-sign:before {
    content: "\e082"
}

.glyphicon-remove-sign:before {
    content: "\e083"
}

.glyphicon-ok-sign:before {
    content: "\e084"
}

.glyphicon-question-sign:before {
    content: "\e085"
}

.glyphicon-info-sign:before {
    content: "\e086"
}

.glyphicon-screenshot:before {
    content: "\e087"
}

.glyphicon-remove-circle:before {
    content: "\e088"
}

.glyphicon-ok-circle:before {
    content: "\e089"
}

.glyphicon-ban-circle:before {
    content: "\e090"
}

.glyphicon-arrow-left:before {
    content: "\e091"
}

.glyphicon-arrow-right:before {
    content: "\e092"
}

.glyphicon-arrow-up:before {
    content: "\e093"
}

.glyphicon-arrow-down:before {
    content: "\e094"
}

.glyphicon-share-alt:before {
    content: "\e095"
}

.glyphicon-resize-full:before {
    content: "\e096"
}

.glyphicon-resize-small:before {
    content: "\e097"
}

.glyphicon-exclamation-sign:before {
    content: "\e101"
}

.glyphicon-gift:before {
    content: "\e102"
}

.glyphicon-leaf:before {
    content: "\e103"
}

.glyphicon-fire:before {
    content: "\e104"
}

.glyphicon-eye-open:before {
    content: "\e105"
}

.glyphicon-eye-close:before {
    content: "\e106"
}

.glyphicon-warning-sign:before {
    content: "\e107"
}

.glyphicon-plane:before {
    content: "\e108"
}

.glyphicon-calendar:before {
    content: "\e109"
}

.glyphicon-random:before {
    content: "\e110"
}

.glyphicon-comment:before {
    content: "\e111"
}

.glyphicon-magnet:before {
    content: "\e112"
}

.glyphicon-chevron-up:before {
    content: "\e113"
}

.glyphicon-chevron-down:before {
    content: "\e114"
}

.glyphicon-retweet:before {
    content: "\e115"
}

.glyphicon-shopping-cart:before {
    content: "\e116"
}

.glyphicon-folder-close:before {
    content: "\e117"
}

.glyphicon-folder-open:before {
    content: "\e118"
}

.glyphicon-resize-vertical:before {
    content: "\e119"
}

.glyphicon-resize-horizontal:before {
    content: "\e120"
}

.glyphicon-hdd:before {
    content: "\e121"
}

.glyphicon-bullhorn:before {
    content: "\e122"
}

.glyphicon-bell:before {
    content: "\e123"
}

.glyphicon-certificate:before {
    content: "\e124"
}

.glyphicon-thumbs-up:before {
    content: "\e125"
}

.glyphicon-thumbs-down:before {
    content: "\e126"
}

.glyphicon-hand-right:before {
    content: "\e127"
}

.glyphicon-hand-left:before {
    content: "\e128"
}

.glyphicon-hand-up:before {
    content: "\e129"
}

.glyphicon-hand-down:before {
    content: "\e130"
}

.glyphicon-circle-arrow-right:before {
    content: "\e131"
}

.glyphicon-circle-arrow-left:before {
    content: "\e132"
}

.glyphicon-circle-arrow-up:before {
    content: "\e133"
}

.glyphicon-circle-arrow-down:before {
    content: "\e134"
}

.glyphicon-globe:before {
    content: "\e135"
}

.glyphicon-wrench:before {
    content: "\e136"
}

.glyphicon-tasks:before {
    content: "\e137"
}

.glyphicon-filter:before {
    content: "\e138"
}

.glyphicon-briefcase:before {
    content: "\e139"
}

.glyphicon-fullscreen:before {
    content: "\e140"
}

.glyphicon-dashboard:before {
    content: "\e141"
}

.glyphicon-paperclip:before {
    content: "\e142"
}

.glyphicon-heart-empty:before {
    content: "\e143"
}

.glyphicon-link:before {
    content: "\e144"
}

.glyphicon-phone:before {
    content: "\e145"
}

.glyphicon-pushpin:before {
    content: "\e146"
}

.glyphicon-usd:before {
    content: "\e148"
}

.glyphicon-gbp:before {
    content: "\e149"
}

.glyphicon-sort:before {
    content: "\e150"
}

.glyphicon-sort-by-alphabet:before {
    content: "\e151"
}

.glyphicon-sort-by-alphabet-alt:before {
    content: "\e152"
}

.glyphicon-sort-by-order:before {
    content: "\e153"
}

.glyphicon-sort-by-order-alt:before {
    content: "\e154"
}

.glyphicon-sort-by-attributes:before {
    content: "\e155"
}

.glyphicon-sort-by-attributes-alt:before {
    content: "\e156"
}

.glyphicon-unchecked:before {
    content: "\e157"
}

.glyphicon-expand:before {
    content: "\e158"
}

.glyphicon-collapse-down:before {
    content: "\e159"
}

.glyphicon-collapse-up:before {
    content: "\e160"
}

.glyphicon-log-in:before {
    content: "\e161"
}

.glyphicon-flash:before {
    content: "\e162"
}

.glyphicon-log-out:before {
    content: "\e163"
}

.glyphicon-new-window:before {
    content: "\e164"
}

.glyphicon-record:before {
    content: "\e165"
}

.glyphicon-save:before {
    content: "\e166"
}

.glyphicon-open:before {
    content: "\e167"
}

.glyphicon-saved:before {
    content: "\e168"
}

.glyphicon-import:before {
    content: "\e169"
}

.glyphicon-export:before {
    content: "\e170"
}

.glyphicon-send:before {
    content: "\e171"
}

.glyphicon-floppy-disk:before {
    content: "\e172"
}

.glyphicon-floppy-saved:before {
    content: "\e173"
}

.glyphicon-floppy-remove:before {
    content: "\e174"
}

.glyphicon-floppy-save:before {
    content: "\e175"
}

.glyphicon-floppy-open:before {
    content: "\e176"
}

.glyphicon-credit-card:before {
    content: "\e177"
}

.glyphicon-transfer:before {
    content: "\e178"
}

.glyphicon-cutlery:before {
    content: "\e179"
}

.glyphicon-header:before {
    content: "\e180"
}

.glyphicon-compressed:before {
    content: "\e181"
}

.glyphicon-earphone:before {
    content: "\e182"
}

.glyphicon-phone-alt:before {
    content: "\e183"
}

.glyphicon-tower:before {
    content: "\e184"
}

.glyphicon-stats:before {
    content: "\e185"
}

.glyphicon-sd-video:before {
    content: "\e186"
}

.glyphicon-hd-video:before {
    content: "\e187"
}

.glyphicon-subtitles:before {
    content: "\e188"
}

.glyphicon-sound-stereo:before {
    content: "\e189"
}

.glyphicon-sound-dolby:before {
    content: "\e190"
}

.glyphicon-sound-5-1:before {
    content: "\e191"
}

.glyphicon-sound-6-1:before {
    content: "\e192"
}

.glyphicon-sound-7-1:before {
    content: "\e193"
}

.glyphicon-copyright-mark:before {
    content: "\e194"
}

.glyphicon-registration-mark:before {
    content: "\e195"
}

.glyphicon-cloud-download:before {
    content: "\e197"
}

.glyphicon-cloud-upload:before {
    content: "\e198"
}

.glyphicon-tree-conifer:before {
    content: "\e199"
}

.glyphicon-tree-deciduous:before {
    content: "\e200"
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:before, .ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse
}

.ui-helper-clearfix:after {
    clear: both
}

.ui-helper-clearfix {
    min-height: 0
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-front {
    z-index: 100
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-slider {
    position: relative;
    text-align: left
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit
}

.ui-slider-horizontal {
    height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
    top: -.3em;
    margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
    left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
    right: 0
}

.ui-slider-vertical {
    width: .8em;
    height: 100px
}

.ui-slider-vertical .ui-slider-handle {
    left: -.3em;
    margin-left: 0;
    margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
    left: 0;
    width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
    bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
    top: 0
}

.ui-widget {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1.1em
}

.ui-widget .ui-widget {
    font-size: 1em
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget
button {
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
    font-size: 1em
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #eee url("../img/jquery.ui/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
    color: #333
}

.ui-widget-content
a {
    color: #333
}

.ui-widget-header {
    border: 1px solid #e78f08;
    background: #f6a828 url("../img/jquery.ui/images/ui-bg_gloss-wave_35_f6a828_500x100.png") 50% 50% repeat-x;
    color: #fff;
    font-weight: bold
}

.ui-widget-header
a {
    color: #fff
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #ccc;
    background: #f6f6f6 url("../img/jquery.ui/images/ui-bg_glass_100_f6f6f6_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #1c94c4
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
    color: #1c94c4;
    text-decoration: none
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #fbcb09;
    background: #fdf5ce url("../img/jquery.ui/images/ui-bg_glass_100_fdf5ce_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #c77405
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    color: #c77405;
    text-decoration: none
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #fbd850;
    background: #fff url("../img/jquery.ui/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
    font-weight: bold;
    color: #eb8f00
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #eb8f00;
    text-decoration: none
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fed22f;
    background: #ffe45c url("../img/jquery.ui/images/ui-bg_highlight-soft_75_ffe45c_1x100.png") 50% top repeat-x;
    color: #363636
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight
a {
    color: #363636
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #b81900 url("../img/jquery.ui/images/ui-bg_diagonals-thick_18_b81900_40x40.png") 50% 50% repeat;
    color: #fff
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error
a {
    color: #fff
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #fff
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35)
}

.ui-icon {
    width: 16px;
    height: 16px
}

.ui-icon, .ui-widget-content .ui-icon {
    background-image: url("../img/jquery.ui/images/ui-icons_222222_256x240.png")
}

.ui-widget-header .ui-icon {
    background-image: url("../img/jquery.ui/images/ui-icons_ffffff_256x240.png")
}

.ui-state-default .ui-icon {
    background-image: url("../img/jquery.ui/images/ui-icons_ef8c08_256x240.png")
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url("../img/jquery.ui/images/ui-icons_ef8c08_256x240.png")
}

.ui-state-active .ui-icon {
    background-image: url("../img/jquery.ui/images/ui-icons_ef8c08_256x240.png")
}

.ui-state-highlight .ui-icon {
    background-image: url("../img/jquery.ui/images/ui-icons_228ef1_256x240.png")
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url("../img/jquery.ui/images/ui-icons_ffd27a_256x240.png")
}

.ui-icon-blank {
    background-position: 16px 16px
}

.ui-icon-carat-1-n {
    background-position: 0 0
}

.ui-icon-carat-1-ne {
    background-position: -16px 0
}

.ui-icon-carat-1-e {
    background-position: -32px 0
}

.ui-icon-carat-1-se {
    background-position: -48px 0
}

.ui-icon-carat-1-s {
    background-position: -64px 0
}

.ui-icon-carat-1-sw {
    background-position: -80px 0
}

.ui-icon-carat-1-w {
    background-position: -96px 0
}

.ui-icon-carat-1-nw {
    background-position: -112px 0
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px
}

.ui-icon-arrow-4 {
    background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px
}

.ui-icon-extlink {
    background-position: -32px -80px
}

.ui-icon-newwin {
    background-position: -48px -80px
}

.ui-icon-refresh {
    background-position: -64px -80px
}

.ui-icon-shuffle {
    background-position: -80px -80px
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px
}

.ui-icon-folder-open {
    background-position: -16px -96px
}

.ui-icon-document {
    background-position: -32px -96px
}

.ui-icon-document-b {
    background-position: -48px -96px
}

.ui-icon-note {
    background-position: -64px -96px
}

.ui-icon-mail-closed {
    background-position: -80px -96px
}

.ui-icon-mail-open {
    background-position: -96px -96px
}

.ui-icon-suitcase {
    background-position: -112px -96px
}

.ui-icon-comment {
    background-position: -128px -96px
}

.ui-icon-person {
    background-position: -144px -96px
}

.ui-icon-print {
    background-position: -160px -96px
}

.ui-icon-trash {
    background-position: -176px -96px
}

.ui-icon-locked {
    background-position: -192px -96px
}

.ui-icon-unlocked {
    background-position: -208px -96px
}

.ui-icon-bookmark {
    background-position: -224px -96px
}

.ui-icon-tag {
    background-position: -240px -96px
}

.ui-icon-home {
    background-position: 0 -112px
}

.ui-icon-flag {
    background-position: -16px -112px
}

.ui-icon-calendar {
    background-position: -32px -112px
}

.ui-icon-cart {
    background-position: -48px -112px
}

.ui-icon-pencil {
    background-position: -64px -112px
}

.ui-icon-clock {
    background-position: -80px -112px
}

.ui-icon-disk {
    background-position: -96px -112px
}

.ui-icon-calculator {
    background-position: -112px -112px
}

.ui-icon-zoomin {
    background-position: -128px -112px
}

.ui-icon-zoomout {
    background-position: -144px -112px
}

.ui-icon-search {
    background-position: -160px -112px
}

.ui-icon-wrench {
    background-position: -176px -112px
}

.ui-icon-gear {
    background-position: -192px -112px
}

.ui-icon-heart {
    background-position: -208px -112px
}

.ui-icon-star {
    background-position: -224px -112px
}

.ui-icon-link {
    background-position: -240px -112px
}

.ui-icon-cancel {
    background-position: 0 -128px
}

.ui-icon-plus {
    background-position: -16px -128px
}

.ui-icon-plusthick {
    background-position: -32px -128px
}

.ui-icon-minus {
    background-position: -48px -128px
}

.ui-icon-minusthick {
    background-position: -64px -128px
}

.ui-icon-close {
    background-position: -80px -128px
}

.ui-icon-closethick {
    background-position: -96px -128px
}

.ui-icon-key {
    background-position: -112px -128px
}

.ui-icon-lightbulb {
    background-position: -128px -128px
}

.ui-icon-scissors {
    background-position: -144px -128px
}

.ui-icon-clipboard {
    background-position: -160px -128px
}

.ui-icon-copy {
    background-position: -176px -128px
}

.ui-icon-contact {
    background-position: -192px -128px
}

.ui-icon-image {
    background-position: -208px -128px
}

.ui-icon-video {
    background-position: -224px -128px
}

.ui-icon-script {
    background-position: -240px -128px
}

.ui-icon-alert {
    background-position: 0 -144px
}

.ui-icon-info {
    background-position: -16px -144px
}

.ui-icon-notice {
    background-position: -32px -144px
}

.ui-icon-help {
    background-position: -48px -144px
}

.ui-icon-check {
    background-position: -64px -144px
}

.ui-icon-bullet {
    background-position: -80px -144px
}

.ui-icon-radio-on {
    background-position: -96px -144px
}

.ui-icon-radio-off {
    background-position: -112px -144px
}

.ui-icon-pin-w {
    background-position: -128px -144px
}

.ui-icon-pin-s {
    background-position: -144px -144px
}

.ui-icon-play {
    background-position: 0 -160px
}

.ui-icon-pause {
    background-position: -16px -160px
}

.ui-icon-seek-next {
    background-position: -32px -160px
}

.ui-icon-seek-prev {
    background-position: -48px -160px
}

.ui-icon-seek-end {
    background-position: -64px -160px
}

.ui-icon-seek-start {
    background-position: -80px -160px
}

.ui-icon-seek-first {
    background-position: -80px -160px
}

.ui-icon-stop {
    background-position: -96px -160px
}

.ui-icon-eject {
    background-position: -112px -160px
}

.ui-icon-volume-off {
    background-position: -128px -160px
}

.ui-icon-volume-on {
    background-position: -144px -160px
}

.ui-icon-power {
    background-position: 0 -176px
}

.ui-icon-signal-diag {
    background-position: -16px -176px
}

.ui-icon-signal {
    background-position: -32px -176px
}

.ui-icon-battery-0 {
    background-position: -48px -176px
}

.ui-icon-battery-1 {
    background-position: -64px -176px
}

.ui-icon-battery-2 {
    background-position: -80px -176px
}

.ui-icon-battery-3 {
    background-position: -96px -176px
}

.ui-icon-circle-plus {
    background-position: 0 -192px
}

.ui-icon-circle-minus {
    background-position: -16px -192px
}

.ui-icon-circle-close {
    background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px
}

.ui-icon-circle-check {
    background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px
}

.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 4px
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 4px
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px
}

.ui-widget-overlay {
    background: #666 url("../img/jquery.ui/images/ui-bg_diagonals-thick_20_666666_40x40.png") 50% 50% repeat;
    opacity: .5;
    filter: Alpha(Opacity=50)
}

.ui-widget-shadow {
    margin: -5px 0 0 -5px;
    padding: 5px;
    background: #000 url("../img/jquery.ui/images/ui-bg_flat_10_000000_40x100.png") 50% 50% repeat-x;
    opacity: .2;
    filter: Alpha(Opacity=20);
    border-radius: 5px
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0, 0)
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out
}

.owl-carousel .owl-item {
    float: left
}

.owl-controls .owl-page,
.owl-controls .owl-buttons
div {
    cursor: pointer
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.grabbing {
    cursor: url(../img/owl-carousel/grabbing.png) 8 8, move
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0)
}

.owl-origin {
    -webkit-perspective: 1200px;
    -webkit-perspective-origin-x: 50%;
    -webkit-perspective-origin-y: 50%;
    -moz-perspective: 1200px;
    -moz-perspective-origin-x: 50%;
    -moz-perspective-origin-y: 50%;
    perspective: 1200px
}

.owl-fade-out {
    z-index: 10;
    -webkit-animation: fadeOut .7s both ease;
    -moz-animation: fadeOut .7s both ease;
    animation: fadeOut .7s both ease
}

.owl-fade-in {
    -webkit-animation: fadeIn .7s both ease;
    -moz-animation: fadeIn .7s both ease;
    animation: fadeIn .7s both ease
}

.owl-backSlide-out {
    -webkit-animation: backSlideOut 1s both ease;
    -moz-animation: backSlideOut 1s both ease;
    animation: backSlideOut 1s both ease
}

.owl-backSlide-in {
    -webkit-animation: backSlideIn 1s both ease;
    -moz-animation: backSlideIn 1s both ease;
    animation: backSlideIn 1s both ease
}

.owl-goDown-out {
    -webkit-animation: scaleToFade .7s ease both;
    -moz-animation: scaleToFade .7s ease both;
    animation: scaleToFade .7s ease both
}

.owl-goDown-in {
    -webkit-animation: goDown .6s ease both;
    -moz-animation: goDown .6s ease both;
    animation: goDown .6s ease both
}

.owl-fadeUp-in {
    -webkit-animation: scaleUpFrom .5s ease both;
    -moz-animation: scaleUpFrom .5s ease both;
    animation: scaleUpFrom .5s ease both
}

.owl-fadeUp-out {
    -webkit-animation: scaleUpTo .5s ease both;
    -moz-animation: scaleUpTo .5s ease both;
    animation: scaleUpTo .5s ease both
}

@-webkit-keyframes empty {
    0% {
        opacity: 1
    }
}

@-moz-keyframes empty {
    0% {
        opacity: 1
    }
}

@keyframes empty {
    0% {
        opacity: 1
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-moz-keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0
    }
}

@-webkit-keyframes backSlideOut {
    25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(-200%)
    }
}

@-moz-keyframes backSlideOut {
    25% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(-200%)
    }
}

@keyframes backSlideOut {
    25% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
    100% {
        opacity: .5;
        transform: translateZ(-500px) translateX(-200%)
    }
}

@-webkit-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -webkit-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -webkit-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ(0) translateX(0)
    }
}

@-moz-keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        -moz-transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        -moz-transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        -moz-transform: translateZ(0) translateX(0)
    }
}

@keyframes backSlideIn {
    0%, 25% {
        opacity: .5;
        transform: translateZ(-500px) translateX(200%)
    }
    75% {
        opacity: .5;
        transform: translateZ(-500px)
    }
    100% {
        opacity: 1;
        transform: translateZ(0) translateX(0)
    }
}

@-webkit-keyframes scaleToFade {
    to {
        opacity: 0;
        -webkit-transform: scale(.8)
    }
}

@-moz-keyframes scaleToFade {
    to {
        opacity: 0;
        -moz-transform: scale(.8)
    }
}

@keyframes scaleToFade {
    to {
        opacity: 0;
        transform: scale(.8)
    }
}

@-webkit-keyframes goDown {
    from {
        -webkit-transform: translateY(-100%)
    }
}

@-moz-keyframes goDown {
    from {
        -moz-transform: translateY(-100%)
    }
}

@keyframes goDown {
    from {
        transform: translateY(-100%)
    }
}

@-webkit-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpFrom {
    from {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpFrom {
    from {
        opacity: 0;
        transform: scale(1.5)
    }
}

@-webkit-keyframes scaleUpTo {
    to {
        opacity: 0;
        -webkit-transform: scale(1.5)
    }
}

@-moz-keyframes scaleUpTo {
    to {
        opacity: 0;
        -moz-transform: scale(1.5)
    }
}

@keyframes scaleUpTo {
    to {
        opacity: 0;
        transform: scale(1.5)
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #000;
    opacity: 0.75;
    filter: alpha(opacity=75)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader
a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: white
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px
}

.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px
}

.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler
iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444
}

.mfp-figure
small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure
figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure
    small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.tp-static-layers {
    position: absolute;
    z-index: 505;
    top: 0;
    left: 0
}

.tp-hide-revslider, .tp-caption.tp-hidden-caption {
    visibility: hidden !important;
    display: none !important
}

.tp-caption {
    z-index: 1;
    white-space: nowrap
}

.tp-caption-demo .tp-caption {
    position: relative !important;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px !important
}

.tp-caption.whitedivider3px {
    color: #000;
    text-shadow: none;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none;
    min-width: 408px;
    min-height: 3px;
    background-position: initial;
    background-repeat: initial;
    border-width: 0;
    border-color: #000;
    border-style: none
}

.tp-caption.finewide_large_white {
    color: #fff;
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 8px;
    border-width: 0;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.whitedivider3px {
    color: #000;
    text-shadow: none;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none;
    font-size: 0;
    line-height: 0;
    min-width: 468px;
    min-height: 3px;
    border-width: 0;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.finewide_medium_white {
    color: #fff;
    text-shadow: none;
    font-size: 37px;
    line-height: 37px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.boldwide_small_white {
    font-size: 25px;
    line-height: 25px;
    font-weight: 800;
    font-family: "Open Sans", sans-serif;
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.whitedivider3px_vertical {
    color: #000;
    text-shadow: none;
    background-color: rgb(255, 255, 255);
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none;
    font-size: 0;
    line-height: 0;
    min-width: 3px;
    min-height: 130px;
    border-width: 0;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.finewide_small_white {
    color: #fff;
    text-shadow: none;
    font-size: 25px;
    line-height: 25px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: transparent;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.finewide_verysmall_white_mw {
    font-size: 13px;
    line-height: 25px;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    max-width: 470px;
    white-space: normal !important;
    border-width: 0;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.lightgrey_divider {
    text-decoration: none;
    background-color: rgb(235, 235, 235);
    background-color: rgba(235, 235, 235, 1);
    width: 370px;
    height: 3px;
    background-position: initial;
    background-repeat: initial;
    border-width: 0;
    border-color: rgb(34, 34, 34);
    border-style: none
}

.tp-caption.finewide_large_white {
    color: #FFF;
    text-shadow: none;
    font-size: 60px;
    line-height: 60px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 8px;
    border-width: 0;
    border-color: #000;
    border-style: none
}

.tp-caption.finewide_medium_white {
    color: #FFF;
    text-shadow: none;
    font-size: 34px;
    line-height: 34px;
    font-weight: 300;
    font-family: "Open Sans", sans-serif;
    background-color: rgba(0, 0, 0, 0);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 5px;
    border-width: 0;
    border-color: #000;
    border-style: none
}

.tp-caption.huge_red {
    position: absolute;
    color: rgb(223, 75, 107);
    font-weight: 400;
    font-size: 150px;
    line-height: 130px;
    font-family: 'Oswald', sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    background-color: rgb(45, 49, 54);
    padding: 0
}

.tp-caption.middle_yellow {
    position: absolute;
    color: rgb(251, 213, 114);
    font-weight: 600;
    font-size: 50px;
    line-height: 50px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.huge_thin_yellow {
    position: absolute;
    color: rgb(251, 213, 114);
    font-weight: 300;
    font-size: 90px;
    line-height: 90px;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    letter-spacing: 20px;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.big_dark {
    position: absolute;
    color: #333;
    font-weight: 700;
    font-size: 70px;
    line-height: 70px;
    font-family: "Open Sans";
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_dark {
    position: absolute;
    color: #333;
    font-weight: 300;
    font-size: 40px;
    line-height: 40px;
    font-family: "Open Sans";
    margin: 0;
    letter-spacing: 5px;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_grey {
    position: absolute;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: Arial;
    padding: 2px 4px;
    margin: 0;
    border-width: 0;
    border-style: none;
    background-color: #888;
    white-space: nowrap
}

.tp-caption.small_text {
    position: absolute;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 14px;
    line-height: 20px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_text {
    position: absolute;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.large_bold_white_25 {
    font-size: 55px;
    line-height: 65px;
    font-weight: 700;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    text-shadow: #000 0 5px 10px;
    border-width: 0;
    border-color: rgb(255, 255, 255);
    border-style: none
}

.tp-caption.medium_text_shadow {
    font-size: 25px;
    line-height: 25px;
    font-weight: 600;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    text-align: center;
    text-shadow: #000 0 5px 10px;
    border-width: 0;
    border-color: rgb(255, 255, 255);
    border-style: none
}

.tp-caption.large_text {
    position: absolute;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 40px;
    line-height: 40px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.medium_bold_grey {
    font-size: 30px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(102, 102, 102);
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0;
    padding: 1px 4px 0;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.very_large_text {
    position: absolute;
    color: #fff;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    letter-spacing: -2px
}

.tp-caption.very_big_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 0 4px;
    padding-top: 1px;
    background-color: #000
}

.tp-caption.very_big_black {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 700;
    font-size: 60px;
    line-height: 60px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap;
    padding: 0 4px;
    padding-top: 1px;
    background-color: #fff
}

.tp-caption.modern_medium_fat {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_medium_fat_white {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_medium_light {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 24px;
    line-height: 20px;
    font-family: "Open Sans", sans-serif;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.modern_big_bluebg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 800;
    font-size: 30px;
    line-height: 36px;
    font-family: "Open Sans", sans-serif;
    padding: 3px 10px;
    margin: 0;
    border-width: 0;
    border-style: none;
    background-color: #4e5b6c;
    letter-spacing: 0
}

.tp-caption.modern_big_redbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    line-height: 36px;
    font-family: "Open Sans", sans-serif;
    padding: 3px 10px;
    padding-top: 1px;
    margin: 0;
    border-width: 0;
    border-style: none;
    background-color: #de543e;
    letter-spacing: 0
}

.tp-caption.modern_small_text_dark {
    position: absolute;
    color: #555;
    text-shadow: none;
    font-size: 14px;
    line-height: 22px;
    font-family: Arial;
    margin: 0;
    border-width: 0;
    border-style: none;
    white-space: nowrap
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}

.tp-caption.black {
    color: #000;
    text-shadow: none
}

.tp-caption.noshadow {
    text-shadow: none
}

.tp-caption
a {
    color: #ff7302;
    text-shadow: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out
}

.tp-caption a:hover {
    color: #ffa902
}

.tp-caption.thinheadline_dark {
    position: absolute;
    color: rgba(0, 0, 0, 0.85);
    text-shadow: none;
    font-weight: 300;
    font-size: 30px;
    line-height: 30px;
    font-family: "Open Sans";
    background-color: transparent
}

.tp-caption.thintext_dark {
    position: absolute;
    color: rgba(0, 0, 0, 0.85);
    text-shadow: none;
    font-weight: 300;
    font-size: 16px;
    line-height: 26px;
    font-family: "Open Sans";
    background-color: transparent
}

.tp-caption.medium_bg_red
a {
    color: #fff;
    text-decoration: none
}

.tp-caption.medium_bg_red a:hover {
    color: #fff;
    text-decoration: underline
}

.tp-caption.smoothcircle {
    font-size: 30px;
    line-height: 75px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.498039);
    padding: 50px 25px;
    text-align: center;
    border-radius: 500px 500px 500px 500px;
    border-width: 0;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.largeblackbg {
    font-size: 50px;
    line-height: 70px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(0, 0, 0);
    padding: 0 20px 5px;
    text-shadow: none;
    border-width: 0;
    border-color: rgb(255, 255, 255);
    border-style: none
}

.tp-caption.largepinkbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #db4360;
    padding: 0 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tp-caption.largewhitebg {
    position: absolute;
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #fff;
    padding: 0 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tp-caption.largegreenbg {
    position: absolute;
    color: #fff;
    text-shadow: none;
    font-weight: 300;
    font-size: 50px;
    line-height: 70px;
    font-family: "Open Sans";
    background-color: #67ae73;
    padding: 0 20px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.tp-caption.excerpt {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    font-family: Arial;
    color: #fff;
    text-decoration: none;
    background-color: rgba(0, 0, 0, 1);
    text-shadow: none;
    margin: 0;
    letter-spacing: -1.5px;
    padding: 1px 4px 0 4px;
    width: 150px;
    white-space: normal !important;
    height: auto;
    border-width: 0;
    border-color: rgb(255, 255, 255);
    border-style: none
}

.tp-caption.large_bold_grey {
    font-size: 60px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(102, 102, 102);
    text-decoration: none;
    background-color: transparent;
    text-shadow: none;
    margin: 0;
    padding: 1px 4px 0;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_thin_grey {
    font-size: 34px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(102, 102, 102);
    text-decoration: none;
    background-color: transparent;
    padding: 1px 4px 0;
    text-shadow: none;
    margin: 0;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.small_thin_grey {
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(117, 117, 117);
    text-decoration: none;
    background-color: transparent;
    padding: 1px 4px 0;
    text-shadow: none;
    margin: 0;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.lightgrey_divider {
    text-decoration: none;
    background-color: rgba(235, 235, 235, 1);
    width: 370px;
    height: 3px;
    background-position: initial;
    background-repeat: initial;
    border-width: 0;
    border-color: rgb(34, 34, 34);
    border-style: none
}

.tp-caption.large_bold_darkblue {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(52, 73, 94);
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_bg_darkblue {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(52, 73, 94);
    padding: 10px;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_bold_red {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(227, 58, 12);
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_light_red {
    font-size: 21px;
    line-height: 26px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(227, 58, 12);
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_bg_red {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(227, 58, 12);
    padding: 10px;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_bold_orange {
    font-size: 24px;
    line-height: 30px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(243, 156, 18);
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_bg_orange {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(243, 156, 18);
    padding: 10px;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.grassfloor {
    text-decoration: none;
    background-color: rgba(160, 179, 151, 1);
    width: 4000px;
    height: 150px;
    border-width: 0;
    border-color: rgb(34, 34, 34);
    border-style: none
}

.tp-caption.large_bold_white {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_light_white {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.mediumlarge_light_white {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.mediumlarge_light_white_center {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: #fff;
    text-decoration: none;
    background-color: transparent;
    padding: 0 0 0 0;
    text-align: center;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_bg_asbestos {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(127, 140, 141);
    padding: 10px;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.medium_light_black {
    font-size: 30px;
    line-height: 36px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(0, 0, 0);
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.large_bold_black {
    font-size: 58px;
    line-height: 60px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(0, 0, 0);
    text-decoration: none;
    background-color: transparent;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.mediumlarge_light_darkblue {
    font-size: 34px;
    line-height: 40px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(52, 73, 94);
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.small_light_white {
    font-size: 17px;
    line-height: 28px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: transparent;
    padding: 0;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.roundedimage {
    border-width: 0;
    border-color: rgb(34, 34, 34);
    border-style: none
}

.tp-caption.large_bg_black {
    font-size: 40px;
    line-height: 40px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(0, 0, 0);
    padding: 10px 20px 15px;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.mediumwhitebg {
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    font-family: "Open Sans";
    color: rgb(0, 0, 0);
    text-decoration: none;
    background-color: rgb(255, 255, 255);
    padding: 5px 15px 10px;
    text-shadow: none;
    border-width: 0;
    border-color: rgb(0, 0, 0);
    border-style: none
}

.tp-caption.medium_bg_orange_new1 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 800;
    font-family: "Open Sans";
    color: rgb(255, 255, 255);
    text-decoration: none;
    background-color: rgb(243, 156, 18);
    padding: 10px;
    border-width: 0;
    border-color: rgb(255, 214, 88);
    border-style: none
}

.tp-caption.boxshadow {
    -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.5)
}

.tp-caption.black {
    color: #000;
    text-shadow: none;
    font-weight: 300;
    font-size: 19px;
    line-height: 19px;
    font-family: 'Open Sans', sans
}

.tp-caption.noshadow {
    text-shadow: none
}

.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none !important
}

.tp-caption
.frontcorner {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;
    left: -40px;
    top: 0
}

.tp-caption
.backcorner {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;
    right: 0;
    top: 0
}

.tp-caption
.frontcornertop {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;
    left: -40px;
    top: 0
}

.tp-caption
.backcornertop {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;
    right: 0;
    top: 0
}

img.tp-slider-alternative-image {
    width: 100%;
    height: auto
}

.tp-simpleresponsive .button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6) !important;
    font-size: 15px;
    line-height: 45px !important;
    background: url(../img/rs-plugin/images/gradient/g30.png) repeat-x top;
    font-family: arial, sans-serif;
    font-weight: bold;
    letter-spacing: -1px
}

.tp-simpleresponsive
.button.big {
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
    font-weight: bold;
    padding: 9px 20px;
    font-size: 19px;
    line-height: 57px !important;
    background: url(../img/rs-plugin/images/gradient/g40.png) repeat-x top
}

.tp-simpleresponsive .purchase:hover,
.tp-simpleresponsive .button:hover,
.tp-simpleresponsive .button.big:hover {
    background-position: bottom, 15px 11px
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tp-simpleresponsive
    .button {
        padding: 4px 8px 3px;
        line-height: 25px !important;
        font-size: 11px !important;
        font-weight: normal
    }

    .tp-simpleresponsive
    a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none
    }
}

@media only screen and (min-width: 0) and (max-width: 479px) {
    .tp-simpleresponsive
    .button {
        padding: 2px 5px 2px;
        line-height: 20px !important;
        font-size: 10px !important
    }

    .tp-simpleresponsive
    a.button {
        -webkit-transition: none;
        -moz-transition: none;
        -o-transition: none;
        -ms-transition: none
    }
}

.tp-simpleresponsive .button.green, .tp-simpleresponsive .button:hover.green,
.tp-simpleresponsive .purchase.green, .tp-simpleresponsive .purchase:hover.green {
    background-color: #21a117;
    -webkit-box-shadow: 0 3px 0 0 #104d0b;
    -moz-box-shadow: 0 3px 0 0 #104d0b;
    box-shadow: 0 3px 0 0 #104d0b
}

.tp-simpleresponsive .button.blue, .tp-simpleresponsive .button:hover.blue,
.tp-simpleresponsive .purchase.blue, .tp-simpleresponsive .purchase:hover.blue {
    background-color: #1d78cb;
    -webkit-box-shadow: 0 3px 0 0 #0f3e68;
    -moz-box-shadow: 0 3px 0 0 #0f3e68;
    box-shadow: 0 3px 0 0 #0f3e68
}

.tp-simpleresponsive .button.red, .tp-simpleresponsive .button:hover.red,
.tp-simpleresponsive .purchase.red, .tp-simpleresponsive .purchase:hover.red {
    background-color: #cb1d1d;
    -webkit-box-shadow: 0 3px 0 0 #7c1212;
    -moz-box-shadow: 0 3px 0 0 #7c1212;
    box-shadow: 0 3px 0 0 #7c1212
}

.tp-simpleresponsive .button.orange, .tp-simpleresponsive .button:hover.orange,
.tp-simpleresponsive .purchase.orange, .tp-simpleresponsive .purchase:hover.orange {
    background-color: #f70;
    -webkit-box-shadow: 0 3px 0 0 #a34c00;
    -moz-box-shadow: 0 3px 0 0 #a34c00;
    box-shadow: 0 3px 0 0 #a34c00
}

.tp-simpleresponsive .button.darkgrey, .tp-simpleresponsive .button.grey,
.tp-simpleresponsive .button:hover.darkgrey, .tp-simpleresponsive .button:hover.grey,
.tp-simpleresponsive .purchase.darkgrey, .tp-simpleresponsive .purchase:hover.darkgrey {
    background-color: #555;
    -webkit-box-shadow: 0 3px 0 0 #222;
    -moz-box-shadow: 0 3px 0 0 #222;
    box-shadow: 0 3px 0 0 #222
}

.tp-simpleresponsive .button.lightgrey, .tp-simpleresponsive .button:hover.lightgrey,
.tp-simpleresponsive .purchase.lightgrey, .tp-simpleresponsive .purchase:hover.lightgrey {
    background-color: #888;
    -webkit-box-shadow: 0 3px 0 0 #555;
    -moz-box-shadow: 0 3px 0 0 #555;
    box-shadow: 0 3px 0 0 #555
}

.fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0
}

.fullwidthbanner-container {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden
}

.fullwidthbanner-container
.fullwidthbanner {
    width: 100%;
    position: relative
}

.tp-simpleresponsive .caption,
.tp-simpleresponsive .tp-caption {
    position: absolute;
    visibility: hidden;
    -webkit-font-smoothing: antialiased !important
}

.tp-simpleresponsive
img {
    max-width: none
}

.noFilterClass {
    filter: none !important
}

.tp-bannershadow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-bannershadow.tp-shadow1 {
    background: url(../img/rs-plugin/assets/shadow1.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.tp-bannershadow.tp-shadow2 {
    background: url(../img/rs-plugin/assets/shadow2.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.tp-bannershadow.tp-shadow3 {
    background: url(../img/rs-plugin/assets/shadow3.png) no-repeat;
    background-size: 100% 100%;
    width: 890px;
    height: 60px;
    bottom: -60px
}

.caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.caption.fullscreenvideo iframe,
.caption.fullscreenvideo
video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.tp-caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

.tp-caption.fullscreenvideo iframe,
.tp-caption.fullscreenvideo iframe
video {
    width: 100% !important;
    height: 100% !important;
    display: none
}

.fullcoveredvideo video,
.fullscreenvideo
video {
    background: #000
}

.fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.png5vid.videoisplaying .tp-poster {
    display: none
}

.tp-video-play-button {
    background: #000;
    background: rgba(0, 0, 0, 0.3);
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    color: #FFF;
    z-index: 3;
    margin-top: -27px;
    margin-left: -28px;
    text-align: center;
    cursor: pointer
}

.png5vid .tp-revstop {
    width: 15px;
    height: 20px;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    position: relative;
    margin: 10px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.png5vid .tp-revstop {
    display: none
}

.png5vid.videoisplaying .revicon-right-dir {
    display: none
}

.png5vid.videoisplaying .tp-revstop {
    display: block
}

.png5vid.videoisplaying .tp-video-play-button {
    display: none
}

.png5vid:hover .tp-video-play-button {
    display: block
}

.fullcoveredvideo .tp-video-play-button {
    display: none !important
}

.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    background-image: linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
    background-image: -o-linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
    background-image: -moz-linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
    background-image: -webkit-linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
    background-image: -ms-linear-gradient(bottom, rgb(0, 0, 0) 13%, rgb(50, 50, 50) 100%);
    background-image: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0.13, rgb(0, 0, 0)),
            color-stop(1, rgb(50, 50, 50))
    );
    display: table;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tp-caption:hover .tp-video-controls {
    opacity: .9
}

.tp-video-button {
    background: rgba(0, 0, 0, .5);
    border: 0;
    color: #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    line-height: 12px;
    font-size: 12px;
    color: #fff;
    padding: 0;
    margin: 0;
    outline: none
}

.tp-video-button:hover {
    cursor: pointer
}

.tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap {
    padding: 0 5px;
    display: table-cell
}

.tp-video-seek-bar-wrap {
    width: 80%
}

.tp-video-vol-bar-wrap {
    width: 20%
}

.tp-volume-bar, .tp-seek-bar {
    width: 100%;
    cursor: pointer;
    outline: none;
    line-height: 12px;
    margin: 0;
    padding: 0
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 4
}

.tp-dottedoverlay.twoxtwo {
    background: url(../img/rs-plugin/assets/gridtile.png)
}

.tp-dottedoverlay.twoxtwowhite {
    background: url(../img/rs-plugin/assets/gridtile_white.png)
}

.tp-dottedoverlay.threexthree {
    background: url(../img/rs-plugin/assets/gridtile_3x3.png)
}

.tp-dottedoverlay.threexthreewhite {
    background: url(../img/rs-plugin/assets/gridtile_3x3_white.png)
}

.tpclear {
    clear: both
}

.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -webkit-transform: translateZ(5px)
}

.tp-bullets.hidebullets {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-bullets.simplebullets.navbar {
    border: 1px solid #666;
    border-bottom: 1px solid #444;
    background: url(../img/rs-plugin/assets/boxed_bgtile.png);
    height: 40px;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.tp-bullets.simplebullets.navbar-old {
    background: url(../img/rs-plugin/assets/navigdots_bgtile.png);
    height: 35px;
    padding: 0 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.tp-bullets.simplebullets.round
.bullet {
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/bullet.png) no-Repeat top left;
    width: 20px;
    height: 20px;
    margin-right: 0;
    float: left;
    margin-top: 0;
    margin-left: 3px
}

.tp-bullets.simplebullets.round
.bullet.last {
    margin-right: 3px
}

.tp-bullets.simplebullets.round-old
.bullet {
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/bullets.png) no-Repeat bottom left;
    width: 23px;
    height: 23px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-bullets.simplebullets.round-old
.bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets.square
.bullet {
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/bullets2.png) no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-bullets.simplebullets.square
.bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets.square-old
.bullet {
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/bullets2.png) no-Repeat bottom left;
    width: 19px;
    height: 19px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-bullets.simplebullets.square-old
.bullet.last {
    margin-right: 0
}

.tp-bullets.simplebullets.navbar
.bullet {
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/bullet_boxed.png) no-Repeat top left;
    width: 18px;
    height: 19px;
    margin-right: 5px;
    float: left;
    margin-top: 0
}

.tp-bullets.simplebullets.navbar
.bullet.first {
    margin-left: 0 !important
}

.tp-bullets.simplebullets.navbar
.bullet.last {
    margin-right: 0 !important
}

.tp-bullets.simplebullets.navbar-old
.bullet {
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/navigdots.png) no-Repeat bottom left;
    width: 15px;
    height: 15px;
    margin-left: 5px !important;
    margin-right: 5px !important;
    float: left;
    margin-top: 10px
}

.tp-bullets.simplebullets.navbar-old
.bullet.first {
    margin-left: 0 !important
}

.tp-bullets.simplebullets.navbar-old
.bullet.last {
    margin-right: 0 !important
}

.tp-bullets.simplebullets .bullet:hover,
.tp-bullets.simplebullets
.bullet.selected {
    background-position: top left
}

.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.navbar .bullet:hover,
.tp-bullets.simplebullets.navbar
.bullet.selected {
    background-position: bottom left
}

.tparrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    -ms-transition: opacity 0.2s ease-out;
    -webkit-transform: translateZ(5000px);
    -webkit-transform-style: flat;
    -webkit-backface-visibility: hidden;
    z-index: 600;
    position: relative
}

.tparrows.hidearrows {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-leftarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/large_left.png) no-Repeat top left;
    width: 40px;
    height: 40px
}

.tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/large_right.png) no-Repeat top left;
    width: 40px;
    height: 40px
}

.tp-leftarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/small_left.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-rightarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/small_right.png) no-Repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-leftarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/arrow_left.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-rightarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/arrow_right.png) no-Repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-leftarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/small_left_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-right: 6px;
    margin-top: 12px
}

.tp-rightarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/small_right_boxed.png) no-Repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-left: 6px;
    margin-top: 12px
}

.tp-leftarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/arrowleft.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-right: 6px;
    margin-top: 10px
}

.tp-rightarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/arrowright.png) no-Repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-left: 6px;
    margin-top: 10px
}

.tp-leftarrow.navbar-old.thumbswitharrow {
    margin-right: 10px
}

.tp-rightarrow.navbar-old.thumbswitharrow {
    margin-left: 0
}

.tp-leftarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0;
    margin-top: 0
}

.tp-rightarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0;
    margin-top: 0
}

.tp-leftarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/arrow_left2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0;
    margin-top: 0
}

.tp-rightarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/arrow_right2.png) no-Repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0;
    margin-top: 0
}

.tp-leftarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/large_left.png) no-Repeat 0 0;
    width: 40px;
    height: 40px
}

.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../img/rs-plugin/assets/large_right.png) no-Repeat 0 0;
    width: 40px;
    height: 40px
}

.tp-leftarrow:hover, .tp-rightarrow:hover {
    background-position: bottom left
}

.tp-bullets.tp-thumbs {
    z-index: 1000;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px
}

.fullwidthbanner-container .tp-thumbs {
    padding: 3px
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative
}

.tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
    width: 5000px;
    position: absolute
}

.tp-bullets.tp-thumbs
.bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out
}

.tp-bullets.tp-thumbs .bullet:hover,
.tp-bullets.tp-thumbs
.bullet.selected {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-thumbs
img {
    width: 100%
}

.tp-bannertimer {
    width: 100%;
    height: 10px;
    background: url(../img/rs-plugin/assets/timer.png);
    position: absolute;
    z-index: 200;
    top: 0
}

.tp-bannertimer.tp-bottom {
    bottom: 0;
    height: 5px;
    top: auto
}

@media only screen and (min-width: 0) and (max-width: 479px) {
    .responsive .tp-bullets {
        display: none
    }

    .responsive
    .tparrows {
        display: none
    }
}

.tp-simpleresponsive
img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-simpleresponsive
a {
    text-decoration: none
}

.tp-simpleresponsive ul,
.tp-simpleresponsive ul li,
.tp-simpleresponsive ul li:before {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    overflow-x: visible;
    overflow-y: visible;
    background-image: none
}

.tp-simpleresponsive > ul > li {
    list-style: none;
    position: absolute;
    visibility: hidden
}

.caption.slidelink a div,
.tp-caption.slidelink a
div {
    width: 3000px;
    height: 1500px;
    background: url(../img/rs-plugin/assets/coloredbg.png) repeat
}

.tp-caption.slidelink a
span {
    background: url(../img/rs-plugin/assets/coloredbg.png) repeat
}

.tparrows .tp-arr-imgholder {
    display: none
}

.tparrows .tp-arr-titleholder {
    display: none
}

.tparrows.preview1 {
    width: 100px;
    height: 100px;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: transparent
}

.tparrows.preview1:after {
    position: absolute;
    left: 0;
    top: 0;
    font-family: "revicons";
    color: #fff;
    font-size: 30px;
    width: 100px;
    height: 100px;
    text-align: center;
    background: #fff;
    background: rgba(0, 0, 0, 0.15);
    z-index: 2;
    line-height: 100px;
    -webkit-transition: background 0.3s, color 0.3s;
    -moz-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s
}

.tp-rightarrow.preview1:after {
    content: '\e825'
}

.tp-leftarrow.preview1:after {
    content: '\e824'
}

.tparrows.preview1:hover:after {
    background: rgba(255, 255, 255, 1);
    color: #aaa
}

.tparrows.preview1 .tp-arr-imgholder {
    background-size: cover;
    background-position: center center;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tparrows.preview1 .tp-arr-iwrapper {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0
}

.tparrows.preview1:hover .tp-arr-iwrapper {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-rightarrow.preview1 .tp-arr-imgholder {
    right: 100%;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0
}

.tp-leftarrow.preview1 .tp-arr-imgholder {
    left: 100%;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0% 50%;
    transform-origin: 0% 50%;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0
}

.tparrows.preview1:hover .tp-arr-imgholder {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview1, .tparrows.preview1:after {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 24px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview1, .tparrows.preview1:after {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 20px
    }
}

@media only screen and (min-width: 0) and (max-width: 479px) {
    .tparrows.preview1, .tparrows.preview1:after {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 12px
    }
}

.tp-bullets.preview1 {
    height: 21px
}

.tp-bullets.preview1
.bullet {
    cursor: pointer;
    position: relative !important;
    background: rgba(0, 0, 0, 0.15) !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 5px !important;
    height: 5px !important;
    border: 8px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 5px !important;
    margin-bottom: 0 !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.tp-bullets.preview1
.bullet.last {
    margin-right: 0
}

.tp-bullets.preview1 .bullet:hover,
.tp-bullets.preview1
.bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: #aaa !important;
    width: 5px !important;
    height: 5px !important;
    border: 8px solid rgba(255, 255, 255, 1) !important
}

.tparrows.preview2 {
    min-width: 60px;
    min-height: 60px;
    background: #fff;;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    overflow: hidden;
    -webkit-transition: -webkit-transform 1.3s;
    -webkit-transition: width 0.3s, background-color 0.3s, opacity 0.3s;
    transition: width 0.3s, background-color 0.3s, opacity 0.3s;
    backface-visibility: hidden
}

.tparrows.preview2:after {
    position: absolute;
    top: 50%;
    font-family: "revicons";
    color: #aaa;
    font-size: 25px;
    margin-top: -12px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s
}

.tp-rightarrow.preview2:after {
    content: '\e81e';
    right: 18px
}

.tp-leftarrow.preview2:after {
    content: '\e81f';
    left: 18px
}

.tparrows.preview2 .tp-arr-titleholder {
    background-size: cover;
    background-position: center center;
    display: block;
    visibility: hidden;
    position: relative;
    top: 0;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;
    padding: 0 10px
}

.tp-rightarrow.preview2 .tp-arr-titleholder {
    right: 50px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.tp-leftarrow.preview2 .tp-arr-titleholder {
    left: 50px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.tparrows.preview2.hovered {
    width: 300px
}

.tparrows.preview2:hover {
    background: #fff
}

.tparrows.preview2:hover:after {
    color: #000
}

.tparrows.preview2:hover .tp-arr-titleholder {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    visibility: visible;
    position: absolute
}

.tp-bullets.preview2 {
    height: 17px
}

.tp-bullets.preview2
.bullet {
    cursor: pointer;
    position: relative !important;
    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0 !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.tp-bullets.preview2 .bullet.last {
    margin-right: 0
}

.tp-bullets.preview2 .bullet:hover,
.tp-bullets.preview2
.bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 1) !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 1) !important
}

.tp-arr-titleholder.alwayshidden {
    display: none !important
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview2 {
        min-width: 40px;
        min-height: 40px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px
    }

    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: "revicons";
        font-size: 20px;
        margin-top: -12px
    }

    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 11px
    }

    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 11px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        font-size: 12px;
        line-height: 40px;
        letter-spacing: 0
    }

    .tp-rightarrow.preview2 .tp-arr-titleholder {
        right: 35px
    }

    .tp-leftarrow.preview2 .tp-arr-titleholder {
        left: 35px
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .tparrows.preview2 {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px
    }

    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: "revicons";
        font-size: 14px;
        margin-top: -12px
    }

    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 8px
    }

    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 8px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        font-size: 10px;
        line-height: 30px;
        letter-spacing: 0
    }

    .tp-rightarrow.preview2 .tp-arr-titleholder {
        right: 25px
    }

    .tp-leftarrow.preview2 .tp-arr-titleholder {
        left: 25px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        display: none;
    }
}

@media only screen and (min-width: 0) and (max-width: 479px) {
    .tparrows.preview2 {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px
    }

    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: "revicons";
        font-size: 14px;
        margin-top: -12px
    }

    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 8px
    }

    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 8px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        display: none;
        /*visibility: none;*/
    }

    .tparrows.preview2:hover {
        width: 30px !important;
        height: 30px !important
    }
}

.tparrows.preview3 {
    width: 70px;
    height: 70px;
    background: #fff;
    background: rgba(255, 255, 255, 1);
    -webkit-transform-style: flat
}

.tparrows.preview3:after {
    position: absolute;
    line-height: 70px;
    text-align: center;
    font-family: "revicons";
    color: #aaa;
    font-size: 30px;
    top: 0;
    left: 0;;
    background: #fff;
    z-index: 100;
    width: 70px;
    height: 70px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    transition: color 0.3s
}

.tparrows.preview3:hover:after {
    color: #000
}

.tp-rightarrow.preview3:after {
    content: '\e825'
}

.tp-leftarrow.preview3:after {
    content: '\e824'
}

.tparrows.preview3 .tp-arr-iwrapper {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    z-index: 0;
    position: absolute;
    background: #000;
    background: rgba(0, 0, 0, 0.75);
    display: table;
    min-height: 90px;
    top: -10px
}

.tp-leftarrow.preview3 .tp-arr-iwrapper {
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.tparrows.preview3 .tp-arr-imgholder {
    display: block;
    background-size: cover;
    background-position: center center;
    display: table-cell;
    min-width: 90px;
    height: 90px;
    position: relative;
    top: 0
}

.tp-rightarrow.preview3 .tp-arr-iwrapper {
    right: 0;
    padding-right: 70px
}

.tp-leftarrow.preview3 .tp-arr-iwrapper {
    left: 0;
    direction: rtl;
    padding-left: 70px
}

.tparrows.preview3 .tp-arr-titleholder {
    display: table-cell;
    padding: 30px;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    position: relative;
    clear: right;
    vertical-align: middle
}

.tparrows.preview3:hover .tp-arr-iwrapper {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.tp-bullets.preview3 {
    height: 17px
}

.tp-bullets.preview3 .bullet {
    cursor: pointer;
    position: relative !important;
    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0 !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.tp-bullets.preview3
.bullet.last {
    margin-right: 0
}

.tp-bullets.preview3 .bullet:hover,
.tp-bullets.preview3
.bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 1) !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 1) !important
}

@media only screen and (min-width: 768px) and (max-width: 979px) {
    .tparrows.preview3:after, .tparrows.preview3 {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px
    }

    .tparrows.preview3 .tp-arr-iwrapper {
        min-height: 70px
    }

    .tparrows.preview3 .tp-arr-imgholder {
        min-width: 70px;
        height: 70px
    }

    .tp-rightarrow.preview3 .tp-arr-iwrapper {
        padding-right: 50px
    }

    .tp-leftarrow.preview3 .tp-arr-iwrapper {
        padding-left: 50px
    }

    .tparrows.preview3 .tp-arr-titleholder {
        padding: 10px;
        font-size: 16px
    }
}

@media only screen  and (max-width: 767px) {
    .tparrows.preview3:after, .tparrows.preview3 {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px
    }

    .tparrows.preview3 .tp-arr-iwrapper {
        min-height: 70px
    }
}

.tparrows.preview4 {
    width: 30px;
    height: 110px;
    background: transparent;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px
}

.tparrows.preview4:after {
    position: absolute;
    line-height: 110px;
    text-align: center;
    font-family: "revicons";
    color: #fff;
    font-size: 20px;
    top: 0;
    left: 0;
    z-index: 0;
    width: 30px;
    height: 110px;
    background: #000;
    background: rgba(0, 0, 0, 0.25);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-rightarrow.preview4:after {
    content: '\e825'
}

.tp-leftarrow.preview4:after {
    content: '\e824'
}

.tparrows.preview4 .tp-arr-allwrapper {
    visibility: hidden;
    width: 180px;
    position: absolute;
    z-index: 1;
    min-height: 120px;
    top: 0;
    left: -150px;
    overflow: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform-style: flat
}

.tp-leftarrow.preview4 .tp-arr-allwrapper {
    left: 0
}

.tparrows.preview4 .tp-arr-iwrapper {
    position: relative
}

.tparrows.preview4 .tp-arr-imgholder {
    display: block;
    background-size: cover;
    background-position: center center;
    width: 180px;
    height: 110px;
    position: relative;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tparrows.preview4 .tp-arr-imgholder2 {
    display: block;
    background-size: cover;
    background-position: center center;
    width: 180px;
    height: 110px;
    position: absolute;
    top: 0;
    left: 180px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tp-leftarrow.preview4 .tp-arr-imgholder2 {
    left: -180px
}

.tparrows.preview4 .tp-arr-titleholder {
    display: block;
    font-size: 12px;
    line-height: 25px;
    padding: 0 10px;
    text-align: left;
    color: #fff;
    position: relative;
    background: #000;
    color: #FFF;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 11px;
    line-height: 2.75;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -moz-opacity: 0.0;
    -khtml-opacity: 0.0;
    opacity: 0.0
}

.tparrows.preview4:after {
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%
}

.tp-leftarrow.preview4:after {
    transform-origin: 0% 0%;
    -webkit-transform-origin: 0% 0%
}

@media only screen and (min-width: 768px) {
    .tparrows.preview4:hover:after {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }

    .tp-leftarrow.preview4:hover:after {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    .tparrows.preview4:hover .tp-arr-titleholder {
        -webkit-transition-delay: 0.4s;
        transition-delay: 0.4s;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

.tp-bullets.preview4 {
    height: 17px
}

.tp-bullets.preview4
.bullet {
    cursor: pointer;
    position: relative !important;
    background: rgba(0, 0, 0, 0.5) !important;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 0) !important;
    display: inline-block;
    margin-right: 2px !important;
    margin-bottom: 0 !important;
    -webkit-transition: background-color 0.2s, border-color 0.2s;
    -moz-transition: background-color 0.2s, border-color 0.2s;
    -o-transition: background-color 0.2s, border-color 0.2s;
    -ms-transition: background-color 0.2s, border-color 0.2s;
    transition: background-color 0.2s, border-color 0.2s;
    float: none !important;
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.tp-bullets.preview4
.bullet.last {
    margin-right: 0
}

.tp-bullets.preview4 .bullet:hover,
.tp-bullets.preview4
.bullet.selected {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background: rgba(255, 255, 255, 1) !important;
    width: 6px !important;
    height: 6px !important;
    border: 5px solid rgba(0, 0, 0, 1) !important
}

@media only screen  and (max-width: 767px) {
    .tparrows.preview4 {
        width: 20px;
        height: 80px
    }

    .tparrows.preview4:after {
        width: 20px;
        height: 80px;
        line-height: 80px;
        font-size: 14px
    }

    .tparrows.preview1 .tp-arr-allwrapper,
    .tparrows.preview2 .tp-arr-allwrapper,
    .tparrows.preview3 .tp-arr-allwrapper,
    .tparrows.preview4 .tp-arr-allwrapper {
        display: none !important
    }
}

.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}

.tp-loader.spinner0 {
    width: 40px;
    height: 40px;
    background: url(../img/rs-plugin/assets/loader.gif) no-repeat center center;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner1 {
    width: 40px;
    height: 40px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    margin-top: -20px;
    margin-left: -20px;
    -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
    animation: tp-rotateplane 1.2s infinite ease-in-out;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.tp-loader.spinner5 {
    background: url(../img/rs-plugin/assets/loader.gif) no-repeat 10px 10px;
    background-color: #fff;
    margin: -22px -22px;
    width: 44px;
    height: 44px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

@-webkit-keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }
    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }
    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }
    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }
    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: #f00;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1.0s infinite ease-in-out;
    animation: tp-scaleout 1.0s infinite ease-in-out
}

@-webkit-keyframes tp-scaleout {
    0% {
        -webkit-transform: scale(0.0)
    }
    100% {
        -webkit-transform: scale(1.0);
        opacity: 0
    }
}

@keyframes tp-scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    100% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
        opacity: 0
    }
}

.tp-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center
}

.tp-loader.spinner3 .bounce1,
.tp-loader.spinner3 .bounce2,
.tp-loader.spinner3
.bounce3 {
    width: 18px;
    height: 18px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
    animation: tp-bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.tp-loader.spinner3
.bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.tp-loader.spinner3
.bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes tp-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes tp-bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

.tp-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2.0s infinite linear;
    animation: tp-rotate 2.0s infinite linear
}

.tp-loader.spinner4 .dot1,
.tp-loader.spinner4
.dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #fff;
    border-radius: 100%;
    -webkit-animation: tp-bounce 2.0s infinite ease-in-out;
    animation: tp-bounce 2.0s infinite ease-in-out;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15)
}

.tp-loader.spinner4
.dot2 {
    top: auto;
    bottom: 0;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s
}

@-webkit-keyframes tp-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes tp-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes tp-bounce {
    0%, 100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes tp-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

.tp-transparentimg {
    content: "url(http://mykhang.net/themes/default/img/rs-plugin/assets/transparent.png)"
}

.tp-3d {
    -webkit-transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%
}

.tp-caption
img {
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)";
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
    zoom: 1
}

@font-face {
    font-family: 'revicons';
    src: url('../fonts/revicons90c6_5510888.eot');
    src: url('../fonts/revicons90c6_5510888.eot#iefix') format('embedded-opentype'),
    url('../fonts/revicons90c6_5510888.woff') format('woff'),
    url('../fonts/revicons90c6_5510888.ttf') format('truetype'),
    url('../fonts/revicons90c6_5510888-revicons.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

[class^="revicon-"]:before, [class*=" revicon-"]:before {
    font-family: "revicons";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.revicon-search-1:before {
    content: '\e802'
}

.revicon-pencil-1:before {
    content: '\e831'
}

.revicon-picture-1:before {
    content: '\e803'
}

.revicon-cancel:before {
    content: '\e80a'
}

.revicon-info-circled:before {
    content: '\e80f'
}

.revicon-trash:before {
    content: '\e801'
}

.revicon-left-dir:before {
    content: '\e817'
}

.revicon-right-dir:before {
    content: '\e818'
}

.revicon-down-open:before {
    content: '\e83b'
}

.revicon-left-open:before {
    content: '\e819'
}

.revicon-right-open:before {
    content: '\e81a'
}

.revicon-angle-left:before {
    content: '\e820'
}

.revicon-angle-right:before {
    content: '\e81d'
}

.revicon-left-big:before {
    content: '\e81f'
}

.revicon-right-big:before {
    content: '\e81e'
}

.revicon-magic:before {
    content: '\e807'
}

.revicon-picture:before {
    content: '\e800'
}

.revicon-export:before {
    content: '\e80b'
}

.revicon-cog:before {
    content: '\e832'
}

.revicon-login:before {
    content: '\e833'
}

.revicon-logout:before {
    content: '\e834'
}

.revicon-video:before {
    content: '\e805'
}

.revicon-arrow-combo:before {
    content: '\e827'
}

.revicon-left-open-1:before {
    content: '\e82a'
}

.revicon-right-open-1:before {
    content: '\e82b'
}

.revicon-left-open-mini:before {
    content: '\e822'
}

.revicon-right-open-mini:before {
    content: '\e823'
}

.revicon-left-open-big:before {
    content: '\e824'
}

.revicon-right-open-big:before {
    content: '\e825'
}

.revicon-left:before {
    content: '\e836'
}

.revicon-right:before {
    content: '\e826'
}

.revicon-ccw:before {
    content: '\e808'
}

.revicon-arrows-ccw:before {
    content: '\e806'
}

.revicon-palette:before {
    content: '\e829'
}

.revicon-list-add:before {
    content: '\e80c'
}

.revicon-doc:before {
    content: '\e809'
}

.revicon-left-open-outline:before {
    content: '\e82e'
}

.revicon-left-open-2:before {
    content: '\e82c'
}

.revicon-right-open-outline:before {
    content: '\e82f'
}

.revicon-right-open-2:before {
    content: '\e82d'
}

.revicon-equalizer:before {
    content: '\e83a'
}

.revicon-layers-alt:before {
    content: '\e804'
}

.revicon-popup:before {
    content: '\e828'
}

.hint, [data-hint] {
    position: relative;
    display: inline-block
}

.hint:before, .hint:after, [data-hint]:before, [data-hint]:after {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease
}

.hint:hover:before, .hint:hover:after, .hint:focus:before, .hint:focus:after, [data-hint]:hover:before, [data-hint]:hover:after, [data-hint]:focus:before, [data-hint]:focus:after {
    visibility: visible;
    opacity: 1
}

.hint:before, [data-hint]:before {
    content: '';
    position: absolute;
    background: transparent;
    border: 6px solid transparent;
    z-index: 1000001
}

.hint:after, [data-hint]:after {
    content: attr(data-hint);
    background: #383838;
    color: #fff;
    text-shadow: 0 -1px 0 #000;
    padding: 8px 10px;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, .3)
}

.hint--top:before {
    border-top-color: #383838
}

.hint--bottom:before {
    border-bottom-color: #383838
}

.hint--left:before {
    border-left-color: #383838
}

.hint--right:before {
    border-right-color: #383838
}

.hint--top:before {
    margin-bottom: -12px
}

.hint--top:after {
    margin-left: -18px
}

.hint--top:before, .hint--top:after {
    bottom: 100%;
    left: 50%
}

.hint--top:hover:after, .hint--top:hover:before, .hint--top:focus:after, .hint--top:focus:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--bottom:before {
    margin-top: -12px
}

.hint--bottom:after {
    margin-left: -18px
}

.hint--bottom:before, .hint--bottom:after {
    top: 100%;
    left: 50%
}

.hint--bottom:hover:after, .hint--bottom:hover:before, .hint--bottom:focus:after, .hint--bottom:focus:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--right:before {
    margin-left: -12px;
    margin-bottom: -6px
}

.hint--right:after {
    margin-bottom: -14px
}

.hint--right:before, .hint--right:after {
    left: 100%;
    bottom: 50%
}

.hint--right:hover:after, .hint--right:hover:before, .hint--right:focus:after, .hint--right:focus:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--left:before {
    margin-right: -12px;
    margin-bottom: -6px
}

.hint--left:after {
    margin-bottom: -14px
}

.hint--left:before, .hint--left:after {
    right: 100%;
    bottom: 50%
}

.hint--left:hover:after, .hint--left:hover:before, .hint--left:focus:after, .hint--left:focus:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--error:after {
    background-color: #b34e4d;
    text-shadow: 0 -1px 0 #592726
}

.hint--error.hint--top:before {
    border-top-color: #b34e4d
}

.hint--error.hint--bottom:before {
    border-bottom-color: #b34e4d
}

.hint--error.hint--left:before {
    border-left-color: #b34e4d
}

.hint--error.hint--right:before {
    border-right-color: #b34e4d
}

.hint--warning:after {
    background-color: #c09854;
    text-shadow: 0 -1px 0 #6c5328
}

.hint--warning.hint--top:before {
    border-top-color: #c09854
}

.hint--warning.hint--bottom:before {
    border-bottom-color: #c09854
}

.hint--warning.hint--left:before {
    border-left-color: #c09854
}

.hint--warning.hint--right:before {
    border-right-color: #c09854
}

.hint--info:after {
    background-color: #3986ac;
    text-shadow: 0 -1px 0 #193b4d
}

.hint--info.hint--top:before {
    border-top-color: #3986ac
}

.hint--info.hint--bottom:before {
    border-bottom-color: #3986ac
}

.hint--info.hint--left:before {
    border-left-color: #3986ac
}

.hint--info.hint--right:before {
    border-right-color: #3986ac
}

.hint--success:after {
    background-color: #458746;
    text-shadow: 0 -1px 0 #1a321a
}

.hint--success.hint--top:before {
    border-top-color: #458746
}

.hint--success.hint--bottom:before {
    border-bottom-color: #458746
}

.hint--success.hint--left:before {
    border-left-color: #458746
}

.hint--success.hint--right:before {
    border-right-color: #458746
}

.hint--always:after, .hint--always:before {
    opacity: 1;
    visibility: visible
}

.hint--always.hint--top:after, .hint--always.hint--top:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--bottom:after, .hint--always.hint--bottom:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--left:after, .hint--always.hint--left:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--always.hint--right:after, .hint--always.hint--right:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--rounded:after {
    border-radius: 4px
}

.hint--bounce:before, .hint--bounce:after {
    -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(0.71, 1.7, .77, 1.24);
    -moz-transition: opacity .3s ease, visibility .3s ease, -moz-transform .3s cubic-bezier(0.71, 1.7, .77, 1.24);
    transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(0.71, 1.7, .77, 1.24)
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, img, small, strong, b, i, dl, dt, dd, form, label, footer, header, menu, nav, section {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0
}

body {
    overflow-x: hidden
}

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

textarea:focus, input:focus, select:focus, button:focus {
    outline: none
}

header *, #container *, footer *, #top-modules *, #bottom-modules
* {
    box-sizing: border-box;
}

* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent
}

.clearfix {
    clear: both;
    display: block
}

:before, :after {
    font-family: 'journal-icons';
    position: relative;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    color: inherit;
    font-size: inherit;
    display: inline-block;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

i {
    position: relative;
    font-style: normal;
    vertical-align: middle;
}

i
img {
    position: relative;
    vertical-align: middle
}

.xl-5 {
    width: 5%
}

.xl-10 {
    width: 10%
}

.xl-15 {
    width: 15%
}

.xl-20 {
    width: 20%
}

.xl-25 {
    width: 25%
}

.xl-30 {
    width: 30%
}

.xl-35 {
    width: 35%
}

.xl-40 {
    width: 40%
}

.xl-45 {
    width: 45%
}

.xl-50 {
    width: 50%
}

.xl-55 {
    width: 55%
}

.xl-60 {
    width: 60%
}

.xl-65 {
    width: 65%
}

.xl-70 {
    width: 70%
}

.xl-75 {
    width: 75%
}

.xl-80 {
    width: 80%
}

.xl-85 {
    width: 85%
}

.xl-90 {
    width: 90%
}

.xl-95 {
    width: 95%
}

.xl-100 {
    width: 100%
}

.xl-11 {
    width: 11.11111111111111%
}

.xl-12 {
    width: 12.5%
}

.xl-14 {
    width: 14.28571428571429%
}

.xl-16 {
    width: 16.66666666666666%
}

.xl-33 {
    width: 33.33333333333333%
}

.xl-66 {
    width: 66.66666666666666%
}

.xs-5, .xs-10, .xs-15, .xs-20, .xs-25, .xs-30, .xs-35, .xs-40, .xs-45, .xs-50, .xs-55, .xs-60, .xs-65, .xs-70, .xs-75, .xs-80, .xs-85, .xs-90, .xs-95, .xs-100, .xs-33, .xs-66, .sm-5, .sm-10, .sm-15, .sm-20, .sm-25, .sm-30, .sm-35, .sm-40, .sm-45, .sm-50, .sm-55, .sm-60, .sm-65, .sm-70, .sm-75, .sm-80, .sm-85, .sm-90, .sm-95, .sm-100, .sm-33, .sm-66, .md-5, .md-10, .md-15, .md-20, .md-25, .md-30, .md-35, .md-40, .md-45, .md-50, .md-55, .md-60, .md-65, .md-70, .md-75, .md-80, .md-85, .md-90, .md-95, .md-100, .md-33, .md-66, .lg-5, .lg-10, .lg-15, .lg-20, .lg-25, .lg-30, .lg-35, .lg-40, .lg-45, .lg-50, .lg-55, .lg-60, .lg-65, .lg-70, .lg-75, .lg-80, .lg-85, .lg-90, .lg-95, .lg-100, .lg-33, .lg-66, .xl-5, .xl-10, .xl-15, .xl-20, .xl-25, .xl-30, .xl-35, .xl-40, .xl-45, .xl-50, .xl-55, .xl-60, .xl-65, .xl-70, .xl-75, .xl-80, .xl-85, .xl-90, .xl-95, .xl-100, .xl-33, .xl-66 {
    min-height: 1px;
    float: left
}

.xs-11, .xs-12, .xs-14, .xs-16, .sm-11, .sm-12, .sm-14, .sm-16, .md-11, .md-12, .md-14, .md-16, .lg-11, .lg-12, .lg-14, .lg-16, .xl-11, .xl-12, .xl-14, .xl-16 {
    min-height: 1px;
    float: left
}

.j-min {
    height: 40px
}

.j-med {
    height: 80px
}

.j-tall {
    height: 120px
}

.j-50 {
    height: 50px
}

.j-100 {
    height: 100px
}

.z-0 {
    z-index: 0
}

.z-1 {
    z-index: 1
}

.z-2 {
    z-index: 2
}

.z-3 {
    z-index: 3
}

.z-4 {
    z-index: 4
}

.z-5 {
    z-index: 5
}

.z-6 {
    z-index: 6
}

.z-7 {
    z-index: 7
}

.z-8 {
    z-index: 8
}

.z-9 {
    z-index: 9
}

body {
    font-size: 13px;
    font-family: Helvetica, Arial, sans-serif;
}

#container {
    max-width: 90% !important;
    position: relative;
    margin: 0 auto;
    background-color: transparent;
    z-index: 3
}

.heading-title, .box-heading {
    line-height: 37px;
    height: 40px;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.heading-title {
    margin: 30px 0 17px 0
}

.secondary-title {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 17px;
    color: #5C8BA6
}

#content {
    position: relative;
    z-index: 2;
    padding: 20px 20px 0 20px;
    background-color: transparent;
    -webkit-transform: translate3d(0, 0, 0)
}

#content:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden
}

.box {
    position: relative
}

#content .content ul, #content .content
li {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative
}

#content .content
ul {
    margin: 8px 0
}

#content .content > ul > li > a {
    display: inline-block;
    padding: 4px 0;
    padding-left: 10px;
    font-size: inherit
}

a {
    color: #333745;
    text-decoration: none;
    cursor: pointer
}

button {
    border: none;
    background-color: transparent;
    padding: 0;
    cursor: pointer;
}

.button {
    cursor: pointer;
    font-size: 14px;
    transition: color .2s, background-color .2s;
    padding: 0 12px;
    border: 0;
    line-height: 32px;
    background-color: transparent;
    display: inline-block;
    -webkit-appearance: none;
    text-align: center
}

.button i:before {
    padding: 0 1px
}

.cart {
    position: relative
}

.button-disabled {
    opacity: .5;
    cursor: default
}

.button-disabled:before, .button-disabled:after {
    display: none !important
}

.buttons {
    overflow: hidden;
    padding: 15px 0;
    line-height: 30px;
    margin: 20px 0 20px 0
}

.buttons
.left {
    padding-top: 2px
}

.buttons
.left {
    float: left;
    text-align: left
}

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

.buttons .right
a {
    text-decoration: none !important
}

.buttons
.center {
    float: left;
    text-align: center;
    margin-left: auto;
    margin-right: auto
}

hr {
    border: 0;
    background-color: #E4E4E4;
    height: 1px;
    margin: 0
}

.breadcrumb {
    margin: 0 auto;
    padding: 0 15px;
    height: 40px;
    line-height: 38px;
    position: relative;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    border: 0
}

.breadcrumb
a {
    color: inherit;
    font-size: inherit;
    transition: all .2s ease;
    display: inline-block;
    vertical-align: middle
}

ul.breadcrumb {
    list-style: none
}

ul.breadcrumb li {
    display: inline-block
}

ul.breadcrumb li a, ul.breadcrumb li span {
    margin: 0 4px
}

ul.breadcrumb li:before {
    content: "\f101";
    float: left;
    font-family: "FontAwesome";
}

ul.breadcrumb li:first-of-type
a {
    margin-left: 0
}

ul.breadcrumb li:first-of-type:before {
    display: none
}

.extended-container:before {
    content: "";
    display: block;
    width: 100%;
    height: 40px;
    position: absolute
}

.home-page .extended-container:before,
.maintenance-mode .extended-container:before {
    display: none
}

.home-page #container:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 0
}

.maintenance-message {
    padding-bottom: 20px
}

.journal-slider + #container > #notification {
    display: none
}

#notification {
    position: absolute;
    z-index: 2;
    width: 100%
}

.success, .warning, .information, .attention {
    width: 100%;
    position: relative;
    z-index: 2;
    height: auto;
    padding: 10px 15px;
    line-height: 20px;
}

.success a, .warning a, .information a, .attention
a {
    color: #428bca
}

.success img, .warning img, .information img, .attention
img {
    float: right;
    margin-top: 6px;
    cursor: pointer;
    display: block
}

.success {
    background-color: #CDECA6
}

.warning {
    background-color: #FBE3A7
}

.attention {
    background-color: #FBE3A7
}

.information {
    background-color: #BFE7F1;
}

.fa-exclamation-circle {
    font-size: 17px
}

.required, .cart-info
.stock {
    color: #EA2E49;
    font-size: 16px
}

input[type='text'], input[type='email'], input[type='password'], input[type='tel'], textarea {
    -webkit-appearance: none;
    background: white;
    border-radius: 0;
    border: 1px solid #E4E4E4;
    padding: 8px;
    width: 100%;
    transition: all 0.2s;
    font-size: 13px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.08)
}

textarea {
    width: 100%;
    max-width: 100%;
    resize: none;
    height: 150px
}

input[type='radio'], input[type='checkbox'] {
    margin: 5px
}

select {
    background: #f4f4f4;
    border: 1px solid #E4E4E4;
    padding: 5px;
    margin: 5px;
    max-width: 100%
}

label {
    cursor: pointer;
    padding-right: 20px
}

span.error, .text-danger {
    display: inline-block;
    background-color: #EA2E49;
    color: white;
    padding: 3px 4px 2px 4px;
    font-size: 12px;
    position: relative
}

#cboxLoadedContent
h1 {
    padding-bottom: 2px;
    display: inline-block;
    border-bottom: 1px solid #E4E4E4;
    margin: 10px 0 10px 10px;
    font-size: 24px
}

#cboxLoadedContent
p {
    padding: 0 10px
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.responsive-video > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.extended-layout #column-left {
    padding: 20px 0 0 0;
    width: 220px
}

.extended-layout #column-right {
    padding: 20px 0 0 0;
    width: 220px
}

.extended-layout #column-left + #content {
    padding: 20px 0 0 20px;
    margin-left: 220px
}

.extended-layout #column-right + #content {
    padding: 20px 20px 0 0;
    margin-right: 220px
}

.extended-layout #column-left + #column-right + #content {
    padding: 20px 20px 0 20px;
    margin-left: 220px;
    margin-right: 220px
}

.extended-layout
#content {
}

#top-modules, #bottom-modules {
    position: relative;
    z-index: 1;
    max-width: 90%;
    margin: 0 auto
}

#top-modules > div, #bottom-modules > div {
    margin: 0 auto;
    overflow: hidden
}

#top-modules > div.journal2_slider, #top-modules > div.gutter, #bottom-modules > div.journal2_slider, #bottom-modules > div.gutter {
    padding: 0
}

#top-modules > div.journal2_slider {
    background-attachment: scroll; padding-top:0; padding-bottom:0
}
#top-modules > div.journal2_slider .tp-banner-container {
    max-width: 100%; height: 550px;
}

#top-modules > div > div, #bottom-modules > div > div {
    position: relative;
    margin: 0 auto;
}

.tp-caption:hover {
    color: rgb(255, 255, 255) !important;
    background-color: rgb(221, 0, 23) !important;
    border-color: rgb(221, 0, 23) !important;
}

#top-modules .box.static-banners,
#top-modules .multi-modules-wrapper,
#top-modules .box.journal-carousel
.box.custom-sections,
#top-modules .box.cms-blocks, #bottom-modules .box.static-banners,
#bottom-modules .multi-modules-wrapper,
#bottom-modules .box.journal-carousel
.box.custom-sections,
#bottom-modules .box.cms-blocks {
    padding-bottom: 0 !important
}

#top-modules .multi-modules-wrapper, #bottom-modules .multi-modules-wrapper {
    margin-bottom: -20px
}

.chrome #top-modules, .chrome #bottom-modules {
    position: static
}

.oc2 .extended-layout #column-left + .row
#content {
    padding: 20px 0 0 20px;
    margin-left: 220px
}

.oc2 .extended-layout #column-right + .row
#content {
    padding: 20px 20px 0 0;
    margin-right: 220px
}

.oc2 .extended-layout #column-left + #column-right + .row
#content {
    padding: 20px 20px 0 20px;
    margin-left: 220px;
    margin-right: 220px
}

.oc2.information-page
#content {
    padding-bottom: 20px
}

.oc2
.required {
    color: inherit
}

.oc2 .required
label {
    font-weight: normal
}

.oc2 .required label:before {
    content: "* ";
    color: red;
    font-weight: bold;
    font-size: 16px;
    float: left;
    position: relative;
    margin-right: 3px
}

.oc2 fieldset {
    border: none;
    padding: 0;
    margin: 0;
    max-width: 768px;
}

.oc2 fieldset > div {
    clear: both;
    margin-bottom: 6px;
    overflow: hidden
}

.oc2 fieldset
.radio {
    padding-top: 7px
}

.oc2 fieldset .radio
label {
    width: 100%;
    padding-top: 0
}

.oc2 fieldset .radio label:before {
    display: none
}

.oc2 fieldset label {
    width: 25%;
    float: left;
    display: block;
    padding-top: 7px
}

.oc2 fieldset input, .oc2 fieldset textarea {
    /*width: 75%;
    float: right*/
}

.oc2 fieldset label + div, .oc2 fieldset label + input.form-control {
    width: 75%;
    float: right
}

.oc2 fieldset .radio-inline {
    width: auto
}

.oc2 fieldset .radio-inline:before {
    display: none
}

.oc2 .form-horizontal .form-group {
    overflow: hidden;
    margin-bottom: 5px
}

.oc2 .form-horizontal .form-group
label {
    width: 25%;
    float: left;
    display: block;
    padding-top: 7px
}

.oc2 .form-horizontal .form-group label + div {
    width: 75%;
    float: right
}

.oc2 .secondary-title {
    margin-bottom: 10px
}

.oc2 .input-group {
    display: table;
    position: relative
}

.oc2 .input-group .form-control {
    float: left;
    display: table-cell
}

.oc2 .input-group-btn {
    font-size: 14px;
    display: table-cell;
    vertical-align: middle
}

.oc2 .input-group-btn
button {
    background-color: #a9b8c0;
    padding: 6px 12px 9px 12px;
    cursor: pointer;
    font-size: 12px;
    box-shadow: none
}

.oc2 .input-group-btn button:hover {
    background-color: #8ca0aa;
    transition: all 0.2s
}

.oc2 .date .input-group-btn button, .oc2 .time .input-group-btn button, .oc2 .datetime .input-group-btn
button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.oc2
.fa {
    font-size: 14px
}

.oc2 .fa:before {
    font-family: 'FontAwesome'
}

.oc2 .captcha-row .pull-right {
    float: none;
    margin-left: 25%
}

.oc2 .alert
button {
    font-size: 15px;
    position: absolute;
    right: 10px;
    cursor: pointer
}

.oc2.route-account-register .form-horizontal
.radio {
    padding-top: 0
}

.oc2.route-account-register .form-horizontal .radio
label {
    width: auto;
    float: none;
    padding-top: 0
}

.oc2.route-account-register .form-horizontal label.radio-inline {
    width: auto
}

#wn #lyr1 .xs-100 {
}

.video-container {
    position: relative;
    padding-bottom: 18.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    width: 31.5%;
    float: left;
    margin: 5px
}

.video-container iframe, .video-container object, .video-container
embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.div_danhmuc {
    display: none
}

.pdf_link {
    float: right;
    font-weight: normal;
    font-size: 11px;
    line-height: 24px
}

.pdf_download {
    margin: 40px 0 20px 0
}

.pdf_download
a {
    font-weight: bold;
    font-size: 16px;
    text-decoration: underline
}

.div_catalog {
    width: 100%
}

.link_catalog {
    float: left;
    width: 30.2%;
    margin: 0 9px 40px 9px;
    text-align: center;
    font-weight: bold;
    font-size: 16px
}

.link_catalog
img {
    width: 100%
}

.link_catalog
span {
    text-align: center
}

.link_catalog
.div_cataname {
    margin-top: 20px
}

.extended-container .post-details {
    padding: 100px 150px
}

.extended-container .post-details h1, h2 {
    line-height: 30px
}

.blog-post .tags a, .blog-post .tags
b {
    display: inline-block !important
}

.product-page-content .tab-content {
    /* padding: 100px 150px !important */
}

@media only screen and (max-width: 1366px) {
    .extended-container .post-details {
        padding: 50px 50px
    }

    .product-page-content .tab-content {
        /* padding: 50px 50px */
    }
}

@media only screen and (max-width: 1023px) {
    .video-container {
        position: relative;
        padding-bottom: 28%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        width: 48.6%;
        float: left;
        margin: 5px
    }

    .div_danhmuc {
        display: none
    }

    .link_catalog {
        float: left;
        width: 46.7%;
        margin: 0 9px 20px 9px
    }

    .extended-container .post-details {
        padding: 50px 30px
    }

    .product-page-content .tab-content {
        padding: 50px 30px !important
    }
}

@media only screen and (max-width: 980px) {
    #container, #top-modules, #bottom-modules {
        max-width: 100% !important
    }

    #content, .extended-layout #column-left + #content, .extended-layout #column-right + #content, .extended-layout #column-left + #column-right + #content {
        padding: 0 !important
    }

    #header {
        max-width: 100% !important
    }

    .video-container {
        position: relative;
        padding-bottom: 28%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        width: 48.6%;
        float: left;
        margin: 5px
    }

    .div_danhmuc {
        display: none
    }

    .link_catalog {
        float: left;
        width: 47.6%;
        margin: 0 9px 20px 9px
    }

    .extended-container .post-details {
        padding: 30px 30px
    }

    .product-page-content .tab-content {
        padding: 30px 30px !important
    }
}

@media only screen and (max-width: 767px) {
    #container, #top-modules, #bottom-modules {
        max-width: 100% !important
    }

    #content, .extended-layout #column-left + #content, .extended-layout #column-right + #content, .extended-layout #column-left + #column-right + #content {
        padding: 0 !important
    }

    #header {
        max-width: 100% !important
    }

    .video-container {
        position: relative;
        padding-bottom: 56%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
        width: 98%;
        float: left;
        margin: 5px
    }

    .div_danhmuc {
        display: block !important;
        width: 100%;
        height: auto
    }

    .div_danhmuc
    span {
        margin: 5px;
        line-height: 30px;
        font-weight: bold
    }

    .img_danhmuc {
        float: left;
        background: #fff;
        padding: 5px;
        width: 100%;
        margin-bottom: 20px;
        text-align: center;
        width: 48%;
        margin: 3px
    }

    .img_danhmuc img {
        width: 100%;
        height: 100%;
        margin-bottom: 5px
    }

    .img_danhmuc span {
        font-size: 14px;
        font-weight: normal;
        color: #333
    }

    .link_catalog {
        float: left;
        width: 95%;
        margin: 0 9px 20px 9px
    }

    .extended-container .post-details {
        padding: 30px 30px
    }

    .product-page-content .tab-content {
        padding: 30px 30px !important
    }
}

.product-grid-item .image > a, .product-list-item .image > a {
    background-position: 500px !important
}

.product-grid-second-image .product-grid-item .image > a.has-second-image,
.product-list-second-image .product-list-item .image > a.has-second-image {
    background-size: 100% 100% !important
}

.product-grid-second-image .product-grid-item:hover .image a.has-second-image,
.product-list-second-image .product-list-item:hover .image a.has-second-image {
    background-position: 0 !important
}

.product-grid-second-image .product-grid-item:hover .image a.has-second-image img,
.product-list-second-image .product-list-item:hover .image a.has-second-image
img {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity .2s ease-out
}

.section-brand .product-grid-item:hover .image > a.has-second-image > img, .section-brand .product-list-item:hover .image > a.has-second-image > img,
.section-category .product-grid-item:hover .image > a.has-second-image > img,
.section-category .product-list-item:hover .image > a.has-second-image > img,
.carousel-brand .product-grid-item:hover .image > a.has-second-image > img,
.carousel-brand .product-list-item:hover .image > a.has-second-image > img,
.carousel-category .product-grid-item:hover .image > a.has-second-image > img,
.carousel-category .product-list-item:hover .image > a.has-second-image > img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity 0.2s
}

.ui-pnotify {
    top: 20px;
    right: 20px;
    position: fixed;
    height: auto;
    z-index: 99999999;
    background-color: #f4f4f4;
    padding: 10px
}

.ui-pnotify-closer {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 3px;
    top: 13px;
    visibility: visible !important;
    transition: all 0.2s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.ui-pnotify-closer:before {
    content: "\e601";
    color: inherit;
    font-size: 22px;
    position: relative
}

.ui-pnotify-title {
    display: block;
    background-color: #5F6874;
    padding: 3px 10px 5px;
    margin-bottom: 10px
}

.ui-pnotify-text {
    height: 60px;
    line-height: 16px;
    display: block
}

.ui-pnotify-text
img {
    float: left;
    margin-right: 10px;
    max-width: 60px
}

html.swipebox {
    overflow: hidden !important;
    overflow-y: scroll !important
}

#swipebox-overlay {
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999999 !important;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

#swipebox-slider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
    display: none
}

#swipebox-slider
.slide {
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    line-height: 1px;
    text-align: center;
    display: inline-block
}

#swipebox-slider .slide:before {
    content: "";
    display: inline-block;
    height: 50%;
    width: 1px;
    margin-right: -1px
}

#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container {
    display: inline-block;
    max-height: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    width: auto;
    height: auto;
    vertical-align: middle
}

#swipebox-slider .slide .swipebox-video-container {
    background: none;
    max-width: 1140px;
    max-height: 100%;
    width: 100%;
    padding: 5%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    position: relative
}

#swipebox-slider .slide .swipebox-video-container .swipebox-video
iframe {
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0
}

#swipebox-action, #swipebox-caption {
    position: absolute;
    left: 0;
    z-index: 999;
    height: 50px;
    width: 100%
}

#swipebox-action {
    bottom: -50px
}

#swipebox-action.visible-bars {
    bottom: 0
}

#swipebox-action.force-visible-bars {
    bottom: 0 !important
}

#swipebox-caption {
    top: -50px;
    text-align: center
}

#swipebox-caption.visible-bars {
    top: 0
}

#swipebox-caption.force-visible-bars {
    top: 0 !important
}

#swipebox-action #swipebox-prev.disabled,
#swipebox-action #swipebox-next.disabled {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
    opacity: 0.3
}

#swipebox-slider.rightSpring {
    -moz-animation: rightSpring 0.3s;
    -webkit-animation: rightSpring 0.3s
}

#swipebox-slider.leftSpring {
    -moz-animation: leftSpring 0.3s;
    -webkit-animation: leftSpring 0.3s
}

@-moz-keyframes rightSpring {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
    100% {
        margin-left: 0
    }
}

@-moz-keyframes leftSpring {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
    100% {
        margin-left: 0
    }
}

@-webkit-keyframes rightSpring {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: -30px
    }
    100% {
        margin-left: 0
    }
}

@-webkit-keyframes leftSpring {
    0% {
        margin-left: 0
    }
    50% {
        margin-left: 30px
    }
    100% {
        margin-left: 0
    }
}

#swipebox-overlay {
    background: rgba(0, 0, 0, 0.6)
}

#swipebox-action, #swipebox-caption {
    text-transform: uppercase;
    background-color: #333745
}

#swipebox-caption {
    font-size: 18px;
    line-height: 50px;
    -webkit-font-smoothing: antialiased;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#swipebox-prev, #swipebox-next, #swipebox-close {
    border: none !important;
    text-decoration: none !important;
    text-align: center;
    color: white;
    cursor: pointer;
    position: absolute;
    padding: 0 5px;
    line-height: 50px
}

#swipebox-close {
    right: 10px;
    z-index: 999999
}

#swipebox-close:before {
    color: inherit;
    content: "\e601";
    font-size: 32px
}

#swipebox-prev {
    left: 50%;
    margin-left: -30px
}

#swipebox-prev:before {
    color: inherit;
    content: "\e093";
    font-size: 32px;
    padding: 0 3px
}

#swipebox-next {
    left: 50%;
    margin-left: 5px
}

#swipebox-next:before {
    color: inherit;
    content: "\e094";
    font-size: 32px;
    padding: 0 3px
}

@media only screen and (min-width: 1024px) {
    #swipebox-close {
        right: 20px
    }
}

.sticky-header {
    position: fixed;
    top: -40px
}

.sticky-header .journal-login, .sticky-header .journal-links {
    display: none
}

.sticky-header .j-tall {
    height: 80px
}

.sticky-header .journal-cart {
    width: 35%
}

.sticky-header
#cart {
    box-shadow: none
}

.sticky-header #cart
.content {
    min-width: 100%
}

.sticky-header #logo
a {
    height: 80px
}

.sticky-header #logo a
img {
    max-height: 80px
}

.sticky-header .journal-search {
    position: relative;
    width: 40%
}

.sticky-header .button-search {
    border-left: 1px solid #E4E4E4
}

.sticky-header .autocomplete2-suggestions {
    box-shadow: 0 1px 8px -5px rgba(0, 0, 0, 0.5)
}

.sticky-header.journal-header-menu #logo a
img {
    max-height: 100%
}

.sticky-header .journal-menu-bg, .sticky-header .journal-top-header {
    display: none
}

.sticky-header .journal-menu {
    float: left;
    clear: none !important;
    width: 75%
}

.sticky-header .mega-menu {
    left: -33.333333%
}

.sticky-header-center.journal-header-center .journal-top-header, .sticky-header-center.journal-header-center .journal-links, .sticky-header-center.journal-header-center .journal-language, .sticky-header-center.journal-header-center .journal-currency, .sticky-header-center.journal-header-center .journal-secondary {
    box-shadow: none
}

.sticky-header-center.journal-header-center .j-100 {
    height: 80px;
    transition: all 0.3s
}

.sticky-header-center.journal-header-center #logo
a {
    height: 80px
}

.sticky-header-center.journal-header-center #logo a
img {
    max-height: 80px;
    transition: all 0.3s
}

.sticky-header-center.journal-header-center .journal-menu-bg {
    top: 120px;
    transition: all 0.3s
}

.sticky-header-center.journal-header-center .journal-search, .sticky-header-center.journal-header-center .journal-cart {
    top: 20px;
    transition: all 0.3s
}

.sticky-off {
    top: 0 !important;
    position: relative !important;
}

.side-block-left, .side-block-right {
    position: fixed;
    top: 0;
    z-index: 999999
}

.side-block-left *,
.side-block-right
* {
    -webkit-transform: translateZ(0) scale(1, 1)
}

.side-block-icon {
    width: 50px;
    height: 50px;
    background-position: center;
    background-repeat: no-repeat;
    line-height: 50px;
    text-align: center;
    transition: background-color 0.2s
}

.side-block-icon
i {
    margin-right: 0 !important
}

.side-block-content
p {
    margin: 0
}

.side-block-content p
a {
    transition: all 0.2s
}

.side-block-content {
    min-height: 50px;
    box-sizing: border-box
}

.side-block-content > div {
    position: relative;
    width: 100%;
    height: 100%
}

.side-block-left .side-block-icon {
    position: absolute;
    top: 0;
    right: -50px
}

.side-block-right .side-block-icon {
    position: absolute;
    top: 0;
    left: -50px
}

.side-block-content
hr {
    margin-bottom: 7px
}

.side-block-content
img {
    margin: 5px 0;
    max-width: 100%
}

.side-block-content
a {
    display: inline-block;
    margin: 10px 0
}

.scroll-top {
    display: none;
    position: fixed;
    z-index: 9999;
    right: 5px;
    bottom: 100px;
    padding: 8px;
    cursor: pointer
}

.scroll-top:before {
    transition: color .2s;
    content: "\e021";
    font-size: 45px
}

.button-left-icon:before {
    float: left
}

.button-right-icon:before {
    float: right
}

.button-cart-text {
    position: relative
}

[data-hint]:before {
    border: 7px solid transparent;
    display: none;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.hint--top, .hint--left, .hint--right {
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.hint--top:before {
    left: 50%;
    margin-left: -7px;
    border-top-color: #333745;
    margin-bottom: -13px
}

.hint--right:before {
    margin-top: -6px;
    border-right-color: #333745
}

.hint--left:before {
    border-left-color: #333745
}

.ie9 .hint--top:after, .ie8 .hint--top:after {
    left: -50%
}

.hint--top:after, .hint--top:focus:after {
    margin: 0;
    -webkit-transform: translate3d(0, 0, 0) translateX(-50%);
    -moz-transform: translate3d(0, 0, 0) translateX(-50%);
    -ms-transform: translate3d(0, 0, 0) translateX(-50%);
    transform: translate3d(0, 0, 0) translateX(-50%)
}

[data-hint]:after {
    text-shadow: none;
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: none;
    background-color: #333745;
    box-shadow: none;
    line-height: 100%;
    padding: 8px 10px;
    display: none
}

.hint--top:hover:after, .hint--top:focus:after {
    -webkit-transform: translate3d(0, 0, 0) translateY(-8px) translateX(-50%);
    -moz-transform: translate3d(0, 0, 0) translateY(-8px) translateX(-50%);
    -ms-transform: translate3d(0, 0, 0) translateY(-8px) translateX(-50%);
    transform: translate3d(0, 0, 0) translateY(-8px) translateX(-50%)
}

.quickview .hint--top:after {
    -webkit-transform: translate3d(0, 0, 0) translateY(0) translateX(0);
    -moz-transform: translate3d(0, 0, 0) translateY(0) translateX(0);
    -ms-transform: translate3d(0, 0, 0) translateY(0) translateX(0);
    transform: translate3d(0, 0, 0) translateY(0) translateX(0)
}

.quickview .hint--top:hover:after,
.quickview .hint--top:focus:after {
    -webkit-transform: translate3d(0, 0, 0) translateY(-8px) translateX(0);
    -moz-transform: translate3d(0, 0, 0) translateY(-8px) translateX(0);
    -ms-transform: translate3d(0, 0, 0) translateY(-8px) translateX(0);
    transform: translate3d(0, 0, 0) translateY(-8px) translateX(0)
}

.journal-carousel .product-grid-item .image .wishlist a:hover:after,
.journal-carousel .product-grid-item .image .compare a:hover:after {
    -webkit-transform: translate3d(0, 0, 0) translateY(-8px) translateX(0);
    -moz-transform: translate3d(0, 0, 0) translateY(-8px) translateX(0);
    -ms-transform: translate3d(0, 0, 0) translateY(-8px) translateX(0);
    transform: translate3d(0, 0, 0) translateY(-8px) translateX(0)
}

.countdown {
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.2s;
    visibility: hidden;
    opacity: 0;
    bottom: 0;
    z-index: 999;
    width: 100%;
    display: table;
    padding: 3px 0
}

.countdown
span {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-size: 14px;
    font-weight: bold;
    border-right: 1px solid white;
    width: 25%;
    color: white;
    text-align: center
}

.countdown span:last-of-type {
    border-right: 0
}

.countdown span
div {
    display: block;
    font-size: 10px;
    font-weight: normal;
    border: 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
    padding: 0 3px
}

@media only screen and (max-width: 760px) {
    .countdown {
        padding: 0
    }
}

.ipad .countdown,
.safari
.countdown {
    padding: 0;
    min-height: 35px
}

.countdown-on
.countdown {
    visibility: visible;
    opacity: 1
}

.countdown-on.product-grid-item
.countdown {
    display: table
}

.product-info .right > div
.countdown {
    position: relative;
    background-color: rgba(0, 0, 0, 0.4);
    width: auto;
    visibility: visible;
    opacity: 1;
    display: table;
    width: 100%;
    padding: 5px 0;
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.product-info .right > div .countdown
span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px;
    position: relative;
    font-size: 19px;
    font-weight: bold;
    border-right: 1px solid #f4f4f4;
    color: white;
    text-align: center
}

.product-info .right > div .countdown span:last-of-type {
    border-right: 0
}

.product-info .right > div .countdown span
div {
    display: block;
    font-size: 11px;
    font-weight: normal;
    border: 0;
    text-align: center;
    width: 100%;
    overflow: hidden;
    padding: 0 3px
}

.brand-logo {
    display: table
}

.brand-logo
a {
    display: block;
    vertical-align: middle;
    padding-right: 5px
}

.brand-logo:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

header {
    background-color: #f4f4f4;
    display: table;
    z-index: 99;
    position: relative;
    margin: 0 auto;
    width: 100%;
}

header
div {
    position: relative
}

.journal-top-header {
    width: 100%;
    position: absolute
}

#header {
    max-width: 90% !important;
    margin: 0 auto;
    position: relative
}

#logo {
    position: relative;
    width: 100%;
    height: 100%
}

#logo
a {
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    height: 120px;
    width: 100%;
    font-size: 0
}

#logo a:before {
    content: "";
    height: 100%;
    display: inline-block;
    vertical-align: middle
}

#logo a
img {
    margin: 0 auto;
    max-width: 100%;
    max-height: 90px !important;
    vertical-align: middle;
    display: inline-block;
    width: auto
}

.journal-header-default header .links > a,
.journal-header-menu header .links > a {
    padding-top: 2px
}

header
.links {
    position: relative;
    display: table;
    width: 100%
}

header .links > a {
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
    text-align: center;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #E4E4E4;
    border-bottom: 1px solid transparent;
    padding: 0 6px;
    transition: background-color 0.2s
}

header .links > a:last-child, header .links > span:last-child {
    border-right-width: 0
}

.links .no-link {
    cursor: default;
    display: table-cell;
    vertical-align: middle;
    padding: 0 6px
}

.journal-header-default .links .no-link,
.journal-header-menu .links .no-link {
    text-align: center;
    border-right: 1px solid #E4E4E4
}

.top-menu-link {
    white-space: nowrap;
    position: relative;
}

@media only screen and (max-width: 760px) {
    .journal-login {
        z-index: 9999 !important
    }
}

.journal-login {
    position: relative;
    display: table;
    z-index: 998
}

.journal-login > div {
    position: relative;
    text-align: center;
    display: table-cell;
    vertical-align: middle
}

.journal-login > div:first-child {
    padding-left: 10px
}

.journal-language, .journal-currency {
    z-index: 3
}

.journal-language form, .journal-currency
form {
    float: left
}

.journal-language form .currency-symbol, .journal-currency form .currency-symbol {
    background-color: white;
    padding: 1px 5px;
    color: #EA2E49
}

.journal-language .dropdown-toggle, .journal-currency .dropdown-toggle {
    width: 40px;
    height: 40px;
    color: #333745;
    padding: 0;
    font-size: 13px;
    border-color: transparent;
    background-color: transparent
}

.journal-language .dropdown-toggle img, .journal-currency .dropdown-toggle
img {
    position: relative;
    top: 1px
}

.journal-language .dropdown-toggle .caret, .journal-currency .dropdown-toggle
.caret {
    display: none
}

.journal-language .btn-group, .journal-currency .btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.journal-language .dropdown-menu, .journal-currency .dropdown-menu {
    min-width: 40px;
    padding: 0;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    margin: 0 0;
    border: none;
    top: 39px;
    position: absolute;
    display: none;
    left: 0;
    z-index: 1000;
    float: left;
    list-style: none;
    font-size: 14px;
    background-clip: padding-box;
    background-color: white
}

.journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li {
    border-top: 1px solid #E4E4E4
}

.journal-language .dropdown-menu > li:first-of-type, .journal-currency .dropdown-menu > li:first-of-type {
    border-top: none
}

.journal-language .dropdown-menu > li > a, .journal-currency .dropdown-menu > li > a {
    text-align: center;
    font-size: 13px;
    padding: 5px 10px;
    color: #333745;
    cursor: pointer;
    display: block;
    line-height: 1.5;
    white-space: nowrap
}

.journal-language .dropdown-menu > li > a img, .journal-currency .dropdown-menu > li > a
img {
    position: relative;
    top: 1px
}

.journal-language .dropdown-menu:before, .journal-currency .dropdown-menu:before {
    content: "\e61e";
    position: absolute;
    left: 50%;
    top: -13px;
    margin-left: -9px;
    color: white;
    font-size: 16px
}

.journal-language .dropdown-menu > li:first-of-type, .journal-currency .dropdown-menu > li:first-of-type {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit
}

.journal-language .dropdown-menu > li:first-of-type a, .journal-currency .dropdown-menu > li:first-of-type
a {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit
}

.journal-language .dropdown-menu > li:last-of-type, .journal-currency .dropdown-menu > li:last-of-type {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.journal-language .dropdown-menu > li:last-of-type a, .journal-currency .dropdown-menu > li:last-of-type
a {
    border-bottom-right-radius: inherit;
    border-bottom-left-radius: inherit
}

.open .dropdown-toggle.btn-default {
    color: #EA2E49;
    border-color: transparent;
    background-color: transparent
}

.journal-header-default .language-full .journal-language, .journal-header-default .language-full .journal-currency, .journal-header-default .currency-full .journal-language, .journal-header-default .currency-full .journal-currency,
.journal-header-menu .language-full .journal-language,
.journal-header-menu .language-full .journal-currency,
.journal-header-menu .currency-full .journal-language,
.journal-header-menu .currency-full .journal-currency,
.journal-header-center .language-full .journal-language,
.journal-header-center .language-full .journal-currency,
.journal-header-center .currency-full .journal-language,
.journal-header-center .currency-full .journal-currency,
.journal-header-mega .language-full .journal-language,
.journal-header-mega .language-full .journal-currency,
.journal-header-mega .currency-full .journal-language,
.journal-header-mega .currency-full .journal-currency {
    width: auto;
    display: inline-block !important;
    padding-right: 10px
}

.journal-header-default .language-full .journal-language .dropdown-toggle, .journal-header-default .language-full .journal-currency .dropdown-toggle, .journal-header-default .currency-full .journal-language .dropdown-toggle, .journal-header-default .currency-full .journal-currency .dropdown-toggle,
.journal-header-menu .language-full .journal-language .dropdown-toggle,
.journal-header-menu .language-full .journal-currency .dropdown-toggle,
.journal-header-menu .currency-full .journal-language .dropdown-toggle,
.journal-header-menu .currency-full .journal-currency .dropdown-toggle,
.journal-header-center .language-full .journal-language .dropdown-toggle,
.journal-header-center .language-full .journal-currency .dropdown-toggle,
.journal-header-center .currency-full .journal-language .dropdown-toggle,
.journal-header-center .currency-full .journal-currency .dropdown-toggle,
.journal-header-mega .language-full .journal-language .dropdown-toggle,
.journal-header-mega .language-full .journal-currency .dropdown-toggle,
.journal-header-mega .currency-full .journal-language .dropdown-toggle,
.journal-header-mega .currency-full .journal-currency .dropdown-toggle {
    width: auto
}

.journal-header-default .language-full .journal-language .dropdown-toggle img, .journal-header-default .language-full .journal-currency .dropdown-toggle img, .journal-header-default .currency-full .journal-language .dropdown-toggle img, .journal-header-default .currency-full .journal-currency .dropdown-toggle img,
.journal-header-menu .language-full .journal-language .dropdown-toggle img,
.journal-header-menu .language-full .journal-currency .dropdown-toggle img,
.journal-header-menu .currency-full .journal-language .dropdown-toggle img,
.journal-header-menu .currency-full .journal-currency .dropdown-toggle img,
.journal-header-center .language-full .journal-language .dropdown-toggle img,
.journal-header-center .language-full .journal-currency .dropdown-toggle img,
.journal-header-center .currency-full .journal-language .dropdown-toggle img,
.journal-header-center .currency-full .journal-currency .dropdown-toggle img,
.journal-header-mega .language-full .journal-language .dropdown-toggle img,
.journal-header-mega .language-full .journal-currency .dropdown-toggle img,
.journal-header-mega .currency-full .journal-language .dropdown-toggle img,
.journal-header-mega .currency-full .journal-currency .dropdown-toggle
img {
    display: inline-block;
    margin-right: 2px
}

.journal-header-default .language-full .journal-language .dropdown-menu, .journal-header-default .language-full .journal-currency .dropdown-menu, .journal-header-default .currency-full .journal-language .dropdown-menu, .journal-header-default .currency-full .journal-currency .dropdown-menu,
.journal-header-menu .language-full .journal-language .dropdown-menu,
.journal-header-menu .language-full .journal-currency .dropdown-menu,
.journal-header-menu .currency-full .journal-language .dropdown-menu,
.journal-header-menu .currency-full .journal-currency .dropdown-menu,
.journal-header-center .language-full .journal-language .dropdown-menu,
.journal-header-center .language-full .journal-currency .dropdown-menu,
.journal-header-center .currency-full .journal-language .dropdown-menu,
.journal-header-center .currency-full .journal-currency .dropdown-menu,
.journal-header-mega .language-full .journal-language .dropdown-menu,
.journal-header-mega .language-full .journal-currency .dropdown-menu,
.journal-header-mega .currency-full .journal-language .dropdown-menu,
.journal-header-mega .currency-full .journal-currency .dropdown-menu {
    left: auto !important;
    margin-left: 0 !important
}

.journal-header-default .language-full .journal-language .dropdown-menu > li > a, .journal-header-default .language-full .journal-currency .dropdown-menu > li > a, .journal-header-default .currency-full .journal-language .dropdown-menu > li > a, .journal-header-default .currency-full .journal-currency .dropdown-menu > li > a,
.journal-header-menu .language-full .journal-language .dropdown-menu > li > a,
.journal-header-menu .language-full .journal-currency .dropdown-menu > li > a,
.journal-header-menu .currency-full .journal-language .dropdown-menu > li > a,
.journal-header-menu .currency-full .journal-currency .dropdown-menu > li > a,
.journal-header-center .language-full .journal-language .dropdown-menu > li > a,
.journal-header-center .language-full .journal-currency .dropdown-menu > li > a,
.journal-header-center .currency-full .journal-language .dropdown-menu > li > a,
.journal-header-center .currency-full .journal-currency .dropdown-menu > li > a,
.journal-header-mega .language-full .journal-language .dropdown-menu > li > a,
.journal-header-mega .language-full .journal-currency .dropdown-menu > li > a,
.journal-header-mega .currency-full .journal-language .dropdown-menu > li > a,
.journal-header-mega .currency-full .journal-currency .dropdown-menu > li > a {
    text-align: left
}

.journal-header-default .language-full .journal-language .dropdown-menu > li > a img, .journal-header-default .language-full .journal-currency .dropdown-menu > li > a img, .journal-header-default .currency-full .journal-language .dropdown-menu > li > a img, .journal-header-default .currency-full .journal-currency .dropdown-menu > li > a img,
.journal-header-menu .language-full .journal-language .dropdown-menu > li > a img,
.journal-header-menu .language-full .journal-currency .dropdown-menu > li > a img,
.journal-header-menu .currency-full .journal-language .dropdown-menu > li > a img,
.journal-header-menu .currency-full .journal-currency .dropdown-menu > li > a img,
.journal-header-center .language-full .journal-language .dropdown-menu > li > a img,
.journal-header-center .language-full .journal-currency .dropdown-menu > li > a img,
.journal-header-center .currency-full .journal-language .dropdown-menu > li > a img,
.journal-header-center .currency-full .journal-currency .dropdown-menu > li > a img,
.journal-header-mega .language-full .journal-language .dropdown-menu > li > a img,
.journal-header-mega .language-full .journal-currency .dropdown-menu > li > a img,
.journal-header-mega .currency-full .journal-language .dropdown-menu > li > a img,
.journal-header-mega .currency-full .journal-currency .dropdown-menu > li > a
img {
    margin-right: 2px
}

.journal-header-default .language-full .journal-language .dropdown-menu:before, .journal-header-default .language-full .journal-currency .dropdown-menu:before, .journal-header-default .currency-full .journal-language .dropdown-menu:before, .journal-header-default .currency-full .journal-currency .dropdown-menu:before,
.journal-header-menu .language-full .journal-language .dropdown-menu:before,
.journal-header-menu .language-full .journal-currency .dropdown-menu:before,
.journal-header-menu .currency-full .journal-language .dropdown-menu:before,
.journal-header-menu .currency-full .journal-currency .dropdown-menu:before,
.journal-header-center .language-full .journal-language .dropdown-menu:before,
.journal-header-center .language-full .journal-currency .dropdown-menu:before,
.journal-header-center .currency-full .journal-language .dropdown-menu:before,
.journal-header-center .currency-full .journal-currency .dropdown-menu:before,
.journal-header-mega .language-full .journal-language .dropdown-menu:before,
.journal-header-mega .language-full .journal-currency .dropdown-menu:before,
.journal-header-mega .currency-full .journal-language .dropdown-menu:before,
.journal-header-mega .currency-full .journal-currency .dropdown-menu:before {
    top: -13px;
    margin-left: 0;
    left: 3px
}

@media only screen and (max-width: 500px) {
    .language-full .journal-login, .currency-full .journal-login {
        padding: 5px 0
    }

    .language-full .journal-language, .language-full .journal-currency, .currency-full .journal-language, .currency-full .journal-currency {
        padding-left: 10px
    }

    .language-full .journal-language .dropdown-toggle, .language-full .journal-currency .dropdown-toggle, .currency-full .journal-language .dropdown-toggle, .currency-full .journal-currency .dropdown-toggle {
        height: auto
    }
}

.journal-login .journal-secondary {
    text-align: right;
    padding-right: 10px;
    font-size: 13px
}

.journal-login .journal-secondary a {
    padding: 0 3px
}

.journal-login .journal-secondary div a {
    font-family: inherit;
    font-size: inherit;
    padding: 3px
}

#welcome {
    position: relative;
    top: 0
}

#search {
    position: relative;
    width: 100%
}

.button-search {
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: transparent;
    float: left;
    position: absolute;
    color: #CCC;
    transition: color 0.2s, background-color 0.2s;
    z-index: 9
}

.button-search i {
    margin-left: 10px;
    margin-top: 10px;
    display: block
}

.button-search i:before {
    content: "\e697";
    font-size: 20px
}

#search input {
    float: left;
    width: 100%;
    height: 100%;
    max-width: 100%;
    background-color: white;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    padding-left: 50px;
    font-size: 13px;
    color: #333745;
    box-shadow: none
}

.journal-cart {
    z-index: 999;
    position: relative;
    margin: 0
}

#cart {
    left: 0;
    right: 0;
    width: 100%;
    height: 40px
}

#cart ul {
    padding: 0;
    margin: 0;
    list-style: none
}

#cart .heading {
    cursor: pointer;
    float: none;
    margin: 0;
    padding: 0;
    border: none;
    position: relative;
    height: 100%;
    width: 100%;
    display: block;
    background-color: transparent;
    z-index: 1
}

#cart .heading i {
    width: 40px;
    height: 40px;
    display: block;
    border-left-width: 1px;
    border-left-color: transparent
}

#cart .heading i:before {
    content: "\e000";
    font-size: 28px;
    margin-right: 6px;
    margin-top: 6px;
    float: right;
    color: white
}

#cart .heading a {
    color: inherit;
    border: none;
    font-size: inherit;
    text-decoration: none;
    overflow: hidden;
    width: 100%;
    height: 100%;
    display: table
}

#cart .heading a span {
    text-align: right;
    padding-right: 7px;
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

#cart .content {
    visibility: hidden;
    list-style: none;
    opacity: 0;
    padding: 0;
    margin: 0;
    min-width: 360px;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
    position: relative;
    min-height: 125px;
    color: #333745;
    float: right;
    transition: opacity .3s
}

#cart .content .cart-wrapper {
    background-color: white;
    box-shadow: 0 1px 8px -3px rgba(0, 0, 0, 0.5)
}

#cart .checkout {
    clear: both;
    padding: 18px 0;
    text-align: center;
    display: table;
    margin: 0 auto;
    width: 100%
}

#cart .checkout a + a {
    margin-left: 15px
}

#cart .empty {
    padding: 50px 0;
    text-align: center;
    font-size: 14px;
    font-style: italic
}

#cart.active .heading {
    padding: 0;
    margin: 0;
    border: 0
}

#cart.active .content {
    transition: opacity 0.2s;
    display: block;
    visibility: visible;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}

.mini-cart-info {
    position: relative;
    overflow: auto;
    padding: 3px 12px 0 12px
}

.mini-cart-info table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 0
}

.mini-cart-info table tr {
    border-bottom: 1px solid #EEE
}

.mini-cart-info table tr td {
    color: inherit;
    vertical-align: top;
    padding: 10px 5px;
    padding-left: 0
}

.mini-cart-info table tr td a {
    display: block;
    color: inherit
}

.mini-cart-info table tr td.image {
    width: 1px
}

.mini-cart-info table tr td.image img {
    text-align: left;
    max-width: 50px;
    height: auto
}

.mini-cart-info table tr td.name {
    padding-left: 5px
}

.mini-cart-info table tr td.name div {
    line-height: 1
}

.mini-cart-info table tr td.quantity {
    text-align: right;
    white-space: nowrap
}

.mini-cart-info table tr td.total {
    text-align: right
}

.mini-cart-info table tr td.remove {
    text-align: right;
    padding-top: 11px
}

.mini-cart-info table tr td.remove img {
    display: none
}

.mini-cart-info table tr td.remove i {
    cursor: pointer;
    color: #EA2E49;
    transition: color .2s;
    left: 5px
}

.mini-cart-info table tr td.remove i:before {
    content: "\e601";
    font-size: 15px;
    top: -2px;
    color: inherit
}

.mini-cart-info table tr:last-of-type {
    border-bottom: none
}

.mini-cart-total {
    text-align: right;
    padding: 5px 10px 3px 0;
    background-color: #f4f4f4
}

.mini-cart-total table {
    border-collapse: collapse;
    display: inline-block;
    width: auto
}

.mini-cart-total td {
    padding: 3px 4px
}

.mini-cart-total td.left {
    min-width: 100px;
    text-align: right;
    font-weight: bold
}

.mini-cart-total td.right {
    min-width: 80px;
    text-align: right;
    font-weight: bold
}

.autocomplete2-suggestions {
    background-color: white;
    top: 100%
}

.autocomplete2-suggestions div {
    overflow: auto
}

.autocomplete2-suggestion {
    border-bottom: 1px solid #f4f4f4;
    min-height: 38px;
    padding: 7px 8px 5px 8px;
    color: #45738f;
    cursor: pointer
}

.autocomplete2-suggestion a:hover {
    text-decoration: none;
    color: inherit
}

.autocomplete2-suggestion .p-image {
    max-width: 55px
}

.autocomplete2-suggestion .p-image img {
    max-width: 55px
}

.autocomplete2-suggestion .p-name {
    font-size: 13px;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-left: 7px
}

.autocomplete2-suggestion .p-name span {
    display: block;
    margin-bottom: 2px
}

.autocomplete2-suggestion span.p-price {
    font-size: 13px;
    color: #333745
}

.autocomplete2-suggestion span.p-price .price-old {
    float: left;
    margin-right: 5px;
    text-decoration: line-through;
    color: #EA2E49
}

.autocomplete2-selected {
    background-color: transparent !important
}

.autocomplete2-suggestion:last-child {
    border-bottom: none
}

.autocomplete2-selected {
    background-color: #FAFAFA
}

.view-more-link {
    display: block;
    padding: 3px 5px
}

.journal-desktop .sticky-wrapper {
    max-height: 120px;
    position: relative;
    z-index: 9999
}

.journal-desktop.header-center .sticky-wrapper {
    max-height: 180px
}

.is-sticky {
    max-height: 180px
}

.is-sticky .journal-header-center #logo a {
    transition: all .2s
}

.journal-header-center {
    background-color: transparent
}

.journal-header-center #logo a {
    height: 100px;
    transition: all 0.2s
}

.journal-header-center #logo a img {
    max-height: 100px;
    width: auto;
    height: auto
}

.journal-header-center .journal-menu {
    clear: both;
    z-index: 1
}

.journal-header-center .journal-menu-bg {
    width: 100%;
    position: absolute;
    top: 140px
}

.journal-header-center .journal-center-bg {
    position: absolute;
    width: 100%;
    top: 40px
}

.journal-header-center .links {
    display: table;
    width: auto
}

.journal-header-center .links > a, .journal-header-center .links .no-link {
    text-align: center;
    border: none;
}

.journal-header-center .links > a:hover {
    transition: color 0.2s, background-color 0.2s;
    background-color: transparent
}

.journal-header-center .journal-secondary {
    text-align: right
}

.journal-header-center .journal-secondary .links {
    float: right
}

.journal-header-center .journal-top-header {
    border-bottom: 1px solid transparent
}

.journal-header-center .journal-language, .journal-header-center .journal-currency {
    padding: 0;
    display: inline-block
}

.journal-header-center .journal-language form, .journal-header-center .journal-currency form {
    width: 100%;
    text-align: right;
    height: 40px
}

.journal-header-center .journal-language form > div, .journal-header-center .journal-currency form > div {
    display: inline-block;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: transparent;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: transparent
}

.journal-header-center .journal-language form .dropdown-toggle, .journal-header-center .journal-currency form .dropdown-toggle {
    max-width: 40px
}

.journal-header-center .journal-language form .dropdown-menu, .journal-header-center .journal-currency form .dropdown-menu {
    top: 40px
}

.journal-header-center .journal-currency form {
    text-align: left
}

.journal-header-center .journal-currency form > div {
    border-left-width: 0
}

.journal-header-center .lang {
    width: 10%;
    text-align: center
}

.journal-header-center .lang form {
    width: auto;
    float: none;
    display: inline-block
}

.journal-header-center .no-curr {
    width: 0
}

.journal-header-center .curr {
    width: 10%;
    text-align: center
}

.journal-header-center .curr form {
    width: auto;
    float: none;
    display: inline-block
}

.journal-header-center .curr form > div {
    border-left-width: 1px;
    border-left-style: solid
}

.journal-header-center .no-lang {
    width: 0
}

.journal-header-center .journal-search, .journal-header-center .journal-cart {
    top: 30px;
    position: relative;
    z-index: 2
}

.journal-header-center #search {
    position: relative;
    width: 100%
}

.journal-header-center .button-search {
    transition: color 0.2s, background-color 0.2s
}

.journal-header-center .button-search i {
    margin-top: 9px;
    margin-left: 11px
}

.journal-header-center #search input {
    background-color: transparent
}

.journal-header-center .journal-search:hover #search input {
    transition: background-color 0.2s
}

.journal-header-center .journal-cart {
    background-color: transparent;
    color: #222
}

.journal-header-center #cart .empty {
    min-height: 125px
}

.journal-header-center #cart {
    box-shadow: none;
    transition: background-color 0.2s
}

.journal-header-center #cart .heading i {
    text-align: center;
    width: 40px;
    height: 40px;
    display: block;
    transition: background-color 0.2s, color 0.2s
}

.journal-header-center #cart .heading i:before {
    margin-right: 1px;
    float: none;
    margin-top: 7px
}

.journal-header-center #cart .content {
    padding-top: 15px
}

.journal-header-center #cart .content:before {
    content: "\e61e";
    color: white;
    font-size: 19px;
    position: absolute;
    top: 0;
    right: 10px
}

.journal-header-center .autocomplete2-suggestions {
    top: 54px;
    border-top: none;
    overflow: visible
}

.journal-header-center .autocomplete2-suggestions > div {
    overflow: auto;
    border-radius: inherit
}

.journal-header-center .autocomplete2-suggestions:before {
    content: "\e61e";
    font-size: 40px;
    position: absolute;
    top: -22px
}

.journal-header-center .autocomplete2-suggestion:first-of-type {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit
}

.journal-header-center .autocomplete2-suggestion:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit
}

.journal-header-center.nolang .journal-currency form {
    text-align: center
}

.journal-header-center.nolang .journal-currency form div {
    border-left-width: 1px
}

.journal-header-center.nocurr .journal-language form {
    text-align: center
}

.journal-header-center.nosecond .journal-center-bg {
    top: 40px
}

.journal-header-center.nosecond .links {
    margin: 0 auto;
    float: none
}

.journal-header-center.nosecond .journal-currency {
    position: absolute;
    right: 0
}

.journal-header-center.nosecond .journal-currency form div {
    border-left-width: 1px
}

.journal-header-center.nosecond .journal-language {
    position: absolute;
    left: 0
}

.journal-header-default.nocart .links > a:last-child {
    border-right-width: 1px
}

.journal-header-mega .journal-search {
    padding-right: 5%
}

.journal-header-default .journal-language, .journal-header-default .journal-currency, .journal-header-menu .journal-language, .journal-header-menu .journal-currency {
    width: 40px
}

.journal-header-menu #cart {
    height: 40px
}

.journal-header-menu #cart i[data-icon]:before {
    top: 4px
}

.journal-header-menu #logo a {
    height: 80px
}

.journal-header-menu #logo a img {
    max-height: 80px;
    width: auto
}

.journal-header-menu .journal-menu {
    clear: both
}

.journal-header-menu .journal-menu-bg {
    width: 100%;
    position: absolute;
    top: 80px
}

header {
    -webkit-backface-visibility: hidden
}

.mobile-trigger, .mobile-plus {
    display: none
}

.super-menu > li:hover {
    transition: background-color 0.2s
}

.super-menu {
    width: 100%;
    position: relative;
    display: table;
    table-layout: fixed;
    margin: 0;
    padding: 0;
    border: 0
}

.super-menu > li {
    border-left: 1px solid #333745;
    transition: all 0.2s !important;
    display: table-cell;
    min-width: 40px;
    color: white
}

.super-menu > li:first-of-type {
    border-top-left-radius: inherit;
    border-bottom-left-radius: inherit
}

.super-menu > li:last-of-type {
    border-top-right-radius: inherit;
    border-bottom-right-radius: inherit
}

.super-menu > li > a {
    text-align: center;
    height: 100%;
    font-size: 15px;
    text-transform: uppercase;
    color: inherit;
    text-decoration: none;
    display: block;
    z-index: 6;
    position: relative;
    line-height: 40px;
    height: 40px;
    white-space: nowrap;
    overflow: hidden
}

.super-menu > li > a span {
    display: inline-block
}

.super-menu > li > a i {
    display: inline-block
}

.super-menu > li > a i:before {
    float: left
}

.super-menu > li.icon-only {
    width: 50px
}

.super-menu > li.icon-only > a i {
    margin-right: 0 !important
}

.super-menu > li:last-of-type {
    border-right: 1px solid #333745
}

.journal-desktop .menu-floated > li {
    display: block;
    border-left: 0
}

.journal-desktop .menu-floated > li > a {
    padding: 0 15px
}

.journal-desktop .menu-floated .float-left {
    float: left;
    border-right: 1px solid #333745
}

.journal-desktop .menu-floated .float-right {
    float: right;
    border-left: 1px solid #333745
}

.journal-desktop .menu-floated .float-right:last-of-type {
    border-right: 0
}

.journal-header-default .super-menu > li:last-of-type {
    border-right: none
}

.journal-header-default .super-menu > li:first-of-type {
    border-left: none
}

.mega-menu {
    left: 0;
    position: absolute;
    display: none;
    padding: 20px;
    overflow: hidden;
    width: 100%
}

.mega-menu > div {
    display: block;
    overflow: hidden;
    margin-right: -20px;
    margin-bottom: -20px
}

.journal-header-default .mega-menu,
.journal-header-menu.sticky-header .mega-menu {
    left: -33.333333%;
    width: 133.333333%
}

.drop-down {
    position: relative
}

.drop-down .menu-plus {
    position: absolute;
    font-size: 17px;
    top: 10px;
    right: 8px
}

.drop-down .menu-plus:before {
    content: "\e094"
}

.drop-down > ul {
    display: none
}

.drop-down ul {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 0 1px 8px -3px rgba(0, 0, 0, 0.5)
}

.drop-down ul li {
    color: #333745;
    background-color: white;
    position: relative;
    border-bottom: 1px solid #f4f4f4
}

.drop-down ul li:last-of-type {
    border-bottom-width: 0
}

.drop-down ul li ul {
    visibility: hidden;
    opacity: 0;
    left: 100%;
    top: 0
}

.drop-down ul li.left ul {
    left: -100%
}

.drop-down ul li:hover > ul {
    transition: opacity 0.2s;
    visibility: visible;
    opacity: 1
}

.drop-down ul li a {
    padding: 11px 25px 12px 9px;
    display: block;
    color: inherit;
    white-space: nowrap
}

.drop-down ul li a:before {
    margin-right: 5px
}

.mega-menu-item > div {
    margin-right: 20px;
    height: 100%
}

.mega-menu-item h3 {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: background-color 0.2s
}

.mega-menu-item h3 a {
    display: block;
    color: inherit;
    transition: color 0.2s
}

.mega-menu-categories .mega-menu-item {
    margin-bottom: 20px
}

.mega-menu-categories .mega-menu-item ul {
    float: left;
    width: 58%;
    margin: 7px 0 0 0;
    padding: 0;
    list-style: none
}

.mega-menu-categories .mega-menu-item ul li {
    padding-bottom: 3px;
    position: relative
}

.mega-menu-categories .mega-menu-item ul li a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
    padding-left: 10px;
    transition: color .1s;
    line-height: 15px
}

.mega-menu-categories .mega-menu-item ul li a:before {
    position: absolute;
    left: 0
}

.mega-menu-categories .mega-menu-item img {
    float: right;
    width: 40%;
    height: auto;
    margin-top: 10px
}

.mega-menu-categories .mega-menu-item .show-more-text a:before {
    content: ""
}

.mega-menu-categories .mega-menu-item.menu-image-left ul {
    width: 55%;
    padding: 0 0 0 8px
}

.mega-menu-categories .mega-menu-item.menu-image-left img {
    float: left
}

.mega-menu-categories .mega-menu-item.menu-image-top ul {
    width: 100%
}

.mega-menu-categories .mega-menu-item.menu-image-top img {
    float: none;
    width: 100%
}

.mega-menu-categories .mega-menu-item.menu-no-links img {
    width: 100%
}

.mega-menu-categories .mega-menu-item.menu-no-image ul {
    width: 100%;
    padding: 0
}

#header .mega-menu .product-wrapper {
    margin-right: 20px;
    box-shadow: none
}

#header .mega-menu .product-grid-item {
    margin-bottom: 20px
}

.mega-menu-brands .mega-menu-item {
    margin-bottom: 20px
}

.mega-menu-brands .mega-menu-item img {
    width: 100%;
    float: left;
    height: auto
}

.mega-menu-html .mega-menu-item {
    margin-bottom: 20px
}

.mega-menu-html .mega-menu-item img {
    max-width: 100%;
    height: auto !important
}

.mega-menu-html .mega-menu-item ul, .mega-menu-html .mega-menu-item
ol {
    padding-left: 30px
}

.dummy-hide {
    display: block !important;
    visibility: hidden;
    opacity: 0
}

.mega-menu .wrapper p span {
    line-height: 100% !important
}

.mega-menu .mega-menu-column {
    float: left;
    margin: 0 0 -10px 0
}

.mega-menu .mega-menu-column:last-of-type > div {
    margin-right: -20px
}

.mega-menu .mega-menu-column .menu-cms-block {
    clear: both;
    margin: 0
}

.oc2 #cart .content {
    transition: opacity 0s
}

.oc2 #cart .content:before {
    display: none
}

.oc2 #cart .content .cart-wrapper:before {
    content: "\e61e";
    color: white;
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 10px
}

.oc2 #cart .heading i:before {
    margin-top: 4px
}

.oc2 #cart.visible .content {
    opacity: 1;
    visibility: visible
}

.oc2 #search input {
    height: 40px
}

.oc2 .mini-cart-total {
    padding: 0
}

.oc2 .mini-cart-total table {
    padding: 5px 10px 3px 0
}

.ie9.oc2 .journal-header-center #cart .heading span {
    position: relative;
    right: -35px
}

.ie9.oc2 .journal-header-center #cart .heading i {
    position: absolute;
    right: 0;
    top: 0
}

.ie9.oc2 .mini-cart-info table tr td.remove i {
    position: relative;
    padding-right: 5px
}

.ie9.oc2 .mini-cart-info table tr td.remove i:before {
    position: relative;
    padding-top: 1px
}

.icon-only .main-menu-text, .icon-only .txt {display: none}

@media only screen and (max-width: 980px) {
    header {
        display: inherit;
        overflow: hidden;
    }
    #header {
        max-width: 100% !important
    }

    .icon-only .main-menu-text {display: inline-block}
}

@media only screen and (max-width: 767px) {
    #header {
        max-width: 100% !important
    }
}

#content .journal-slider {
    margin-bottom: 20px
}

#content .multi-modules .journal-slider {
    margin-bottom: 0
}

.tp-loader {
    border-radius: 50%
}

.tp-caption {
    line-height: 100%;
    text-align: left;
    -webkit-backface-visibility: hidden
}

.tp-caption a, .tp-caption a:hover {
    color: inherit
}

a.tp-caption {
    transition: color 0.15s, background-color 0.15s, border-color 0.15s !important
}

.tp-bannertimer, .tp-bannertimer.tp-bottom {
    background-image: none;
    background-color: #EA2E49;
    height: 3px;
    z-index: 98
}

.nav-on-hover .tp-bullets, .nav-on-hover
.tparrows {
    opacity: 0
}

.nav-on-hover:hover .tp-bullets, .nav-on-hover:hover
.tparrows {
    opacity: 1
}

@media only screen and (min-width: 760px) {
    .side-blocks-active .journal-fullwidth-slider .tp-leftarrow,
    .side-blocks-active .journal-fullwidth-slider .tp-leftarrow.default {
        left: 70px !important
    }

    .side-blocks-active .journal-fullwidth-slider .tp-rightarrow,
    .side-blocks-active .journal-fullwidth-slider .tp-rightarrow.default {
        right: 70px !important
    }
}

.tp-leftarrow, .tp-leftarrow.default, .tp-rightarrow, .tp-rightarrow.default {
    background-image: none;
    background-color: transparent;
    width: auto;
    height: auto;
    padding: 0;
    display: block;
    border-radius: 50%;
    color: white;
    transition: color 0.2s
}

.tp-leftarrow:before, .tp-leftarrow.default:before, .tp-rightarrow:before, .tp-rightarrow.default:before {
    transition: color 0.2s;
    content: "\e093";
    font-size: 40px;
    color: inherit
}

.tp-rightarrow:before, .tp-rightarrow.default:before {
    content: "\e094"
}

.tp-bullets .tp-leftarrow.round,
.tp-bullets .tp-rightarrow.round {
    background-image: none
}

.tp-bullets .tp-leftarrow.round:before,
.tp-bullets .tp-rightarrow.round:before {
    font-size: 20px;
    top: -3px
}

.slidelink.tp-hidden-caption {
    display: block !important;
    visibility: visible !important;
    top: 0
}

.tp-bullets.simplebullets.round
.bullet {
    background-color: transparent;
    background-image: none;
    transition: all .2s;
    margin-bottom: 2px;
    margin-left: 8px;
    width: 13px;
    height: 13px;
    -webkit-perspective: 1000px
}

.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover {
    background-color: transparent
}

.tp-bullets.simplebullets.round .bullet:hover:after {
    content: ""
}

.full-thumbs .tp-bullets.tp-thumbs {
    width: 100% !important
}

.full-thumbs .tp-bullets.tp-thumbs .tp-mask {
    width: 100% !important
}

.tp-bullets.tp-thumbs {
    width: auto !important;
    height: auto !important;
    padding: 0;
    overflow: hidden;
    background-color: transparent
}

.tp-bullets.tp-thumbs
.bullet {
    opacity: 1;
    position: relative
}

.tp-bullets.tp-thumbs .bullet.selected:before, .tp-bullets.tp-thumbs .bullet:hover:before {
    opacity: 0
}

.tp-bullets.tp-thumbs
.bullet {
    position: relative
}

.tp-bullets.tp-thumbs .bullet:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: black;
    position: absolute;
    transition: opacity .2s;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"
}

#content .journal-simple-slider {
    margin-bottom: 20px
}

.backface .journal-simple-slider
* {
    -webkit-backface-visibility: hidden
}

.journal-simple-slider {
    overflow: hidden
}

.journal-simple-slider .js-caption {
    cursor: pointer;
    font-size: 45px;
    font-size: 4.5vh;
    position: absolute;
    z-index: 1;
    background-color: red;
    left: 50%;
    margin-left: -150px;
    bottom: 6%;
    transition: all 0.2s
}

.journal-simple-slider .js-caption:hover {
    background-color: #ff0
}

.journal-simple-slider .owl-wrapper {
    cursor: -webkit-grab;
    cursor: -moz-grab
}

.journal-simple-slider .owl-item {
    position: absolute
}

.journal-simple-slider .owl-item
img {
    width: 100%;
    height: auto;
    float: left
}

.journal-simple-slider .owl-pagination {
    width: 100%;
    bottom: 8px;
    position: absolute;
    transition: all 0.2s;
    z-index: 99
}

.journal-simple-slider .owl-controls .owl-buttons
div {
    transition: all 0.2s;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.journal-simple-slider .owl-controls .owl-buttons .owl-prev {
    left: 15px;
    top: 50%;
    transition: all 0.2s;
    z-index: 99
}

.journal-simple-slider .owl-controls .owl-buttons .owl-prev:before {
    content: "\e093";
    font-size: 30px
}

.journal-simple-slider .owl-controls .owl-buttons .owl-next {
    right: 15px;
    top: 50%;
    transition: all 0.2s;
    z-index: 99
}

.journal-simple-slider .owl-controls .owl-buttons .owl-next:before {
    content: "\e094";
    font-size: 30px
}

.journal-simple-slider.nav-on-hover .owl-controls .owl-buttons div, .journal-simple-slider.nav-on-hover .owl-pagination {
    visibility: hidden;
    opacity: 0
}

.journal-simple-slider.nav-on-hover:hover .owl-controls .owl-buttons div, .journal-simple-slider.nav-on-hover:hover .owl-pagination {
    visibility: visible;
    opacity: 1
}

.journal-fullscreen-slider {
    position: fixed;
    width: 100%;
    height: 100%;
    padding: 0;
    top: 0;
    z-index: -1
}

.journal-fullscreen-slider .tp-loader {
    display: none
}

.transparent-overlay {
    background-repeat: repeat;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99
}

.section-brand .quickview-button,
.section-category .quickview-button,
.carousel-brand .quickview-button,
.carousel-category .quickview-button {
    display: none
}

.section-brand .product-details,
.section-category .product-details,
.carousel-brand .product-details,
.carousel-category .product-details {
    padding-bottom: 0
}

#top-modules .journal2_custom_sections:before,
#bottom-modules .journal2_custom_sections:before {
    content: "";
    height: 40px;
    position: absolute;
    left: -20px;
    right: 0
}

#content .custom-sections {
    margin-bottom: 20px
}

.box-heading.box-sections {
    padding: 0
}

.box-sections
ul {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    table-layout: fixed
}

.box-sections ul
li {
    list-style: none;
    border-right: 1px solid white;
    display: table-cell
}

.box-sections ul li
a {
    display: block;
    text-align: center;
    padding: 0 5px;
    color: white;
    font-size: inherit;
    transition: all .2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 40px;
    line-height: 40px
}

.box-sections ul li:last-of-type {
    border-right: 0
}

.single-section .box-heading ul li
a {
    cursor: default;
    padding-left: 10px;
    text-align: left
}

.single-section .box-heading ul li a:hover {
    background-color: inherit
}

.isotope-item {
    z-index: 2
}

.backface .isotope-item {
    -webkit-backface-visibility: hidden
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.7s;
    -moz-transition-duration: 0.7s;
    -ms-transition-duration: 0.7s;
    -o-transition-duration: 0.7s;
    transition-duration: 0.7s
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s
}

.oc2 .oc-module.owl-carousel .owl-buttons
div {
    opacity: 0;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    transition: all .3s ease
}

.oc2 .oc-module.owl-carousel:hover .owl-buttons
div {
    opacity: 0.7
}

.oc2 .oc-module.owl-carousel .owl-buttons div
i {
    font-size: 40px;
    margin: -20px 0 0
}

.oc2 .oc-module.owl-carousel .owl-buttons .owl-prev {
    left: -50px
}

.oc2 .oc-module.owl-carousel .owl-buttons .owl-next {
    right: -50px
}

.oc2 .oc-module.owl-carousel:hover .owl-buttons .owl-prev {
    left: 10px
}

.oc2 .oc-module.owl-carousel:hover .owl-buttons .owl-next {
    right: 10px
}

.oc2 .oc-module.owl-carousel {
    background-color: white
}

.oc2 .oc-module .owl-controls .owl-buttons
div {
    position: absolute
}

.oc2 .oc-module .owl-controls .owl-buttons .owl-prev {
    left: 10px;
    top: 50%
}

.oc2 .oc-module .owl-controls .owl-buttons .owl-next {
    right: 10px;
    top: 50%
}

.oc2 .oc-module .owl-pagination {
    text-align: center;
    top: 30px;
    position: relative
}

.oc2 .oc-module .owl-controls .owl-page {
    display: inline-block;
    margin: 0 6px
}

.oc2 .oc-module .owl-controls .owl-page
span {
    display: block;
    width: 11px;
    height: 11px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.oc2 .oc-module .owl-controls .owl-page.active
span {
    background: rgba(0, 0, 0, 0.9)
}

.oc2 .oc-module .owl-controls .owl-page {
    display: inline-block;
    margin: 0 6px
}

.oc2 .oc-module .owl-controls .owl-page
span {
    display: block;
    width: 11px;
    height: 11px;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 20px;
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3)
}

.oc2 .oc-module .owl-controls .owl-page.active
span {
    background: rgba(0, 0, 0, 0.9)
}

#top-modules .journal-carousel, #bottom-modules .journal-carousel {
    margin: 0 auto
}

.owl-carousel {
    display: table;
    width: 100%
}

.owl-carousel.oc-module {
    margin: 0 0 40px
}

.owl-carousel .owl-item {
    position: relative;
    z-index: 1
}

.journal-carousel > div {
    overflow: hidden
}

.journal-carousel .product-grid-item {
    margin-bottom: 0
}

.journal-carousel .owl-wrapper-outer {
    overflow: visible;
    margin-bottom: 20px;
    z-index: 0
}

.journal-carousel .tab-content {
    padding: 0;
    margin-top: 0;
    background-color: transparent;
    margin-bottom: 0;
    overflow: visible;
    border: 0;
    z-index: 100
}

.journal-carousel .owl-buttons {
    display: block
}

.journal-carousel .owl-buttons
div {
    position: absolute;
    top: -53px;
    right: 0;
    height: 32px;
    width: 32px;
    line-height: 32px;
    font-size: 25px;
    margin: 0;
    border-radius: 0;
    cursor: pointer;
    background-color: transparent;
    color: white;
    transition: color .2s, background-color .2s
}

.journal-carousel .owl-buttons .owl-prev {
    right: 30px
}

.journal-carousel .owl-next:before {
    content: "\e094";
    padding: 0 3px;
    transition: color .2s, background-color .2s
}

.journal-carousel .owl-prev:before {
    content: "\e093";
    padding: 0 3px;
    transition: color .2s, background-color .2s
}

.journal-carousel .side-buttons
div {
    top: 50% !important;
    right: 5px;
    margin-top: -50px
}

.journal-carousel .side-buttons .owl-prev {
    left: 5px
}

.journal-carousel
.htabs {
    margin-bottom: 20px;
    padding-left: 0;
    padding-right: 0
}

.journal-carousel .htabs
a {
    background-color: transparent;
    box-shadow: none;
    border-right-style: solid;
    border-right-width: 1px;
    border-color: #333745;
    color: inherit;
    height: 40px;
    transition: background-color 0.2s, color .2s;
    float: left;
    padding: 0 15px
}

.journal-carousel .htabs.single-tab a, .journal-carousel .htabs.single-tab a.selected, .journal-carousel .htabs.single-tab a:hover {
    border: none;
    cursor: default;
    background-color: transparent
}

.journal-carousel .htabs.single-tab
a {
    padding: 0
}

.owl-controls {
    text-align: center
}

.owl-pagination {
    margin-top: -11px;
    margin-bottom: 9px
}

.owl-controls.clickable .owl-buttons div:hover {
    opacity: 1;
    text-decoration: none
}

.owl-controls .owl-page {
    display: inline-block
}

.owl-controls .owl-page
span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 3px 3px 0 3px;
    background-color: transparent;
    -webkit-perspective: 1000px;
    transition: all .2s
}

.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover
span {
    background-color: transparent
}

.owl-controls .owl-page span.owl-numbers {
    height: auto;
    width: auto;
    color: white;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 30px
}

.carousel-category .side-buttons div, .carousel-brand .side-buttons
div {
    margin-top: -25px
}

.banner {
    position: relative;
    margin: 0 auto;
    margin-bottom: -2px
}

.banner
div {
    text-align: center;
    display: none;
    margin: 0 auto
}

.oc-banner .item img {
    max-width: 100%;
    height: auto
}

#content .box-filter {
    display: block;
    overflow: hidden;
    width: 100%;
    position: relative;
    margin-top: -15px;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 20px
}

#content #button-filter {
    margin: 15px 0;
    float: right
}

#content .box-filter > li {
    max-width: 200px;
    float: left;
    margin-right: 10px
}

#content .box-filter > li > span {
    font-size: 15px;
    font-weight: bold;
    padding: 8px 8px 12px 8px;
    display: block;
    border-bottom: 1px solid #dbdbdb;
    margin-bottom: 8px
}

#column-right .box-filter > li,
#column-left .box-filter > li {
    min-height: 40px;
    width: 100%;
    display: table
}

#column-right .box-filter > li > span,
#column-left .box-filter > li > span {
    font-size: 15px;
    font-weight: bold;
    padding: 8px 8px 8px 0;
    min-height: 40px;
    display: block;
    padding-left: 15px;
    line-height: 1.5;
    border-bottom: 1px solid #dbdbdb
}

#column-right #button-filter,
#column-left #button-filter {
    margin: 15px
}

#column-right .box-content .box-filter li ul,
#column-left .box-content .box-filter li
ul {
    display: block;
    padding-left: 10px;
    padding-top: 5px
}

.welcome {
    margin-bottom: 15px
}

.welcome
h1 {
    border-bottom: 1px solid transparent;
    padding-bottom: 4px
}

.welcome
p {
    font-weight: normal;
    font-size: 13px;
    padding-top: 5px
}

.side-column
.welcome {
    padding: 10px;
    margin-bottom: 0;
    clear: both
}

.side-column .welcome
h1 {
    margin-bottom: 8px
}

#content .store-picker, .side-column .store-picker {
    padding: 10px 10px 0 10px
}

#content .store-picker p, .side-column .store-picker
p {
    text-align: left !important;
    padding: 0 0 5px 0
}

.cms-blocks, .static-banners {
    display: table;
    width: 100%
}

.cms-blocks .blocks, .static-banners
.blocks {
    margin-right: -20px
}

.cms-blocks .box-heading, .static-banners .box-heading {
    margin-bottom: 20px
}

.cms-block {
    position: relative;
    padding-right: 20px;
    margin-bottom: 20px
}

.cms-block ul, .cms-block
ol {
    padding: 10px 0 0 25px;
    margin: 0
}

.cms-block
img {
    max-width: 100% !important;
    height: auto !important
}

.gecko .side-column img, .ie .side-column
img {
    max-width: 200px
}

.block-content {
    display: table;
    width: 100%
}

p
img {
    max-width: 100% !important;
    height: auto !important
}

.block-icon {
    text-align: center;
    -webkit-backface-visibility: hidden
}

.block-icon
i {
    margin: 0 !important
}

.block-icon-left {
    float: left;
    margin-right: 10px
}

.block-icon-top {
    margin: 0 auto 10px auto
}

.static-banners > div {
    margin-right: -20px
}

.static-banner {
    position: relative;
    padding-right: 20px;
    margin-bottom: 20px
}

.static-banner
img {
    width: 100%;
    height: auto;
    float: left
}

.static-banner .banner-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 20px;
    display: block;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s
}

.static-banner .banner-overlay
i {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -17px;
    margin-left: -15px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
    transition: all .2s
}

.static-banner:hover .banner-overlay {
    transition: all 0.2s;
    visibility: visible;
    opacity: 1
}

.static-banner:hover .banner-overlay
i {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.static-banner .block-content {
    display: block
}

#content .static-banners {
    margin-bottom: 0
}

.journal-rotator {
    margin-bottom: 20px;
}

.text-rotator.bullets-on.bullets-center .quovolve-nav {
    bottom: -5px
}

.rotator-image {
    margin: 15px;
    display: block;
    max-width: 85%;
    height: auto;
    float: left;
    position: relative
}

.rotator-image.image-center {
    margin: 15px auto 0 auto !important;
    border-radius: 50%
}

.rotator-text {
    padding: 15px 15px 0 15px;
    display: block;
    line-height: 100%;
    position: relative;
    font-weight: inherit;
    font-size: inherit
}

.rotator-text > div {
    float: left
}

.has-cta .rotator-text {
    display: inline-block
}

.cta-center .rotator-text, .cta-right .rotator-text {
    padding-bottom: 5px
}

.cta-center .rotator-text {
    display: block;
    margin-bottom: 5px
}

.rotator-author {
    display: block;
    margin-top: 8px;
    position: relative;
    padding: 0 15px
}

.bullets-on .rotator-author {
    padding-bottom: 8px
}

.bullets-on
.quote {
    padding-bottom: 20px
}

.bullets-off .rotator-author {
    margin-bottom: 10px
}

.quovolve-nav {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin: 0;
    padding: 0
}

.quovolve-nav
ol {
    margin: 0;
    text-align: right;
    padding: 0 10px 7px 20px
}

.quovolve-nav ol
li {
    list-style: none;
    display: inline-block
}

.headline-mode .quote.has-cta.cta-center {
    overflow: visible
}

.quote {
    text-align: left;
    overflow: hidden
}

.quote
.cta {
    position: relative !important
}

.quote .cta
i {
    float: left
}

.headline-mode .rotator-text {
    padding: 14px 0 15px 0
}

.headline-mode .quovolve-nav
ol {
    padding-bottom: 2px
}

.headline-mode .quote .button-icon-right
i {
    margin-right: 0 !important;
    margin-left: 7px;
    float: right
}

.headline-mode.align-left {
    padding-left: 20px;
    padding-right: 20px
}

.bullets-left .quovolve-nav
ol {
    text-align: left
}

.bullets-center .quovolve-nav
ol {
    text-align: center
}

.bullets-right
.quote {
    padding-bottom: 30px
}

.bullets-right .quovolve-nav
ol {
    text-align: right
}

.nav-numbers
a {
    color: transparent !important;
    background-color: transparent;
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 4px;
    text-decoration: none;
    transition: all 0.2s;
    -webkit-perspective: 1000px
}

.nav-numbers a:hover:after {
    content: ""
}

.journal-gallery .box-heading {
    margin-bottom: 15px
}

.journal-gallery .box-content {
    margin-right: -15px;
    overflow: hidden;
    width: auto
}

.journal-gallery .owl-carousel {
    overflow: visible;
    margin-right: 0
}

.journal-gallery .owl-carousel .gallery-thumb {
    margin-bottom: 0
}

.journal-gallery.journal-carousel .owl-buttons
div {
    top: -51px
}

.oc-module {
    display: table
}

.oc-module.oc-html {
    display: block
}

#top-modules .journal-gallery .owl-pagination, #bottom-modules .journal-gallery .owl-pagination {
    padding: 7px 0
}

.gallery-thumb {
    padding-right: 15px;
    margin-bottom: 15px;
    overflow: hidden
}

.gallery-thumb
a {
    display: block;
    position: relative;
    overflow: hidden
}

.gallery-thumb a:before {
    content: "\e015";
    position: absolute;
    font-size: 30px;
    color: white;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
    z-index: 99;
    transition: all .2s;
    visibility: hidden;
    opacity: 0;
    padding: 0 2px;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0)
}

.gallery-thumb
img {
    width: 100%;
    float: right;
    height: auto
}

.gallery-thumb .item-hover {
    position: absolute;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    text-align: center;
    overflow: hidden;
    transition: all .2s;
    -webkit-transition: opacity 0s;
    border-radius: inherit
}

.gallery-thumb > a:hover .item-hover {
    transition: all .2s;
    visibility: visible;
    opacity: 1
}

.gallery-thumb > a:hover:before {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1)
}

.multi-modules-wrapper {
    overflow: hidden
}

.multi-modules .static-banner, .multi-modules .journal-simple-slider, .multi-modules .static-banners > div {
    margin: 0 !important;
    padding: 0 !important
}

.multi-modules .static-banner .banner-overlay, .multi-modules .journal-simple-slider .banner-overlay, .multi-modules .static-banners > div .banner-overlay {
    right: 0
}

.multi-modules .tp-banner-container {
    height: auto !important
}

.multi-modules-column {
    margin-top: 0 !important
}

.multi-modules-row {
    overflow: hidden;
    position: relative
}

#top-modules .multi-modules .static-banners, #bottom-modules .multi-modules .static-banners {
    padding: 0 !important
}

.container-dimensions {
    position: absolute;
    top: 10px;
    left: 10px;
    color: red;
    z-index: 97;
    display: none
}

.multi-modules-row:hover .container-dimensions {
    display: block
}

.multi-modules-row .journal-carousel + .container-dimensions {
    display: none
}

.journal-newsletter {
    margin-bottom: 20px
}

.journal-newsletter .box-content {
    border-radius: inherit
}

.journal-newsletter .box-content:after {
    content: "";
    display: block;
    clear: both;
    height: 0
}

.journal-newsletter input + .button {
    margin-top: 10px
}

.journal-newsletter.text-left .newsletter-text {
    display: table-cell;
    vertical-align: middle;
    height: 100%;
    float: left;
    width: 50%;
    padding-right: 20px;
    text-align: left;
    line-height: 17px
}

.journal-newsletter.text-left .newsletter-input-wrap {
    display: block;
    position: relative;
    float: left;
    width: 50%
}

.journal-newsletter.text-left .newsletter-input-wrap
input {
    width: 100%;
    height: 100%;
    box-shadow: none
}

.journal-newsletter.text-left .newsletter-input-wrap .newsletter-button {
    position: absolute;
    top: 5px;
    right: 3px
}

.journal-newsletter.text-left .newsletter-input-wrap input + .button {
    margin-top: 0
}

.journal-newsletter.text-top .newsletter-text {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    line-height: 18px
}

.journal-newsletter.text-top .newsletter-input-wrap {
    display: block;
    position: relative;
    width: 100%
}

.journal-newsletter.text-top .newsletter-input-wrap
input {
    width: 100%;
    height: 100%;
    box-shadow: none;
    border: 0
}

.journal-newsletter.text-top .newsletter-input-wrap .newsletter-button {
    position: absolute;
    top: 5px;
    right: 3px
}

.journal-newsletter.text-top .newsletter-input-wrap input + .button {
    margin-top: 0
}

.side-column .journal-newsletter .newsletter-text {
    float: none;
    width: 100% !important;
    margin-bottom: 10px;
    padding: 0
}

.side-column .journal-newsletter .newsletter-input-wrap {
    float: none;
    width: 100% !important;
    height: auto !important;
    text-align: center
}

.side-column .journal-newsletter .newsletter-input-wrap
input {
    margin-bottom: 5px
}

.side-column .journal-newsletter .newsletter-input-wrap .newsletter-button {
    position: relative;
    left: auto !important;
    right: auto !important;
    width: 100%
}

.side-column .journal-newsletter .newsletter-input-wrap input + .button {
    margin-top: 0
}

.main-products {
    position: relative;
    height: 100%
}

.ie .main-products, .safari5 .main-products {
    width: 100%;
    display: table
}

.product-list .sf-loader {
    right: 0
}

.sf-loader {
    min-height: 2000px;
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)" !important;
    font-size: 14px;
    z-index: 99;
    left: 0;
    top: 20px;
    right: 20px;
    bottom: 20px;
    overflow: hidden
}

.sf-loader span {
    padding: 5px 10px;
    display: block;
    -webkit-font-smoothing: antialiased;
}

.side-column .journal-sf .box-filter > li {
    min-height: 0
}

.sf-reset {
    position: absolute;
    right: 10px;
    top: 11px;
    z-index: 99;
    transition: color .2s
}

.sf-reset .sf-reset-icon:after {
    font-size: 15px
}

.sf-reset-icon:after {
    content: "\e601";
    font-size: 14px;
    position: relative;
    margin-left: 5px;
    float: right
}

.sf-text {
    right: 7px
}

.sf-text .sf-reset-icon {
    display: none
}

.sf-icon {
    top: 10px
}

.sf-icon:before {
    border-top-color: #428bca;
    display: block
}

.sf-icon:after {
    display: block;
    background-color: #428bca;
    padding: 6px 9px
}

.sf-icon .sf-reset-text {
    display: none
}

.sf-icon .sf-reset-icon:after {
    font-size: 20px;
    position: relative;
    margin-left: 1px;
    top: -2px
}

.sf-price .ui-slider-horizontal {
    height: auto
}

.sf-price .ui-widget-content {
    border: none;
    background: white
}

.sf-price .ui-widget-header {
    background: #EA2E49;
    border: none
}

.sf-price .ui-slider-handle {
    width: 16px;
    height: 16px;
    top: 0;
    cursor: pointer;
    background: #428bca;
    border: 0;
    border-radius: 0;
    transition: background 0.2s
}

.sf-price .value {
    position: absolute;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 11px;
    color: white;
    background: #428bca;
    top: 23px;
    left: 50%;
    margin: 0 0 0 -18px;
    min-width: 36px;
    text-align: center;
    display: block;
    padding: 2px 3px
}

.sf-price .value:after {
    content: "";
    position: absolute;
    border: 7px solid transparent;
    border-bottom: 7px solid #428bca;
    border-radius: 0;
    top: -12px;
    left: 50%;
    margin-left: -7px
}

.sf-price .price-range-both.value {
    min-width: 72px;
    margin: 0 0 0 -36px;
    top: 19px
}

.sf-price .price-range-both {
    display: none
}

.journal-sf {
    position: relative
}

.journal-sf img {
    height: auto
}

.journal-sf .box-content {
    display: block;
    overflow: auto
}

.journal-sf .sf-price .box-content {
    overflow: visible
}

.journal-sf:before {
    border-top-color: #428bca;
    display: block
}

.journal-sf:after {
    display: block;
    background-color: #428bca;
    padding: 6px 9px;
    border-radius: 3px
}

.journal-sf
ul {
    border-radius: inherit;
    overflow: hidden
}

.journal-sf ul
li {
    border-bottom: 1px solid #333745
}

.journal-sf ul li:last-of-type {
    border-bottom: none
}

.journal-sf ul
label {
    width: 100%;
    display: block;
    transition: color 0.2s;
    font-weight: normal;
    margin: 0;
    padding: 0
}

.journal-sf ul label
img {
    transition: border-color 0.1s
}

.journal-sf ul label input[type=checkbox] {
    position: relative;
    margin: 0 5px 0 0
}

.journal-sf ul.hide-checkbox label input[type=checkbox] {
    display: none
}

.journal-sf .sf-both ul label
img {
    vertical-align: middle;
    margin: 0 5px 0 22px;
    float: left;
    display: block;
    max-width: 42px
}

.journal-sf .sf-both ul label .sf-name {
    line-height: 100%;
    vertical-align: middle;
    display: table-cell;
    height: 42px;
    max-width: 135px
}

.journal-sf .sf-both ul label input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.journal-sf .sf-both ul.hide-checkbox label
img {
    margin-left: 0
}

.journal-sf .sf-both ul.hide-checkbox label input[type=checkbox] {
    display: none
}

.journal-sf .sf-image .box-content {
    overflow: hidden;
    max-height: 310px
}

.journal-sf .sf-image .box-content
ul {
    display: block
}

.journal-sf .sf-image .box-content ul
li {
    border-bottom: none !important;
    float: left;
    width: 25%;
    padding: 0
}

.journal-sf .sf-image .box-content ul
label {
    width: 100%;
    display: block
}

.journal-sf .sf-image .box-content ul label
img {
    display: block;
    margin: 0;
    width: 100%;
    height: auto
}

.journal-sf .sf-image .box-content ul label input[type=checkbox] {
    display: none
}

.journal-sf .sf-image .box-content ul.hide-checkbox label input[type=checkbox] {
    display: none
}

.mfp-removing .journal-popup {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

.mfp-removing.mfp-bg {
    opacity: 0;
    transition: all 0.2s ease-in-out
}

.mfp-close {
    opacity: 1;
    transition: all 0.2s
}

.journal-popup {
    position: relative;
    background: #FFF;
    margin: 0 auto
}

.journal-popup .journal-newsletter {
    margin-bottom: 0;
    padding: 0 20px
}

.journal-popup .journal-newsletter .box-content {
    padding: 0 !important;
    background-color: transparent !important
}

.journal-popup .mfp-close {
    color: white;
    top: -38px;
    right: -16px
}

.journal-popup
* {
    box-sizing: border-box
}

.journal-popup div.journal-popup-header-content {
    text-align: center;
    border: 0;
    border-radius: 0;
    white-space: normal;
    line-height: 1.4;
    padding: 9px 0
}

.journal-popup .button-icon-right
i {
    float: right;
    margin-right: 0 !important;
    margin-left: 5px
}

.journal-popup .journal-popup-header {
    border-radius: 0
}

.journal-popup-content {
    overflow: hidden;
    color: #333745
}

.journal-popup-content.overflow-on {
    overflow: auto
}

.journal-popup-header, .journal-popup-footer, .journal-popup-newsletter {
    display: table;
    width: 100%
}

.journal-popup-header-content, .journal-popup-footer-content, .journal-popup-newsletter-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.journal-popup-footer-content {
    text-align: left;
    padding-left: 15px;
    background-color: #f4f4f4
}

.journal-popup-footer-content
.button {
    line-height: 38px
}

.dont-show-label
label {
    font-weight: normal
}

.dont-show-label input[type='checkbox'] {
    margin-right: 0;
    position: relative
}

.firefox .dont-show-label input[type='checkbox'] {
    margin-right: 0;
    margin-left: 10px
}

.firefox .journal-popup-footer-content
.button {
    line-height: 39px
}

.journal-popup-footer-content.has-btn {
    text-align: center
}

.journal-popup-footer-content.has-btn .button:first-of-type {
    margin-right: 8px
}

.journal-popup-footer-content.has-btn .dont-show-label {
    position: absolute;
    left: 0;
    margin-top: 9px
}

.journal-popup {
    display: none
}

.has-popup .journal-popup {
    display: block
}

.has-popup.tablet body,
.has-popup.mobile
body {
    position: fixed;
    width: 100%
}

@media only screen and (max-width: 760px) {
    .mfp-container {
        padding: 0
    }

    .journal-popup, .mfp-wrap {
        width: 100% !important
    }

    .mfp-wrap {
        overflow-y: auto;
        overflow-x: hidden
    }

    .mfp-content {
        overflow: visible
    }

    .journal-popup, .journal-popup-content {
        height: auto !important
    }

    .journal-popup .journal-popup-header-content {
        font-size: 1.2em !important;
        padding-left: 12px;
        padding-right: 12px;
        white-space: normal;
        line-height: 100%
    }

    .journal-popup-newsletter .journal-newsletter {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .journal-popup-newsletter .journal-newsletter.text-left .newsletter-text,
    .journal-popup-newsletter .journal-newsletter.text-left .newsletter-input-wrap {
        width: 100%;
        float: none;
        margin-top: 10px
    }
}

@media only screen and (max-width: 400px) {
    .journal-popup-contact .mfp-close {
        top: -7px;
        right: -10px;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3)
    }
}

@media only screen and (max-width: 330px) {
    .journal-popup-contact input[type='text'],
    .journal-popup-contact input[type='email'],
    .journal-popup-contact input[type='password'],
    .journal-popup-contact
    textarea {
        max-width: 94% !important
    }
}

.journal-popup-contact .content, .journal-popup-contact
fieldset {
    padding: 15px
}

.journal-popup-contact .content b, .journal-popup-contact fieldset
b {
    display: inline-block;
    margin: 9px 0 4px 0
}

.journal-popup-contact .content b:first-of-type, .journal-popup-contact fieldset b:first-of-type {
    margin-top: 0
}

.journal-popup-contact .content b:last-of-type, .journal-popup-contact fieldset b:last-of-type {
    display: block
}

.journal-popup-contact .content b:last-of-type + br, .journal-popup-contact fieldset b:last-of-type + br {
    display: none
}

.journal-popup-contact .content textarea + br, .journal-popup-contact fieldset textarea + br {
    display: none
}

.journal-popup-contact .content input[name='captcha'], .journal-popup-contact fieldset input[name='captcha'] {
    margin: 0 10px 0 0;
    height: 35px;
    display: block;
    float: left
}

.journal-popup-contact input + br, .journal-popup-contact input + br + br {
    display: none
}

.journal-popup-contact input[type='text'],
.journal-popup-contact input[type='email'] {
    max-width: 600px
}

.oc2 .journal-popup-contact .form-horizontal .form-group
label {
    width: 100%;
    float: none;
    padding-top: 0;
    font-weight: bold;
    margin-bottom: 2px
}

.oc2 .journal-popup-contact .form-horizontal .form-group label:before {
    display: none
}

.oc2 .journal-popup-contact .form-horizontal .form-group label + div {
    width: 100%;
    float: none
}

.oc2 .journal-popup-contact .pull-right {
    float: none
}

.oc2 .journal-popup-contact .form-group:last-of-type {
    margin-top: -40px;
    margin-left: 160px
}

.journal-carousel > div.posts {
    overflow: visible
}

.gutter-on
.posts {
    margin-bottom: -20px
}

.posts {
    margin: 20px -20px 0 0;
    text-align: center
}

.posts > div {
    margin-bottom: 20px
}

.posts
h2 {
    padding: 10px 0 5px 0;
    display: table;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 16px;
    table-layout: fixed
}

.posts h2
a {
    display: table-cell;
    vertical-align: middle;
    transition: color 0.2s;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.gutter-on .posts > div {
    margin-bottom: 0
}

.gutter-on .posts > div.owl-controls .owl-pagination {
    margin-top: 10px;
    margin-bottom: -10px
}

.post-item-details {
    text-align: center;
    overflow: hidden
}

.post-image:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

.post-image
img {
    width: 100%;
    height: auto;
    float: left
}

.post-wrapper {
    margin-right: 20px;
    overflow: hidden;
    transition: all 0.2s
}

.post-text {
    padding: 10px 0 10px 0;
    font-size: 14px;
    line-height: 17px;
    overflow: hidden
}

.post-text
span {
    display: block
}

.post-view-more.button {
    margin: 5px 0 15px 0;
    padding: 10px;
    line-height: 100% !important
}

.post-button-left-icon:before {
    margin-right: 5px
}

.post-button-left-icon:before:before {
    transition: all 0.2s
}

.post-button-right-icon {
    display: none
}

.post-button-right-icon:before {
    transition: all 0.2s;
    margin-left: 5px
}

.blog-list-view .post-view-more {
    margin: 5px 0 5px 0
}

.comment-date {
    padding: 7px 0 8px 0;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4;
    display: inline-block;
    color: #999;
    font-size: 12px
}

.comment-date
span {
    display: inline-block;
    position: relative;
    text-align: left
}

.comment-date span:before {
    margin-right: 4px;
    position: relative;
    display: block;
    float: left;
    font-size: 13px
}

.firefox .comment-date span:before {
    margin-top: -2px
}

.p-author {
    margin-right: 7px
}

.p-author:before {
    content: "\e1b8"
}

.p-date {
    margin-right: 7px
}

.p-date:before {
    content: "\e6b3"
}

.p-comment:before {
    content: "\e1ae"
}

.p-category a + span {
    display: inline-block !important
}

.p-category a:last-of-type + span {
    display: none !important
}

.p-category:before {
    content: "\e6b2"
}

.p-category > a {
    transition: all 0.2s;
    margin-left: 5px
}

.p-category > a:first-of-type {
    margin-left: 0
}

.p-category > a:last-of-type + span {
    display: none
}

.posts.blog-list-view {
    text-align: left;
    margin: 20px 0 0 0
}

.posts.blog-list-view > div {
    width: 100% !important
}

.posts.blog-list-view .post-image {
    float: left;
    padding-right: 15px;
    overflow: hidden;
    width: 33.333333%
}

.posts.blog-list-view
h2 {
    padding: 0;
    margin-top: 0;
    line-height: 24px;
}

.posts.blog-list-view h2
a {
    height: auto !important;
    display: block;
    white-space: normal
}

.posts.blog-list-view h2 a
span {
    display: inline-block;
    border-bottom: 1px solid #E4E4E4;
    padding: 0 0 7px 0
}

.posts.blog-list-view .post-item-details {
    float: left;
    width: 66.666666%;
    padding: 0;
    text-align: left !important
}

.posts.blog-list-view .post-wrapper {
    margin-right: 0;
    padding: 10px
}

.posts.blog-list-view .post-text {
    padding: 10px 10px 8px 0
}

.posts.blog-list-view .comment-date {
    padding: 5px 0;
    border: 0
}

.blog-post .heading-title {
    margin-bottom: 0
}

.blog-post .post-stats {
    margin-bottom: 15px;
    padding: 10px 0 10px 0
}

.blog-post .post-stats .p-posted {
    margin-right: 2px
}

.blog-post .post-stats > span {
    margin-right: 10px;
    display: inline-block;
    clear: both
}

.blog-post .post-stats > span:before {
    display: inline-block;
    margin-right: 4px;
    position: relative;
    float: left
}

.blog-post .post-stats > span.p-category:before {
    margin-right: 6px
}

.blog-post .post-stats.comment-date {
    border-width: 0;
    display: block
}

.blog-post
.social {
    border-top: 1px solid #EEE;
    margin-top: 15px;
    clear: both;
    padding: 12px 8px 0 0;
    margin-bottom: 0;
    background-position: 0 center;
    background-color: inherit !important;
    background-image: none
}

.blog-post .social-loaded {
    display: inline-block
}

.blog-post
.tags {
    margin: 20px 10px 22px 0;
    font-size: 13px
}

.blog-post .tags a, .blog-post .tags
b {
    display: initial;
    border-radius: 0;
    transition: all 0.2s;
    padding: 4px 7px 5px 7px;
    margin-right: 5px;
}

.post-details {
    overflow: hidden;
    font-size: 14px
}

.post-details
img {
    max-width: 100%;
    height: auto
}

.post-details
blockquote {
    padding: 0 0 0 15px;
    border-width: 0;
    border-left: 10px solid #EA2E49;
    margin: 20px;
    line-height: 20px;
    font-style: italic
}

.post-details:after {
    content: "";
    display: table;
    width: 100%;
    clear: both
}

.comments {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 17px
}

.comments > .comment {
    color: #333745;
    position: relative;
    margin-top: 20px;
    padding: 13px 13px 7px 13px
}

.comments > .comment
p {
    font-size: 14px
}

.comments > .comment:first-of-type {
    margin-top: 0
}

.comments > .comment:nth-child(even) {
    background-color: #f4f4f4
}

.comments > .comment:nth-child(odd) {
    background-color: #f4f4f4
}

.comments > .comment:after {
    content: ""
}

.comments > h3 {
    padding: 15px 0;
    font-size: 17px
}

.comments
.avatar {
    display: block;
    float: left;
    margin-right: 15px;
    margin-bottom: 0
}

.comments .user-name {
    font-size: 18px;
    font-weight: bold
}

.comments .user-date {
    margin: 2px 0 4px 0;
    font-size: 11px;
    color: #5F6874
}

.comments .user-date:before {
    margin-right: 3px;
    position: relative
}

.comments .user-time:before {
    margin-right: 3px;
    position: relative
}

.comments .user-site {
    font-size: 13px
}

.comments .reply-btn {
    position: absolute;
    top: 12px;
    right: 13px;
    line-height: 100%;
    padding: 8px 10px
}

.comments
.comment {
    position: relative
}

.comments .comment > p {
    line-height: 16px;
    padding-bottom: 5px
}

.comments .comment + .success {
    margin-top: 20px;
    color: #333745
}

.comments .reply + .success {
    margin-top: 15px;
    margin-left: 85px;
    width: auto
}

.comments .main-comment + .success {
    margin-top: 15px
}

.comments
.reply {
    position: relative;
    padding: 13px 13px 7px 13px;
    margin-left: 85px;
    margin-top: 15px
}

.comments .reply:nth-of-type(even) {
    background-color: #e9e9e9
}

.comments .reply:nth-of-type(odd) {
    background-color: #e9e9e9
}

.comments .reply:after {
    content: ""
}

.post-comment {
    margin-bottom: 20px
}

.post-comment
h3 {
    padding: 15px 0;
    font-size: 17px
}

.comment-submit.button, .reply-submit.button {
    display: inline-block;
    margin-top: 10px;
    line-height: 100%;
    padding: 10px
}

.comment-form form > div
input {
    display: block;
    max-width: 350px;
    margin-bottom: 10px
}

.reply .main-comment
.button {
    display: none
}

.reply-form {
    margin-left: 85px
}

.reply-form
h3 {
    border-bottom-width: 0;
    padding: 15px 0
}

.reply-form .comment-form {
    padding: 0;
    background-color: transparent
}

.has-error .form-control {
    border: 1px solid #EA2E49 !important
}

.button.disabled {
    opacity: .7;
    cursor: wait
}

.side-posts .box-post {
    overflow: hidden;
    position: relative
}

.post-module.no-heading
.posts {
    margin-top: 0
}

.post-module {
    display: table
}

.post-module.journal-carousel {
    display: block
}

.side-blog .box-post {
    padding: 10px 0 0 0
}

.side-blog .box-category.box-post {
    padding: 0
}

.side-post + hr {
    margin-bottom: 10px;
    background-color: transparent;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #f4f4f4
}

.side-post {
    margin-bottom: 15px;
    overflow: hidden;
}

.side-post:after {
    content: "";
    display: block;
    clear: both
}

.side-post:last-of-type {
    margin-bottom: 0
}

.side-post:last-of-type + hr {
    display: none
}

.side-post .comment-date {
    border-bottom: none;
    border-top: none;
    display: block;
    width: 100%;
    padding: 0
}

.side-post .p-comment {
    margin-right: 0
}

.side-post .p-date {
    margin-right: 10px
}

.side-post-details {
    float: left;
    width: 75%
}

.side-post-image {
    width: 20%;
    display: block;
    float: left;
    overflow: hidden;
    margin-right: 5%
}

.side-post-image
img {
    width: 100%;
    height: auto;
    float: left
}

.side-post-image:after {
    content: "";
    display: table;
    clear: both
}

.side-post-title {
    display: block;
    margin-bottom: 6px;
    transition: all 0.2s
}

.blog-comments
img {
    max-width: 55px;
    height: auto
}

.blog-comments .p-user:before {
    display: block;
    float: left
}

.comment-author:after {
    content: "";
    display: table;
    clear: both
}

.side-blog-tags .box-tag {
    overflow: hidden
}

.side-blog-tags .box-tag > div {
    margin-bottom: -7px;
    overflow: hidden
}

.side-blog-tags .box-tag
a {
    float: left;
    display: block;
    background-color: #3F5765;
    color: white;
    margin: 0 6px 6px 0;
    padding: 3px 7px 5px 7px;
    transition: all 0.2s
}

.side-blog-tags .box-tag a:hover {
    background-color: #5C8BA6
}

.box-search {
    position: relative;
    height: 33px
}

.box-search
a {
    display: table;
    width: 33px;
    height: 100%;
    position: absolute;
    top: 0;
    right: 2px;
    transition: color 0.2s;
    padding-left: 1px;
    border-left: 1px solid #EEE
}

.box-search a:before {
    content: '\e697';
    font-size: 18px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    color: #ccc
}

.column.posts {
    margin: 0
}

.column.posts
h3 {
    margin-bottom: 7px
}

.column.posts > div {
    margin-bottom: 0
}

.footer-post {
    padding: 6px 0;
    border-bottom-width: 1px;
    border-style: solid;
    border-color: #f4f4f4
}

.footer-post .comment-date {
    padding: 5px 0 0 0;
    color: #E4E4E4
}

.footer-post:after {
    content: "";
    display: table;
    clear: both
}

.footer-post:first-of-type {
    padding-top: 0
}

.footer-post:last-of-type {
    border-bottom: 0
}

.footer-post-image {
    display: block;
    overflow: hidden;
    float: left;
    margin-right: 10px
}

.footer-post-title,
.footer-post .comment-date {
    display: block;
    text-align: left;
    border-width: 0;
    transition: all 0.2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.footer-post .comment-date {
    font-size: 11px;
    padding: 3px 0 0 0
}

.footer-post .comment-date span:before {
    font-size: 12px
}

.journal-blog-feed {
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 20px;
    margin-top: 30px;
    transition: all 0.2s;
    color: #222
}

.journal-blog-feed:before {
    content: "\e6b4";
    color: #FF8000;
    margin-right: 5px;
    position: relative;
    top: 1px
}

.cart-info
.stock {
    color: red
}

.cart-info
.name {
    max-width: 400px;
    text-align: left
}

.cart-info .name
a {
    font-weight: bold
}

.cart-info
.image {
    text-align: center;
    width: 60px
}

.cart-info .image
img {
    margin: 5px 0;
    float: left;
    margin-left: 10px
}

.cart-info
.quantity {
    min-width: 110px;
    text-align: center
}

.cart-info .quantity .input-group {
    display: inline-block
}

.cart-info .quantity .input-group
input {
    margin-right: 5px;
    border-radius: 4px
}

.cart-info .quantity .input-group .btn-primary {
    background-color: #428bca
}

.cart-info .quantity .input-group .btn-primary:hover {
    background-color: #3071a9
}

.cart-info .quantity .input-group .btn-danger {
    background-color: #EA2E49
}

.cart-info .quantity .input-group .btn-danger:hover {
    background-color: #d01530
}

.cart-info .price, .cart-info
.total {
    font-weight: bold
}

.cart-info
table {
    overflow: hidden
}

.cart-info
td {
    padding: 5px 10px 5px 5px;
    text-align: center
}

.cart-info thead
td {
    height: 40px;
    font-weight: bold;
    border-bottom: none;
    font-size: 13px
}

.cart-info tbody
td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #E4E4E4
}

.cart-info tbody
td.image {
    padding-left: 0
}

.cart-info tbody tr:last-of-type
td {
    border-bottom: none
}

#content.sc-page .content p, #content.sc-page .action-area
p {
    padding: 10px;
    font-size: 13px
}

#content.sc-page .content table.radio .highlight
td {
    border-bottom: 1px solid #E4E4E4
}

#content.sc-page .content table.radio .highlight:last-of-type
td {
    border-bottom: none
}

#content.sc-page a + .text-danger {
    color: #EA2E49;
    background-color: transparent
}

.cart-module > div {
    display: none
}

.cart-module > div
form {
    padding-left: 10px
}

.cart-module > div form input[type='text'] {
    max-width: 240px;
    margin: 20px 0
}

.cart-module > div input[name='postcode'] {
    width: 100px;
    margin-left: 6px;
    margin-top: 5px
}

#shipping
table {
    padding: 10px 0;
    width: 45%
}

#shipping table td:first-of-type {
    font-weight: bold
}

#shipping
select {
    width: 150px
}

#shipping
.button {
    margin: 10px 0
}

.cart-total {
    overflow: auto;
    padding: 8px
}

.cart-total
table {
    float: right
}

.cart-total
td {
    padding: 4px;
    text-align: right
}

label {
    line-height: 1.5;
    font-size: 13px;
    position: relative
}

#total
.right {
    font-size: 14px;
    width: 87%;
    font-weight: bold
}

.quantity input[type='text'] {
    width: 40px;
    text-align: center
}

.action-area {
    overflow: hidden
}

.action-area
h3 {
    padding: 10px 12px
}

.oc2 .action-area .panel-group {
    margin-bottom: 0
}

.oc2 .action-area .panel-body
label {
    display: inline-block;
    margin-bottom: 5px
}

.oc2 .action-area .panel-body .input-group input[type="text"] {
    min-width: 300px
}

.oc2 .action-area .panel-body .input-group
.button {
    margin-left: 5px
}

.oc2 .action-area .form-group {
    clear: both;
    margin-top: 10px
}

.oc2 .action-area .form-group
label {
    min-width: 150px;
    float: left;
    margin-bottom: 0
}

.oc2 .action-area .form-group input[type="text"] {
    max-width: 160px
}

.oc2 .checkout
#accordion {
    overflow: hidden
}

.oc2 .checkout-content {
    background-color: transparent;
    padding: 0;
    display: block
}

.oc2 .checkout-content .right .form-group {
    margin-bottom: 8px
}

.oc2 .checkout-content p, .oc2 .checkout-content
.radio {
    padding: 10px 0 0 0
}

.order-list .list
td {
    text-align: center
}

.checkout {
    margin-bottom: 20px;
    overflow: hidden
}

.checkout
select {
    margin: 0
}

.checkout div:last-of-type .checkout-heading {
    border-bottom: none
}

.checkout-heading {
    border-bottom: 1px solid #333745;
    font-size: 13px;
    min-height: 35px;
    padding: 10px;
    clear: both
}

.checkout-heading
a {
    float: right;
    margin-top: 1px;
    font-weight: normal;
    text-decoration: none
}

.checkout-content {
    padding: 0 0 15px 0;
    display: none;
    position: relative
}

.checkout-content:after {
    content: "";
    display: table;
    clear: both
}

.checkout-content table.radio td:first-child {
    width: 25px
}

.checkout-content
p {
    padding: 10px 0
}

.checkout-content
.left {
    float: left;
    width: 48%
}

.checkout-content
.right {
    float: right;
    width: 48%
}

.checkout-content .left p:last-of-type {
    min-height: 92px
}

.checkout-content
.buttons {
    margin-bottom: 0;
    clear: both
}

.checkout-content .buttons
.right {
    width: 100%
}

.checkout-content
textarea {
    width: 100% !important;
    margin-top: 15px
}

#payment-address
h2 {
    margin-bottom: 15px
}

.checkout-product
.total {
    font-weight: bold
}

.checkout-product
td {
    padding: 15px
}

.checkout-product thead
td {
    font-weight: bold;
    padding: 13px
}

.checkout-product .name,
.checkout-product
.model {
    text-align: left
}

.checkout-product .quantity,
.checkout-product .price,
.checkout-product
.total {
    text-align: right
}

.checkout-product tbody
td {
    border-bottom: 1px solid #f4f4f4
}

.checkout-product tfoot
td {
    text-align: right;
    padding: 6px 15px
}

.wait {
    position: absolute;
    padding-top: 12px;
    right: -10px;
    bottom: 30px
}

.newsletter-page
table.form {
    padding-top: 0
}

.oc2 .oc-newsletter .form-horizontal .form-group > label {
    width: auto;
    padding-top: 10px
}

.oc2 .oc-newsletter .form-horizontal .form-group .radio-inline {
    width: auto
}

.oc2 .oc-newsletter .form-horizontal .form-group label + div {
    float: none;
    padding-top: 0
}

.returns > h1 + p {
    margin-bottom: 15px
}

.returns form h2, .returns form
.content {
    margin-bottom: 15px
}

.returns
.left {
    float: none
}

.returns .buttons
.left {
    float: left
}

@media only screen and (max-width: 980px) {
    .return-product > div {
        width: 100%;
        display: block
    }

    .return-product > div
    input {
        margin: 3px 0
    }

    .return-detail > div {
        width: 100%;
        display: block
    }

    .return-reason {
        margin-bottom: 20px
    }
}

.sitemap-info {
    overflow: auto;
    padding-bottom: 20px
}

.sitemap-info
ul {
    margin: 0;
    padding: 0
}

.sitemap-info ul
li {
    list-style: none;
    padding: 2px;
    margin-bottom: 1px;
    font-weight: bold
}

.sitemap-info > div {
    float: left;
    width: 50%;
    padding-left: 7px
}

.sitemap-info > div > ul {
    padding: 10px 0 5px 15px
}

.sitemap-info > div > ul > li
ul {
    margin-left: 7px
}

.sitemap-info > div > ul > li ul > li
a {
    font-weight: normal
}

.sitemap-info > div > ul > li > ul li:before {
    font-size: 12px
}

.sitemap-info > div:first-of-type {
    padding-left: 0;
    padding-right: 10px
}

.header-default-sticky .manufacturer-list a[id]:before, .header-slim-sticky .manufacturer-list a[id]:before {
    content: "";
    display: block;
    height: 120px;
    margin-top: -120px
}

.header-center-sticky .manufacturer-list a[id]:before {
    content: "";
    display: block;
    height: 150px;
    margin-top: -150px
}

.manufacturer-list:first-of-type {
    margin-top: 10px
}

.manufacturer-list {
    overflow: auto
}

.manufacturer-list
ul {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px
}

.manufacturer-heading {
    background: #5F6874;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 8px;
    margin-bottom: 6px
}

.manufacturer-content {
    padding: 8px
}

.manufacturer-list
ul {
    float: left;
    width: 25%;
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 10px
}

.contact-page
h2 {
    margin-bottom: 15px
}

.contact-page
.buttons {
    margin-top: 15px
}

.contact-page .content
b {
    margin-bottom: 5px;
    display: inline-block
}

.contact-info {
    overflow: auto
}

.contact-info > div > div {
    float: left;
    width: 48%;
    margin-bottom: 10px
}

.oc2 .contact-page
h2 {
    margin-bottom: 15px
}

.oc2 .contact-page
.fa {
    top: -1px;
    font-size: 16px
}

.oc2 .contact-page
.col {
    float: left;
    width: 25%;
    padding-left: 15px
}

.oc2 .contact-page .col
strong {
    display: inline-block;
    margin-bottom: 5px
}

.oc2 .contact-page .col:first-of-type {
    padding-left: 0
}

.oc2 .contact-page .col-sm-10 {
    width: 75%;
    margin-bottom: 5px
}

.oc2 .contact-page input[name='captcha'] {
    margin: 0
}

.oc2 .contact-page .panel-body {
    margin-bottom: 20px;
    overflow: hidden
}

.oc2 .img-thumbnail {
    max-width: 100%;
    height: auto
}

.oc2
address {
    margin-bottom: 20px
}

.route-account-return-add fieldset .radio label,
.route-account-return-add fieldset .radio-inline {
    width: 100% !important
}

#content.search-page .buttons + h2 {
    margin-bottom: 15px
}

#content.search-page
.content {
    margin: 15px 0;
    padding-bottom: 5px;
    overflow: hidden
}

#content.search-page .content input[type="text"] {
    width: 265px
}

#content.search-page .content
select {
    margin: 10px
}

#content.search-page .content > div {
    float: left;
    position: relative
}

#content.search-page .content .s-check {
    top: 7px
}

.compare-info
img {
    max-width: 100% !important
}

.login-content {
    overflow: auto;
    margin-bottom: 15px
}

.login-content .content input + a {
    display: block
}

.login-content .login-wrap {
    min-height: 200px
}

.login-content
h2 {
    margin-bottom: 15px
}

.login-content > div {
    width: 48%;
    position: relative;
    padding: 15px;
    min-height: 345px
}

.login-content
.left {
    float: left
}

.login-content .left
.button {
    margin: 2px 0
}

.login-content .left p:first-child {
    font-size: 15px;
    margin-top: 7px
}

.login-content .left p:nth-child(2) {
    font-size: 13px;
    line-height: 1.3;
    overflow: hidden;
    margin-top: 15px
}

.login-content
.right {
    float: right
}

.login-content .right p:first-child {
    font-size: 15px;
    margin-top: 7px
}

.login-content .right
b {
    display: block;
    margin-top: 18px
}

.login-content .right
a {
    position: relative;
    top: 7px;
    font-size: 13px;
    text-decoration: underline
}

.login-content .right
input.button {
    cursor: pointer
}

.login-content
hr {
    height: 1px;
    display: block;
    width: 100%;
    border: 0;
    margin-bottom: 14px;
    margin-top: 4px
}

.address-entry
.content {
    border-bottom: 1px solid #E4E4E4
}

.address-entry tr:last-child
td {
    border-bottom: none
}

.address-entry td:first-of-type {
    line-height: 1.5;
    padding: 8px 0
}

.address-entry td:last-of-type {
    text-align: right
}

.content:last-of-type .address-entry {
    border-bottom: none
}

.box-heading + table.list {
    margin-top: 20px
}

table {
    width: 100%;
    border-spacing: 0
}

table td a + a {
    margin-left: 15px
}

table.list {
    margin-bottom: 20px;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    overflow: hidden
}

table.list
td {
    border-right: 1px solid #CCC;
    border-top: 1px solid #CCC;
    padding: 8px
}

table.list thead
td {
    text-align: left
}

table.list tbody
td {
    vertical-align: middle
}

table.list
.left {
    max-width: 390px
}

table.list .t-span-1 {
    display: none
}

table.radio
td {
    padding: 6px
}

table.radio td
label {
    display: block
}

table.radio td:first-child {
    width: 1px
}

table.radio .highlight:hover
td {
    cursor: pointer
}

table.form {
    width: 100%;
    padding-top: 15px;
    margin-bottom: 15px
}

table.form
td {
    padding: 5px
}

table.form td:first-child {
    width: 150px;
    font-weight: bold
}

.wishlist-info
table {
    overflow: hidden
}

.wishlist-info thead
td {
    font-weight: bold;
    background-color: #5f6874
}

.wishlist-info thead
.image {
    line-height: 40px
}

.wishlist-info thead
td {
    text-align: center
}

.wishlist-info thead
.action {
    padding-right: 8px
}

.wishlist-info thead
.name {
    text-align: left;
    padding-left: 10px
}

.wishlist-info
td {
    text-align: center
}

.wishlist-info tbody
td {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #E4E4E4;
    padding: 5px 5px 5px 0;
    text-align: center
}

.wishlist-info tbody
.image {
    text-align: center
}

.wishlist-info tbody .image
img {
    margin: 5px 0;
    float: left;
    margin-left: 10px
}

.wishlist-info tbody
.name {
    text-align: left;
    padding-left: 10px;
    font-size: 14px
}

.wishlist-info tbody .action
img {
    display: inline-block;
    margin: 0 2px
}

.wishlist-info tbody:last-of-type tr
td {
    border-bottom: none
}

.wishlist-info tbody
.price {
    font-weight: bold
}

.compare-info {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px;
    overflow: hidden
}

.compare-info thead
td {
    font-size: 14px;
    font-weight: bold;
    background: #5f6874;
    text-align: center
}

.compare-info
td {
    padding: 7px;
    width: 20%;
    color: #333;
    text-align: center;
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb
}

.compare-info .name
a {
    font-weight: bold
}

.compare-info .price-old {
    font-weight: bold;
    color: #EA2E49;
    text-decoration: line-through
}

.compare-info .price-new {
    font-weight: bold
}

.order-list {
    overflow: hidden;
    margin-bottom: 15px
}

.order-list .order-id {
    width: 50%;
    float: left;
    font-weight: bold;
    color: #333745;
    padding-left: 10px;
    line-height: 30px
}

.order-list .order-id
b {
    font-weight: bold
}

.order-list .order-status {
    width: 50%;
    float: right;
    text-align: right;
    font-weight: bold;
    padding-right: 10px;
    line-height: 30px
}

.order-list .order-content {
    display: inline-block;
    width: 100%;
    background: #f4f4f4
}

.order-list .order-content:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    opacity: 0
}

.order-list .order-content
div {
    float: left;
    width: 33.3%;
    padding-left: 10px;
    padding-right: 15px;
    padding: 10px 15px 0 15px
}

.order-list .order-content div
b {
    display: inline-block;
    padding: 2px
}

.order-list div.order-info {
    text-align: right;
    padding-right: 12px;
    padding-top: 22px
}

.pagination1 + .buttons {
    margin-top: 5px
}

.return-list {
    margin-bottom: 10px
}

.return-list .return-id {
    width: 49%;
    float: left;
    margin-bottom: 2px
}

.return-list .return-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px
}

.return-list .return-content {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4
}

.return-list .return-content
div {
    float: left;
    width: 33.3%
}

.return-list .return-info {
    text-align: right
}

.return-product {
    overflow: auto;
    margin-bottom: 20px
}

.return-product input[type='text'] {
    min-width: 150px
}

.return-name {
    float: left;
    width: 31%;
    margin-right: 15px
}

.return-model {
    float: left;
    width: 31%;
    margin-right: 15px
}

.return-quantity {
    float: left;
    width: 31%
}

.return-detail {
    overflow: auto;
    margin-bottom: 20px
}

.return-reason {
    float: left;
    width: 31%;
    margin-right: 15px
}

.return-opened {
    float: left;
    width: 31%;
    margin-right: 15px
}

.return-opened
textarea {
    min-width: 150px !important
}

.return-opened
textarea {
    width: 98%;
    vertical-align: top
}

.return-captcha {
    float: left
}

.download-list {
    margin-bottom: 10px
}

.download-list .download-id {
    width: 49%;
    float: left;
    margin-bottom: 2px
}

.download-list .download-status {
    width: 49%;
    float: right;
    text-align: right;
    margin-bottom: 2px
}

.download-list .download-content {
    padding: 10px 0;
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    border-top: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4
}

.download-list .download-content
div {
    float: left;
    width: 33.3%
}

.download-list .download-info {
    text-align: right
}

.oc2 .account-text {
    margin-bottom: 15px
}

.oc2 .login-wrap .form-group {
    margin-top: 15px
}

#blogCatArticles {
    margin-bottom: 20px
}

#blogCatArticles
h3 {
    font-size: 15px
}

#blogCatArticles h3
a {
    font-family: inherit
}

#blogCategory {
    margin-bottom: 10px
}

.articleHeader {
    margin: 0 0 10px 0
}

.articleCat, .blogCol2
.articleCat {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc
}

#blogArticle
.articleHeader {
    margin: 0
}

#blogArticle .articleHeader
h1 {
    padding-left: 10px;
    line-height: 40px;
    max-height: 40px;
    font-size: 15px;
    font-weight: normal;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border: none
}

#blogArticle .articleHeader > span {
    display: block;
    padding: 5px 0;
    color: #5F6874
}

.articleBottom {
    clear: both
}

.articleBottom h4,
#blogCategory
h4 {
    margin: 0 0 5px 0
}

.articleBottom ul,
#blogCategory
ul {
    margin: 0 0 0 10px
}

.livemarks
a {
    margin-right: 5px;
    margin-top: -44px
}

#articleComments {
    border: 0
}

.blogTags
a {
    padding: 2px 4px 3px 4px;
    color: #222;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    font-size: 13px !important;
    display: inline-block;
    margin-bottom: 4px
}

.recentArticles, .popularArticles {
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0
}

.recentArticles li, .popularArticles
li {
    float: left;
    margin-bottom: 15px
}

.recentArticles li > a, .popularArticles li > a {
    display: block;
    float: left;
    color: #428bca
}

.recentArticles li > a + a, .popularArticles li > a + a {
    float: none
}

.recentArticles li > span, .popularArticles li > span {
    display: block;
    font-size: 85%
}

.box-footer {
    clear: both
}

#column-right .recentArticles, #column-right .popularArticles, #column-left .recentArticles, #column-left
.popularArticles {
    list-style: none;
    margin: 0;
    padding: 0
}

#column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles
li {
    float: none;
    background-color: #f4f4f4;
    border-bottom: 1px solid #E4E4E4;
    margin: 0
}

#column-right .recentArticles li > a, #column-right .popularArticles li > a, #column-left .recentArticles li > a, #column-left .popularArticles li > a {
    display: inline-block;
    float: left;
    color: #428bca;
    background-color: transparent;
    border-bottom: 0;
    padding: 10px 5px 10px 10px
}

#column-right .recentArticles li > a + a, #column-right .popularArticles li > a + a, #column-left .recentArticles li > a + a, #column-left .popularArticles li > a + a {
    float: none;
    padding: 10px 0 3px 0
}

#column-right .recentArticles li > span, #column-right .popularArticles li > span, #column-left .recentArticles li > span, #column-left .popularArticles li > span {
    display: block;
    font-size: 85%
}

#column-right .recentArticles li p, #column-right .popularArticles li p, #column-left .recentArticles li p, #column-left .popularArticles li
p {
    clear: both;
    padding: 0
}

#column-right .recentComments, #column-left
.recentComments {
    list-style: none;
    margin: 0;
    padding: 0
}

#column-right .recentComments li, #column-left .recentComments
li {
    float: none;
    background-color: #f4f4f4;
    border-bottom: 1px solid #E4E4E4;
    padding-top: 10px;
    overflow: hidden
}

#column-right .recentComments li > a, #column-left .recentComments li > a {
    display: inline-block;
    float: left;
    background-color: transparent;
    border-bottom: 0;
    padding: 0 5px 10px 10px
}

#column-right .recentComments li > a + i + a, #column-left .recentComments li > a + i + a {
    float: none;
    padding: 10px 0 3px 0;
    display: block
}

#column-right .recentComments li > span, #column-left .recentComments li > span {
    display: block;
    font-size: 85%
}

#column-right .recentComments li p, #column-left .recentComments li
p {
    clear: both;
    padding: 0
}

#productRelated .secondary-title {
    margin-top: 15px
}

.side-column .recentArticles li:last-of-type,
.side-column .popularArticles li:last-of-type,
.side-column .recentArticles li:last-of-type,
.side-column .popularArticles li:last-of-type,
.side-column .box-content ul > li:last-of-type:last-of-type,
.side-column .box-content ul > li:last-of-type:last-of-type,
.side-column .box-content ul > li:last-of-type a:last-of-type,
.side-column .box-content ul > li:last-of-type a:last-of-type {
    border-bottom-width: 0
}

.blogTags .box-content {
    padding: 5px
}

.blogArchives ul
ul {
    margin: 0
}

.blogArchives
li {
    background: none
}

.box-content .recentComments li a:before {
    display: none
}

.recentArticles li > a,
.popularArticles li > a {
    float: none !important
}

.recentArticles li > a:before,
.popularArticles li > a:before {
    display: none
}

.recentArticles li > a.image,
.popularArticles li > a.image {
    float: left !important
}

.recentArticles li > span,
.popularArticles li > span {
    margin: -5px 0 8px 10px
}

.side-column .recentArticles li > a img,
.side-column .popularArticles li > a
img {
    max-width: 50px
}

.side-column .recentArticles li > p,
.side-column .popularArticles li > p {
    padding: 0 10px 10px 10px !important
}

#content .recentArticles, #content
.popularArticles {
    margin-right: -15px
}

#content .recentArticles li, #content .popularArticles
li {
    padding-right: 15px
}

#content .recentArticles li .image, #content .popularArticles li
.image {
    margin-right: 10px
}

#content .recentArticles li > span, #content .popularArticles li > span {
    margin: 0
}

#content .box-footer {
    clear: none
}

#column-right .recentComments li > a + i + a,
#column-left .recentComments li > a + i + a {
    padding: 0
}

#column-right .recentArticles li,
#column-right .popularArticles li,
#column-left .recentArticles li,
#column-left .popularArticles li,
#column-right .recentComments li,
#column-left .recentComments
li {
    background-color: transparent
}

.blogCategories
li {
    background-image: none
}

#comments
.pagination1 {
    font-size: inherit;
    padding: 10px
}

#blogArticle .articleHeader
h1 {
    border: inherit;
    padding: inherit
}

#column-right {
    padding: 20px 20px 20px 0;
    width: 240px;
    float: right
}

#column-left {
    padding: 20px 0 20px 20px;
    width: 240px;
    float: left
}

#column-right + #content {
    margin-right: 240px
}

#column-left + #content {
    margin-left: 240px
}

#column-left + #column-right + #content {
    margin-left: 240px;
    margin-right: 240px
}

#column-left + span + #content {
    margin-left: 240px
}

#column-right + span + #content {
    margin-right: 240px
}

#column-left + #column-right + span + #content {
    margin-left: 240px;
    margin-right: 240px
}

.side-column {
    position: relative;
    z-index: 2
}

.side-column .heading-title, .side-column .box-heading {
    max-height: 100%;
    height: auto
}

.side-column ul, .side-column
li {
    margin: 0;
    padding: 0
}

.side-column
li {
    list-style: none;
    position: relative
}

.side-column
.box {
    margin-bottom: 20px
}

.side-column > .box:last-of-type {
    margin-bottom: 0
}

.side-column .box-content > div,
.side-column .box-category {
    overflow: hidden
}

.side-column .box-content
p {
    padding: 10px;
    text-align: left;
    line-height: 1.4;
    margin-bottom: 0
}

.side-column .box-content p + select {
    margin-bottom: 15px
}

.side-column .box-content li a, .side-column .box-category li
a {
    transition: background-color .2s, color .2s;
    border-bottom-width: 1px;
    border-bottom-color: #f4f4f4;
    border-bottom-style: solid;
    display: block;
    position: relative
}

.side-column .box-content li a.active, .side-column .box-category li
a.active {
    color: #EA2E49
}

.side-column .box-content li ul, .side-column .box-category li
ul {
    /* display: none; */
    margin-bottom: 0;
}

.side-column .box-content li a.active + ul, .side-column .box-category li a.active + ul {
    display: block
}

.side-column .box-content li a:before, .side-column .box-category li a:before {
    position: relative;
    float: left;
    margin-right: 5px
}

.side-column .box-content > ul > li:last-of-type > a, .side-column .box-category > ul > li:last-of-type > a {
    border-bottom: 0 !important
}

.side-column .side-category
i {
    text-align: center;
    position: absolute;
    transition: background-color 0.2s, color 0.2s;
    display: table;
    line-height: 100%
}

.side-column .side-category i
span {
    position: relative;
    display: table-cell
}

.side-column .side-category-accordion .box-category li ul li a:before {
    float: none;
    content: ""
}

.side-column .product-grid-item .image
.outofstock {
    display: none !important
}

.side-column .oc-module {
    overflow: hidden;
    display: block
}

.side-column .oc-module .product-wrapper {
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    transition: all 0.2s
}

.side-column .oc-module .product-wrapper .p-over {
    display: none
}

.side-column .oc-module .product-wrapper:hover {
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: none
}

.side-column .oc-module .product-details {
    background-color: transparent;
    padding-bottom: 0;
    float: left;
    max-width: 145px
}

.side-column .oc-module .product-details:before {
    content: ""
}

.side-column .oc-module .product-grid-item {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #E4E4E4;
    margin-bottom: 0;
    text-align: left
}

.side-column .oc-module .product-grid-item .quickview-button {
    display: none
}

.side-column .oc-module .product-grid-item
.image {
    display: block;
    float: left;
    position: relative;
    width: auto
}

.side-column .oc-module .product-grid-item .image
span {
    display: none !important
}

.side-column .oc-module .product-grid-item .image
a {
    background: transparent !important;
    margin-right: 5px;
    line-height: 100%;
    border-radius: 0;
    border: none
}

.side-column .oc-module .product-grid-item .image
img {
    border: 0;
    display: block;
    padding: 0;
    max-width: 55px;
    width: auto;
    opacity: 1 !important
}

.side-column .oc-module .product-grid-item
.name {
    position: relative;
    display: block;
    margin-top: 2px
}

.side-column .oc-module .product-grid-item .name
a {
    white-space: normal;
    font-size: 12px;
    text-decoration: none;
    display: block;
    text-align: left;
    padding: 0 0 2px 0
}

.side-column .oc-module .product-grid-item
.price {
    display: inline-block;
    font-size: 13px;
    padding: 0;
    text-align: left;
    border: none;
    margin-bottom: 4px;
    background-color: transparent;
    border-radius: 0
}

.side-column .oc-module .product-grid-item .price-old {
    font-weight: normal;
    color: #EA2E49;
    padding-right: 2px;
    text-decoration: line-through;
    font-size: 12px
}

.side-column .oc-module .product-grid-item .price-new {
    font-size: 13px
}

.side-column .oc-module .product-grid-item
.rating {
    position: relative;
    margin: 0;
    left: 0;
    top: 0;
    padding: 0
}

.side-column .oc-module .product-grid-item .cart, .side-column .oc-module .product-grid-item .description, .side-column .oc-module .product-grid-item .sale, .side-column .oc-module .product-grid-item .wishlist, .side-column .oc-module .product-grid-item
.compare {
    display: none !important
}

.side-column .oc-module .product-grid-item .cart
input {
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: none;
    font-weight: bold
}

.side-column .oc-module .product-grid-item:last-of-type {
    border-bottom: none
}

.side-column .owl-carousel .owl-item
img {
    max-width: 100%;
    height: auto
}

.side-column .journal-carousel .product-wrapper:hover {
    box-shadow: none
}

.side-column .journal-carousel .owl-controls {
    overflow: visible
}

.side-column .journal-carousel .owl-buttons {
    -webkit-backface-visibility: hidden
}

.side-column .journal-carousel .htabs
a {
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #5F6874;
    border-right: 0
}

.side-column .journal-carousel .htabs a:last-of-type {
    border-bottom: none
}

.side-column .journal-carousel .htabs.single-tab a, .side-column .journal-carousel .htabs.single-tab a.selected, .side-column .journal-carousel .htabs.single-tab a:hover {
    border-bottom: none
}

.side-column .journal-carousel .htabs.single-tab
a {
    padding-left: 0
}

.side-column
.quote {
    padding-bottom: 30px;
    overflow: hidden
}

.side-column .rotator-image {
    float: none !important;
    margin: 10px auto 0 auto !important;
    height: auto
}

.side-column .quovolve-nav {
    bottom: 10px !important;
    left: 0;
    width: 100%;
    text-align: center
}

.side-column .quovolve-nav ul, .side-column .quovolve-nav
ol {
    margin: 0;
    padding: 0;
    display: inline-block
}

.side-column .journal-gallery {
    overflow: hidden
}

.side-column .journal-gallery .box-heading {
    margin-bottom: 10px
}

.side-column .journal-gallery .box-content {
    margin-right: -10px;
    margin-bottom: -10px
}

.side-column .journal-gallery .box-content .gallery-thumb {
    padding-right: 10px;
    margin-bottom: 10px
}

.side-column .gallery-thumb a:before {
    font-size: 20px;
    margin-left: -10px;
    margin-top: -12px
}

.side-column .cms-block, .side-column .static-banner {
    margin-bottom: 20px
}

.side-column .cms-block:last-of-type, .side-column .static-banner:last-of-type {
    margin-bottom: 0
}

.side-column .box.cms-blocks {
    background-color: transparent
}

.side-column .box.cms-blocks .cms-block {
    margin-bottom: 0
}

.side-column .box.cms-blocks .cms-block:last-of-type {
    margin-bottom: 0
}

.side-column .box.cms-blocks .box-heading {
    margin-bottom: 0
}

.side-column .box.cms-blocks .block-content {
    height: auto !important;
    background-color: transparent
}

.side-column .static-banners.box {
    background-color: transparent
}

.side-column .block-content
p {
    padding-bottom: 0
}

.side-column .editor-content
img {
    max-width: 200px !important;
    height: auto
}

.side-column .editor-content h1, .side-column .editor-content h2, .side-column .editor-content
h3 {
    padding-bottom: 0
}

.extended-layout #column-right .journal-gallery .box-content, .extended-layout #column-left .journal-gallery .box-content {
    padding: 10px;
    padding-top: 0
}

.extended-layout #column-right .box:last-of-type, .extended-layout #column-left .box:last-of-type {
    margin-bottom: 20px
}

.side-column .oc-module .inline-button
br {
    display: none
}

.side-column .box.journal-carousel {
    background-color: transparent;
    margin-bottom: 10px
}

.side-column .box.journal-carousel .owl-pagination {
    margin-bottom: 0
}

.side-column .owl-carousel .owl-wrapper-outer {
    overflow: visible
}

#column-right + .row
#content {
    margin-right: 240px
}

#column-left + .row
#content {
    margin-left: 240px
}

#column-left + #column-right + .row
#content {
    margin-left: 240px;
    margin-right: 240px
}

#product-gallery .owl-wrapper-outer {
    margin-bottom: 0
}

#product-gallery .side-buttons
div {
    margin-top: -12px
}

#product-gallery .owl-pagination {
    display: none
}

#product-gallery .owl-buttons.side-buttons .owl-next {
    right: 7px
}

#product-gallery .owl-buttons.side-buttons .owl-prev {
    left: 7px
}

.product-info {
    overflow: hidden;
    margin-bottom: -20px;
    position: relative;
    width: 100%
}

.product-info > div {
    width: 100%;
    float: left
}

.product-info .left .image {
    padding: 0;
    text-align: left;
    position: relative
}

.product-info .left .image * {
    -webkit-transform: translateZ(0) scale(1, 1)
}

.product-info .left .image a img {
    width: 100%;
    height: auto;
    float: left
}

.product-info .left .image-additional {
    clear: both;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin-bottom: 25px
}

.product-info .left .image-additional a {
    position: relative;
    display: inline-block;
    float: left;
    transition: opacity .2s
}

.product-info .left .image-additional a
img {
    width: 100%;
    float: left;
    height: auto
}

.product-info .left .image-additional a:hover {
    opacity: .8
}

.product-info .left .image-additional.image-addtional-grid a {
    width: 20%
}

.product-info .left .product-tabs, .product-info .left .journal-custom-tab {
    clear: both
}

.product-info .gallery-text {
    text-align: center;
    padding: 10px 0 0 0;
    color: #5F6874;
    cursor: pointer;
    clear: both
}

.product-info .gallery-text span {
    display: inline-block;
    position: relative
}

.product-info .gallery-text:before {
    margin-right: 5px
}

.product-info .product-sold-count.ps-right {
    display: none
}

.product-info .right {
    padding-left: 0
}

.product-info .right .product-options {
    background-color: transparent;
    overflow: hidden
}

.product-info .right > div > div, .product-info .right > div > ul {
    width: 49.5%;
    height: 40px;
    float: left;
    background: none !important
}

@media only screen and (max-width: 767px) {
    .product-info .right > div > div, .product-info .right > div > ul {
        width: 100%
    }

    .product-info .right .description .product-views-count {
        float: left !important
    }
}

.product-info .right > div > div, .product-info .right > div > ul {
    position: relative;
    overflow: hidden;
    border-bottom: 2px solid #999
}

.product-info .right > div > div.social, .product-info .right > div > ul.social {
    overflow: visible
}

.product-info .right
.description {
    line-height: 17px
}

.product-info .right .description .product-views-count {
    float: right
}

.product-info .right .description
span {
    padding-right: 3px
}

.product-info .right .description .product-sold-count.ps-left {
    padding-right: 1px
}

.product-info .right .price
span {
    position: relative
}

.product-info .right .price-old {
    font-size: 18px;
    text-decoration: line-through;
    background: #EA2E49;
    color: white;
    padding: 3px 6px;
    top: -3px;
    margin-right: 5px
}

.product-info .right .price-tax {
    font-size: 13px;
    font-weight: normal;
    padding: 4px 0 4px 0;
    display: block
}

.product-info .right .price
.reward {
    display: block;
    font-size: 12px;
    margin: 5px 0;
    font-weight: normal
}

.product-info .right .price .reward
small {
    font-size: inherit
}

.product-info .right .price
.discount {
    font-weight: normal;
    font-size: 11px;
    line-height: 1.4;
    margin-top: 7px
}

.product-info .right .options
h3 {
    height: 35px;
    line-height: 35px;
    background-color: #f4f4f4;
    color: #333745;
    padding-left: 10px;
    margin-bottom: 5px
}

.product-info .right .options h3 + br {
    display: none
}

.product-info .right .options.push-select .option b + br, .product-info .right .options.push-image .option b + br, .product-info .right .options.push-checkbox .option b + br, .product-info .right .options.push-radio .option b + br {
    display: none
}

.product-info .right .options.push-select .option-image li, .product-info .right .options.push-image .option-image li, .product-info .right .options.push-checkbox .option-image li, .product-info .right .options.push-radio .option-image
li {
    padding: 0
}

.product-info .right .options.push-select .option-image li span, .product-info .right .options.push-image .option-image li span, .product-info .right .options.push-checkbox .option-image li span, .product-info .right .options.push-radio .option-image li
span {
    display: block
}

.product-info .right .options.push-select .option-image li span img, .product-info .right .options.push-image .option-image li span img, .product-info .right .options.push-checkbox .option-image li span img, .product-info .right .options.push-radio .option-image li span
img {
    margin-right: 0;
    float: left;
    transition: all 0.2s;
    border: 2px solid #A9B8C0
}

.product-info .right .options.push-select .option-image li span img:hover, .product-info .right .options.push-image .option-image li span img:hover, .product-info .right .options.push-checkbox .option-image li span img:hover, .product-info .right .options.push-radio .option-image li span img:hover {
    border-color: #3F5765
}

.product-info .right .options.push-select .option-image li.selected span img, .product-info .right .options.push-image .option-image li.selected span img, .product-info .right .options.push-checkbox .option-image li.selected span img, .product-info .right .options.push-radio .option-image li.selected span
img {
    border-color: #3F5765
}

.product-info .right .options
.option {
    position: relative;
    display: inline-block;
    padding-bottom: 0;
    width: 100%;
    margin-bottom: 5px
}

.product-info .right .options .option
label {
    font-weight: normal;
    transition: color .2s
}

.product-info .right .options .option
.required {
    font-size: 20px;
    font-family: Arial !important;
    float: left;
    height: 0
}

.product-info .right .options .option
b {
    font-size: 12px;
    display: block;
    padding: 2px 0 1px 0;
    font-weight: normal
}

.product-info .right .options .option b:after {
    content: "";
    display: table;
    clear: both
}

.product-info .right .options .option b + br {
    display: none
}

.product-info .right .options .option
span {
    padding: 8px 3px 3px 0
}

.product-info .right .options .option input[type='text'], .product-info .right .options .option
textarea {
    min-width: 100%
}

.product-info .right .options .option:last-of-type {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0
}

.product-info .right .options
span.error {
    position: absolute;
    right: 5px;
    padding: 3px 4px 2px 4px
}

.product-info .right .option-image {
    margin-top: 3px;
    margin-bottom: 10px
}

.product-info .right .option-image tbody tr td:first-of-type + td {
    width: 50px
}

.product-info .right .option-image
label {
    display: block;
    width: 100%;
    height: auto;
    padding-right: 0
}

.product-info .right .option-image
img {
    margin-right: 5px;
    cursor: pointer
}

.product-info .right
.cart {
    border-bottom: none;
    overflow: hidden
}

.product-info .right .cart div
.qty {
    width: 34%;
    display: block;
    float: left;
    height: 40px;
    margin-right: 8px;
    overflow: hidden
}

.product-info .right .cart div .text-qty {
    width: 50%;
    font-weight: bold;
    display: none;
    height: 100%;
    line-height: 40px;
    text-align: center;
    float: left
}

.product-info .right .cart div .journal-stepper {
    width: 30%;
    color: white;
    background-color: #A9B8C0;
    display: inline-block;
    text-align: center;
    height: 100%;
    float: left;
    line-height: 38px;
    font-size: 20px;
    font-weight: bold;
    transition: all 0.2s
}

.product-info .right .cart div input[name=quantity] {
    float: left;
    width: 40%;
    line-height: 38px;
    height: 100%;
    text-align: center;
    margin: 0;
    border: 0
}

.product-info .right .cart div
.button {
    position: relative;
    line-height: 40px;
    min-height: 40px;
    font-size: 15px;
    display: inline-block;
    width: 63%;
    float: right
}

.product-info .right .cart div .button.enquiry-button {
    width: 100% !important
}

.product-info .right .cart div .button .button-cart-text:before {
    margin-right: 8px;
    line-height: 100%
}

.product-info .right .cart div .button .button-cart-text:after {
    line-height: 100%;
    margin-left: 8px
}

.product-info .right .cart
.minimum {
    padding-top: 10px;
    font-size: 12px;
    clear: both
}

.product-info .right .wishlist-compare {
    padding: 0;
    border-bottom: none
}

.product-info .right .wishlist-compare
.links {
    width: 100%;
    clear: both;
    display: block;
    text-align: center;
    padding: 2px 0 4px 0
}

.product-info .right .wishlist-compare .links
a {
    padding: 0 15px;
    border: none;
    color: #428bca;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    transition: all 0.2s
}

.product-info .right .wishlist-compare .links a:before {
    position: relative;
    right: 5px;
    font-size: 15px;
    float: left
}

.product-info .right .wishlist-compare .links
span {
    line-height: 24px;
    display: none
}

.product-info .right .review
img {
    top: 2px;
    position: relative;
    margin-right: 7px
}

.product-info .right .review
a {
    position: relative;
    top: -1px
}

.product-info .right .review
.share {
    display: none;
    overflow: auto;
    line-height: normal
}

.product-info .right .review .share
a {
    text-decoration: none
}

.product-info .option
ul {
    list-style: none;
    padding: 0;
    margin: -5px 0 0 0
}

.product-info .option ul
li {
    background-color: white;
    color: #333745;
    font-weight: bold;
    font-size: 13px;
    display: inline-block;
    padding: 0 7px;
    margin: 7px 8px 0 0;
    line-height: 23px;
    cursor: pointer;
    transition: all .2s
}

.product-info .option ul li
span {
    padding: 0 !important
}

.product-info .tab-content {
    border-radius: 0
}

.product-info.split-70-30
.left {
    width: 70%
}

.product-info.split-70-30
.right {
    width: 30%
}

.product-info.split-70-30 .right .cart div
.qty {
    width: 100%;
    margin-bottom: 10px
}

.product-info.split-70-30 .right .cart div
.button {
    width: 100%
}

.product-info.split-60-40
.left {
    width: 60%
}

.product-info.split-60-40
.right {
    width: 40%
}

.product-info.split-40-60
.left {
    width: 40%
}

.product-info.split-40-60
.right {
    width: 60%
}

.product-info.split-30-70
.left {
    width: 30%
}

.product-info.split-30-70
.right {
    width: 70%
}

.push-checkbox .checkbox,
.push-checkbox input[type="checkbox"],
.push-checkbox input[type="checkbox"] + label,
.push-checkbox input[type="checkbox"] + label + br {
    display: none !important
}

.push-select
select {
    display: none !important
}

.push-radio .radio,
.push-radio input[type="radio"],
.push-radio input[type="radio"] + label,
.push-radio input[type="radio"] + label + br {
    display: none !important
}

table.option-image input[type="radio"],
table.option-image input[type="radio"] + label,
table.option-image input[type="radio"] + label + br {
    display: inherit !important
}

.push-image table.option-image input[type="radio"],
.push-image table.option-image input[type="radio"] + label,
.push-image table.option-image input[type="radio"] + label + br {
    display: none !important
}

.push-image table.option-image {
    display: none !important
}

.oc2 .product-info .option
ul {
    margin: 0
}

.oc2 .product-info .option ul
li {
    margin: 0 8px 7px 0
}

.ie .product-info .right .cart div input[name=quantity] {
    line-height: 100%
}

.social {
    margin-bottom: 20px;
    padding: 7px 8px 10px 0;
    min-height: 40px;
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 20px
}

.social
span {
    min-height: 20px !important;
    display: block;
    float: left;
    overflow: hidden
}

.left
.social {
    margin-top: 10px;
    padding: 10px
}

.social-loaded {
    background-color: inherit;
    display: table
}

.attribute {
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #E4E4E4;
    border-left: 1px solid #E4E4E4
}

.attribute thead td, .attribute thead tr td:first-child {
    color: #333745;
    font-size: 14px;
    background: #f4f4f4;
    text-align: left
}

.attribute tr td:first-child {
    text-align: center;
    width: 20%
}

.attribute
td {
    padding: 7px;
    color: #333745;
    text-align: center;
    vertical-align: top;
    border-right: 1px solid #E4E4E4;
    border-bottom: 1px solid #E4E4E4
}

ul.product-option {
    padding: 0
}

input[name='captcha'] {
    width: 150px;
    margin: 10px 0
}

#tab-description div,
#tab-description
p {
    margin-bottom: 10px
}

#tab-description
h3 {
    padding-left: 0;
    margin-bottom: 3px
}

#tab-description ul
li {
    /* margin-bottom: 5px; */
}

#tabs {
    overflow: hidden;
    list-style: none;
    display: block;
    margin: 0;
    padding: 0
}

#tabs li:last-of-type {
    border-radius: inherit
}

#tabs li, #tabs
a {
    float: left
}

#tabs a, #tabs li
a {
    line-height: 37px
}

#tabs a:last-of-type, #tabs li a:last-of-type {
    border-top-right-radius: inherit
}

#tabs a, #tabs li
a {
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    transition: all .2s;
    box-shadow: inset 0 -3px 6px -2px rgba(0, 0, 0, 0.5)
}

#tabs a.selected,
#tabs li.active
a {
    background-color: #f4f4f4;
    box-shadow: none;
    color: #333745
}

.tab-content {
    padding: 15px;
    background-color: #f4f4f4;
    margin-bottom: 20px;
    z-index: 2;
    overflow: auto;
    line-height: 1.43;
}

.tab-content
p {
    margin-bottom: 0
}

.journal-custom-tab h3, .tab-content
h3 {
    padding-bottom: 4px
}

.product-info .left .journal-custom-tab {
    margin-top: 15px;
    overflow: hidden
}

.tab-related, #tab-related {
    display: none !important
}

#content .related-products .box-product {
    padding-top: 0
}

#content .related-products .box-heading {
    margin-bottom: 20px
}

.review-list {
    background-color: transparent;
    padding: 10px;
    overflow: auto;
    margin-bottom: 20px;
    border: 1px solid #E4E4E4
}

.review-list
.text {
    padding: 10px;
    padding-top: 0;
    line-height: 1.3;
    clear: both
}

.review-list
.author {
    padding: 5px;
    font-weight: bold;
    border-bottom: 1px solid #E4E4E4;
    display: inline-block;
    color: #333
}

.review-list .author
b {
    font-size: 15px;
    font-weight: bold;
    color: #5C8BA6
}

.review-list
.rating {
    float: right;
    margin-bottom: 20px
}

#content #review-title {
    color: white;
    margin-bottom: 15px;
    height: auto
}

#tab-review {
    position: relative;
    padding: 20px;
    padding-bottom: 0
}

.oc2 #tab-review .form-group
label {
    width: auto;
    padding: 0
}

.oc2 #tab-review input[name='captcha'] {
    display: block;
    clear: both;
    margin-left: 10px;
    margin-bottom: 0
}

.tags {
    margin-left: 0;
    color: transparent;
    margin-bottom: 15px
}

.tags b {
    padding: 2px 6px 3px 6px;
    background-color: #5F6874;
    color: white;
    margin-right: 5px;
    font-weight: normal
}

.tags
a {
    margin-left: 0;
    padding: 2px 6px 3px 6px;
    background-color: #f4f4f4;
    color: #333745;
    display: inline-block;
    margin-bottom: 5px;
    transition: all 0.2s
}

.product-grid-item .image > span, .product-list-item .image > span, .product-info .image > span {
    position: absolute;
    z-index: 99;
    text-align: center;
    display: block;
    transition: opacity .2s
}

.label-latest {
    color: white;
    background: #428bca;
    top: 5px;
    right: 5px;
    padding: 5px 6px
}

.label-sale {
    top: 5px;
    right: 5px;
    background: #EA2E49;
    color: white;
    font-weight: bold;
    padding: 5px 5px 6px 5px
}

.label-latest + .label-sale {
    top: 26px;
    margin-top: 9px
}

img.outofstock {
    transition: opacity .2s;
    pointer-events: none
}

.ie9 .label-sale
b {
    display: inline-block;
    width: 110%
}

.hide-cart .cart.outofstock
.button {
    opacity: .4;
    pointer-events: none;
    cursor: default
}

.hide-cart .cart.outofstock .button.enquiry-button,
.hide-cart .cart.outofstock #more-details {
    opacity: 1;
    cursor: auto;
    pointer-events: auto
}

.hide-cart td.outofstock > .btn-primary, .hide-cart td
img.outofstock {
    opacity: .4;
    pointer-events: none;
    cursor: default
}

.enquiry-button .button
i {
    margin-right: 0 !important
}

.noscroll {
    margin: 0 !important;
    overflow-y: scroll !important;
    position: fixed;
    width: 100%
}

.quickview-button {
    position: absolute;
    z-index: 99;
    left: 50%;
    margin-left: -45px;
    top: 50%;
    margin-top: -20px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s
}

.quickview-button {
    -webkit-backface-visibility: hidden
}

.product-wrapper:hover .quickview-button, .product-list-item:hover .quickview-button {
    opacity: 1;
    visibility: visible
}

.quickview {
}

.quickview
body {
    background-color: transparent;
    background-image: none
}

.quickview .mfp-iframe {
    background-color: white
}

.quickview
#container {
    min-height: 100%;
    background-color: white
}

.quickview
#content {
    padding: 15px 15px 5px 15px
}

.quickview #content:after {
    content: "";
    display: none
}

.quickview .heading-title {
    margin-bottom: 15px
}

.quickview .mfp-iframe-holder .mfp-content {
    max-width: 800px;
    height: 530px
}

.quickview .tab-content {
    background-color: transparent
}

.quickview .product-info {
    margin-bottom: 15px
}

.quickview .product-info
.right {
    padding-left: 15px
}

.quickview .product-info .right
.cart {
    display: table;
    overflow: visible;
    width: 100%
}

.quickview .product-info .left .image-additional {
    margin-bottom: 5px
}

.quickview .product-info .left .tab-content {
    margin-top: 15px;
    margin-bottom: 0
}

.quickview #button-cart {
    width: 50%;
    float: left
}

.quickview #more-details {
    width: 40px;
    height: 40px;
    float: right
}

.quickview [data-hint]:before {
    display: block;
    margin-left: -6px
}

.quickview [data-hint]:after {
    display: block;
    left: auto;
    right: 0;
    text-shadow: none;
    box-shadow: none;
    line-height: 100%
}

.quickview .mfp-iframe, .quickview .journal-popup {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7)
}

.quickview.mfp-bg {
    opacity: 0.01;
    transition: all 0.2s ease-out
}

.quickview.mfp-ready .mfp-iframe, .quickview.mfp-ready .journal-popup {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.quickview.mfp-ready.mfp-bg {
    opacity: 0.75
}

.quickview.mfp-removing .mfp-iframe, .quickview.mfp-removing .journal-popup {
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0
}

.quickview.mfp-removing.mfp-bg {
    opacity: 0
}

.quickview .zm-viewer, .quickview .zm-handler {
    cursor: default
}

.mfp-bg {
    z-index: 9999999
}

.mfp-wrap {
    z-index: 99999999
}

.zm-viewer {
    position: absolute;
    display: none;
    overflow: hidden;
    background: url("../img/image-zoom/loading.gif") no-repeat center center;
    cursor: pointer;
    z-index: 999
}

.zm-handler {
    position: absolute !important;
    display: none;
    overflow: hidden;
    cursor: pointer;
    border: none !important
}

.zm-handlerarea {
    background: url("../img/image-zoom/lens.png");
    opacity: .9;
    position: relative
}

.zm-description {
    position: absolute;
    bottom: 6px;
    left: 6px;
    right: 6px;
    background-color: #eee;
    background-color: rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.6);
    font-size: 13px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    padding: 4px
}

.followViewer, .standardViewer {
    border: 2px solid #fefefe;
    border: 4px solid rgba(255, 255, 255, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2)
}

.oc2 .list-unstyled {
    margin-top: 0;
    padding: 0;
    list-style: none;
    border: 0
}

.oc2 .product-info .right .price-old {
    float: left
}

.oc2 .product-info .right .options .option div label:before {
    display: none
}

.oc2 .product-info .right .options .option .input-group-btn {
    padding: 0
}

.oc2 .product-info .right .options .option > label {
    margin-bottom: 5px
}

.oc2 .product-info .right .options .option
label {
    display: block
}

.oc2 .rating .fa-stack {
    width: auto;
    height: auto;
    line-height: 100%;
    padding: 0 8px;
    display: inline
}

.oc2 .rating .fa-star {
    color: #f1c40f
}

.oc2 .rating .fa-star + .fa-star-o {
    color: #f1c40f
}

.oc2 .rating .fa-star-o {
    color: #5F6874
}

.oc2 .rating
a {
    position: relative;
    top: -1px
}

.oc2 .rating a:first-of-type {
    margin-left: 10px
}

.oc2
#tabs {
    margin-top: 20px
}

.oc2 .tab-content {
    display: none
}

.oc2 .tab-content.active {
    display: block
}

.oc2 .tab-content
#captcha {
    margin-left: 10px
}

.oc2.quickview .tab-content {
    display: block
}

.oc2 .product-info .left .tabs-content .journal-custom-tab {
    border-radius: inherit;
    border-top-width: inherit;
    margin-top: 0
}

.oc2 #tab-review .form-group {
    font-size: 12px
}

.oc2 #tab-review input[type='radio'],
.oc2 #tab-review input[type='checkbox'] {
    margin: 4px 0 0
}

.oc2 #tab-review form table td > p {
    margin: 10px 0
}

.oc2 #tab-review form table td:first-of-type {
    width: 50px !important;
    padding-right: 10px
}

.oc2 .attribute
strong {
    font-weight: inherit
}

.text-empty, .not_found {
    padding-bottom: 10px;
    padding-top: 10px
}

.category-info {
}

.category-info
p {
}

.category-info
.image {
    margin-right: 15px;
    margin-bottom: 15px;
    float: left
}

.category-info .image
img {
    width: 100%;
    height: auto;
    float: left
}

h2.refine {
    margin-bottom: 0;
    border: none;
    display: none
}

.refine-images {
    margin-right: -15px
}

#refine-images .owl-controls {
    margin-top: 4px
}

#refine-images .owl-wrapper-outer {
    overflow: hidden
}

.refine-image {
    float: left;
    text-align: center;
    margin-bottom: 15px;
    margin-right: 3px;
    background: #fff;
    width: 100%
}

.refine-image
a {
    display: block;
    padding: 7px;
    transition: background-color .2s
}

.refine-image a
span {
    transition: all 0.2s
}

.refine-image
img {
    width: 100%;
    height: auto;
    margin-bottom: 5px
}

.owl-item .refine-image {
    float: none
}

.refine-category-name {
    display: table;
    width: 100%;
    text-align: center
}

.category-page .heading-title {
    margin: 0 !important
}

.category-list {
    position: relative;
    margin-top: 20px
}

.category-list > ul {
    margin: 0;
    padding-left: 10px;
    min-height: 35px;
    line-height: 33px
}

.category-list > ul > li {
    color: white;
    position: relative;
    display: inline-block
}

.category-list > ul > li > a {
    padding: 0 6px;
    color: inherit;
    font-size: 12px;
    font-weight: bold;
    transition: all 0.2s
}

.category-list > ul > li:after {
    position: absolute;
    content: "|"
}

.category-list > ul > li:last-of-type:after {
    content: ""
}

.category-list > ul > li:first-child > a {
    padding-left: 0
}

.product-filter {
    padding-left: 0;
    overflow: auto;
    width: 100%;
    transition: color .2s
}

.product-filter > div {
    float: right;
    height: 40px;
    line-height: 39px;
    overflow: hidden
}

.product-filter > div
b {
    position: relative;
    font-weight: normal
}

.product-filter .product-compare {
    float: left;
    color: inherit;
    font-family: inherit
}

.product-filter .product-compare
a {
    text-decoration: none;
    color: inherit
}

.product-filter
.display {
    float: left;
    padding-left: 5px
}

.product-filter .display
a {
    position: relative
}

.product-filter .display a + a {
    left: -14px
}

.product-filter .display a + a
i {
    margin-right: 0 !important;
    transition: all 0.2s
}

.product-filter
.limit {
    margin: 0 10px
}

.ie .main-products, .main-products.product-list {
    width: 100%
}

.product-grid,
.product-list,
#content .box-product {
    padding-top: 20px
}

.backface :before, .backface :after {
    -webkit-backface-visibility: hidden
}

.product-grid, #content .box-product {
    margin-right: -20px;
    overflow: visible !important
}

.product-wrapper {
    margin-right: 20px
}

.product-wrapper:hover {
    transition: all 0.3s
}

.product-details {
    padding-bottom: 6px;
    position: relative;
    z-index: 2
}

.product-details:before {
    position: absolute;
    content: "\e61e";
    font-size: 40px;
    top: -19px;
    left: 50%;
    margin-left: -12px;
    color: #f4f4f4;
    z-index: 0
}

.product-grid-item {
    text-align: center;
    position: relative;
    z-index: 1;
    background-color: transparent;
    margin-bottom: 20px
}

.product-grid-item
.image {
    width: 100%;
    position: relative;
    z-index: 1
}

.product-grid-item .image > a {
    width: 100%;
    display: block;
    text-align: center;
    background-color: transparent
}

.product-grid-item .image > a
img {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    border-radius: inherit
}

.product-grid-item
.name {
    width: 100%;
    display: table;
    table-layout: fixed;
    position: relative;
    overflow: hidden
}

.product-grid-item .name
a {
    padding: 10px 7px 7px 7px;
    line-height: 17px;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    text-overflow: ellipsis;
    overflow: hidden
}

.product-grid-item
.description {
    display: none;
    padding: 8px
}

.product-grid-item
.rating {
    display: block;
    position: absolute;
    top: -35px;
    left: 50%;
    margin-left: -47px;
    padding: 4px 6px 8px 6px
}

.product-grid-item
.price {
    font-weight: bold;
    text-align: center;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 15px;
    display: inline-block;
    margin: 0 0 10px 0
}

.product-grid-item .price
br {
    display: none
}

.product-grid-item
hr {
    height: 0;
    display: none;
    background-color: transparent
}

.product-grid-item .price-old {
    color: #EA2E49;
    font-size: 13px;
    text-decoration: line-through
}

.product-grid-item .price-new {
    font-weight: bold;
    padding-left: 5px
}

.product-grid-item .price-tax {
    display: none
}

.product-grid-item
.cart {
    vertical-align: top;
    padding: 0 5px;
    margin-bottom: 8px
}

.p-over {
    width: 100%;
    height: 100%;
    background: transparent;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: inherit;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important;
    transition: all .2s ease-out
}

.product-grid-item:hover .p-over, .product-list-item:hover .p-over {
    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)' !important;
    visibility: visible
}

.product-list-item {
    background-color: #f4f4f4;
    margin-bottom: 20px;
    padding: 10px
}

.product-list-item .product-details {
    margin-left: 215px
}

.product-list-item
.left {
    position: relative
}

.product-list-item
.image {
    width: 200px;
    float: left;
    margin-right: 15px;
    position: relative
}

.product-list-item .image > a {
    display: block;
    overflow: hidden
}

.product-list-item .image > a > img {
    width: 100%;
    float: left;
    border-radius: inherit;
    height: auto
}

.product-list-item .name
a {
    font-size: 14px;
    padding-bottom: 5px;
    display: block;
    border-bottom: 1px solid #E4E4E4;
    display: inline-block;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden
}

.product-list-item
.rating {
    position: relative;
    margin-top: 0;
    margin-bottom: 8px;
    left: 1px;
    top: -1px
}

.product-list-item
.price {
    font-weight: bold;
    text-align: left;
    padding: 8px 0;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 16px;
    display: inline-block
}

.product-list-item .price-old {
    color: #EA2E49;
    font-size: 90%;
    text-decoration: line-through
}

.product-list-item .price-new {
    font-weight: bold;
    padding-left: 5px
}

.product-list-item .price-tax {
    opacity: .7;
    font-weight: normal;
    font-size: 75%;
    text-align: left;
    display: block;
    padding-top: 5px;
    display: none
}

.product-list-item
.description {
    padding: 0 0 12px 0;
    color: #5F6874
}

.product-list-item
.cart {
    float: left;
    margin-right: 10px
}

.product-list-item.lt400 .product-list-item
.image {
    width: 100%;
    float: none;
    margin-bottom: 10px
}

.product-list-item.lt400 .product-list-item .image
img {
    float: none
}

.product-grid-item .wishlist, .product-grid-item .compare, .product-list-item .wishlist, .product-list-item
.compare {
    position: relative;
    display: inline-block;
    padding: 0 5px;
    margin-bottom: 3px
}

.product-grid-item .wishlist a, .product-grid-item .compare a, .product-list-item .wishlist a, .product-list-item .compare
a {
    display: block;
    font-size: 11px;
    text-align: center;
    position: relative
}

.product-grid-item .wishlist a i, .product-grid-item .compare a i, .product-list-item .wishlist a i, .product-list-item .compare a
i {
    transition: background-color .2s;
    color: inherit;
    display: inline-block;
    text-align: center
}

.product-grid-item .wishlist a i:before, .product-grid-item .compare a i:before, .product-list-item .wishlist a i:before, .product-list-item .compare a i:before {
    width: 100%
}

.oc2 .product-grid-item
.compare {
    padding-left: 0
}

.product-grid-item .image .wishlist, .product-grid-item .image
.compare {
    position: absolute;
    bottom: 8px;
    z-index: 99;
    transition: opacity 0.2s
}

.product-grid-item .image
.wishlist {
    left: 5px
}

.product-grid-item .image
.compare {
    right: 5px
}

.journal-carousel .product-grid-item .image .wishlist [data-hint]:after {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0) translateX(0);
    -moz-transform: translate3d(0, 0, 0) translateX(0);
    -ms-transform: translate3d(0, 0, 0) translateX(0);
    transform: translate3d(0, 0, 0) translateX(0)
}

.journal-carousel .product-grid-item .image .compare [data-hint]:after {
    left: auto;
    right: 0;
    -webkit-transform: translate3d(0, 0, 0) translateX(0);
    -moz-transform: translate3d(0, 0, 0) translateX(0);
    -ms-transform: translate3d(0, 0, 0) translateX(0);
    transform: translate3d(0, 0, 0) translateX(0)
}

.product-list-item .image .wishlist, .product-list-item .image
.compare {
    position: absolute;
    bottom: 8px
}

.product-list-item
.cart {
    float: none;
    display: block
}

.product-list-item .wishlist a i, .product-list-item .compare a
i {
    background-color: transparent;
    padding-right: 3px
}

.product-list-item
.wishlist {
    margin-top: 10px;
    padding-left: 0
}

.product-list-item .wishlist
a {
    text-align: left
}

.product-list-item
.compare {
    margin-top: 0;
    text-align: left
}

.inline-button
.cart {
    display: inline-block;
    margin-bottom: 5px
}

.inline-button
hr {
    display: block
}

.product-grid-item:hover, .owl-carousel .owl-item:hover {
    z-index: 3
}

.pagination1 {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    padding: 10px
}

.pagination1:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0
}

.pagination1
.links {
    float: left
}

.pagination1 ul, .pagination1
li {
    margin: 0;
    padding: 0;
    list-style: none
}

.pagination1 a, .pagination1 b, .pagination1
li {
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 25px;
    text-align: center;
    text-decoration: none;
    background-color: white;
    font-weight: bold;
    font-family: inherit;
    margin-right: 4px;
    transition: all .2s
}

.pagination1 b, .pagination1
.active {
    background-color: #EA2E49;
    color: white
}

.pagination1
.results {
    color: inherit;
    float: right;
    padding-right: 5px
}

.pagination1 .links + .results {
    margin-top: 4px
}

.oc2 .product-list-item
.description {
    height: auto !important
}

.oc2 .product-list-item
.rating {
    margin-bottom: 0
}

#footer {
    border: 0;
    position: relative;
    max-width: 1024px;
    margin: 0 auto;
    display: table;
    width: 100%
}

.fullwidth-footer {
    max-width: 100%
}

.fullwidth-footer
#footer {
    overflow: visible;
    border-radius: 0
}

.fullwidth-footer
.columns {
    padding-left: 1px
}

.fullwidth-footer .bottom-footer {
    display: none;
    max-width: 100%;
    padding: 0
}

.boxed-footer {
    background-color: transparent
}

footer {
    position: relative;
    width: 100%;
    margin: 0 auto;
    clear: both;
    display: table;
    z-index: 9
}

footer
.columns {
    padding-left: 15px;
    overflow: hidden
}

footer
.column {
    padding: 0 25px 0 0;
    position: relative
}

footer
.column.newsletter {
    padding-right: 15px
}

footer .column > h3 {
    color: #E4E4E4;
    font-size: 14px;
    text-transform: uppercase;
    border-bottom: 1px solid #5F6874;
    padding-bottom: 10px;
    margin-top: 12px
}

footer .column.no-title .column-text-wrap {
    margin-top: 15px
}

footer .column-menu-wrap > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: 6px
}

footer .column-menu-wrap > ul
li {
    padding: 3px 0;
    color: #E4E4E4
}

footer .column-menu-wrap > ul li
i {
    margin-right: 6px !important
}

footer .column-menu-wrap > ul li i:before {
    margin-top: -1px
}

footer .column-menu-wrap > ul
a {
    display: block;
    color: inherit;
    transition: color .2s
}

footer .column-text-wrap {
    color: #E4E4E4;
    height: 100%
}

footer .column-text-wrap
a {
    transition: color 0.2s
}

footer .column-text-wrap > ul {
    padding-left: 15px;
    margin: 0 0 7px 0
}

footer .column-text-wrap > ol {
    padding-left: 20px;
    margin: 0 0 7px 0
}

footer .column-text-wrap
p {
    color: inherit;
    margin: 0;
    overflow: hidden;
    line-height: 100%
}

footer .column-text-wrap p span, footer .column-text-wrap p
strong {
    line-height: 100% !important
}

footer .column-text-wrap p
iframe {
    width: 100%
}

footer .column-text-wrap
img {
    max-width: 100%;
    height: auto !important
}

footer .text > h3 {
    margin-bottom: 12px
}

footer .columns + .contacts {
    margin-top: 15px
}

footer .columns.contacts {overflow: auto}

footer .contacts {
    position: relative;
    clear: both;
    display: table;
    width: 100%;
    padding: 10px
}

footer .contacts > div > span {
    color: white;
    margin-right: 4px
}

footer .contacts
i {
    font-size: 20px;
    color: inherit;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    margin-right: 0 !important;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 39px;
    transition: background-color .2s
}

footer .contacts
a {
    color: inherit
}

footer .contacts a:hover
i {
    color: inherit
}

footer .contacts [data-hint]:before, footer .contacts [data-hint]:after {
    display: block
}

footer .contacts .hint--top:before {
    margin-left: -10px
}

footer .contacts .hint--top:after,
footer .contacts .hint--top:focus:after {
    -webkit-transform: translate3d(0, 0, 0) translateX(-54%);
    -moz-transform: translate3d(0, 0, 0) translateX(-50%);
    -ms-transform: translate3d(0, 0, 0) translateX(-50%);
    transform: translate3d(0, 0, 0) translateX(-54%)
}

footer .contacts .hint--top:hover:after,
footer .contacts .hint--top:focus:after {
    -webkit-transform: translate3d(0, 0, 0) translateY(-8px) translateX(-54%);
    -moz-transform: translate3d(0, 0, 0) translateY(-8px) translateX(-54%);
    -ms-transform: translate3d(0, 0, 0) translateY(-8px) translateX(-54%);
    transform: translate3d(0, 0, 0) translateY(-8px) translateX(-54%)
}

footer .contacts .hint--top .contacts-text {
    margin-left: 0
}

footer .contacts-text {
    display: inline-block;
    font-weight: bold;
    font-size: 15px;
    color: inherit;
    line-height: 36px;
    margin-left: 10px;
    margin-right: 5px;
    position: relative;
    top: 2px
}

footer .contacts-center {
    margin: 0 auto;
    position: absolute;
    clear: both;
    width: 100%;
    top: 10px;
    right: 10px;
    z-index: 0
}

footer .contacts-left {
    position: relative;
    float: left;
    z-index: 1;
}

footer .contacts-right {
    position: relative;
    float: right;
    z-index: 1;
}

.column.newsletter
.box {
    margin-top: 15px;
    margin-bottom: 0
}

.column.products {
    padding-bottom: 12px
}

.column.products > h3 {
    margin-bottom: 12px
}

.column.products .product-wrapper {
    margin: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    border: none;
    transition: all 0.2s
}

.column.products .product-wrapper .p-over {
    display: none
}

.column.products .product-wrapper:hover {
    padding: 0;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border: none
}

.column.products .product-details {
    background-color: transparent;
    padding-bottom: 0;
    float: left;
    max-width: 150px;
    padding-left: 8px
}

.column.products .product-details:before {
    content: ""
}

.column.products .product-grid-item {
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid transparent;
    margin-bottom: 0;
    text-align: left;
    padding: 5px 0
}

.column.products .product-grid-item .quickview-button {
    display: none !important
}

.column.products .product-grid-item:first-of-type {
    padding-top: 2px
}

.column.products .product-grid-item
.image {
    display: block;
    float: left;
    position: relative;
    width: auto
}

.column.products .product-grid-item .image
span {
    display: none !important
}

.column.products .product-grid-item .image
a {
    background: transparent !important;
    margin-top: 1px;
    line-height: 100%;
    border-radius: 0;
    border: none
}

.column.products .product-grid-item .image
img {
    border: 0;
    display: block;
    padding: 0;
    max-width: 50px
}

.column.products .product-grid-item
.name {
    position: relative
}

.column.products .product-grid-item .name
a {
    font-size: 12px;
    text-decoration: none;
    display: block;
    text-align: left;
    padding: 0 0 1px 0;
    transition: all 0.2s
}

.column.products .product-grid-item
.sale {
    display: none
}

.column.products .product-grid-item
.price {
    display: inline-block;
    font-size: 13px;
    padding: 0;
    text-align: left;
    border: none;
    margin-bottom: 0;
    background-color: transparent;
    border-radius: 0
}

.column.products .product-grid-item .price-old {
    font-weight: normal;
    color: #EA2E49;
    padding-right: 0;
    text-decoration: line-through;
    font-size: 12px
}

.column.products .product-grid-item .price-new {
    font-size: 13px
}

.column.products .product-grid-item
.rating {
    position: relative;
    margin: 0;
    left: 0;
    top: 0;
    padding: 0
}

.column.products .product-grid-item
.cart {
    display: none !important
}

.column.products .product-grid-item .cart
input {
    color: white;
    font-family: Helvetica, Arial, sans-serif;
    text-transform: none;
    font-weight: bold
}

.column.products .product-grid-item:last-of-type {
    border-bottom: none
}

.bottom-footer {
    height: 60px;
    clear: both;
    margin: 0 auto;
    position: relative
}

.bottom-footer > div {
    max-width: 1024px;
    margin: 0 auto;
    position: relative
}

.bottom-footer
.copyright {
    float: left;
    line-height: 60px
}

.bottom-footer
.payments {
    float: right
}

.bottom-footer .payments
img {
    max-width: 100%;
    height: auto;
    margin-left: 10px;
    position: relative;
    margin-top: 13px;
    max-height: 35px;
    vertical-align: middle
}

.bottom-footer .no-copyright {
    text-align: center
}

.bottom-footer .no-copyright
.payments {
    float: none
}

.bottom-footer .no-payments {
    text-align: center
}

.bottom-footer .no-payments
.copyright {
    float: none
}

.bottom-footer.boxed-bar {
    padding: 0 15px
}

.column-text-wrap .block-icon-left + p {
    display: inline
}

footer
.column.text {
    min-height: 50px
}

@font-face {
    font-family: 'journal-icons';
    src: url('../fonts/journal-icons.eot');
    src: url('../fonts/journal-iconsd41d.eot') format('embedded-opentype'),
    url('../fonts/journal-icons.woff') format('woff'),
    url('../fonts/journal-icons.ttf') format('truetype'),
    url('../fonts/journal-icons.svg') format('svg');
    font-weight: normal;
    font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: 'journal-icons';
        src: url('../fonts/journal-icons.svg') format('svg')
    }
}

[data-icon]:before {
    font-family: 'journal-icons';
    content: attr(data-icon);
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

@media only screen and (max-width: 1220px) {
    .lg-5 {
        width: 5%
    }

    .lg-10 {
        width: 10%
    }

    .lg-15 {
        width: 15%
    }

    .lg-20 {
        width: 20%
    }

    .lg-25 {
        width: 25%
    }

    .lg-30 {
        width: 30%
    }

    .lg-35 {
        width: 35%
    }

    .lg-40 {
        width: 40%
    }

    .lg-45 {
        width: 45%
    }

    .lg-50 {
        width: 50%
    }

    .lg-55 {
        width: 55%
    }

    .lg-60 {
        width: 60%
    }

    .lg-65 {
        width: 65%
    }

    .lg-70 {
        width: 70%
    }

    .lg-75 {
        width: 75%
    }

    .lg-80 {
        width: 80%
    }

    .lg-85 {
        width: 85%
    }

    .lg-90 {
        width: 90%
    }

    .lg-95 {
        width: 95%
    }

    .lg-100 {
        width: 100%
    }

    .lg-11 {
        width: 11.11111111111111%
    }

    .lg-12 {
        width: 12.5%
    }

    .lg-14 {
        width: 14.28571428571429%
    }

    .lg-16 {
        width: 16.66666666666666%
    }

    .lg-33 {
        width: 33.33333333333333%
    }

    .lg-66 {
        width: 66.66666666666666%
    }
}

@media only screen and (max-width: 980px) {
    .md-5 {
        width: 5%
    }

    .md-10 {
        width: 10%
    }

    .md-15 {
        width: 15%
    }

    .md-20 {
        width: 20%
    }

    .md-25 {
        width: 25%
    }

    .md-30 {
        width: 30%
    }

    .md-35 {
        width: 35%
    }

    .md-40 {
        width: 40%
    }

    .md-45 {
        width: 45%
    }

    .md-50 {
        width: 50%
    }

    .md-55 {
        width: 55%
    }

    .md-60 {
        width: 60%
    }

    .md-65 {
        width: 65%
    }

    .md-70 {
        width: 70%
    }

    .md-75 {
        width: 75%
    }

    .md-80 {
        width: 80%
    }

    .md-85 {
        width: 85%
    }

    .md-90 {
        width: 90%
    }

    .md-95 {
        width: 95%
    }

    .md-100 {
        width: 100%
    }

    .md-11 {
        width: 11.11111111111111%
    }

    .md-12 {
        width: 12.5%
    }

    .md-14 {
        width: 14.28571428571429%
    }

    .md-16 {
        width: 16.66666666666666%
    }

    .md-33 {
        width: 33.33333333333333%
    }

    .md-66 {
        width: 66.66666666666666%
    }
}

@media only screen and (max-width: 760px) {
    .sm-5 {
        width: 5%
    }

    .sm-10 {
        width: 10%
    }

    .sm-15 {
        width: 15%
    }

    .sm-20 {
        width: 20%
    }

    .sm-25 {
        width: 25%
    }

    .sm-30 {
        width: 30%
    }

    .sm-35 {
        width: 35%
    }

    .sm-40 {
        width: 40%
    }

    .sm-45 {
        width: 45%
    }

    .sm-50 {
        width: 50%
    }

    .sm-55 {
        width: 55%
    }

    .sm-60 {
        width: 60%
    }

    .sm-65 {
        width: 65%
    }

    .sm-70 {
        width: 70%
    }

    .sm-75 {
        width: 75%
    }

    .sm-80 {
        width: 80%
    }

    .sm-85 {
        width: 85%
    }

    .sm-90 {
        width: 90%
    }

    .sm-95 {
        width: 95%
    }

    .sm-100 {
        width: 100%
    }

    .sm-11 {
        width: 11.11111111111111%
    }

    .sm-12 {
        width: 12.5%
    }

    .sm-14 {
        width: 14.28571428571429%
    }

    .sm-16 {
        width: 16.66666666666666%
    }

    .sm-33 {
        width: 33.33333333333333%
    }

    .sm-66 {
        width: 66.66666666666666%
    }
}

@media only screen and (max-width: 470px) {
    .xs-5 {
        width: 5%
    }

    .xs-10 {
        width: 10%
    }

    .xs-15 {
        width: 15%
    }

    .xs-20 {
        width: 20%
    }

    .xs-25 {
        width: 25%
    }

    .xs-30 {
        width: 30%
    }

    .xs-35 {
        width: 35%
    }

    .xs-40 {
        width: 40%
    }

    .xs-45 {
        width: 45%
    }

    .xs-50 {
        width: 50%
    }

    .xs-55 {
        width: 55%
    }

    .xs-60 {
        width: 60%
    }

    .xs-65 {
        width: 65%
    }

    .xs-70 {
        width: 70%
    }

    .xs-75 {
        width: 75%
    }

    .xs-80 {
        width: 80%
    }

    .xs-85 {
        width: 85%
    }

    .xs-90 {
        width: 90%
    }

    .xs-95 {
        width: 95%
    }

    .xs-100 {
        width: 100%
    }

    .xs-11 {
        width: 11.11111111111111%
    }

    .xs-12 {
        width: 12.5%
    }

    .xs-14 {
        width: 14.28571428571429%
    }

    .xs-16 {
        width: 16.66666666666666%
    }

    .xs-33 {
        width: 33.33333333333333%
    }

    .xs-66 {
        width: 66.66666666666666%
    }
}

@media only screen and (max-width: 1024px) {
    .product-grid-item:hover .image > a > img, .product-list-item:hover .image > a > img {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }

    .p-over, .quickview-button, .gallery-thumb a:before, .gallery-thumb .item-hover {
        display: none
    }
}

@media only screen and (max-width: 980px) {
    #container, #header {
        max-width: 100%
    }

    .side-block-left, .side-block-right, .banner-overlay {
        display: none !important
    }
}

@media only screen and (max-width: 760px) {
    .hide-on-mobile {
        display: none !important
    }

    #cart .content {
        width: 100%
    }

    .login-content .left {
        width: 100%;
        margin-bottom: 30px
    }

    .login-content .right {
        width: 100%
    }

    .login-content .left p:nth-child(2) {
        min-height: 55px
    }

    .side-block-left, .side-block-right {
        display: none
    }

    .heading-title, .box-heading {
        max-height: 100%
    }
}

@media only screen and (max-width: 470px) {
    table.form
    td {
        display: block
    }
}

@media only screen and (max-width: 980px) {
    .journal-desktop .sticky-wrapper {
        max-height: 160px
    }

    .journal-menu {
        clear: both
    }

    .journal-header-default.nocart-nosearch .journal-menu {
        clear: none
    }

    #cart {
        box-shadow: none
    }

    .sticky-wrapper {
        height: auto !important
    }
}

@media only screen and (max-width: 760px) {
    .journal-header-center .journal-links
    .links {
        width: 100%
    }

    header .links > a {
        border-bottom-color: #E4E4E4;
        border-top-style: solid;
        border-top-width: 1px
    }

    header .journal-login {
        border-bottom: 1px solid #E4E4E4
    }

    #header {
        padding-top: 40px
    }

    #header .journal-links {
        position: absolute;
        top: 0
    }

    .is-sticky {
        max-height: 100%
    }
}

@media only screen and (max-width: 760px) {
    .journal-header .text-only > i {
        display: none
    }

    .journal-header .icon-only > i {
        font-size: 185% !important
    }

    .journal-header .icon-only > span {
        display: none
    }
}

@media only screen and (max-width: 1039px) {
    .journal-header-default.nocart .links > a:last-child {
        border-right-width: 0
    }
}

@media only screen and (max-width: 760px) {
    .journal-header-menu #logo
    a {
        height: 120px
    }

    .journal-header-menu #logo a
    img {
        max-height: 120px
    }

    .journal-header-mega .journal-logo #logo
    a {
        text-align: center;
        padding-left: 0
    }

    .hide-on-mobile {
        display: none !important
    }

    .super-menu > li:last-of-type {
        border-left: 0 !important
    }

    .journal-header-center {
        box-shadow: none
    }

    .journal-header-center .journal-cart, .journal-header-center .journal-search, .journal-header-center .journal-secondary, .journal-header-center .journal-links {
        padding: 0
    }

    .journal-header-center .journal-search, .journal-header-center .journal-cart {
        top: 0
    }

    .journal-header-center .journal-top-header {
        border-bottom-width: 0
    }

    .journal-header-center .journal-menu-bg {
        display: none
    }

    .journal-header-center #search
    input {
        border-radius: 0;
        border-left-width: 0 !important;
        border-right-width: 0 !important
    }

    .journal-header-center .button-search {
        border-radius: 0
    }

    .journal-header-center .journal-cart {
        border-radius: 0
    }

    .journal-header-center .journal-cart #cart .heading a
    span {
        border-top: 1px solid transparent
    }

    .journal-header-center .journal-cart
    #cart {
        border-radius: 0;
        border-right-width: 0 !important
    }

    .journal-header-center .journal-cart #cart
    .content {
        padding-top: 0
    }

    .journal-header-center .journal-cart #cart .content .cart-wrapper {
        border-radius: 0
    }

    .journal-header-center .journal-cart #cart .content:before {
        display: none
    }

    .journal-header-center .journal-cart #cart .heading
    i {
        border-radius: 0
    }

    .journal-header-center .journal-language, .journal-header-center .journal-currency {
        padding: 0;
        margin-right: 0;
        position: absolute;
        min-width: 40px;
        z-index: 99
    }

    .journal-header-center .journal-language {
        left: 0
    }

    .journal-header-center .journal-currency {
        right: 1px
    }

    .journal-header-center .journal-language
    form {
        text-align: left
    }

    .journal-header-center .journal-language form > div {
        border-left: 0
    }

    .journal-header-center .journal-currency
    form {
        text-align: right
    }

    .journal-header-center .journal-currency form > div {
        border-right: 0;
        border-left: 1px solid transparent
    }

    .journal-header-center .lang form, .journal-header-center .curr
    form {
        display: block
    }

    .journal-header-center .journal-center-bg {
        top: 80px
    }

    .journal-header-center .journal-secondary {
        width: 100%;
        text-align: center;
        clear: both;
        background-color: #FAFAFA;
        border-bottom: 1px solid transparent;
        border-top: 1px solid transparent
    }

    .journal-header-center
    .links {
        float: none !important;
        margin: 0 auto
    }

    .journal-header-center .autocomplete2-suggestions {
        top: 40px;
        border-radius: 0
    }

    .journal-header-center .autocomplete2-suggestions:before {
        display: none
    }

    .journal-header-center .autocomplete2-selected:first-child,
    .journal-header-center .autocomplete2-selected:last-child,
    .journal-header-center .autocomplete2-suggestion:first-child > a > span > img,
    .journal-header-center .autocomplete2-suggestion:last-child > a > span > img {
        border-radius: 0
    }

    .journal-top-header {
        border-bottom: none
    }
}

@media only screen and (max-width: 470px) {
    #cart
    .content {
        min-width: 100%
    }

    .journal-header-center #search
    input {
        border-bottom-width: 0 !important
    }

    .journal-header-center .journal-cart
    #cart {
        border-left-width: 0 !important
    }
}

@media only screen and (max-width: 980px) {
    .journal-header-menu
    #cart {
        height: 40px;
        box-shadow: none
    }

    .journal-header-menu .j-50 {
        height: 40px
    }

    .journal-header-menu .j-med {
        height: 120px
    }

    .journal-header-menu.nocart-nosearch .j-med {
        height: 80px
    }
}

@media only screen and (max-width: 1024px) {
    .super-menu > li:first-of-type {
        border-left: none
    }
}

@media only screen and (max-width: 980px) {
    .journal-header-default .super-menu > li > div {
        left: 0;
        margin-left: 0
    }
}

@media only screen and (max-width: 760px) {
    .super-menu > li.icon-only {
        width: 100%
    }

    .mobile-trigger {
        display: block;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        width: 100%;
        font-size: 16px;
        padding-left: 10px;
        background-color: #5F6874;
        cursor: pointer
    }

    .mobile-trigger:before {
        content: "\e618";
        margin-right: 10px;
        font-size: 23px;
        float: left
    }

    .journal-mobile .mega-menu, .journal-mobile .png-menu {
        position: relative
    }

    .journal-menu .mobile-menu li:last-of-type {
        border-right: none
    }

    .journal-menu {
        height: auto
    }

    .journal-menu .mobile-menu {
        display: none
    }

    .journal-menu .mobile-menu > li {
        position: relative;
        display: block;
        border-bottom: 1px solid #333745;
        border-left: none;
        border-right: none;
        left: 0
    }

    .journal-menu .mobile-menu > li .mobile-plus {
        display: none;
        width: 40px;
        height: 40px;
        line-height: 35px;
        font-size: 25px;
        font-weight: bold;
        z-index: 99;
        top: 0;
        right: 0;
        position: absolute;
        text-align: center;
        cursor: pointer;
        color: white;
        background-color: #4f5660;
        border-left: 1px solid #333745
    }

    .journal-menu .mobile-menu > li > ul {
        left: 0 !important
    }

    .journal-menu .mobile-menu > li > ul li .mobile-plus {
        border-left: none;
        height: 39px
    }

    .journal-menu .mobile-menu > li > a {
        text-align: left;
        padding-left: 10px
    }

    .journal-menu .mobile-menu li:last-of-type {
        border-bottom: none
    }

    .journal-menu .mobile-menu > li > ul + .mobile-plus,
    .journal-menu .mobile-menu > li > div + .mobile-plus,
    .journal-menu .mobile-menu > li > span + .mobile-plus,
    .journal-menu .mobile-menu > li > ul li .mobile-plus {
        display: block
    }
}

@media only screen and (max-width: 760px) {
    .mobile-menu .drop-down > ul {
        display: none
    }

    .mobile-menu .drop-down
    ul {
        width: 100%;
        position: relative;
        box-shadow: none;
        left: 0;
        visibility: visible;
        opacity: 1;
        display: none
    }

    .mobile-menu .drop-down ul
    li {
        color: #333745;
        position: relative;
        border-bottom: 1px solid #f4f4f4
    }
}

@media only screen and (max-width: 760px) {
    .mega-menu .mega-menu-column {
        width: 100% !important;
        float: none
    }
}

@media only screen and (max-width: 980px) {
    .mobile-menu-on-tablet header .hide-on-mobile {
        display: none !important
    }

    .mobile-menu-on-tablet .sticky-wrapper {
        height: auto !important;
        max-height: 100% !important
    }

    .mobile-menu-on-tablet .journal-header-center {
        box-shadow: none
    }

    .mobile-menu-on-tablet .super-menu > li.icon-only {
        width: 100%
    }

    .mobile-menu-on-tablet .mobile-trigger {
        display: block;
        height: 40px;
        line-height: 40px;
        text-transform: uppercase;
        width: 100%;
        font-size: 16px;
        padding-left: 10px;
        background-color: #5F6874;
        cursor: pointer
    }

    .mobile-menu-on-tablet .mobile-trigger:before {
        content: "\e618";
        margin-right: 10px;
        font-size: 23px;
        float: left
    }

    .mobile-menu-on-tablet.journal-desktop .mega-menu, .mobile-menu-on-tablet .journal-mobile .png-menu {
        position: relative
    }

    .mobile-menu-on-tablet .journal-menu .mobile-menu li:last-of-type {
        border-right: none
    }

    .mobile-menu-on-tablet .journal-menu {
        height: auto
    }

    .mobile-menu-on-tablet .journal-menu .mobile-menu {
        display: none
    }

    .mobile-menu-on-tablet .journal-menu .mobile-menu > li {
        position: relative;
        display: block;
        border-bottom: 1px solid #333745;
        border-left: none;
        border-right: none;
        left: 0;
        width: 100%
    }

    .mobile-menu-on-tablet .journal-menu .mobile-menu > li .mobile-plus {
        display: none;
        width: 40px;
        height: 40px;
        line-height: 35px;
        font-size: 25px;
        font-weight: bold;
        z-index: 99;
        top: 0;
        right: 0;
        position: absolute;
        text-align: center;
        cursor: pointer;
        color: white;
        background-color: #4f5660;
        border-left: 1px solid #333745
    }

    .mobile-menu-on-tablet .journal-menu .mobile-menu > li > ul {
        left: 0 !important
    }

    .mobile-menu-on-tablet .journal-menu .mobile-menu > li > ul li .mobile-plus {
        border-left: none;
        height: 39px
    }

    .mobile-menu-on-tablet .journal-menu .mobile-menu > li > a {
        text-align: left;
        padding-left: 10px
    }

    .mobile-menu-on-tablet .journal-menu .mobile-menu li:last-of-type {
        border-bottom: none
    }

    .mobile-menu-on-tablet .journal-menu .mobile-menu > li > ul + .mobile-plus,
    .mobile-menu-on-tablet .journal-menu .mobile-menu > li > div + .mobile-plus,
    .mobile-menu-on-tablet .journal-menu .mobile-menu > li > span + .mobile-plus,
    .mobile-menu-on-tablet .journal-menu .mobile-menu > li > ul li .mobile-plus {
        display: block
    }
}

@media only screen and (max-width: 980px) {
    .mobile-menu-on-tablet .mobile-menu .drop-down > ul {
        display: none
    }

    .mobile-menu-on-tablet .mobile-menu .drop-down
    ul {
        width: 100%;
        position: relative;
        box-shadow: none;
        left: 0;
        visibility: visible;
        opacity: 1;
        display: none
    }

    .mobile-menu-on-tablet .mobile-menu .drop-down ul
    li {
        color: #333745;
        position: relative;
        border-bottom: 1px solid #f4f4f4
    }
}

@media only screen and (max-width: 760px) {
    .mobile-menu-on-tablet .mega-menu .mega-menu-column {
        width: 100% !important;
        float: none
    }
}

@media only screen and (max-width: 470px) {
    .firefox .sticky-wrapper, .firefox
    header {
        display: table
    }

    .firefox #top-modules {
        clear: both
    }

    .firefox #container > .row {
        display: table
    }
}

@media only screen and (max-width: 1040px) {
    #column-left + #column-right + #content .product-info > div,
    #column-left + #column-right + .row #content .product-info > div {
        display: block;
        width: 100%;
        float: none
    }

    #column-left + #column-right + #content .product-info .right,
    #column-left + #column-right + .row #content .product-info
    .right {
        padding: 0;
        margin-top: 15px
    }

    #column-left + #column-right + #content .product-info .right .text-qty,
    #column-left + #column-right + .row #content .product-info .right .text-qty {
        display: none
    }
}

@media only screen and (max-width: 980px) {
    .product-info .right .cart div .links
    span {
        display: none
    }

    .product-info .right .cart div .links
    a {
        width: 100%;
        display: block
    }

    .product-info .right .cart div .links a:first-of-type {
        margin-bottom: 10px
    }

    .product-info.split-60-40 .right .cart div
    .qty {
        width: 100%;
        margin-bottom: 10px
    }

    .product-info.split-60-40 .right .cart div
    .button {
        width: 100%
    }

    #column-left + #content .product-info > div,
    #column-left + .row #content .product-info > div,
    #column-right + #content .product-info > div,
    #column-right + .row #content .product-info > div {
        display: block;
        width: 100%;
        float: none
    }

    #column-left + #content .product-info .right,
    #column-left + .row #content .product-info .right,
    #column-right + #content .product-info .right,
    #column-right + .row #content .product-info
    .right {
        padding: 0;
        margin-top: 15px
    }

    #column-left + #content .product-info .right .text-qty,
    #column-left + .row #content .product-info .right .text-qty,
    #column-right + #content .product-info .right .text-qty,
    #column-right + .row #content .product-info .right .text-qty {
        display: none
    }
}

@media only screen and (max-width: 980px) {
    .social {
        padding-top: 10px
    }
}

@media only screen and (max-width: 760px) {
    .product-info > div {
        display: block !important;
        width: 100% !important
    }

    .product-info .right {
        padding: 0;
        margin-top: 15px
    }

    .product-info .right .text-qty {
        display: none
    }

    .social {
        padding-top: 10px
    }

    #tabs {
        display: block;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    #tabs a {
        width: 100%;
        display: table
    }

    .tab-content {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .product-page #tabs li, .product-page #tabs
    a {
        float: none
    }
}

@media only screen and (max-width: 460px) {
    .product-info .right .cart div
    .qty {
        width: 100%;
        margin-bottom: 10px
    }

    .product-info .right .cart div
    .button {
        width: 100%
    }
}

@media only screen and (max-width: 980px) {
    .product-filter > div
    b {
        display: none
    }
}

@media only screen and (max-width: 760px) {
    #column-left, #column-right, .column-left-bg, .column-right-bg {
        display: none !important
    }

    #column-left + #content,
    #column-right + #content,
    #column-left + .row #content,
    #column-right + .row #content,
    #column-left + #column-right + #content,
    #column-left + #column-right + .row #content, #column-left + span + #content, #column-right + span + #content, #column-left + #column-right + span + #content {
        margin: 0
    }
}

@media only screen and (max-width: 470px) {
    .product-compare {
        display: none
    }

    .product-list-item .image {
        width: 100%;
        float: none;
        margin-bottom: 10px
    }

    .product-list-item .image img {
        float: none
    }

    .product-list-item .name {
        margin-left: 0
    }

    .product-list-item .product-details {
        margin-left: 0
    }
}

.mobile .product-wrapper, .tablet .product-wrapper {
    box-shadow: none !important;
    border-radius: 0;
    border-width: 0
}

.mobile #top-modules > div, .mobile #bottom-modules > div, .tablet #top-modules > div, .tablet #bottom-modules > div {
    background-attachment: scroll !important;
    background-size: 100%
}

.mobile .product-grid-item .image .wishlist,
.mobile .product-grid-item .image .compare, .tablet .product-grid-item .image .wishlist,
.tablet .product-grid-item .image
.compare {
    visibility: visible;
    opacity: 1
}

.mobile .hint--top:before, .mobile .hint--top:after, .mobile .product-details:before, .tablet .hint--top:before, .tablet .hint--top:after, .tablet .product-details:before {
    display: none !important
}

.mobile .button, .tablet
.button {
    box-shadow: none !important
}

@media only screen and (max-width: 760px) {
    .single-section .box-sections.box-block ul
    li {
        min-width: 100%;
        float: none;
        margin-bottom: 0
    }
}

@media only screen and (max-width: 540px) {
    .box-sections {
        height: auto
    }

    .box-sections ul
    li {
        min-width: 100%;
        float: none;
        display: block;
        margin-bottom: 0;
        border-right: 0;
        border-bottom: 1px solid
    }

    .box-sections ul li:last-of-type {
        border-bottom: 0
    }
}

@media only screen and (max-width: 560px) {
    .journal-carousel .htabs {
        height: auto
    }

    .journal-carousel .htabs a {
        background-color: transparent;
        box-shadow: none;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        color: inherit;
        border-right: 0;
        width: 100%
    }

    .journal-carousel .htabs a:last-of-type {
        border-bottom: 0
    }

    .journal-carousel .htabs.single-tab a, .journal-carousel .htabs.single-tab a.selected, .journal-carousel .htabs.single-tab a:hover {
        border-bottom: 0
    }
}

@media only screen and (max-width: 540px) {
    table.list .t-2, table.list .t-3, table.list .t-6, table.list .t-span-3 {
        display: none
    }

    table.list .t-span-1 {
        display: table-cell
    }
}

@media only screen and (max-width: 760px) {
    .login-content .login-wrap {
        min-height: 50px
    }

    .login-content > div {
        min-height: 100%
    }
}

@media only screen and (max-width: 460px) {
    .order-list .order-info {
        text-align: center;
        padding: 5px 0;
        width: 50px
    }
}

@media only screen and (max-width: 460px) {
    .wishlist-info .model, .wishlist-info
    .stock {
        display: none
    }
}

@media only screen and (max-width: 760px) {
    .cart-info .model, .cart-info
    .price {
        display: none
    }

    .cart-info .name
    a {
        white-space: normal
    }
}

@media only screen and (max-width: 470px) {
    .cart-info
    .quantity {
        display: none;
        min-width: 50px
    }

    .cart-info .quantity input[type="text"] {
        display: block;
        position: relative;
        left: 10px;
        margin-bottom: 5px
    }

    .cart-info .image
    img {
        max-width: 50px
    }
}

@media only screen and (max-width: 470px) {
    .checkout-content .left, .checkout-content
    .right {
        width: 100%
    }

    .checkout-content
    table {
        table-layout: fixed
    }

    .checkout-content table
    td {
        width: 100%
    }

    .checkout-content thead .model, .checkout-content thead .quantity, .checkout-content thead .price, .checkout-content tbody .model, .checkout-content tbody .quantity, .checkout-content tbody
    .price {
        display: none
    }

    .checkout-content
    .button {
        display: block;
        float: right
    }

    .checkout-content .buttons
    a {
        display: inline-block
    }

    .checkout-content .buttons
    .right {
        text-align: left
    }

    .checkout-content .left .button, .checkout-content #login
    .button {
        float: none
    }
}

@media only screen and (max-width: 760px) {
    .sitemap-info > div {
        width: 100%;
        padding: 0
    }

    .sitemap-info > div:first-of-type {
        padding: 0;
        padding-bottom: 20px
    }

    .manufacturer-list
    ul {
        display: block;
        float: none;
        width: 100%
    }
}

@media only screen and (max-width: 980px) {
    #content.search-page
    h2 {
        padding: 8px;
        line-height: 18px;
        height: auto
    }

    #content.search-page .content
    select {
        margin-bottom: 10px;
        display: block;
        margin-left: 0;
        margin-top: 20px
    }

    #content.search-page .content
    label {
        min-width: 95%;
        display: inline-block
    }
}

@media only screen and (max-width: 760px) {
    #content.search-page .content
    label {
        min-width: 90%
    }
}

@media only screen and (max-width: 470px) {
    #content.search-page .content
    label {
        min-width: 85%
    }
}

@media only screen and (max-width: 760px) {
    [data-hint]:before, [data-hint]:after {
        display: none !important
    }

    footer .contacts-left, footer .contacts-right {
        float: none
    }

    footer .bottom-footer {
        height: auto;
        overflow: visible;
        border-radius: 0
    }

    footer .bottom-footer
    .copyright {
        float: none;
        height: 40px;
        line-height: 50px;
        padding-left: 0;
        text-align: center;
        width: 100%
    }

    footer .bottom-footer
    .payments {
        padding-right: 0;
        width: 100%;
        text-align: center;
        padding-bottom: 10px;
        float: none
    }

    #footer
    .contacts {
        border-radius: 0
    }

    #footer .contacts > div > span {
        display: block;
        margin-bottom: 5px
    }

    #footer .contacts > div > span.hint--top {
        display: inline-block
    }

    .footer-post-title {
        white-space: normal
    }
}

@media only screen and (max-width: 470px) {
    footer .contacts > div {
        text-align: left
    }

    footer .contacts > div .no-name {
        display: inline-block;
        margin-bottom: 0
    }

    footer .bottom-footer
    .copyright {
        line-height: 100%;
        padding-top: 12px
    }
}

@media only screen and (max-width: 1024px) {
    .gallery-thumb a:before, .gallery-thumb .item-hover {
        display: none
    }
}

@media only screen and (max-width: 760px) {
    .cms-block, .static-banner {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 760px) {
    .extended-layout #column-left + #content,
    .extended-layout #column-left + .row
    #content {
        padding: 0 0 20px 20px;
        margin-left: 0
    }

    .extended-layout #column-right + #content,
    .extended-layout #column-right + .row
    #content {
        padding: 0 20px 20px 20px;
        margin-right: 0
    }

    .extended-layout #column-left + #column-right + #content,
    .extended-layout #column-left + #column-right + .row
    #content {
        padding: 0 20px 20px 20px;
        margin-left: 0;
        margin-right: 0
    }
}

@media only screen and (max-width: 760px) {
    .multi-modules .journal-simple-slider, .multi-modules .journal-slider {
        max-width: 100% !important
    }

    .multi-modules-column, .multi-modules-row {
        height: auto !important
    }

    .multi-modules-column {
        width: 100% !important;
        margin-bottom: 0 !important;
        height: auto !important
    }

    .multi-modules > div .multi-modules-row {
        margin-bottom: 20px
    }
}

@media only screen and (max-width: 980px) {
    .two-columns #content .journal-newsletter .newsletter-text {
        float: none;
        width: 100% !important;
        margin-bottom: 10px
    }

    .two-columns #content .journal-newsletter .newsletter-input-wrap {
        float: none;
        width: 100% !important;
        height: auto !important;
        text-align: center
    }

    .two-columns #content .journal-newsletter .newsletter-input-wrap .newsletter-button {
        position: relative;
        left: auto !important;
        right: auto !important;
        width: 100%
    }

    .two-columns #content .journal-newsletter .newsletter-input-wrap input + .button {
        margin-top: 0
    }

    .one-column #content .journal-newsletter .newsletter-text {
        float: none;
        width: 100% !important;
        margin-bottom: 10px
    }

    .one-column #content .journal-newsletter .newsletter-input-wrap {
        float: none;
        width: 100% !important;
        text-align: center
    }
}

@media only screen and (max-width: 760px) {
    #content .journal-newsletter .newsletter-text, footer .journal-newsletter .newsletter-text, #top-modules .journal-newsletter .newsletter-text, #bottom-modules .journal-newsletter .newsletter-text {
        float: none;
        display: block !important;
        width: 100% !important;
        margin-bottom: 10px;
        padding-right: 0
    }

    #content .journal-newsletter .newsletter-input-wrap, footer .journal-newsletter .newsletter-input-wrap, #top-modules .journal-newsletter .newsletter-input-wrap, #bottom-modules .journal-newsletter .newsletter-input-wrap {
        float: none;
        width: 100% !important;
        height: auto !important;
        text-align: center
    }

    #content .journal-newsletter .newsletter-input-wrap .newsletter-button, footer .journal-newsletter .newsletter-input-wrap .newsletter-button, #top-modules .journal-newsletter .newsletter-input-wrap .newsletter-button, #bottom-modules .journal-newsletter .newsletter-input-wrap .newsletter-button {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        width: 100%;
        top: 0 !important;
        margin-top: 5px !important
    }

    #content .journal-newsletter .newsletter-input-wrap input + .button, footer .journal-newsletter .newsletter-input-wrap input + .button, #top-modules .journal-newsletter .newsletter-input-wrap input + .button, #bottom-modules .journal-newsletter .newsletter-input-wrap input + .button {
        margin-top: 0
    }

    .ui-pnotify {
        top: 0;
        left: 0;
        right: 0
    }
}

@media only screen and (max-width: 470px) {
    .posts h2
    a {
        height: auto !important
    }

    .blog-list-view .posts .post-image {
        float: none;
        padding-right: 0;
        width: 100%
    }

    .blog-list-view .posts .post-item-details {
        float: none;
        width: 100%
    }

    .blog-list-view .posts
    h2 {
        margin-top: 10px
    }

    .blog-list-view .posts h2
    a {
        height: auto !important;
        display: inline-block;
        border-bottom: 1px solid #E4E4E4;
        padding-bottom: 7px
    }

    .blog-list-view .post-text {
        padding: 5px 10px 10px 0
    }

    .blog-list-view .comment-date {
        padding: 5px 0;
        border: 0
    }
}

@media only screen and (max-width: 500px) {
    .posts.blog-list-view .post-image {
        padding-right: 0;
        float: none;
        display: block;
        margin-bottom: 12px;
        width: 100% !important
    }

    .posts.blog-list-view .post-item-details {
        width: 100% !important
    }
}

@media only screen and (max-width: 980px) {
    .two-columns .posts h2
    a {
        height: auto !important
    }
}

@media only screen and (max-width: 1220px) {
    .two-columns.blog-list-view .posts .post-image {
        width: 35%
    }

    .two-columns.blog-list-view .post-item-details {
        width: 65%
    }
}

@media only screen and (max-width: 980px) {
    .two-columns.blog-list-view .post-image {
        float: none;
        padding-right: 0;
        width: 100%
    }

    .two-columns.blog-list-view .post-item-details {
        float: none;
        width: 100%
    }
}

@media only screen and (max-width: 760px) {
    .comments > .comment,
    .comments
    .reply {
        padding: 15px 15px 15px 15px
    }

    .comments
    .avatar {
        position: relative;
        float: left;
        top: 0;
        left: 0;
        margin: 0 10px 0 0
    }

    .comment-form
    form {
        padding: 15px
    }

    .comment-form form > div
    input {
        width: 100%;
        max-width: 100%
    }

    .blog-post .post-stats
    span {
        display: block;
        margin-bottom: 7px
    }
}

@media only screen and (max-width: 760px) {
    .comments .reply, .reply-form, .comments .reply + .success {
        margin-left: 0
    }
}

@media only screen and (max-width: 760px) {
    .oc2 fieldset label, .oc2 fieldset label + div, .oc2 fieldset label + input.form-control {
        width: 100%
    }

    .oc2 fieldset label, .oc2 fieldset label + div {
        padding-top: 0
    }

    .oc2 .captcha-row .pull-right {
        margin-left: 0
    }

    .oc2 .contact-page
    .col {
        float: none;
        width: 100%;
        margin-bottom: 10px;
        padding-left: 0
    }

    .oc2 .contact-page .col-sm-10 {
        width: 100%
    }

    .oc2 .form-horizontal .form-group
    label {
        width: 100%;
        float: none
    }

    .oc2 .form-horizontal .form-group label + div {
        width: 100%
    }

    .oc2 .action-area .panel-body
    label {
        display: inline-block;
        margin-bottom: 5px
    }

    .oc2 .action-area .panel-body .input-group {
        width: 100%
    }

    .oc2 .action-area .panel-body .input-group input[type="text"] {
        min-width: 100%;
        width: 100%
    }

    .oc2 .action-area .panel-body .input-group .input-group-btn {
        margin-top: 5px;
        display: block
    }

    .oc2 .action-area .panel-body .input-group
    .button {
        width: 100%;
        display: block;
        margin-left: 0
    }

    .oc2 .action-area .sc-shipping .form-horizontal .form-group
    label {
        padding-top: 0
    }

    .oc2 .action-area .sc-shipping .form-horizontal .form-group label + div {
        width: 100%
    }

    .oc2 .action-area .sc-shipping
    .button {
        margin-top: 5px
    }
}

.quickview .mfp-iframe-holder .mfp-content {
    height: 563px
}

.quickview .heading-title {
    text-align: center
}

#more-details[data-hint]:after {
    color: rgb(255, 255, 255);
    background-color: rgb(221, 0, 23)
}

#more-details i:before {
    content: '\e62c';
    font-size: 28px;
    color: rgb(255, 255, 255);
    top: -2px
}

.quickview
#content {
    background-color: rgb(255, 255, 255)
}

.quickview #tab-description {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

.label-latest {
    color: rgb(255, 255, 255);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: rgb(68, 67, 73)
}

.label-sale {
    color: rgb(255, 255, 255);
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding-top: 0;
    padding-bottom: 0;
    background-color: rgb(221, 0, 23)
}

header .links > a {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: none;
    color: rgb(255, 255, 255)
}

header .links > a:hover {
    color: rgb(221, 0, 23)
}

.links .no-link {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: none
}

.journal-login .journal-secondary a, .journal-secondary .links > a {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: none;
    color: rgb(255, 255, 255)
}

.journal-secondary .no-link {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: none;
    color: rgb(68, 67, 73)
}

.drop-down ul li
a {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    color: rgb(255, 255, 255)
}

.mega-menu-item
h3 {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    border-bottom-width: 1px;
    border-style: dotted;
    border-color: rgb(119, 119, 119);
    padding-bottom: 5px
}

.mega-menu-item h3:hover {
    color: rgb(221, 0, 23)
}

.mega-menu-categories .mega-menu-item ul li
a {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 11px;
    text-transform: none;
    color: rgb(255, 255, 255);
    padding-left: 5px
}

.mega-menu-categories .mega-menu-item ul li a:hover {
    color: rgb(221, 0, 23)
}

.mega-menu-brands .mega-menu-item
h3 {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    text-align: left
}

.mega-menu-html .mega-menu-item
h3 {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: uppercase;
    text-align: left
}

.mega-menu-html .mega-menu-item
.wrapper {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: none;
    color: rgb(68, 67, 73);
    padding-top: 8px
}

.super-menu > li > a {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: uppercase;
    color: rgb(68, 67, 73)
}

.super-menu > li, .super-menu > li:last-of-type, .journal-menu .mobile-menu > li .mobile-plus, .journal-desktop .menu-floated .float-right {
    border-left-style: dotted
}

.drop-down ul li, .mobile-menu .drop-down ul
li {
    border-bottom-style: solid;
    border-color: rgb(89, 89, 89)
}

.mega-menu-categories .mega-menu-item
h3 {
    text-align: left
}

.mega-menu-brands .mega-menu-item
div {
    border-radius: 2px
}

.mega-menu-brands .mega-menu-item
img {
    border-radius: 2%
}

.mega-menu, .png-menu {
    background-color: rgb(68, 67, 73)
}

.mobile-trigger:before {
    content: '\e618';
    font-size: 20px;
    color: rgb(68, 67, 73);
    top: -1px
}

.drop-down .menu-plus:before {
    content: '\e62c';
    font-size: 14px;
    color: rgb(255, 255, 255);
    top: -3px
}

.mega-menu-categories .mega-menu-item ul li a:before {
    content: '\e62c';
    font-size: 10px;
    color: rgb(255, 255, 255)
}

.mobile-trigger {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 16px;
    text-transform: uppercase;
    color: rgb(68, 67, 73)
}

.journal-menu .mobile-menu > li .mobile-plus {
    background-color: rgb(68, 67, 73);
    color: rgb(255, 255, 255)
}

.super-menu > li, .super-menu.menu-floated {
    background-color: rgb(250, 250, 250)
}

.journal-menu-bg {
    background-color: rgb(250, 250, 250)
}

.super-menu > li:hover > a {
    color: rgb(255, 255, 255)
}

.super-menu > li:hover {
    background-color: rgb(68, 67, 73)
}

.super-menu > li, .super-menu > li:last-of-type, .journal-desktop .menu-floated .float-left, .journal-desktop .menu-floated .float-right, .journal-menu .mobile-menu > li .mobile-plus {
    border-color: rgb(228, 228, 228)
}

.journal-login .journal-secondary a:hover, .journal-secondary .links > a:hover {
    color: rgb(221, 0, 23)
}

.drop-down ul
li {
    background-color: rgb(68, 67, 73)
}

.drop-down ul li:hover {
    background-color: rgb(221, 0, 23)
}

.journal-menu .mobile-trigger {
    background-color: rgb(228, 228, 228)
}

.mega-menu .product-grid-item
.price {
    display: none
}

.mega-menu {
    padding: 20px;
    box-shadow: none
}

.mega-menu-item > div, #header .mega-menu .product-wrapper {
    margin-right: 15px
}

.mega-menu .product-grid-item .name
a {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: none
}

.drop-down
ul {
    box-shadow: none
}

.mega-menu .product-grid-item .price, .mega-menu .product-grid-item .price-new {
    color: rgb(42, 43, 46)
}

.mega-menu-column > div > h3, .mega-menu-column > h3 {
    padding-bottom: 5px;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: none;
    color: rgb(255, 255, 255);
    margin-bottom: 10px;
    border-bottom-width: 1px;
    border-style: dotted;
    border-color: rgb(119, 119, 119)
}

.mega-menu-column.mega-menu-html .wrapper h1, .mega-menu-column.mega-menu-html .wrapper h2, .mega-menu-column.mega-menu-html .wrapper
h3 {
    padding-bottom: 5px;
    font-weight: normal !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    font-size: 13px !important;
    text-transform: none !important;
    color: rgb(255, 255, 255) !important
}

.mega-menu .product-wrapper {
    border-width: 0;
    border-style: solid
}

.mega-menu-categories .mega-menu-item ul
li {
    padding-bottom: 5px
}

.mega-menu-categories .mega-menu-item ul li.view-more
a {
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 11px;
    text-transform: none;
    color: rgb(43, 176, 227)
}

.quote .button:active {
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.8)
}

.quote .button {
    font-weight: 400;
    font-family: "Droid Serif";
    font-style: italic;
    font-size: 18px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    padding: 0 20px;
    line-height: 45px;
    background-color: rgb(68, 67, 73)
}

.quote .button:hover {
    background-color: rgb(221, 0, 23)
}

.product-info .left .image a img {
    border-width: 1px;
    border-radius: 3px;
    border-style: dotted;
    border-color: rgb(204, 204, 204)
}

.product-info .left .image-additional a img {
    border-width: 1px;
    border-radius: 3px;
    border-style: dotted;
    border-color: rgb(204, 204, 204)
}

.product-info .left .image-additional a {
    padding: 15px 15px 0 0
}

.product-info .image .label-latest {
    display: block
}

.product-info .image .label-sale {
    display: block
}

.product-info .image .outofstock {
    display: block
}

.product-options > div, .product-options > ul {
    margin-bottom: 15px
}

.product-info .product-options > div, .product-info .product-options > ul, #content .product-info .options
h3 {
    border-radius: 3px
}

.product-info .right .description .instock {
    color: rgb(68, 67, 73)
}

.product-info .right .description .outofstock {
    color: rgb(221, 0, 23)
}

.product-info .right .price-new, .product-info .right .product-price {
    font-weight: 400;
    font-family: "Roboto Slab";
    font-style: normal;
    font-size: 34px;
    text-transform: none
}

.product-info .right .price-old {
    font-weight: 400;
    font-family: "Droid Serif";
    font-style: normal;
    font-size: 22px;
    text-transform: none;
    color: rgb(255, 255, 255);
    border-radius: 3px;
    background-color: rgb(221, 0, 23)
}

.product-info .option > ul > li:active, .product-info .option > ul > li.selected {
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.7)
}

#content .product-info .options h3 {
    font-weight: 400;
    font-family: "Droid Serif";
    font-style: normal;
    font-size: 14px;
    text-transform: none;
    color: rgb(255, 255, 255);
    background-color: rgb(169, 184, 192)
}

.product-info .option > ul > li {
    color: rgb(255, 255, 255);
    background-color: rgb(68, 67, 73);
    border-radius: 3px
}

.product-info .right .cart div .qty {
    border-radius: 3px
}

#button-cart:active {
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.8)
}

#button-cart {
    font-weight: 400;
    font-family: "Droid Serif";
    font-style: normal;
    font-size: 16px;
    text-transform: uppercase;
    color: rgb(255, 255, 255)
}

#button-cart, .quickview #more-details {
    border-width: 0;
    border-style: solid;
    background-color: rgb(68, 67, 73)
}

.product-info .right .wishlist-compare .links a {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 14px;
    text-transform: none;
    color: rgb(68, 67, 73)
}

.product-info .right .wishlist-compare .links a:hover {
    color: rgb(221, 0, 23)
}

#tabs a, #tabs li a {
    font-weight: 400;
    font-family: "Droid Serif";
    font-style: normal;
    font-size: 15px;
    text-transform: none;
    color: rgb(255, 255, 255);
    background-color: rgb(68, 67, 73);
    box-shadow: none
}

#tabs {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.tab-content h1, .tab-content h2, .tab-content h3, .tab-content h4, .tab-content h5 {
    font-weight: 400 !important;
    font-family: "Roboto Condensed" !important;
    font-style: normal !important;
    font-size: 17px !important;
    text-transform: none !important;
}

.product-info .tab-content, .tab-content {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 15px;
    background-color: rgb(250, 250, 250)
}

.product-info .left .journal-custom-tab h3 {
    font-weight: bold !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    font-size: 15px !important;
    text-transform: none !important
}

.product-info .left .journal-custom-tab, .product-info .left .journal-custom-tab p, .product-info .left .journal-custom-tab p
span {
    font-weight: normal !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    font-size: 12px !important;
    text-transform: none !important
}

.product-info .left .journal-custom-tab {
    border-radius: 3px
}

.product-info .right .journal-custom-tab h3 {
    font-weight: bold !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    font-size: 15px !important;
    text-transform: none !important
}

.product-info .right .journal-custom-tab, .product-info .right .journal-custom-tab p, .product-info .right .journal-custom-tab p
span {
    font-weight: normal !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    font-size: 12px !important;
    text-transform: none !important
}

.product-info .right .journal-custom-tab {
    border-radius: 3px
}

.product-info .gallery-text:before {
    content: '\e015';
    font-size: 16px
}

#product-gallery .owl-prev:before {
    content: '\e61f';
    font-size: 20px;
    color: rgb(68, 67, 73)
}

#product-gallery .owl-next:before {
    content: '\e620';
    font-size: 20px;
    color: rgb(68, 67, 73)
}

.product-info .right .wishlist-compare .links a:before {
    content: '\e662';
    font-size: 14px
}

.product-info .right .wishlist-compare .links a + a:before {
    content: '\e025';
    font-size: 14px
}

.product-options > div, .product-options > ul, .quickview .tab-content {
    background-color: rgb(247, 247, 247)
}

.product-info .right .options .option {
    border-color: rgb(255, 255, 255)
}

.product-info .option > ul > li.selected, .product-info .option > ul > li:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(221, 0, 23)
}

.product-info .right .cart div .journal-stepper {
    color: rgb(255, 255, 255);
    background-color: rgb(68, 67, 73)
}

.product-info .right .cart div .journal-stepper:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(221, 0, 23)
}

#button-cart:hover, .quickview #more-details:hover {
    background-color: rgb(221, 0, 23)
}

.product-info .right .wishlist-compare {
    background-color: rgb(247, 247, 247)
}

#tabs a:hover, #tabs a.selected, #tabs li a:hover, #tabs li.active
a {
    color: rgb(255, 255, 255);
    background-color: rgb(221, 0, 23)
}

.tags {
    text-align: left
}

.tags a, .tags b {
    border-radius: 15px
}

.tags b {
    background-color: rgb(68, 67, 73);
    color: rgb(255, 255, 255)
}

.tags a {
    background-color: rgb(244, 244, 244);
    margin: 0 4px;
}

.tags a:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(221, 0, 23)
}

#product-gallery .owl-buttons.side-buttons div {
    border-radius: 50%;
    margin-top: -3px;
    height: 25px;
    line-height: 25px;
    width: 25px
}

.product-info .right > div > div, .product-info .right > div > ul {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-top: 10px
}

.product-info .right .options .option label:hover {
    color: rgb(221, 0, 23)
}

#product-gallery .owl-next:hover:before, #product-gallery .owl-prev:hover:before {
    color: rgb(221, 0, 23)
}

.product-info .right .options .option label {
    color: rgb(66, 139, 202)
}

.attribute tbody td {
    text-align: left
}

.product-sold-count-text {
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 15px;
    text-transform: none
}

.product-info .right > div > .price {
    background-color: rgba(0, 0, 0, 0);
    padding: 0;
    display: none
}

.product-page .heading-title {
    text-align: left
}

body {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    color: rgb(51, 55, 69);
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
    background-color: rgb(204, 204, 204)
}

.heading-title, .box-heading, #blogArticle .articleHeader
h1 {
    text-align: left;
    border-bottom-width: 1px;
    border-style: dotted;
    border-color: rgb(204, 204, 204);
    line-height: 40px
}

.secondary-title, #content #review-title {
    text-align: left;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 16px;
    text-transform: none;
    color: rgb(68, 67, 73);
    border-bottom-width: 1px;
    border-style: dotted;
    border-color: rgb(204, 204, 204);
    padding-top: 7px;
    padding-bottom: 7px
}

.heading-title, .box-heading, #blogArticle .articleHeader h1, #swipebox-caption, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab
a.selected {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 22px;
    text-transform: none;
    color: rgb(42, 43, 46)
}

.button:active {
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.8)
}

.button, .side-column .box-content a.button {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    color: rgb(255, 255, 255)
}

.button {
    border-width: 1px;
    border-radius: 2px;
    border-style: solid;
    border-color: rgb(0, 0, 0);
    padding: 0 15px;
    line-height: 35px;
    background-color: rgb(68, 67, 73)
}

.button:hover {
    background-color: rgb(221, 0, 23);
    border-color: rgb(221, 0, 23)
}

.breadcrumb {
    /* font-weight: bold; */
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    color: rgb(68, 67, 73);
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    display: block;
}

.scroll-top:before {
    content: '\e021';
    font-size: 45px;
    color: rgb(63, 87, 101)
}

#container {
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll
}

.extended-layout .extended-container {
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
    background-color: rgb(204, 204, 204);
}

a {
    color: rgb(66, 139, 202)
}

a:hover {
    color: rgb(221, 0, 23)
}

.button:hover, .side-column .box-content a.button:hover {
    color: rgb(255, 255, 255)
}

.breadcrumb a:hover {
    color: rgb(221, 0, 23)
}

.scroll-top:hover:before {
    color: rgb(241, 196, 15)
}

.extended-container:before {
    /* background-color: rgb(244, 244, 244); */
}

.box-sections ul li, .custom-sections .box-heading.box-sections {
    border-right-style: dotted;
    border-color: rgb(119, 119, 119)
}

.custom-sections .box-heading {
    background-color: rgb(68, 67, 73)
}

.box-sections ul li a {
    font-weight: 400;
    font-family: "Droid Serif";
    font-style: normal;
    font-size: 14px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    line-height: 38px
}

.box-sections ul li a:hover, .box-sections ul li a.selected {
    color: rgb(255, 255, 255);
    background-color: rgb(221, 0, 23)
}

#top-modules .journal2_custom_sections:before {
    background-color: rgb(68, 67, 73)
}

#footer {
    margin-top: 20px;
    margin-bottom: 0
}

footer .column > h3 {
    border-bottom-style: dotted;
    text-align: left;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    color: rgb(255, 255, 255);
    border-color: rgb(228, 228, 228)
}

footer .column-menu-wrap > ul li {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 11px;
    text-transform: none;
    color: rgb(255, 255, 255)
}

footer .contacts {
    box-shadow: none;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-style: dotted;
    border-color: rgb(80, 80, 80)
}

footer .contacts [data-hint]:after {
    border-radius: 3px;
    color: rgb(255, 255, 255);
    background-color: rgb(105, 185, 207)
}

.bottom-footer {
    box-shadow: none;
    background-color: rgb(244, 244, 244)
}

footer, .boxed-footer #footer {
    background-color: rgb(56, 56, 56)
}

footer .column-menu-wrap > ul li:hover a {
    color: rgb(221, 0, 23)
}

footer .column-text-wrap {
    color: rgb(255, 255, 255);
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: none;
}

footer .contacts i {
    background-color: rgb(68, 67, 73)
}

footer .contacts > div > span:hover a i {
    background-color: rgb(105, 185, 207)
}

footer a .contacts-text:hover {
    color: rgb(105, 185, 207)
}

footer .contacts-text {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: none;
    color: rgb(255, 255, 255)
}

.fullwidth-footer, .boxed-footer #footer {
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll
}

.bottom-footer .copyright {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: none
}

.column.products .product-grid-item {
    border-color: rgb(80, 80, 80);
    border-bottom-style: dotted;
    padding: 5px 0
}

.column.products .product-grid-item .price-old {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    text-transform: none;
    color: rgb(168, 168, 168)
}

.column.products .product-grid-item .name a:hover {
    color: rgb(221, 0, 23)
}

.column.products .product-grid-item .price, .column.products .product-grid-item .price-new {
    color: rgb(255, 255, 255)
}

.column.products .product-grid-item .name a, .footer-post-title {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    color: rgb(255, 255, 255)
}

.column.products .product-grid-item .name a {
    white-space: normal
}

{
:
30
;
:
30
;
:
rgb
(
68
,
67
,
73
)
;
:
rgb
(
250
,
250
,
250
)
;
    background-color: rgb(250, 250, 250)
;
:
50
;
:
50
}
footer .column-text-wrap p {
    line-height: 15px;
    font-size: 12px;
}

footer .column-text-wrap h1, footer .column-text-wrap h2, footer .column-text-wrap
h3 {
    padding-bottom: 2px;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    color: rgb(255, 255, 255);
}

.footer-post {
    border-bottom-style: dotted;
    border-color: rgb(80, 80, 80);
    padding: 5px 0
}

.footer-post .comment-date {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 9px;
    text-transform: none;
    color: rgb(255, 255, 255)
}

.footer-post .comment-date .p-date:before {
    color: rgb(244, 244, 244)
}

.footer-post .comment-date .p-comment:before {
    color: rgb(244, 244, 244)
}

.footer-post-title {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 11px;
    text-transform: none;
    color: rgb(255, 255, 255);
    white-space: nowrap;
    line-height: 1.1
}

.footer-post-title:hover {
    color: rgb(221, 0, 23)
}

.journal-top-header {
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.7);
    background-color: rgb(80, 80, 80)
}

#cart .heading i {
    border-left-style: solid;
    background-color: rgb(51, 55, 69);
    border-color: rgba(244, 244, 244, 0)
}

.mini-cart-info table tr {
    border-bottom-style: solid;
    border-bottom-color: rgb(228, 228, 228)
}

#cart .content .cart-wrapper {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.10)
}

#cart .heading {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 15px;
    text-transform: none;
    color: rgb(68, 67, 73)
}

.journal-header-center #cart {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255)
}

.journal-header-center #cart .content .cart-wrapper {
    border-radius: 4px
}

.journal-header-center #cart .heading i {
    border-radius: 50%
}

.mini-cart-info, #cart .empty {
    color: rgb(0, 0, 0)
}

.mini-cart-info table tr td.image img {
    border-radius: 3px
}

.mini-cart-info {
    max-height: 355px
}

.mini-cart-total {
    background-color: rgb(244, 244, 244)
}

.button-search, .journal-header-center .button-search {
    border-right-style: solid
}

#search input {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 15px;
    text-transform: none;
    background-color: rgb(42, 43, 46)
}

.journal-header-center #search input {
    border-width: 1px;
    border-style: solid;
    border-color: rgb(255, 255, 255)
}

.journal-header-center .button-search {
    border-radius: 50%;
    cursor: pointer;
}

.autocomplete2-suggestions {
    box-shadow: 0 1px 8px -3px rgba(0, 0, 0, .5);
    background-color: rgb(250, 250, 250)
}

.autocomplete2-suggestion span.p-price {
    display: block
}

.journal-header-center .autocomplete2-suggestions {
    border-radius: 4px
}

.autocomplete2-suggestions > div {
    max-height: 395px
}

.journal-language .dropdown-menu > li, .journal-currency .dropdown-menu > li {
    border-top-style: solid;
}

.journal-language .dropdown-menu, .journal-currency .dropdown-menu {
    background-color: rgb(250, 250, 250);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15)
}

.journal-currency form .currency-symbol {
    border-radius: 50%;
    color: rgb(255, 255, 255);
    background-color: rgb(68, 67, 73)
}

#cart .heading i:before {
    content: '\e69a';
    font-size: 24px;
    color: rgb(255, 255, 255);
    left: 1px
}

.button-search i:before {
    content: '\e697';
    font-size: 22px;
    color: rgb(255, 255, 255);
    top: -1px;
    left: -1px
}

header, .journal-header-center .journal-center-bg {
    background-color: rgb(228, 228, 228);
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
}

.journal-header-default #logo, .journal-header-menu
#logo {
    background-color: rgb(42, 43, 46)
}

.journal-cart {
    background-color: rgb(42, 43, 46)
}

#cart .content .cart-wrapper, .oc2 #cart .checkout {
    background-color: rgb(250, 250, 250)
}

.mini-cart-info table tr td.remove i {
    color: rgb(191, 195, 182)
}

.mini-cart-info table tr td.remove i:hover {
    color: rgb(235, 88, 88)
}

.autocomplete2-suggestion {
    border-bottom-style: solid;
    border-color: rgb(228, 228, 228)
}

.autocomplete2-suggestion:hover {
    background-color: rgb(244, 244, 244)
}

.button-search:hover i:before {
    color: rgb(255, 255, 255)
}

.button-search {
    background-color: rgb(51, 55, 69)
}

.button-search:hover {
    background-color: rgb(221, 0, 23)
}

.journal-language .dropdown-menu > li > a, .journal-currency .dropdown-menu > li > a {
    color: rgb(0, 0, 0)
}

.journal-language .dropdown-menu > li > a:hover, .journal-currency .dropdown-menu > li > a:hover {
    color: rgb(0, 0, 0);
    background-color: rgb(244, 244, 244)
}

.journal-header-center .journal-language form > div, .journal-header-center .journal-currency form > div {
    border-color: rgb(244, 244, 244)
}

header {
    box-shadow: 0 1px 4px -1px rgba(0, 0, 0, 0.7)
}

#cart {
    box-shadow: none
}

.journal-header-center .journal-top-header, .journal-header-center .journal-secondary {
    border-bottom-style: solid;
    border-top-style: solid
}

.journal-header-mega #logo a {
    text-align: left
}

.autocomplete2-suggestion .p-image {
    display: block
}

.product-wrapper {
    border-width: 1px;
    border-style: dotted;
    border-color: rgb(204, 204, 204);
    padding: 7px;
    background-color: rgb(255, 255, 255);
    box-shadow: none
}

.product-wrapper:hover {
    border-color: rgb(255, 255, 255)
}

.product-grid-item .image > a {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.product-grid-item .image .label-latest {
    display: block
}

.product-grid-item .image .label-sale {
    display: block
}

.product-grid-item .image .outofstock {
    display: block
}

.product-grid-item .name a, .posts h2 a {
    white-space: nowrap;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 15px;
    text-transform: none;
    color: rgb(51, 55, 69)
}

.product-grid-item .price {
    display: inline-block;;
    display: none
}

.product-details {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.product-details:before {
    font-size: 23px;
    margin-left: -10px;
    top: -20px
}

.product-grid-item .cart .button:active {
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.8)
}

.product-grid-item .cart .button {
    border-radius: 50%
}

.product-grid-item .cart .button[data-hint]:after {
    border-radius: 2px;
    color: rgb(255, 255, 255);
    background-color: rgb(68, 67, 73)
}

.product-grid-item .quickview-button .button:active {
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.8)
}

.product-grid-item .quickview-button {
    margin-left: -20px;
    margin-top: -25px
}

.product-grid-item .quickview-button .button {
    border-width: 1px;
    border-radius: 50%;
    border-style: solid;
    border-color: rgb(221, 0, 23);
    background-color: rgb(221, 0, 23)
}

.product-grid-item .quickview-button .button:hover {
    border-color: rgb(68, 67, 73);
    background-color: rgb(68, 67, 73)
}

.product-grid-item .quickview-button .button[data-hint]:after {
    border-radius: 2px;
    color: rgb(255, 255, 255);
    background-color: rgb(68, 67, 73)
}

.product-grid-item.display-icon .wishlist-icon, .product-grid-item.display-icon .compare-icon {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    padding: 0;;
    background-color: rgb(68, 67, 73)
}

.product-grid-item .wishlist [data-hint]:after, .product-grid-item .compare [data-hint]:after {
    border-radius: 2px;
    color: rgb(255, 255, 255);
    background-color: rgb(68, 67, 73)
}

.product-grid-item .cart .button-left-icon:before, .product-grid-item .cart .button-right-icon:before {
    content: '\e69a';
    font-size: 20px;
    color: rgb(255, 255, 255)
}

.product-grid-item .quickview-button .button-left-icon:before, .product-grid-item .quickview-button .button-right-icon:before {
    content: '\e660';
    font-size: 20px;
    color: rgb(255, 255, 255);
    top: -1px
}

.product-grid-item .wishlist-icon:before {
    content: '\e663';
    font-size: 17px;
    color: rgb(255, 255, 255)
}

.product-grid-item .compare-icon:before {
    content: '\e025';
    font-size: 18px;
    color: rgb(255, 255, 255)
}

.product-grid-item .price, .product-grid-item .price-new {
    font-weight: 400;
    font-family: "Droid Serif";
    font-style: normal;
    font-size: 14px;
    text-transform: none
}

.product-grid-item .price-old {
    font-weight: 400;
    font-family: "Droid Serif";
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    color: rgb(221, 0, 23)
}

.product-grid-item .wishlist a, .product-grid-item .compare a {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 11px;
    text-transform: none;
    color: rgb(51, 55, 69)
}

.product-grid-item .name a:hover, .side-column .product-grid-item .name a:hover, .posts h2 a:hover {
    color: rgb(221, 0, 23)
}

.product-grid-item.display-icon .wishlist a:hover i, .product-grid-item.display-icon .compare a:hover
i {
    background-color: rgb(221, 0, 23)
}

.product-grid-item .rating {
    margin-left: -47px;
    top: -35px;
    display: block
}

.product-grid-item .compare a:hover .compare-icon:before, .product-grid-item .wishlist a:hover .wishlist-icon:before {
    color: rgb(255, 255, 255)
}

.product-grid-item .cart .button:hover .button-left-icon:before, .product-grid-item .cart .button:hover .button-right-icon:before {
    color: rgb(255, 255, 255)
}

.category-list ul li a, .refine-category-name {
    color: rgb(51, 55, 69)
}

.category-list ul li:after {
    color: rgb(228, 228, 228)
}

.category-list {
    background-color: rgb(51, 55, 69)
}

.refine-image a {
    border-width: 1px;
    border-style: dotted;
    border-color: rgb(228, 228, 228)
}

.refine-image a:hover {
    background-color: rgb(250, 250, 250)
}

.product-filter {
    border-radius: 2px;
    background-color: rgb(80, 80, 80)
}

.product-filter, .product-compare a {
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    color: rgb(255, 255, 255)
}

.pagination1 b, .pagination1 a:hover {
    color: rgb(255, 255, 255)
}

.pagination1 {
    border-radius: 2px;
    border-color: rgb(204, 204, 204);
    background-color: rgb(80, 80, 80);
    box-shadow: none
}

.product-filter .display a i:hover, .product-filter .display a.active i {
    color: rgb(221, 0, 23) !important
}

.product-compare a:hover {
    color: rgb(221, 0, 23)
}

#infscr-loading div {
    color: rgb(255, 255, 255)
}

.pagination1 a, .pagination1 b, .pagination1 li {
    border-radius: 50%
}

.pagination1 a {
    background-color: rgb(255, 255, 255);
    color: rgb(80, 80, 80)
}

.pagination1 b, .pagination1 a:hover, .pagination1 li.active {
    background-color: rgb(221, 0, 23)
}

.pagination1 .results {
    font-weight: 700;
    font-family: "Ubuntu";
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    color: rgb(255, 255, 255)
}

.category-page .heading-title {
    text-align: left
}

.tp-bannertimer, .tp-bannertimer.tp-bottom {
    height: 2px;
    background-color: rgb(221, 0, 23)
}

.tp-bullets.tp-thumbs .bullet:before {
    opacity: .4
}

.tp-bullets.tp-thumbs .bullet.selected:before, .tp-bullets.tp-thumbs .bullet:hover:before {
    opacity: 0
}

.tp-bullets.tp-thumbs {
    border-top-width: 7px;
    border-right-width: 7px;
    border-left-width: 7px;
    border-style: solid;
    border-color: rgb(255, 255, 255)
}

.tp-leftarrow:before, .tp-leftarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:before {
    content: '\e62b';
    font-size: 65px;
    color: rgb(255, 255, 255)
}

.tp-rightarrow:before, .tp-rightarrow.default:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:before {
    content: '\e62c';
    font-size: 65px;
    color: rgb(255, 255, 255)
}

.tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.round .bullet:hover, .journal-simple-slider .owl-controls .owl-page.active span, .journal-simple-slider .owl-controls.clickable .owl-page:hover
span {
    background-color: rgb(221, 0, 23)
}

.tp-bullets.simplebullets.round .bullet, .journal-simple-slider .owl-controls .owl-page
span {
    background-color: rgb(255, 255, 255);
    border-radius: 50%;
    margin-left: 7px;
    width: 12px;
    height: 12px
}

.tp-leftarrow:hover:before, .tp-leftarrow.default:hover:before, .tp-rightarrow:hover:before, .tp-rightarrow.default:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-prev:hover:before, .journal-simple-slider .owl-controls .owl-buttons .owl-next:hover:before {
    color: rgb(221, 0, 23)
}

.journal-carousel .htabs a, .side-column .journal-carousel .htabs
a {
    border-right-style: solid;
    border-color: rgb(255, 255, 255)
}

.journal-carousel .htabs a, .journal-carousel .htabs.single-tab a:hover, .journal-carousel .htabs.single-tab
a.selected {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 17px;
    text-transform: none;
    font-weight: 700;
    color: #696969;
}

.journal-carousel .htabs a {
    line-height: 37px
}

.journal-carousel .owl-prev:before {
    content: '\e61f';
    font-size: 16px;
    color: #696969;
}

.journal-carousel .owl-next:before {
    content: '\e620';
    font-size: 16px;
    color: #696969;
}

.owl-controls .owl-page span {
    background-color: rgb(68, 67, 73);
    border-radius: 50%;
    width: 10px;
    height: 10px
}

.journal-carousel .owl-prev:hover:before, .journal-carousel .owl-next:hover:before {
    color: rgb(221, 0, 23)
}

.owl-controls .owl-page.active span, .owl-controls.clickable .owl-page:hover span {
    background-color: rgb(221, 0, 23)
}

.journal-carousel .htabs a:hover, .journal-carousel .htabs
a.selected {
    color: rgb(255, 255, 255);
    background-color: rgb(68, 67, 73)
}

.journal-carousel .owl-buttons div {
    top: -56px
}

.journal-carousel .side-buttons .owl-next:before {
    content: '\e620';
    font-size: 22px;
    color: rgb(68, 67, 73)
}

.journal-carousel .owl-buttons.side-buttons div {
    margin-top: -36px
}

.journal-carousel .side-buttons .owl-prev:before {
    content: '\e61f';
    font-size: 22px;
    color: rgb(68, 67, 73)
}

.journal-carousel .owl-buttons .owl-prev {
    right: 10px
}

.journal-carousel .owl-buttons .owl-next {
    right: -10px
}

.journal-carousel .owl-buttons.side-buttons .owl-prev {
    left: 2px
}

.journal-carousel.carousel-brand .owl-buttons.side-buttons div, .journal-carousel.journal-gallery .owl-buttons.side-buttons
div {
    margin-top: -17px
}

.journal-carousel .side-buttons .owl-prev:hover:before, .journal-carousel .side-buttons .owl-next:hover:before {
    color: rgb(221, 0, 23)
}

.journal-carousel .owl-buttons.side-buttons .owl-next {
    right: 5px
}

.journal-carousel.carousel-brand .product-wrapper {
    box-shadow: none
}

.journal-carousel.carousel-product .product-wrapper {
    box-shadow: none
}

.product-list-item {
    border-radius: 3px;
    background-color: rgb(244, 244, 244)
}

.product-list-item .image .label-latest {
    display: block
}

.product-list-item .image .label-sale {
    display: block
}

.product-list-item .image .outofstock {
    display: block
}

.product-list-item .description {
    display: none
}

.product-list-item .cart .button:active {
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.8)
}

.product-list-item .cart .button[data-hint]:after {
    border-radius: 3px;
    color: rgb(255, 255, 255);
    background-color: rgb(66, 139, 202)
}

.product-list-item .quickview-button .button:active {
    box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.8)
}

.product-list-item .quickview-button {
    margin-left: -20px;
    margin-top: -20px
}

.product-list-item .quickview-button .button {
    border-radius: 50px
}

.product-list-item .quickview-button .button[data-hint]:after {
    border-radius: 3px;
    color: rgb(255, 255, 255);
    background-color: rgb(68, 67, 73)
}

.product-list-item .wishlist a, .product-list-item .compare
a {
    color: rgb(51, 55, 69)
}

.product-list-item .cart .button-left-icon:before, .product-list-item .cart .button-right-icon:before {
    content: '\e001';
    font-size: 20px;
    color: rgb(255, 255, 255)
}

.product-list-item .quickview-button .button-left-icon:before, .product-list-item .quickview-button .button-right-icon:before {
    content: '\e056';
    font-size: 20px;
    color: rgb(255, 255, 255)
}

.product-list-item .wishlist-icon:before {
    content: '\e662';
    font-size: 11px
}

.product-list-item .compare-icon:before {
    content: '\e025';
    font-size: 11px
}

.product-list-item .wishlist a:hover, .product-list-item .compare a:hover {
    color: rgb(241, 196, 15)
}

.product-list-item .rating {
    display: block
}

.side-column .box-content li a, .side-column .box-category li a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr {
    border-bottom-style: solid
}

.side-column .box-category li a img, .side-column .oc-module .product-grid-item .image img {
    border-radius: 3%
}

.side-column .side-category-accordion i {
    border-radius: 50%;
    color: rgb(0, 0, 0);
    background-color: rgb(68, 67, 73)
}

.side-column .side-category-accordion i:hover {
    color: rgb(255, 255, 255);
    background-color: rgb(221, 0, 23)
}

.side-column .box-category li a:before, .side-column .box-content li a:before {
    content: '\e62c';
    font-size: 15px;
    color: rgb(80, 80, 80);
    top: -1px
}

.side-column, .side-column .oc-module .product-grid-item .price, .journal-sf ul li label, .side-post-title {
    color: rgb(0, 0, 0)
}

.side-column .box-content li a:hover, .side-column .box-category li a:hover, .side-column .box-content a:hover, .side-column .box-content li a.active, .side-column .box-category li a.active, .side-column .oc-module .product-grid-item .name a:hover, #column-right .recentArticles li > a:hover, #column-right .popularArticles li > a:hover, #column-left .recentArticles li > a:hover, #column-left .popularArticles li > a:hover {
    color: rgb(221, 0, 23)
}

.side-column .box-content li a:hover, .side-column .box-category li a:hover, .side-column .box-content li a.active, .side-column .box-category li
a.active {
    background-color: rgb(255, 255, 255)
}

.side-column .box-content li a, .side-column .box-category li a, .journal-sf ul li, .side-column .oc-module .product-grid-item, #column-right .recentArticles li, #column-right .popularArticles li, #column-left .recentArticles li, #column-left .popularArticles li, .side-post + hr {
    border-color: rgba(255, 255, 255, 0)
}

.side-column .heading-title, .side-column .box-heading, .side-column #blogArticle .articleHeader h1, .side-column .journal-carousel .htabs.single-tab
a.selected {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 16px;
    text-transform: none
}

.side-column .box-content li a, .side-column .box-category li a {
    padding-left: 0;
    padding-top: 10px;
    padding-bottom: 2px;
    padding-right: 20px
}

.side-column .oc-module .product-grid-item {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-top: 8px
}

.side-column .side-category i {
    width: 20px;
    height: 20px;
    top: 7px;
    right: 0;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 18px;
    text-transform: none;
    color: rgb(255, 255, 255)
}

.side-column .oc-module .product-grid-item .name a {
    white-space: normal;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.side-column .box-content li a, .side-column .box-category li a, .side-column .box-content a, #column-right .recentArticles li > a, #column-right .popularArticles li > a, #column-left .recentArticles li > a, #column-left .popularArticles li > a, .side-post-title {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 14px;
    text-transform: none;
    color: rgb(56, 56, 56);
}

.cart-info tbody td, .wishlist-info tbody td, .compare-info td {
    border-bottom-style: dotted;
    border-color: rgb(204, 204, 204)
}

.cart-info table, .wishlist-info table, .compare-info, table.list, .order-list {
    border-radius: 3px
}

.cart-info .image a img, .wishlist-info .image a img, .compare-info tbody tr:first-of-type + tr > td img {
    border-radius: 3px
}

.login-content > div {
    border-radius: 3px;
    padding: 0
}

.action-area h3 {
    font-weight: 400;
    font-family: "Roboto Condensed";
    font-style: normal;
    font-size: 15px;
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    background-color: rgb(95, 104, 116)
}

.checkout-page .checkout, .oc2 .checkout #accordion {
    border-radius: 3px
}

.buttons {
    border-width: 1px;
    border-radius: 2px;
    border-style: dotted;
    border-color: rgb(0, 0, 0);
    padding-top: 15px;
    padding-bottom: 15px;;
    padding-left: 15px;
    padding-right: 15px;
    background-color: rgb(204, 204, 204)
}

.cart-info table, .wishlist-info table, .compare-info td, table.list tbody td, .order-list .order-content {
    background-color: rgb(244, 244, 244)
}

.cart-info tbody td, .wishlist-info tbody td, .compare-info td, table.list tbody td, .order-list .order-content {
    color: rgb(51, 55, 69)
}

.cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, table.list, table.list td, .order-list .order-id, .order-list .order-status {
    color: rgb(255, 255, 255)
}

.cart-info thead td, .wishlist-info thead td, .compare-info thead td, .manufacturer-heading, table.list thead td, .order-list .order-id, .order-list .order-status {
    background-color: rgb(95, 104, 116)
}

.login-content hr {
    background-color: rgb(204, 204, 204)
}

#content.sc-page .content p, #content.sc-page .action-area p, .cart-total, table.list tfoot td {
    color: rgb(51, 55, 69);
    background-color: rgb(244, 244, 244)
}

table.radio .highlight:hover td label, .action-area .panel-title:hover a {
    color: rgb(255, 255, 255)
}

table.radio .highlight td, .action-area .panel-heading {
    background-color: rgb(250, 250, 250)
}

table.radio .highlight:hover td, .action-area .panel-heading:hover {
    background-color: rgb(221, 0, 23)
}

#content.sc-page .content table.radio .highlight td {
    border-color: rgb(228, 228, 228)
}

.checkout-heading, .checkout .panel-heading {
    background-color: rgb(69, 115, 143)
}

.checkout-heading {
    border-color: rgb(91, 142, 174);
    border-bottom-style: solid
}

.checkout-product thead td, .checkout-product tfoot td {
    color: rgb(51, 55, 69);
    background-color: rgb(255, 255, 255)
}

.checkout-product tbody td {
    border-color: rgb(244, 244, 244)
}

.checkout-content, .checkout-page .panel-body {
    background-color: rgb(244, 244, 244)
}

.checkout-content, .checkout-page .panel-body {
    padding: 10px
}

.checkout-heading, .checkout .panel-title {
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    color: rgb(255, 255, 255)
}

.information-page #content h1.heading-title {
    text-align: left
}

table.radio .highlight td label, .action-area .panel-title {
    color: rgb(68, 67, 73)
}

.sf-icon:after {
    background-color: rgb(221, 0, 23);
    color: rgb(255, 255, 255);
    border-radius: 3px
}

.sf-reset:hover {
    color: rgb(221, 0, 23)
}

.sf-price .ui-widget-header {
    background-color: rgb(68, 67, 73)
}

.sf-price .value {
    color: rgb(255, 255, 255);
    background-color: rgb(221, 0, 23);
    border-radius: 3px
}

.sf-reset {
    color: rgb(68, 67, 73)
}

.sf-price .ui-slider-handle:hover {
    background-color: rgb(221, 0, 23)
}

.sf-price .ui-slider-handle {
    background-color: rgb(68, 67, 73);
    width: 15px;
    height: 15px;
    top: -6px;
    border-radius: 50%
}

.journal-sf ul label.sf-checked img {
    border-color: rgb(68, 67, 73)
}

.sf-reset-icon:after {
    content: '\e602';
    font-size: 16px;
    color: rgb(68, 67, 73)
}

.journal-sf ul li label.sf-checked {
    color: rgb(221, 0, 23)
}

.journal-sf ul label img {
    border-width: 2px;
    border-radius: 3%;
    border-style: solid;
    border-color: rgb(244, 244, 244)
}

.journal-sf .box ul li {
    padding-top: 1px;
    padding-bottom: 1px;
    border-bottom-style: solid;
    border-color: rgba(255, 255, 255, 0)
}

.sf-price .box-content {
    padding-left: 17px;
    padding-bottom: 35px;
    padding-top: 20px;
    padding-right: 17px
}

.side-column .journal-sf .box {
    margin-bottom: 10px
}

.sf-price .ui-widget-content {
    background: rgb(221, 0, 23)
}

.journal-sf .sf-image .box-content ul li {
    padding-bottom: 7px;
    padding-right: 7px;
    width: 16.666666%
}

.journal-sf .sf-image .box-content {
    padding-top: 5px
}

.sf-price .ui-slider-horizontal {
    height: 2px
}

.journal-sf .box-content {
    max-height: 182px
}

.journal-sf .box ul {
    padding-top: 3px
}

.journal-sf .sf-manufacturer.sf-image .box-content ul li {
    width: 25%
}

.journal-sf .sf-category.sf-image .box-content ul li {
    width: 12.5%
}

.nav-numbers a {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: rgb(51, 55, 69)
}

.nav-numbers a:hover, .nav-numbers li.active a {
    background-color: rgb(221, 0, 23)
}

.ui-pnotify {
    display: block !important;
    border-radius: 2px;
    background-color: rgb(255, 255, 255)
}

.ui-pnotify-text img {
    display: block
}

.ui-pnotify-title {
    font-weight: 400;
    font-family: "Roboto Condensed";
    font-style: normal;
    font-size: 17px;
    text-transform: none;
    color: rgb(255, 255, 255);
    background-color: rgb(68, 67, 73)
}

.ui-pnotify-closer {
    color: rgb(255, 255, 255)
}

.ui-pnotify-closer:hover {
    color: rgb(221, 0, 23)
}

.ui-pnotify-text a {
    color: rgb(168, 168, 168)
}

.ui-pnotify-text a:hover {
    color: rgb(221, 0, 23)
}

.side-column .block-content {
    border-radius: 3px;
    padding: 5px
}

.block-content {
    padding: 10px;
    border-radius: 3px
}

.block-content, .side-block-content, .block-content p, .side-block-content p, .block-content p span, .side-block-content p
span {
    font-weight: normal !important;
    font-family: Helvetica, Arial, sans-serif !important;
    /*font-style: !important;*/
    font-size: 12px !important;
    /*text-transform: !important*/
}

.editor-content h1, .editor-content h2, .editor-content h3, .side-block-content h1, .side-block-content h3, .side-block-content
h3 {
    font-weight: normal !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    font-size: 18px !important;
    text-transform: none !important;
    padding-bottom: 7px;
    line-height: 35px;
}

.editor-content p, .side-block-content p {
    padding-bottom: 7px;
    line-height: 15px
}

.side-column .block-content p {
    line-height: 14px;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.side-column .editor-content h1, .side-column .editor-content h2, .side-column .editor-content
h3 {
    font-weight: normal !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    font-size: 16px !important;
    text-transform: none !important;
    padding-bottom: 3px
}

#swipebox-slider .slide img {
    border-radius: 3px
}

.gallery-thumb a:before {
    content: '\e056';
    font-size: 30px;
    color: rgb(255, 255, 255)
}

#swipebox-prev:before {
    content: '\e61f';
    font-size: 28px;
    color: rgb(255, 255, 255)
}

#swipebox-next:before {
    content: '\e620';
    font-size: 28px;
    color: rgb(255, 255, 255)
}

#swipebox-close:before {
    content: '\e601';
    font-size: 30px;
    color: rgb(255, 255, 255)
}

.gallery-thumb .item-hover {
    background-color: rgba(51, 55, 69, 0.5)
}

#swipebox-overlay {
    background-color: rgba(0, 0, 0, 0.75)
}

#swipebox-action, #swipebox-caption {
    background-color: rgb(95, 104, 116);
    font-weight: 400;
    font-family: "Droid Serif";
    font-style: normal;
    font-size: 19px;
    text-transform: none;
    color: rgb(255, 255, 255)
}

#swipebox-close:hover:before {
    color: rgb(221, 0, 23)
}

#swipebox-prev:hover:before, #swipebox-next:hover:before {
    color: rgb(221, 0, 23)
}

.side-column .journal-gallery .box-content {
    padding: 0 !important
}

#content .welcome h1, .side-column .welcome h1 {
    text-align: left;
    font-weight: 400;
    font-family: "Droid Serif";
    font-style: normal;
    font-size: 25px;
    text-transform: none;
    color: rgb(51, 55, 69);
    border-bottom-style: solid;
    border-color: rgb(228, 228, 228)
}

#content .welcome p, .side-column .welcome p {
    text-align: left
}

.welcome p {
    line-height: 16px
}

.product-grid-item .compare, .product-filter .product-compare {
    display: none
}

.product-grid-item .wishlist {
    display: none
}

.journal-header-center .journal-cart {
    display: none
}

.journal-header-center #search {
    display: none;
}

.product-info .product-options > .cart {
    display: none
}

.product-info .right .description {
    display: block
}

.product-info .right > div > .options {
    display: none
}

.journal-language {
    display: none !important
}

.product-info .right .wishlist-compare .links a + a {
    display: none
}

.product-info .right .wishlist-compare .links a:first-of-type {
    display: none
}

.journal-currency {
    display: none !important
}

.product-grid-item .name {
    display: table
}

.journal-carousel .product-grid-item .cart {
    display: none
}

.journal-carousel .product-grid-item .wishlist {
    display: none
}

.journal-carousel .product-grid-item .compare {
    display: none
}

.journal-carousel .product-grid-item .price {
    display: none
}

.journal-carousel .product-grid-item .name {
    display: table
}

.side-column .journal-carousel .product-grid-item .cart {
    display: none
}

.side-column .journal-carousel .product-grid-item .wishlist {
    display: none
}

.side-column .journal-carousel .product-grid-item .compare {
    display: none
}

.side-column .journal-carousel .product-grid-item .price {
    display: none
}

.side-column .journal-carousel .product-grid-item .name {
    display: table
}

.custom-sections .product-grid-item .cart {
    display: none
}

.custom-sections .product-grid-item .wishlist {
    display: none
}

.custom-sections .product-grid-item .compare {
    display: none
}

.custom-sections .product-grid-item .price {
    display: none
}

.custom-sections .product-grid-item
.name {
    display: table
}

.mega-menu .product-grid-item .cart {
    display: none
}

.mega-menu .product-grid-item .wishlist {
    display: none
}

.mega-menu .product-grid-item
.compare {
    display: none
}

.mega-menu .product-grid-item .name {
    display: table
}

.product-list-item .cart {
    display: none
}

.product-list-item .wishlist {
    display: none
}

.product-list-item .compare {
    display: none
}

.product-list-item .price {
    display: none
}

.product-list-item .name {
    display: table
}

.column.products .product-grid-item .price, .side-column .oc-module .product-grid-item
.price {
    display: none
}

.countdown > span {
    border-right-style: solid
}

.product-info .right > div .countdown > span {
    border-right-style: dotted;
    color: rgb(68, 67, 73);
    border-color: rgb(153, 153, 153)
}

.expire-text {
    background-color: rgb(221, 0, 23);
    font-weight: bold;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 14px;
    text-transform: none;
    color: rgb(255, 255, 255);
    text-align: left;
    padding-right: 7px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px
}

.product-info .right > div .countdown {
    background-color: rgb(244, 244, 244)
}

.product-info .right > div .countdown-wrapper {
    padding: 0;
    background-color: rgba(0, 0, 0, 0)
}

span.p-date:before {
    content: '\e6b3';
    font-size: 13px;
    color: rgb(68, 67, 73)
}

span.p-author:before {
    content: '\e1b8';
    font-size: 13px;
    color: rgb(68, 67, 73)
}

.blog-list-view .post-item-details .comment-date {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.post-button-left-icon:before, .post-button-right-icon:before {
    content: '\e6ae';
    font-size: 14px;
    color: rgb(68, 67, 73)
}

span.p-comment:before {
    content: '\e1ae';
    font-size: 13px;
    color: rgb(68, 67, 73)
}

.post-view-more.button {
    color: rgb(80, 80, 80);
    border-bottom-width: 1px;
    border-radius: 0;
    border-style: dotted;
    border-color: rgb(119, 119, 119);
    padding-left: 0;
    padding-bottom: 5px;
    padding-right: 0;
    padding-top: 0;
    background-color: rgba(68, 67, 73, 0)
}

.post-view-more.button:hover {
    color: rgb(221, 0, 23);
    background-color: rgba(221, 0, 23, 0)
}

.blog-list-view .post-wrapper {
    background-color: rgb(249, 249, 249)
}

.blog-list-view .post-wrapper:hover {
    background-color: rgb(255, 255, 255)
}

.post-item-details .comment-date {
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-style: dotted;
    border-color: rgb(204, 204, 204);
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.posts.blog-list-view .post-item-details h2 a {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 21px;
    text-transform: none;
    white-space: normal
}

.post-item-details .post-text {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.posts .post-wrapper h2 a {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 16px;
    text-transform: none;
    white-space: nowrap
}

.post-wrapper {
    padding: 10px 10px 0 10px;
    border-color: rgb(204, 204, 204);
    background-color: rgb(255, 255, 255)
}

.post-wrapper:hover {
    border-color: rgb(255, 255, 255)
}

.post-item-details {
    text-align: left;
    padding-top: 0;
    padding-right: 15px;
    padding-left: 5px;
    padding-bottom: 0
}

.blog-list-view .post-item-details .post-text {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.post-view-more.button:hover .post-button-left-icon:before, .post-view-more.button:hover .post-button-right-icon:before {
    color: rgb(221, 0, 23)
}

.posts.blog-list-view .post-image {
    width: 25%;
}

.posts.blog-list-view .post-item-details h2 a span {
    border-bottom-style: dotted
}

.post-module .post-wrapper .post-item-details h2 a {
    white-space: nowrap;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.post-module .post-item-details .post-text {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.post-module .post-item-details .comment-date {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.side-blog .side-post + hr {
    border-bottom-style: dotted;
    border-color: rgb(204, 204, 204)
}

.side-post-title {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.side-post .comment-date {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.post-module .box-heading {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    text-align: left
}

.comments > .comment:nth-of-type(even) {
    background-color: rgb(255, 255, 255)
}

.comments .reply:nth-of-type(odd) {
    background-color: rgb(244, 244, 244)
}

.post-details .tags a:hover, .side-blog-tags .box-tag a:hover {
    background-color: rgb(221, 0, 23);
    color: rgb(255, 255, 255)
}

.comments .reply:nth-of-type(even) {
    background-color: rgb(244, 244, 244)
}

.post-details .tags a, .side-blog-tags .box-tag a {
    background-color: rgb(68, 67, 73);
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    color: rgb(255, 255, 255)
}

.comments > h3 {
    background-color: rgb(244, 244, 244);
    text-align: left;
    padding-right: 15px;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 22px;
    text-transform: none;
    padding-left: 15px;
    padding-bottom: 15px;
    margin-top: 10px;
    padding-top: 15px;
    border-radius: 3px;
    margin-bottom: 20px
}

.post-details .tags b {
    background-color: rgb(221, 0, 23);
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.reply-form h3 {
    margin-top: 10px;
    margin-bottom: 20px;
    padding-left: 0;
    font-weight: 400;
    font-family: "Droid Serif";
    font-style: normal;
    font-size: 19px;
    text-transform: none;
    text-align: left;
    padding-top: 12px;
    padding-right: 0;
    padding-bottom: 12px;
    border-bottom-width: 1px;
    border-style: dotted;
    border-color: rgb(204, 204, 204)
}

.post-comment h3 {
    margin-top: 20px;
    padding-left: 0;
    text-align: left;
    font-weight: 400;
    font-family: "Droid Serif";
    font-style: normal;
    font-size: 22px;
    text-transform: none;
    color: rgb(68, 67, 73);
    padding-right: 0;
    padding-bottom: 12px;
    padding-top: 12px;
    margin-bottom: 20px;
    border-bottom-width: 1px;
    border-style: dotted;
    border-color: rgb(204, 204, 204)
}

.blog-post .heading-title {
    text-align: left;
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 24px;
    text-transform: none
}

.blog-post .social {
    border-top-style: dotted;
    text-align: left;
    border-color: rgb(204, 204, 204)
}

.post-details {
    padding: 30px;
    background-color: rgb(255, 255, 255)
}

.comment-form form {
    padding: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.post-stats.comment-date {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none;
    padding-bottom: 10px
}

.post-details, .post-details p, .post-details font, .post-details span, .post-details p font, .post-details p span, .post-details
strong {
    line-height: 20px !important
}

.blog-post .post-stats.comment-date {
    border-bottom-width: 1px;
    border-style: dotted;
    border-color: rgb(204, 204, 204)
}

.post-details blockquote {
    font-weight: normal !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-style: italic !important;
    font-size: 16px !important;
    text-transform: none !important;
    padding-bottom: 15px;
    padding-right: 15px;
    border-color: rgb(221, 0, 23);
    padding-left: 15px;
    margin-right: 0;
    padding-top: 15px;
    margin-left: 0;
    background-color: rgb(244, 244, 244)
}

.post-details h3 {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 18px;
    text-transform: none
}

.post-details h2 {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 20px;
    text-transform: none
}

.post-details h1 {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 26px;
    text-transform: none
}

.post-details, .post-details p, .post-details font, .post-details span, .post-details p font, .post-details p
span {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 14px;
    text-transform: none
}

.post-details .tags {
    text-align: left
}

.comments > .comment {
    border-width: 1px;
    border-radius: 3px;
    border-style: dotted;
    border-color: rgb(204, 204, 204)
}

.comments .reply {
    border-radius: 3px
}

.comments .reply .user-date {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.comments .reply p {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.comments .avatar {
    border-radius: 5px
}

.comments .user-name {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.comments .user-date {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.comment p {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.comments .reply .user-name {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.blog-post .post-stats .p-category:before {
    content: '\e6b2';
    font-size: 14px;
    color: rgb(68, 67, 73)
}

.comments > .comment:nth-of-type(odd) {
    background-color: rgb(255, 255, 255)
}

ul.breadcrumb li:last-of-type a, .breadcrumb a:last-of-type {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.attribute tr td:first-child {
    text-align: left
}

#blogCatArticles .articleHeader h3, #blogCatArticles .articleHeader h3 a, .blogModule .bm-title {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.mega-menu-column.mega-menu-html .wrapper p, .mega-menu-column.mega-menu-html .wrapper p span {
    font-weight: normal !important;
    font-family: Helvetica, Arial, sans-serif !important;
    font-style: normal !important;
    font-size: 13px !important;
    text-transform: none !important
}

.comments .user-site a {
    font-weight: normal;
    font-family: Helvetica, Arial, sans-serif;
    font-style: normal;
    font-size: 13px;
    text-transform: none
}

.product-grid-item .description {
    display: none
}

#swipebox-slider .slide {
    background-image: url('../img/loader.gif')
}

.mfp-iframe-scaler iframe {
    background-image: url('../img/loader.gif');
    background-repeat: no-repeat;
    background-position: center
}

.social {
    background-image: url('../img/loader.gif')
}

.product-info .right .cart div .qty {
    display: none
}

.product-info .right .cart div .button {
    width: 100%
}

#container, #header, #footer, .bottom-footer > div, .bottom-footer.boxed-bar {
    max-width: 1920px
}

.extended-container:before {
    display: block
}

@media only screen and (max-width: 1940px) {
    .journal-header-center .journal-search, .journal-header-center .journal-links {
        padding-left: 15px
    }

    .journal-header-center .journal-cart, .journal-header-center .journal-secondary {
        padding-right: 15px
    }
}

@media only screen and (max-width: 760px) {
    .journal-header-center .journal-search, .journal-header-center .journal-links {
        padding-left: 0
    }

    .journal-header-center .journal-cart, .journal-header-center .journal-secondary {
        padding-right: 0
    }
}

.product-filter .product-compare {
    display: none
}

.category-info .image {
    display: none
}

.ui-pnotify {
    right: 20px
}

.ui-pnotify {
    box-shadow: 0 1px 12px rgba(0, 0, 0, 0.2)
}

.ui-pnotify-closer {
    opacity: 1
}

.breadcrumb {
    text-align: center
}

.product-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.20)
}

.custom-sections.section-product .product-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.20)
}

.journal-carousel.carousel-product .product-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.20)
}

.journal-carousel.carousel-brand .product-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.20)
}

.product-grid-item .name a {
    padding-bottom: 8px
}

.enquiry-button .button i:before {
    color: rgb(255, 255, 255)
}

.product-grid-item .cart .button-left-icon:before {
    float: none
}

.product-grid-item .cart .button-right-icon:before {
    margin-left: 0
}

.product-grid-item .cart .button-cart-text {
    display: none
}

.product-grid-item .cart .button[data-hint]:after,
.product-grid-item .cart .hint--top:before {
    display: block
}

.product-grid-item .cart .hint--top:before {
    border-top-color: rgb(68, 67, 73)
}

.product-grid-item .cart .hint--right:before {
    border-right-color: rgb(68, 67, 73)
}

.product-grid-item .cart .hint--left:before {
    border-left-color: rgb(68, 67, 73)
}

.product-grid-item .cart .button-right-icon {
    display: none
}

.post-button-left-icon {
    display: none
}

.post-button-right-icon {
    display: inline
}

.post-module .post-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.20) !important
}

.post-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.20) !important
}

.post-module .post-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.20) !important
}

.blog-list-view .post-wrapper:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.20) !important
}

.product-details:before {
    display: none
}

.product-grid-item:hover .quickview-button {
    opacity: 1;
    visibility: visible
}

.product-grid-item .quickview-button .button-right-icon {
    display: none
}

.product-grid-item .quickview-button .button-left-icon:before {
    float: none
}

.product-grid-item .quickview-button .button-right-icon:before {
    margin-left: 0
}

.product-grid-item .quickview-button .button-cart-text {
    display: none
}

.product-grid-item .quickview-button [data-hint]:after,
.product-grid-item .quickview-button .hint--top:before {
    display: block
}

.product-grid-item .quickview-button .hint--top:before {
    border-top-color: rgb(68, 67, 73)
}

.product-grid-item .quickview-button .hint--right:before {
    border-right-color: rgb(68, 67, 73)
}

.product-grid-item .quickview-button .hint--left:before {
    border-left-color: rgb(68, 67, 73)
}

.product-grid-item .button-wishlist-text,
.product-grid-item .button-compare-text {
    display: none
}

.product-grid-item .wishlist [data-hint]:after,
.product-grid-item .wishlist .hint--top:before,
.product-grid-item .compare [data-hint]:after,
.product-grid-item .compare .hint--top:before {
    display: block
}

.product-grid-item .wishlist .hint--top:before,
.product-grid-item .compare .hint--top:before {
    border-top-color: rgb(68, 67, 73)
}

.product-grid-item .wishlist .hint--right:before,
.product-grid-item .compare .hint--right:before {
    border-right-color: rgb(68, 67, 73)
}

.product-grid-item .wishlist .hint--left:before,
.product-grid-item .compare .hint--left:before {
    border-left-color: rgb(68, 67, 73)
}

.product-list-item .quickview-button .button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0
}

.product-grid-item .cart .button {
    width: 35px;
    height: 35px;
    line-height: 35px;
    padding: 0
}

.product-grid-item .cart {
    height: 35px
}

.product-grid-item .quickview-button .button {
    width: 40px;
    height: 40px;
    line-height: 40px;
    padding: 0
}

.product-list-item {
    box-shadow: none
}

.product-list-item .cart .button-left-icon:before {
    display: none
}

.product-list-item .cart .button-right-icon {
    display: none
}

.product-list-item:hover .quickview-button {
    opacity: 1;
    visibility: visible
}

.product-list-item .quickview-button .button-right-icon {
    display: none
}

.product-list-item .quickview-button .button-left-icon:before {
    float: none
}

.product-list-item .quickview-button .button-right-icon:before {
    margin-left: 0
}

.product-list-item .quickview-button .button-cart-text {
    display: none
}

.product-list-item .quickview-button .button[data-hint]:after,
.product-list-item .quickview-button .hint--top:before {
    display: block
}

.product-list-item .quickview-button .hint--top:before {
    border-top-color: rgb(68, 67, 73)
}

.product-list-item .quickview-button .hint--right:before {
    border-right-color: rgb(68, 67, 73)
}

.product-list-item .quickview-button .hint--left:before {
    border-left-color: rgb(68, 67, 73)
}

.product-info .left .image-additional-grid a {
    width: 25%
}

.product-info .left .image-additional {
    margin-right: -19px
}

.product-info .gallery-text {
    padding-top: 11px
}

#button-cart .button-cart-text:after {
    display: none
}

.checkout-content .buttons {
    border-radius: 0
}

.compare-info td {
    border-right-style: dotted
}

table.list {
    border-bottom-style: dotted;
    border-left-style: dotted
}

table.list td {
    border-right-style: dotted;
    border-top-style: dotted
}

.label-latest + .label-sale {
    top: 40px
}

.label-latest {
    display: none !important
}

#more-details.hint--top:before {
    border-top-color: rgb(221, 0, 23)
}

.boxed-header header {
    max-width: 1920px
}

.boxed-header .super-menu > li:first-of-type {
    border-left: 0
}

.boxed-header .super-menu > li:last-of-type {
    border-right: 0
}

.boxed-header .is-sticky header {
    left: 50%;
    margin-left: -960px
}

.boxed-header .journal-header-center .journal-links {
    padding-left: 10px
}

.boxed-header .journal-header-center .journal-search {
    padding-left: 20px
}

.boxed-header .journal-header-center .journal-secondary {
    padding-right: 10px
}

.boxed-header .journal-header-center .journal-cart {
    padding-right: 20px
}

@media only screen and (max-width: 760px) {
    .boxed-header .journal-header-center .journal-search,
    .boxed-header .journal-header-center .journal-links {
        padding-left: 0
    }

    .boxed-header .journal-header-center .journal-cart,
    .boxed-header .journal-header-center .journal-secondary {
        padding-right: 0
    }
}

@media only screen and (max-width: 1935px) {
    .boxed-header .is-sticky header {
        left: 0;
        margin-left: 0
    }

    .boxed-header body {
        padding: 0
    }

    .fullwidth-footer .columns {
        padding-left: 15px
    }

    .copyright {
        padding-left: 15px
    }

    .journal-header-mega #logo a, .breadcrumb {
        padding-left: 15px
    }
}

.journal-header-default .links .no-link,
.journal-header-menu .links .no-link {
    /*border-color:*/
}

.journal-header-center #cart .content:before,
.oc2 #cart .content .cart-wrapper:before {
    color: rgb(250, 250, 250)
}

.journal-header-center .autocomplete2-suggestions:before {
    color: rgb(250, 250, 250)
}

.journal-language .dropdown-menu:before,
.journal-currency .dropdown-menu:before {
    color: rgb(250, 250, 250)
}

.journal-header-center .journal-language form > div,
.journal-header-center .journal-currency form > div {
    border-left-style: solid;
    border-right-style: solid
}

#search ::-webkit-input-placeholder {
    color: rgb(68, 67, 73);
    font-family: inherit
}

#search :-moz-placeholder {
    color: rgb(68, 67, 73);
    font-family: inherit
}

#search ::-moz-placeholder {
    color: rgb(68, 67, 73);
    font-family: inherit
}

#search :-ms-input-placeholder {
    color: rgb(68, 67, 73);
    font-family: inherit
}

.button-search {
    border-right-style: solid
}

.button-search {
    /*border-right-color:*/
}

header .journal-login {
    /*border-bottom-color:*/
}

.super-menu > li:last-of-type {
    border-right-color: rgb(228, 228, 228);
    border-right-style: dotted
}

@media only screen and (max-width: 760px) {
    .journal-header-center #search input,
    .journal-header-center .button-search {
        border-radius: 0
    }

    .journal-header-center #search input {
        background-color: rgb(250, 250, 250)
    }

    .journal-header-center #cart {
        background-color: rgb(250, 250, 250)
    }

    header .journal-login {
        border-bottom-style: solid
    }

    .journal-menu .mobile-menu > li {
        border-bottom-color: rgb(228, 228, 228);
        border-bottom-style: dotted
    }
}

.inline-button .product-details {
    padding-bottom: 0
}

.mega-menu .product-grid-item .cart {
    display: none !important
}

.product-grid-item .cart {
    display: none !important
}

.quickview .product-info .right .cart {
    display: none
}

.quickview .product-info .right .cart {
    display: none
}

.custom-sections .product-grid-item .product-details .cart {
    display: none !important
}

.side-column .product-grid-item .product-details .cart {
    display: none !important
}

#content .journal-carousel .product-grid-item .product-details .cart,
#top-modules .journal-carousel .product-grid-item .product-details .cart,
#bottom-modules .journal-carousel .product-grid-item .product-details .cart {
    display: none !important
}

.product-info .right .options h3 {
    display: none
}

.product-info .right .option-image:first-of-type {
    margin-top: 0
}

.product-info .right .options.push-1 .option-image li.selected span img {
    /*border-color:*/
}

.mega-menu-categories .mega-menu-item,
.mega-menu-brands .mega-menu-item,
.mega-menu-html .mega-menu-item,
#header .mega-menu .product-grid-item {
    margin-bottom: 15px
}

.mega-menu > div {
    margin-bottom: -15px;
    margin-right: -15px
}

.mega-menu .mega-menu-column:last-of-type > div {
    margin-right: -15px
}

.mega-menu-column > div > h3, .mega-menu .mega-menu-column .menu-cms-block {
    margin-right: 15px
}

.mega-menu .mega-menu-column:last-of-type > h3,
.mega-menu .mega-menu-column:last-of-type > div > h3,
.mega-menu .mega-menu-column:last-of-type > .menu-cms-block,
.mega-menu .mega-menu-column.mega-menu-html-block > div {
    margin-right: 0
}

@media only screen and (max-width: 760px) {
    .mega-menu .mega-menu-column > div {
        margin-right: -15px
    }
}

.journal-sf .sf-image .box-content ul {
    margin-bottom: -7px;
    margin-right: -7px
}

.product-info .right .wishlist-compare {
    display: none
}

.product-grid-item .price + hr,
.product-grid-item .price + .rating + hr {
    display: block
}

.has-cta .rotator-tex {
    line-height: 45px
}

footer .contacts .hint--top:before {
    border-top-color: rgb(105, 185, 207)
}

.side-column .box-category,
.side-column .box-content,
.side-column .box-content > div,
.side-column .box-content > ul > li:last-of-type,
.side-column .oc-module .product-grid-item:last-of-type {

    border-radius: inherit;
}

.journal-sf ul li label:hover {
    color: rgb(221, 0, 23)
}

.sf-icon:before {
    border-top-color: rgb(221, 0, 23)
}

.sf-price .value:after {
    border-bottom-color: rgb(221, 0, 23)
}

.mobile-trigger {
    background-color: rgb(250, 250, 250)
}

.journal-header-default .links > a,
.journal-header-menu .links > a {
    border-bottom-color: transparent
}

@media only screen and (max-width: 760px) {
    .journal-header-default .links > a,
    .journal-header-menu .links > a {
        /*border-bottom-color:*/
    }
}

.nav-numbers a:hover,
.nav-numbers li.active a {
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.headline-mode .nav-numbers a:hover,
.headline-mode .nav-numbers li.active a {
    -webkit-backface-visibility: hidden;
    /*-webkit-transform: scale();
    -moz-transform: scale();
    -ms-transform: scale();
    transform: scale()*/
}

.tp-bullets.simplebullets.round .bullet.selected,
.tp-bullets.simplebullets.round .bullet:hover,
.journal-simple-slider .owl-controls .owl-page.active span,
.journal-simple-slider .owl-controls.clickable .owl-page:hover span {
    -webkit-backface-visibility: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.owl-controls .owl-page.active span,
.owl-controls.clickable .owl-page:hover span {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media only screen and (max-width: 1935px) {
    .bottom-footer.fullwidth-bar .copyright {
        padding-left: 15px
    }

    .bottom-footer.fullwidth-bar .payments {
        padding-right: 15px
    }

    .extended-layout #column-left {
        padding: 20px 0 0 20px
    }

    .extended-layout #column-right {
        padding: 20px 20px 0 0
    }

    .extended-layout #content,
    .extended-layout #column-left + #content,
    .extended-layout #column-right + #content,
    .extended-layout #column-left + #column-right + #content {
        padding: 20px 20px 0 20px
    }

    .journal-simple-slider {
        height: auto !important
    }

    .extended-layout #column-left {
        width: 240px
    }

    .extended-layout #column-right {
        width: 240px
    }

    .extended-layout #column-left + #content {
        margin-left: 240px
    }

    .extended-layout #column-right + #content {
        margin-right: 240px
    }

    .extended-layout #column-left + #column-right + #content {
        margin-left: 240px;
        margin-right: 240px
    }
}

@media only screen and (max-width: 980px) {
    .journal-header-default .mega-menu,
    .journal-header-menu .mega-menu {
        width: 100%
    }
}

@media only screen and (max-width: 760px) {
    .extended-layout #column-left + #content,
    .extended-layout #column-right + #content,
    .extended-layout #column-left + #column-right + #content {
        margin-left: 0;
        margin-right: 0
    }

    .journal-header-center .journal-secondary {
        background-color: rgb(80, 80, 80)
    }
}

.mega-menu {
    max-width: 1920px
}

.journal-header-center .j-100, .journal-header-center #logo a {
    height: 130px
}

.journal-header-center #logo a img {
    max-height: 130px
}

.journal-header-center .journal-search,
.journal-header-center .journal-cart {
    top: 45px
}

.journal-header-center .journal-menu-bg {
    top: 170px
}

.journal-desktop.header-center .sticky-wrapper {
    max-height: 210px
}

@media only screen and (max-width: 760px) {
    .journal-header-center .j-100, .journal-header-center #logo a {
        height: 100px
    }

    .journal-header-center .journal-search,
    .journal-header-center .journal-cart {
        top: 0
    }

    .journal-header-center .journal-menu-bg {
        top: 220px
    }

    .journal-header-center #logo a img {
        max-height: 100px
    }
}

.extended-container #container {
    background-color: transparent
}

.product-grid-item.display-icon .wishlist-icon:before,
.product-grid-item.display-icon .compare-icon:before {
    line-height: 35px
}

.journal-header-center #cart .heading i {
    height: 39px
}

.journal-desktop .menu-floated .float-left {
    border-right-style: dotted
}

.column.products > h3 {
    margin-bottom: 7px
}

.column.products {
    padding-bottom: 7px
}

.side-column .journal-gallery .box-heading {
    margin-bottom: 10px
}

.side-column .box-category > ul li ul li a {
    padding-left: 7px
}

.side-column .box-category > ul li ul li ul li a {
    padding-left: 14px
}

.side-column .box-category > ul li ul li ul li ul li
a {
    padding-left: 21px
}

.side-column .box-category > ul li ul li ul li ul li ul li a {
    padding-left: 28px
}

.side-column .box-category > ul li ul li ul li ul li ul li ul li a {
    padding-left: 35px
}

@media only screen and (max-width: 1935px) {
    .breadcrumb {
        padding-left: 10px
    }
}

.custom-sections .box-heading.box-sections {
    border-left-width: 1px;
    border-right-width: 1px
}

.custom-sections .box-heading.box-sections {
    border-left-style: dotted
}

#top-modules .carousel-product > div,
#bottom-modules .carousel-product > div,
.side-column .carousel-product > div,
#top-modules .carousel-category > div,
#bottom-modules .carousel-category > div,
.side-column .carousel-category > div,
#top-modules .journal-carousel.post-module > div,
#bottom-modules .journal-carousel.post-module > div {
    margin-left: -11px;
    margin-right: -11px;
    padding: 0 11px
}

#top-modules .carousel-brand > div,
#bottom-modules .carousel-brand > div,
.side-column .carousel-brand > div {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0 10px
}

.posts.blog-list-view .post-item-details {
    width: 75%;
}

.side-column .box.cms-blocks .box-heading {
    /*margin-bottom: px*/
}

@media only screen and (min-width: 1935px) {
    .safari5 #footer,
    .safari5.boxed-header header {
        width: 1920px
    }
}

@media only screen and (max-width: 1935px) {
    .tp-banner-container {
        height: auto !important
    }
}

@media only screen and (max-width: 1935px) {
    #top-modules > div, #bottom-modules > div {
        padding-left: 20px;
        padding-right: 20px
    }
}

.product-grid-item:hover .countdown,
.product-list-item:hover .countdown {
    opacity: 1;
    visibility: visible
}

.journal2_headline_rotator {
    /* background-color: rgb(255, 255, 255); */
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
    padding: 0 !important;
    /* position: absolute; */
    /* bottom: 0; */
    /* width: 100%; */
    /* z-index: 99; */
}
.journal-rotator {
    display: none;
    background-color: rgba(0, 0, 0, .5);
    background-repeat: repeat;
    background-position: center top;
    background-attachment: scroll;
    max-width: 1920px;
}

.journal-rotator .quote {
    text-align: center;
    font-weight: 400;
    font-family: 'Droid Serif';
    font-size: 11px; font-style: italic;
    text-transform: none;
    color: rgb(255, 255, 255)
}

.journal-rotator .rotator-text {}
.journal-rotator .rotator-text i {
    margin-right: 5px;
    color: rgb(255, 255, 255);
    font-size: 20px;
    left: -5px
}

.journal2_carousel {background-color: rgb(238, 241, 234);margin-bottom: 30px !important;}

.links.j-min .fa {font-size: 18px}

.fa:before, .fa:after {font-family: 'FontAwesome';}
.super-menu .fa {font-size: 20px;}
.text-short {color:#000}
.cnt p {margin-bottom: 0.5rem}
.home-block-txt {}
.home-block-txt h3 {
    margin-bottom: 20px;
}
.home-block-txt h3 .fa {
    font-size: 34px;
    margin-right: 5px;
}
.home-block-txt h3 span {
    font-size: 18px;
    color: #696969;
}
.home-block-txt .cnt {}

.column-text-wrap.f {}
.column-text-wrap.f .fa {
    color: rgb(56, 56, 56);
    font-size: 27px;
}
.column-text-wrap.f h3 {
    padding-top: 5px;
    font-size: 13px;
    padding-bottom: 5px;
}
.column-text-wrap.f p {}

.footer_r {
    color: #eee;
    margin: 20px 0;
}
.footer_r .copy {
    margin-top: 5px;
}

.hint--top .fa {font-size: 20px}

.embed-responsive.embed-responsive-4by3 {
    padding-bottom: 75%;
}
.embed-responsive.embed-responsive-16by9 {
    padding-bottom: 56.25%;
}
.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.footer-post img {width: 30px}

.banners {max-height:150px;overflow: hidden}
.banners a {}
.banners img {width: 100%; display: block}

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

.info-detail {
    font-size: 12px;
}
.info-detail .fa {
    margin-right: 5px;
}

.info-detail span {margin-right: 10px}

.vertical.menu a.active {background-color: transparent !important;}
.menu.vertical.nested a {font-size: 12px;}

.info-detail.detail {
    margin-bottom: 15px;
    padding: 10px 0 10px 0;
}
.post-details {}
.post-details h2 {
    margin-bottom: 20px;
}

.comment-box {margin-top: 30px;}
.comment-box h3 {font-size: 20px}

.social-share {display: flex}
.social-share > * {margin-right: 5px}
.hinhkhac {
    font-size: 20px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.img-list {
    margin-left: -5px;
    margin-right: -5px;
    display: flex;
    flex-flow: row wrap;
}
.img-list .im {
    padding: 0 5px 10px 5px;
    max-width: calc((100% - 0px)/3);
    flex: 0 0 calc((100% - 0px)/3);
}
.img-list .im img {
    display: block;
}
.ytube {
    margin-top: 20px;
}

/* GOOGLE MAP */
.map_locations {  display: none;  }
.map_model {  height: 350px;  }
.map_model img {  max-width: none !important;  }
.iw-content p {margin-bottom: 0}
.iw-content p.medium {font-weight: 700;margin-bottom: 4px;}

@media screen and (max-width: 47.9375em) {
    .map_model {  height: 225px;  }
}
@media (max-width: 29.9375em) {
    .map_model {  height: 200px;  }
}

.contact-f .req {
    text-align: right;
}
.contact-f .mess {
    color: red;
    margin-top: 10px;
    display:none;
}
.contact-f .loading {display: none;margin-left: 5px}
.contact-f .loading img {display: inline-block;vertical-align: middle}

.contact-f {margin-bottom: 30px;}
.contact-f button[type="submit"] {color: #fff;background-color: #000;display: inline-block;padding: 10px 15px;font-size: 1rem;}
.contact-f button[type="submit"]:hover {background-color: #E10000}
.contact-f label {margin-bottom: 5px}
.contact-f input, .contact-f textarea {margin-bottom: 15px}
.contact-f input[type="number"] {width: 150px;}

.f-tit {
    color: #fff;
    margin-bottom: 5px;
    display: inline-block;
    border-bottom: 1px dotted #fff;
    overflow: hidden;
    margin-left: 15px;
    margin-right: 15px;
    padding-bottom: 5px;
}

#logo h1 {display: none}

#productInformation {
    width: 100%;
    overflow: hidden;
}

#productInformation>.withOutDivider {
    padding: 0 0 20px;
    margin-bottom: 0;
}
#productInformation>.wrap {
    /* margin: 0 32px 20px; */
    /* background: #fff; */
    /* padding: 20px; */
    overflow: hidden;
}

#productInformation>.withDivider .inner, #productInformation>.withOutDivider .inner {
    padding: 40px 20px 0;
}

#productInformation>.withDivider {
    padding: 0 0 20px;
    margin-bottom: 0;
    /* border-bottom: 1px dashed #E1E1E1; */
}
#productInformation .withOutDivider h2 {
    /* margin-top: -12px; */
    font-size: 32px !important;
}
#productInformation h2 {
    margin: 0 0 30px;
}

#productInformation .colWithImg {
    float: left;
    margin-right: 20px;
    width: 710px;
}

#productInformation .colWithImg img {
    float: left;
    margin-right: 20px;
    width: 235px;
    height: 122px;
}

#productInformation h3 {
    color: #471E81;
    margin-top: 0;
    padding-top: 0;
}

#productInformation ol, #productInformation ul.information {
    font: 12px Arial;
    list-style: disc outside none;
    padding: 0;
    background: transparent;
    margin-left: 360px;
}

.dialog {
    display: none;
    position: relative;
    width: 500px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    height: auto;
    margin: 100px auto;
    padding: 10px;
    background: white;
    border-radius: 10px;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(181, 189, 205);
    overflow: hidden;
}

.advice-espot {
    background-image: url(../../../i/dfs/bg_pdp_advice_container.png);
    background-position: 0 0;
    display: block;
    float: right;
    height: 173px;
    padding: 0 15px;
    width: 293px;
}

#productInformation .dfsEspotContent .advice-espot h2, #productInformation .withOutDivider .advice-espot h2 {
    color: #5C2C91;
    font-size: 28px !important;
    line-height: 1em;
    margin: 14px 0 10px;
    white-space: nowrap;
}

.advice-espot h3 {
    color: rgb(92, 44, 145);
    font-weight: normal;
}
.advice-espot p {
    color: rgb(92, 44, 145);
    font-size: 1.2em;
}
#productInformation .col {
    float: left;
    width: 292px;
    margin-right: 0;
}

#productInformation .colWithImg .headingWithAction {
    margin-left: 280px;
    overflow: hidden;
}
#productInformation h3 span {
    color: #333;
    display: block;
    font: 700 12px arial;
    margin-top: -3px;
}

#productInformation .colWithImg img {
    float: left;
    margin-right: 20px;
    width: 340px !important;
    height: auto !important;
}

#productInformation ol.dimensions {
    list-style: decimal;
    padding-left: 18px;
}

#productInformation ol.dimensions {
  padding-left: 20px;
  list-style: decimal;
  margin-left: 273px;
}
#productInformation ol#productDimension li {
    border-bottom: 1px solid #e9e9e9;
    padding: 5px 0;
}
#productInformation ol#productDimension div.centimeters {
    margin-right: 106px;
    min-width: 92px;
    text-align: center;
}
#productInformation ol#productDimension div.centimeters {
    margin-right: 106px;
    min-width: 92px;
    text-align: center;
    margin-bottom: auto;
    font-weight: normal;
}
#productInformation ol li div {
    float: right;
    font-weight: 700;
}

#productInformation ol.dimensions .cm {
    position: relative;
    left: 0;
    width: 100px;
}
#productInformation .col {
    float: left;
    width: 292px;
    margin-right: 0;
}
.col .dfsEspotContent {
    margin: 0px;
}