/*! * Font Awesome 4.5.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('fonts/fontawesome-webfont.eot?v=4.5.0');src:url('fonts/fontawesome-webfont.eot?#iefix&v=4.5.0') format('embedded-opentype'),url('fonts/fontawesome-webfont.woff2?v=4.5.0') format('woff2'),url('fonts/fontawesome-webfont.woff?v=4.5.0') format('woff'),url('fonts/fontawesome-webfont.ttf?v=4.5.0') format('truetype'),url('fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}@keyframes fa-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=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: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-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"} @font-face { font-family: 'simple-line-icons'; src: url('../fonts/Simple-Line-Icons.eot'); src: url('../fonts/Simple-Line-Icons.eot#iefix') format('embedded-opentype'), url('../fonts/Simple-Line-Icons.woff2') format('woff2'), url('../fonts/Simple-Line-Icons.ttf') format('truetype'), url('../fonts/Simple-Line-Icons.woff') format('woff'), url('../fonts/Simple-Line-Icons.svg#simple-line-icons') format('svg'); font-weight: normal; font-style: normal; } /* Use the following CSS code if you want to have a class per icon. Instead of a list of all class selectors, you can use the generic [class*="icon-"] selector, but it's slower: */ .icon-user, .icon-people, .icon-pointer, .icon-user-female, .icon-user-follow, .icon-user-following, .icon-user-unfollow, .icon-login, .icon-logout, .icon-emotsmile, .icon-phone, .icon-call-end, .icon-call-in, .icon-call-out, .icon-map, .icon-location-pin, .icon-direction, .icon-directions, .icon-compass, .icon-layers, .icon-menu, .icon-list, .icon-options-vertical, .icon-options, .icon-arrow-down, .icon-arrow-left, .icon-arrow-right, .icon-arrow-up, .icon-arrow-up-circle, .icon-arrow-left-circle, .icon-arrow-right-circle, .icon-arrow-down-circle, .icon-check, .icon-clock, .icon-plus, .icon-minus, .icon-close, .icon-exclamation, .icon-organization, .icon-trophy, .icon-screen-smartphone, .icon-screen-desktop, .icon-plane, .icon-notebook, .icon-mustache, .icon-mouse, .icon-magnet, .icon-energy, .icon-disc, .icon-cursor, .icon-cursor-move, .icon-crop, .icon-chemistry, .icon-speedometer, .icon-shield, .icon-screen-tablet, .icon-magic-wand, .icon-hourglass, .icon-graduation, .icon-ghost, .icon-game-controller, .icon-fire, .icon-eyeglass, .icon-envelope-open, .icon-envelope-letter, .icon-bell, .icon-badge, .icon-anchor, .icon-wallet, .icon-vector, .icon-speech, .icon-puzzle, .icon-printer, .icon-present, .icon-playlist, .icon-pin, .icon-picture, .icon-handbag, .icon-globe-alt, .icon-globe, .icon-folder-alt, .icon-folder, .icon-film, .icon-feed, .icon-drop, .icon-drawer, .icon-docs, .icon-doc, .icon-diamond, .icon-cup, .icon-calculator, .icon-bubbles, .icon-briefcase, .icon-book-open, .icon-basket-loaded, .icon-basket, .icon-bag, .icon-action-undo, .icon-action-redo, .icon-wrench, .icon-umbrella, .icon-trash, .icon-tag, .icon-support, .icon-frame, .icon-size-fullscreen, .icon-size-actual, .icon-shuffle, .icon-share-alt, .icon-share, .icon-rocket, .icon-question, .icon-pie-chart, .icon-pencil, .icon-note, .icon-loop, .icon-home, .icon-grid, .icon-graph, .icon-microphone, .icon-music-tone-alt, .icon-music-tone, .icon-earphones-alt, .icon-earphones, .icon-equalizer, .icon-like, .icon-dislike, .icon-control-start, .icon-control-rewind, .icon-control-play, .icon-control-pause, .icon-control-forward, .icon-control-end, .icon-volume-1, .icon-volume-2, .icon-volume-off, .icon-calendar, .icon-bulb, .icon-chart, .icon-ban, .icon-bubble, .icon-camrecorder, .icon-camera, .icon-cloud-download, .icon-cloud-upload, .icon-envelope, .icon-eye, .icon-flag, .icon-heart, .icon-info, .icon-key, .icon-link, .icon-lock, .icon-lock-open, .icon-magnifier, .icon-magnifier-add, .icon-magnifier-remove, .icon-paper-clip, .icon-paper-plane, .icon-power, .icon-refresh, .icon-reload, .icon-settings, .icon-star, .icon-symbol-female, .icon-symbol-male, .icon-target, .icon-credit-card, .icon-paypal, .icon-social-tumblr, .icon-social-twitter, .icon-social-facebook, .icon-social-instagram, .icon-social-linkedin, .icon-social-pinterest, .icon-social-github, .icon-social-google, .icon-social-reddit, .icon-social-skype, .icon-social-dribbble, .icon-social-behance, .icon-social-foursqare, .icon-social-soundcloud, .icon-social-spotify, .icon-social-stumbleupon, .icon-social-youtube, .icon-social-dropbox, .icon-emoticon-smile,.icon-bar-chart { font-family: 'simple-line-icons'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-user:before { content: "\E005"; } .icon-people:before { content: "\E001"; } .icon-user-female:before { content: "\E000"; } .icon-user-follow:before { content: "\E002"; } .icon-user-following:before { content: "\E003"; } .icon-user-unfollow:before { content: "\E004"; } .icon-login:before { content: "\E066"; } .icon-logout:before { content: "\E065"; } .icon-emotsmile:before { content: "\E021"; } .icon-phone:before { content: "\E600"; } .icon-call-end:before { content: "\E048"; } .icon-call-in:before { content: "\E047"; } .icon-call-out:before { content: "\E046"; } .icon-map:before { content: "\E033"; } .icon-location-pin:before { content: "\E096"; } .icon-direction:before { content: "\E042"; } .icon-directions:before { content: "\E041"; } .icon-compass:before { content: "\E045"; } .icon-layers:before { content: "\E034"; } .icon-menu:before { content: "\E601"; } .icon-list:before { content: "\E067"; } .icon-options-vertical:before { content: "\E602"; } .icon-options:before { content: "\E603"; } .icon-arrow-down:before { content: "\E604"; } .icon-arrow-left:before { content: "\E605"; } .icon-arrow-right:before { content: "\E079"; } .icon-arrow-up:before { content: "\E607"; } .icon-arrow-up-circle:before { content: "\E078"; } .icon-arrow-left-circle:before { content: "\E07A"; } .icon-arrow-right-circle:before { content: "\E079"; } .icon-arrow-down-circle:before { content: "\E07B"; } .icon-check:before { content: "\E080"; } .icon-clock:before { content: "\E081"; } .icon-plus:before { content: "\E095"; } .icon-minus:before { content: "\E615"; } .icon-close:before { content: "\E082"; } .icon-exclamation:before { content: "\E617"; } .icon-organization:before { content: "\E616"; } .icon-trophy:before { content: "\E006"; } .icon-screen-smartphone:before { content: "\E010"; } .icon-screen-desktop:before { content: "\E011"; } .icon-plane:before { content: "\E012"; } .icon-notebook:before { content: "\E013"; } .icon-mustache:before { content: "\E014"; } .icon-mouse:before { content: "\E015"; } .icon-magnet:before { content: "\E016"; } .icon-energy:before { content: "\E020"; } .icon-disc:before { content: "\E022"; } .icon-cursor:before { content: "\E06E"; } .icon-cursor-move:before { content: "\E023"; } .icon-crop:before { content: "\E024"; } .icon-chemistry:before { content: "\E026"; } .icon-speedometer:before { content: "\E007"; } .icon-shield:before { content: "\E00E"; } .icon-screen-tablet:before { content: "\E00F"; } .icon-magic-wand:before { content: "\E017"; } .icon-hourglass:before { content: "\E018"; } .icon-graduation:before { content: "\E019"; } .icon-ghost:before { content: "\E01A"; } .icon-game-controller:before { content: "\E01B"; } .icon-fire:before { content: "\E01C"; } .icon-eyeglass:before { content: "\E01D"; } .icon-envelope-open:before { content: "\E01E"; } .icon-envelope-letter:before { content: "\E01F"; } .icon-bell:before { content: "\E027"; } .icon-badge:before { content: "\E028"; } .icon-anchor:before { content: "\E029"; } .icon-wallet:before { content: "\E02A"; } .icon-vector:before { content: "\E02B"; } .icon-speech:before { content: "\E02C"; } .icon-puzzle:before { content: "\E02D"; } .icon-printer:before { content: "\E02E"; } .icon-present:before { content: "\E02F"; } .icon-playlist:before { content: "\E030"; } .icon-pin:before { content: "\E031"; } .icon-picture:before { content: "\E032"; } .icon-handbag:before { content: "\E035"; } .icon-globe-alt:before { content: "\E036"; } .icon-globe:before { content: "\E037"; } .icon-folder-alt:before { content: "\E039"; } .icon-folder:before { content: "\E089"; } .icon-film:before { content: "\E03A"; } .icon-feed:before { content: "\E03B"; } .icon-drop:before { content: "\E03E"; } .icon-drawer:before { content: "\E03F"; } .icon-docs:before { content: "\E040"; } .icon-doc:before { content: "\E085"; } .icon-diamond:before { content: "\E043"; } .icon-cup:before { content: "\E044"; } .icon-calculator:before { content: "\E049"; } .icon-bubbles:before { content: "\E04A"; } .icon-briefcase:before { content: "\E04B"; } .icon-book-open:before { content: "\E04C"; } .icon-basket-loaded:before { content: "\E04D"; } .icon-basket:before { content: "\E04E"; } .icon-bag:before { content: "\E04F"; } .icon-action-undo:before { content: "\E050"; } .icon-action-redo:before { content: "\E051"; } .icon-wrench:before { content: "\E052"; } .icon-umbrella:before { content: "\E053"; } .icon-trash:before { content: "\E054"; } .icon-tag:before { content: "\E055"; } .icon-support:before { content: "\E056"; } .icon-frame:before { content: "\E038"; } .icon-size-fullscreen:before { content: "\E057"; } .icon-size-actual:before { content: "\E058"; } .icon-shuffle:before { content: "\E059"; } .icon-share-alt:before { content: "\E05A"; } .icon-share:before { content: "\E05B"; } .icon-rocket:before { content: "\E05C"; } .icon-question:before { content: "\E05D"; } .icon-pie-chart:before { content: "\E05E"; } .icon-pencil:before { content: "\E05F"; } .icon-note:before { content: "\E060"; } .icon-loop:before { content: "\E064"; } .icon-home:before { content: "\E069"; } .icon-grid:before { content: "\E06A"; } .icon-graph:before { content: "\E06B"; } .icon-microphone:before { content: "\E063"; } .icon-music-tone-alt:before { content: "\E061"; } .icon-music-tone:before { content: "\E062"; } .icon-earphones-alt:before { content: "\E03C"; } .icon-earphones:before { content: "\E03D"; } .icon-equalizer:before { content: "\E06C"; } .icon-like:before { content: "\E068"; } .icon-dislike:before { content: "\E06D"; } .icon-control-start:before { content: "\E06F"; } .icon-control-rewind:before { content: "\E070"; } .icon-control-play:before { content: "\E071"; } .icon-control-pause:before { content: "\E072"; } .icon-control-forward:before { content: "\E073"; } .icon-control-end:before { content: "\E074"; } .icon-volume-1:before { content: "\E09F"; } .icon-volume-2:before { content: "\E0A0"; } .icon-volume-off:before { content: "\E0A1"; } .icon-calendar:before { content: "\E075"; } .icon-bulb:before { content: "\E076"; } .icon-chart:before { content: "\E077"; } .icon-ban:before { content: "\E07C"; } .icon-bubble:before { content: "\E07D"; } .icon-camrecorder:before { content: "\E07E"; } .icon-camera:before { content: "\E07F"; } .icon-cloud-download:before { content: "\E083"; } .icon-cloud-upload:before { content: "\E084"; } .icon-envelope:before { content: "\E086"; } .icon-eye:before { content: "\E087"; } .icon-flag:before { content: "\E088"; } .icon-heart:before { content: "\E08A"; } .icon-info:before { content: "\E08B"; } .icon-key:before { content: "\E08C"; } .icon-link:before { content: "\E08D"; } .icon-lock:before { content: "\E08E"; } .icon-lock-open:before { content: "\E08F"; } .icon-magnifier:before { content: "\E090"; } .icon-magnifier-add:before { content: "\E091"; } .icon-magnifier-remove:before { content: "\E092"; } .icon-paper-clip:before { content: "\E093"; } .icon-paper-plane:before { content: "\E094"; } .icon-power:before { content: "\E097"; } .icon-refresh:before { content: "\E098"; } .icon-reload:before { content: "\E099"; } .icon-settings:before { content: "\E09A"; } .icon-star:before { content: "\E09B"; } .icon-symbol-female:before { content: "\E09C"; } .icon-symbol-male:before { content: "\E09D"; } .icon-target:before { content: "\E09E"; } .icon-credit-card:before { content: "\E025"; } .icon-paypal:before { content: "\E608"; } .icon-social-tumblr:before { content: "\E00A"; } .icon-social-twitter:before { content: "\E009"; } .icon-social-facebook:before { content: "\E00B"; } .icon-social-instagram:before { content: "\E609"; } .icon-social-linkedin:before { content: "\E60A"; } .icon-social-pinterest:before { content: "\E60B"; } .icon-social-github:before { content: "\E60C"; } .icon-social-google:before { content: "\E60D"; } .icon-social-reddit:before { content: "\E60E"; } .icon-social-skype:before { content: "\E60F"; } .icon-social-dribbble:before { content: "\E00D"; } .icon-social-behance:before { content: "\E610"; } .icon-social-foursqare:before { content: "\E611"; } .icon-social-soundcloud:before { content: "\E612"; } .icon-social-spotify:before { content: "\E613"; } .icon-social-stumbleupon:before { content: "\E614"; } .icon-social-youtube:before { content: "\E008"; } .icon-social-dropbox:before { content: "\E00C"; } .icon-emoticon-smile:before{ content: "\E021"; } .icon-bar-chart:before{content: "\E077";} .icon-pointer:before{content: "\E096";} /** Generated by FG **/ @font-face { font-family: 'Blanch'; src: url('fonts/BLANCH_CAPS.eot'); src: local('\263A'), url('fonts/BLANCH_CAPS.woff') format('woff'), url('fonts/BLANCH_CAPS.ttf') format('truetype'), url('fonts/BLANCH_CAPS.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Helvetica Neue LT Std'; font-style: normal; font-weight: 500; src: local('Helvetica Neue LT Std 65 Medium'), url(HelveticaNeueLTStd-Md.otf) format('opentype'); } @font-face { font-family: 'Helvetica Neue LT Std'; font-style: normal; font-weight: 300; src: local('Helvetica Neue LT Std 45 Light'), url(helvetica-neue-lt-std-45-light.otf) format('opentype'); } @font-face { font-family: 'Helvetica Neue LT Std'; font-style: normal; font-weight: 700; src: local('Helvetica Neue LT Std 75 Bold'), url(HelveticaNeueLTStd-Bd.otf) format('opentype'); } @font-face { font-family: 'Helvetica Neue LT Std'; font-style: italic; font-weight: 400; src: local('Helvetica Neue LT Std Regular Italic'), url(HelveticaNeueLTStd-MdIt.otf) format('opentype'); } @font-face { font-family: 'Helvetica Neue LT Std'; font-style: italic; font-weight: 700; src: local('Helvetica Neue LT Std Bold Italic'), url(HelveticaNeueLTStd-BdIt.otf) format('opentype'); } @font-face { font-family: 'Helvetica Neue LT Std'; font-style: normal; font-weight: 400; src: local('Helvetica Neue LT Std 55 Roman'), url(HelveticaNeueLTStd-Roman.otf) format('opentype'); } /** Generated by FG **/ @font-face { font-family: 'Playfair Display'; src: url('fonts/PlayfairDisplay-Regular.eot'); src: local('\263A'), url('fonts/PlayfairDisplay-Regular.woff') format('woff'), url('fonts/PlayfairDisplay-Regular.ttf') format('truetype'), url('fonts/PlayfairDisplay-Regular.svg') format('svg'); font-weight: normal; font-style: normal; } @charset "UTF-8";/*! Ionicons, v2.0.0 Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ https://twitter.com/benjsperry https://twitter.com/ionicframework MIT License: https://github.com/driftyco/ionicons Android-style icons originally built by Google’s Material Design Icons: https://github.com/google/material-design-icons used under CC BY http://creativecommons.org/licenses/by/4.0/ Modified icons to fit ionicon’s grid from original. */@font-face{font-family:"Ionicons";src:url("../fonts/ionicons.eot?v=2.0.0");src:url("../fonts/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),url("../fonts/ionicons.ttf?v=2.0.0") format("truetype"),url("../fonts/ionicons.woff?v=2.0.0") format("woff"),url("../fonts/ionicons.svg?v=2.0.0#Ionicons") format("svg");font-weight:normal;font-style:normal}.ion,.ionicons,.ion-alert:before,.ion-alert-circled:before,.ion-android-add:before,.ion-android-add-circle:before,.ion-android-alarm-clock:before,.ion-android-alert:before,.ion-android-apps:before,.ion-android-archive:before,.ion-android-arrow-back:before,.ion-android-arrow-down:before,.ion-android-arrow-dropdown:before,.ion-android-arrow-dropdown-circle:before,.ion-android-arrow-dropleft:before,.ion-android-arrow-dropleft-circle:before,.ion-android-arrow-dropright:before,.ion-android-arrow-dropright-circle:before,.ion-android-arrow-dropup:before,.ion-android-arrow-dropup-circle:before,.ion-android-arrow-forward:before,.ion-android-arrow-up:before,.ion-android-attach:before,.ion-android-bar:before,.ion-android-bicycle:before,.ion-android-boat:before,.ion-android-bookmark:before,.ion-android-bulb:before,.ion-android-bus:before,.ion-android-calendar:before,.ion-android-call:before,.ion-android-camera:before,.ion-android-cancel:before,.ion-android-car:before,.ion-android-cart:before,.ion-android-chat:before,.ion-android-checkbox:before,.ion-android-checkbox-blank:before,.ion-android-checkbox-outline:before,.ion-android-checkbox-outline-blank:before,.ion-android-checkmark-circle:before,.ion-android-clipboard:before,.ion-android-close:before,.ion-android-cloud:before,.ion-android-cloud-circle:before,.ion-android-cloud-done:before,.ion-android-cloud-outline:before,.ion-android-color-palette:before,.ion-android-compass:before,.ion-android-contact:before,.ion-android-contacts:before,.ion-android-contract:before,.ion-android-create:before,.ion-android-delete:before,.ion-android-desktop:before,.ion-android-document:before,.ion-android-done:before,.ion-android-done-all:before,.ion-android-download:before,.ion-android-drafts:before,.ion-android-exit:before,.ion-android-expand:before,.ion-android-favorite:before,.ion-android-favorite-outline:before,.ion-android-film:before,.ion-android-folder:before,.ion-android-folder-open:before,.ion-android-funnel:before,.ion-android-globe:before,.ion-android-hand:before,.ion-android-hangout:before,.ion-android-happy:before,.ion-android-home:before,.ion-android-image:before,.ion-android-laptop:before,.ion-android-list:before,.ion-android-locate:before,.ion-android-lock:before,.ion-android-mail:before,.ion-android-map:before,.ion-android-menu:before,.ion-android-microphone:before,.ion-android-microphone-off:before,.ion-android-more-horizontal:before,.ion-android-more-vertical:before,.ion-android-navigate:before,.ion-android-notifications:before,.ion-android-notifications-none:before,.ion-android-notifications-off:before,.ion-android-open:before,.ion-android-options:before,.ion-android-people:before,.ion-android-person:before,.ion-android-person-add:before,.ion-android-phone-landscape:before,.ion-android-phone-portrait:before,.ion-android-pin:before,.ion-android-plane:before,.ion-android-playstore:before,.ion-android-print:before,.ion-android-radio-button-off:before,.ion-android-radio-button-on:before,.ion-android-refresh:before,.ion-android-remove:before,.ion-android-remove-circle:before,.ion-android-restaurant:before,.ion-android-sad:before,.ion-android-search:before,.ion-android-send:before,.ion-android-settings:before,.ion-android-share:before,.ion-android-share-alt:before,.ion-android-star:before,.ion-android-star-half:before,.ion-android-star-outline:before,.ion-android-stopwatch:before,.ion-android-subway:before,.ion-android-sunny:before,.ion-android-sync:before,.ion-android-textsms:before,.ion-android-time:before,.ion-android-train:before,.ion-android-unlock:before,.ion-android-upload:before,.ion-android-volume-down:before,.ion-android-volume-mute:before,.ion-android-volume-off:before,.ion-android-volume-up:before,.ion-android-walk:before,.ion-android-warning:before,.ion-android-watch:before,.ion-android-wifi:before,.ion-aperture:before,.ion-archive:before,.ion-arrow-down-a:before,.ion-arrow-down-b:before,.ion-arrow-down-c:before,.ion-arrow-expand:before,.ion-arrow-graph-down-left:before,.ion-arrow-graph-down-right:before,.ion-arrow-graph-up-left:before,.ion-arrow-graph-up-right:before,.ion-arrow-left-a:before,.ion-arrow-left-b:before,.ion-arrow-left-c:before,.ion-arrow-move:before,.ion-arrow-resize:before,.ion-arrow-return-left:before,.ion-arrow-return-right:before,.ion-arrow-right-a:before,.ion-arrow-right-b:before,.ion-arrow-right-c:before,.ion-arrow-shrink:before,.ion-arrow-swap:before,.ion-arrow-up-a:before,.ion-arrow-up-b:before,.ion-arrow-up-c:before,.ion-asterisk:before,.ion-at:before,.ion-backspace:before,.ion-backspace-outline:before,.ion-bag:before,.ion-battery-charging:before,.ion-battery-empty:before,.ion-battery-full:before,.ion-battery-half:before,.ion-battery-low:before,.ion-beaker:before,.ion-beer:before,.ion-bluetooth:before,.ion-bonfire:before,.ion-bookmark:before,.ion-bowtie:before,.ion-briefcase:before,.ion-bug:before,.ion-calculator:before,.ion-calendar:before,.ion-camera:before,.ion-card:before,.ion-cash:before,.ion-chatbox:before,.ion-chatbox-working:before,.ion-chatboxes:before,.ion-chatbubble:before,.ion-chatbubble-working:before,.ion-chatbubbles:before,.ion-checkmark:before,.ion-checkmark-circled:before,.ion-checkmark-round:before,.ion-chevron-down:before,.ion-chevron-left:before,.ion-chevron-right:before,.ion-chevron-up:before,.ion-clipboard:before,.ion-clock:before,.ion-close:before,.ion-close-circled:before,.ion-close-round:before,.ion-closed-captioning:before,.ion-cloud:before,.ion-code:before,.ion-code-download:before,.ion-code-working:before,.ion-coffee:before,.ion-compass:before,.ion-compose:before,.ion-connection-bars:before,.ion-contrast:before,.ion-crop:before,.ion-cube:before,.ion-disc:before,.ion-document:before,.ion-document-text:before,.ion-drag:before,.ion-earth:before,.ion-easel:before,.ion-edit:before,.ion-egg:before,.ion-eject:before,.ion-email:before,.ion-email-unread:before,.ion-erlenmeyer-flask:before,.ion-erlenmeyer-flask-bubbles:before,.ion-eye:before,.ion-eye-disabled:before,.ion-female:before,.ion-filing:before,.ion-film-marker:before,.ion-fireball:before,.ion-flag:before,.ion-flame:before,.ion-flash:before,.ion-flash-off:before,.ion-folder:before,.ion-fork:before,.ion-fork-repo:before,.ion-forward:before,.ion-funnel:before,.ion-gear-a:before,.ion-gear-b:before,.ion-grid:before,.ion-hammer:before,.ion-happy:before,.ion-happy-outline:before,.ion-headphone:before,.ion-heart:before,.ion-heart-broken:before,.ion-help:before,.ion-help-buoy:before,.ion-help-circled:before,.ion-home:before,.ion-icecream:before,.ion-image:before,.ion-images:before,.ion-information:before,.ion-information-circled:before,.ion-ionic:before,.ion-ios-alarm:before,.ion-ios-alarm-outline:before,.ion-ios-albums:before,.ion-ios-albums-outline:before,.ion-ios-americanfootball:before,.ion-ios-americanfootball-outline:before,.ion-ios-analytics:before,.ion-ios-analytics-outline:before,.ion-ios-arrow-back:before,.ion-ios-arrow-down:before,.ion-ios-arrow-forward:before,.ion-ios-arrow-left:before,.ion-ios-arrow-right:before,.ion-ios-arrow-thin-down:before,.ion-ios-arrow-thin-left:before,.ion-ios-arrow-thin-right:before,.ion-ios-arrow-thin-up:before,.ion-ios-arrow-up:before,.ion-ios-at:before,.ion-ios-at-outline:before,.ion-ios-barcode:before,.ion-ios-barcode-outline:before,.ion-ios-baseball:before,.ion-ios-baseball-outline:before,.ion-ios-basketball:before,.ion-ios-basketball-outline:before,.ion-ios-bell:before,.ion-ios-bell-outline:before,.ion-ios-body:before,.ion-ios-body-outline:before,.ion-ios-bolt:before,.ion-ios-bolt-outline:before,.ion-ios-book:before,.ion-ios-book-outline:before,.ion-ios-bookmarks:before,.ion-ios-bookmarks-outline:before,.ion-ios-box:before,.ion-ios-box-outline:before,.ion-ios-briefcase:before,.ion-ios-briefcase-outline:before,.ion-ios-browsers:before,.ion-ios-browsers-outline:before,.ion-ios-calculator:before,.ion-ios-calculator-outline:before,.ion-ios-calendar:before,.ion-ios-calendar-outline:before,.ion-ios-camera:before,.ion-ios-camera-outline:before,.ion-ios-cart:before,.ion-ios-cart-outline:before,.ion-ios-chatboxes:before,.ion-ios-chatboxes-outline:before,.ion-ios-chatbubble:before,.ion-ios-chatbubble-outline:before,.ion-ios-checkmark:before,.ion-ios-checkmark-empty:before,.ion-ios-checkmark-outline:before,.ion-ios-circle-filled:before,.ion-ios-circle-outline:before,.ion-ios-clock:before,.ion-ios-clock-outline:before,.ion-ios-close:before,.ion-ios-close-empty:before,.ion-ios-close-outline:before,.ion-ios-cloud:before,.ion-ios-cloud-download:before,.ion-ios-cloud-download-outline:before,.ion-ios-cloud-outline:before,.ion-ios-cloud-upload:before,.ion-ios-cloud-upload-outline:before,.ion-ios-cloudy:before,.ion-ios-cloudy-night:before,.ion-ios-cloudy-night-outline:before,.ion-ios-cloudy-outline:before,.ion-ios-cog:before,.ion-ios-cog-outline:before,.ion-ios-color-filter:before,.ion-ios-color-filter-outline:before,.ion-ios-color-wand:before,.ion-ios-color-wand-outline:before,.ion-ios-compose:before,.ion-ios-compose-outline:before,.ion-ios-contact:before,.ion-ios-contact-outline:before,.ion-ios-copy:before,.ion-ios-copy-outline:before,.ion-ios-crop:before,.ion-ios-crop-strong:before,.ion-ios-download:before,.ion-ios-download-outline:before,.ion-ios-drag:before,.ion-ios-email:before,.ion-ios-email-outline:before,.ion-ios-eye:before,.ion-ios-eye-outline:before,.ion-ios-fastforward:before,.ion-ios-fastforward-outline:before,.ion-ios-filing:before,.ion-ios-filing-outline:before,.ion-ios-film:before,.ion-ios-film-outline:before,.ion-ios-flag:before,.ion-ios-flag-outline:before,.ion-ios-flame:before,.ion-ios-flame-outline:before,.ion-ios-flask:before,.ion-ios-flask-outline:before,.ion-ios-flower:before,.ion-ios-flower-outline:before,.ion-ios-folder:before,.ion-ios-folder-outline:before,.ion-ios-football:before,.ion-ios-football-outline:before,.ion-ios-game-controller-a:before,.ion-ios-game-controller-a-outline:before,.ion-ios-game-controller-b:before,.ion-ios-game-controller-b-outline:before,.ion-ios-gear:before,.ion-ios-gear-outline:before,.ion-ios-glasses:before,.ion-ios-glasses-outline:before,.ion-ios-grid-view:before,.ion-ios-grid-view-outline:before,.ion-ios-heart:before,.ion-ios-heart-outline:before,.ion-ios-help:before,.ion-ios-help-empty:before,.ion-ios-help-outline:before,.ion-ios-home:before,.ion-ios-home-outline:before,.ion-ios-infinite:before,.ion-ios-infinite-outline:before,.ion-ios-information:before,.ion-ios-information-empty:before,.ion-ios-information-outline:before,.ion-ios-ionic-outline:before,.ion-ios-keypad:before,.ion-ios-keypad-outline:before,.ion-ios-lightbulb:before,.ion-ios-lightbulb-outline:before,.ion-ios-list:before,.ion-ios-list-outline:before,.ion-ios-location:before,.ion-ios-location-outline:before,.ion-ios-locked:before,.ion-ios-locked-outline:before,.ion-ios-loop:before,.ion-ios-loop-strong:before,.ion-ios-medical:before,.ion-ios-medical-outline:before,.ion-ios-medkit:before,.ion-ios-medkit-outline:before,.ion-ios-mic:before,.ion-ios-mic-off:before,.ion-ios-mic-outline:before,.ion-ios-minus:before,.ion-ios-minus-empty:before,.ion-ios-minus-outline:before,.ion-ios-monitor:before,.ion-ios-monitor-outline:before,.ion-ios-moon:before,.ion-ios-moon-outline:before,.ion-ios-more:before,.ion-ios-more-outline:before,.ion-ios-musical-note:before,.ion-ios-musical-notes:before,.ion-ios-navigate:before,.ion-ios-navigate-outline:before,.ion-ios-nutrition:before,.ion-ios-nutrition-outline:before,.ion-ios-paper:before,.ion-ios-paper-outline:before,.ion-ios-paperplane:before,.ion-ios-paperplane-outline:before,.ion-ios-partlysunny:before,.ion-ios-partlysunny-outline:before,.ion-ios-pause:before,.ion-ios-pause-outline:before,.ion-ios-paw:before,.ion-ios-paw-outline:before,.ion-ios-people:before,.ion-ios-people-outline:before,.ion-ios-person:before,.ion-ios-person-outline:before,.ion-ios-personadd:before,.ion-ios-personadd-outline:before,.ion-ios-photos:before,.ion-ios-photos-outline:before,.ion-ios-pie:before,.ion-ios-pie-outline:before,.ion-ios-pint:before,.ion-ios-pint-outline:before,.ion-ios-play:before,.ion-ios-play-outline:before,.ion-ios-plus:before,.ion-ios-plus-empty:before,.ion-ios-plus-outline:before,.ion-ios-pricetag:before,.ion-ios-pricetag-outline:before,.ion-ios-pricetags:before,.ion-ios-pricetags-outline:before,.ion-ios-printer:before,.ion-ios-printer-outline:before,.ion-ios-pulse:before,.ion-ios-pulse-strong:before,.ion-ios-rainy:before,.ion-ios-rainy-outline:before,.ion-ios-recording:before,.ion-ios-recording-outline:before,.ion-ios-redo:before,.ion-ios-redo-outline:before,.ion-ios-refresh:before,.ion-ios-refresh-empty:before,.ion-ios-refresh-outline:before,.ion-ios-reload:before,.ion-ios-reverse-camera:before,.ion-ios-reverse-camera-outline:before,.ion-ios-rewind:before,.ion-ios-rewind-outline:before,.ion-ios-rose:before,.ion-ios-rose-outline:before,.ion-ios-search:before,.ion-ios-search-strong:before,.ion-ios-settings:before,.ion-ios-settings-strong:before,.ion-ios-shuffle:before,.ion-ios-shuffle-strong:before,.ion-ios-skipbackward:before,.ion-ios-skipbackward-outline:before,.ion-ios-skipforward:before,.ion-ios-skipforward-outline:before,.ion-ios-snowy:before,.ion-ios-speedometer:before,.ion-ios-speedometer-outline:before,.ion-ios-star:before,.ion-ios-star-half:before,.ion-ios-star-outline:before,.ion-ios-stopwatch:before,.ion-ios-stopwatch-outline:before,.ion-ios-sunny:before,.ion-ios-sunny-outline:before,.ion-ios-telephone:before,.ion-ios-telephone-outline:before,.ion-ios-tennisball:before,.ion-ios-tennisball-outline:before,.ion-ios-thunderstorm:before,.ion-ios-thunderstorm-outline:before,.ion-ios-time:before,.ion-ios-time-outline:before,.ion-ios-timer:before,.ion-ios-timer-outline:before,.ion-ios-toggle:before,.ion-ios-toggle-outline:before,.ion-ios-trash:before,.ion-ios-trash-outline:before,.ion-ios-undo:before,.ion-ios-undo-outline:before,.ion-ios-unlocked:before,.ion-ios-unlocked-outline:before,.ion-ios-upload:before,.ion-ios-upload-outline:before,.ion-ios-videocam:before,.ion-ios-videocam-outline:before,.ion-ios-volume-high:before,.ion-ios-volume-low:before,.ion-ios-wineglass:before,.ion-ios-wineglass-outline:before,.ion-ios-world:before,.ion-ios-world-outline:before,.ion-ipad:before,.ion-iphone:before,.ion-ipod:before,.ion-jet:before,.ion-key:before,.ion-knife:before,.ion-laptop:before,.ion-leaf:before,.ion-levels:before,.ion-lightbulb:before,.ion-link:before,.ion-load-a:before,.ion-load-b:before,.ion-load-c:before,.ion-load-d:before,.ion-location:before,.ion-lock-combination:before,.ion-locked:before,.ion-log-in:before,.ion-log-out:before,.ion-loop:before,.ion-magnet:before,.ion-male:before,.ion-man:before,.ion-map:before,.ion-medkit:before,.ion-merge:before,.ion-mic-a:before,.ion-mic-b:before,.ion-mic-c:before,.ion-minus:before,.ion-minus-circled:before,.ion-minus-round:before,.ion-model-s:before,.ion-monitor:before,.ion-more:before,.ion-mouse:before,.ion-music-note:before,.ion-navicon:before,.ion-navicon-round:before,.ion-navigate:before,.ion-network:before,.ion-no-smoking:before,.ion-nuclear:before,.ion-outlet:before,.ion-paintbrush:before,.ion-paintbucket:before,.ion-paper-airplane:before,.ion-paperclip:before,.ion-pause:before,.ion-person:before,.ion-person-add:before,.ion-person-stalker:before,.ion-pie-graph:before,.ion-pin:before,.ion-pinpoint:before,.ion-pizza:before,.ion-plane:before,.ion-planet:before,.ion-play:before,.ion-playstation:before,.ion-plus:before,.ion-plus-circled:before,.ion-plus-round:before,.ion-podium:before,.ion-pound:before,.ion-power:before,.ion-pricetag:before,.ion-pricetags:before,.ion-printer:before,.ion-pull-request:before,.ion-qr-scanner:before,.ion-quote:before,.ion-radio-waves:before,.ion-record:before,.ion-refresh:before,.ion-reply:before,.ion-reply-all:before,.ion-ribbon-a:before,.ion-ribbon-b:before,.ion-sad:before,.ion-sad-outline:before,.ion-scissors:before,.ion-search:before,.ion-settings:before,.ion-share:before,.ion-shuffle:before,.ion-skip-backward:before,.ion-skip-forward:before,.ion-social-android:before,.ion-social-android-outline:before,.ion-social-angular:before,.ion-social-angular-outline:before,.ion-social-apple:before,.ion-social-apple-outline:before,.ion-social-bitcoin:before,.ion-social-bitcoin-outline:before,.ion-social-buffer:before,.ion-social-buffer-outline:before,.ion-social-chrome:before,.ion-social-chrome-outline:before,.ion-social-codepen:before,.ion-social-codepen-outline:before,.ion-social-css3:before,.ion-social-css3-outline:before,.ion-social-designernews:before,.ion-social-designernews-outline:before,.ion-social-dribbble:before,.ion-social-dribbble-outline:before,.ion-social-dropbox:before,.ion-social-dropbox-outline:before,.ion-social-euro:before,.ion-social-euro-outline:before,.ion-social-facebook:before,.ion-social-facebook-outline:before,.ion-social-foursquare:before,.ion-social-foursquare-outline:before,.ion-social-freebsd-devil:before,.ion-social-github:before,.ion-social-github-outline:before,.ion-social-google:before,.ion-social-google-outline:before,.ion-social-googleplus:before,.ion-social-googleplus-outline:before,.ion-social-hackernews:before,.ion-social-hackernews-outline:before,.ion-social-html5:before,.ion-social-html5-outline:before,.ion-social-instagram:before,.ion-social-instagram-outline:before,.ion-social-javascript:before,.ion-social-javascript-outline:before,.ion-social-linkedin:before,.ion-social-linkedin-outline:before,.ion-social-markdown:before,.ion-social-nodejs:before,.ion-social-octocat:before,.ion-social-pinterest:before,.ion-social-pinterest-outline:before,.ion-social-python:before,.ion-social-reddit:before,.ion-social-reddit-outline:before,.ion-social-rss:before,.ion-social-rss-outline:before,.ion-social-sass:before,.ion-social-skype:before,.ion-social-skype-outline:before,.ion-social-snapchat:before,.ion-social-snapchat-outline:before,.ion-social-tumblr:before,.ion-social-tumblr-outline:before,.ion-social-tux:before,.ion-social-twitch:before,.ion-social-twitch-outline:before,.ion-social-twitter:before,.ion-social-twitter-outline:before,.ion-social-usd:before,.ion-social-usd-outline:before,.ion-social-vimeo:before,.ion-social-vimeo-outline:before,.ion-social-whatsapp:before,.ion-social-whatsapp-outline:before,.ion-social-windows:before,.ion-social-windows-outline:before,.ion-social-wordpress:before,.ion-social-wordpress-outline:before,.ion-social-yahoo:before,.ion-social-yahoo-outline:before,.ion-social-yen:before,.ion-social-yen-outline:before,.ion-social-youtube:before,.ion-social-youtube-outline:before,.ion-soup-can:before,.ion-soup-can-outline:before,.ion-speakerphone:before,.ion-speedometer:before,.ion-spoon:before,.ion-star:before,.ion-stats-bars:before,.ion-steam:before,.ion-stop:before,.ion-thermometer:before,.ion-thumbsdown:before,.ion-thumbsup:before,.ion-toggle:before,.ion-toggle-filled:before,.ion-transgender:before,.ion-trash-a:before,.ion-trash-b:before,.ion-trophy:before,.ion-tshirt:before,.ion-tshirt-outline:before,.ion-umbrella:before,.ion-university:before,.ion-unlocked:before,.ion-upload:before,.ion-usb:before,.ion-videocamera:before,.ion-volume-high:before,.ion-volume-low:before,.ion-volume-medium:before,.ion-volume-mute:before,.ion-wand:before,.ion-waterdrop:before,.ion-wifi:before,.ion-wineglass:before,.ion-woman:before,.ion-wrench:before,.ion-xbox:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-alert:before{content:"\F101"}.ion-alert-circled:before{content:"\F100"}.ion-android-add:before{content:"\F2C7"}.ion-android-add-circle:before{content:"\F359"}.ion-android-alarm-clock:before{content:"\F35A"}.ion-android-alert:before{content:"\F35B"}.ion-android-apps:before{content:"\F35C"}.ion-android-archive:before{content:"\F2C9"}.ion-android-arrow-back:before{content:"\F2CA"}.ion-android-arrow-down:before{content:"\F35D"}.ion-android-arrow-dropdown:before{content:"\F35F"}.ion-android-arrow-dropdown-circle:before{content:"\F35E"}.ion-android-arrow-dropleft:before{content:"\F361"}.ion-android-arrow-dropleft-circle:before{content:"\F360"}.ion-android-arrow-dropright:before{content:"\F363"}.ion-android-arrow-dropright-circle:before{content:"\F362"}.ion-android-arrow-dropup:before{content:"\F365"}.ion-android-arrow-dropup-circle:before{content:"\F364"}.ion-android-arrow-forward:before{content:"\F30F"}.ion-android-arrow-up:before{content:"\F366"}.ion-android-attach:before{content:"\F367"}.ion-android-bar:before{content:"\F368"}.ion-android-bicycle:before{content:"\F369"}.ion-android-boat:before{content:"\F36A"}.ion-android-bookmark:before{content:"\F36B"}.ion-android-bulb:before{content:"\F36C"}.ion-android-bus:before{content:"\F36D"}.ion-android-calendar:before{content:"\F2D1"}.ion-android-call:before{content:"\F2D2"}.ion-android-camera:before{content:"\F2D3"}.ion-android-cancel:before{content:"\F36E"}.ion-android-car:before{content:"\F36F"}.ion-android-cart:before{content:"\F370"}.ion-android-chat:before{content:"\F2D4"}.ion-android-checkbox:before{content:"\F374"}.ion-android-checkbox-blank:before{content:"\F371"}.ion-android-checkbox-outline:before{content:"\F373"}.ion-android-checkbox-outline-blank:before{content:"\F372"}.ion-android-checkmark-circle:before{content:"\F375"}.ion-android-clipboard:before{content:"\F376"}.ion-android-close:before{content:"\F2D7"}.ion-android-cloud:before{content:"\F37A"}.ion-android-cloud-circle:before{content:"\F377"}.ion-android-cloud-done:before{content:"\F378"}.ion-android-cloud-outline:before{content:"\F379"}.ion-android-color-palette:before{content:"\F37B"}.ion-android-compass:before{content:"\F37C"}.ion-android-contact:before{content:"\F2D8"}.ion-android-contacts:before{content:"\F2D9"}.ion-android-contract:before{content:"\F37D"}.ion-android-create:before{content:"\F37E"}.ion-android-delete:before{content:"\F37F"}.ion-android-desktop:before{content:"\F380"}.ion-android-document:before{content:"\F381"}.ion-android-done:before{content:"\F383"}.ion-android-done-all:before{content:"\F382"}.ion-android-download:before{content:"\F2DD"}.ion-android-drafts:before{content:"\F384"}.ion-android-exit:before{content:"\F385"}.ion-android-expand:before{content:"\F386"}.ion-android-favorite:before{content:"\F388"}.ion-android-favorite-outline:before{content:"\F387"}.ion-android-film:before{content:"\F389"}.ion-android-folder:before{content:"\F2E0"}.ion-android-folder-open:before{content:"\F38A"}.ion-android-funnel:before{content:"\F38B"}.ion-android-globe:before{content:"\F38C"}.ion-android-hand:before{content:"\F2E3"}.ion-android-hangout:before{content:"\F38D"}.ion-android-happy:before{content:"\F38E"}.ion-android-home:before{content:"\F38F"}.ion-android-image:before{content:"\F2E4"}.ion-android-laptop:before{content:"\F390"}.ion-android-list:before{content:"\F391"}.ion-android-locate:before{content:"\F2E9"}.ion-android-lock:before{content:"\F392"}.ion-android-mail:before{content:"\F2EB"}.ion-android-map:before{content:"\F393"}.ion-android-menu:before{content:"\F394"}.ion-android-microphone:before{content:"\F2EC"}.ion-android-microphone-off:before{content:"\F395"}.ion-android-more-horizontal:before{content:"\F396"}.ion-android-more-vertical:before{content:"\F397"}.ion-android-navigate:before{content:"\F398"}.ion-android-notifications:before{content:"\F39B"}.ion-android-notifications-none:before{content:"\F399"}.ion-android-notifications-off:before{content:"\F39A"}.ion-android-open:before{content:"\F39C"}.ion-android-options:before{content:"\F39D"}.ion-android-people:before{content:"\F39E"}.ion-android-person:before{content:"\F3A0"}.ion-android-person-add:before{content:"\F39F"}.ion-android-phone-landscape:before{content:"\F3A1"}.ion-android-phone-portrait:before{content:"\F3A2"}.ion-android-pin:before{content:"\F3A3"}.ion-android-plane:before{content:"\F3A4"}.ion-android-playstore:before{content:"\F2F0"}.ion-android-print:before{content:"\F3A5"}.ion-android-radio-button-off:before{content:"\F3A6"}.ion-android-radio-button-on:before{content:"\F3A7"}.ion-android-refresh:before{content:"\F3A8"}.ion-android-remove:before{content:"\F2F4"}.ion-android-remove-circle:before{content:"\F3A9"}.ion-android-restaurant:before{content:"\F3AA"}.ion-android-sad:before{content:"\F3AB"}.ion-android-search:before{content:"\F2F5"}.ion-android-send:before{content:"\F2F6"}.ion-android-settings:before{content:"\F2F7"}.ion-android-share:before{content:"\F2F8"}.ion-android-share-alt:before{content:"\F3AC"}.ion-android-star:before{content:"\F2FC"}.ion-android-star-half:before{content:"\F3AD"}.ion-android-star-outline:before{content:"\F3AE"}.ion-android-stopwatch:before{content:"\F2FD"}.ion-android-subway:before{content:"\F3AF"}.ion-android-sunny:before{content:"\F3B0"}.ion-android-sync:before{content:"\F3B1"}.ion-android-textsms:before{content:"\F3B2"}.ion-android-time:before{content:"\F3B3"}.ion-android-train:before{content:"\F3B4"}.ion-android-unlock:before{content:"\F3B5"}.ion-android-upload:before{content:"\F3B6"}.ion-android-volume-down:before{content:"\F3B7"}.ion-android-volume-mute:before{content:"\F3B8"}.ion-android-volume-off:before{content:"\F3B9"}.ion-android-volume-up:before{content:"\F3BA"}.ion-android-walk:before{content:"\F3BB"}.ion-android-warning:before{content:"\F3BC"}.ion-android-watch:before{content:"\F3BD"}.ion-android-wifi:before{content:"\F305"}.ion-aperture:before{content:"\F313"}.ion-archive:before{content:"\F102"}.ion-arrow-down-a:before{content:"\F103"}.ion-arrow-down-b:before{content:"\F104"}.ion-arrow-down-c:before{content:"\F105"}.ion-arrow-expand:before{content:"\F25E"}.ion-arrow-graph-down-left:before{content:"\F25F"}.ion-arrow-graph-down-right:before{content:"\F260"}.ion-arrow-graph-up-left:before{content:"\F261"}.ion-arrow-graph-up-right:before{content:"\F262"}.ion-arrow-left-a:before{content:"\F106"}.ion-arrow-left-b:before{content:"\F107"}.ion-arrow-left-c:before{content:"\F108"}.ion-arrow-move:before{content:"\F263"}.ion-arrow-resize:before{content:"\F264"}.ion-arrow-return-left:before{content:"\F265"}.ion-arrow-return-right:before{content:"\F266"}.ion-arrow-right-a:before{content:"\F109"}.ion-arrow-right-b:before{content:"\F10A"}.ion-arrow-right-c:before{content:"\F10B"}.ion-arrow-shrink:before{content:"\F267"}.ion-arrow-swap:before{content:"\F268"}.ion-arrow-up-a:before{content:"\F10C"}.ion-arrow-up-b:before{content:"\F10D"}.ion-arrow-up-c:before{content:"\F10E"}.ion-asterisk:before{content:"\F314"}.ion-at:before{content:"\F10F"}.ion-backspace:before{content:"\F3BF"}.ion-backspace-outline:before{content:"\F3BE"}.ion-bag:before{content:"\F110"}.ion-battery-charging:before{content:"\F111"}.ion-battery-empty:before{content:"\F112"}.ion-battery-full:before{content:"\F113"}.ion-battery-half:before{content:"\F114"}.ion-battery-low:before{content:"\F115"}.ion-beaker:before{content:"\F269"}.ion-beer:before{content:"\F26A"}.ion-bluetooth:before{content:"\F116"}.ion-bonfire:before{content:"\F315"}.ion-bookmark:before{content:"\F26B"}.ion-bowtie:before{content:"\F3C0"}.ion-briefcase:before{content:"\F26C"}.ion-bug:before{content:"\F2BE"}.ion-calculator:before{content:"\F26D"}.ion-calendar:before{content:"\F117"}.ion-camera:before{content:"\F118"}.ion-card:before{content:"\F119"}.ion-cash:before{content:"\F316"}.ion-chatbox:before{content:"\F11B"}.ion-chatbox-working:before{content:"\F11A"}.ion-chatboxes:before{content:"\F11C"}.ion-chatbubble:before{content:"\F11E"}.ion-chatbubble-working:before{content:"\F11D"}.ion-chatbubbles:before{content:"\F11F"}.ion-checkmark:before{content:"\F122"}.ion-checkmark-circled:before{content:"\F120"}.ion-checkmark-round:before{content:"\F121"}.ion-chevron-down:before{content:"\F123"}.ion-chevron-left:before{content:"\F124"}.ion-chevron-right:before{content:"\F125"}.ion-chevron-up:before{content:"\F126"}.ion-clipboard:before{content:"\F127"}.ion-clock:before{content:"\F26E"}.ion-close:before{content:"\F12A"}.ion-close-circled:before{content:"\F128"}.ion-close-round:before{content:"\F129"}.ion-closed-captioning:before{content:"\F317"}.ion-cloud:before{content:"\F12B"}.ion-code:before{content:"\F271"}.ion-code-download:before{content:"\F26F"}.ion-code-working:before{content:"\F270"}.ion-coffee:before{content:"\F272"}.ion-compass:before{content:"\F273"}.ion-compose:before{content:"\F12C"}.ion-connection-bars:before{content:"\F274"}.ion-contrast:before{content:"\F275"}.ion-crop:before{content:"\F3C1"}.ion-cube:before{content:"\F318"}.ion-disc:before{content:"\F12D"}.ion-document:before{content:"\F12F"}.ion-document-text:before{content:"\F12E"}.ion-drag:before{content:"\F130"}.ion-earth:before{content:"\F276"}.ion-easel:before{content:"\F3C2"}.ion-edit:before{content:"\F2BF"}.ion-egg:before{content:"\F277"}.ion-eject:before{content:"\F131"}.ion-email:before{content:"\F132"}.ion-email-unread:before{content:"\F3C3"}.ion-erlenmeyer-flask:before{content:"\F3C5"}.ion-erlenmeyer-flask-bubbles:before{content:"\F3C4"}.ion-eye:before{content:"\F133"}.ion-eye-disabled:before{content:"\F306"}.ion-female:before{content:"\F278"}.ion-filing:before{content:"\F134"}.ion-film-marker:before{content:"\F135"}.ion-fireball:before{content:"\F319"}.ion-flag:before{content:"\F279"}.ion-flame:before{content:"\F31A"}.ion-flash:before{content:"\F137"}.ion-flash-off:before{content:"\F136"}.ion-folder:before{content:"\F139"}.ion-fork:before{content:"\F27A"}.ion-fork-repo:before{content:"\F2C0"}.ion-forward:before{content:"\F13A"}.ion-funnel:before{content:"\F31B"}.ion-gear-a:before{content:"\F13D"}.ion-gear-b:before{content:"\F13E"}.ion-grid:before{content:"\F13F"}.ion-hammer:before{content:"\F27B"}.ion-happy:before{content:"\F31C"}.ion-happy-outline:before{content:"\F3C6"}.ion-headphone:before{content:"\F140"}.ion-heart:before{content:"\F141"}.ion-heart-broken:before{content:"\F31D"}.ion-help:before{content:"\F143"}.ion-help-buoy:before{content:"\F27C"}.ion-help-circled:before{content:"\F142"}.ion-home:before{content:"\F144"}.ion-icecream:before{content:"\F27D"}.ion-image:before{content:"\F147"}.ion-images:before{content:"\F148"}.ion-information:before{content:"\F14A"}.ion-information-circled:before{content:"\F149"}.ion-ionic:before{content:"\F14B"}.ion-ios-alarm:before{content:"\F3C8"}.ion-ios-alarm-outline:before{content:"\F3C7"}.ion-ios-albums:before{content:"\F3CA"}.ion-ios-albums-outline:before{content:"\F3C9"}.ion-ios-americanfootball:before{content:"\F3CC"}.ion-ios-americanfootball-outline:before{content:"\F3CB"}.ion-ios-analytics:before{content:"\F3CE"}.ion-ios-analytics-outline:before{content:"\F3CD"}.ion-ios-arrow-back:before{content:"\F3CF"}.ion-ios-arrow-down:before{content:"\F3D0"}.ion-ios-arrow-forward:before{content:"\F3D1"}.ion-ios-arrow-left:before{content:"\F3D2"}.ion-ios-arrow-right:before{content:"\F3D3"}.ion-ios-arrow-thin-down:before{content:"\F3D4"}.ion-ios-arrow-thin-left:before{content:"\F3D5"}.ion-ios-arrow-thin-right:before{content:"\F3D6"}.ion-ios-arrow-thin-up:before{content:"\F3D7"}.ion-ios-arrow-up:before{content:"\F3D8"}.ion-ios-at:before{content:"\F3DA"}.ion-ios-at-outline:before{content:"\F3D9"}.ion-ios-barcode:before{content:"\F3DC"}.ion-ios-barcode-outline:before{content:"\F3DB"}.ion-ios-baseball:before{content:"\F3DE"}.ion-ios-baseball-outline:before{content:"\F3DD"}.ion-ios-basketball:before{content:"\F3E0"}.ion-ios-basketball-outline:before{content:"\F3DF"}.ion-ios-bell:before{content:"\F3E2"}.ion-ios-bell-outline:before{content:"\F3E1"}.ion-ios-body:before{content:"\F3E4"}.ion-ios-body-outline:before{content:"\F3E3"}.ion-ios-bolt:before{content:"\F3E6"}.ion-ios-bolt-outline:before{content:"\F3E5"}.ion-ios-book:before{content:"\F3E8"}.ion-ios-book-outline:before{content:"\F3E7"}.ion-ios-bookmarks:before{content:"\F3EA"}.ion-ios-bookmarks-outline:before{content:"\F3E9"}.ion-ios-box:before{content:"\F3EC"}.ion-ios-box-outline:before{content:"\F3EB"}.ion-ios-briefcase:before{content:"\F3EE"}.ion-ios-briefcase-outline:before{content:"\F3ED"}.ion-ios-browsers:before{content:"\F3F0"}.ion-ios-browsers-outline:before{content:"\F3EF"}.ion-ios-calculator:before{content:"\F3F2"}.ion-ios-calculator-outline:before{content:"\F3F1"}.ion-ios-calendar:before{content:"\F3F4"}.ion-ios-calendar-outline:before{content:"\F3F3"}.ion-ios-camera:before{content:"\F3F6"}.ion-ios-camera-outline:before{content:"\F3F5"}.ion-ios-cart:before{content:"\F3F8"}.ion-ios-cart-outline:before{content:"\F3F7"}.ion-ios-chatboxes:before{content:"\F3FA"}.ion-ios-chatboxes-outline:before{content:"\F3F9"}.ion-ios-chatbubble:before{content:"\F3FC"}.ion-ios-chatbubble-outline:before{content:"\F3FB"}.ion-ios-checkmark:before{content:"\F3FF"}.ion-ios-checkmark-empty:before{content:"\F3FD"}.ion-ios-checkmark-outline:before{content:"\F3FE"}.ion-ios-circle-filled:before{content:"\F400"}.ion-ios-circle-outline:before{content:"\F401"}.ion-ios-clock:before{content:"\F403"}.ion-ios-clock-outline:before{content:"\F402"}.ion-ios-close:before{content:"\F406"}.ion-ios-close-empty:before{content:"\F404"}.ion-ios-close-outline:before{content:"\F405"}.ion-ios-cloud:before{content:"\F40C"}.ion-ios-cloud-download:before{content:"\F408"}.ion-ios-cloud-download-outline:before{content:"\F407"}.ion-ios-cloud-outline:before{content:"\F409"}.ion-ios-cloud-upload:before{content:"\F40B"}.ion-ios-cloud-upload-outline:before{content:"\F40A"}.ion-ios-cloudy:before{content:"\F410"}.ion-ios-cloudy-night:before{content:"\F40E"}.ion-ios-cloudy-night-outline:before{content:"\F40D"}.ion-ios-cloudy-outline:before{content:"\F40F"}.ion-ios-cog:before{content:"\F412"}.ion-ios-cog-outline:before{content:"\F411"}.ion-ios-color-filter:before{content:"\F414"}.ion-ios-color-filter-outline:before{content:"\F413"}.ion-ios-color-wand:before{content:"\F416"}.ion-ios-color-wand-outline:before{content:"\F415"}.ion-ios-compose:before{content:"\F418"}.ion-ios-compose-outline:before{content:"\F417"}.ion-ios-contact:before{content:"\F41A"}.ion-ios-contact-outline:before{content:"\F419"}.ion-ios-copy:before{content:"\F41C"}.ion-ios-copy-outline:before{content:"\F41B"}.ion-ios-crop:before{content:"\F41E"}.ion-ios-crop-strong:before{content:"\F41D"}.ion-ios-download:before{content:"\F420"}.ion-ios-download-outline:before{content:"\F41F"}.ion-ios-drag:before{content:"\F421"}.ion-ios-email:before{content:"\F423"}.ion-ios-email-outline:before{content:"\F422"}.ion-ios-eye:before{content:"\F425"}.ion-ios-eye-outline:before{content:"\F424"}.ion-ios-fastforward:before{content:"\F427"}.ion-ios-fastforward-outline:before{content:"\F426"}.ion-ios-filing:before{content:"\F429"}.ion-ios-filing-outline:before{content:"\F428"}.ion-ios-film:before{content:"\F42B"}.ion-ios-film-outline:before{content:"\F42A"}.ion-ios-flag:before{content:"\F42D"}.ion-ios-flag-outline:before{content:"\F42C"}.ion-ios-flame:before{content:"\F42F"}.ion-ios-flame-outline:before{content:"\F42E"}.ion-ios-flask:before{content:"\F431"}.ion-ios-flask-outline:before{content:"\F430"}.ion-ios-flower:before{content:"\F433"}.ion-ios-flower-outline:before{content:"\F432"}.ion-ios-folder:before{content:"\F435"}.ion-ios-folder-outline:before{content:"\F434"}.ion-ios-football:before{content:"\F437"}.ion-ios-football-outline:before{content:"\F436"}.ion-ios-game-controller-a:before{content:"\F439"}.ion-ios-game-controller-a-outline:before{content:"\F438"}.ion-ios-game-controller-b:before{content:"\F43B"}.ion-ios-game-controller-b-outline:before{content:"\F43A"}.ion-ios-gear:before{content:"\F43D"}.ion-ios-gear-outline:before{content:"\F43C"}.ion-ios-glasses:before{content:"\F43F"}.ion-ios-glasses-outline:before{content:"\F43E"}.ion-ios-grid-view:before{content:"\F441"}.ion-ios-grid-view-outline:before{content:"\F440"}.ion-ios-heart:before{content:"\F443"}.ion-ios-heart-outline:before{content:"\F442"}.ion-ios-help:before{content:"\F446"}.ion-ios-help-empty:before{content:"\F444"}.ion-ios-help-outline:before{content:"\F445"}.ion-ios-home:before{content:"\F448"}.ion-ios-home-outline:before{content:"\F447"}.ion-ios-infinite:before{content:"\F44A"}.ion-ios-infinite-outline:before{content:"\F449"}.ion-ios-information:before{content:"\F44D"}.ion-ios-information-empty:before{content:"\F44B"}.ion-ios-information-outline:before{content:"\F44C"}.ion-ios-ionic-outline:before{content:"\F44E"}.ion-ios-keypad:before{content:"\F450"}.ion-ios-keypad-outline:before{content:"\F44F"}.ion-ios-lightbulb:before{content:"\F452"}.ion-ios-lightbulb-outline:before{content:"\F451"}.ion-ios-list:before{content:"\F454"}.ion-ios-list-outline:before{content:"\F453"}.ion-ios-location:before{content:"\F456"}.ion-ios-location-outline:before{content:"\F455"}.ion-ios-locked:before{content:"\F458"}.ion-ios-locked-outline:before{content:"\F457"}.ion-ios-loop:before{content:"\F45A"}.ion-ios-loop-strong:before{content:"\F459"}.ion-ios-medical:before{content:"\F45C"}.ion-ios-medical-outline:before{content:"\F45B"}.ion-ios-medkit:before{content:"\F45E"}.ion-ios-medkit-outline:before{content:"\F45D"}.ion-ios-mic:before{content:"\F461"}.ion-ios-mic-off:before{content:"\F45F"}.ion-ios-mic-outline:before{content:"\F460"}.ion-ios-minus:before{content:"\F464"}.ion-ios-minus-empty:before{content:"\F462"}.ion-ios-minus-outline:before{content:"\F463"}.ion-ios-monitor:before{content:"\F466"}.ion-ios-monitor-outline:before{content:"\F465"}.ion-ios-moon:before{content:"\F468"}.ion-ios-moon-outline:before{content:"\F467"}.ion-ios-more:before{content:"\F46A"}.ion-ios-more-outline:before{content:"\F469"}.ion-ios-musical-note:before{content:"\F46B"}.ion-ios-musical-notes:before{content:"\F46C"}.ion-ios-navigate:before{content:"\F46E"}.ion-ios-navigate-outline:before{content:"\F46D"}.ion-ios-nutrition:before{content:"\F470"}.ion-ios-nutrition-outline:before{content:"\F46F"}.ion-ios-paper:before{content:"\F472"}.ion-ios-paper-outline:before{content:"\F471"}.ion-ios-paperplane:before{content:"\F474"}.ion-ios-paperplane-outline:before{content:"\F473"}.ion-ios-partlysunny:before{content:"\F476"}.ion-ios-partlysunny-outline:before{content:"\F475"}.ion-ios-pause:before{content:"\F478"}.ion-ios-pause-outline:before{content:"\F477"}.ion-ios-paw:before{content:"\F47A"}.ion-ios-paw-outline:before{content:"\F479"}.ion-ios-people:before{content:"\F47C"}.ion-ios-people-outline:before{content:"\F47B"}.ion-ios-person:before{content:"\F47E"}.ion-ios-person-outline:before{content:"\F47D"}.ion-ios-personadd:before{content:"\F480"}.ion-ios-personadd-outline:before{content:"\F47F"}.ion-ios-photos:before{content:"\F482"}.ion-ios-photos-outline:before{content:"\F481"}.ion-ios-pie:before{content:"\F484"}.ion-ios-pie-outline:before{content:"\F483"}.ion-ios-pint:before{content:"\F486"}.ion-ios-pint-outline:before{content:"\F485"}.ion-ios-play:before{content:"\F488"}.ion-ios-play-outline:before{content:"\F487"}.ion-ios-plus:before{content:"\F48B"}.ion-ios-plus-empty:before{content:"\F489"}.ion-ios-plus-outline:before{content:"\F48A"}.ion-ios-pricetag:before{content:"\F48D"}.ion-ios-pricetag-outline:before{content:"\F48C"}.ion-ios-pricetags:before{content:"\F48F"}.ion-ios-pricetags-outline:before{content:"\F48E"}.ion-ios-printer:before{content:"\F491"}.ion-ios-printer-outline:before{content:"\F490"}.ion-ios-pulse:before{content:"\F493"}.ion-ios-pulse-strong:before{content:"\F492"}.ion-ios-rainy:before{content:"\F495"}.ion-ios-rainy-outline:before{content:"\F494"}.ion-ios-recording:before{content:"\F497"}.ion-ios-recording-outline:before{content:"\F496"}.ion-ios-redo:before{content:"\F499"}.ion-ios-redo-outline:before{content:"\F498"}.ion-ios-refresh:before{content:"\F49C"}.ion-ios-refresh-empty:before{content:"\F49A"}.ion-ios-refresh-outline:before{content:"\F49B"}.ion-ios-reload:before{content:"\F49D"}.ion-ios-reverse-camera:before{content:"\F49F"}.ion-ios-reverse-camera-outline:before{content:"\F49E"}.ion-ios-rewind:before{content:"\F4A1"}.ion-ios-rewind-outline:before{content:"\F4A0"}.ion-ios-rose:before{content:"\F4A3"}.ion-ios-rose-outline:before{content:"\F4A2"}.ion-ios-search:before{content:"\F4A5"}.ion-ios-search-strong:before{content:"\F4A4"}.ion-ios-settings:before{content:"\F4A7"}.ion-ios-settings-strong:before{content:"\F4A6"}.ion-ios-shuffle:before{content:"\F4A9"}.ion-ios-shuffle-strong:before{content:"\F4A8"}.ion-ios-skipbackward:before{content:"\F4AB"}.ion-ios-skipbackward-outline:before{content:"\F4AA"}.ion-ios-skipforward:before{content:"\F4AD"}.ion-ios-skipforward-outline:before{content:"\F4AC"}.ion-ios-snowy:before{content:"\F4AE"}.ion-ios-speedometer:before{content:"\F4B0"}.ion-ios-speedometer-outline:before{content:"\F4AF"}.ion-ios-star:before{content:"\F4B3"}.ion-ios-star-half:before{content:"\F4B1"}.ion-ios-star-outline:before{content:"\F4B2"}.ion-ios-stopwatch:before{content:"\F4B5"}.ion-ios-stopwatch-outline:before{content:"\F4B4"}.ion-ios-sunny:before{content:"\F4B7"}.ion-ios-sunny-outline:before{content:"\F4B6"}.ion-ios-telephone:before{content:"\F4B9"}.ion-ios-telephone-outline:before{content:"\F4B8"}.ion-ios-tennisball:before{content:"\F4BB"}.ion-ios-tennisball-outline:before{content:"\F4BA"}.ion-ios-thunderstorm:before{content:"\F4BD"}.ion-ios-thunderstorm-outline:before{content:"\F4BC"}.ion-ios-time:before{content:"\F4BF"}.ion-ios-time-outline:before{content:"\F4BE"}.ion-ios-timer:before{content:"\F4C1"}.ion-ios-timer-outline:before{content:"\F4C0"}.ion-ios-toggle:before{content:"\F4C3"}.ion-ios-toggle-outline:before{content:"\F4C2"}.ion-ios-trash:before{content:"\F4C5"}.ion-ios-trash-outline:before{content:"\F4C4"}.ion-ios-undo:before{content:"\F4C7"}.ion-ios-undo-outline:before{content:"\F4C6"}.ion-ios-unlocked:before{content:"\F4C9"}.ion-ios-unlocked-outline:before{content:"\F4C8"}.ion-ios-upload:before{content:"\F4CB"}.ion-ios-upload-outline:before{content:"\F4CA"}.ion-ios-videocam:before{content:"\F4CD"}.ion-ios-videocam-outline:before{content:"\F4CC"}.ion-ios-volume-high:before{content:"\F4CE"}.ion-ios-volume-low:before{content:"\F4CF"}.ion-ios-wineglass:before{content:"\F4D1"}.ion-ios-wineglass-outline:before{content:"\F4D0"}.ion-ios-world:before{content:"\F4D3"}.ion-ios-world-outline:before{content:"\F4D2"}.ion-ipad:before{content:"\F1F9"}.ion-iphone:before{content:"\F1FA"}.ion-ipod:before{content:"\F1FB"}.ion-jet:before{content:"\F295"}.ion-key:before{content:"\F296"}.ion-knife:before{content:"\F297"}.ion-laptop:before{content:"\F1FC"}.ion-leaf:before{content:"\F1FD"}.ion-levels:before{content:"\F298"}.ion-lightbulb:before{content:"\F299"}.ion-link:before{content:"\F1FE"}.ion-load-a:before{content:"\F29A"}.ion-load-b:before{content:"\F29B"}.ion-load-c:before{content:"\F29C"}.ion-load-d:before{content:"\F29D"}.ion-location:before{content:"\F1FF"}.ion-lock-combination:before{content:"\F4D4"}.ion-locked:before{content:"\F200"}.ion-log-in:before{content:"\F29E"}.ion-log-out:before{content:"\F29F"}.ion-loop:before{content:"\F201"}.ion-magnet:before{content:"\F2A0"}.ion-male:before{content:"\F2A1"}.ion-man:before{content:"\F202"}.ion-map:before{content:"\F203"}.ion-medkit:before{content:"\F2A2"}.ion-merge:before{content:"\F33F"}.ion-mic-a:before{content:"\F204"}.ion-mic-b:before{content:"\F205"}.ion-mic-c:before{content:"\F206"}.ion-minus:before{content:"\F209"}.ion-minus-circled:before{content:"\F207"}.ion-minus-round:before{content:"\F208"}.ion-model-s:before{content:"\F2C1"}.ion-monitor:before{content:"\F20A"}.ion-more:before{content:"\F20B"}.ion-mouse:before{content:"\F340"}.ion-music-note:before{content:"\F20C"}.ion-navicon:before{content:"\F20E"}.ion-navicon-round:before{content:"\F20D"}.ion-navigate:before{content:"\F2A3"}.ion-network:before{content:"\F341"}.ion-no-smoking:before{content:"\F2C2"}.ion-nuclear:before{content:"\F2A4"}.ion-outlet:before{content:"\F342"}.ion-paintbrush:before{content:"\F4D5"}.ion-paintbucket:before{content:"\F4D6"}.ion-paper-airplane:before{content:"\F2C3"}.ion-paperclip:before{content:"\F20F"}.ion-pause:before{content:"\F210"}.ion-person:before{content:"\F213"}.ion-person-add:before{content:"\F211"}.ion-person-stalker:before{content:"\F212"}.ion-pie-graph:before{content:"\F2A5"}.ion-pin:before{content:"\F2A6"}.ion-pinpoint:before{content:"\F2A7"}.ion-pizza:before{content:"\F2A8"}.ion-plane:before{content:"\F214"}.ion-planet:before{content:"\F343"}.ion-play:before{content:"\F215"}.ion-playstation:before{content:"\F30A"}.ion-plus:before{content:"\F218"}.ion-plus-circled:before{content:"\F216"}.ion-plus-round:before{content:"\F217"}.ion-podium:before{content:"\F344"}.ion-pound:before{content:"\F219"}.ion-power:before{content:"\F2A9"}.ion-pricetag:before{content:"\F2AA"}.ion-pricetags:before{content:"\F2AB"}.ion-printer:before{content:"\F21A"}.ion-pull-request:before{content:"\F345"}.ion-qr-scanner:before{content:"\F346"}.ion-quote:before{content:"\F347"}.ion-radio-waves:before{content:"\F2AC"}.ion-record:before{content:"\F21B"}.ion-refresh:before{content:"\F21C"}.ion-reply:before{content:"\F21E"}.ion-reply-all:before{content:"\F21D"}.ion-ribbon-a:before{content:"\F348"}.ion-ribbon-b:before{content:"\F349"}.ion-sad:before{content:"\F34A"}.ion-sad-outline:before{content:"\F4D7"}.ion-scissors:before{content:"\F34B"}.ion-search:before{content:"\F21F"}.ion-settings:before{content:"\F2AD"}.ion-share:before{content:"\F220"}.ion-shuffle:before{content:"\F221"}.ion-skip-backward:before{content:"\F222"}.ion-skip-forward:before{content:"\F223"}.ion-social-android:before{content:"\F225"}.ion-social-android-outline:before{content:"\F224"}.ion-social-angular:before{content:"\F4D9"}.ion-social-angular-outline:before{content:"\F4D8"}.ion-social-apple:before{content:"\F227"}.ion-social-apple-outline:before{content:"\F226"}.ion-social-bitcoin:before{content:"\F2AF"}.ion-social-bitcoin-outline:before{content:"\F2AE"}.ion-social-buffer:before{content:"\F229"}.ion-social-buffer-outline:before{content:"\F228"}.ion-social-chrome:before{content:"\F4DB"}.ion-social-chrome-outline:before{content:"\F4DA"}.ion-social-codepen:before{content:"\F4DD"}.ion-social-codepen-outline:before{content:"\F4DC"}.ion-social-css3:before{content:"\F4DF"}.ion-social-css3-outline:before{content:"\F4DE"}.ion-social-designernews:before{content:"\F22B"}.ion-social-designernews-outline:before{content:"\F22A"}.ion-social-dribbble:before{content:"\F22D"}.ion-social-dribbble-outline:before{content:"\F22C"}.ion-social-dropbox:before{content:"\F22F"}.ion-social-dropbox-outline:before{content:"\F22E"}.ion-social-euro:before{content:"\F4E1"}.ion-social-euro-outline:before{content:"\F4E0"}.ion-social-facebook:before{content:"\F231"}.ion-social-facebook-outline:before{content:"\F230"}.ion-social-foursquare:before{content:"\F34D"}.ion-social-foursquare-outline:before{content:"\F34C"}.ion-social-freebsd-devil:before{content:"\F2C4"}.ion-social-github:before{content:"\F233"}.ion-social-github-outline:before{content:"\F232"}.ion-social-google:before{content:"\F34F"}.ion-social-google-outline:before{content:"\F34E"}.ion-social-googleplus:before{content:"\F235"}.ion-social-googleplus-outline:before{content:"\F234"}.ion-social-hackernews:before{content:"\F237"}.ion-social-hackernews-outline:before{content:"\F236"}.ion-social-html5:before{content:"\F4E3"}.ion-social-html5-outline:before{content:"\F4E2"}.ion-social-instagram:before{content:"\F351"}.ion-social-instagram-outline:before{content:"\F350"}.ion-social-javascript:before{content:"\F4E5"}.ion-social-javascript-outline:before{content:"\F4E4"}.ion-social-linkedin:before{content:"\F239"}.ion-social-linkedin-outline:before{content:"\F238"}.ion-social-markdown:before{content:"\F4E6"}.ion-social-nodejs:before{content:"\F4E7"}.ion-social-octocat:before{content:"\F4E8"}.ion-social-pinterest:before{content:"\F2B1"}.ion-social-pinterest-outline:before{content:"\F2B0"}.ion-social-python:before{content:"\F4E9"}.ion-social-reddit:before{content:"\F23B"}.ion-social-reddit-outline:before{content:"\F23A"}.ion-social-rss:before{content:"\F23D"}.ion-social-rss-outline:before{content:"\F23C"}.ion-social-sass:before{content:"\F4EA"}.ion-social-skype:before{content:"\F23F"}.ion-social-skype-outline:before{content:"\F23E"}.ion-social-snapchat:before{content:"\F4EC"}.ion-social-snapchat-outline:before{content:"\F4EB"}.ion-social-tumblr:before{content:"\F241"}.ion-social-tumblr-outline:before{content:"\F240"}.ion-social-tux:before{content:"\F2C5"}.ion-social-twitch:before{content:"\F4EE"}.ion-social-twitch-outline:before{content:"\F4ED"}.ion-social-twitter:before{content:"\F243"}.ion-social-twitter-outline:before{content:"\F242"}.ion-social-usd:before{content:"\F353"}.ion-social-usd-outline:before{content:"\F352"}.ion-social-vimeo:before{content:"\F245"}.ion-social-vimeo-outline:before{content:"\F244"}.ion-social-whatsapp:before{content:"\F4F0"}.ion-social-whatsapp-outline:before{content:"\F4EF"}.ion-social-windows:before{content:"\F247"}.ion-social-windows-outline:before{content:"\F246"}.ion-social-wordpress:before{content:"\F249"}.ion-social-wordpress-outline:before{content:"\F248"}.ion-social-yahoo:before{content:"\F24B"}.ion-social-yahoo-outline:before{content:"\F24A"}.ion-social-yen:before{content:"\F4F2"}.ion-social-yen-outline:before{content:"\F4F1"}.ion-social-youtube:before{content:"\F24D"}.ion-social-youtube-outline:before{content:"\F24C"}.ion-soup-can:before{content:"\F4F4"}.ion-soup-can-outline:before{content:"\F4F3"}.ion-speakerphone:before{content:"\F2B2"}.ion-speedometer:before{content:"\F2B3"}.ion-spoon:before{content:"\F2B4"}.ion-star:before{content:"\F24E"}.ion-stats-bars:before{content:"\F2B5"}.ion-steam:before{content:"\F30B"}.ion-stop:before{content:"\F24F"}.ion-thermometer:before{content:"\F2B6"}.ion-thumbsdown:before{content:"\F250"}.ion-thumbsup:before{content:"\F251"}.ion-toggle:before{content:"\F355"}.ion-toggle-filled:before{content:"\F354"}.ion-transgender:before{content:"\F4F5"}.ion-trash-a:before{content:"\F252"}.ion-trash-b:before{content:"\F253"}.ion-trophy:before{content:"\F356"}.ion-tshirt:before{content:"\F4F7"}.ion-tshirt-outline:before{content:"\F4F6"}.ion-umbrella:before{content:"\F2B7"}.ion-university:before{content:"\F357"}.ion-unlocked:before{content:"\F254"}.ion-upload:before{content:"\F255"}.ion-usb:before{content:"\F2B8"}.ion-videocamera:before{content:"\F256"}.ion-volume-high:before{content:"\F257"}.ion-volume-low:before{content:"\F258"}.ion-volume-medium:before{content:"\F259"}.ion-volume-mute:before{content:"\F25A"}.ion-wand:before{content:"\F358"}.ion-waterdrop:before{content:"\F25B"}.ion-wifi:before{content:"\F25C"}.ion-wineglass:before{content:"\F2B9"}.ion-woman:before{content:"\F25D"}.ion-wrench:before{content:"\F2BA"}.ion-xbox:before{content:"\F30C"} @font-face { font-family: 'Eina'; font-style: normal; font-weight: 700; src: local('Eina 03 Bold'), url(Eina03-Bold.ttf); } @font-face { font-family: 'Eina'; font-style: normal; font-weight: 600; src: local('Eina 03 SemiBold'), url(Eina03-SemiBold.ttf); } @font-face { font-family: 'Eina'; font-style: normal; font-weight: 400; src: local('Eina 03 Regular'), url(Eina03-Regular.ttf); }@font-face { font-family: 'zoa'; src: url('../fonts/zoa.eot'); src: url('../fonts/zoa.eot') format('embedded-opentype'), url('fonts/zoa.ttf') format('truetype'), url('fonts/zoa.woff') format('woff'), url('../fonts/zoa.svg') format('svg'); font-weight: normal; font-style: normal; } [class^="zoa-icon-"], [class*=" zoa-icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="zoa-icon-"]:before, [class*=" zoa-icon-"]:before { font-family: 'zoa' !important; } .zoa-icon-360:before { content: "\E900"; } .zoa-icon-address:before { content: "\E901"; } .zoa-icon-arrow-down-bold:before { content: "\E902"; } .zoa-icon-arrow-down-thin:before { content: "\E903"; } .zoa-icon-cart:before { content: "\E904"; } .zoa-icon-change-pass:before { content: "\E905"; } .zoa-icon-filter:before { content: "\E906"; } .zoa-icon-free-ship:before { content: "\E907"; } .zoa-icon-heart:before { content: "\E908"; } .zoa-icon-log-out:before { content: "\E909"; } .zoa-icon-order:before { content: "\E90A"; } .zoa-icon-play:before { content: "\E90B"; } .zoa-icon-quick-view:before { content: "\E90C"; } .zoa-icon-refund:before { content: "\E90D"; } .zoa-icon-right-arrow:before { content: "\E90E"; } .zoa-icon-search:before { content: "\E90F"; } .zoa-icon-secure:before { content: "\E910"; } .zoa-icon-sort:before { content: "\E911"; } .zoa-icon-user:before { content: "\E912"; } .zoa-icon-user-detail:before { content: "\E913"; } .zoa-icon-view-2:before { content: "\E914"; } .zoa-icon-view-3:before { content: "\E915"; } .zoa-icon-warranty:before { content: "\E916"; } @font-face { font-family: 'bukan'; font-style: normal; font-weight: normal; src: local('Mind Blowing Alt'), url(Mind-Blowing-Alt.ttf); }@charset "UTF-8"; /** 1.1. Vendor **/ /** 1.1.1. Google fonts **/ /** 1.1.2. Icon Fonts **/ /** 1.1.3. Vendor library **/ /* EX: @import url('components/Vendor/owlcarousel/owlcarousel.css'); */ /*! * Bootstrap v3.3.7 (http://getbootstrap.com) * Copyright 2011-2016 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body { margin: 0; } article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0; } [hidden], template { display: none; } a { background-color: transparent; } a:active, a:hover { outline: 0; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } dfn { font-style: italic; } h1 { font-size: 2em; margin: 0.67em 0; } mark { background: #ff0; color: #000; } small { font-size: 80%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } img { border: 0; } svg:not(:root) { overflow: hidden; } figure { margin: 1em 40px; } hr { box-sizing: content-box; height: 0; } pre { overflow: auto; } code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; } button, select { text-transform: none; } button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } button[disabled], html input[disabled] { cursor: default; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } input[type=search] { -webkit-appearance: textfield; box-sizing: content-box; } input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } legend { border: 0; padding: 0; } textarea { overflow: auto; } optgroup { font-weight: bold; } table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ @media print { *, *:before, *:after { background: transparent !important; color: #000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } a[href^="#"]:after, a[href^="javascript:"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .navbar { display: none; } .btn > .caret, .dropup > .btn > .caret { border-top-color: #000 !important; } .label { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #ddd !important; } } @font-face { font-family: "Glyphicons Halflings"; src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot"); src: url("../fonts/bootstrap/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff2") format("woff2"), url("../fonts/bootstrap/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/bootstrap/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/bootstrap/glyphicons-halflings-regular.svg#glyphicons_halflingsregular") format("svg"); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "Glyphicons Halflings"; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .glyphicon-asterisk:before { content: "*"; } .glyphicon-plus:before { content: "+"; } .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"; } .glyphicon-cd:before { content: "\E201"; } .glyphicon-save-file:before { content: "\E202"; } .glyphicon-open-file:before { content: "\E203"; } .glyphicon-level-up:before { content: "\E204"; } .glyphicon-copy:before { content: "\E205"; } .glyphicon-paste:before { content: "\E206"; } .glyphicon-alert:before { content: "\E209"; } .glyphicon-equalizer:before { content: "\E210"; } .glyphicon-king:before { content: "\E211"; } .glyphicon-queen:before { content: "\E212"; } .glyphicon-pawn:before { content: "\E213"; } .glyphicon-bishop:before { content: "\E214"; } .glyphicon-knight:before { content: "\E215"; } .glyphicon-baby-formula:before { content: "\E216"; } .glyphicon-tent:before { content: "\26FA"; } .glyphicon-blackboard:before { content: "\E218"; } .glyphicon-bed:before { content: "\E219"; } .glyphicon-apple:before { content: "\F8FF"; } .glyphicon-erase:before { content: "\E221"; } .glyphicon-hourglass:before { content: "\231B"; } .glyphicon-lamp:before { content: "\E223"; } .glyphicon-duplicate:before { content: "\E224"; } .glyphicon-piggy-bank:before { content: "\E225"; } .glyphicon-scissors:before { content: "\E226"; } .glyphicon-bitcoin:before { content: "\E227"; } .glyphicon-btc:before { content: "\E227"; } .glyphicon-xbt:before { content: "\E227"; } .glyphicon-yen:before { content: "\A5"; } .glyphicon-jpy:before { content: "\A5"; } .glyphicon-ruble:before { content: "\20BD"; } .glyphicon-rub:before { content: "\20BD"; } .glyphicon-scale:before { content: "\E230"; } .glyphicon-ice-lolly:before { content: "\E231"; } .glyphicon-ice-lolly-tasted:before { content: "\E232"; } .glyphicon-education:before { content: "\E233"; } .glyphicon-option-horizontal:before { content: "\E234"; } .glyphicon-option-vertical:before { content: "\E235"; } .glyphicon-menu-hamburger:before { content: "\E236"; } .glyphicon-modal-window:before { content: "\E237"; } .glyphicon-oil:before { content: "\E238"; } .glyphicon-grain:before { content: "\E239"; } .glyphicon-sunglasses:before { content: "\E240"; } .glyphicon-text-size:before { content: "\E241"; } .glyphicon-text-color:before { content: "\E242"; } .glyphicon-text-background:before { content: "\E243"; } .glyphicon-object-align-top:before { content: "\E244"; } .glyphicon-object-align-bottom:before { content: "\E245"; } .glyphicon-object-align-horizontal:before { content: "\E246"; } .glyphicon-object-align-left:before { content: "\E247"; } .glyphicon-object-align-vertical:before { content: "\E248"; } .glyphicon-object-align-right:before { content: "\E249"; } .glyphicon-triangle-right:before { content: "\E250"; } .glyphicon-triangle-left:before { content: "\E251"; } .glyphicon-triangle-bottom:before { content: "\E252"; } .glyphicon-triangle-top:before { content: "\E253"; } .glyphicon-console:before { content: "\E254"; } .glyphicon-superscript:before { content: "\E255"; } .glyphicon-subscript:before { content: "\E256"; } .glyphicon-menu-left:before { content: "\E257"; } .glyphicon-menu-right:before { content: "\E258"; } .glyphicon-menu-down:before { content: "\E259"; } .glyphicon-menu-up:before { content: "\E260"; } * { box-sizing: border-box; } *:before, *:after { box-sizing: border-box; } html { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body { font-family: "Eina", sans-serif; font-size: 14px; line-height: 1.428571429; color: #222222; background-color: #fff; } input, button, select, textarea { font-family: inherit; font-size: inherit; line-height: inherit; } a { color: #dd2a2a; text-decoration: none; } a:hover, a:focus { color: #a11a1a; text-decoration: underline; } a:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } figure { margin: 0; } img { vertical-align: middle; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role=button] { cursor: pointer; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 500; line-height: 1.1; color: inherit; } h1 small, h1 .small, h2 small, h2 .small, h3 small, h3 .small, h4 small, h4 .small, h5 small, h5 .small, h6 small, h6 .small, .h1 small, .h1 .small, .h2 small, .h2 .small, .h3 small, .h3 .small, .h4 small, .h4 .small, .h5 small, .h5 .small, .h6 small, .h6 .small { font-weight: normal; line-height: 1; color: #777777; } h1, .h1, h2, .h2, h3, .h3 { margin-top: 20px; margin-bottom: 10px; } h1 small, h1 .small, .h1 small, .h1 .small, h2 small, h2 .small, .h2 small, .h2 .small, h3 small, h3 .small, .h3 small, .h3 .small { font-size: 65%; } h4, .h4, h5, .h5, h6, .h6 { margin-top: 10px; margin-bottom: 10px; } h4 small, h4 .small, .h4 small, .h4 .small, h5 small, h5 .small, .h5 small, .h5 .small, h6 small, h6 .small, .h6 small, .h6 .small { font-size: 75%; } h1, .h1 { font-size: 36px; } h2, .h2 { font-size: 30px; } h3, .h3 { font-size: 24px; } h4, .h4 { font-size: 18px; } h5, .h5 { font-size: 14px; } h6, .h6 { font-size: 12px; } p { margin: 0 0 10px; } .lead { margin-bottom: 20px; font-size: 16px; font-weight: 300; line-height: 1.4; } @media (min-width: 768px) { .lead { font-size: 21px; } } small, .small { font-size: 85%; } mark, .mark { background-color: #fcf8e3; padding: 0.2em; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .text-nowrap { white-space: nowrap; } .text-lowercase { text-transform: lowercase; } .text-uppercase, .initialism { text-transform: uppercase; } .text-capitalize { text-transform: capitalize; } .text-muted { color: #777777; } .text-primary { color: #dd2a2a; } a.text-primary:hover, a.text-primary:focus { color: #b71d1d; } .text-success { color: #3c763d; } a.text-success:hover, a.text-success:focus { color: #2b542c; } .text-info { color: #31708f; } a.text-info:hover, a.text-info:focus { color: #245269; } .text-warning { color: #8a6d3b; } a.text-warning:hover, a.text-warning:focus { color: #66512c; } .text-danger { color: #a94442; } a.text-danger:hover, a.text-danger:focus { color: #843534; } .bg-primary { color: #fff; } .bg-primary { background-color: #dd2a2a; } a.bg-primary:hover, a.bg-primary:focus { background-color: #b71d1d; } .bg-success { background-color: #dff0d8; } a.bg-success:hover, a.bg-success:focus { background-color: #c1e2b3; } .bg-info { background-color: #d9edf7; } a.bg-info:hover, a.bg-info:focus { background-color: #afd9ee; } .bg-warning { background-color: #fcf8e3; } a.bg-warning:hover, a.bg-warning:focus { background-color: #f7ecb5; } .bg-danger { background-color: #f2dede; } a.bg-danger:hover, a.bg-danger:focus { background-color: #e4b9b9; } .page-header { padding-bottom: 9px; margin: 40px 0 20px; border-bottom: 1px solid #eeeeee; } ul, ol { margin-top: 0; margin-bottom: 10px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } .list-unstyled { padding-left: 0; list-style: none; } .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } dl { margin-top: 0; margin-bottom: 20px; } dt, dd { line-height: 1.428571429; } dt { font-weight: bold; } dd { margin-left: 0; } .dl-horizontal dd:before, .dl-horizontal dd:after { content: " "; display: table; } .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .dl-horizontal dd { margin-left: 180px; } } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #777777; } .initialism { font-size: 90%; } blockquote { padding: 10px 20px; margin: 0 0 20px; font-size: 17.5px; border-left: 5px solid #eeeeee; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; color: #777777; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: "\2014\A0"; } .blockquote-reverse, blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #eeeeee; border-left: 0; text-align: right; } .blockquote-reverse footer:before, .blockquote-reverse small:before, .blockquote-reverse .small:before, blockquote.pull-right footer:before, blockquote.pull-right small:before, blockquote.pull-right .small:before { content: ""; } .blockquote-reverse footer:after, .blockquote-reverse small:after, .blockquote-reverse .small:after, blockquote.pull-right footer:after, blockquote.pull-right small:after, blockquote.pull-right .small:after { content: "\A0\2014"; } address { margin-bottom: 20px; font-style: normal; line-height: 1.428571429; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, "Courier New", monospace; } code { padding: 2px 4px; font-size: 90%; color: #c7254e; background-color: #f9f2f4; border-radius: 4px; } kbd { padding: 2px 4px; font-size: 90%; color: #fff; background-color: #333; border-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25); } kbd kbd { padding: 0; font-size: 100%; font-weight: bold; box-shadow: none; } pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.428571429; word-break: break-all; word-wrap: break-word; color: #333333; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; } pre code { padding: 0; font-size: inherit; color: inherit; white-space: pre-wrap; background-color: transparent; border-radius: 0; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } @media (min-width: 768px) { .container { width: 750px; } } @media (min-width: 1025px) { .container { width: 970px; } } @media (min-width: 1200px) { .container { width: 1200px; } } .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .container-fluid:before, .container-fluid:after { content: " "; display: table; } .container-fluid:after { clear: both; } .row { margin-left: -15px; margin-right: -15px; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-1 { width: 8.3333333333%; } .col-xs-2 { width: 16.6666666667%; } .col-xs-3 { width: 25%; } .col-xs-4 { width: 33.3333333333%; } .col-xs-5 { width: 41.6666666667%; } .col-xs-6 { width: 50%; } .col-xs-7 { width: 58.3333333333%; } .col-xs-8 { width: 66.6666666667%; } .col-xs-9 { width: 75%; } .col-xs-10 { width: 83.3333333333%; } .col-xs-11 { width: 91.6666666667%; } .col-xs-12 { width: 100%; } .col-xs-pull-0 { right: auto; } .col-xs-pull-1 { right: 8.3333333333%; } .col-xs-pull-2 { right: 16.6666666667%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-4 { right: 33.3333333333%; } .col-xs-pull-5 { right: 41.6666666667%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-7 { right: 58.3333333333%; } .col-xs-pull-8 { right: 66.6666666667%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-10 { right: 83.3333333333%; } .col-xs-pull-11 { right: 91.6666666667%; } .col-xs-pull-12 { right: 100%; } .col-xs-push-0 { left: auto; } .col-xs-push-1 { left: 8.3333333333%; } .col-xs-push-2 { left: 16.6666666667%; } .col-xs-push-3 { left: 25%; } .col-xs-push-4 { left: 33.3333333333%; } .col-xs-push-5 { left: 41.6666666667%; } .col-xs-push-6 { left: 50%; } .col-xs-push-7 { left: 58.3333333333%; } .col-xs-push-8 { left: 66.6666666667%; } .col-xs-push-9 { left: 75%; } .col-xs-push-10 { left: 83.3333333333%; } .col-xs-push-11 { left: 91.6666666667%; } .col-xs-push-12 { left: 100%; } .col-xs-offset-0 { margin-left: 0%; } .col-xs-offset-1 { margin-left: 8.3333333333%; } .col-xs-offset-2 { margin-left: 16.6666666667%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-4 { margin-left: 33.3333333333%; } .col-xs-offset-5 { margin-left: 41.6666666667%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-7 { margin-left: 58.3333333333%; } .col-xs-offset-8 { margin-left: 66.6666666667%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-10 { margin-left: 83.3333333333%; } .col-xs-offset-11 { margin-left: 91.6666666667%; } .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-1 { width: 8.3333333333%; } .col-sm-2 { width: 16.6666666667%; } .col-sm-3 { width: 25%; } .col-sm-4 { width: 33.3333333333%; } .col-sm-5 { width: 41.6666666667%; } .col-sm-6 { width: 50%; } .col-sm-7 { width: 58.3333333333%; } .col-sm-8 { width: 66.6666666667%; } .col-sm-9 { width: 75%; } .col-sm-10 { width: 83.3333333333%; } .col-sm-11 { width: 91.6666666667%; } .col-sm-12 { width: 100%; } .col-sm-pull-0 { right: auto; } .col-sm-pull-1 { right: 8.3333333333%; } .col-sm-pull-2 { right: 16.6666666667%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-4 { right: 33.3333333333%; } .col-sm-pull-5 { right: 41.6666666667%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-7 { right: 58.3333333333%; } .col-sm-pull-8 { right: 66.6666666667%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-10 { right: 83.3333333333%; } .col-sm-pull-11 { right: 91.6666666667%; } .col-sm-pull-12 { right: 100%; } .col-sm-push-0 { left: auto; } .col-sm-push-1 { left: 8.3333333333%; } .col-sm-push-2 { left: 16.6666666667%; } .col-sm-push-3 { left: 25%; } .col-sm-push-4 { left: 33.3333333333%; } .col-sm-push-5 { left: 41.6666666667%; } .col-sm-push-6 { left: 50%; } .col-sm-push-7 { left: 58.3333333333%; } .col-sm-push-8 { left: 66.6666666667%; } .col-sm-push-9 { left: 75%; } .col-sm-push-10 { left: 83.3333333333%; } .col-sm-push-11 { left: 91.6666666667%; } .col-sm-push-12 { left: 100%; } .col-sm-offset-0 { margin-left: 0%; } .col-sm-offset-1 { margin-left: 8.3333333333%; } .col-sm-offset-2 { margin-left: 16.6666666667%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-4 { margin-left: 33.3333333333%; } .col-sm-offset-5 { margin-left: 41.6666666667%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-7 { margin-left: 58.3333333333%; } .col-sm-offset-8 { margin-left: 66.6666666667%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-10 { margin-left: 83.3333333333%; } .col-sm-offset-11 { margin-left: 91.6666666667%; } .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 1025px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-1 { width: 8.3333333333%; } .col-md-2 { width: 16.6666666667%; } .col-md-3 { width: 25%; } .col-md-4 { width: 33.3333333333%; } .col-md-5 { width: 41.6666666667%; } .col-md-6 { width: 50%; } .col-md-7 { width: 58.3333333333%; } .col-md-8 { width: 66.6666666667%; } .col-md-9 { width: 75%; } .col-md-10 { width: 83.3333333333%; } .col-md-11 { width: 91.6666666667%; } .col-md-12 { width: 100%; } .col-md-pull-0 { right: auto; } .col-md-pull-1 { right: 8.3333333333%; } .col-md-pull-2 { right: 16.6666666667%; } .col-md-pull-3 { right: 25%; } .col-md-pull-4 { right: 33.3333333333%; } .col-md-pull-5 { right: 41.6666666667%; } .col-md-pull-6 { right: 50%; } .col-md-pull-7 { right: 58.3333333333%; } .col-md-pull-8 { right: 66.6666666667%; } .col-md-pull-9 { right: 75%; } .col-md-pull-10 { right: 83.3333333333%; } .col-md-pull-11 { right: 91.6666666667%; } .col-md-pull-12 { right: 100%; } .col-md-push-0 { left: auto; } .col-md-push-1 { left: 8.3333333333%; } .col-md-push-2 { left: 16.6666666667%; } .col-md-push-3 { left: 25%; } .col-md-push-4 { left: 33.3333333333%; } .col-md-push-5 { left: 41.6666666667%; } .col-md-push-6 { left: 50%; } .col-md-push-7 { left: 58.3333333333%; } .col-md-push-8 { left: 66.6666666667%; } .col-md-push-9 { left: 75%; } .col-md-push-10 { left: 83.3333333333%; } .col-md-push-11 { left: 91.6666666667%; } .col-md-push-12 { left: 100%; } .col-md-offset-0 { margin-left: 0%; } .col-md-offset-1 { margin-left: 8.3333333333%; } .col-md-offset-2 { margin-left: 16.6666666667%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-4 { margin-left: 33.3333333333%; } .col-md-offset-5 { margin-left: 41.6666666667%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-7 { margin-left: 58.3333333333%; } .col-md-offset-8 { margin-left: 66.6666666667%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-10 { margin-left: 83.3333333333%; } .col-md-offset-11 { margin-left: 91.6666666667%; } .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-1 { width: 8.3333333333%; } .col-lg-2 { width: 16.6666666667%; } .col-lg-3 { width: 25%; } .col-lg-4 { width: 33.3333333333%; } .col-lg-5 { width: 41.6666666667%; } .col-lg-6 { width: 50%; } .col-lg-7 { width: 58.3333333333%; } .col-lg-8 { width: 66.6666666667%; } .col-lg-9 { width: 75%; } .col-lg-10 { width: 83.3333333333%; } .col-lg-11 { width: 91.6666666667%; } .col-lg-12 { width: 100%; } .col-lg-pull-0 { right: auto; } .col-lg-pull-1 { right: 8.3333333333%; } .col-lg-pull-2 { right: 16.6666666667%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-4 { right: 33.3333333333%; } .col-lg-pull-5 { right: 41.6666666667%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-7 { right: 58.3333333333%; } .col-lg-pull-8 { right: 66.6666666667%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-10 { right: 83.3333333333%; } .col-lg-pull-11 { right: 91.6666666667%; } .col-lg-pull-12 { right: 100%; } .col-lg-push-0 { left: auto; } .col-lg-push-1 { left: 8.3333333333%; } .col-lg-push-2 { left: 16.6666666667%; } .col-lg-push-3 { left: 25%; } .col-lg-push-4 { left: 33.3333333333%; } .col-lg-push-5 { left: 41.6666666667%; } .col-lg-push-6 { left: 50%; } .col-lg-push-7 { left: 58.3333333333%; } .col-lg-push-8 { left: 66.6666666667%; } .col-lg-push-9 { left: 75%; } .col-lg-push-10 { left: 83.3333333333%; } .col-lg-push-11 { left: 91.6666666667%; } .col-lg-push-12 { left: 100%; } .col-lg-offset-0 { margin-left: 0%; } .col-lg-offset-1 { margin-left: 8.3333333333%; } .col-lg-offset-2 { margin-left: 16.6666666667%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-4 { margin-left: 33.3333333333%; } .col-lg-offset-5 { margin-left: 41.6666666667%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-7 { margin-left: 58.3333333333%; } .col-lg-offset-8 { margin-left: 66.6666666667%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-10 { margin-left: 83.3333333333%; } .col-lg-offset-11 { margin-left: 91.6666666667%; } .col-lg-offset-12 { margin-left: 100%; } } table { background-color: transparent; } caption { padding-top: 8px; padding-bottom: 8px; color: #777777; text-align: left; } th { text-align: left; width: 75%; text-transform: uppercase; } .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } @media (min-width: 480px) { .table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td { padding: 30px 8px 30px 0; } } .table > thead > tr > th { vertical-align: bottom; } .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { border-top: 0; } @media (min-width: 480px) { .table > caption + thead > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > th, .table > thead:first-child > tr:first-child > td { padding: 15px 0; } } .table > tbody + tbody { border-top: 2px solid #ddd; } .table .table { background-color: #fff; } .table-condensed > thead > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > th, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > th, .table-condensed > tfoot > tr > td { padding: 5px; } .table-bordered { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > th, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > th, .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .table-hover > tbody > tr:hover { background-color: #f5f5f5; } table col[class*=col-] { position: static; float: none; display: table-column; } table td[class*=col-], table th[class*=col-] { position: static; float: none; display: table-cell; } .table > thead > tr > td.active, .table > thead > tr > th.active, .table > thead > tr.active > td, .table > thead > tr.active > th, .table > tbody > tr > td.active, .table > tbody > tr > th.active, .table > tbody > tr.active > td, .table > tbody > tr.active > th, .table > tfoot > tr > td.active, .table > tfoot > tr > th.active, .table > tfoot > tr.active > td, .table > tfoot > tr.active > th { background-color: #f5f5f5; } .table-hover > tbody > tr > td.active:hover, .table-hover > tbody > tr > th.active:hover, .table-hover > tbody > tr.active:hover > td, .table-hover > tbody > tr:hover > .active, .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .table > thead > tr > td.success, .table > thead > tr > th.success, .table > thead > tr.success > td, .table > thead > tr.success > th, .table > tbody > tr > td.success, .table > tbody > tr > th.success, .table > tbody > tr.success > td, .table > tbody > tr.success > th, .table > tfoot > tr > td.success, .table > tfoot > tr > th.success, .table > tfoot > tr.success > td, .table > tfoot > tr.success > th { background-color: #dff0d8; } .table-hover > tbody > tr > td.success:hover, .table-hover > tbody > tr > th.success:hover, .table-hover > tbody > tr.success:hover > td, .table-hover > tbody > tr:hover > .success, .table-hover > tbody > tr.success:hover > th { background-color: #d0e9c6; } .table > thead > tr > td.info, .table > thead > tr > th.info, .table > thead > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr > td.info, .table > tbody > tr > th.info, .table > tbody > tr.info > td, .table > tbody > tr.info > th, .table > tfoot > tr > td.info, .table > tfoot > tr > th.info, .table > tfoot > tr.info > td, .table > tfoot > tr.info > th { background-color: #d9edf7; } .table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr:hover > .info, .table-hover > tbody > tr.info:hover > th { background-color: #c4e3f3; } .table > thead > tr > td.warning, .table > thead > tr > th.warning, .table > thead > tr.warning > td, .table > thead > tr.warning > th, .table > tbody > tr > td.warning, .table > tbody > tr > th.warning, .table > tbody > tr.warning > td, .table > tbody > tr.warning > th, .table > tfoot > tr > td.warning, .table > tfoot > tr > th.warning, .table > tfoot > tr.warning > td, .table > tfoot > tr.warning > th { background-color: #fcf8e3; } .table-hover > tbody > tr > td.warning:hover, .table-hover > tbody > tr > th.warning:hover, .table-hover > tbody > tr.warning:hover > td, .table-hover > tbody > tr:hover > .warning, .table-hover > tbody > tr.warning:hover > th { background-color: #faf2cc; } .table > thead > tr > td.danger, .table > thead > tr > th.danger, .table > thead > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr > td.danger, .table > tbody > tr > th.danger, .table > tbody > tr.danger > td, .table > tbody > tr.danger > th, .table > tfoot > tr > td.danger, .table > tfoot > tr > th.danger, .table > tfoot > tr.danger > td, .table > tfoot > tr.danger > th { background-color: #f2dede; } .table-hover > tbody > tr > td.danger:hover, .table-hover > tbody > tr > th.danger:hover, .table-hover > tbody > tr.danger:hover > td, .table-hover > tbody > tr:hover > .danger, .table-hover > tbody > tr.danger:hover > th { background-color: #ebcccc; } .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; border: 1px solid #ddd; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333333; border: 0; border-bottom: 1px solid #e5e5e5; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } input[type=search] { box-sizing: border-box; } input[type=radio], input[type=checkbox] { margin: 4px 0 0; margin-top: 1px \9 ; line-height: normal; } input[type=file] { display: block; } input[type=range] { display: block; width: 100%; } select[multiple], select[size] { height: auto; } input[type=file]:focus, input[type=radio]:focus, input[type=checkbox]:focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } output { display: block; padding-top: 7px; font-size: 14px; line-height: 1.428571429; color: #555555; } .form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; color: #555555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 0; } .form-control::-ms-expand { border: 0; background-color: transparent; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #eeeeee; opacity: 1; } .form-control[disabled], fieldset[disabled] .form-control { cursor: not-allowed; } textarea.form-control { height: auto; } input[type=search] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { input[type=date].form-control, input[type=time].form-control, input[type=datetime-local].form-control, input[type=month].form-control { line-height: 34px; } input[type=date].input-sm, .input-group-sm > .input-group-btn > input[type=date].btn, .input-group-sm input[type=date], input[type=time].input-sm, .input-group-sm > .input-group-btn > input[type=time].btn, .input-group-sm input[type=time], input[type=datetime-local].input-sm, .input-group-sm > .input-group-btn > input[type=datetime-local].btn, .input-group-sm input[type=datetime-local], input[type=month].input-sm, .input-group-sm > .input-group-btn > input[type=month].btn, .input-group-sm input[type=month] { line-height: 30px; } input[type=date].input-lg, .input-group-lg > .input-group-btn > input[type=date].btn, .input-group-lg input[type=date], input[type=time].input-lg, .input-group-lg > .input-group-btn > input[type=time].btn, .input-group-lg input[type=time], input[type=datetime-local].input-lg, .input-group-lg > .input-group-btn > input[type=datetime-local].btn, .input-group-lg input[type=datetime-local], input[type=month].input-lg, .input-group-lg > .input-group-btn > input[type=month].btn, .input-group-lg input[type=month] { line-height: 46px; } } .form-group { margin-bottom: 15px; } .radio, .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .radio label, .checkbox label { min-height: 20px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .radio input[type=radio], .radio-inline input[type=radio], .checkbox input[type=checkbox], .checkbox-inline input[type=checkbox] { position: absolute; margin-left: -20px; margin-top: 4px \9 ; } .radio + .radio, .checkbox + .checkbox { margin-top: -5px; } .radio-inline, .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } input[type=radio][disabled], input[type=radio].disabled, fieldset[disabled] input[type=radio], input[type=checkbox][disabled], input[type=checkbox].disabled, fieldset[disabled] input[type=checkbox] { cursor: not-allowed; } .radio-inline.disabled, fieldset[disabled] .radio-inline, .checkbox-inline.disabled, fieldset[disabled] .checkbox-inline { cursor: not-allowed; } .radio.disabled label, fieldset[disabled] .radio label, .checkbox.disabled label, fieldset[disabled] .checkbox label { cursor: not-allowed; } .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 34px; } .form-control-static.input-lg, .input-group-lg > .form-control-static.form-control, .input-group-lg > .form-control-static.input-group-addon, .input-group-lg > .input-group-btn > .form-control-static.btn, .form-control-static.input-sm, .input-group-sm > .form-control-static.form-control, .input-group-sm > .form-control-static.input-group-addon, .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .input-sm, .input-group-sm > .form-control, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .btn { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } select.input-sm, .input-group-sm > select.form-control, .input-group-sm > select.input-group-addon, .input-group-sm > .input-group-btn > select.btn { height: 30px; line-height: 30px; } textarea.input-sm, .input-group-sm > textarea.form-control, .input-group-sm > textarea.input-group-addon, .input-group-sm > .input-group-btn > textarea.btn, select[multiple].input-sm, .input-group-sm > select[multiple].form-control, .input-group-sm > select[multiple].input-group-addon, .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .form-group-sm .form-control { height: 30px; padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .form-group-sm select.form-control { height: 30px; line-height: 30px; } .form-group-sm textarea.form-control, .form-group-sm select[multiple].form-control { height: auto; } .form-group-sm .form-control-static { height: 30px; min-height: 32px; padding: 6px 10px; font-size: 12px; line-height: 1.5; } .input-lg, .input-group-lg > .form-control, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .btn { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } select.input-lg, .input-group-lg > select.form-control, .input-group-lg > select.input-group-addon, .input-group-lg > .input-group-btn > select.btn { height: 46px; line-height: 46px; } textarea.input-lg, .input-group-lg > textarea.form-control, .input-group-lg > textarea.input-group-addon, .input-group-lg > .input-group-btn > textarea.btn, select[multiple].input-lg, .input-group-lg > select[multiple].form-control, .input-group-lg > select[multiple].input-group-addon, .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .form-group-lg .form-control { height: 46px; padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .form-group-lg select.form-control { height: 46px; line-height: 46px; } .form-group-lg textarea.form-control, .form-group-lg select[multiple].form-control { height: auto; } .form-group-lg .form-control-static { height: 46px; min-height: 38px; padding: 11px 16px; font-size: 18px; line-height: 1.3333333; } .has-feedback { position: relative; } .has-feedback .form-control { padding-right: 42.5px; } .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 34px; height: 34px; line-height: 34px; text-align: center; pointer-events: none; } .input-lg + .form-control-feedback, .input-group-lg > .form-control + .form-control-feedback, .input-group-lg > .input-group-addon + .form-control-feedback, .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .input-group-lg + .form-control-feedback, .form-group-lg .form-control + .form-control-feedback { width: 46px; height: 46px; line-height: 46px; } .input-sm + .form-control-feedback, .input-group-sm > .form-control + .form-control-feedback, .input-group-sm > .input-group-addon + .form-control-feedback, .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .input-group-sm + .form-control-feedback, .form-group-sm .form-control + .form-control-feedback { width: 30px; height: 30px; line-height: 30px; } .has-success .help-block, .has-success .control-label, .has-success .radio, .has-success .checkbox, .has-success .radio-inline, .has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label { color: #3c763d; } .has-success .form-control { border-color: #3c763d; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-success .form-control:focus { border-color: #2b542c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168; } .has-success .input-group-addon { color: #3c763d; border-color: #3c763d; background-color: #dff0d8; } .has-success .form-control-feedback { color: #3c763d; } .has-warning .help-block, .has-warning .control-label, .has-warning .radio, .has-warning .checkbox, .has-warning .radio-inline, .has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label { color: #8a6d3b; } .has-warning .form-control { border-color: #8a6d3b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-warning .form-control:focus { border-color: #66512c; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b; } .has-warning .input-group-addon { color: #8a6d3b; border-color: #8a6d3b; background-color: #fcf8e3; } .has-warning .form-control-feedback { color: #8a6d3b; } .has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline, .has-error.radio label, .has-error.checkbox label, .has-error.radio-inline label, .has-error.checkbox-inline label { color: #a94442; } .has-error .form-control { border-color: #a94442; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .has-error .form-control:focus { border-color: #843534; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; } .has-error .input-group-addon { color: #a94442; border-color: #a94442; background-color: #f2dede; } .has-error .form-control-feedback { color: #a94442; } .has-feedback label ~ .form-control-feedback { top: 25px; } .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #626262; } @media (min-width: 768px) { .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-static { display: inline-block; } .form-inline .input-group { display: inline-table; vertical-align: middle; } .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn, .form-inline .input-group .form-control { width: auto; } .form-inline .input-group > .form-control { width: 100%; } .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .form-inline .radio, .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .form-inline .radio label, .form-inline .checkbox label { padding-left: 0; } .form-inline .radio input[type=radio], .form-inline .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .form-inline .has-feedback .form-control-feedback { top: 0; } } .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .form-horizontal .radio, .form-horizontal .checkbox { min-height: 27px; } .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .form-horizontal .form-group:before, .form-horizontal .form-group:after { content: " "; display: table; } .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 18px; } } @media (min-width: 768px) { .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 12px; } } .btn { display: inline-block; margin-bottom: 0; font-weight: normal; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 14px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus { outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; outline: none; } .btn:hover, .btn:focus, .btn.focus { color: #353535; text-decoration: none; outline: none; } .btn:active, .btn.active { outline: 0; background-image: none; box-shadow: none; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: #353535; background-color: #fff; border-color: #ccc; } .btn-default:focus, .btn-default.focus { color: #353535; background-color: #e6e6e6; border-color: #8c8c8c; } .btn-default:hover { color: #353535; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { color: #353535; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active:hover, .btn-default:active:focus, .btn-default:active.focus, .btn-default.active:hover, .btn-default.active:focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle:hover, .open > .btn-default.dropdown-toggle:focus, .open > .btn-default.dropdown-toggle.focus { color: #353535; background-color: #d4d4d4; border-color: #8c8c8c; } .btn-default:active, .btn-default.active, .open > .btn-default.dropdown-toggle { background-image: none; } .btn-default.disabled:hover, .btn-default.disabled:focus, .btn-default.disabled.focus, .btn-default[disabled]:hover, .btn-default[disabled]:focus, .btn-default[disabled].focus, fieldset[disabled] .btn-default:hover, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default.focus { background-color: #fff; border-color: #ccc; } .btn-default .badge { color: #fff; background-color: #353535; } .btn-primary { color: #fff; background-color: #dd2a2a; border-color: #cd2121; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #b71d1d; border-color: #5f0f0f; } .btn-primary:hover { color: #fff; background-color: #b71d1d; border-color: #981818; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { color: #fff; background-color: #b71d1d; border-color: #981818; } .btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus { color: #fff; background-color: #981818; border-color: #5f0f0f; } .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle { background-image: none; } .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus { background-color: #dd2a2a; border-color: #cd2121; } .btn-primary .badge { color: #dd2a2a; background-color: #fff; } .btn-success { color: #fff; background-color: #5cb85c; border-color: #4cae4c; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #449d44; border-color: #255625; } .btn-success:hover { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { color: #fff; background-color: #449d44; border-color: #398439; } .btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus { color: #fff; background-color: #398439; border-color: #255625; } .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle { background-image: none; } .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus { background-color: #5cb85c; border-color: #4cae4c; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-info { color: #fff; background-color: #5bc0de; border-color: #46b8da; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #31b0d5; border-color: #1b6d85; } .btn-info:hover { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { color: #fff; background-color: #31b0d5; border-color: #269abc; } .btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus { color: #fff; background-color: #269abc; border-color: #1b6d85; } .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle { background-image: none; } .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus { background-color: #5bc0de; border-color: #46b8da; } .btn-info .badge { color: #5bc0de; background-color: #fff; } .btn-warning { color: #fff; background-color: #f0ad4e; border-color: #eea236; } .btn-warning:focus, .btn-warning.focus { color: #fff; background-color: #ec971f; border-color: #985f0d; } .btn-warning:hover { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { color: #fff; background-color: #ec971f; border-color: #d58512; } .btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #d58512; border-color: #985f0d; } .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle { background-image: none; } .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus { background-color: #f0ad4e; border-color: #eea236; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } .btn-danger { color: #fff; background-color: #d9534f; border-color: #d43f3a; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c9302c; border-color: #761c19; } .btn-danger:hover { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { color: #fff; background-color: #c9302c; border-color: #ac2925; } .btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #ac2925; border-color: #761c19; } .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle { background-image: none; } .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus { background-color: #d9534f; border-color: #d43f3a; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-link { color: #dd2a2a; font-weight: normal; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link[disabled], fieldset[disabled] .btn-link { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active { border-color: transparent; outline: none; } .btn-link:hover, .btn-link:focus { color: #a11a1a; text-decoration: underline; background-color: transparent; outline: none; } .btn-link[disabled]:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:hover, fieldset[disabled] .btn-link:focus { color: #777777; text-decoration: none; outline: none; } .btn-lg, .btn-group-lg > .btn { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; border-radius: 6px; } .btn-sm, .btn-group-sm > .btn { padding: 5px 10px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-xs, .btn-group-xs > .btn { padding: 1px 5px; font-size: 12px; line-height: 1.5; border-radius: 3px; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 5px; } input[type=submit].btn-block, input[type=reset].btn-block, input[type=button].btn-block { width: 100%; } .fade { opacity: 0; } .fade.in { opacity: 1; } .collapse { display: none; } .collapse.in { display: block; } tr.collapse.in { display: table-row; } tbody.collapse.in { display: table-row-group; } .collapsing { position: relative; height: 0; overflow: hidden; transition-property: height, visibility; transition-duration: 0.35s; transition-timing-function: ease; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9 ; border-right: 4px solid transparent; border-left: 4px solid transparent; } .dropup, .dropdown { position: relative; } .dropdown-toggle:focus { outline: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; 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; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .dropdown-menu.pull-right { right: 0; left: auto; } .dropdown-menu .divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { text-decoration: none; color: #262626; background-color: #f5f5f5; } .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #dd2a2a; } .dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { color: #777777; } .dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .open > .dropdown-menu { display: block; } .open > a { outline: 0; } .dropdown-menu-right { left: auto; right: 0; } .dropdown-menu-left { left: 0; right: auto; } .dropdown-header { display: block; padding: 3px 20px; font-size: 12px; line-height: 1.428571429; color: #777777; white-space: nowrap; } .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .pull-right > .dropdown-menu { right: 0; left: auto; } .dropup .caret, .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9 ; content: ""; } .dropup .dropdown-menu, .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .navbar-right .dropdown-menu { right: 0; left: auto; } .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .btn-group, .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .btn-group > .btn, .btn-group-vertical > .btn { position: relative; float: left; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .btn-group-vertical > .btn:hover, .btn-group-vertical > .btn:focus, .btn-group-vertical > .btn:active, .btn-group-vertical > .btn.active { z-index: 2; } .btn-group .btn + .btn, .btn-group .btn + .btn-group, .btn-group .btn-group + .btn, .btn-group .btn-group + .btn-group { margin-left: -1px; } .btn-toolbar { margin-left: -5px; } .btn-toolbar:before, .btn-toolbar:after { content: " "; display: table; } .btn-toolbar:after { clear: both; } .btn-toolbar .btn, .btn-toolbar .btn-group, .btn-toolbar .input-group { float: left; } .btn-toolbar > .btn, .btn-toolbar > .btn-group, .btn-toolbar > .input-group { margin-left: 5px; } .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .btn-group > .btn:first-child { margin-left: 0; } .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group > .btn-group { float: left; } .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0; } .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .btn-group.open .dropdown-toggle { box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-group.open .dropdown-toggle.btn-link { box-shadow: none; } .btn .caret { margin-left: 0; } .btn-lg .caret, .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .btn-group-vertical > .btn, .btn-group-vertical > .btn-group, .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after { content: " "; display: table; } .btn-group-vertical > .btn-group:after { clear: both; } .btn-group-vertical > .btn-group > .btn { float: none; } .btn-group-vertical > .btn + .btn, .btn-group-vertical > .btn + .btn-group, .btn-group-vertical > .btn-group + .btn, .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .btn-group-justified > .btn, .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .btn-group-justified > .btn-group .btn { width: 100%; } .btn-group-justified > .btn-group .dropdown-menu { left: auto; } [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: table; border-collapse: separate; } .input-group[class*=col-] { float: none; padding-left: 0; padding-right: 0; } .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .input-group .form-control:focus { z-index: 3; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .input-group-addon:not(:first-child):not(:last-child), .input-group-btn:not(:first-child):not(:last-child), .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .input-group-addon, .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .input-group-addon { padding: 6px 12px; font-size: 14px; font-weight: normal; line-height: 1; color: #555555; text-align: center; background-color: #eeeeee; border: 1px solid #ccc; border-radius: 0; } .input-group-addon.input-sm, .input-group-sm > .input-group-addon, .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 12px; border-radius: 3px; } .input-group-addon.input-lg, .input-group-lg > .input-group-addon, .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 16px; font-size: 18px; border-radius: 6px; } .input-group-addon input[type=radio], .input-group-addon input[type=checkbox] { margin-top: 0; } .input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .input-group-addon:first-child { border-right: 0; } .input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .input-group-addon:last-child { border-left: 0; } .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .input-group-btn > .btn { position: relative; } .input-group-btn > .btn + .btn { margin-left: -1px; } .input-group-btn > .btn:hover, .input-group-btn > .btn:focus, .input-group-btn > .btn:active { z-index: 2; } .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group { margin-right: -1px; } .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .nav:before, .nav:after { content: " "; display: table; } .nav:after { clear: both; } .nav > li { position: relative; } .nav > li > a { position: relative; display: block; padding: 10px 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: transparent; } .nav > li.disabled > a { color: #777777; } .nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: #777777; text-decoration: none; background-color: transparent; cursor: not-allowed; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent; border-color: #dd2a2a; } .nav .nav-divider { height: 1px; margin: 9px 0; overflow: hidden; background-color: #e5e5e5; } .nav > li > a > img { max-width: none; } .nav-tabs { border-bottom: 1px solid #ddd; } .nav-tabs > li { float: left; margin-bottom: -1px; } .nav-tabs > li > a { margin-right: 2px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .nav-tabs > li > a:hover { border-color: #eeeeee #eeeeee #ddd; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #555555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .nav-pills > li { float: left; } .nav-pills > li > a { border-radius: 4px; } .nav-pills > li + li { margin-left: 2px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: #fff; background-color: #dd2a2a; } .nav-stacked > li { float: none; } .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .nav-justified, .nav-tabs.nav-justified { width: 100%; } .nav-justified > li, .nav-tabs.nav-justified > li { float: none; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .nav-justified > li, .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .nav-justified > li > a, .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .nav-tabs-justified, .nav-tabs.nav-justified { border-bottom: 0; } .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .nav-tabs-justified > li > a, .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .nav-tabs-justified > .active > a, .nav-tabs.nav-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: #fff; } } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .navbar:before, .navbar:after { content: " "; display: table; } .navbar:after { clear: both; } @media (min-width: 768px) { .navbar { border-radius: 4px; } } .navbar-header:before, .navbar-header:after { content: " "; display: table; } .navbar-header:after { clear: both; } @media (min-width: 768px) { .navbar-header { float: left; } } .navbar-collapse { overflow-x: visible; padding-right: 15px; padding-left: 15px; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -webkit-overflow-scrolling: touch; } .navbar-collapse:before, .navbar-collapse:after { content: " "; display: table; } .navbar-collapse:after { clear: both; } .navbar-collapse.in { overflow-y: auto; } @media (min-width: 768px) { .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block; height: auto; padding-bottom: 0; overflow: visible !important; } .navbar-collapse.in { overflow-y: visible; } .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { padding-left: 0; padding-right: 0; } } .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 340px; } @media (max-device-width: 480px) and (orientation: landscape) { .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse { max-height: 200px; } } .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse { margin-right: 0; margin-left: 0; } } .navbar-static-top { z-index: 1000; border-width: 0 0 1px; } @media (min-width: 768px) { .navbar-static-top { border-radius: 0; } } .navbar-fixed-top, .navbar-fixed-bottom { position: fixed; right: 0; left: 0; z-index: 1030; } @media (min-width: 768px) { .navbar-fixed-top, .navbar-fixed-bottom { border-radius: 0; } } .navbar-fixed-top { top: 0; border-width: 0 0 1px; } .navbar-fixed-bottom { bottom: 0; margin-bottom: 0; border-width: 1px 0 0; } .navbar-brand { float: left; padding: 15px 15px; font-size: 18px; line-height: 20px; height: 50px; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-brand > img { display: block; } @media (min-width: 768px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: -15px; } } .navbar-toggle { position: relative; float: right; margin-right: 15px; padding: 9px 10px; margin-top: 8px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px; } .navbar-toggle:focus { outline: 0; } .navbar-toggle .icon-bar { display: block; width: 22px; height: 2px; border-radius: 1px; } .navbar-toggle .icon-bar + .icon-bar { margin-top: 4px; } @media (min-width: 768px) { .navbar-toggle { display: none; } } .navbar-nav { margin: 7.5px -15px; } .navbar-nav > li > a { line-height: 20px; } @media (max-width: 767px) { .navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; } .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 25px; } .navbar-nav .open .dropdown-menu > li > a { line-height: 20px; } .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-nav .open .dropdown-menu > li > a:focus { background-image: none; } } @media (min-width: 768px) { .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } } .navbar-form { margin-left: -15px; margin-right: -15px; padding: 10px 15px; border-top: 1px solid transparent; border-bottom: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1); margin-top: 8px; margin-bottom: 8px; } @media (min-width: 768px) { .navbar-form .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .navbar-form .form-control { display: inline-block; width: auto; vertical-align: middle; } .navbar-form .form-control-static { display: inline-block; } .navbar-form .input-group { display: inline-table; vertical-align: middle; } .navbar-form .input-group .input-group-addon, .navbar-form .input-group .input-group-btn, .navbar-form .input-group .form-control { width: auto; } .navbar-form .input-group > .form-control { width: 100%; } .navbar-form .control-label { margin-bottom: 0; vertical-align: middle; } .navbar-form .radio, .navbar-form .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .navbar-form .radio label, .navbar-form .checkbox label { padding-left: 0; } .navbar-form .radio input[type=radio], .navbar-form .checkbox input[type=checkbox] { position: relative; margin-left: 0; } .navbar-form .has-feedback .form-control-feedback { top: 0; } } @media (max-width: 767px) { .navbar-form .form-group { margin-bottom: 5px; } .navbar-form .form-group:last-child { margin-bottom: 0; } } @media (min-width: 768px) { .navbar-form { width: auto; border: 0; margin-left: 0; margin-right: 0; padding-top: 0; padding-bottom: 0; box-shadow: none; } } .navbar-nav > li > .dropdown-menu { margin-top: 0; border-top-right-radius: 0; border-top-left-radius: 0; } .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu { margin-bottom: 0; border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .navbar-btn { margin-top: 8px; margin-bottom: 8px; } .navbar-btn.btn-sm, .btn-group-sm > .navbar-btn.btn { margin-top: 10px; margin-bottom: 10px; } .navbar-btn.btn-xs, .btn-group-xs > .navbar-btn.btn { margin-top: 14px; margin-bottom: 14px; } .navbar-text { margin-top: 15px; margin-bottom: 15px; } @media (min-width: 768px) { .navbar-text { float: left; margin-left: 15px; margin-right: 15px; } } @media (min-width: 768px) { .navbar-left { float: left !important; } .navbar-right { float: right !important; margin-right: -15px; } .navbar-right ~ .navbar-right { margin-right: 0; } } .navbar-default { background-color: #f8f8f8; border-color: #e7e7e7; } .navbar-default .navbar-brand { color: #777; } .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus { color: #5e5e5e; background-color: transparent; } .navbar-default .navbar-text { color: #777; } .navbar-default .navbar-nav > li > a { color: #777; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus { color: #ccc; background-color: transparent; } .navbar-default .navbar-toggle { border-color: #ddd; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ddd; } .navbar-default .navbar-toggle .icon-bar { background-color: #888; } .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #e7e7e7; color: #555; } @media (max-width: 767px) { .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #777; } .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus { color: #333; background-color: transparent; } .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus { color: #555; background-color: #e7e7e7; } .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #ccc; background-color: transparent; } } .navbar-default .navbar-link { color: #777; } .navbar-default .navbar-link:hover { color: #333; } .navbar-default .btn-link { color: #777; } .navbar-default .btn-link:hover, .navbar-default .btn-link:focus { color: #333; } .navbar-default .btn-link[disabled]:hover, .navbar-default .btn-link[disabled]:focus, fieldset[disabled] .navbar-default .btn-link:hover, fieldset[disabled] .navbar-default .btn-link:focus { color: #ccc; } .navbar-inverse { background-color: #222; border-color: #090909; } .navbar-inverse .navbar-brand { color: #9d9d9d; } .navbar-inverse .navbar-brand:hover, .navbar-inverse .navbar-brand:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-text { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav > .disabled > a, .navbar-inverse .navbar-nav > .disabled > a:hover, .navbar-inverse .navbar-nav > .disabled > a:focus { color: #444; background-color: transparent; } .navbar-inverse .navbar-toggle { border-color: #333; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { background-color: #333; } .navbar-inverse .navbar-toggle .icon-bar { background-color: #fff; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border-color: #101010; } .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { background-color: #090909; color: #fff; } @media (max-width: 767px) { .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header { border-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu .divider { background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #9d9d9d; } .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus { color: #fff; background-color: transparent; } .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus { color: #fff; background-color: #090909; } .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus { color: #444; background-color: transparent; } } .navbar-inverse .navbar-link { color: #9d9d9d; } .navbar-inverse .navbar-link:hover { color: #fff; } .navbar-inverse .btn-link { color: #9d9d9d; } .navbar-inverse .btn-link:hover, .navbar-inverse .btn-link:focus { color: #fff; } .navbar-inverse .btn-link[disabled]:hover, .navbar-inverse .btn-link[disabled]:focus, fieldset[disabled] .navbar-inverse .btn-link:hover, fieldset[disabled] .navbar-inverse .btn-link:focus { color: #444; } .breadcrumb { list-style: none; border-radius: 4px; } .breadcrumb > li { display: inline-block; font-size: 13px; } .breadcrumb > li + li:before { content: "\F105"; font-family: "FontAwesome", sans-serif; padding: 0 10px; color: #888; } @media (max-width: 480px) { .breadcrumb > li + li:before { padding: 0 5px; } } .breadcrumb > li a { color: #888; font-size: 13px; } .breadcrumb > .active { font-weight: 600; } .breadcrumb > .active a { color: #222; font-weight: 600; } .pagination { display: inline-block; padding-left: 0; margin: 20px 0; border-radius: 4px; } .pagination > li { display: inline-block; padding: 0 7px; } .pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 10px 16px; line-height: 1.428571429; text-decoration: none; color: #222; background-color: #fff; border: 1px solid #ddd; margin-left: -1px; } .pagination > li:first-child { padding-left: 0; } .pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; } .pagination > li > a:hover, .pagination > li > a:focus, .pagination > li > span:hover, .pagination > li > span:focus { z-index: 2; color: #fff; background-color: #222; border-color: #222; } .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus { z-index: 3; color: #fff; background-color: #222222; border-color: #222222; cursor: default; } .pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #777777; background-color: #fff; border-color: #ddd; cursor: not-allowed; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; line-height: 1.3333333; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 6px; border-top-left-radius: 6px; } .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-bottom-right-radius: 6px; border-top-right-radius: 6px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; line-height: 1.5; } .pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .pager { padding-left: 0; margin: 20px 0; list-style: none; text-align: center; } .pager:before, .pager:after { content: " "; display: table; } .pager:after { clear: both; } .pager li { display: inline; } .pager li > a, .pager li > span { display: inline-block; padding: 5px 14px; background-color: #fff; border: 1px solid #ddd; border-radius: 15px; } .pager li > a:hover, .pager li > a:focus { text-decoration: none; background-color: #222; } .pager .next > a, .pager .next > span { float: right; } .pager .previous > a, .pager .previous > span { float: left; } .pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span { color: #777777; background-color: #fff; cursor: not-allowed; } .label { display: inline; padding: 0.2em 0.6em 0.3em; font-size: 75%; font-weight: bold; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25em; } .label:empty { display: none; } .btn .label { position: relative; top: -1px; } a.label:hover, a.label:focus { color: #fff; text-decoration: none; cursor: pointer; } .label-default { background-color: #777777; } .label-default[href]:hover, .label-default[href]:focus { background-color: #5e5e5e; } .label-primary { background-color: #dd2a2a; } .label-primary[href]:hover, .label-primary[href]:focus { background-color: #b71d1d; } .label-success { background-color: #5cb85c; } .label-success[href]:hover, .label-success[href]:focus { background-color: #449d44; } .label-info { background-color: #5bc0de; } .label-info[href]:hover, .label-info[href]:focus { background-color: #31b0d5; } .label-warning { background-color: #f0ad4e; } .label-warning[href]:hover, .label-warning[href]:focus { background-color: #ec971f; } .label-danger { background-color: #d9534f; } .label-danger[href]:hover, .label-danger[href]:focus { background-color: #c9302c; } .badge { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: bold; color: #fff; line-height: 1; vertical-align: middle; white-space: nowrap; text-align: center; background-color: #777777; border-radius: 10px; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .btn-xs .badge, .btn-group-xs > .btn .badge { top: 0; padding: 1px 5px; } .list-group-item.active > .badge, .nav-pills > .active > a > .badge { color: #dd2a2a; background-color: #fff; } .list-group-item > .badge { float: right; } .list-group-item > .badge + .badge { margin-right: 5px; } .nav-pills > li > a > .badge { margin-left: 3px; } a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer; } .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #eeeeee; } .jumbotron h1, .jumbotron .h1 { color: inherit; } .jumbotron p { margin-bottom: 15px; font-size: 21px; font-weight: 200; } .jumbotron > hr { border-top-color: #d5d5d5; } .container .jumbotron, .container-fluid .jumbotron { border-radius: 6px; padding-left: 15px; padding-right: 15px; } .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .jumbotron { padding-top: 48px; padding-bottom: 48px; } .container .jumbotron, .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } .jumbotron h1, .jumbotron .h1 { font-size: 63px; } } .thumbnail { display: block; padding: 4px; margin-bottom: 20px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; transition: border 0.2s ease-in-out; } .thumbnail > img, .thumbnail a > img { display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; } .thumbnail .caption { padding: 9px; color: #222222; } a.thumbnail:hover, a.thumbnail:focus, a.thumbnail.active { border-color: #dd2a2a; } .alert { padding: 15px; margin-bottom: 20px; border: 1px solid transparent; border-radius: 4px; } .alert h4 { margin-top: 0; color: inherit; } .alert .alert-link { font-weight: bold; } .alert > p, .alert > ul { margin-bottom: 0; } .alert > p + p { margin-top: 5px; } .alert-dismissable, .alert-dismissible { padding-right: 35px; } .alert-dismissable .close, .alert-dismissible .close { position: relative; top: -2px; right: -21px; color: inherit; } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #3c763d; } .alert-success hr { border-top-color: #c9e2b3; } .alert-success .alert-link { color: #2b542c; } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f; } .alert-info hr { border-top-color: #a6e1ec; } .alert-info .alert-link { color: #245269; } .alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b; } .alert-warning hr { border-top-color: #f7e1b5; } .alert-warning .alert-link { color: #66512c; } .alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442; } .alert-danger hr { border-top-color: #e4b9c0; } .alert-danger .alert-link { color: #843534; } @-webkit-keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } @keyframes progress-bar-stripes { from { background-position: 40px 0; } to { background-position: 0 0; } } .progress { overflow: hidden; height: 12px; margin-bottom: 20px; background-color: #cccccc; } .progress-bar { float: left; width: 0%; height: 100%; font-size: 12px; line-height: 12px; color: #fff; text-align: center; background-color: #222; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); transition: width 0.6s ease; } .progress-striped .progress-bar, .progress-bar-striped { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-size: 40px 40px; } .progress.active .progress-bar, .progress-bar.active { -webkit-animation: progress-bar-stripes 2s linear infinite; animation: progress-bar-stripes 2s linear infinite; } .progress-bar-success { background-color: #5cb85c; } .progress-striped .progress-bar-success { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-info { background-color: #5bc0de; } .progress-striped .progress-bar-info { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-warning { background-color: #f0ad4e; } .progress-striped .progress-bar-warning { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-danger { background-color: #d9534f; } .progress-striped .progress-bar-danger { background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .media { margin-top: 15px; } .media:first-child { margin-top: 0; } .media, .media-body { zoom: 1; overflow: hidden; } .media-body { width: 10000px; } .media-object { display: block; } .media-object.img-thumbnail { max-width: none; } .media-right, .media > .pull-right { padding-left: 10px; } .media-left, .media > .pull-left { padding-right: 10px; } .media-left, .media-right, .media-body { display: table-cell; vertical-align: top; } .media-middle { vertical-align: middle; } .media-bottom { vertical-align: bottom; } .media-heading { margin-top: 0; margin-bottom: 5px; } .media-list { padding-left: 0; list-style: none; } .list-group { margin-bottom: 20px; padding-left: 0; } .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } a.list-group-item, button.list-group-item { color: #555; } a.list-group-item .list-group-item-heading, button.list-group-item .list-group-item-heading { color: #333; } a.list-group-item:hover, a.list-group-item:focus, button.list-group-item:hover, button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } button.list-group-item { width: 100%; text-align: left; } .list-group-item.disabled, .list-group-item.disabled:hover, .list-group-item.disabled:focus { background-color: #eeeeee; color: #777777; cursor: not-allowed; } .list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .list-group-item.disabled .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text { color: #777777; } .list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #dd2a2a; border-color: #dd2a2a; } .list-group-item.active .list-group-item-heading, .list-group-item.active .list-group-item-heading > small, .list-group-item.active .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading, .list-group-item.active:hover .list-group-item-heading > small, .list-group-item.active:hover .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading, .list-group-item.active:focus .list-group-item-heading > small, .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .list-group-item.active .list-group-item-text, .list-group-item.active:hover .list-group-item-text, .list-group-item.active:focus .list-group-item-text { color: #f9dada; } .list-group-item-success { color: #3c763d; background-color: #dff0d8; } a.list-group-item-success, button.list-group-item-success { color: #3c763d; } a.list-group-item-success .list-group-item-heading, button.list-group-item-success .list-group-item-heading { color: inherit; } a.list-group-item-success:hover, a.list-group-item-success:focus, button.list-group-item-success:hover, button.list-group-item-success:focus { color: #3c763d; background-color: #d0e9c6; } a.list-group-item-success.active, a.list-group-item-success.active:hover, a.list-group-item-success.active:focus, button.list-group-item-success.active, button.list-group-item-success.active:hover, button.list-group-item-success.active:focus { color: #fff; background-color: #3c763d; border-color: #3c763d; } .list-group-item-info { color: #31708f; background-color: #d9edf7; } a.list-group-item-info, button.list-group-item-info { color: #31708f; } a.list-group-item-info .list-group-item-heading, button.list-group-item-info .list-group-item-heading { color: inherit; } a.list-group-item-info:hover, a.list-group-item-info:focus, button.list-group-item-info:hover, button.list-group-item-info:focus { color: #31708f; background-color: #c4e3f3; } a.list-group-item-info.active, a.list-group-item-info.active:hover, a.list-group-item-info.active:focus, button.list-group-item-info.active, button.list-group-item-info.active:hover, button.list-group-item-info.active:focus { color: #fff; background-color: #31708f; border-color: #31708f; } .list-group-item-warning { color: #8a6d3b; background-color: #fcf8e3; } a.list-group-item-warning, button.list-group-item-warning { color: #8a6d3b; } a.list-group-item-warning .list-group-item-heading, button.list-group-item-warning .list-group-item-heading { color: inherit; } a.list-group-item-warning:hover, a.list-group-item-warning:focus, button.list-group-item-warning:hover, button.list-group-item-warning:focus { color: #8a6d3b; background-color: #faf2cc; } a.list-group-item-warning.active, a.list-group-item-warning.active:hover, a.list-group-item-warning.active:focus, button.list-group-item-warning.active, button.list-group-item-warning.active:hover, button.list-group-item-warning.active:focus { color: #fff; background-color: #8a6d3b; border-color: #8a6d3b; } .list-group-item-danger { color: #a94442; background-color: #f2dede; } a.list-group-item-danger, button.list-group-item-danger { color: #a94442; } a.list-group-item-danger .list-group-item-heading, button.list-group-item-danger .list-group-item-heading { color: inherit; } a.list-group-item-danger:hover, a.list-group-item-danger:focus, button.list-group-item-danger:hover, button.list-group-item-danger:focus { color: #a94442; background-color: #ebcccc; } a.list-group-item-danger.active, a.list-group-item-danger.active:hover, a.list-group-item-danger.active:focus, button.list-group-item-danger.active, button.list-group-item-danger.active:hover, button.list-group-item-danger.active:focus { color: #fff; background-color: #a94442; border-color: #a94442; } .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .panel { border-bottom: 1px solid #eee; } .panel-body { padding: 5px 30px 30px 30px; } .panel-body:before, .panel-body:after { content: " "; display: table; } .panel-body:after { clear: both; } .panel-heading { padding: 22px 30px; } .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; } .panel-title > a, .panel-title > small, .panel-title > .small, .panel-title > small > a, .panel-title > .small > a { color: inherit; } .panel-footer { padding: 22px 30px; background-color: #f5f5f5; border-top: 1px solid #ddd; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .list-group, .panel > .panel-collapse > .list-group { margin-bottom: 0; } .panel > .list-group .list-group-item, .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; border-radius: 0; } .panel > .list-group:first-child .list-group-item:first-child, .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .list-group:last-child .list-group-item:last-child, .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .list-group + .panel-footer { border-top-width: 0; } .panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0; } .panel > .table caption, .panel > .table-responsive > .table caption, .panel > .panel-collapse > .table caption { padding-left: 5px 30px 30px 30px; padding-right: 5px 30px 30px 30px; } .panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-right-radius: 3px; border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; } .panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; } .panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; } .panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; } .panel > .panel-body + .table, .panel > .panel-body + .table-responsive, .panel > .table + .panel-body, .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0; } .panel > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .panel > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .panel > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .panel > .table-responsive { border: 0; margin-bottom: 0; } .panel-group { margin-bottom: 20px; } .panel-group .panel { margin-bottom: 0; } .panel-group .panel-heading { border-bottom: 0; } .panel-group .panel-footer { border-top: 0; } .panel-default { border-color: #ddd; } .panel-default > .panel-heading { color: #333333; background-color: #f5f5f5; border-color: #ddd; } .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddd; } .panel-default > .panel-heading .badge { color: #f5f5f5; background-color: #333333; } .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddd; } .panel-primary { border-color: #dd2a2a; } .panel-primary > .panel-heading { color: #fff; background-color: #dd2a2a; border-color: #dd2a2a; } .panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #dd2a2a; } .panel-primary > .panel-heading .badge { color: #dd2a2a; background-color: #fff; } .panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #dd2a2a; } .panel-success { border-color: #d6e9c6; } .panel-success > .panel-heading { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d6e9c6; } .panel-success > .panel-heading .badge { color: #dff0d8; background-color: #3c763d; } .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d6e9c6; } .panel-info { border-color: #bce8f1; } .panel-info > .panel-heading { color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #bce8f1; } .panel-info > .panel-heading .badge { color: #d9edf7; background-color: #31708f; } .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #bce8f1; } .panel-warning { border-color: #faebcc; } .panel-warning > .panel-heading { color: #8a6d3b; background-color: #fcf8e3; border-color: #faebcc; } .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #faebcc; } .panel-warning > .panel-heading .badge { color: #fcf8e3; background-color: #8a6d3b; } .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #faebcc; } .panel-danger { border-color: #ebccd1; } .panel-danger > .panel-heading { color: #a94442; background-color: #f2dede; border-color: #ebccd1; } .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ebccd1; } .panel-danger > .panel-heading .badge { color: #f2dede; background-color: #a94442; } .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ebccd1; } .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .well blockquote { border-color: #ddd; border-color: rgba(0, 0, 0, 0.15); } .well-lg { padding: 24px; border-radius: 6px; } .well-sm { padding: 9px; border-radius: 3px; } .close { float: right; font-size: 21px; font-weight: 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; } .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .modal.fade .modal-dialog { top: 30%; transform: translate(0, 0); transition: transform 0.3s ease-out; } .modal.in .modal-dialog { transform: translate(0, 50%); } .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; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .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; } .modal-header:before, .modal-header:after { content: " "; display: table; } .modal-header:after { clear: both; } .modal-header .close { margin-top: -2px; } .modal-title { margin: 0; line-height: 1.428571429; } .modal-body { position: relative; padding: 15px; } .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; } .modal-footer:before, .modal-footer:after { content: " "; display: table; } .modal-footer:after { clear: both; } .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 { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .modal-sm { width: 300px; } } @media (min-width: 1025px) { .modal-lg { width: 900px; } } .tooltip { position: absolute; z-index: 1070; display: block; font-family: "Eina", sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.428571429; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 12px; opacity: 0; filter: alpha(opacity=0); } .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; 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; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max-width: 276px; padding: 1px; font-family: "Eina", sans-serif; font-style: normal; font-weight: normal; letter-spacing: normal; line-break: auto; line-height: 1.428571429; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; white-space: normal; word-break: normal; word-spacing: normal; word-wrap: normal; font-size: 14px; background-color: #fff; background-clip: padding-box; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); } .popover.top { margin-top: -10px; } .popover.right { margin-left: 10px; } .popover.bottom { margin-top: 10px; } .popover.left { margin-left: -10px; } .popover-title { margin: 0; padding: 8px 14px; font-size: 14px; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-radius: 5px 5px 0 0; } .popover-content { padding: 9px 14px; } .popover > .arrow, .popover > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .popover > .arrow { border-width: 11px; } .popover > .arrow:after { border-width: 10px; content: ""; } .popover.top > .arrow { left: 50%; margin-left: -11px; border-bottom-width: 0; border-top-color: #999999; border-top-color: rgba(0, 0, 0, 0.25); bottom: -11px; } .popover.top > .arrow:after { content: " "; bottom: 1px; margin-left: -10px; border-bottom-width: 0; border-top-color: #fff; } .popover.right > .arrow { top: 50%; left: -11px; margin-top: -11px; border-left-width: 0; border-right-color: #999999; border-right-color: rgba(0, 0, 0, 0.25); } .popover.right > .arrow:after { content: " "; left: 1px; bottom: -10px; border-left-width: 0; border-right-color: #fff; } .popover.bottom > .arrow { left: 50%; margin-left: -11px; border-top-width: 0; border-bottom-color: #999999; border-bottom-color: rgba(0, 0, 0, 0.25); top: -11px; } .popover.bottom > .arrow:after { content: " "; top: 1px; margin-left: -10px; border-top-width: 0; border-bottom-color: #fff; } .popover.left > .arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: #999999; border-left-color: rgba(0, 0, 0, 0.25); } .popover.left > .arrow:after { content: " "; right: 1px; border-right-width: 0; border-left-color: #fff; bottom: -10px; } .carousel { position: relative; } .carousel-inner { position: relative; overflow: hidden; width: 100%; } .carousel-inner > .item { display: none; position: relative; transition: 0.6s ease-in-out left; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { transform: translate3d(100%, 0, 0); left: 0; } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { transform: translate3d(-100%, 0, 0); left: 0; } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { transform: translate3d(0, 0, 0); left: 0; } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 15%; opacity: 0.5; filter: alpha(opacity=50); font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); } .carousel-control.left { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1); } .carousel-control.right { left: auto; right: 0; background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1); } .carousel-control:hover, .carousel-control:focus { outline: 0; color: #fff; text-decoration: none; opacity: 0.9; filter: alpha(opacity=90); } .carousel-control .icon-prev, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .carousel-control .icon-prev, .carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .carousel-control .icon-next, .carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .carousel-control .icon-prev, .carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .carousel-control .icon-prev:before { content: "\2039"; } .carousel-control .icon-next:before { content: "\203A"; } .carousel-indicators { position: absolute; bottom: 10px; left: 50%; z-index: 15; width: 60%; margin-left: -30%; padding-left: 0; list-style: none; text-align: center; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; border: 1px solid #fff; border-radius: 10px; cursor: pointer; background-color: #000 \9 ; background-color: rgba(0, 0, 0, 0); } .carousel-indicators .active { margin: 0; width: 12px; height: 12px; background-color: #fff; } .carousel-caption { position: absolute; left: 15%; right: 15%; bottom: 20px; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); } .carousel-caption .btn { text-shadow: none; } @media screen and (min-width: 768px) { .carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-prev, .carousel-control .icon-next { width: 30px; height: 30px; margin-top: -10px; font-size: 30px; } .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { margin-left: -10px; } .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next { margin-right: -10px; } .carousel-caption { left: 20%; right: 20%; padding-bottom: 30px; } .carousel-indicators { bottom: 20px; } } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs { display: none !important; } .visible-sm { display: none !important; } .visible-md { display: none !important; } .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 1024px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 1024px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 1024px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 1024px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 1025px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 1025px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 1025px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 1025px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 1024px) { .hidden-sm { display: none !important; } } @media (min-width: 1025px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table !important; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } /** * Import component variables */ body { padding: 0px; font-weight: 400; margin: 0px; } input, textarea, .form-control, button, .btn { outline: none; box-shadow: none; } a { color: #2b2b2b; text-decoration: none; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } a:hover, a:focus { color: #dd2a2a; text-decoration: none; outline: none; } button { transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } svg:hover { fill: #dd2a2a; } @keyframes myAnimation { from { right: 50px; } to { right: 0px; } } ol, ul { list-style: none; padding: 0; } li { list-style: none; } .slick-slide:focus, .slick-slide a { outline: none; } .red { color: #dd2a2a; } .f-40 { font-size: 40px; } .f-20 { font-size: 20px; } .f-17 { font-size: 17px; } .f-15 { font-size: 15px; } @media (min-width: 1400px) { .container-content { width: 1430px; } } @media (min-width: 1025px) and (max-width: 1200px) { .container { width: 100%; padding-right: 15px; padding-left: 15px; } } @media (min-width: 1780px) { .container-content { width: 1740px; } } @media (max-width: 1024px) { .container { width: 100%; padding-right: 15px; padding-left: 15px; } } .container-full { width: 100%; padding-right: 0; padding-left: 0; } .f-col4 { width: 25%; flex: 1 1 25%; position: relative; } @media (max-width: 480px) { .f-col4 { width: 100%; flex: 1 1 100%; } } .f-col6 { width: 50%; flex: 1 1 50%; position: relative; } @media (max-width: 480px) { .f-col6 { width: 100%; flex: 1 1 100%; } } @media (max-width: 812px) { .sm-f-col6 { width: 50%; flex: 1 1 50%; position: relative; } } @media (max-width: 480px) { .xs-f-col6 { width: 100%; flex: 1 1 100%; position: relative; } } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-15 { width: 20%; float: left; } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (min-width: 1025px) { .col-md-15 { width: 20%; float: left; } } @media (min-width: 1200px) { .col-lg-15 { width: 20%; float: left; } } @media (min-width: 768px) { /* Column clear fix */ .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-15:nth-child(5n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1) { clear: none; } .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) { clear: left; } } /* Medium Desktop */ @media (min-width: 1025px) { /* Column clear fix */ .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) { clear: none; } .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-15:nth-child(5n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1) { clear: left; } } /* Large Desktop */ @media (min-width: 1200px) { /* Column clear fix */ .col-md-1:nth-child(12n+1), .col-md-2:nth-child(6n+1), .col-md-3:nth-child(4n+1), .col-md-4:nth-child(3n+1), .col-md-6:nth-child(2n+1), .col-sm-1:nth-child(12n+1), .col-sm-2:nth-child(6n+1), .col-sm-3:nth-child(4n+1), .col-sm-4:nth-child(3n+1), .col-sm-6:nth-child(2n+1) { clear: none; } .col-lg-1:nth-child(12n+1), .col-lg-2:nth-child(6n+1), .col-lg-3:nth-child(4n+1), .col-lg-4:nth-child(3n+1), .col-lg-6:nth-child(2n+1) { clear: left; } } .pushmenu { /*this is the nav*/ background: #1d1d1f; width: 362px; height: 100%; top: 0; z-index: 1000; position: fixed; } .pushmenu.pushmenu-left { background: transparent; } @media (min-width: 480px) { .pushmenu.pushmenu-left { width: 470px; } } .pushmenu-left { right: -470px; } .pushmenu-left.pushmenu-open { right: 0; background: #fff; z-index: 9999; } .pushmenu-push-toright { right: 362px; } .pushmenu-push-toright-cart { right: 362px; } @media (min-width: 480px) { .pushmenu-push-toright-cart { right: 470px; } } /*Transition*/ .pushmenu, body { transition: all 0.3s ease; z-index: 5; } .pushmenu.search-opened, body.search-opened { overflow: hidden; } .pushmenu-push-toright .wrappage { position: relative; } .pushmenu-push-toright-cart .wrappage:after { position: absolute; background: rgba(29, 29, 31, 0.6) none repeat scroll 0 0; content: ""; height: 100%; width: 100%; left: 0px; top: 0px; z-index: 999; cursor: pointer; } @media (max-width: 320px) { .pushmenu { width: 280px; } .pushmenu-left { right: -280px; } .pushmenu-push-toright-cart { right: 280px; } .pushmenu.pushmenu-left { width: 280px; } } .mg-top-30 { margin-top: 30px; } .mg-bottom-30 { margin-bottom: 30px; } .mg-30 { margin: 30px 0; } .mg-top-15 { margin-top: 15px; } .mg-bottom-15 { margin-bottom: 15px; } .mg-right-30 { margin-right: 30px; } .mg-left-30 { margin-left: 30px; } @media (min-width: 768px) { .sm-mg-bottom-60 { margin-bottom: 60px; } } @media (max-width: 767px) { .xs-mg-bottom-30 { margin-bottom: 30px; } } .no-mg { margin: 0; } .pd-right-30 { padding-right: 30px !important; } @media (min-width: 1025px) { .hover-images { overflow: hidden; display: inline-block; vertical-align: bottom; } .hover-images img { transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .hover-images:hover img { transform: scale(1.05); } } .effect-img3 { display: inline-block; vertical-align: top; max-width: 100%; position: relative; overflow: hidden; } .plus-zoom:hover:before { right: 50%; left: 50%; background-color: rgba(255, 255, 255, 0.5); } .plus-zoom:hover:after { top: 50%; bottom: 50%; background-color: rgba(255, 255, 255, 0.5); } .plus-zoom::before, .plus-zoom::after { content: ""; position: absolute; top: 0; bottom: 0; right: 0; left: 0; transition: all 0.4s ease; z-index: 1; } /* Firefox */ /* Chrome */ @-webkit-keyframes myAnimation { from { right: 50px; } to { right: 0px; } } /* Opera */ .rotate-180 { transform: rotate(-180deg); display: inline-block; } .overlay-img { background-color: rgba(239, 246, 246, 0.6); opacity: 0; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .contact-overlay-img { background-color: rgba(0, 0, 0, 0.7); opacity: 0; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .banner-overlay-img { background-color: rgba(34, 34, 34, 0.25); opacity: 0; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .product-overlay-img { background-color: rgba(255, 255, 255, 0.8); opacity: 0; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .bd-bottom { border-bottom: 1px solid #eee; } .bd-top { border-top: 1px solid #eee; } .zoa-btn { display: block; background: #222222; border-color: #222; color: #fff; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .zoa-btn:hover { background: #dd2a2a; color: #fff; border-color: #dd2a2a; } .btn-login { width: 100%; padding: 16px 0; text-align: center; font-size: 15px; } .zoa-wl-addcart { width: 240px; height: 55px; text-align: center; line-height: 55px; float: right; } .btn-shopnow { font-size: 13px; text-transform: uppercase; display: inline-block; padding: 14px 32px; text-align: center; } .text-note { color: #888888; margin-top: 5px; } .text-note a { color: #222222; position: relative; padding-bottom: 1px; } .text-note a:hover { color: #dd2a2a; } .text-note a:hover:after { background: #dd2a2a; } .text-note a:after { content: ""; width: 0; height: 1px; background: #222; position: absolute; display: block; left: 0; right: 0; width: 100%; bottom: 0; } .text-note.no-mg { margin: 0; } .mb-title { text-transform: uppercase; font-size: 14px; color: #a4a4a4; padding: 0 30px; margin-bottom: 30px; } @media (min-width: 480px) { .title { font-size: 46px; letter-spacing: 0.02em; } } @media (min-width: 480px) { .title a { font-size: 46px; } } .title.home-title { font-size: 30px; letter-spacing: 0.02em; } .shop-heading { background: #f6f6f6; padding: 44px 0; } .shop-heading h1 { font-size: 36px; margin-bottom: 0; } .shop-heading .breadcrumb { margin-top: 5px; } .shop-title { font-size: 24px; font-weight: 600; } @media (max-width: 1025px) { .shop-title { margin-top: 0; } } .related-title { font-size: 24px; } @media (min-width: 1025px) { .related-title { font-size: 36px; } } .desc { font-size: 16px; color: #999; } /* 4.4. Icon-progress */ span.star { color: #ffb933; margin: 0; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } span.star:first-child { margin-left: 0; } span.star:last-child { color: #999; } span.star:before { content: "\F005"; font-family: FontAwesome; } .form-customer .form-group label { font-weight: 400; margin-bottom: 10px; } .form-customer .form-group input { height: 55px; border: 1px solid #eee; color: #888; padding-left: 15px; } .form-customer .form-group input::-webkit-input-placeholder { color: #888888; font-size: 14px; } .form-customer .form-group input:-moz-placeholder { color: #888888; font-size: 14px; } .form-customer .form-group input::-moz-placeholder { color: #888888; font-size: 14px; } .form-customer .form-group input:-ms-input-placeholder { color: #888888; font-size: 14px; } .form-customer .checkbox { margin: 0; } .form-customer .checkbox input { margin-left: 0; -ms-transform: scale(1.5); /* IE */ -moz-transform: scale(1.5); /* FF */ -webkit-transform: scale(1.5); /* Safari and Chrome */ -o-transform: scale(1.5); } .form_newsletter input { width: 300px; height: 50px; border: 1px solid #ddd; color: #888; padding-left: 28px; } .form_newsletter input::-webkit-input-placeholder { color: #666; font-size: 14px; } .form_newsletter input:-moz-placeholder { color: #666; font-size: 14px; } .form_newsletter input::-moz-placeholder { color: #666; font-size: 14px; } .form_newsletter input:-ms-input-placeholder { color: #666; font-size: 14px; } .form_newsletter .button_mini { width: 180px; height: 50px; } @media (max-width: 480px) { .form_newsletter .button_mini { margin-top: 15px; } } @media (min-width: 480px) { .form_newsletter { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } } .breadcrumb { margin-top: 20px; margin-bottom: 20px; } .breadcrumb.v2 { margin: 34px 0; } .box-center { width: 100%; height: 100%; position: absolute; top: 0; left: 0; justify-content: center; flex-direction: column; align-items: center; display: flex; } .box-center.align-items-end { -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; } .slide-btn { font-weight: 600; font-size: 16px; position: relative; padding-bottom: 8px; } .slide-btn:before { content: ""; position: absolute; border-bottom: 2px solid #dd2a2a; bottom: 0; width: 100%; } .slide .pagingInfo { letter-spacing: 0.1em; font-weight: bold; font-size: 16px; } @media (min-width: 480px) { .slide .pagingInfo { font-size: 36px; } } .slide .pagingInfo span { font-size: 10px; font-weight: 600; color: #999; } @media (min-width: 480px) { .slide .pagingInfo span { font-size: 16px; } } .slide .pagingInfo span:before { content: "/"; padding: 0 6px; color: #222; } .slide .slide-img, .slide .collection-img { position: relative; } .slide.v4 .slick-dots { bottom: 5px; } @media (min-width: 480px) { .slide.v4 .slick-dots { bottom: 30px; } } .slide.v4 .content1 h3 { color: #FFF; } @media (min-width: 1025px) { .slide.v4 .content1 h3 { font-size: 90px; margin-bottom: 25px; } } .slide.v4 .content1 a { color: #FFF; } .slide.v4 .content1 a:hover { color: #dd2a2a; } .slide.v2 { position: relative; } .slide.v2 .content1 { text-align: center; } @media (min-width: 480px) { .slide.v2 .content1 { -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; width: 40%; padding-left: 16.6667%; } } @media (min-width: 1025px) { .slide.v2 .content1 h3 { font-size: 72px; } } .slide.v2 .content1 a { margin-right: auto; margin-left: auto; } .slide.v2 .slick-dotted.slick-slider { margin-bottom: 0; } .slide.v2 .slick-dots { width: 10%; right: 50px; left: 15px; bottom: auto; top: 50%; transform: translateY(-50%); } @media (min-width: 1025px) { .slide.v2 .slick-dots { left: 105px; } } .slide.v2 .slick-dots li { height: 2px; width: 15px; display: block; padding: 2px 0; margin: 15px 0; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } @media (min-width: 480px) { .slide.v2 .slick-dots li { margin: 30px 0; } } .slide.v2 .slick-dots li button { width: 40px; height: 30px; } .slide.v2 .slick-dots li button:before { height: 2px; width: 15px; opacity: 0.4; background-color: black; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .slide.v2 .slick-dots li.slick-active { height: 2px; width: 40px; } .slide.v2 .slick-dots li.slick-active button:before { height: 2px; width: 40px; opacity: 1; } .slide.v2 .slick-dots li:hover { height: 2px; width: 40px; } .slide.v2 .slick-dots li:hover button:before { height: 2px; width: 40px; opacity: 1; } .slide.v2 .custom { position: absolute; left: 15px; bottom: 15px; } @media (min-width: 1025px) { .slide.v2 .custom { left: 105px; bottom: 35px; } } .slide.v3, .slide.v5, .slide.v6 { position: relative; } @media (min-width: 480px) { .slide.v3 .content1, .slide.v5 .content1, .slide.v6 .content1 { padding-top: 17%; } } .slide.v3 .content1 h3, .slide.v5 .content1 h3, .slide.v6 .content1 h3 { letter-spacing: 0.5em; text-transform: uppercase; font-weight: bold; font-size: 12px; } @media (min-width: 480px) { .slide.v3 .content1 h3, .slide.v5 .content1 h3, .slide.v6 .content1 h3 { font-size: 19px; } } @media (min-width: 1025px) { .slide.v3 .content1 h3, .slide.v5 .content1 h3, .slide.v6 .content1 h3 { margin-bottom: 68px; } } .slide.v3 .content1 .btn-shopnow, .slide.v5 .content1 .btn-shopnow, .slide.v6 .content1 .btn-shopnow { border: 2px solid #222; font-weight: 600; background: transparent; } @media (min-width: 480px) { .slide.v3 .content1 .btn-shopnow, .slide.v5 .content1 .btn-shopnow, .slide.v6 .content1 .btn-shopnow { padding: 14px 46px; } } @media (max-width: 480px) { .slide.v3 .content1 .btn-shopnow, .slide.v5 .content1 .btn-shopnow, .slide.v6 .content1 .btn-shopnow { font-size: 8px; padding: 10px 32px; } } .slide.v3 .content1 .btn-shopnow:hover, .slide.v5 .content1 .btn-shopnow:hover, .slide.v6 .content1 .btn-shopnow:hover { background: #dd2a2a; border-color: #dd2a2a; color: #FFF; } @media (min-width: 480px) { .slide.v3 .content2, .slide.v5 .content2, .slide.v6 .content2 { padding-right: 30%; } } .slide.v3 .content2 h3, .slide.v5 .content2 h3, .slide.v6 .content2 h3 { letter-spacing: 0.02em; } @media (min-width: 480px) { .slide.v3 .content2 h3, .slide.v5 .content2 h3, .slide.v6 .content2 h3 { font-size: 72px; margin-bottom: 30px; } } .slide.v3 .content3, .slide.v5 .content3, .slide.v6 .content3 { padding-top: 23%; } @media (min-width: 480px) { .slide.v3 .content3 .slide-btn, .slide.v5 .content3 .slide-btn, .slide.v6 .content3 .slide-btn { font-size: 18px; } } .slide.v3 .content5, .slide.v5 .content5, .slide.v6 .content5 { padding-left: 25%; padding-top: 10%; text-align: center; } .slide.v3 .content5 .tag-title, .slide.v5 .content5 .tag-title, .slide.v6 .content5 .tag-title { letter-spacing: 0.2em; font-weight: 600; } @media (min-width: 480px) { .slide.v3 .content5 .tag-title, .slide.v5 .content5 .tag-title, .slide.v6 .content5 .tag-title { font-size: 30px; } } .slide.v3 .content5 h3, .slide.v5 .content5 h3, .slide.v6 .content5 h3 { font-weight: bold; } @media (min-width: 480px) { .slide.v3 .content5 h3, .slide.v5 .content5 h3, .slide.v6 .content5 h3 { font-size: 50px; } } @media (min-width: 1025px) { .slide.v3 .content5 h3, .slide.v5 .content5 h3, .slide.v6 .content5 h3 { font-size: 140px; margin-top: 30px; margin-bottom: 35px; } } .slide.v3 .content5 .btn-shopnow, .slide.v5 .content5 .btn-shopnow, .slide.v6 .content5 .btn-shopnow { border: 2px solid #222; font-weight: 600; background: transparent; } @media (min-width: 480px) { .slide.v3 .content5 .btn-shopnow, .slide.v5 .content5 .btn-shopnow, .slide.v6 .content5 .btn-shopnow { padding: 10px 32px; font-size: 16px; } } @media (max-width: 480px) { .slide.v3 .content5 .btn-shopnow, .slide.v5 .content5 .btn-shopnow, .slide.v6 .content5 .btn-shopnow { font-size: 8px; padding: 8px 12px; } } .slide.v3 .content5 .btn-shopnow:hover, .slide.v5 .content5 .btn-shopnow:hover, .slide.v6 .content5 .btn-shopnow:hover { background: #dd2a2a; border-color: #dd2a2a; color: #FFF; } .slide.v3 .slick-dotted.slick-slider, .slide.v5 .slick-dotted.slick-slider, .slide.v6 .slick-dotted.slick-slider { margin-bottom: 0; } .slide.v3 .slick-dots, .slide.v5 .slick-dots, .slide.v6 .slick-dots { width: 10%; right: 50px; left: 15px; bottom: auto; top: 50%; transform: translateY(-50%); } @media (min-width: 1025px) { .slide.v3 .slick-dots, .slide.v5 .slick-dots, .slide.v6 .slick-dots { left: 90px; } } .slide.v3 .slick-dots:after, .slide.v5 .slick-dots:after, .slide.v6 .slick-dots:after { content: url("../img/retange.png"); position: absolute; left: 12px; bottom: -38px; } @media (min-width: 480px) { .slide.v3 .slick-dots:after, .slide.v5 .slick-dots:after, .slide.v6 .slick-dots:after { left: 15px; } } .slide.v3 .slick-dots li, .slide.v5 .slick-dots li, .slide.v6 .slick-dots li { display: block; padding: 2px 0; } @media (min-width: 480px) { .slide.v3 .slick-dots li, .slide.v5 .slick-dots li, .slide.v6 .slick-dots li { margin: 25px 0; } } .slide.v3 .slick-dots li button, .slide.v5 .slick-dots li button, .slide.v6 .slick-dots li button { width: 11px; height: 11px; background: url("../img/dot.png") no-repeat center; text-indent: -9999px; overflow: hidden; } @media (min-width: 480px) { .slide.v3 .slick-dots li button, .slide.v5 .slick-dots li button, .slide.v6 .slick-dots li button { padding: 20px; } } .slide.v3 .slick-dots li button:before, .slide.v5 .slick-dots li button:before, .slide.v6 .slick-dots li button:before { background-color: transparent; } @media (min-width: 480px) { .slide.v3 .slick-dots li.slick-active, .slide.v5 .slick-dots li.slick-active, .slide.v6 .slick-dots li.slick-active { margin-bottom: 103px; } } .slide.v3 .slick-dots li.slick-active button, .slide.v5 .slick-dots li.slick-active button, .slide.v6 .slick-dots li.slick-active button { background: url("../img/active_dot.png") no-repeat center; } @media (min-width: 480px) { .slide.v3 .slick-dots li.slick-active button:before, .slide.v5 .slick-dots li.slick-active button:before, .slide.v6 .slick-dots li.slick-active button:before { content: ""; height: 60px; width: 2px; background: #222; margin: 58px 20px; } } .slide.v3 .custom, .slide.v5 .custom, .slide.v6 .custom { position: absolute; left: 15px; bottom: 0; } @media (min-width: 1025px) { .slide.v3 .custom, .slide.v5 .custom, .slide.v6 .custom { left: 105px; } } .slide.v3 .pagingInfo span, .slide.v5 .pagingInfo span, .slide.v6 .pagingInfo span { color: #222; font-size: 12px; font-weight: bold; } .slide.v6 .slick-dots { width: 40px; left: -20px; } @media (min-width: 480px) { .slide.v6 .slick-dots { background: #fff; } } @media (max-width: 480px) { .slide.v6 .slick-dots { left: 0; } } .slide.v6 .custom { left: 30px; bottom: 15px; } @media (min-width: 1400px) { .slide.v6 .custom { left: 75px; bottom: 35px; } } @media (max-width: 480px) { .slide.v6 .custom { bottom: 0; } } .slide.v6 .tags-label-right { position: absolute; top: 45%; transform: rotate(90deg) translateX(50%); transform-origin: center right; padding: 10px 90px; right: 10px; background: #FFF; } @media (max-width: 480px) { .slide.v6 .tags-label-right { display: none; } } .slide.v6 .tags-label-right a { letter-spacing: 1em; font-weight: bold; text-transform: uppercase; } .slide.v5 .content4 { -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; padding-left: 45%; } @media (min-width: 480px) { .slide.v5 .content4 { padding-left: 63%; } } .slide.v5 .content4 .tag-title { font-weight: 600; font-size: 8px; text-transform: uppercase; color: #FFF; background: #222; letter-spacing: 0.5em; padding: 5px 15px; } @media (min-width: 480px) { .slide.v5 .content4 .tag-title { font-size: 15px; } } .slide.v5 .content4 h3 { font-weight: 600; } @media (min-width: 768px) { .slide.v5 .content4 h3 { font-size: 60px; } } @media (min-width: 1400px) { .slide.v5 .content4 h3 { font-size: 80px; line-height: 84px; margin-top: 45px; margin-bottom: 50px; } } @media (min-width: 480px) { .slide.v5 .content4 .slide-btn { font-size: 18px; } } .slide.v5 .slick-dots { width: 7%; right: 15px; left: unset; } @media (min-width: 480px) { .slide.v5 .slick-dots { right: 0; } } .slide.v5 .custom { right: 30px; left: unset; } @media (min-width: 1400px) { .slide.v5 .custom { right: 105px; } } .slide.v10 .content1 { padding-left: 24%; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } .slide.v10 .content1 a { font-size: 18px; } .scroll_top { display: inline-block; bottom: 65px; position: fixed; right: 15px; width: 44px; height: 44px; text-align: center; color: #FFF; border-radius: 50%; z-index: 1003; } .scroll_top i { line-height: 44px; } /* 6.1. Header 6.1.1. Header version 1 6.1.2. Header version 2 6.1.3. Header version 3 6.1.4. Header version 4 6.1.5. Header version 5 */ .row.flex { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-flex-direction: row; flex-direction: row; } .v-center { -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-flex-direction: column; flex-direction: column; } .flex { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .flex.lr { -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -moz-align-items: center; -ms-align-items: center; align-items: center; } .flex.lr2 { -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .align-items-center { -moz-align-items: center; -ms-align-items: center; align-items: center; } .justify-content-between { -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .justify-center { -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .element { display: inline-block; padding: 0 15px; position: relative; } .element a, .element span { font-size: 12px; } .element a:hover, .element span:hover { color: #dd2a2a; } .element img { vertical-align: middle; margin-top: -2px; } .element:first-child { padding-left: 0; } .element:last-child { padding-right: 0; } @media (max-width: 1025px) { .element:last-child { padding-right: 15px; } } @media (min-width: 1025px) { .element.element-cart { padding-right: 15px; } } @media (max-width: 1025px) { .element.element-account { padding-left: 0; } .element.element-account:before { border: 0; } .element.element-leaguage:before { border: 0; } } .topbar-left .element:first-child:before { border: 0; } .topbar-right .element:first-child:before { border: 0; } .topbar-right .element .dropdown-menu { left: unset; right: 0; } .topbar-right { -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .header-search { padding-left: 95px; padding-top: 10px; } @media (min-width: 1650px) { .header-search form { width: 760px; } } .header-search form { display: table; position: relative; } .header-search input { height: 62px; border-radius: 31px 0 0 31px; border: 2px solid #eaeaea; padding-left: 34px; width: 300px; display: table-cell; border-right: 0; box-shadow: none; } .header-search input::-webkit-input-placeholder { color: #999999; font-size: 14px; } .header-search input:-moz-placeholder { color: #999999; font-size: 14px; } .header-search input::-moz-placeholder { color: #999999; font-size: 14px; } .header-search input:-ms-input-placeholder { color: #999999; font-size: 14px; } .header-search input:focus { box-shadow: none; } @media (min-width: 1200px) { .header-search input { width: 400px; } } @media (min-width: 1400px) { .header-search input { width: 495px; } } @media (min-width: 1460px) { .header-search input { width: 380px; } } @media (min-width: 1600) { .header-search input { width: 470px; } } @media (min-width: 1650px) { .header-search input { width: 540px; } } .header-search .select-option { width: 220px; height: 62px; border: 2px solid #eaeaea; border-left: 1px solid #eaeaea; border-radius: 0 31px 31px 0; border-radius: none; -webkit-box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-color: #fff; padding-left: 29px; } .header-search .search-panel { display: table-cell; vertical-align: middle; width: 100%; position: relative; border: 2px solid #eaeaea; border-left: 1px solid #eaeaea; border-radius: 0 999px 999px 0; border-radius: none; -webkit-box-shadow: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; background-color: #fff; position: relative; } @media (min-width: 1025px) { .header-search .search-panel { padding-left: 13px; } } @media (min-width: 1681px) { .header-search .search-panel { padding-left: 29px; } } .header-search .search-panel > a { display: block; color: #999; } .header-search .search-panel > a span { margin-left: 14px; color: #000; } .header-search .search-panel .dropdown-category { box-shadow: 0px 5px 11.88px 0.12px rgba(0, 0, 0, 0.1); border-radius: 5px; width: 256px; right: 0; left: unset; border: 1px solid #ebebeb; padding: 12px 0; margin-top: 17px; } .header-search .search-panel .dropdown-category li a { color: #666666; line-height: 30px; padding-left: 34px; position: relative; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .header-search .search-panel .dropdown-category li a:before { content: "\F363"; font-family: "ionicons"; position: absolute; top: 5px; left: 20px; color: #bfbfbf; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .header-search .search-panel .dropdown-category li a:hover { color: #333333; background-color: transparent; } .header-search .search-panel .dropdown-category li a:hover:before { color: #333; } .header-search .search-panel .dropdown-category:after { content: ""; display: block; position: absolute; top: -7px; right: 75px; width: 10px; height: 10px; background: #fff; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .header-search .input-group-btn { padding: 0; width: 50px; top: 6px; right: 5px; } .header-search .input-group-btn .button_search { color: #fff; width: 50px; height: 50px; line-height: 50px; font-size: 20px; border-radius: 100%; background: #333333; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .header-search .input-group-btn .button_search:hover { box-shadow: 0px 2px 20px 2px rgba(194, 106, 245, 0.68); } .header-sub { margin-left: 0; } .right-panel { margin-left: auto; display: flex; -moz-flex-direction: column; flex-direction: column; } .header-sub-element { display: flex; } .header-sub-element.row { margin-left: auto; } .header-sub-element.row > a { padding-right: 26px; } @media (max-width: 1025px) { .header-sub-element.row > a:last-child { padding-right: 15px; } } @media (max-width: 1025px) { .header-sub-element.row img { width: 20px; } } .sub-right span { color: #999999; } .sub-right .phone { font-size: 24px; color: #333333; font-weight: 300; margin-bottom: 22px; } .sub-left { margin-right: 15px; } .header-center { padding-top: 10px; padding-bottom: 10px; } .header-center .col { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex: 1 1 33.3333%; } .header-center .col.justify-content-center { -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .header-center .col.justify-content-end { -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } @media (max-width: 1024px) { .header-center .col2 { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex: 1 1 33.3333%; } .header-center .col2.justify-content-center { -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } .header-center .col2.justify-content-end { -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .topbar { background: #f7f7f7; padding: 16px 0; } .topbar span { font-size: 13px; color: #666; letter-spacing: 0.01em; } .topbar p { font-size: 13px; color: #666; letter-spacing: 0.01em; margin-bottom: 0; } .topbar p a { text-decoration: underline; } .topbar a { font-size: 13px; letter-spacing: 0.01em; } .topbar a:hover i { color: #dd2a2a; } .topbar i { color: #666; } .topbar .close { font-size: 32px; margin-right: 5px; opacity: 1; position: absolute; top: 2px; right: 0; border-color: white; background-color: transparent; } @media (min-width: 1025px) { .topbar .close { width: 50px; height: 50px; line-height: 38px; top: 0; } } .topbar.br-promotion--close { display: none; } .topbar .topbar-social { margin-left: 25px; } .topbar .topbar-social a { padding: 0 5px; } .topbar .topbar-left { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .topbar .col { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex: 1 1 33.3333%; } .topbar .col.justify-content-center { -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .topbar .col.justify-content-end { -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } @media (min-width: 1025px) { .header-logo { margin-top: -30px; } } .tags { padding-top: 25px; font-size: 12px; text-align: center; margin-left: 55px; } .tags span { color: #333333; } .tags a { color: #999999; padding: 0 10px; border-right: 1px solid #e6e6e6; } .tags a:last-child { border-right: 0; } .tags a:first-child { padding-left: 0; } .tags a:hover { color: #dd2a2a; } .header-bottom-right { color: #999999; } .header-bottom-right span { margin-left: 12px; } @media (min-width: 1200px) { .header-top-absolute { position: absolute; width: 100%; z-index: 9; } } .home-lookbook .sticky-header { border-bottom: 1px solid #d9d9d9; } .sticky-header { border-bottom: 1px solid #efefef; line-height: 20px; padding: 12px; } .sticky-header .u-line { color: #eb5050; text-decoration: underline; } .sticky-header .text { text-transform: uppercase; font-weight: 500; font-size: 10px; color: #aaaaaa; letter-spacing: 0.2em; } .sticky-header .text.text-w { color: #fff; } .bd-v1 { border-bottom: 1px solid #dcdddf; } .bd-v2 { border-bottom: 1px solid #dbdbdb; } .topbar-option { font-weight: 500; } .topbar-option > * { display: inline-block; position: relative; } @media (max-width: 480px) { .topbar-option > * { min-width: 40px; text-align: center; } } @media (max-width: 320px) { .topbar-option > * { min-width: unset; padding: 0 5px; } } @media (min-width: 480px) { .topbar-option > * { padding: 0 20px; } } .topbar-option > *:before { border-left: 1px solid #e3e3e3; content: ""; height: 15px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); } @media (max-width: 480px) { .topbar-option > *:before { border: none; } } .topbar-option > *:last-child { padding-right: 0; } .topbar-option > *:first-child { padding-left: 0; } .topbar-option > *:first-child:before { border: none; } @media (max-width: 320px) { .topbar-option .dropdown-menu { left: -35px; } } .count { width: 18px; height: 18px; line-height: 18px; display: inline-block; text-align: center; background: #eb5050; border-radius: 50%; color: #fff; font-size: 0.8em !important; position: absolute; top: -8px; overflow: hidden; right: 0; margin: 0; } @media (min-width: 1199px) { .header-top { background: #e4e4e4; } } @media (max-width: 1024px) { .header-top { margin: 30px 0 0 0; } } .header-top .logo-mobile { float: left; display: inline-block; } .header-top .navbar { min-height: 0px; margin-bottom: 0px; width: 100%; margin-top: 30px; } @media (min-width: 1199px) { .header-top .navbar { margin-top: 0; } } @media (max-width: 1024px) { .header-top .navbar { display: inline-block; } } @media (max-width: 480px) { .header-top .navbar { margin-top: 20px; } } .header-top .navbar .navbar-collapse { border: 1px solid #ddd; } @media (min-width: 1199px) { .header-top .navbar .navbar-collapse { border: 0; } } @media (max-width: 480px) { .icon-mobile { width: 40px; } } @media (min-width: 1025px) { .header-v1 .navbar-collapse, .header-v4 .navbar-collapse { padding-left: 0; } } .pushmenu-push-toleft { transform: translate(362px, 0); transform: translate3d(362px, 0, 0); transition: transform 0.4s ease; display: block; width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 6; } @media (max-width: 320px) { .pushmenu-push-toleft { transform: translate(0, 0); transform: translate3d(0, 0, 0); } } .pushmenu-push-toleft .wrappage:after { background: rgba(29, 29, 31, 0.6); content: ""; cursor: pointer; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 4; } @media (max-width: 480px) { .wrappage.lbl_active:after { background: rgba(29, 29, 31, 0.6); content: ""; cursor: pointer; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 4; } } .menu-home5 { padding-top: 10px; transform: translate(-100%, 0); transform: translate3d(-100%, 0, 0); transition: transform 0.4s ease; transform-origin: top left; } .menu-home5.pushmenu-open { transform: translate(-100%, 0); transform: translate3d(-100%, 0, 0); } @media (max-width: 320px) { .menu-home5.pushmenu-open { transform: translate(0, 0); transform: translate3d(0, 0, 0); } } .close-left { float: right; color: #fff; cursor: pointer; padding-right: 15px; } .menu-social { border-top: 1px solid #2f2f31; position: fixed; bottom: 0; width: 362px; } .menu-social > li { float: left; width: 33.3333%; float: left; height: 69px; line-height: 69px; text-align: center; background: #1d1d1f; } .menu-social > li a i { color: #a4a4a4; } .menu-social > li a i:hover { color: #fff; } .menu-social > li:hover { background: #101011; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .nav-home5 > li { position: relative; display: block; } .nav-home5 > li > a { font-size: 14px; font-weight: 500; text-transform: uppercase; color: #a4a4a4; position: relative; transition: none; line-height: 26px; padding: 12px 30px; padding-right: 0; display: block; border-bottom: 1px solid rgba(92, 92, 92, 0.23); } .nav-home5 > li > a:hover { color: #fff; background: none; } .nav-home5 > li > a.active { color: #fff; } .nav-home5 .menu-level1 { margin-top: 15px; } .nav-home5 .menu-level1 .level2 { padding-left: 48px; } .nav-home5 .menu-level1 .level2 > a { line-height: 33px; text-transform: capitalize; color: #a4a4a4; position: relative; } .nav-home5 .menu-level1 .level2 > a:focus { color: #fff; } .nav-home5 .menu-level1 .level2 > a:focus:before { background: #fff; } .nav-home5 .menu-level1 .level2 > a:before { content: ""; position: absolute; width: 9px; height: 1px; left: -18px; top: 10px; background: #a4a4a4; } .nav-home5 .menu-level1 .level1 > .level2 > a { color: #fff; } .nav-home5 .menu-level1 .level1 > .level2 > a:before { content: none; } .nav-home5 .menu-level-2 { margin: 15px 0; } .nav-home5 .menu-level-2 .level3 { padding-left: 15px; } .nav-home5 .menu-level-2 .level3 > a { line-height: 33px; text-transform: capitalize; color: #a4a4a4; position: relative; } .nav-home5 .menu-level-2 .level3 > a:focus { color: #fff; } .nav-home5 .menu-level-2 .level3 > a:focus:before { background: #fff; } .nav-home5 .menu-level-2 .level3 > a:before { content: ""; position: absolute; width: 9px; height: 1px; left: -18px; top: 10px; background: #a4a4a4; } .mobile-account { margin: 30px 0; } .mobile-account li { text-transform: uppercase; } .mobile-account li a { display: block; line-height: 26px; font-size: 13px; color: #a4a4a4; padding: 12px 30px; } .mobile-account i { min-width: 25px; } .mobile-social { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .mobile-social a { flex-grow: 0; flex-basis: auto; flex: 0 0 50px; text-align: center; } .mobile-social a i { font-size: 16px; color: #a4a4a4; } .pushmenu.menu-home5 { overflow: auto; -webkit-overflow-scrolling: touch; } .header-v6 .topbar-left { float: left; text-align: left; } .header-v6 .logo { display: inline-block; margin: 0 auto; text-align: center; } .header-v6 .topbar-right { float: right; text-align: right; } .header-v6 .topbar-search { border-left: 0; } .header-v6 .topbar [class*=col-xs-] { padding: 0; } .menu-level1 { display: none; } .menu-level1.open { display: block; } .navbar-nav > li { text-align: left; padding: 0 24px; } .navbar-nav > li > a { text-transform: uppercase; font-size: 13px; letter-spacing: 0.1em; font-weight: bold; position: relative; padding: 0 0 5px 0; } .navbar-nav > li > a:after { content: ""; width: 0; height: 2px; background: #dd2a2a; position: absolute; display: block; left: 50%; right: 50%; bottom: 0; opacity: 0; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .navbar-nav > li > a.nohover:after { content: none; } .navbar-nav > li:first-child { padding-left: 0; } .navbar-nav > li:first-child > a { padding-left: 0; } .navbar-nav > li:first-child > a:before { border: 0; } .navbar-nav > li:hover a:after { opacity: 1; left: 0; right: 0; width: 100%; } .navbar-nav > li.nohover a:after { content: none; } .menu-level-1 { border: 0; position: absolute; top: 100%; left: -15px; background-color: #fff; z-index: 0; min-width: 200px; display: block; visibility: hidden; opacity: 0; box-shadow: 0px 5px 11.88px 0.12px rgba(0, 0, 0, 0.1); border-radius: 0; margin: 0; padding: 30px 0 40px 5px; min-width: 220px; transform: translate(0, 30px); transition: all 0.4s; transition-duration: 180ms; } .menu-level-1.style5 { min-width: 700px; left: -50px; width: 700px; padding-left: 80px; } .menu-level-1.style2 { min-width: 700px; } .menu-level-1.style3 { min-width: 700px; } .menu-level-1.style4 { min-width: 700px; } @media (max-width: 1024px) { .menu-level-1 { width: 100%; left: 0; top: 54px; position: static; float: none; width: auto; margin-top: 0; background-color: transparent; border: 0; box-shadow: none; visibility: visible; opacity: 1; display: none; padding: 10px 35px; } } .menu-level-1 .sm_title { font-size: 16px; font-weight: 600; padding: 15px 42px; display: block; } .menu-level-1 > li { line-height: 30px; background: none; } .menu-level-1 > li > a { text-transform: capitalize; padding: 10px 42px; color: #666; font-weight: 400; position: relative; transition: none; letter-spacing: 0.02em; } .menu-level-1 > li > a:hover { color: #dd2a2a; background: none; } .menu-level-1 > li > a:focus { background: none; } @media (max-width: 480px) { .menu-level-1 > li > a { font-size: 12px; } } @media (min-width: 1025px) { .level1:hover .menu-level-1 { display: block; visibility: visible; opacity: 1; transform: translate(0, 40px) rotate(0) scale(1); z-index: 999; } .level1:hover .menu-level-1.v3, .level1:hover .menu-level-1.slide.v6, .level1:hover .menu-level-1.slide.v5 { left: calc(100% + 11px); top: 0; transform: translateX(0%); } .level1:not(:hover) > .menu-level-1.v3, .level1:not(:hover) > .menu-level-1.slide.v6, .level1:not(:hover) > .menu-level-1.slide.v5 { left: calc(100% + 11px); opacity: 0; } } @media (min-width: 1025px) { .level1.hassub { position: static; } .level1.hassub .menu-level-1 { left: unset; right: 0; } .level1.hassub .menu-level-1.style2 { width: 1020px; padding: 50px 14px 48px 80px; } .level1.hassub .menu-level-1.style3 { width: 900px; padding-left: 56px; padding-right: 56px; padding-top: 56px; padding-bottom: 55px; } .level1.hassub .menu-level-1.style4 { width: 950px; padding: 50px 14px 48px 60px; } } .menu-level-1 > .level1 > .level2 > a { font-weight: 600; font-size: 16px; display: block; margin-bottom: 20px; position: relative; } @media (max-width: 480px) { .menu-level-1 > .level1 > .level2 > a { font-size: 14px; } } @media (max-width: 1025px) { .menu-level-1 > .level1 > .level2 .menu-level-2 { padding-left: 20px; padding-top: 15px; } } .menu-level-1 > .level1 > .level2 .menu-level-2 > .level3 { line-height: 0; } .menu-level-1 > .level1 > .level2 .menu-level-2 > .level3 > a { line-height: 40px; color: #666; font-size: 14px; text-transform: capitalize; white-space: nowrap; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; position: relative; } .menu-level-1 > .level1 > .level2 .menu-level-2 > .level3 > a:hover { color: #dd2a2a; } @media (max-width: 480px) { .menu-level-1 > .level1 > .level2 .menu-level-2 > .level3 > a { font-size: 12px; } } .menu-level-1 .col-full { width: 100%; } .menu-level-1 .col-2, .menu-level-1 .levels .col-2 { width: 230px; float: left; } .menu-level-1 .col-3 { width: 33.3333%; float: left; } @media (max-width: 1024px) and (min-width: 481px) { .menu-level-1 .col-3 { width: 100%; display: block; overflow: hidden; } } @media (max-width: 1024px) { .menu-level-1 .col-3 { margin-bottom: 15px; } } @media (max-width: 480px) { .menu-level-1 .col-3 { width: 100%; display: block; overflow: hidden; } } .menu-level-1 .col-4 { width: 28.294%; float: left; margin-right: 70px; border-right: 1px solid #eee; } .menu-level-1 .col-4:last-child { margin-right: 0; border-right: 0; } .menu-level-1 .col-4a { width: 27.17%; float: left; margin-right: 80px; } .menu-level-1 .col-4a:first-child { border-right: 1px solid #eee; } .menu-level-1 .col-4a:last-child { margin-right: 0; } .menu-level-1 .col-5 { width: 580px; float: left; } .menu-level-1 .col-6 { width: 43%; float: left; margin-right: 80px; border-right: 1px solid #eee; } @media (max-width: 1024px) and (min-width: 481px) { .menu-level-1 .col-6 { width: 100%; display: block; overflow: hidden; } } @media (max-width: 1024px) { .menu-level-1 .col-6 { margin-bottom: 15px; } } @media (max-width: 480px) { .menu-level-1 .col-6 { width: 100%; display: block; overflow: hidden; } } .menu-level-1 .col-6:last-child { margin-right: 0; border-right: 0; } .menu-level-1 .col-7 { width: 870px; float: left; } .menu-level-1 .col-8 { width: 980px; float: left; } .menu-level-1 .col-9 { width: 1170px; float: left; } .menu-level-2 .col-full, .mega-product .col-full { width: 100%; } .menu-level-2 .col-2, .menu-level-2 .levels .col-2, .mega-product .col-2, .mega-product .levels .col-2 { width: 230px; float: left; } .menu-level-2.col-3, .mega-product.col-3 { width: 33.3333%; float: left; } @media (max-width: 1024px) { .menu-level-2.col-3, .mega-product.col-3 { margin-bottom: 15px; } } @media (max-width: 480px) { .menu-level-2.col-3, .mega-product.col-3 { width: 100%; display: block; overflow: hidden; } } .menu-level-2 .col-4, .mega-product .col-4 { width: 370px; float: left; } .menu-level-2 .col-5, .mega-product .col-5 { width: 580px; float: left; } .menu-level-2.col-6, .mega-product.col-6 { width: 50%; float: left; } @media (max-width: 1024px) { .menu-level-2.col-6, .mega-product.col-6 { margin-bottom: 15px; } } @media (max-width: 480px) { .menu-level-2.col-6, .mega-product.col-6 { width: 100%; display: block; overflow: hidden; } } .menu-level-2 .col-7, .mega-product .col-7 { width: 870px; float: left; } .menu-level-2 .col-8, .mega-product .col-8 { width: 980px; float: left; } .menu-level-2 .col-9, .mega-product .col-9 { width: 1170px; float: left; } .cart-box-container { padding: 15px 40px; } @media (max-width: 767px) { .cart-box-container { padding: 30px; } } @media (max-width: 480px) { .cart-box-container { padding: 20px; } } .cart-list-heading { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -moz-align-items: center; -ms-align-items: center; align-items: center; } .cart-inside { position: relative; height: calc(100% - 60px); overflow: hidden; } .cart-list { position: relative; height: 100%; } .cart-list .cart-title { font-size: 20px; margin-bottom: 10px; font-weight: 400; display: inline-block; position: relative; } @media (min-width: 1025px) { .cart-list .cart-title { font-size: 36px; margin-bottom: 25px; } } .cart-list .list { overflow-y: scroll; overflow-x: hidden; height: calc(100% - 200px); width: calc(100% + 17px); } .cart-list .list .item-cart { flex: 1 1 100%; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; padding: 15px 0; } .cart-list .list .item-cart .product-img-wrap { width: 100px; flex: 0 0 100px; margin-right: 30px; } .cart-list .list .item-cart .product-details .inner-left { max-width: 180px; } .cart-list .list .item-cart .product-details .inner-left .product-name { color: #666; font-weight: 400; margin-bottom: 10px; } @media (min-width: 480px) { .cart-list .list .item-cart .product-details .inner-left .product-name { font-size: 16px; } } .cart-list .list .item-cart .product-details .inner-left .product-price { font-weight: bold; margin-bottom: 10px; } @media (min-width: 480px) { .cart-list .list .item-cart .product-details .inner-left .product-price { font-size: 16px; } } .cart-list .cart-qtt { font-size: 15px; font-weight: 600; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .cart-list .cart-qtt .product_quantity_number { width: 52px; height: 35px; line-height: 35px; text-align: center; border: 1px solid #f8f5f5; } .cart-list .cart-qtt .quantity-left-minus { width: 40px; height: 35px; text-align: center; margin-right: -1px; border-radius: 0; border: 0; background: #f8f5f5; padding: 0; } .cart-list .cart-qtt .quantity-left-minus:focus { outline: none; } .cart-list .cart-qtt .quantity-left-minus:active { box-shadow: none; } .cart-list .cart-qtt .quantity-right-plus { width: 40px; height: 35px; text-align: center; margin-left: -1px; border-radius: 0; border: 0; background: #f8f5f5; padding: 0; } .cart-list .cart-qtt .quantity-right-plus:focus { outline: none; } .cart-list .cart-qtt .quantity-right-plus:active { box-shadow: none; } .cart-list .close-left { float: unset; color: unset; width: 40px; cursor: pointer; padding: 0; } .cart-list .close-left i { font-size: 40px; } @media (min-width: 1025px) { .cart-list .close-left i { font-size: 50px; } } .nocart-list .empty-cart { display: block; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); width: 353px; } @media (max-width: 480px) { .nocart-list .empty-cart { width: 300px; } } .nocart-list .nocart-title { font-size: 22px; font-weight: 500; margin-bottom: 35px; } .nocart-list .btn-shop { width: 187px; height: 47px; line-height: 47px; text-align: center; border: 1px solid #000; display: inline-block; } .cart-bottom { border-top: 1px solid #eee; background: #fff; padding: 30px 0 0; width: 100%; position: absolute; bottom: 0; left: 0; right: 0; z-index: 1000; } .cart-bottom label { font-weight: 400; } .cart-bottom .cart-note-form textarea { background-color: #f7f7f7; border: 0; resize: none; } .cart-bottom .total { text-align: right; font-size: 16px; color: #000; font-weight: 500; margin-bottom: 30px; } @media (max-width: 767px) { .cart-bottom .total { margin-bottom: 15px; } } .cart-bottom .total span { float: left; } .cart-bottom a { font-size: 14px; font-weight: 500; } .cart-bottom .checkout { display: block; text-align: center; padding: 15px; } .cart-bottom .text { color: #9f9e9e; text-decoration: underline; text-align: center; display: block; } .cart-bottom .text:hover { color: #dd2a2a; } .cart-bottom .cart-button { margin-bottom: 45px; } @media (max-width: 767px) { .cart-bottom .cart-button { margin-bottom: 15px; } } .cart-bottom .cart-button:before:before, .cart-bottom .cart-button:before:after { content: " "; display: table; } .cart-bottom .cart-button:before:after { clear: both; } .demo-text { font-size: 14px; margin-top: 20px; letter-spacing: 0.02em; } .icon-sub-menu { position: absolute; top: 0; right: 0; height: 49px; width: 49px; border-left: 1px solid rgba(92, 92, 92, 0.23); cursor: pointer; padding-right: 18px; background-color: transparent; } .icon-sub-menu.up-icon:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -sand-transform: rotate(-45deg); } .icon-sub-menu.up-icon:after { transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); -sand-transform: rotate(45deg); } .icon-sub-menu:before { transform: translateX(3px) rotate(-50deg); -webkit-transform: translateX(3px) rotate(-50deg); -moz-transform: translateX(3px) rotate(-50deg); -o-transform: translateX(3px) rotate(-50deg); -ms-transform: translateX(3px) rotate(-50deg); -sand-transform: translateX(3px) rotate(-50deg); } .icon-sub-menu:after { transform: translateX(-4px) rotate(50deg); -webkit-transform: translateX(-4px) rotate(50deg); -moz-transform: translateX(-4px) rotate(50deg); -o-transform: translateX(-4px) rotate(50deg); -ms-transform: translateX(-4px) rotate(50deg); -sand-transform: translateX(-4px) rotate(50deg); } .icon-sub-menu:before, .icon-sub-menu:after { content: " "; position: absolute; right: 17px; top: 50%; margin-top: -1px; width: 12px; height: 2px; display: inline-block; background-color: #fff; transition: background-color 0.2s ease-in-out, transform 0.2s ease-in-out, width 0.2s ease-in-out; } .menu-home5 .searchform { position: relative; padding: 0 28px 30px 28px; border-bottom: 2px solid rgba(92, 92, 92, 0.43); } .menu-home5 .searchform input[type=text] { background-color: rgba(255, 255, 255, 0.1); border: none; border: 1px solid rgba(208, 208, 208, 0.09); padding: 14px 50px 10px 18px; font-size: 14px; color: #fff; width: 100%; } .menu-home5 .searchform button { position: absolute; top: 18px; right: 28px; border: none; background-color: transparent; padding: 0; width: 50px; height: 50px; color: rgba(255, 255, 255, 0.8); text-align: center; } .cart { padding-right: 25px; position: relative; } @media (min-width: 1025px) { .cart { padding-bottom: 20px; padding-right: 40px; } } .widget-left { margin-top: -5px; } @media (min-width: 1650px) { .widget-left { padding-left: 0; } } .widget-verticalmenu .navbar-toggles { position: relative; height: 57px; width: 100%; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; background: #54f0ff; background-image: linear-gradient(122deg, #c26af5, #54f0ff); padding-right: 26px; text-align: left; padding-left: 48px; border-radius: 9999px; color: #ffffff; } .widget-verticalmenu .navbar-toggles span { color: #ffffff; font-size: 18px; font-weight: 500; line-height: 55px; text-transform: capitalize; } .widget-verticalmenu .navbar-toggles:after { content: ""; position: absolute; top: 22px; left: 25px; width: 11px; height: 11px; border-radius: 100%; background: #fff; } .widget-verticalmenu .navbar-toggles.navbar-drop:before { content: "\F3D0"; font-family: "Ionicons"; position: absolute; right: 26px; top: 16px; font-size: 19px; } .widget-verticalmenu .vertical-group { border: 2px solid #eaeaea; border-radius: 10px; position: relative; background: #fff; } .widget-verticalmenu .vertical-group .vertical-item { padding: 0px 24px; border-bottom: 1px solid #eaeaea; } .widget-verticalmenu .vertical-group .vertical-item:last-child { border-bottom: 0; } .widget-verticalmenu .vertical-group .vertical-item > a { color: #333333; display: block; padding: 16px 0 15px 0; position: relative; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; position: relative; line-height: 100%; } .widget-verticalmenu .vertical-group .vertical-item.vertical-drop > a { color: #666; } .widget-verticalmenu .vertical-group .vertical-item.vertical-drop > a:before { content: "\F3D3"; font-family: ionicons; text-align: center; font-size: 17px; top: 50%; position: absolute; right: 0px; line-height: 100%; transform: translateY(-50%); color: #bcbcbc; } .widget-verticalmenu .vertical-group .vertical-item.mega-parent > a { color: #333333; font-weight: bold; } .widget-verticalmenu .vertical-group .vertical-item:hover > a { color: #dd2a2a; } .widget-verticalmenu .vertical-group .vertical-item:hover > a:before { color: #dd2a2a; } .widget-verticalmenu .vertical-group .vertical-item:hover::before { content: ""; width: 15px; height: 100%; right: -13px; top: 0; display: block; position: absolute; } .navbar-vertical { margin-right: 7px; } .vertical-wrapper { margin-top: 13px; position: absolute; z-index: 4; width: 100%; padding-right: 37px; } @media (min-width: 1025px) { .vertical-item:not(:hover) > .menu-level-1 { visibility: hidden; opacity: 0; transform: translateX(15px); } .level1:not(:hover) > .menu-level-1.v3, .level1:not(:hover) > .menu-level-1.slide.v6, .level1:not(:hover) > .menu-level-1.slide.v5 { visibility: hidden; opacity: 0; } } .vertical-menu { transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; display: unset; left: calc(100% + 11px); opacity: 0; position: absolute; text-align: left; top: -3px; visibility: hidden; width: 257px; border: 1px solid #ebebeb; z-index: 9; height: 469px; min-width: 257px; border-radius: 10px; color: #333; padding: 30px; } .vertical-menu.v2 { min-width: 723px; } .vertical-menu.pd { padding: 50px 50px; } .vertical-menu.pd2 { padding: 36px 10px 30px 15px; } .vertical-menu.pd3 { padding: 36px 10px 30px 270px; } .vertical-menu.homebg { background: url("../img/megamenu/home-bg.jpg") no-repeat center; } .vertical-menu.style1.menu-level-1 > .level1 > .level2 > a { margin-bottom: 16px; padding-bottom: 9px; } .vertical-menu.style1.menu-level-1 > .level1 > .level2 .menu-level-2 > .level3 > a { line-height: 24px; } .vertical-menu.tvbg { background: url("../img/megamenu/tv-bg.jpg") no-repeat center; } .vertical-menu.phonebg { background: url("../img/megamenu/phone-bg.jpg") no-repeat center; } .vertical-menu.headphonebg { background: url("../img/megamenu/headphone-bg.jpg") no-repeat center; } .vertical-menu h3 { font-size: 16px; margin-top: 10px; } .vertical-menu .vertical-menu1 li > a { color: #666; line-height: 35px; } .vertical-menu .vertical-menu1 li > a:hover { color: #dd2a2a; } .vertical-menu .cate-item { margin-bottom: 40px; } .e-border { border: 1px solid #ededed; border-radius: 9999px; height: 78px; padding-left: 98px; padding-right: 44px; position: relative; margin-left: -84px; } .header-v1 .header-center { border-bottom: 1px solid #eee; } @media (min-width: 1025px) { .header-v2 .header-center { padding-top: 20px; padding-bottom: 20px; border: 0; } } .header-v2 .header-center .topbar-left { margin-left: 98px; } @media (min-width: 1025px) { .header-v4 .header-center .topbar-right { margin-left: 35px; } } .header-v4 .header-bottom { padding: 7px 0; } @media (min-width: 1025px) { .header-v4 .navbar-nav { position: relative; } } .header-v5 .nav { width: 100%; } @media (min-width: 1200px) and (max-width: 1367px) { .header-v5 .navbar-nav > li { padding: 0 15px; } } @media (min-width: 1025px) and (max-width: 1200px) { .header-v5 .navbar-nav > li { padding: 0 5px; } } @media (min-width: 1025px) { .page-left-sidebar { width: 245px; height: 100%; float: left; clear: both; background: #fff; padding: 30px; position: fixed; top: 0; bottom: 0; left: 0; z-index: 100; } .page-left-sidebar .navbar-wrapper { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } } @media (min-width: 1400px) { .page-left-sidebar { width: 345px; padding: 40px 60px; } } @media (min-width: 1025px) { .page-right-content { margin-left: 245px; width: calc(100% - 245px); width: -moz-calc(100% - 245px); clear: none; width: -o-calc(100% - 245px); position: relative; overflow: hidden; width: -webkit-calc(100% - 245px); } .page-right-content .container { width: 100%; } } @media (min-width: 1400px) { .page-right-content { margin-left: 345px; width: calc(100% - 345px); width: -moz-calc(100% - 345px); clear: none; width: -o-calc(100% - 345px); position: relative; overflow: hidden; width: -webkit-calc(100% - 345px); } .page-right-content .container { max-width: 1515px; width: 1515px; } } .page-right-content .zoa-product .product-item, .page-right-content .zoa-product .contact-form .contact-item, .contact-form .page-right-content .zoa-product .contact-item { margin-bottom: 30px; } .sidebar-menu-top { margin-bottom: 20px; } .sidebar-menu-middle { flex-grow: 1; } .sidebar-menu-middle .nav { float: none; } .sidebar-menu-middle .nav > li { display: block; float: none; padding: 0; margin: 5px 0; } .sidebar-menu-middle .nav > li > a { width: 100%; line-height: 40px; display: block; } .sidebar-menu-middle .nav > li > a:after { width: 45px; } .sidebar-menu-middle .nav > li.dropdown { position: relative; } .sidebar-menu-middle .nav > li.dropdown:after { content: "\E902"; font-family: zoa; position: absolute; right: 0; font-size: 5px; line-height: 1; top: 15px; } .sidebar-menu-middle .nav > li.dropdown:hover:after { font-family: FontAwesome; content: "\F0DA"; font-size: 14px; } .sidebar-menu-bottom { margin-top: 20px; } .sidebar-menu-bottom .sidebar-menu-link { position: relative; margin-bottom: 25px; padding-bottom: 30px; } .sidebar-menu-bottom .sidebar-menu-link li { line-height: 32px; } .sidebar-menu-bottom .sidebar-menu-link li:not(:last-child) { margin-bottom: 5px; } .sidebar-menu-bottom .sidebar-menu-link li a { color: #888; } .sidebar-menu-bottom .sidebar-menu-link li a:hover { color: #dd2a2a; } .sidebar-menu-bottom .sidebar-menu-link:after { content: ""; position: absolute; bottom: 0; display: inline-block; width: 60px; height: 1px; background-color: #dddddd; } .sidebar-menu-bottom .social { margin-bottom: 30px; } .sidebar-menu-bottom .social a { padding: 0 5px; color: #888; } .sidebar-menu-bottom .social a i { font-size: 17px; } .sidebar-menu-bottom .social a:hover { color: #dd2a2a; } .sidebar-menu-bottom .sidebar-copyright p { color: #888; } .sidebar-menu-bottom .sidebar-copyright p a { font-weight: 600; color: #dd2a2a; } @media (min-width: 1025px) { .header-v3 .zoa-logo { margin-right: 50px; } } @media (min-width: 1025px) { .header-v3 .level1.hassub .menu-level-1 { left: 0; right: auto; } } .header-bottom { padding-top: 14px; } .header-v5 .header-bottom { padding: 0; } .header-v5 .widget-left { margin-top: -12px; } .header-v5 .widget-verticalmenu { position: relative; z-index: 3; } .header-v5 .vertical-wrapper { display: none; } .header-cate ul { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex-flow: row; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; text-align: center; } .header-cate ul li { flex: 1 1 auto; flex-basis: calc(50% - 20px); padding: 29px 0; border-right: 1px solid rgba(255, 255, 255, 0.3); } .header-cate ul li:last-child { border-right: 0; } .header-cate ul li a { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-flex-direction: column; flex-direction: column; position: relative; font-weight: 500; color: #fff; @incluce transiton2; } .header-cate ul li a:hover { @incluce transiton2; } .header-cate ul li a img { width: auto; height: auto; margin: 0 auto; padding-bottom: 10px; } .btn-csoon { width: 132px; height: 42px; line-height: 42px; border-radius: 999px; display: inline-block; text-align: center; font-size: 16px; opacity: 0; } .dropdown-menu .cate-item .demo-img { position: relative; } .dropdown-menu .cate-item:hover .overlay-img { opacity: 1; } .dropdown-menu .cate-item:hover .btn-csoon { opacity: 1; } .header-v3.bg-w { background: #fff; } .box-header-nav { padding-left: 30px; position: relative; border-bottom: 1px solid #f0f0f0; } @media (min-width: 1681px) { .box-header-nav { padding-left: 240px; width: 63.3%; } } .box-header-nav .navbar-nav > li > a:before { height: 100%; border-right: 1px solid #e9e9e9; } .box-header-nav .navbar-nav > li:first-child > a:before { border: 0; } .box-header-menu { padding-right: 30px; padding-left: 75px; background: linear-gradient(90deg, #c467f5, #53f3ff); position: relative; } @media (min-width: 1681px) { .box-header-menu { width: 36.7%; background: linear-gradient(90deg, #c467f5, #53f3ff); } } .box-header-menu:before { content: ""; border-width: 0 0 63px 75px; border-color: transparent transparent transparent #fff; border-style: solid; position: absolute; bottom: 0; left: 0; } .box-header-menu .navbar-nav > li > a { color: #fff; } .box-header-menu .navbar-nav > li > a:before { opacity: 0.3; } .list-product-search { z-index: 8889; list-style-type: none; width: 242px; margin: 0; padding: 0; background: #ffffff; box-shadow: 0px 3px 24px 0px rgba(0, 0, 0, 0.08); border-radius: 7px; min-width: 342px; border: 1px solid #ebebeb; padding-bottom: 4px; padding-top: 1px; opacity: 0; visibility: hidden; transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; margin-top: 32px; position: absolute; } .list-product-search.active { left: 0px; top: 100%; margin-top: 18px; opacity: 1; visibility: visible; } .list-product-search:after { content: ""; display: block; position: absolute; top: -7px; left: 30px; width: 10px; height: 10px; background: #FFFFFF; border-right: 1px solid #ebebeb; border-top: 1px solid #ebebeb; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } .list-product-search li { display: block; width: 100%; margin: 0; padding: 12px 18px; border-top: 1px solid #f0f0f0; overflow: hidden; } .list-product-search li:first-child { border-top: none; } .list-product-search .product-img { width: 18%; } .list-product-search .product-img img { width: 52px; height: 52px; border-radius: 3px; border: 1px solid #f0f0f0; } .list-product-search .product-title { width: 82%; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; text-align: left; padding-left: 18px; } .list-product-search .product-title:hover { color: #ff5050; } .footer.v1 { padding: 35px 0; } @media (min-width: 1780px) { .footer.v1 { max-width: 1710px; margin: 0 auto; } } @media (max-width: 1025px) { .footer.v2 { padding: 35px 0; border-top: 1px solid #eee; } .footer.v2 .bd-top { border: 0; } } .footer.v2.bg-black { background: #181818; } .footer.v3, .footer.slide.v6, .footer.slide.v5 { padding: 36px 0px; } @media (min-width: 1024px) { .footer .f-content { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } } .footer .f-content .f-col { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ width: 100%; flex: 1 1 100%; } @media (min-width: 1024px) { .footer .f-content .f-col { width: 33.33333%; flex: 1 1 33.3333%; } .footer .f-content .f-col:last-child { -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } } @media (max-width: 812px) { .footer .f-content .f-col { margin-bottom: 15px; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .footer .f-content .f-col:nth-child(2) { -moz-flex-direction: column; flex-direction: column; -moz-align-items: center; -ms-align-items: center; align-items: center; } } .footer .f-content .f-col:last-child { margin-bottom: 0; } .footer .social a { padding: 0 5px; color: #888; } .footer .social a:first-child { padding-left: 0; } .footer .social a:hover { color: #dd2a2a; } .footer p { color: #888; } @media (min-width: 1024px) { .footer p { margin-bottom: 0; margin-right: 10px; } } .footer p a { font-weight: 600; } .footer ul { margin-bottom: 0; margin-left: 8px; } .footer ul li { display: inline-block; padding: 0 8px; position: relative; } .footer ul li:before { content: "."; position: absolute; top: 30%; transform: translateY(-50%); left: -2px; } .footer ul li a { color: #888; } .footer ul li a:hover { color: #dd2a2a; } .home4 .page-content .products { margin-top: 40px; } #content_left { background: #FFF; position: fixed; height: 100%; z-index: 999; } #page_content.page-content { overflow: hidden; } @media (min-width: 1000px) { #page_content.page-content { margin-left: 308px; } } .search-form-wrapper, .account-form-wrapper { pointer-events: none; position: fixed; top: 0; left: 100%; overflow: hidden; width: 100%; height: 100vh; background-color: #222; z-index: 1001; padding: 40px; transition: transform 0.5s ease-out; } .search-form-wrapper.search--open, .search--open.account-form-wrapper { pointer-events: auto; transform: translate3d(-100%, 0, 0); transition: transform 0.5s ease-out; } .search-form-wrapper #search-btn, .account-form-wrapper #search-btn { position: absolute; right: 0; top: 8px; background-color: transparent; padding: 0; width: 50px; height: 50px; color: rgba(255, 255, 255, 0.8); text-align: center; border: 0; } .search-form-wrapper #search-btn i, .account-form-wrapper #search-btn i { font-size: 32px; } .search-form-wrapper #search-btn svg, .account-form-wrapper #search-btn svg { fill: #fff; } .search-form-wrapper input.search-input, .account-form-wrapper input.search-input { font-size: 30px; display: table-cell; vertical-align: middle; line-height: 1; width: 100%; border: none; border-bottom: 1px solid #888; background: #222 none no-repeat right center; background-size: 30px; padding: 14px 10px; color: #888; letter-spacing: 0.02em; } .search-form-wrapper input.search-input::-webkit-input-placeholder, .account-form-wrapper input.search-input::-webkit-input-placeholder { color: #888888; font-size: 30px; } .search-form-wrapper input.search-input:-moz-placeholder, .account-form-wrapper input.search-input:-moz-placeholder { color: #888888; font-size: 30px; } .search-form-wrapper input.search-input::-moz-placeholder, .account-form-wrapper input.search-input::-moz-placeholder { color: #888888; font-size: 30px; } .search-form-wrapper input.search-input:-ms-input-placeholder, .account-form-wrapper input.search-input:-ms-input-placeholder { color: #888888; font-size: 30px; } .search-form-wrapper .search-form, .account-form-wrapper .search-form { display: table; width: 100%; position: relative; } .search-form-wrapper .zoa-category, .account-form-wrapper .zoa-category { margin-bottom: 100px; } .search-form-wrapper .zoa-category li, .account-form-wrapper .zoa-category li { padding: 0 15px; display: inline-block; } .search-form-wrapper .zoa-category li a, .account-form-wrapper .zoa-category li a { font-size: 18px; color: #666; position: relative; padding-bottom: 6px; } .search-form-wrapper .zoa-category li a:after, .account-form-wrapper .zoa-category li a:after { content: ""; width: 0; height: 1px; background: #FFF; position: absolute; display: block; left: 50%; right: 50%; bottom: 0; opacity: 0; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .search-form-wrapper .zoa-category li:hover a, .account-form-wrapper .zoa-category li:hover a { color: #FFF; } .search-form-wrapper .zoa-category li:hover a:after, .account-form-wrapper .zoa-category li:hover a:after { opacity: 1; left: 0; right: 0; width: 100%; } .search-form-wrapper .search-results-wrapper, .account-form-wrapper .search-results-wrapper { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; margin-bottom: 90px; } .search-form-wrapper .btn-search-close, .account-form-wrapper .btn-search-close { width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; } .search-form-wrapper .btn-search-close i, .account-form-wrapper .btn-search-close i { color: #FFF; font-size: 64px; } .search-form-wrapper .btn-search-close i.black, .account-form-wrapper .btn-search-close i.black { color: #222; } .account-form-wrapper { background-color: #FFF; } .account-form-wrapper.account--open { overflow: scroll; pointer-events: auto; transform: translate3d(-100%, 0, 0); } .account-form-wrapper .search-results-wrapper { margin-bottom: 80px; } .account-tab, .zoa-product-tabs .tabs { margin-bottom: 58px; } .account-tab li, .zoa-product-tabs .tabs li { display: inline-block; padding: 0 22px; } .account-tab li a, .zoa-product-tabs .tabs li a { font-size: 30px; color: #888888; position: relative; padding-bottom: 5px; } .account-tab li a:after, .zoa-product-tabs .tabs li a:after { content: ""; width: 0; height: 2px; background: #222; position: absolute; display: block; left: 50%; right: 50%; bottom: 0; opacity: 0; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .account-tab li.active a, .zoa-product-tabs .tabs li.active a { color: #222; font-weight: 600; } .account-tab li.active a:after, .zoa-product-tabs .tabs li.active a:after { opacity: 1; left: 0; right: 0; width: 100%; } .account-tab li:hover a, .zoa-product-tabs .tabs li:hover a { color: #222; } .account-tab li:hover a:after, .zoa-product-tabs .tabs li:hover a:after { opacity: 1; left: 0; right: 0; width: 100%; } .account-tab li:first-child, .zoa-product-tabs .tabs li:first-child { padding-left: 0; } .zoa-cart { padding: 30px 0; } @media (min-width: 1025px) { .zoa-cart { padding: 100px 0; } } @media (max-width: 480px) { .zoa-cart .account-tab li, .zoa-cart .zoa-product-tabs .tabs li, .zoa-product-tabs .zoa-cart .tabs li { text-align: center; display: block; margin: 15px 0; } } .shopping-cart .cart-table thead > tr > th { text-transform: uppercase; font-size: 12px; font-weight: normal; color: #999; } .shopping-cart .cart-table .product-remove { text-align: center; } .shopping-cart .cart-table .item_cart .product-img { width: 100px; flex: 0 0 100px; } @media (min-width: 767px) { .shopping-cart .cart-table .item_cart .product-name { width: 126px; } .shopping-cart .cart-table .item_cart .product-same { width: 130px; } } @media (min-width: 813px) { .shopping-cart .cart-table .item_cart .product-desc { width: 336px; } } .shopping-cart .cart-table .item_cart .product-info a { font-weight: 600; letter-spacing: 0.01em; display: block; } @media (min-width: 813px) { .shopping-cart .cart-table .item_cart .product-info a { font-size: 18px; margin-bottom: 8px; } } .shopping-cart .cart-table .item_cart .product-info span { letter-spacing: 0.01em; color: #999; display: block; } .shopping-cart .cart-table .item_cart .product-info p { letter-spacing: 0.01em; font-size: 15px; font-weight: 600; } .shopping-cart .cart-table .item_cart .cart-qtt button { display: none; } .shopping-cart .cart-table .item_cart .cart-qtt input { text-align: center; width: 61px; height: 39px; line-height: 39px; border: 1px solid #f3f3f3; } @media (min-width: 1025px) { .shopping-cart .cart-table .item_cart .total-price.wl { width: 270px; } } .shopping-cart .cart-table .item_cart .total-price .price { color: #222; font-weight: 600; font-size: 15px; } .shopping-cart .cart-table .item_cart .zoa-select { position: relative; padding-bottom: 5px; } .shopping-cart .cart-table .item_cart .zoa-select:before { position: absolute; content: ""; border-bottom: 1px solid; width: 100%; height: 1px; bottom: 0; left: 0; } .shopping-cart .cart-table .item_cart .product-remove a { font-size: 20px; color: #222; } .shopping-cart .cart-table .item_cart .product-remove a:hover { color: #dd2a2a; } .shopping-cart .table-cart-bottom { padding-top: 30px; } .shopping-cart .table-cart-bottom.v2 { padding-top: 20px; } @media (min-width: 1025px) { .shopping-cart .table-cart-bottom .coupon-group { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; } } .shopping-cart .table-cart-bottom .form_coupon { position: relative; } @media (min-width: 480px) { .shopping-cart .table-cart-bottom .form_coupon { width: 400px; } } .shopping-cart .table-cart-bottom .form_coupon input { height: 55px; line-height: 55px; padding-left: 70px; border-style: dotted; background: #f9f9f9; } .shopping-cart .table-cart-bottom .form_coupon input::-webkit-input-placeholder { color: #aaa; font-size: 14px; } .shopping-cart .table-cart-bottom .form_coupon input:-moz-placeholder { color: #aaa; font-size: 14px; } .shopping-cart .table-cart-bottom .form_coupon input::-moz-placeholder { color: #aaa; font-size: 14px; } .shopping-cart .table-cart-bottom .form_coupon input:-ms-input-placeholder { color: #aaa; font-size: 14px; } @media (max-width: 1024px) { .shopping-cart .table-cart-bottom .form_coupon input { margin-bottom: 30px; } } .shopping-cart .table-cart-bottom .form_coupon .input-icon { position: absolute; top: 15px; left: 18px; } .shopping-cart .table-cart-bottom .btn-update { display: block; text-transform: uppercase; border: 1px solid #222; padding: 17px 52px; text-align: center; } @media (min-width: 1025px) { .shopping-cart .table-cart-bottom .btn-update { margin-left: 10px; } } .shopping-cart .table-cart-bottom .btn-update:hover { color: #FFF; background: #222; border-color: #222; } @media (min-width: 767px) { .shopping-cart .table-cart-bottom .row { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .shopping-cart .table-cart-bottom .row [class*=col-xs-] { flex: 1 1 50%; } .shopping-cart .table-cart-bottom .row [class*=col-xs-]:last-child { -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; max-width: 330px; text-align: right; } .shopping-cart .table-cart-bottom .row [class*=col-xs-]:first-child { margin-top: auto; } } @media (max-width: 767px) { .shopping-cart .table-cart-bottom .row [class*=col-xs-] { margin-bottom: 15px; } } .shopping-cart .table-cart-bottom .cart-text .cart-element { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .shopping-cart .table-cart-bottom .cart-text .cart-element p { letter-spacing: 0.01em; } .shopping-cart .table-cart-bottom .cart-text .cart-element.text-bold { padding-top: 15px; margin-bottom: 35px; } .shopping-cart .table-cart-bottom .cart-text .cart-element.text-bold p { font-weight: 600; font-size: 18px; } .shopping-cart .table-cart-bottom .zoa-checkout { padding: 18px 88px; text-align: center; display: inline-block; } .shopping-cart .cart-btn-group { margin-bottom: 35px; } @media (max-width: 480px) { .shopping-cart .cart-btn-group { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-flex-direction: column; flex-direction: column; } } .shopping-cart .cart-btn-group a { text-transform: uppercase; } .shopping-cart .cart-btn-group a:hover { color: #dd2a2a; } .shopping-cart .cart-btn-group a.btn-continue { padding-bottom: 5px; position: relative; font-weight: 600; } @media (min-width: 480px) { .shopping-cart .cart-btn-group a.btn-continue { margin-right: 30px; } .shopping-cart .cart-btn-group a.btn-continue:after { content: ""; position: absolute; bottom: 0; border-bottom: 1px solid #222; width: 100%; right: 0; } } .shopping-cart .cart-btn-group a.btn-clear { color: #999; } @media (min-width: 480px) { .shopping-cart .cart-btn-group a.btn-clear { padding-left: 30px; border-left: 1px solid #eee; } } .shopping-cart .cart-btn-group.v2 a { text-transform: none; } .shopping-cart .cart-btn-group.v2 a.btn-clear { color: #222; } .shopping-cart .cart-btn-group.v2 a.btn-clear img { margin-left: 5px; } #breadcrumb { margin-bottom: 30px; } #breadcrumb.breadcrumb-v2 { margin-bottom: 85px; margin-top: 17px; } #breadcrumb.breadcrumb-v2 .breadcrumb-content { color: #9c9c9c; margin: 0; min-height: auto; text-align: left; } #breadcrumb.breadcrumb-v2 .breadcrumb-content ul li { font-size: 14px; } #breadcrumb.breadcrumb-v2 .breadcrumb-content ul li:last-child { color: #232323; } #breadcrumb.breadcrumb-v2 .breadcrumb-content ul li:after { top: 0px; } @media (min-width: 1200px) { #breadcrumb.breadcrumb-v2 .inner { margin: 0 50px; } } #breadcrumb .breadcrumb-content { color: #FFF; position: reletive; text-align: center; } @media (min-width: 1025px) { #breadcrumb .breadcrumb-content { min-height: 399px; margin: 0 15px; } } @media (max-width: 1025px) { #breadcrumb .breadcrumb-content { min-height: 150px; } } #breadcrumb .breadcrumb-content.bg-breadcrumb-01 { background: url("../images/banner/img-banner-head01.jpg") no-repeat; } #breadcrumb .breadcrumb-content.bg-breadcrumb-02 { background: url("../images/banner/img-banner-head02.jpg") no-repeat; } #breadcrumb .breadcrumb-content.bg-breadcrumb-03 { background: url("../images/banner/img-banner-head03.jpg") no-repeat; } #breadcrumb .breadcrumb-content.bg-breadcrumb-04 { background: url("../images/banner/img-banner-head04.jpg") no-repeat; } #breadcrumb .breadcrumb-content .title { font-weight: 500; margin-bottom: 12px; text-transform: uppercase; } @media (min-width: 1025px) { #breadcrumb .breadcrumb-content .title { font-size: 48px; } } @media (max-width: 1025px) { #breadcrumb .breadcrumb-content .title { font-size: 25px; } } #breadcrumb .breadcrumb-content .caption { text-align: center; } @media (min-width: 1025px) { #breadcrumb .breadcrumb-content .caption { padding-top: 150px; } } @media (max-width: 1025px) { #breadcrumb .breadcrumb-content .caption { padding-top: 40px; } } #breadcrumb .breadcrumb-content ul { display: block; } #breadcrumb .breadcrumb-content ul li { display: inline-block; font-size: 18px; font-family: "bukan", sans-serif; position: relative; } @media (min-width: 600px) { #breadcrumb .breadcrumb-content ul li { padding-right: 27px; margin-right: 16px; } } @media (max-width: 600px) { #breadcrumb .breadcrumb-content ul li { padding-right: 14px; margin-right: 5px; } } #breadcrumb .breadcrumb-content ul li:last-child { color: #7fb441; margin: 0; padding: 0; } #breadcrumb .breadcrumb-content ul li:last-child:after { display: none; } #breadcrumb .breadcrumb-content ul li:after { content: "\F0DA"; font-family: FontAwesome; font-size: 14px; position: absolute; top: 3px; right: 0; } .scrollToTop { width: 42px; height: 42px; position: fixed; bottom: 5%; right: 2%; display: none; font-size: 30px; background: #dd2a2a; color: #ebebeb; border-radius: 50px; text-align: center; line-height: 35px; z-index: 999; } .scrollToTop:hover { color: #FFF; } .scrollToTop:focus { color: #FFF; } .price { color: #dd2a2a; font-family: "bukan", sans-serif; } .old-price { color: #9e9e9e; margin-right: 5px; font-family: "bukan", sans-serif; } .modal-backdrop { display: none; } .modal.in:before { background: rgba(0, 0, 0, 0.7); content: ""; left: 0; position: absolute; top: 0; z-index: 9; width: 100%; height: 100%; } .modal.in .modal-dialog { z-index: 99; } #menumodal.modal.in .modal-dialog { margin: 0; transform: translate(0, 0); } #menumodal.modal.fade .modal-dialog { top: 0; width: 100%; height: 100%; } #menumodal.modal .modal-content { background: #232323; height: 100%; border-radius: 0; } #menumodal .modal-top { margin: 33px 45px; } #menumodal .modal-top .inner { grid-template-columns: 1fr 200px 1fr; display: -webkit-grid; display: -webkit-grid; display: -moz-grid; display: -ms-grid; display: grid; } #menumodal button.close { background: #FFF; opacity: 1; width: 50px; height: 50px; } #menumodal button.close span { font-size: 50px; } #menumodal button.close:hover span { color: #dd2a2a; } #menumodal .modal-top-right { justify-content: flex-end; display: -moz-flex; display: flex; } #menumodal .modal-top-right .search-popup { align-items: center; margin-right: 31px; display: -moz-flex; display: flex; } #menumodal .modal-top-right .search-popup i { color: #FFF; font-size: 35px; } #menumodal .modal-top-right .search-popup i:hover { color: #dd2a2a; } .sidebar { margin-top: 31px; padding-right: 30px; } .sidebar .widget { border-bottom: 1px solid #ededed; margin-bottom: 50px; padding-bottom: 36px; } .sidebar .widget:last-child { border: none; } .sidebar .widget .title-heading { font-size: 24px; font-weight: bold; text-transform: upercase; letter-spacing: 1px; padding-bottom: 9px; position: relative; } .sidebar .widget .title-heading:after { background: #dd2a2a; content: ""; left: 0; position: absolute; bottom: 0; width: 80px; height: 2px; } .sidebar .widget .widget-content { margin-top: 15px; } .sidebar .widget .widget-content li a { font-size: 18px; font-weight: 300; line-height: 42px; } .sidebar .widget.widget-category ul { padding-left: 15px; } .sidebar .widget.widget-category ul li { list-style-type: disc; padding-left: 6px; } .sidebar .widget.widget-filter-brand ul li { border-bottom: 1px solid #f5f5f5; clear: both; list-style: none; padding: 10px 0; position: relative; text-indent: 0; display: block; text-align: right; overflow: hidden; } .sidebar .widget.widget-filter-brand ul li a { float: left; line-height: 20px; } .sidebar .widget.widget-filter-brand ul li:last-child { border: none; } .sidebar .widget .product-sidebar { display: -moz-flex; display: flex; } .sidebar .widget .product-sidebar img { width: 140px; } .sidebar .widget .content-product { padding-top: 36px; } .sidebar .widget .content-product .product-name { margin-bottom: 5px; } .sidebar .widget .content-product .product-name a { font-size: 18px; } .sidebar .widget .content-product .price { font-size: 17px; } .sidebar.sidebar-left { border-right: 1px solid #ededed; } .social-group-button .button { height: 55px; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; margin-bottom: 15px; color: #FFF; } .social-group-button .button.facebook { background: #55acee; } .social-group-button .button.twitter { background: #305c99; } .social-group-button .slide { width: 100%; } .social-group-button .slide p { color: #fff; margin: 0; text-align: center; border-right: 1px solid rgba(255, 255, 255, 0.09); padding: 13px; } .social-group-button .icon { width: 55px; flex: 0 0 55px; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; margin-left: auto; } .social-group-button .icon i { font-size: 21px; } .newsletter { padding: 50px 0; } @media (min-width: 1025px) { .newsletter { padding: 100px 0; } .newsletter.v3, .newsletter.slide.v6, .newsletter.slide.v5 { padding: 120px 0; } .newsletter .flex-end { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } } @media (min-width: 767px) { .newsletter .row { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; } } .newsletter.v2 { padding: 28px 0; background: #222; } @media (min-width: 1780px) { .newsletter.v2 { max-width: 1710px; margin: 0 auto; } .newsletter.v2.fullwidth { max-width: unset; } } .newsletter.v2 h3 { font-size: 32px; color: #FFF; letter-spacing: 0.02em; } .newsletter.v2 .form_newsletter input { border-top: 0; border-right: 0; border-left: 0; border-color: #dddddd; background: transparent; padding-left: 0; height: 45px; } .newsletter.v2 .form_newsletter .button_mini { height: 45px; border: 1px solid #FFF; } @media (min-width: 480px) { .newsletter.v2 .form_newsletter .button_mini { margin-left: 40px; } } .newsletter.v2 .form_newsletter .button_mini:hover { border-color: #dd2a2a; } @media (max-width: 767px) { .newsletter.v3 [class*=col-xs], .newsletter.slide.v6 [class*=col-xs], .newsletter.slide.v5 [class*=col-xs] { margin-bottom: 30px; } } .newsletter.v3 .newsletter-heading, .newsletter.slide.v6 .newsletter-heading, .newsletter.slide.v5 .newsletter-heading { margin-bottom: 15px; } @media (min-width: 1024px) { .newsletter.v3 .newsletter-heading, .newsletter.slide.v6 .newsletter-heading, .newsletter.slide.v5 .newsletter-heading { margin-bottom: 50px; } } .newsletter.v3 .newsletter-flex, .newsletter.slide.v6 .newsletter-flex, .newsletter.slide.v5 .newsletter-flex { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-flex-direction: row; flex-direction: row; position: relative; } @media (min-width: 1024px) { .newsletter.v3 .newsletter-flex, .newsletter.slide.v6 .newsletter-flex, .newsletter.slide.v5 .newsletter-flex { padding: 0 80px; } } .newsletter.v3 .newsletter-flex:before, .newsletter.slide.v6 .newsletter-flex:before, .newsletter.slide.v5 .newsletter-flex:before { content: ""; height: 100%; border-left: 1px solid #eee; left: -15px; position: absolute; } .newsletter.v3 .newsletter-element, .newsletter.slide.v6 .newsletter-element, .newsletter.slide.v5 .newsletter-element { flex: 1 1 100%; } .newsletter.v3 .newsletter-element h3, .newsletter.slide.v6 .newsletter-element h3, .newsletter.slide.v5 .newsletter-element h3 { font-size: 16px; letter-spacing: 0.01em; font-weight: 600; margin-bottom: 35px; margin-top: 0; } .newsletter.v3 .newsletter-element ul li, .newsletter.slide.v6 .newsletter-element ul li, .newsletter.slide.v5 .newsletter-element ul li { padding-bottom: 10px; } .newsletter.v3 .newsletter-element ul li:last-child, .newsletter.slide.v6 .newsletter-element ul li:last-child, .newsletter.slide.v5 .newsletter-element ul li:last-child { padding-bottom: 0; } .newsletter.v3 .newsletter-element ul li a, .newsletter.slide.v6 .newsletter-element ul li a, .newsletter.slide.v5 .newsletter-element ul li a { letter-spacing: 0.01em; line-height: 16px; color: #666; } .newsletter.v3 .newsletter-element ul li a:hover, .newsletter.slide.v6 .newsletter-element ul li a:hover, .newsletter.slide.v5 .newsletter-element ul li a:hover { color: #dd2a2a; } .newsletter.v3.bg-black, .newsletter.bg-black.slide.v6, .newsletter.bg-black.slide.v5 { background: #222; } .newsletter.v3.bg-black h3, .newsletter.bg-black.slide.v6 h3, .newsletter.bg-black.slide.v5 h3 { color: #FFF; } .newsletter.v3.bg-black .zoa-btn, .newsletter.bg-black.slide.v6 .zoa-btn, .newsletter.bg-black.slide.v5 .zoa-btn { background: #3b3b3b; border-color: #3b3b3b; } .newsletter.v3.bg-black .zoa-btn:hover, .newsletter.bg-black.slide.v6 .zoa-btn:hover, .newsletter.bg-black.slide.v5 .zoa-btn:hover { background: #dd2a2a; border-color: #dd2a2a; } .newsletter.v3.bg-black .newsletter-element h3, .newsletter.bg-black.slide.v6 .newsletter-element h3, .newsletter.bg-black.slide.v5 .newsletter-element h3 { color: #FFF; } .newsletter.v3.bg-black .form_newsletter input, .newsletter.bg-black.slide.v6 .form_newsletter input, .newsletter.bg-black.slide.v5 .form_newsletter input { background: transparent; border: 1px solid #2c2c2c; } .newsletter.v3.bg-black .newsletter-flex:before, .newsletter.bg-black.slide.v6 .newsletter-flex:before, .newsletter.bg-black.slide.v5 .newsletter-flex:before { border-left: 1px solid #2c2c2c; } @media (min-width: 480px) { .newsletter-heading { padding-left: 40px; } } .newsletter-heading h3 { letter-spacing: 0.02em; position: relative; } @media (min-width: 480px) { .newsletter-heading h3 { font-size: 42px; margin-top: 0; } } @media (min-width: 480px) { .newsletter-heading h3:before { content: "\F30F"; font-family: "ionicons"; position: absolute; font-size: 30px; left: -40px; bottom: 0; } } .newsletter-heading p { letter-spacing: 0.01em; color: #999; } @media (min-width: 480px) { .newsletter-heading p { font-size: 16px; } } .trend-product.pad { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 1400px) { .trend-product.pad { padding-top: 160px; padding-bottom: 150px; } } @media (min-width: 768px) { .trend-product .first { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; } } @media (min-width: 1025px) { .trend-product .first > [class*=col-xs-]:last-child { width: 60.8188%; } .trend-product .first > [class*=col-xs-]:first-child { width: 39.1812%; } } @media (max-width: 767px) { .trend-product .first > [class*=col-xs-] { margin-bottom: 30px; } } .trend-product .first .trend-img { position: relative; display: inline-block; } .trend-product .first .zoa-category-box-title { padding: 20px; color: #222; background-color: #FFF; font-size: 60px; font-weight: 400; margin: 0; } @media (min-width: 480px) { .trend-product .first .zoa-category-box-title { padding: 67px 58px; } } .single-banner .content { background-color: rgba(255, 255, 255, 0.9); padding: 20px; text-align: center; position: relative; } @media (min-width: 480px) { .single-banner .content { padding: 45px 135px; } } .single-banner .content:after { position: absolute; top: -25px; left: -25px; right: -25px; bottom: -25px; border: 10px solid #fff; content: ""; } .single-banner .content .text { font-weight: 600; letter-spacing: 0.4em; z-index: 5; position: relative; } @media (min-width: 480px) { .single-banner .content .text { font-size: 20px; padding-bottom: 6px; } } .single-banner .content .text:before { content: ""; border-bottom: 2px solid #dd2a2a; bottom: 0; position: absolute; width: 100%; } .single-banner .content .zoa-btn { position: relative; z-index: 5; } .single-banner .content h2 { font-family: "bukan", sans-serif; margin-top: 5px; margin-bottom: 5px; letter-spacing: 0.02em; } @media (min-width: 480px) { .single-banner .content h2 { margin-top: 32px; margin-bottom: 25px; font-size: 100px; } } .banner-img { position: relative; } .policy.pad { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 480px) { .policy.pad { padding-top: 88px; padding-bottom: 70px; } } .policy-item { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-flex-direction: row; flex-direction: row; } @media (max-width: 1025px) { .policy-item { margin-bottom: 30px; } } @media (max-width: 480px) { .policy-item { width: 100%; -moz-flex-direction: column; flex-direction: column; -moz-align-items: center; -ms-align-items: center; align-items: center; text-align: center; } } .policy-item .policy-icon { width: 40px; flex: 0 0 40px; margin-right: 10px; } .policy-item .policy-content h3 { font-size: 16px; font-weight: 600; margin-top: 0; } .policy-item .policy-content p { color: #888; } .banner.pad { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 1025px) { .banner.pad { padding-top: 120px; padding-bottom: 120px; } } .banner.pad2 { padding-bottom: 30px; } @media (min-width: 1025px) { .banner.pad2 { padding-bottom: 140px; } } .banner .content { padding-bottom: 54px; -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .banner .content h3 { letter-spacing: 0.02em; font-size: 60px; } .banner .content a { letter-spacing: 0.02em; font-size: 16px; position: relative; padding-bottom: 6px; } .banner .content a:before { content: ""; position: absolute; border-bottom: 2px solid #dd2a2a; bottom: 0; width: 100%; } .banner .content2 { padding-left: 15px; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } @media (min-width: 480px) { .banner .content2 { padding-left: 60px; } } .banner .content2 h1 { font-weight: 600; } @media (min-width: 480px) { .banner .content2 h1 { letter-spacing: 0.1em; font-size: 48px; margin-bottom: 6px; } } @media (min-width: 480px) { .banner .content2 p { font-size: 30px; margin-bottom: 24px; } } .banner .content2 a { font-size: 16px; position: relative; padding-bottom: 6px; font-weight: 600; } .banner .content2 a:before { content: ""; position: absolute; border-bottom: 2px solid #dd2a2a; bottom: 0; width: 100%; } .banner .content3 a { color: #FFF; position: relative; } @media (min-width: 480px) { .banner .content3 a { font-size: 32px; } } .banner .content3 a:before { content: ""; position: absolute; border-bottom: 2px solid #FFF; bottom: 0; width: 100%; } @media (min-width: 767px) { .banner.style4 .row { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .banner.style4 .row [class*=col-xs-]:last-child { margin-top: auto; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } } @media (min-width: 1025px) { .banner.style4 .row [class*=col-xs-]:first-child { width: 64.9425%; } .banner.style4 .row [class*=col-xs-]:last-child { width: 35.0575%; } } @media (max-width: 480px) { .banner [class*=col-xs-] { margin-bottom: 30px; } } .zoa-product.pad { padding-bottom: 30px; } @media (min-width: 1025px) { .zoa-product.pad { padding-bottom: 60px; } } .zoa-product.pad .title { margin-bottom: 60px; } .zoa-product.pad2 { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 1025px) { .zoa-product.pad2 { padding-top: 160px; padding-bottom: 100px; } } @media (min-width: 480px) { .zoa-product.pad2 .title { margin-bottom: 70px; } } .zoa-product.pad3 { padding-top: 20px; padding-bottom: 30px; } @media (min-width: 1025px) { .zoa-product.pad3 { padding-top: 20px; padding-bottom: 140px; } } .zoa-product.pad3 .title { margin-bottom: 50px; } .zoa-product.pad4 { padding-bottom: 30px; } @media (min-width: 1025px) { .zoa-product.pad4 { padding-top: 90px; padding-bottom: 160px; } } .zoa-product.pad4 .title { margin-bottom: 60px; } .zoa-product.pad5 { padding-bottom: 30px; padding-top: 30px; } @media (min-width: 1025px) { .zoa-product.pad5 { padding-top: 130px; padding-bottom: 40px; } } .zoa-product.pad5 .title { margin-bottom: 60px; } .zoa-product.pad6 { padding-top: 60px; padding-bottom: 30px; } @media (min-width: 1400px) { .zoa-product.pad6 { padding-top: 120px; padding-bottom: 140px; } } .zoa-product.pad6 .title { margin-bottom: 30px; } @media (min-width: 480px) { .zoa-product.pad6 .title { margin-bottom: 70px; } } .zoa-blog.pad { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 1025px) { .zoa-blog.pad { padding-top: 80px; padding-bottom: 110px; } } @media (max-width: 480px) { .zoa-blog [class*=col-xs-] { margin-bottom: 30px; } } .zoa-blog .blog-img { margin-bottom: 25px; } .zoa-blog .blog-content .blog-meta > * { font-size: 12px; letter-spacing: 0.2em; } .zoa-blog .blog-content .blog-meta .blog-meta-tag { position: relative; padding-bottom: 3px; } .zoa-blog .blog-content .blog-meta .blog-meta-tag:before { content: ""; position: absolute; border-bottom: 2px solid #dd2a2a; bottom: 0; width: 100%; } .zoa-blog .blog-content .blog-meta .blog-meta-tag.v2:before { content: none; } .zoa-blog .blog-content .blog-meta .blog-meta-date { color: #999; } .zoa-blog .blog-content .blog-meta .blog-meta-date:before { content: "/"; padding: 0 12px 0 6px; color: #222; } .zoa-blog .blog-content h3 { font-size: 18px; letter-spacing: 0.03em; } .zoa-blog.v3.pad, .zoa-blog.pad.slide.v6, .zoa-blog.pad.slide.v5 { padding-top: 30px; } @media (min-width: 1025px) { .zoa-blog.v3.pad, .zoa-blog.pad.slide.v6, .zoa-blog.pad.slide.v5 { padding-top: 110px; margin-bottom: 30px; } .zoa-blog.v3.pad .title, .zoa-blog.pad.slide.v6 .title, .zoa-blog.pad.slide.v5 .title { margin-bottom: 60px; } } @media (min-width: 1025px) { .zoa-blog.v3 .blog-img, .zoa-blog.slide.v6 .blog-img, .zoa-blog.slide.v5 .blog-img { margin-bottom: 0; } } @media (min-width: 1025px) { .zoa-blog.v3 .blog-content, .zoa-blog.slide.v6 .blog-content, .zoa-blog.slide.v5 .blog-content { margin: -85px 50px 0 50px; position: relative; padding-left: 40px; padding-top: 30px; background: #FFF; } } .zoa-blog.v3 h3, .zoa-blog.slide.v6 h3, .zoa-blog.slide.v5 h3 { margin-bottom: 25px; } .zoa-blog.v3 h3 a, .zoa-blog.slide.v6 h3 a, .zoa-blog.slide.v5 h3 a { font-weight: 600; } .zoa-blog.v3 .btn-read-more, .zoa-blog.slide.v6 .btn-read-more, .zoa-blog.slide.v5 .btn-read-more { font-size: 13px; color: #dd2a2a; } .zoa-blog.v3 .btn-read-more:hover, .zoa-blog.slide.v6 .btn-read-more:hover, .zoa-blog.slide.v5 .btn-read-more:hover { color: #222; } .zoa-blog.v3 .btn-read-more i, .zoa-blog.slide.v6 .btn-read-more i, .zoa-blog.slide.v5 .btn-read-more i { font-size: 8px; color: #222; margin-right: 10px; } @media (min-width: 768px) { .about-homepage { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; } } .about-homepage.pad { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 1025px) { .about-homepage.pad { padding-top: 140px; padding-bottom: 140px; } } @media (min-width: 1025px) { .about-homepage { padding-left: 130px; padding-right: 130px; } } @media (min-width: 768px) { .about-homepage .about-img { width: 300px; flex: 0 0 300px; margin-right: 70px; } } @media (max-width: 767px) { .about-homepage .about-img { margin-bottom: 30px; } .about-homepage .about-img img { width: 100%; } } @media (max-width: 767px) { .about-homepage .img-sign img { margin: 0 auto; } } .about-homepage .about-homepage-content .content-first { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .about-homepage .about-homepage-content .content-first p { margin-bottom: 0; } .about-homepage .about-homepage-content .text-bigbold { font-size: 46px; font-weight: bold; margin-right: 10px; } .about-homepage .about-homepage-content p { line-height: 26px; } .about-brand.pad { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 1025px) { .about-brand.pad { padding-top: 60px; padding-bottom: 60px; } } @media (max-width: 480px) { .zoa-instagram [class*=col-xs] { width: 100%; margin-bottom: 15px; } .zoa-instagram [class*=col-xs] img { width: 100%; } } .zoa-instagram .insta-title { padding: 20px 0; background: #222; } @media (min-width: 480px) { .zoa-instagram .insta-title { padding: 49px 0; } } .zoa-instagram .insta-title a { font-size: 16px; color: #FFF; } .zoa-instagram .insta-title a:hover { color: #dd2a2a; } .zoa-instagram .insta-title2 { padding-bottom: 45px; } .zoa-instagram .insta-title2 h3 { font-size: 24px; font-weight: 600; letter-spacing: 0.5em; } .zoa-instagram .insta-title2 a { font-size: 16px; letter-spacing: 0.02em; } .zoa-instagram .insta-content { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-flex-direction: column; flex-direction: column; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (min-width: 480px) { .zoa-instagram .insta-content { -moz-flex-direction: row; flex-direction: row; } } .zoa-instagram.pad { padding-top: 30px; } @media (min-width: 1025px) { .zoa-instagram.pad { padding-top: 100px; } } .zoa-product-tabs.pad { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 1025px) { .zoa-product-tabs.pad { padding-top: 50px; padding-bottom: 50px; } } @media (min-width: 1400px) { .zoa-product-tabs.pad { padding-top: 130px; padding-bottom: 110px; } } @media (max-width: 480px) { .zoa-product-tabs .tabs { margin-bottom: 30; } } @media (min-width: 1400px) { .zoa-product-tabs .tabs { margin-bottom: 74px; } } @media (min-width: 480px) { .zoa-product-tabs .tabs { text-align: center; } } .zoa-product-tabs .tabs li { padding: 0 32px; } @media (max-width: 480px) { .zoa-product-tabs .tabs li { display: block; padding: 0; text-align: center; margin-bottom: 5px; } } .zoa-product-tabs .tabs li a { color: #222; font-size: 24px; padding-bottom: 10px; font-weight: 600; } .zoa-product-tabs .tabs li a:after { background: #dd2a2a; } @media (min-width: 1025px) { .collection-slide .first { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } } @media (min-width: 1025px) { .collection-slide .first > [class*=col-xs-]:first-child { width: 74.425%; } .collection-slide .first > [class*=col-xs-]:last-child { width: 25.575%; } } @media (max-width: 1025px) { .collection-slide .first > [class*=col-xs-] { margin-bottom: 30px; } } .collection-slide .banner-img { width: 100%; } @media (min-width: 1025px) { .collection-slide .banner-img:first-child { margin-bottom: 30px; } } .collection-slide .banner-img img { width: 100%; } @media (min-width: 480px) { .collection-slide .banner .content3 a { font-size: 36px; } } .collection-slide .slide-content { padding-left: 30px; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } @media (min-width: 480px) { .collection-slide .slide-content { padding-left: 160px; text-align: center; } } @media (min-width: 480px) { .collection-slide .slide-content h3 { font-size: 60px; margin-bottom: 40px; } } .collection-slide .slide-content a { font-weight: 600; position: relative; padding-bottom: 6px; } @media (min-width: 480px) { .collection-slide .slide-content a { font-size: 18px; } } @media (min-width: 480px) { .collection-slide .slide-content a { margin-left: 135px; } } .collection-slide .slide-content a:before { content: ""; position: absolute; border-bottom: 2px solid #dd2a2a; bottom: 0; width: 100%; } .slide-img, .collection-img { position: relative; } .zoa-collection.pad { padding-bottom: 30px; } @media (min-width: 1025px) { .zoa-collection.pad { padding-bottom: 140px; } } @media (max-width: 767px) { .zoa-collection [class*=col-xs-] { margin-bottom: 15px; } } @media (max-width: 767px) { .zoa-collection .collection-img > a { width: 100%; } .zoa-collection .collection-img > a img { width: 100%; } } .zoa-collection .collection-img .content4 { padding-left: 30px; padding-top: 30px; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } @media (min-width: 1024px) { .zoa-collection .collection-img .content4 { padding-left: 60px; padding-top: 50px; } } .zoa-collection .collection-img .content4 a { position: relative; padding-bottom: 5px; } @media (min-width: 1024px) { .zoa-collection .collection-img .content4 a { font-size: 36px; } } .zoa-collection .collection-img .content4 a:before { content: ""; position: absolute; border-bottom: 2px solid #222; bottom: 0; width: 100%; } .zoa-collection .collection-img .content5 a { background: #FFF; padding: 13px 53px; font-size: 24px; font-weight: 600; letter-spacing: 0.01em; } .about-homepage11 { padding: 50px 0; } @media (min-width: 1025px) { .about-homepage11 { padding: 90px 0; } } @media (max-width: 767px) { .about-homepage11 { text-align: center; } } @media (min-width: 1024px) { .about-homepage11 .heading { padding-left: 100px; padding-right: 70px; } } .about-homepage11 .heading h3 { font-size: 13px; letter-spacing: 0.4em; color: #666; margin-top: 0; } @media (min-width: 480px) { .about-homepage11 .heading h3 { margin-bottom: 50px; } } .about-homepage11 .heading h1 { font-size: 40px; } @media (min-width: 1024px) { .about-homepage11 .content { padding-right: 100px; padding-left: 40px; } } .about-homepage11 .content p { font-size: 15px; line-height: 26px; color: #666; } @media (min-width: 480px) { .about-homepage11 .content p { margin-bottom: 25px; } } .about-homepage11 .content a { font-size: 15px; font-weight: 600; position: relative; padding-bottom: 8px; display: inline-block; } @media (min-width: 480px) { .about-homepage11 .content a { margin-top: 30px; } } .about-homepage11 .content a:before { content: ""; position: absolute; border-bottom: 2px solid #dd2a2a; bottom: 0; width: 100%; } .zoa-collection-2.pad { padding-top: 30px; } @media (min-width: 1025px) { .zoa-collection-2.pad { padding-top: 140px; } } .zoa-collection-2 .collection-img { display: inline-block; } @media (min-width: 1025px) { .zoa-collection-2 .first { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } .zoa-collection-2 .first > [class*=col-xs-]:first-child { width: 61.4942%; } .zoa-collection-2 .first > [class*=col-xs-]:last-child { width: 38.5058%; } } @media (max-width: 1025px) { .zoa-collection-2 .first > [class*=col-xs-]:first-child { margin-bottom: 30px; } } .zoa-collection-2 .second > [class*=col-xs-]:first-child { margin-bottom: 30px; } @media (min-width: 1400px) { .zoa-collection-2 .second > [class*=col-xs-]:first-child { margin-bottom: 130px; } } .zoa-collection-2 .content h3 { font-size: 30px; margin-top: 30px; margin-bottom: 20px; } .zoa-collection-2 .content a { font-size: 16px; font-weight: 600; padding-bottom: 6px; position: relative; } .zoa-collection-2 .content a:before { content: ""; position: absolute; border-bottom: 2px solid #dd2a2a; bottom: 0; width: 100%; } .zoa-collection-2 .collection-tags.tags-label-right { position: absolute; top: 50%; transform: rotate(-90deg) translateX(50%); } .zoa-collection-2 .collection-tags.tags-label-right.v1 { right: -40px; } @media (min-width: 1400px) { .zoa-collection-2 .collection-tags.tags-label-right.v1 { right: -88px; } } .zoa-collection-2 .collection-tags.tags-label-right.v2 { right: -20px; } @media (min-width: 1400px) { .zoa-collection-2 .collection-tags.tags-label-right.v2 { right: -77px; } } .zoa-collection-2 .collection-tags a { font-size: 18px; letter-spacing: 0.4em; font-weight: 600; color: #222; } .zoa-collection-2 .collection-tags a:hover { color: #dd2a2a; } @media (min-width: 1025px) { .testimonial.v2 .owl-nav > div.owl-next { right: 80px; left: auto; } .testimonial.v2 .owl-nav > div.owl-prev { right: auto; left: 80px; } } .testimonial .owl-nav > div { display: block; text-align: center; color: #666; left: 0; position: absolute; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .testimonial .owl-nav > div.owl-next { right: 0; left: auto; } @media (min-width: 1400px) { .testimonial .owl-nav > div.owl-next { right: 80px; left: auto; } } .testimonial .owl-nav > div.owl-prev { right: auto; left: 0; } @media (min-width: 1400px) { .testimonial .owl-nav > div.owl-prev { right: auto; left: 80px; } } .testimonial .owl-theme .owl-nav [class*=owl-] { font-size: 8px; background: transparent; color: #666; border-radius: 0; margin: 0; padding: 0; } .testimonial.pad { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 1400px) { .testimonial.pad { padding-top: 140px; padding-bottom: 140px; } } .testimonial .testimonial-item { background: url("../img/home6/testimonial-bg.png"); background-position: center center; background-repeat: no-repeat; background-size: cover; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; padding: 113px 0px 100px 0px; } @media (max-width: 480px) { .testimonial .testimonial-item { padding: 30px 15px; } } .testimonial .testimonial-item .content p { letter-spacing: 0.2em; padding-bottom: 30px; position: relative; margin-bottom: 35px; } @media (min-width: 480px) { .testimonial .testimonial-item .content p { font-size: 17px; line-height: 27px; } } .testimonial .testimonial-item .content p.v2 { font-weight: 600; } .testimonial .testimonial-item .content p:before { border-bottom: 1px solid #dd2a2a; bottom: 0; left: 50%; transform: translateX(-50%); content: ""; position: absolute; width: 50px; } .testimonial .testimonial-item .content a { font-size: 15px; text-transform: uppercase; letter-spacing: 0.2em; } .collection-3 { padding-top: 30px; } @media (min-width: 1025px) { .collection-3 { padding-top: 50px; } } @media (min-width: 1400px) { .collection-3 { padding-top: 170px; } } @media (max-width: 480px) { .collection-3 [class*=col-xs-]:first-child { margin-bottom: 30px; } } .collection-3 .content { padding-left: 15px; padding-right: 15px; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } @media (min-width: 1025px) { .collection-3 .content { padding-left: 50px; padding-right: 50px; } } .collection-3 .content.v2 { -moz-align-items: flex-end; -ms-align-items: flex-end; align-items: flex-end; text-align: right; } .collection-3 .content h2 { font-size: 26px; margin-top: 0; font-weight: 600; } @media (min-width: 480px) { .collection-3 .content h2 { font-size: 40px; } } .collection-3 .content h3 { font-weight: lighter; font-size: 26px; margin-top: 0; } @media (min-width: 480px) { .collection-3 .content h3 { font-size: 40px; } } @media (min-width: 480px) { .collection-3 .content h3 { margin-bottom: 40px; } } .collection-3 .content .shop-now { font-size: 18px; font-weight: 600; position: relative; padding-bottom: 6px; } .collection-3 .content .shop-now:before { content: ""; position: absolute; border-bottom: 2px solid #dd2a2a; bottom: 0; width: 100%; } .collection-3 .heading.pad-text { padding: 30px 0; } @media (min-width: 1025px) { .collection-3 .heading.pad-text { padding: 94px 0; } } .collection-3 .heading h3 { letter-spacing: 0.5em; font-size: 15px; line-height: 28px; font-weight: 600; text-transform: uppercase; position: relative; display: inline-block; padding-top: 25px; } .collection-3 .heading h3:before { border-bottom: 1px solid #222; top: 0; left: 50%; transform: translateX(-50%); content: ""; position: absolute; width: 51px; border-bottom: 2px solid; } .collection-3 .heading-bottom.pad-text { padding: 30px 0; } @media (min-width: 1025px) { .collection-3 .heading-bottom.pad-text { padding: 129px 0; } } .collection-3 .heading-bottom a { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-flex-direction: column; flex-direction: column; font-size: 18px; font-weight: 600; } .collection-3 .heading-bottom i { margin-top: 8px; font-size: 8px; } .collection-4 .collection-grid { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-flex-direction: row; flex-direction: row; -moz-align-items: center; -ms-align-items: center; align-items: center; flex-wrap: wrap; width: 100%; flex: 1 1 100%; } @media (max-width: 480px) { .collection-4 .collection-grid { -moz-flex-direction: column; flex-direction: column; } } .collection-4 .collection-grid .collection-element { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .collection-4 .element-content { position: relative; width: 100%; } .collection-4 .content.style1 { text-align: center; } .collection-4 .content.style2 { -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; padding-left: 15px; padding-bottom: 15px; } @media (min-width: 1025px) { .collection-4 .content.style2 { padding-left: 30px; padding-bottom: 30px; } } @media (min-width: 1400px) { .collection-4 .content.style2 { padding-left: 50px; padding-bottom: 50px; } } .collection-4 .content h3 { margin-top: 0; margin-bottom: 0; } @media (min-width: 1400px) { .collection-4 .content h3 { font-size: 46px; line-height: 58px; } } .collection-4 .content .shop-now { margin-top: 10px; font-weight: 600; padding-bottom: 5px; position: relative; } @media (min-width: 1400px) { .collection-4 .content .shop-now { font-size: 16px; margin-top: 25px; } } .collection-4 .content .shop-now:before { content: ""; position: absolute; border-bottom: 2px solid #dd2a2a; bottom: 0; width: 100%; } .full-banner .content { text-align: center; -moz-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; } @media (min-width: 480px) { .full-banner .content { padding-left: 14.84%; width: 60%; } } .full-banner .content .tag-title { letter-spacing: 0.5em; text-transform: uppercase; font-weight: 600; position: relative; padding-bottom: 5px; display: block; margin-left: auto; margin-right: auto; } @media (min-width: 480px) { .full-banner .content .tag-title { font-size: 18px; } } .full-banner .content .tag-title:before { content: ""; position: absolute; border-bottom: 2px solid #dd2a2a; bottom: 0; width: 100%; } @media (min-width: 1024px) { .full-banner .content h3 { font-size: 80px; line-height: 90px; margin-top: 60px; margin-bottom: 60px; } } @media (max-width: 480px) { .full-banner .content h3 { text-align: center; width: 100%; } } .full-banner .content .btn-dis { margin-left: auto; margin-right: auto; padding: 15px 44px; } .banner-img { transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .banner-img:hover .overlay-img { opacity: 1; } .flash-deal.pad { padding-bottom: 50px; } @media (min-width: 1400px) { .flash-deal.pad { padding-bottom: 160px; } } .flash-deal .container { width: 100%; padding: 0; } .flash-deal .row { margin: 0; } @media (min-width: 1400px) { .flash-deal .row { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; } } .flash-deal [class*=col-] { padding-left: 0; padding-right: 0; } @media (max-width: 1025px) { .flash-deal [class*=col-] img { width: 100%; } } .flash-deal .content .product-img { margin: 0 auto; width: 270px; height: 270px; } .flash-deal .content h3 { font-size: 46px; } .flash-deal .content > p { font-size: 17px; letter-spacing: 0.02em; } .flash-deal .content .product-content h3 { font-size: 24px; } .flash-deal .content .product-content .product-price .old { font-size: 16px; font-weight: normal; color: #666; } .flash-deal .content .product-content .product-price span { font-size: 20px; font-weight: bold; color: #dd2a2a; } .flash-deal .content .product-content .btn-add-cart { padding: 15px 54px; display: inline-block; margin-left: auto; margin-right: auto; } @media (min-width: 1400px) { .flash-deal .content .product-content .btn-add-cart { margin-top: 30px; } } .flash-deal .content .countdown-time b { font-weight: normal; } .zoa-about h3 { font-size: 30px; margin-top: 5px; margin-bottom: 20px; } @media (min-width: 480px) { .zoa-about h3 { margin-bottom: 52px; } } .about-banner { position: relative; } @media (min-width: 480px) { .zoa-info { position: absolute; bottom: 0; width: 100%; } } @media (max-width: 480px) { .zoa-info .container { padding: 0; } } .zoa-info .zoa-inside { background: #222; padding: 15px 0; } @media (min-width: 480px) { .zoa-info .zoa-inside { padding: 34px 0; } } .zoa-info p { font-size: 15px; color: #777777; margin-bottom: 0; } .zoa-info p:first-child { margin-right: 10px; } @media (min-width: 480px) { .zoa-info p:first-child { margin-right: 77px; } } .zoa-info p span { color: #FFF; } .about-content { padding-top: 50px; padding-bottom: 50px; } @media (min-width: 1400px) { .about-content { padding-top: 140px; padding-bottom: 100px; } } @media (min-width: 1025px) { .about-content .about-sm { margin-top: 100px; margin-bottom: 82px; } } @media (max-width: 480px) { .about-content .about-sm img { margin-left: auto; margin-right: auto; } } @media (min-width: 1025px) { .about-content .about-info { padding-left: 100px; padding-right: 114px; } } .about-content .about-info h2 { font-size: 46px; line-height: 58px; letter-spacing: 0.3em; } @media (min-width: 1025px) { .about-content .about-info h2 { margin-bottom: 44px; } } .about-content .about-info h2 span { font-weight: 600; } .about-content .about-info .about-desc p { font-size: 15px; line-height: 28px; letter-spacing: 0.01em; } .about-content .about-info .about-desc p:first-child { margin-bottom: 30px; } .about-content .about-info .sign { margin-top: 52px; } @media (max-width: 767px) { .about-content [class*=col-xs-] { margin-bottom: 30px; } } .about-bottom, .contact-bottom { padding-top: 30px; padding-bottom: 30px; } @media (min-width: 1025px) { .about-bottom, .contact-bottom { padding-top: 80px; padding-bottom: 90px; } } .about-bottom .about-element h3, .contact-bottom .about-element h3 { font-size: 20px; margin-bottom: 10px; } @media (min-width: 813px) { .about-bottom .about-element h3, .contact-bottom .about-element h3 { font-size: 36px; letter-spacing: 0.3em; margin-bottom: 35px; } } .about-bottom .about-element p, .contact-bottom .about-element p { font-size: 15px; letter-spacing: 0.01em; } .about-brand { padding-top: 30px; } @media (min-width: 1400px) { .about-brand { padding-top: 60px; } } .about-brand .owl-carousel .owl-item img { width: auto; } @media (max-width: 480px) { .about-brand .owl-carousel .owl-item img { margin: 0 auto; } } .contact-form { background: url("../img/contact_bg.png") no-repeat center; background-size: cover; padding-top: 60px; padding-bottom: 100px; border-bottom: 1px solid #eee; } .contact-form .contact-img { position: relative; display: inline-block; } .contact-form .contact-img .contact-overlay-img a { color: #FFF; font-size: 24px; } .contact-form .contact-img .contact-overlay-img a.email { letter-spacing: 0.01em; position: relative; padding: 35px 0; } .contact-form .contact-img .contact-overlay-img a.email:before { content: ""; border-bottom: 1px solid #FFF; top: 0; left: 50%; transform: translateX(-50%); content: ""; position: absolute; width: 60px; } .contact-form .contact-img .contact-overlay-img a:hover { color: #dd2a2a; } .contact-form .contact-img .contact-overlay-img .social a { padding: 0 12px; } @media (min-width: 767px) { .contact-form .row { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; } .contact-form .row [class*=col-xs-] { flex: 1 1 50%; } .contact-form .row [class*=col-xs-]:last-child { -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; max-width: 400px; } } .contact-form .contact-title { font-size: 30px; } @media (min-width: 480px) { .contact-form .contact-title { margin-bottom: 22px; } } .contact-form .form-group { margin-bottom: 40px; } .contact-form .form-customer.form-login input, .contact-form .form-customer.form-login textarea { border-top: 0; border-right: 0; border-left: 0; border-color: #222; padding-left: 0; letter-spacing: 0.01em; } .contact-form .form-customer.form-login textarea { resize: none; } .contact-form .btn-login { font-size: 14px; padding: 17px 0; } .contact-bottom { padding-top: 70px; padding-bottom: 0; } .contact-bottom .about-element h3 { font-size: 30px; margin-bottom: 25px; } .contact-bottom .about-element p { color: #666; } .zoa-404 { padding: 20px 0; } @media (min-width: 767px) { .zoa-404 { padding: 100px 0; } } @media (min-width: 767px) { .zoa-404 .row { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; } } @media (max-width: 767px) { .zoa-404 .row [class*=col-xs-] { margin-bottom: 15px; } } .zoa-404 h1 { letter-spacing: 0.02em; font-weight: 600; } @media (min-width: 480px) { .zoa-404 h1 { font-size: 80px; margin-top: 35px; } } .zoa-404 h3 { letter-spacing: 0.01em; font-size: 30px; } .zoa-404 p { letter-spacing: 0.01em; font-size: 15px; line-height: 28px; color: #666; } .zoa-404 .zoa-back { font-size: 18px; display: inline-block; position: relative; margin-top: 15px; } @media (min-width: 767px) { .zoa-404 .zoa-back { margin-top: 80px; } } .zoa-404 .zoa-back:after { content: ""; width: 0; height: 2px; background: #dd2a2a; position: absolute; display: block; left: 0; right: 0; width: 100%; bottom: 0; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } /*page comingson*/ .wrapper-comingson { background-image: url("../img/background.jpg"); background-position: center; background-size: cover; background-repeat: no-repeat; } .wrapper-comingson .logo img { display: block; margin: auto; } .wrapper-comingson .content { text-align: center; padding-top: 250px; padding-bottom: 120px; } .wrapper-comingson .content .title-header h1 { font-family: "Eina", sans-serif; font-size: 60px; color: #222222; padding-bottom: 20px; } @media (max-width: 480px) { .wrapper-comingson .content .title-header h1 { font-size: 35px; } } .wrapper-comingson .content .title-header h1 span { font-size: 120px; font-family: "Eina", sans-serif; color: #222222; font-weight: bold; position: relative; } @media (max-width: 480px) { .wrapper-comingson .content .title-header h1 span { font-size: 80px; } } .wrapper-comingson .content .title-header h1 span::before { content: ""; border: 3px solid #f33; bottom: 11px; position: absolute; width: 184px; left: 6%; } @media (max-width: 480px) { .wrapper-comingson .content .title-header h1 span::before { width: 120px; } } .wrapper-comingson .content p { font-family: "Eina", sans-serif; font-size: 18px; color: #222; font-weight: bold; letter-spacing: 2px; } .bottom { border-top: 1px solid #eee; padding: 35px 0; text-align: center; } .bottom .social a i { color: #888888; padding: 0 8px; font-size: 17px; } /*page faqs*/ .wrapper-faqs .menu-left { margin-top: 20px; } @media (max-width: 480px) { .wrapper-faqs .menu-left { margin-top: 0px; } } .wrapper-faqs .menu-left ul li { border-bottom: 1px solid #bdbdbd; padding: 20px 0; } .wrapper-faqs .menu-left ul li:nth-child(1) { border-bottom: 1px solid #222222; } @media (max-width: 480px) { .wrapper-faqs .menu-left ul li:nth-child(1) { padding-top: 0px; } } .wrapper-faqs .menu-left ul li:nth-child(1) i { color: #dd2a2a; } .wrapper-faqs .menu-left ul li a { font-family: "Eina", sans-serif; font-size: 14px; color: #888; text-transform: capitalize; } .wrapper-faqs .menu-left ul li a i { font-size: 6px; color: #888; padding-right: 30px; } .wrapper-faqs .faqs .zoa-faq h1 { font-family: "Eina", sans-serif; font-size: 36px !important; margin-bottom: 56px !important; margin-top: 30px !important; } .panel-heading { padding: 22px 30px; background: #222; color: #fff; margin-top: 50px; } .panel-heading .panel-title { padding-left: 30px; } .panel-heading .panel-title a { font-family: "Eina", sans-serif; margin-top: 0; margin-bottom: 0; font-size: 16px; color: #fff; } .panel { border: 0; } .panel-body { padding: 20px 64px 0px 64px; } @media (max-width: 480px) { .panel-body { padding: 0px 0px 0px 34px; } } .panel-body .faq-block h1 { font-family: "Eina", sans-serif; font-size: 16px; font-weight: 500; color: #222; } .tab-item h3 { padding: 16px 45px; background: #222; margin-top: 61px; } @media (max-width: 480px) { .tab-item h3 { margin-top: 30px; } } .tab-item h3 a { font-family: "Eina", sans-serif; font-size: 16px; color: #fff; } .tab-item h3 a span { font-size: 20px; padding-right: 15px; } .faq-block ul { padding-left: 15px; } .faq-block ul li { list-style-type: decimal; font-family: "Eina", sans-serif; color: #666666; font-size: 14px; line-height: 24px; padding-left: 10px; padding-top: 15px; } .faq-block p { font-family: "Eina", sans-serif; font-size: 16px; font-weight: 600; color: #222 !important; padding-top: 20px; } @media (max-width: 480px) { .faq-block p { padding-top: 30px; } } /*page my account*/ .nav-tabs { border-bottom: 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { border: 0; color: #222; } .nav-tabs > li > a { border: 0; } .nav > li > a { padding: 0; } .my-account { border-bottom: 1px solid #eee; } .titlelt { margin-bottom: 50px; } .titlelt h2 { font-size: 26px; font-family: "Eina", sans-serif; color: #222222; padding-bottom: 25px; } .address { border-bottom: 1px solid #eee; padding-bottom: 20px; } .address ul li a { font-size: 16px; color: #888888; padding: 7px 0; } .address ul li a img { padding-right: 15px; } .address ul li.active::before { color: #333; content: ""; border: 1px solid #222; bottom: 3px; position: absolute; width: 111px; left: 9%; } .login { padding-top: 20px; } .login ul li a img { padding-right: 15px; } .login ul li a { font-family: "Eina", sans-serif; font-size: 15px; color: #888888; padding: 7px 0; text-transform: capitalize; } .address ul li a i { padding-right: 15px; } .my-account { border-bottom: 1px solid #eee; } .porfolio ul li a { font-family: "Eina", sans-serif; font-size: 26px; text-transform: capitalize; color: #999; } .porfolio ul li:nth-child(1) { padding-right: 38px; border-right: 1px solid #eee; } @media (max-width: 767px) { .porfolio ul li:nth-child(1) { padding-right: 0; } } .porfolio ul li:nth-child(2) { padding-left: 38px; } @media (max-width: 767px) { .porfolio ul li:nth-child(2) { padding-left: 0; } } .form { padding-top: 45px; padding-bottom: 140px; } @media (max-width: 414px) { .form { padding-bottom: 40px; } } label.custom_label { margin-top: 30px; } input.custom_input { width: 100%; height: 55px; background: #f4f4f4; border: 0; padding-left: 20px; text-transform: capitalize; font-weight: 500; } input.country { width: 100%; height: 55px; background: #f4f4f4; border: 0; padding-left: 20px; text-transform: capitalize; font-weight: 500; margin-bottom: 30px; } input.city { width: 100%; height: 55px; background: #f4f4f4; border: 0; padding-left: 20px; text-transform: capitalize; font-weight: 500; margin-bottom: 30px; } select.district { width: 100%; height: 55px; background: #f4f4f4; border: 0; padding-left: 20px; text-transform: capitalize; font-weight: 500; margin-bottom: 30px; } input.zipcode { width: 100%; height: 55px; background: #f4f4f4; border: 0; padding-left: 20px; text-transform: uppercase; font-weight: 500; margin-bottom: 30px; } input.phone { width: 100%; height: 55px; background: #f4f4f4; border: 0; padding-left: 20px; text-transform: capitalize; font-weight: 500; margin-bottom: 30px; } input.gmail { width: 100%; height: 55px; background: #f4f4f4; border: 0; padding-left: 20px; text-transform: capitalize; font-weight: 500; margin-bottom: 40px; } .mail { padding-left: 15px; } label { font-weight: normal; color: #999; text-transform: capitalize; font-size: 15px; font-family: "Eina", sans-serif; } label.required { font-weight: bold; display: inline; } label.required:after { content: " *"; color: #e32; } button.change { margin-top: 30px; width: 100%; height: 55px; border: 0; font-size: 16px; color: #fff; background: #222222; font-family: "Eina", sans-serif; } button.change:hover { background: #f33; transition: all 0.5s; } /*check-out*/ i.fa.fa-caret-down { position: absolute; top: 159px; font-size: 16px; right: 40px; } .out { font-weight: normal; color: #333; text-transform: capitalize; font-size: 15px; font-family: "Eina", sans-serif; } #cart-inside { overflow-y: scroll; overflow-x: hidden; float: left; width: 100%; max-height: 350px; } .check-out .titlell h2 { font-family: "Eina", sans-serif; color: #222222; text-align: center; padding-bottom: 60px; font-size: 30px; } @media (max-width: 480px) { .check-out .titlell h2 { padding-bottom: 20px; } } .form-name { padding-bottom: 40px; } .form-name .content { padding-bottom: 15px; } .form-name .content h5 { font-family: "Eina", sans-serif; font-size: 14px; color: #999999; } .billing h2 { font-family: "Eina", sans-serif; font-size: 24px; color: #333333; text-transform: capitalize; } input.firstname { text-transform: capitalize; display: block; width: 100%; height: 50px; border: 1px solid #f33; padding-left: 20px; color: #f33; margin-bottom: 20px; font-family: "Eina", sans-serif; } input.lastname { text-transform: capitalize; display: block; width: 100%; height: 50px; border: 1px solid #03b452; padding-left: 20px; color: #00f; margin-bottom: 20px; font-family: "Eina", sans-serif; } input.email { width: 100%; height: 55px; background: #f4f4f4; border: 0; padding-left: 20px; text-transform: capitalize; font-weight: 500; margin-bottom: 20px; margin-left: 15px; } textarea.comment { width: 100%; height: 240px; border: 0; background: #f4f4f4; font-family: "Eina", sans-serif; } .content-order { padding: 35px; } @media (max-width: 768px) { .content-order { padding: 20px; } } .order { display: block; border: 1px solid #eee; } .order h3 { color: #222; text-transform: capitalize; font-weight: bold; font-family: "Eina", sans-serif; } th { text-align: left; width: 75%; text-transform: uppercase; color: #333; } @media (max-width: 768px) { th { width: 70%; } } td { text-transform: capitalize; } td, th { border-bottom: 1px solid #eee; padding: 20px 0; } caption { font-size: 26px; font-family: "Eina", sans-serif; color: #333; text-transform: capitalize; font-weight: 600; } i.fa.fa-times { color: #6c6c6c; padding-right: 5px; } .total { display: flex; padding-bottom: 30px; justify-content: space-between; } .total .sub-total { font-family: "Eina", sans-serif; font-size: 16px; text-transform: uppercase; color: #333; font-weight: bold; } .total .prince { font-family: "Eina", sans-serif; color: #222; padding-left: 236px; font-size: 17px; } @media (max-width: 1024px) { .total .prince { padding-left: 162px; } } @media (max-width: 823px) { .total .prince { padding-left: 74px; } } @media (max-width: 768px) { .total .prince { padding-left: 47px; } } .content-radio { display: flex; padding-bottom: 40px; } .content-radio h5 { font-size: 14px; font-family: "Eina", sans-serif; text-transform: uppercase; color: #333; } .content-radio .radio { margin-left: 40px; } .content-radio .radio .button1 span { padding-left: 167px; } .content-radio .radio .button3 span { padding-left: 167px; } .payment p { font-size: 14px; font-family: "Eina", sans-serif; color: #6c6c6c; padding-left: 5px; padding-top: 20px; } input.so1 { margin-top: 20px; border-bottom: 1px solid #eee; } input.so2 { margin: 20px 0; border-bottom: 1px solid #eee; } input.so3 { margin-top: 20px; margin-bottom: 30px; border-bottom: 1px solid #eee; } .ober { width: 100%; height: 55px; background: #222222; color: #fff; font-size: 14px; border: 0; text-transform: uppercase; font-family: "Eina", sans-serif; margin-top: 30px; } .ober:hover { background: #f33; } span#prince1 { padding-left: 162px; font-size: 14px; font-family: "Eina", sans-serif; color: #6c6c6c; } @media (max-width: 1024px) { span#prince1 { padding-left: 90px; } } @media (max-width: 991px) { span#prince1 { padding-left: 5px; } } span#prince2 { padding-left: 126px; font-size: 14px; font-family: "Eina", sans-serif; color: #6c6c6c; } @media (max-width: 1024px) { span#prince2 { padding-left: 50px; } } @media (max-width: 736px) { span#prince2 { padding-left: 5px; } } /*page product*/ .frequen h4 { font-size: 18px !important; font-family: "Eina", sans-serif; color: #222; font-weight: bold; padding-top: 50px; padding-bottom: 25px; } .item { display: block; padding-top: 40px; } .item ul li { font-size: 16px !important; font-family: "Eina", sans-serif; color: #222 !important; text-transform: capitalize !important; padding-bottom: 10px; } .item ul li del { padding-left: 25px; font-size: 16px; font-family: "Eina", sans-serif; color: #9d9d9d; } .item ul li i { padding-right: 10px; color: #4bcdd2; } .price-set { width: 400px; height: 55px; background: #222; color: #fff; border: 0; margin-top: 15px; margin-bottom: 25px; font-size: 15px; text-transform: uppercase; } @media (max-width: 812px) { .price-set { width: 360px; } } @media (max-width: 375px) { .price-set { width: 274px; margin-left: 30px; } } @media (max-width: 320px) { .price-set { width: 225px; } } .price-set i { padding-right: 15px; } .price-set:hover { background: #f33; transition: all 0.5s; } i.fa.fa-plus { position: absolute; top: 57px; left: 128px; color: #999; } @media (min-width: 1920px) { i.fa.fa-plus { left: 138px; } } @media (max-width: 1024px) { i.fa.fa-plus { display: none; } } .mb-20 { margin-bottom: 30px; } .blog-cate { color: #888; letter-spacing: 0.1em; } .blog-cate span { color: #333333; } .blog-date { color: #888; letter-spacing: 0.1em; } .blog-title a { font-size: 28px; } .blog-desc, .single-blog-desc p { color: #666; font-size: 15px; line-height: 26px; } .read-more { font-size: 15px; display: inline-block; position: relative; padding-bottom: 7px; letter-spacing: 0.01em; } .read-more:before { content: ""; height: 2px; width: 100%; border-bottom: 1px solid; bottom: 0; position: absolute; } .blog-list { padding-top: 60px; padding-bottom: 50px; } .blog-list .blog-list-item { margin-bottom: 40px; } @media (max-width: 812px) { .blog-list .blog-list-item { display: block; } .blog-list .blog-list-item [class*=col-xs-] { margin-bottom: 30px; } } @media (min-width: 767px) { .blog-list .blog-list-item { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; } } @media (min-width: 1025px) { .blog-list .blog-list-item { margin-bottom: 100px; } } .blog-list .blog-list-info.v2 { background: #f6f6f6; padding: 30px; } @media (min-width: 1025px) { .blog-list .blog-list-info { max-width: 360px; } .blog-list .blog-list-info.v2 { max-width: unset; padding: 60px 30px 52px 100px; } } .blog-list .blog-tag { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ margin-bottom: 7px; } .blog-list .blog-tag .blog-cate:after { content: "/"; padding: 0 5px; color: #888; } .blog-list .blog-title { margin-bottom: 10px; } .blog-list .blog-desc, .blog-list .single-blog-desc p, .single-blog-desc .blog-list p { margin: 0 0 20px; } @media (min-width: 480px) { .blog-list .blog-desc, .blog-list .single-blog-desc p, .single-blog-desc .blog-list p { margin: 0 0 40px; } } .blog-list .pagination { margin: 0; } .single-blog { padding-bottom: 30px; padding-top: 30px; } @media (min-width: 1025px) { .single-blog { padding-top: 60px; } } .single-blog .blog-main-img { margin-bottom: 30px; } @media (min-width: 480px) { .single-blog .blog-main-img { margin-bottom: 50px; } } @media (min-width: 1025px) { .single-blog-post { max-width: 970px; margin: 0 auto; } } .single-blog-post .title { margin-bottom: 25px; } .single-blog-post .blog-tag { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ margin-bottom: 15px; } @media (min-width: 480px) { .single-blog-post .blog-tag { margin-bottom: 46px; } } .single-blog-post .blog-tag [class*=blog-] { color: #666; } .single-blog-post .blog-tag [class*=blog-]:after { content: "/"; padding: 0 12px 0 6px; color: #666; } .single-blog-post .blog-tag [class*=blog-]:last-child:after { content: none; } .single-blog-post .blog-tag .text-bold { color: #222; font-weight: 600; text-transform: uppercase; } .single-blog-desc { padding-bottom: 50px; } .single-blog-desc .blog-second-img { padding: 15px 0; } @media (min-width: 480px) { .single-blog-desc .blog-second-img { padding-top: 62px; padding-bottom: 38px; } } .single-blog-desc .blog-second-img img { margin-bottom: 30px; } .single-blog-desc .blog-second-img a { font-size: 15px; } .single-blog-desc h4 { font-size: 15px; font-weight: 600; margin: 30px 0; } @media (min-width: 480px) { .single-blog-desc h4 { margin-top: 66px; margin-bottom: 36px; } } .single-blog-desc blockquote { padding-top: 0; padding-bottom: 0; margin-top: 30px; padding-right: 36px; border-left: 2px solid #dd2a2a; } @media (min-width: 480px) { .single-blog-desc blockquote { margin-left: 116px; margin-top: 68px; } } .single-blog-desc blockquote p { color: #002222; } @media (min-width: 480px) { .single-blog-desc { padding-bottom: 116px; } } .single-blog-bottom { padding: 30px 0; border-top: 1px solid #eee; } @media (min-width: 480px) { .single-blog-bottom { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; } } @media (max-width: 480px) { .blog-tags { margin-bottom: 15px; } } .blog-tags a { font-size: 13px; padding: 5px 18px; display: inline-block; border-radius: 999px; border: 1px solid #ccc; margin-right: 5px; } @media (max-width: 480px) { .blog-tags a { margin-bottom: 5px; } } @media (max-width: 480px) { .blog-social { text-align: center; } } .blog-social a { color: #999; font-size: 20px; display: inline-block; margin: 0 2px; } .single-blog-related { padding-top: 20px; padding-bottom: 20px; } @media (min-width: 812px) { .single-blog-related { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; padding-top: 50px; padding-bottom: 50px; } } .single-blog-item { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; flex: 1 1 50%; padding: 30px 0; } @media (min-width: 812px) { .single-blog-item { padding: 64px 0; } } .single-blog-item .blog-related-img { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex: 0 0 100px; } .single-blog-item .blog-related-info .blog-link { text-transform: uppercase; color: #777; margin-bottom: 10px; display: block; } .single-blog-item .blog-related-info .blog-link:hover { color: #dd2a2a; } .single-blog-item .blog-related-info p a { color: #242626; font-size: 16px; letter-spacing: 0.01em; } @media (min-width: 480px) { .single-blog-item .blog-related-info p a { font-size: 20px; } } .single-blog-item .blog-related-info p a:hover { color: #dd2a2a; } .single-blog-item:last-child { -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; background: #ededed; padding-right: 30px; } @media (min-width: 1025px) { .single-blog-item:last-child { padding-right: 60px; } } @media (max-width: 768px) { .single-blog-item:last-child { padding-left: 30px; } } .single-blog-item:first-child { background: #f4f4f4; padding-left: 30px; } @media (min-width: 1025px) { .single-blog-item:first-child { padding-left: 60px; padding-right: 100px; } } @media (max-width: 768px) { .single-blog-item:first-child { padding-right: 30px; } } .blog-heading h1 { font-size: 28px; margin-bottom: 20px; } .blog-heading p { color: #6c6c6c; letter-spacing: 0.01em; font-size: 16px; margin-bottom: 35px; } .blog-comment .blog-comment-content { padding-top: 15px; } .blog-comment .blog-comment-content ul { margin-top: 45px; } .blog-comment .blog-comment-content ul li { padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #eee; } @media (min-width: 480px) { .blog-comment .blog-comment-content ul li { padding-left: 30px; } } .blog-comment .blog-comment-content ul li:nth-child(2) { padding-left: 50px; } @media (min-width: 480px) { .blog-comment .blog-comment-content ul li:nth-child(2) { padding-left: 100px; } } .blog-comment .blog-comment-content ul li:first-child { border-top: 1px solid #eee; } @media (min-width: 480px) { .blog-comment .blog-comment-content .blog-comment-item { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } } .blog-comment .blog-comment-content .blog-comment-item .cmt-img { flex: 0 0 100px; margin-right: 30px; } @media (max-width: 480px) { .blog-comment .blog-comment-content .blog-comment-item .cmt-img { margin-bottom: 30px; } } @media (min-width: 480px) { .blog-comment .blog-comment-content .blog-comment-item .cmt-content { width: calc(100% - 100px); } } .blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ margin-bottom: 16px; } @media (min-width: 480px) { .blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name { -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; -moz-align-items: center; -ms-align-items: center; align-items: center; } } @media (max-width: 480px) { .blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name { -moz-flex-direction: column; flex-direction: column; } } @media (max-width: 480px) { .blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name .wrp-element { margin-bottom: 10px; } } .blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name .wrp-element .name { text-transform: uppercase; font-weight: 600; margin-right: 20px; } .blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name .wrp-element .date { color: #777; } .blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name .wrp-element .date i { margin-right: 3px; } .blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name a { color: #777; text-transform: uppercase; font-size: 11px; } .blog-comment .blog-comment-content .blog-comment-item .cmt-content .wrp-name a i { font-size: 12px; margin-right: 8px; } .blog-comment .blog-comment-content .blog-comment-item .cmt-content p { color: #666; line-height: 25px; letter-spacing: 0.01em; } .blog-comment-bottom { padding-top: 50px; } .blog-comment-bottom .cmt-form .form-group { margin-bottom: 30px; } .blog-comment-bottom .cmt-form .form-control { color: #999; background: #f6f6f6; padding-left: 20px; border: 0; } .blog-comment-bottom .cmt-form .form-control::-webkit-input-placeholder { color: #999; font-size: 14px; } .blog-comment-bottom .cmt-form .form-control:-moz-placeholder { color: #999; font-size: 14px; } .blog-comment-bottom .cmt-form .form-control::-moz-placeholder { color: #999; font-size: 14px; } .blog-comment-bottom .cmt-form .form-control:-ms-input-placeholder { color: #999; font-size: 14px; } .blog-comment-bottom .cmt-form textarea { padding-top: 20px; resize: none; } .blog-comment-bottom .cmt-form input { height: 60px; } @media (max-width: 480px) { .blog-comment-bottom .cmt-form .col-md-4 { margin-bottom: 30px; } } .blog-comment-bottom .cmt-form .zoa-btn { font-size: 15px; padding: 16px 58px; } .blog-col { margin-top: 70px; } .blog-col .gallery-isotope .item-isotope { float: left; margin-bottom: 55px; padding-left: 15px; padding-right: 15px; } .blog-col .gallery-isotope.blog-col-3 .item-isotope, .blog-col .gallery-isotope.blog-col-3 .item-size { width: 33.33333%; } .blog-col .gallery-isotope.blog-col-3 .width-60 { width: 66.66666%; } .blog-col .gallery-isotope.blog-col-3 .width-100 { width: 100%; } @media screen and (max-width: 1200px) { .blog-col .gallery-isotope.blog-col-3 .item-isotope, .blog-col .gallery-isotope.blog-col-3 .item-size { width: 33.33333% !important; } } @media screen and (max-width: 768px) { .blog-col .gallery-isotope { /* GALLERY */ } .blog-col .gallery-isotope.blog-col-3 .item-isotope, .blog-col .gallery-isotope.blog-col-3 .item-size { width: 50% !important; } } @media screen and (max-width: 480px) { .blog-col .gallery-isotope { /* GALLERY */ } .blog-col .gallery-isotope.blog-col-3 .item-isotope, .blog-col .gallery-isotope.blog-col-3 .item-size, .blog-col .gallery-isotope.blog-col-3 .width-60 { width: 100% !important; } } .blog-col .gallery-content .wrap-box-1 img { width: 100%; } .blog-col .gallery-content .btn-web a { height: 60px; line-height: 55px; text-transform: uppercase; font-size: 16px; font-weight: 700; } .blog-col .gallery-content .btn-web a i { margin-right: 15px; } .blog-col .gallery-restaurant { margin: auto; } .blog-col .gallery-restaurant ul { margin-bottom: 50px; } @media (max-width: 767px) { .blog-col .gallery-restaurant ul { margin-bottom: 35px; } } .blog-col .gallery-restaurant ul li { line-height: 40px; } @media (max-width: 767px) { .blog-col .gallery-restaurant ul li { padding: 0; } } .blog-col .gallery-restaurant ul li.active > a { border: 1px solid #e09300; color: #232323; background: transparent; } .blog-col .gallery-restaurant ul li.active > a:hover, .blog-col .gallery-restaurant ul li.active > a:focus { border: 1px solid #e09300; cursor: pointer; } .blog-col .gallery-restaurant ul li a { margin: 0px 5px; font-size: 16px; padding: 6px 18px; border: 1px solid transparent; color: #232323; text-decoration: none; } @media (max-width: 767px) { .blog-col .gallery-restaurant ul li a { margin: 0; font-size: 14px; } } @media (max-width: 480px) { .blog-col .gallery-restaurant ul li a { padding: 6px 10px; } } .blog-col .gallery-restaurant ul li a:hover, .blog-col .gallery-restaurant ul li a:focus { outline: none; border: 1px solid #e09300; } .section-blog-list .item.behind { margin-top: 46px; } .section-blog-list .item .post-thumbnail img { width: 100%; } .section-blog-list .entry-content .entry-between { padding-top: 17px; padding-bottom: 17px; border-bottom: 1px solid #efefef; line-height: 37px; } .section-blog-list .entry-content .entry-between .label { color: #dd2a2a; font-size: 11px; letter-spacing: 3px; padding: 0; font-family: "Roboto Condensed", sans-serif; font-weight: 400; } .section-blog-list .entry-content .entry-between .comment { padding: 6px 14px 6px 14px; background: black; float: right; font-size: 12px; position: relative; font-family: "Roboto Condensed", sans-serif; line-height: 17px; font-weight: 700; color: #fff; } .section-blog-list .entry-content .entry-between span.comment:before { content: ""; position: absolute; bottom: -15px; left: 50%; margin-left: -8px; border-top: 8px solid black; border-right: 13px solid transparent; border-bottom: 8px solid transparent; } .section-blog-list .entry-content .entry-meta { padding-top: 29px; } .section-blog-list .entry-content .entry-meta .entry-date { font-size: 12px; color: #b3b3b3; letter-spacing: 2px; font-weight: 400; font-family: "Roboto Condensed", sans-serif; } .section-blog-list .entry-content .entry-meta .entry-title a { color: #000000; font-size: 20px; font-weight: 600; } @media (min-width: 768px) and (max-width: 992px) { .section-blog-list .entry-content .entry-meta .entry-title a { font-size: 16px; } } .section-blog-list .entry-content .entry-meta .entry-title a:hover { text-decoration: none; color: #dd2a2a; } .section-blog-list .button { text-align: center; margin-top: 88px; } @media (min-width: 768px) and (max-width: 992px) { .section-blog-list .button { margin-top: 44px; } } .section-blog-list .button .loadmore { font-size: 16px; color: #030303; padding: 17px 30px 14px 30px; background: transparent; border: 1px solid black; } .section-blog-list .button .loadmore img { margin-right: 16px; } .section-blog-list .button .loadmore:hover { background: #e09300; color: black; border: 1px solid #e09300; } .gallery_1 .wrap-blog { position: relative; overflow: hidden; display: block; } .gallery_1 .wrap-blog:hover .box-img img { transform: scale(1.1); transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .gallery_1 .wrap-blog:hover .box-img:before { opacity: 1; overflow: visible; } .gallery_1 .wrap-blog .box-img { overflow: hidden; } .gallery_1 .wrap-blog .box-img img { width: 100%; transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; } .blog-zigzag { padding-bottom: 0px; padding-top: 70px; margin-bottom: -30px; } .blog-zigzag .btn-web a { height: 60px; line-height: 55px; text-transform: uppercase; font-size: 16px; font-weight: 700; } .blog-zigzag .btn-web a i { margin-right: 15px; } .blog-zigzag .wpb_wrapper .item-zigzag { margin-bottom: 100px; } .blog-zigzag .wpb_wrapper .post-standard figure img { width: 100%; } .blog-zigzag .wpb_wrapper .feature-content { margin-top: 35px; } @media (max-width: 1199px) and (min-width: 768px) { .blog-zigzag .wpb_wrapper .feature-content { margin: 0; } } .blog-zigzag .wpb_wrapper .feature-content .oct_top_featured_content { display: inline-block; } .blog-zigzag .wpb_wrapper .feature-content .oct_top_featured_content .oct_day { float: left; width: 100%; font-size: 12px; color: #dd2a2a; text-transform: uppercase; letter-spacing: 3px; font-weight: 400; line-height: 9px; font-family: "Roboto Condensed", sans-serif; } .blog-zigzag .wpb_wrapper .feature-content .oct_blog_title { font-size: 20px; line-height: 26px; margin-top: 10px; margin-bottom: 30px; padding: 0; } .blog-zigzag .wpb_wrapper .feature-content .oct_blog_title a { color: #232323; font-size: 24px; line-height: 30px; letter-spacing: 0; font-weight: 600; } .blog-zigzag .wpb_wrapper .feature-content .k_blog_content { line-height: 25px; margin-bottom: 40px; color: #7d7d7d; font-family: "Roboto Condensed", sans-serif; font-size: 17px; font-weight: 300; } .blog-zigzag .wpb_wrapper .feature-content .btn-web a { width: 150px; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 700; height: 40px; line-height: 37px; } .body-blog-listing .item-blog { display: flex; align-items: center; padding: 50px 0 50px 0; border-bottom: 1px solid #ebebeb; } @media (max-width: 1024px) { .body-blog-listing .item-blog { flex-direction: column; padding: 30px 0 10px 0; align-items: baseline; } } .body-blog-listing .item-blog .info { flex: 1; } .body-blog-listing .item-blog .info .oct_comment { width: 100%; color: #b3b3b3; font-size: 12px; font-family: "Roboto Condensed", sans-serif; text-transform: uppercase; } .body-blog-listing .item-blog .info .oct_comment .author-line { padding-right: 10px; margin-right: 5px; position: relative; float: left; } .body-blog-listing .item-blog .info .oct_comment .author-line a { width: 100%; color: #b3b3b3; font-size: 12px; } .body-blog-listing .item-blog .info .oct_comment .author-line a:before { content: "/"; position: absolute; right: 0; top: 0; } .body-blog-listing .item-blog .info .title { display: block; font-size: 24px; color: #000000; margin-top: 10px; font-weight: 600; transition: all 0.3s; text-transform: capitalize; } .body-blog-listing .item-blog .info .title:hover { color: #e09300; } .body-blog-listing .item-blog .date p { display: flex; align-items: center; color: #dd2a2a; font-weight: 500; margin: 0; font-size: 60px; } .body-blog-listing .item-blog .date p span { font-size: 16px; position: relative; padding-left: 55px; margin-left: 2 0px; text-transform: uppercase; letter-spacing: 3px; font-weight: 600; } .body-blog-listing .item-blog .date p span:before { content: ""; position: absolute; left: 0; top: 50%; width: 30px; height: 1px; background-color: #dd2a2a; } .body-blog-listing .page_nav { margin: 95px 0 25px 0; } @media (max-width: 1024px) { .body-blog-listing .page_nav { margin: 60px 0 0px 0; } } .body-blog-listing .page_nav .current { padding-left: 0px !important; color: #dd2a2a !important; text-decoration: underline; } .body-blog-listing .page_nav .page-numbers { padding: 0 7px; color: #232323; font-size: 16px; font-weight: 600; } .body-blog-listing .page_nav .page-numbers:hover { color: #dd2a2a; } /* 5.2. Item view templates */ .product-title { font-size: 14px; } .product-title a { color: #666; } .product-title a:hover { color: #dd2a2a; } .product-cate { color: #999; font-size: 12px; text-transform: capitalize; } .product-price span { font-weight: bold; } .shop-top, .shop-bottom { position: relative; } @media (min-width: 1025px) { .shop-top, .shop-bottom { padding-top: 45px; } } @media (min-width: 480px) { .shop-top, .shop-bottom { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } } @media (min-width: 480px) { .shop-top .shop-element, .shop-bottom .shop-element { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ flex: 1 1 50%; } } .shop-top .shop-element.right, .shop-bottom .shop-element.right { -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (max-width: 480px) { .shop-top .shop-element.right, .shop-bottom .shop-element.right { text-align: center; -moz-flex-direction: column; flex-direction: column; } } .shop-top .shop-element.right span, .shop-bottom .shop-element.right span { color: #888; } @media (min-width: 480px) { .shop-top .shop-element.right span, .shop-bottom .shop-element.right span { margin-right: 30px; } } @media (max-width: 480px) { .shop-top .shop-element.right span, .shop-bottom .shop-element.right span { margin: 15px 0; display: block; } } .shop-top .shop-element.right.v2 span, .shop-bottom .shop-element.right.v2 span { margin-right: 0; } .shop-top .shop-element.left > ul, .shop-bottom .shop-element.left > ul { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-flex-direction: row; flex-direction: row; } .shop-top .shop-element.left > ul > li, .shop-bottom .shop-element.left > ul > li { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ width: 100%; padding-left: 12px; padding-right: 20px; position: relative; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px solid #f8f5f5; } @media (min-width: 480px) { .shop-top .shop-element.left > ul > li, .shop-bottom .shop-element.left > ul > li { flex: 0 0 300px; width: 300px; } } .shop-top .shop-element.left > ul > li > a, .shop-bottom .shop-element.left > ul > li > a { font-size: 15px; font-weight: 500; position: relative; display: block; width: 100%; } .shop-top .shop-element.left > ul > li > a span, .shop-bottom .shop-element.left > ul > li > a span { font-weight: normal; color: #888; } .shop-top .shop-element.left > ul > li > a i, .shop-bottom .shop-element.left > ul > li > a i { margin-right: 10px; } .shop-top .shop-element.left > ul > li > a:after, .shop-bottom .shop-element.left > ul > li > a:after { position: absolute; top: 50%; transform: translateY(-50%); right: 0; content: "\E903"; font-size: 5px; font-family: "zoa"; } .shop-top .shop-element.left > ul > li:first-child, .shop-bottom .shop-element.left > ul > li:first-child { margin-right: 60px; } .shop-top .shop-element.left > ul > li .dropdown-menu, .shop-bottom .shop-element.left > ul > li .dropdown-menu { width: 100%; top: 100%; box-shadow: 0px 5px 11.88px 0.12px rgba(0, 0, 0, 0.1); border-radius: 0; border: 0; } @media (min-width: 1025px) { .shop-top .shop-element.left > ul > li .dropdown-menu, .shop-bottom .shop-element.left > ul > li .dropdown-menu { display: block; visibility: hidden; opacity: 0; transform: translate(0, 15px); transition: all 0.4s; transition-duration: 180ms; } } .shop-top .shop-element.left > ul > li .dropdown-menu > li > a, .shop-bottom .shop-element.left > ul > li .dropdown-menu > li > a { padding: 10px 20px; } .shop-top .shop-element.left > ul > li .dropdown-menu.fullw, .shop-bottom .shop-element.left > ul > li .dropdown-menu.fullw { padding: 30px; } @media (min-width: 1025px) { .shop-top .shop-element.left > ul > li:hover .dropdown-menu, .shop-bottom .shop-element.left > ul > li:hover .dropdown-menu { display: block; visibility: visible; opacity: 1; transform: translate(0, 0) rotate(0) scale(1); z-index: 999; } .shop-top .shop-element.left > ul > li:hover .dropdown-menu.fullw, .shop-bottom .shop-element.left > ul > li:hover .dropdown-menu.fullw { transform: translate(0, -15px) rotate(0) scale(1); } } .shop-top .shop-element.left > ul > li.filter-static, .shop-bottom .shop-element.left > ul > li.filter-static { position: static; } @media (max-width: 480px) { .view-mode { padding-top: 15px; } } .view-mode.view-group { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; } @media (min-width: 480px) { .view-mode.view-group { padding-left: 20px; border-left: 1px solid #eee; } } .view-mode.view-group a { padding: 0 10px; text-align: center; cursor: pointer; } @media (max-width: 1025px) { .view-mode.view-group a { width: 33.3333%; } } .view-mode.view-group a i { opacity: 0.5; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .view-mode.view-group a:hover i { opacity: 1; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .view-mode.view-group a.active i { opacity: 1; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .view-mode.view-group a:last-child { padding-right: 0; } .widget-filter h3 { font-size: 18px; font-weight: 600; margin-bottom: 20px; } .widget-filter.filter-cate ul li a { color: #666; position: relative; padding-left: 35px; line-height: 40px; } .widget-filter.filter-cate ul li a.active { color: #222; font-weight: 600; } .widget-filter.filter-cate ul li a.active:before { background-color: #222; border-color: #222; } .widget-filter.filter-cate ul li a:after { content: ""; position: absolute; display: block; left: 0px; top: 0; width: 18px; height: 18px; opacity: 0; background: #333333; border-radius: 50%; } .widget-filter.filter-cate ul li a:before { content: ""; position: absolute; display: block; left: 0; top: -2px; width: 18px; height: 18px; background-color: #fff; border: 1px solid #cdcdcd; border-radius: 50%; } .widget-filter.filter-cate ul li a:hover { color: #dd2a2a; } .widget-filter.filter-color { @enxtend .filter-cate; } .widget-filter.filter-size { @enxtend .filter-cate; } .widget-filter.filter-price { @enxtend .filter-cate; } .widget-filter.filter-brand { @enxtend .filter-cate; } .product-button-group { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; transition: all 300ms ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; transition-duration: 0.3s; -webkit-transition-duration: 0.3s; } @media (max-width: 1025px) { .product-button-group { display: none; } } @media (min-width: 1025px) { .product-button-group { opacity: 0; visibility: hidden; width: 100%; position: absolute; left: 50%; bottom: 0; height: 45px; transform: translateX(-50%); } } .product-button-group .zoa-btn { width: 45px; height: 45px; line-height: 45px; border-radius: 50%; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin: 0 7px; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; opacity: 0; visibility: hidden; } .product-button-group .zoa-btn:hover { transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .product-button-group .zoa-btn.zoa-quickview { transform: translateY(20px); transition-duration: 0.2s; } .product-button-group .zoa-btn.zoa-wishlist { transform: translateY(10px); transition-duration: 0.3s; } .product-button-group .zoa-btn.zoa-addcart { transition-duration: 0.4s; } .product-item, .contact-form .contact-item { transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } @media (min-width: 1025px) { .product-item:hover .product-button-group, .contact-form .contact-item:hover .product-button-group { opacity: 1; visibility: visible; } .product-item:hover .zoa-btn, .contact-form .contact-item:hover .zoa-btn { opacity: 1; visibility: visible; transform: translateY(-20px); } } .product-item:hover .overlay-img, .contact-form .contact-item:hover .overlay-img { opacity: 1; } .product-list .product-item .product-inner:after, .product-list .contact-form .contact-item .product-inner:after, .contact-form .product-list .contact-item .product-inner:after { bottom: 0; } @media (max-width: 1024px) { .btn-view { display: none; } } @media (min-width: 1025px) { .e-category { padding-bottom: 63px; } } @media (min-width: 1681px) { .e-category .row { margin-left: -20px; margin-right: -20px; } .e-category [class*=col-] { padding-left: 20px; padding-right: 20px; } } @media (max-width: 480px) { .e-category [class*=col-] { margin-bottom: 15px; } } .cate-title { font-size: 18px; font-weight: bold; display: block; padding-bottom: 15px; margin-bottom: 19px; border-bottom: 1px solid #e7e7e7; } .desc-list { margin-bottom: 14px; } .desc-list li { font-size: 12px; line-height: 24px; color: #999999; position: relative; display: block; margin-left: 13px; } .desc-list li:before { content: "\F363"; font-family: "ionicons"; position: absolute; top: 0; left: -13px; color: #bfbfbf; } .product-img img { width: 100%; } .filter-brand li a { position: relative; padding-left: 22px; color: #666666; line-height: 40px; } .filter-brand li a:before { content: ""; position: absolute; display: block; left: 0; top: 2px; width: 12px; height: 12px; background-color: #fff; border: 2px solid #bfbfbf; border-radius: 50%; } .filter-brand li a:after { content: ""; position: absolute; display: block; left: 0px; top: 2px; width: 12px; height: 12px; opacity: 0; background: #333333; border-radius: 50%; } .filter-brand li.active-filter a:after { opacity: 1; } .filter-product.e-category .cate-item .product-img { width: 81px; height: 81px; margin-right: 20px; } .filter-product .cate-item { padding-left: 23px; padding-right: 20px; } .filter-inside { padding-left: 23px; border-bottom: 1px solid #ededed; padding-bottom: 28px; } .filter-inside.filter-color { border-bottom: 0; } .filter-inside.filter-price h3 { margin-bottom: 20px; } .filter-inside.filter-price .filter-content { padding-right: 22px; } .filter-inside.filter-price .min-max { color: #666666; margin-top: 16px; margin-bottom: 16px; display: inline-block; } .filter-inside.filter-price .btn-filter { width: 271px; height: 45px; line-height: 48px; display: inline-block; color: #fff; text-align: center; border-radius: 999px; width: 100%; } .filter-inside h3 { font-size: 16px; padding-top: 18px; } .e-filter { margin-top: 12px; margin-bottom: 15px; } .btn-showmore { color: #999999; font-size: 12px; padding-right: 19px; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: flex-end; -ms-justify-content: flex-end; justify-content: flex-end; -ms-flex-pack: flex-end; } .filter-collection-left { margin-bottom: 15px; margin-top: 20px; } .filter-collection-left .btn { color: #fff; padding: 0 25px; text-transform: uppercase; line-height: 36px; height: 36px; letter-spacing: 0.05em; text-decoration: none; background-color: #000; border-color: #ffff; margin: 0 auto; cursor: pointer; border: 0; border-radius: 0; } .close-sidebar-collection { font-size: 16px; line-height: 50px; background: #000; text-transform: uppercase; color: #fff; text-align: center; font-weight: bold; letter-spacing: 2px; } .close-sidebar-collection span { display: inline-block; } @media (max-width: 1024px) { .close-sidebar-collection { margin: 0 -15px 30px; } } @media (max-width: 1024px) { .close-sidebar-collection .icon_close { left: auto; right: 10px; top: 0; line-height: 50px; cursor: pointer; font-size: 20px; position: absolute; color: #fff; } } .show-filter:after { background: rgba(29, 29, 31, 0.6); content: ""; cursor: pointer; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; z-index: 2; } @media (max-width: 1024px) { .show-filter .col-left { left: 0; } } @media (max-width: 1024px) { .col-left { position: fixed; display: block; margin: 0; background: #fff; list-style: none; z-index: 4; top: 0; left: -300px; height: 100%; width: 300px; text-align: left; overflow-x: scroll; transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s; } } .collection-list .shop-top .shop-element.left > ul > li:first-child, .collection-list .shop-bottom .shop-element.left > ul > li:first-child { margin-right: 0; } .collection-list .shop-top, .collection-list .shop-bottom { padding-top: 0; margin-bottom: 50px; } .collection-list .product-grid { padding-top: 0; } .collection-list .shop-bottom { margin-top: 22px; margin-bottom: 0; } @media (min-width: 480px) { .collection-list .shop-bottom .pagination { margin: 0; } } .collection-sidebar .widget-filter { max-width: 300px; padding-bottom: 28px; padding-top: 25px; border-bottom: 1px solid #eee; } .collection-sidebar .widget-filter:first-child { padding-top: 0; } .collection-sidebar .widget-filter.no-pd-top { padding-top: 0; } .collection-sidebar .btn-filter { padding: 15px 64px; display: inline-block; margin-top: 45px; } @media (min-width: 1025px) { .r-sidebar { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .r-sidebar .collection-sidebar { order: 2; } .r-sidebar .collection-list { order: 1; } } .single-product-detail { padding-bottom: 50px; } @media (min-width: 1025px) { .single-product-detail { padding-bottom: 105px; } } .single-product-detail .product-images { position: relative; } @media (max-width: 1366px) { .single-product-detail .product-images img { width: auto; margin: 0 auto; } } @media (min-width: 1025px) { .single-product-detail .single-product-info { padding-left: 30px; } } @media (min-width: 1400px) { .single-product-detail .single-product-info { padding-left: 100px; } } .single-product-detail .single-product-info label { margin-bottom: 15px; } .single-product-detail .single-product-info .product-rating { margin-bottom: 30px; } .single-product-detail .single-product-info .product-rating .number-rating { margin-left: 10px; } .single-product-detail .single-product-info .product-title { font-size: 36px; font-weight: normal; margin-top: 40px; margin-bottom: 14px; } .single-product-detail .single-product-info .product-title a { color: #222; } .single-product-detail .single-product-info .product-title a:hover { color: #dd2a2a; } .single-product-detail .single-product-info .product-price { margin: 10px 0 10px 0; } .single-product-detail .single-product-info .product-price span { font-size: 20px; color: #222; } .single-product-detail .single-product-info .product-price span.old { font-size: 18px; text-decoration: line-through; color: #999; margin-right: 20px; font-weight: normal; } .single-product-detail .single-product-info .availability { margin-bottom: 15px; } .single-product-detail .single-product-info .availability .product-inventory label { color: #999999; } .single-product-detail .single-product-info .availability .product-inventory span { color: #5cb85c; font-weight: bold; } .single-product-detail .single-product-info .product-brand { margin-bottom: 27px; } .single-product-detail .single-product-info .product-brand p { margin-bottom: 13px; } .single-product-detail .single-product-info .product-sku { margin-bottom: 26px; } .single-product-detail .single-product-info .product-sku span { color: #999999; } .single-product-detail .single-product-info .product-sku .desc-list { margin-bottom: 26px; } .single-product-detail .single-product-info .short-desc { margin-bottom: 30px; } @media (min-width: 480px) { .single-product-detail .single-product-info .short-desc { margin-bottom: 60px; } } .single-product-detail .single-product-info .product-desc { color: #666; line-height: 26px; margin-bottom: 20px; font-size: 15px; letter-spacing: 0.01em; } .single-product-detail .single-product-info .color-group, .single-product-detail .single-product-info .size-group { margin-bottom: 25px; } .single-product-detail .single-product-info .color-group label, .single-product-detail .single-product-info .size-group label { font-size: 13px; text-transform: uppercase; display: block; } .single-product-detail .single-product-info .color-group .circle, .single-product-detail .single-product-info .size-group .circle { width: 33px; height: 33px; line-height: 33px; margin-right: 14px; } .single-product-detail .single-product-info .size-group { position: relative; width: 200px; display: inline-block; margin-right: 30px; margin-bottom: 30px; } .single-product-detail .single-product-info .size-group .single-option-selector { font-size: 14px; border-radius: 0; border: 1px solid #eee; box-shadow: none; background-color: #FFF; height: 40px; -webkit-appearance: none; display: block; width: 100%; padding: 6px 15px; } .single-product-detail .single-product-info .size-group .single-option-selector:focus { outline: none; } .single-product-detail .single-product-info .size-group:after { position: absolute; top: 72%; transform: translateY(-50%); right: 15px; content: "\E903"; font-size: 5px; font-family: "zoa"; } .single-product-detail .single-product-info .product-tags { padding-top: 50px; border-top: 1px solid #eee; } .single-product-detail .single-product-info .product-tags a { color: #666; } .single-product-detail .single-product-info .product-tags a:hover { color: #dd2a2a; } .single-product-detail .single-product-info .product-tags .element-tag label { font-size: 15px; } .single-product-detail .single-product-info .product-social { padding-top: 40px; } .single-product-detail .single-product-info .product-social label { font-weight: normal; } .single-product-detail .single-product-info .product-social .social a { color: #888; font-size: 17px; padding: 0 10px; display: inline-block; } .single-product-detail .single-product-info .product-social .social a:first-child { padding-left: 0; } .single-product-detail .single-product-info .product-social .social a:hover { color: #dd2a2a; } .single-product-detail .single-product-info .single-product-button-group { padding-bottom: 50px; } .single-product-detail .single-product-info .single-product-button-group .element-button { margin-bottom: 30px; } .single-product-detail .single-product-info .single-product-button-group .e-btn { margin-right: 11px; } .single-product-detail .single-product-info .single-product-button-group .e-btn:last-child { margin-right: 0; } @media (max-width: 480px) { .single-product-detail .single-product-info .single-product-button-group .e-btn:last-child { display: none; } } .single-product-detail .single-product-info .share-social { text-align: right; } @media (max-width: 768px) { .single-product-detail .single-product-info .share-social { text-align: unset; } } .single-product-detail .single-product-info .share-social span { font-weight: 500; text-decoration: underline; } .single-product-detail .single-product-info .share-social a { width: 40px; height: 40px; line-height: 40px; display: inline-block; text-align: center; border-radius: 50%; background: #f3f3f3; margin: 0 5px; } .single-product-detail .single-product-info .share-social a:last-child { margin-right: 0; } .single-product-detail .single-product-info .mobile-column { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } @media (max-width: 1366px) { .product-img-slide { flex-direction: column; } } .multiple-img-list { margin: 0 -5px; } .multiple-img-list .product-col { margin-bottom: 10px; margin-top: 10px; width: 108px; padding: 0 5px; } .multiple-img-list .product-col.v2 { margin-bottom: 14px; } .multiple-img-list .product-col .img img { transition: all 0.3s; } .multiple-img-list .product-col.slick-current .img { border: 1px solid #cccccc; } .multiple-img-list-ver2 { position: relative; } .multiple-img-list-ver2.v2 .slick-slide { border-radius: 10px; } @media (max-width: 1366px) { .multiple-img-list-ver2 { margin: 0 -5px; } } @media (min-width: 1367px) { .multiple-img-list-ver2 { width: 9.525%; order: 1; margin-right: 20px; } .multiple-img-list-ver2.v2 { order: 2; margin-right: 0; margin-left: 20px; } .multiple-img-list-ver2 .img img { width: 100%; max-width: 80px; transition: all 0.3s; } .multiple-img-list-ver2 .slick-slide img { display: inline-block; } .multiple-img-list-ver2 .product-col .img { display: inline-block; } } .multiple-img-list-ver2 .product-col { margin-bottom: 10px; } .multiple-img-list-ver2 .product-col.v2 { margin-bottom: 14px; } @media (max-width: 1366px) { .multiple-img-list-ver2 .product-col { margin-top: 10px; width: 108px; padding: 0 5px; } .multiple-img-list-ver2 .product-col .img img { transition: all 0.3s; } } .multiple-img-list-ver2 .product-col.slick-current .img { border: 1px solid #cccccc; } .product-images { overflow: hidden; } @media (min-width: 1367px) { .product-images { width: 88.5555%; order: 2; } .product-images.v2 { order: 1; border: 0; } } .single-product-tab { padding-bottom: 30px; } @media (min-width: 1025px) { .single-product-tab { padding-bottom: 92px; } } .single-product-tab > ul { margin-bottom: 30px; } @media (min-width: 480px) { .single-product-tab > ul { text-align: center; margin-bottom: 60px; } } .single-product-tab > ul li { display: block; margin-bottom: 15px; } @media (min-width: 480px) { .single-product-tab > ul li { display: inline-block; padding: 0 28px; } } .single-product-tab > ul li a { font-size: 18px; font-weight: 600; color: #888; padding-bottom: 6px; position: relative; } .single-product-tab > ul li a:after { content: ""; width: 0; height: 2px; background: #dd2a2a; position: absolute; display: block; left: 50%; right: 50%; bottom: 0; opacity: 0; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .single-product-tab > ul li:hover a { color: #222; } .single-product-tab > ul li:hover a:after { opacity: 1; left: 0; right: 0; width: 100%; } .single-product-tab > ul li.active a { color: #222; } .single-product-tab > ul li.active a:after { opacity: 1; left: 0; right: 0; width: 100%; } .single-product-tab .review-number { width: 20px; height: 20px; line-height: 20px; display: inline-block; background: #222; font-weight: 600; font-size: 11px; color: #FFF; border-radius: 50%; vertical-align: middle; } @media (min-width: 1025px) { .single-product-tab .content-desc { max-width: 900px; margin: 0 auto; } } .single-product-tab .content-desc p { color: #666; line-height: 24px; } .single-product-tab .content-desc p:first-child { margin-bottom: 25px; } @media (min-width: 1024px) { .review-content { max-width: 770px; margin: 0 auto; } } .element-review { padding: 30px 0; border-bottom: 1px solid #eee; } @media (min-width: 480px) { .element-review { padding: 60px 0; } } .element-review:first-child { padding-top: 0; } .element-review .r-name { font-size: 16px; font-weight: 600; } .element-review .r-date { color: #999; } .element-review .r-desc { color: #666; letter-spacing: 0.01em; } .element-review .group-star { margin-bottom: 25px; } .review-form h3 { font-size: 16px; font-weight: 600; } .review-form .rating-star { margin-bottom: 40px; } .review-form .rating-star span { font-size: 18px; color: #aaaaaa; } @media (min-width: 1024px) { .review-form { max-width: 770px; margin: 0 auto; padding-top: 40px; } } .review-form .cmt-form .form-group { margin-bottom: 30px; } .review-form .cmt-form .form-control { color: #666; background: #FFF; padding-left: 20px; border: 1px solid #eee; } .review-form .cmt-form .form-control::-webkit-input-placeholder { color: #666; font-size: 14px; } .review-form .cmt-form .form-control:-moz-placeholder { color: #666; font-size: 14px; } .review-form .cmt-form .form-control::-moz-placeholder { color: #666; font-size: 14px; } .review-form .cmt-form .form-control:-ms-input-placeholder { color: #666; font-size: 14px; } .review-form .cmt-form textarea { padding-top: 20px; resize: none; } .review-form .cmt-form input { height: 50px; } @media (max-width: 480px) { .review-form .cmt-form .col-md-6 { margin-bottom: 30px; } } .review-form .cmt-form .zoa-btn { font-size: 15px; padding: 14px 106px; } .zoa-tab-title { font-size: 15px; font-weight: 600; text-transform: uppercase; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .zoa-collapse-content p { color: #666; line-height: 24px; } .zoa-tab-collapse-block .panel-heading .accordion-toggle { position: relative; } .zoa-tab-collapse-block .panel-heading .accordion-toggle:before { font-family: "ionicons"; content: "\F462"; font-size: 30px; position: absolute; left: -30px; top: 50%; transform: translateY(-50%); } .zoa-tab-collapse-block .panel-heading .accordion-toggle.collapsed:before { content: "\F489"; } .single-product-detail.v2 { position: static; } .single-product-info.v2 .product-rating { -moz-flex-direction: column; flex-direction: column; } .single-product-info.v2 .product-rating .number-rating { margin-left: 0; } .single-product-info.v2 .product-size { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; -moz-flex-direction: column; flex-direction: column; } .single-product-info.v2 .product-size label { color: #666; } .single-product-info.v2 .product-size .size-guide, .single-product-info.v2 .product-size .btn-wishlist { margin-bottom: 30px; } .single-product-info.v2 .single-product-button-group { padding-bottom: 30px; } .entry-summary.hide-temporary { opacity: 0; } @media (max-width: 812px) { .entry-summary { height: auto !important; } .entry-summary.hide-temporary { opacity: 1; } .summary-inner { position: static !important; height: auto !important; overflow: unset !important; } } @media (min-width: 1025px) { .single-product-detail.v3 .product-images, .single-product-detail.slide.v6 .product-images, .single-product-detail.slide.v5 .product-images { width: 100%; } .single-product-detail.v3 .product-images img, .single-product-detail.slide.v6 .product-images img, .single-product-detail.slide.v5 .product-images img { width: 100%; } .single-product-detail.v3 .multiple-img-list, .single-product-detail.slide.v6 .multiple-img-list, .single-product-detail.slide.v5 .multiple-img-list { width: 100%; } .single-product-detail.v3 .zoa-width1, .single-product-detail.slide.v6 .zoa-width1, .single-product-detail.slide.v5 .zoa-width1 { width: 51.725%; } .single-product-detail.v3 .zoa-width2, .single-product-detail.slide.v6 .zoa-width2, .single-product-detail.slide.v5 .zoa-width2 { width: 48.275%; } .single-product-detail.v3 .product-social, .single-product-detail.slide.v6 .product-social, .single-product-detail.slide.v5 .product-social { margin-bottom: 60px; } } @media (min-width: 1400px) { .single-product-detail.v3 .single-product-info, .single-product-detail.slide.v6 .single-product-info, .single-product-detail.slide.v5 .single-product-info { padding-left: 140px; max-width: 680px; } } @media (max-width: 480px) { .single-product-detail.v3 .product-social, .single-product-detail.slide.v6 .product-social, .single-product-detail.slide.v5 .product-social { padding-top: 30px; } } .single-product-detail.v3 .product-social, .single-product-detail.slide.v6 .product-social, .single-product-detail.slide.v5 .product-social { margin-bottom: 30px; } .single-product-detail.v3 .single-product-button-group, .single-product-detail.slide.v6 .single-product-button-group, .single-product-detail.slide.v5 .single-product-button-group { padding-bottom: 0; } .single-product-detail.v3 .product-rating, .single-product-detail.slide.v6 .product-rating, .single-product-detail.slide.v5 .product-rating { margin-bottom: 50px; } .single-product-detail.v3 .single-product-tab, .single-product-detail.slide.v6 .single-product-tab, .single-product-detail.slide.v5 .single-product-tab { padding-bottom: 0; } .single-product-detail.v3 .product-countdown, .single-product-detail.slide.v6 .product-countdown, .single-product-detail.slide.v5 .product-countdown { margin-bottom: 32px; } .single-product-detail.v3 .product-countdown h3, .single-product-detail.slide.v6 .product-countdown h3, .single-product-detail.slide.v5 .product-countdown h3 { font-size: 16px; color: #666; text-transform: uppercase; margin-bottom: 15px; } .single-product-detail.v3 .product-countdown h3 span, .single-product-detail.slide.v6 .product-countdown h3 span, .single-product-detail.slide.v5 .product-countdown h3 span { font-weight: 600; color: #222; } @media (min-width: 1400px) { .single-product-detail.v4 .single-product-info { padding-left: 100px; } } .countdown-time { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .countdown-time.v2 { -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .countdown-time.v3, .countdown-time.slide.v6, .countdown-time.slide.v5 { -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -ms-flex-pack: flex-start; } .countdown-time.v3 span, .countdown-time.slide.v6 span, .countdown-time.slide.v5 span { color: #222; letter-spacing: 0.01em; } .countdown-time.v3 li p, .countdown-time.slide.v6 li p, .countdown-time.slide.v5 li p { color: #222; letter-spacing: 0.01em; } .countdown-time b { font-weight: 600; letter-spacing: 0.01em; } .countdown-time li { display: inline-block; margin-right: 60px; text-align: center; } .countdown-time li:last-child { margin-right: 0; } .countdown-time li p { font-weight: 600; font-size: 18px; letter-spacing: 0.01em; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -moz-align-items: center; -ms-align-items: center; align-items: center; position: relative; } @media (min-width: 1025px) { .countdown-time li p { font-size: 36px; } } .countdown-time li p:after { content: ":"; display: block; width: 3px; height: 230px; position: absolute; top: 20px; right: -30px; color: #222; font-size: 16px; line-height: 0.9; } .countdown-time li span { letter-spacing: 0.01em; font-weight: 500; text-transform: capitalize; } .countdown-time li:last-child p:after { content: none; } .zoa-qtt { width: 130px; height: 55px; position: relative; border: 1px solid #eee; } .zoa-qtt input { height: 100%; width: 100%; text-align: center; padding: 0 35px; font-size: 18px; -moz-appearance: textfield; border: 0; } .zoa-qtt .quantity-left-minus { left: 0; text-align: right; padding-right: 5px; display: flex; justify-content: flex-end; align-items: center; } .zoa-qtt .quantity-left-minus:before { content: "\F462"; } .zoa-qtt .quantity-right-plus { right: 0; text-align: left; padding-left: 5px; display: flex; justify-content: flex-start; align-items: center; } .zoa-qtt .quantity-right-plus:before { content: "\F489"; } .zoa-qtt .btn { cursor: pointer; position: absolute; font-family: "ionicons"; font-size: 30px; width: 35px; height: 100%; top: 50%; transform: translateY(-50%); background: transparent; } .size-guide, .btn-wishlist { position: relative; padding-bottom: 2px; letter-spacing: 0.02em; } .size-guide:after, .btn-wishlist:after { content: ""; position: absolute; border-bottom: 1px solid; bottom: 0; width: 100%; right: 0; } .zoa-addcart { width: 380px; height: 55px; color: #fff; border: 0; margin-left: 10px; text-transform: uppercase; font-size: 15px; position: relative; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } .zoa-addcart i { margin-right: 18px; } .btn-wishlist { font-size: 15px; } .e-heading { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; margin-bottom: 30px; } @media (min-width: 1025px) { .e-heading { margin-bottom: 53px; } } .e-heading .product-tab-sw { position: relative; z-index: 1; width: 85.666666%; -moz-justify-content: stretch; -ms-justify-content: stretch; justify-content: stretch; -ms-flex-pack: stretch; margin-bottom: 20px; } @media (min-width: 480px) { .e-heading .product-tab-sw { margin-bottom: 0; } .e-heading .product-tab-sw:before { border-top: 1px solid #ededed; content: ""; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; } } .e-heading h3 { font-size: 22px; position: relative; z-index: 1; width: 85.666666%; } .e-heading h3.v2 { font-size: 20px; font-weight: bold; } .e-heading h3.v3, .e-heading h3.slide.v6, .e-heading h3.slide.v5 { font-size: 18px; } @media (max-width: 480px) { .e-heading h3 { font-size: 18px; } } @media (max-widht: 320px) { .e-heading h3 { font-size: 16px; } } .e-heading h3 span { background: #fff; display: inline; padding-right: 15px; } @media (min-width: 1025px) { .e-heading h3 span { padding-right: 40px; } } .e-heading h3:before { border-top: 1px solid #ededed; content: ""; position: absolute; top: 50%; left: 0; right: 0; bottom: 0; width: 100%; z-index: -1; } .e-heading .btn-show { font-size: 16px; color: #999999; width: 201px; line-height: 54px; height: 56px; display: inline-block; text-align: center; border: 1px solid #eaeaea; font-weight: 500; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; border-radius: 999px; } @media (max-width: 480px) { .e-heading .btn-show { font-size: 14px; line-height: 40px; height: 40px; } } .e-heading .btn-show i { margin-left: 15px; } .e-heading .btn-show:hover { transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; color: #fff; background: #000; border-color: #000; } @media (min-width: 1025px) { .e-heading.spc1 { margin-bottom: 43px; } } .e-cat { padding-top: 27px; } .e-title { font-size: 22px; position: relative; padding-bottom: 23px; margin-bottom: 48px; padding-top: 8px; } .e-title:before { border-bottom: 1px solid transparent; bottom: 0; left: 50%; transform: translateX(-50%); content: ""; position: absolute; width: 68px; background: linear-gradient(90deg, #c467f5, #53f3ff); height: 1px; border: 0; } .section-cate { margin-bottom: 30px; } .section-cate .item .product-img { margin-bottom: 20px; } .section-cate .item h3 { font-size: 16px; } .bestseller { margin-bottom: 30px; } @media (min-width: 1025px) { .bestseller.single-space { margin-bottom: 122px; } } .onsale { margin-bottom: 30px; } .brand { padding: 30px 0; } @media (min-width: 1025px) { .brand { padding-top: 51px; padding-bottom: 68px; } } .owl-cate.owl-theme .owl-dots .owl-dot.active span, .owl-cate .owl-theme .owl-dots .owl-dot:hover span { background: #333333; opacity: 1; } .owl-cate.owl-theme .owl-dots .owl-dot span { width: 11px; height: 11px; background: #333333; opacity: 0.21; } .owl-cate.owl-theme .owl-dots .owl-dot { vertical-align: middle; } @media (min-width: 1025px) { .owl-cate.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 44px; } } @media (min-width: 1025px) { .owl-cate.v2.owl-theme .owl-nav.disabled + .owl-dots { margin-top: 3px; } } @media (min-width: 1025px) { .owl-cate.v3.owl-theme .owl-nav.disabled + .owl-dots, .owl-cate.owl-theme.slide.v6 .owl-nav.disabled + .owl-dots, .owl-cate.owl-theme.slide.v5 .owl-nav.disabled + .owl-dots { margin-top: 6px; } } .owl-cate .owl-dots { border: 1px solid #eaeaea; margin: 0 auto; border-radius: 999px; padding: 8px 10px; display: table; } .brand-item img { opacity: 0.6; } .brand-item:hover img { opacity: 1; } .brand .owl-carousel .owl-item img { width: auto; } @media (max-width: 480px) { .brand .owl-carousel .owl-item img { margin: 0 auto; } } .brand .owl-nav > div { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #000000; font-size: 28px; left: 0; position: absolute; top: 35%; transform: translateY(-50%); } .brand .owl-theme .owl-nav [class*=owl-], .brand .blog-home .owl-theme .owl-nav [class*=owl-] { background: #fff; color: #000; margin: 0; padding: 0; font-size: 22px; border-radius: 0; } .brand .owl-nav > div.owl-next { left: auto; right: 0; } .brand .owl-nav > div.owl-prev { left: 0; right: auto; } .brand.v2 { border-top: 1px solid #ededed; } .brand.v2 .owl-theme .owl-nav [class*=owl-] { font-size: 28px; color: #cacaca; } .brand.v2 .owl-theme .owl-nav [class*=owl-].active { color: #333; } .brand.v2 .owl-theme .owl-nav [class*=owl-]:hover { color: #333; } .brand.v2 .owl-nav > div { font-size: 28px; top: 50%; } .brand.v2 .owl-nav > div.owl-next { left: auto; right: 0; } @media (min-width: 1681px) { .brand.v2 .owl-nav > div.owl-next { right: -66px; } } @media (min-width: 1025px) { .brand.v2 .owl-nav > div.owl-next { right: -30px; } } .brand.v2 .owl-nav > div.owl-prev { left: 0; right: auto; } @media (min-width: 1681px) { .brand.v2 .owl-nav > div.owl-prev { left: -66px; } } @media (min-width: 1025px) { .brand.v2 .owl-nav > div.owl-prev { left: -30px; } } .catleft .pd-banner { margin-bottom: 35px; padding-top: 0; } .ribbon { position: absolute; left: 15px; top: 15px; width: 50px; height: 18px; display: inline-block; text-align: center; z-index: 3; } .ribbon span { font-size: 11px; font-weight: 600; color: #fff; } .ribbon.zoa-hot { background: #f56642; } .ribbon.zoa-sale { background: #fff; } .ribbon.zoa-sale span { color: #222; } .ribbon.zoa-new { background: #222222; } .ribbon.zoa-trend { background: #6dcfd8; } .status { width: 100px; height: 100px; background: #FFF; border-radius: 50%; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; } .status span { text-align: center; font-size: 16px; line-height: 22px; text-transform: uppercase; } .product, .item, .product-item, .contact-form .contact-item { position: relative; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } .product .product-images, .item .product-images, .product-item .product-images, .contact-form .contact-item .product-images { position: relative; } @media (min-width: 1025px) { .product .product-images > a, .item .product-images > a, .product-item .product-images > a, .contact-form .contact-item .product-images > a { position: relative; } } .product .product-images .btn-add-wishlist, .item .product-images .btn-add-wishlist, .product-item .product-images .btn-add-wishlist, .contact-form .contact-item .product-images .btn-add-wishlist { width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #fff; position: absolute; display: inline-block; text-align: center; right: 10px; top: 10px; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } @media (min-width: 1025px) { .product .product-images .btn-add-wishlist, .item .product-images .btn-add-wishlist, .product-item .product-images .btn-add-wishlist, .contact-form .contact-item .product-images .btn-add-wishlist { opacity: 0; } } .product .product-images .btn-add-wishlist.ver2, .item .product-images .btn-add-wishlist.ver2, .product-item .product-images .btn-add-wishlist.ver2, .contact-form .contact-item .product-images .btn-add-wishlist.ver2 { right: initial; left: 10px; } .product .product-images .btn-quickview, .item .product-images .btn-quickview, .product-item .product-images .btn-quickview, .contact-form .contact-item .product-images .btn-quickview { bottom: 0; height: 40px; left: 0; line-height: 30px; overflow: hidden; position: absolute; top: calc(100% - 40px); width: 100%; z-index: 2; opacity: 0; background: #fff; text-align: center; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; color: #eb5050; font-size: 10px; } .product .product-images .btn-quickview:before, .item .product-images .btn-quickview:before, .product-item .product-images .btn-quickview:before, .contact-form .contact-item .product-images .btn-quickview:before { content: "\E087"; font-family: "simple-line-icons"; font-size: 20px; margin-right: 10px; position: relative; top: 5px; } @media (max-width: 1024px) { .product .product-images .btn-quickview, .item .product-images .btn-quickview, .product-item .product-images .btn-quickview, .contact-form .contact-item .product-images .btn-quickview { display: none; } } .product .product-images .button-group, .item .product-images .button-group, .product-item .product-images .button-group, .contact-form .contact-item .product-images .button-group { width: 100%; position: absolute; bottom: 0; left: 0; opacity: 0; } .product .product-images .button-group .button, .item .product-images .button-group .button, .product-item .product-images .button-group .button, .contact-form .contact-item .product-images .button-group .button { width: 33.33333%; text-align: center; margin: 0; font-size: 9px; font-weight: 500; text-transform: uppercase; color: #fff; height: 60px; line-height: 60px; float: left; overflow: hidden; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .product .product-images .button-group .button:before, .item .product-images .button-group .button:before, .product-item .product-images .button-group .button:before, .contact-form .contact-item .product-images .button-group .button:before { font-family: "simple-line-icons", sans-serif; font-size: 20px; color: #fff; display: block; margin-bottom: 12px; } .product .product-images .button-group .button.add-to-cart, .product .product-images .button-group .button.view-cart, .product .product-images .button-group .button.sold-out, .item .product-images .button-group .button.add-to-cart, .item .product-images .button-group .button.view-cart, .item .product-images .button-group .button.sold-out, .product-item .product-images .button-group .button.add-to-cart, .contact-form .contact-item .product-images .button-group .button.add-to-cart, .product-item .product-images .button-group .button.view-cart, .contact-form .contact-item .product-images .button-group .button.view-cart, .product-item .product-images .button-group .button.sold-out, .contact-form .contact-item .product-images .button-group .button.sold-out { background-color: rgba(37, 37, 37, 0.9); } .product .product-images .button-group .button.add-to-wishlist, .item .product-images .button-group .button.add-to-wishlist, .product-item .product-images .button-group .button.add-to-wishlist, .contact-form .contact-item .product-images .button-group .button.add-to-wishlist { background-color: rgba(73, 73, 73, 0.95); } .product .product-images .button-group .button.add-view, .item .product-images .button-group .button.add-view, .product-item .product-images .button-group .button.add-view, .contact-form .contact-item .product-images .button-group .button.add-view { background-color: rgba(103, 103, 103, 0.95); } .product .product-images .button-group .button:hover, .item .product-images .button-group .button:hover, .product-item .product-images .button-group .button:hover, .contact-form .contact-item .product-images .button-group .button:hover { line-height: 10px; } .product .product-images .button-group .button:hover:before, .item .product-images .button-group .button:hover:before, .product-item .product-images .button-group .button:hover:before, .contact-form .contact-item .product-images .button-group .button:hover:before { margin-top: 15px; color: #eb5050; } .product .product-images img, .item .product-images img, .product-item .product-images img, .contact-form .contact-item .product-images img { width: 100%; } .product .product-images img.secondary_image, .item .product-images img.secondary_image, .product-item .product-images img.secondary_image, .contact-form .contact-item .product-images img.secondary_image { opacity: 0; position: absolute; top: 0; left: 0px; width: 100%; height: auto; bottom: 0; } .product .product-after-switch, .item .product-after-switch, .product-item .product-after-switch, .contact-form .contact-item .product-after-switch { height: 20px; overflow: hidden; transform: translateZ(0); } @media (max-width: 1024px) { .product .product-after-switch, .item .product-after-switch, .product-item .product-after-switch, .contact-form .contact-item .product-after-switch { height: auto; } } .product .product-after-switch .product-price, .item .product-after-switch .product-price, .product-item .product-after-switch .product-price, .contact-form .contact-item .product-after-switch .product-price { color: #868686; opacity: 1; display: block; font-weight: 500; } .product .product-after-switch .product-after-button, .item .product-after-switch .product-after-button, .product-item .product-after-switch .product-after-button, .contact-form .contact-item .product-after-switch .product-after-button { opacity: 0; height: 33px; overflow: hidden; transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; } @media (max-width: 1024px) { .product .product-after-switch .product-after-button, .item .product-after-switch .product-after-button, .product-item .product-after-switch .product-after-button, .contact-form .contact-item .product-after-switch .product-after-button { height: auto; opacity: 1; } } .product .product-after-switch .product-after-button .addcart, .item .product-after-switch .product-after-button .addcart, .product-item .product-after-switch .product-after-button .addcart, .contact-form .contact-item .product-after-switch .product-after-button .addcart { font-size: 12px; color: #eb5050; display: inline-block; } .product .rating-star, .item .rating-star, .product-item .rating-star, .contact-form .contact-item .rating-star { margin-top: 5px; display: inline-block; width: 100%; } .product .product-desc, .item .product-desc, .product-item .product-desc, .contact-form .contact-item .product-desc { display: none; } .product .button-group, .item .button-group, .product-item .button-group, .contact-form .contact-item .button-group { display: none; } @media (min-width: 1025px) { .product:hover img.primary_image, .item:hover img.primary_image, .product-item:hover img.primary_image, .contact-form .contact-item:hover img.primary_image { opacity: 0; } .product:hover img.secondary_image, .item:hover img.secondary_image, .product-item:hover img.secondary_image, .contact-form .contact-item:hover img.secondary_image { opacity: 1; } .product:hover .btn-quickview, .product:hover .btn-add-wishlist, .item:hover .btn-quickview, .item:hover .btn-add-wishlist, .product-item:hover .btn-quickview, .contact-form .contact-item:hover .btn-quickview, .product-item:hover .btn-add-wishlist, .contact-form .contact-item:hover .btn-add-wishlist { opacity: 1; } .product:hover .product-after-switch .product-price, .item:hover .product-after-switch .product-price, .product-item:hover .product-after-switch .product-price, .contact-form .contact-item:hover .product-after-switch .product-price { opacity: 0; height: 0; visibility: hidden; } .product:hover .product-after-switch .product-price.product-price-default, .item:hover .product-after-switch .product-price.product-price-default, .product-item:hover .product-after-switch .product-price.product-price-default, .contact-form .contact-item:hover .product-after-switch .product-price.product-price-default { opacity: 1; } .product:hover .product-after-switch, .item:hover .product-after-switch, .product-item:hover .product-after-switch, .contact-form .contact-item:hover .product-after-switch { transform: translateY(-2); } .product:hover .product-after-button, .item:hover .product-after-button, .product-item:hover .product-after-button, .contact-form .contact-item:hover .product-after-button { opacity: 1; } .product:hover .button-group, .item:hover .button-group, .product-item:hover .button-group, .contact-form .contact-item:hover .button-group { opacity: 1; } } .add-to-cart:before { content: "\E04E"; } .add-to-wishlist:before { content: "\E08A"; } .add-view:before { content: "\E087"; } .view-cart:before { content: "\E080"; } .sold-out:before { content: "\E066"; } .wrap-gallery { padding-bottom: 28px; } @media (min-width: 768px) { .wrap-gallery-masonry .wrap-gallery-item:nth-child(2) { margin-top: 129px; } .wrap-gallery-masonry .wrap-gallery-item:last-child { margin-bottom: 0; } .wrap-gallery-masonry .wrap-gallery-item { margin-bottom: 244px; } } @media (max-width: 767px) { .wrap-gallery-masonry .wrap-gallery-item { margin-bottom: 30px; } } @media (max-width: 480px) { .wrap-gallery-masonry .wrap-gallery-item { width: 100%; } } @media (min-width: 1025px) { .wrap-gallery-grid .row { margin-left: -20px; margin-right: -20px; } .wrap-gallery-grid [class*=col-] { padding-left: 20px; padding-right: 20px; } } .lookbook { margin-bottom: 30px; } @media (min-width: 1681px) { .lookbook { margin-bottom: 63px; } } .lookbook .flex-colect { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } @media (max-width: 480px) { .lookbook .flex-colect { -moz-flex-direction: column; flex-direction: column; } } .lookbook .flex-colect .flex-column { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-flex-direction: column; flex-direction: column; } .lookbook-img, .product-img { position: relative; } @media (min-width: 768px) { .lookbitem:hover .lookbitem_content { visibility: visible; opacity: 6; filter: alpha(opacity=100); } } .lookbitem_content { padding: 15px; background-color: #fff; border-radius: 4px; text-align: left; visibility: hidden; opacity: 0; filter: alpha(opacity=0); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); } @media (max-width: 767px) { .lookbitem_content { position: absolute; top: 50%; left: 50%; z-index: 6; width: 186px; transform: translate(-50%, -50%); } } @media (min-width: 768px) { .lookbitem_content { position: absolute; z-index: 2; width: 186px; transition: all 0.4s cubic-bezier(0.44, 0.13, 0.48, 0.87); } } @media (min-width: 1025px) { .lookbitem_content.centerl { margin-right: 20px; right: 28px; top: 50%; transform: translate(0, -50%); } .lookbitem_content.centerl:after { content: ""; position: absolute; top: 50%; right: -15px; z-index: 1; margin-top: -12px; border-left: 15px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } .lookbitem_content.centerr { margin-left: 20px; left: 28px; top: 50%; transform: translate(0, -50%); } .lookbitem_content.centerr:after { content: ""; position: absolute; top: 50%; left: -15px; z-index: 1; margin-top: -12px; border-right: 15px solid #fff; border-top: 12px solid transparent; border-bottom: 12px solid transparent; } .lookbitem_content.topl { right: 28px; bottom: 28px; } .lookbitem_content.topr { left: 28px; bottom: 28px; } } @media (max-width: 767px) { .lookbitem.active .lookbitem_content { visibility: visible; opacity: 1; filter: alpha(opacity=1); } } .lookbook_close { position: absolute; top: -20px; right: -20px; width: 20px; height: 20px; cursor: pointer; } .lookbook_close:before { transform: rotate(45deg); content: ""; display: block; position: absolute; top: 8px; left: 2px; width: 16px; height: 2px; background-color: #fff; } .lookbook_close:after { transform: rotate(-45deg); content: ""; display: block; position: absolute; top: 8px; left: 2px; width: 16px; height: 2px; background-color: #fff; } .lookbitem { position: absolute; margin-top: -20px; margin-left: -20px; } .lookbitem_price { text-align: center; content: ""; position: absolute; top: 50%; left: 50%; display: inline-block; width: 50px; height: 50px; line-height: 50px; border-radius: 50%; overflow: hidden; transform: translate(-50%, -50%); transition: all 0.35s ease; cursor: pointer; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); -webkit-animation: pulse 1.5s infinite; } .lookbitem_price span { font-size: 16px; color: #fff; } .lookbitem_price.blue { background-color: #2f56ff; } .lookbitem_price2 { text-align: center; content: ""; position: absolute; top: 50%; left: 50%; display: inline-block; width: 126px; height: 38px; line-height: 38px; border-radius: 999px; overflow: hidden; transform: translate(-50%, -50%); transition: all 0.35s ease; cursor: pointer; box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3); -webkit-animation: pulse 1.5s infinite; } .lookbitem_price2 span { color: #fff; } .lookbitem_price2.red { background-color: #f14444; } .lookbitem_btn:before, .lookbitem_btn:after { content: ""; cursor: pointer; position: absolute; top: 50%; left: 50%; display: block; width: 14px; height: 14px; border-radius: 50%; overflow: hidden; transform: translate(-50%, -50%); transition: all 0.35s ease; } .lookbitem_btn.green:before { background-color: #2cb96e; } .lookbitem_btn.green:after { background-color: #2cb96e; } .lookbitem_btn.pink:before { background-color: #dc30a1; } .lookbitem_btn.pink:after { background-color: #dc30a1; } .lookbitem_btn.skyblue:before { background-color: #41cce5; } .lookbitem_btn.skyblue:after { background-color: #41cce5; } .lookbitem_btn.yl:before { background-color: #ffae00; } .lookbitem_btn.yl:after { background-color: #ffae00; } .lookbitem_btn.green:after { background-color: rgba(44, 185, 110, 0.2); } .lookbitem_btn.pink:after { background-color: rgba(220, 48, 161, 0.2); } .lookbitem_btn.skyblue:after { background-color: rgba(65, 204, 229, 0.2); } .lookbitem_btn.yl:after { background-color: rgba(255, 174, 0, 0.2); } .lookbitem_price:after { -webkit-animation: lookbookBorder2 3s infinite; animation: lookbookBorder2 3s infinite; } .lookbitem_btn:after { -webkit-animation: lookbookBorder 3s infinite; animation: lookbookBorder 3s infinite; } @-webkit-keyframes lookbookBorder { 0% { width: 14; height: 14; } 50% { width: 25px; height: 25px; } 100% { width: 14px; height: 14px; } } @keyframes lookbookBorder { 0% { width: 14px; height: 14px; } 50% { width: 25px; height: 25px; } 100% { width: 14px; height: 14px; } } @-webkit-keyframes pulse { 70% { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.2); } 100% { box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2); } } .btn-shoplook { background: #000; font-size: 16px; text-transform: capitalize; font-weight: 500; color: #fff; width: 180px; height: 39px; line-height: 39px; text-align: center; display: inline-block; } .btn-shoplook.v2 { font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase; } @media (max-width: 767px) { .btn-shoplook.v2 { width: 100%; } } @media (min-width: 1025px) { .wrap-gallery-item:hover .overlay-img { opacity: 1; } } .wrap-gallery .heading-gallery { text-align: center; position: relative; margin-bottom: 40px; } @media (min-width: 1025px) { .wrap-gallery .heading-gallery { margin-bottom: 85px; margin-top: 80px; } } .wrap-gallery .heading-gallery .title { font-size: 40px; font-weight: 500; letter-spacing: 0.4em; margin-bottom: 5px; } @media (max-width: 768px) { .wrap-gallery .heading-gallery .title { font-size: 30px; } } .wrap-gallery .heading-gallery p { font-size: 20px; font-weight: 500; color: #a4a4a4; position: relative; padding-bottom: 30px; } .wrap-gallery .heading-gallery p:before { border-bottom: 1px solid #000; bottom: 0; left: 50%; transform: translateX(-50%); content: ""; position: absolute; width: 59px; border-bottom: 2px solid #000; } .wrap-gallery-item { margin-bottom: 40px; } .banner-heading img { width: 100%; } .page-heading { position: relative; } .banner-heading { position: relative; } .banner-heading.hero-dark { min-height: 262px; background: #39393d; } .banner-heading.hero-light { min-height: 262px; background: #ebebeb; } .heading-content { position: absolute; top: 40%; transform: translateY(-50%); width: 100%; z-index: 8; } @media (max-width: 480px) { .heading-content { top: 50%; } } @media (min-width: 768px) { .heading-content.v2 { top: 35%; } } @media (min-width: 768px) { .heading-content.v3, .heading-content.slide.v6, .heading-content.slide.v5 { top: 58%; } } .heading-content .page-title { font-weight: 500; } @media (max-width: 480px) { .heading-content .page-title { font-size: 16px; } } @media (max-width: 1024px) { .heading-content .page-title { margin: 15px 0; } } @media (min-width: 1025px) { .heading-content .page-title { font-size: 60px; margin-bottom: 40px; } .heading-content .page-title.v2 { font-size: 30px; } } .heading-content .page-title:before { border-bottom: 2px solid #eb5050; top: 50%; content: ""; left: 50%; position: absolute; transform: translateX(-50%); width: 50px; height: 2px; } @media (max-width: 480px) { .heading-content .page-title:before { top: 30%; } } .heading-content .page-title.white { color: #fff; } .heading-content .page-title.v2:before { content: none; } .heading-content .page-title.v2 { float: left; margin-bottom: 0; } .heading-content .breadcrumb { background: transparent; } .heading-content .breadcrumb li a { text-transform: capitalize; font-size: 12px; font-weight: normal; } .heading-content .breadcrumb li + li:before { content: "\F105"; font-family: "FontAwesome", sans-serif; color: #000; } .heading-content .breadcrumb.black a { color: #000; } .heading-content .breadcrumb.white a { color: #fff; } .heading-content .breadcrumb.white li + li:before { color: #fff; } .heading-content .breadcrumb.v2 { float: right; margin: 12px 0 0 0; } .heading-content .breadcrumb.v2 > li > a.active { color: #a4a4a4; } .hero-light .breadcrumb > li > a { color: #000; } .wrap-filter { display: table; width: 100%; position: relative; } .nav-filter .owl-theme .owl-nav { margin-top: 0; } .nav-filter .owl-theme .owl-nav [class*=owl-] { background: transparent; color: #000; margin: 0; padding: 0; font-size: 12px; border-radius: 0; } .nav-filter .owl-nav > div { display: block; width: 30px; height: 30px; line-height: 30px; text-align: center; color: #000000; font-size: 22px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); } .nav-filter .owl-nav > div.owl-next { left: auto; right: 33px; } .nav-filter .owl-nav > div.owl-prev { left: 33px; right: auto; } .nav-filter .owl-carousel .owl-nav .owl-prev, .nav-filter .owl-carousel .owl-nav .owl-next, .nav-filter .owl-carousel .owl-dot { font-family: "fontAwesome"; } .nav-filter .owl-carousel .owl-nav .owl-prev:before { content: "\F053"; } .nav-filter .owl-carousel .owl-nav .owl-next:after { content: "\F054"; } @media (min-width: 768px) { .nav-filter { position: absolute; bottom: 0; } } .nav-filter li { text-align: center; } .nav-filter a { border-radius: 0; font-size: 14px; color: #000000; font-weight: 500; text-transform: capitalize; display: inline-block; padding: 26px 0; width: 100%; } .nav-filter a:after { border-bottom: 3px solid #eb5050; bottom: -1px; content: ""; left: 0; opacity: 0; position: absolute; right: 0; transition: all 0.5s linear 0s; -o-transition: all 0.5s linear 0s; -webkit-transition: all 0.5s linear 0s; } @media (min-width: 768px) { .nav-filter a { font-size: 20px; } } .nav-filter a:hover:after { opacity: 1; } .nav-filter li { border-right: 1px solid #d5d5d5; border-top: 1px solid #d5d5d5; } .nav-filter.white a { color: #fff; } .nav-filter.white li { border-right: 1px solid #8a8c8d; border-top: 1px solid #8a8c8d; } @media (max-width: 767px) { .nav-filter.white li { background: #000; } } .nav-filter.white li:hover { background: #8a8c8d; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .nav-filter.white .owl-theme .owl-nav [class*=owl-] { color: #fff; } .nav-filter.boder-w-tlr-opc1 li { border-left: 1px solid rgba(255, 255, 255, 0.09); border-right: 1px solid rgba(255, 255, 255, 0.09); border-top: 1px solid rgba(255, 255, 255, 0.09); } .nav-filter.boder-w-tlr-opc1 li:hover { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.08+0,0.08+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.08) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#14ffffff", endColorstr="#14ffffff", GradientType=0); /* IE6-9 */ transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .wrap-filter .wrap-filter-box { width: 25%; border-right: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0; display: table-cell; vertical-align: middle; padding-top: 7px; padding-bottom: 7px; } .wrap-filter .wrap-filter-box.filter-half { width: 50%; border-right: 0; border-left: 0; padding-top: 15px; padding-bottom: 15px; } @media (max-width: 768px) { .wrap-filter .wrap-filter-box.filter-half { line-height: 40px; } } @media (max-width: 767px) { .wrap-filter .wrap-filter-box { display: inline-block; width: 33.333333%; float: left; padding: 10px; line-height: 40px; border-top: 1px solid #e0e0e0; } .wrap-filter .wrap-filter-box.filter-half { border: 0; width: 100%; border-right: 0; border-left: 0; line-height: unset; padding: 10px 15px; text-align: center; } } @media (max-width: 767px) { .wrap-filter .wrap-filter-box.wrap-filter-sorting { width: 100%; border-top: 0; } .wrap-filter .wrap-filter-box:nth-child(3) { line-height: 20px; } } @media (min-width: 1025px) { .wrap-filter .wrap-filter-box { width: 20%; } .wrap-filter .wrap-filter-box.filter-half { width: 50%; } } .wrap-filter-tab { padding-left: 15px; } .wrap-filter-number.right { text-align: right; padding-right: 15px; } @media (min-width: 1025px) { .wrap-filter-number { text-align: left; padding-left: 42px; display: block; } .wrap-filter-number.right { text-align: right; padding-right: 42px; } .wrap-filter-tab { padding-left: 42px; } .wrap-filter-sorting { text-align: right; padding-right: 45px; } } .wrap-filter-box.wrap-filter-sorting { position: relative; border-right: 0; } .wrap-filter-box button { position: relative; font-size: 12px; color: #868686; border: 0; background: transparent; padding: 0; margin-right: 20px; } .wrap-filter-box button:before { color: #000000; content: "\F0D7"; font-family: "FontAwesome", sans-serif; font-size: 12px; position: absolute; top: 0; right: -20px; display: block; height: 100%; } .list.active .icon-list-img { opacity: 1; } .col.active .icon-grid-img { opacity: 1; } .list:hover .icon-list-img { opacity: 1; } .col:hover .icon-grid-img { opacity: 1; } .icon-grid-img { content: ""; height: 16px; display: inline-block; background: url(../img/grid.png) no-repeat center; width: 16px; background-size: cover; opacity: 0.4; } .icon-list-img { content: ""; height: 16px; display: inline-block; background: url(../img/list.png) no-repeat center; width: 22px; background-size: cover; opacity: 0.4; } .filter-title:after { display: block; content: "Filters"; font-size: 10px; font-weight: 600; letter-spacing: 0.4em; text-transform: uppercase; line-height: 2; } @media (max-width: 1024px) { .wrap-filter-box { text-align: center; } } .wrap-filter-box .pagination { vertical-align: middle; margin: 0; border-radius: 0; } @media (min-width: 1025px) { .wrap-filter-box .pagination { display: inline-block; } } .wrap-filter-box .pagination li { float: left; margin-right: 6px; } .wrap-filter-box .pagination li a { font-size: 11px; font-weight: 500; color: #ababab; width: 25px; height: 25px; line-height: 25px; text-align: center; border-radius: 50%; padding: 0; } .wrap-filter-box .pagination li:first-child > a { border-radius: 50%; } .wrap-filter-box .pagination li:last-child > a { border-radius: 50%; } .wrap-filter-box .pagination li.active > a { background-color: #fff; border-color: #000; color: #000; } .wrap-filter-box .total-count { font-size: 12px; color: #868686; margin-left: 4px; display: inline-block; } .product-img { position: relative; } .color-group .circle, .single-product-detail .single-product-info .size-group .circle { border-radius: 50%; width: 14px; height: 14px; display: inline-block; margin-right: 6px; position: relative; } .color-group .circle.black, .single-product-detail .single-product-info .size-group .circle.black { background: #000; } .color-group .circle.red, .single-product-detail .single-product-info .size-group .circle.red { background: #ff413a; } .color-group .circle.gray, .single-product-detail .single-product-info .size-group .circle.gray { background: #707070; } .color-group .circle.blue, .single-product-detail .single-product-info .size-group .circle.blue { background: #616adb; } .color-group .circle.skyblue, .single-product-detail .single-product-info .size-group .circle.skyblue { background: #3aa5ff; } .color-group .circle.yellow, .single-product-detail .single-product-info .size-group .circle.yellow { background: #ffd8b2; } .color-group .circle.darkyellow, .single-product-detail .single-product-info .size-group .circle.darkyellow { background: #f2dac0; } .color-group .circle.pink, .single-product-detail .single-product-info .size-group .circle.pink { background: #f228ff; } .color-group .circle.aqua, .single-product-detail .single-product-info .size-group .circle.aqua { background: #38d6cd; } .color-group .circle.white, .single-product-detail .single-product-info .size-group .circle.white { background: #FFF; border: 1px solid #eee; } .color-group .circle.active:before, .single-product-detail .single-product-info .size-group .circle.active:before { position: absolute; content: ""; left: -3px; top: -3px; right: -3px; bottom: -3px; border: 1px solid #f2dac0; border-radius: 50%; } .product-info .color-group, .product-info .single-product-detail .single-product-info .size-group, .single-product-detail .single-product-info .product-info .size-group { margin-bottom: 6px; } .product-info .product-img { margin-bottom: 20px; } .product-info .product-cate { color: #999; font-size: 12px; text-transform: capitalize; margin-bottom: 8px; } .product-info .product-title { font-size: 14px; text-transform: capitalize; margin-bottom: 15px; } .product-info .product-title.v2 { font-size: 16px; margin-top: 36px; line-height: 24px; } @media (min-width: 1025px) { .product-info .product-title.v2 { max-width: 300px; margin-left: auto; margin-right: auto; } } .product-info .product-title.v3, .product-info .product-title.slide.v6, .product-info .product-title.slide.v5 { font-weight: 600; } @media (min-width: 480px) { .product-info .product-title.v3, .product-info .product-title.slide.v6, .product-info .product-title.slide.v5 { font-size: 20px; } } .product-info .product-title.v4 { font-size: 18px; margin-bottom: 32px; } @media (min-width: 480px) { .product-info .product-title.v4 { font-size: 20px; line-height: 28px; max-width: 280px; margin-left: auto; margin-right: auto; } } .product-info .product-price { font-size: 14px; margin-bottom: 15px; } .product-info .product-price.thin-price { font-weight: 300; font-size: 23px; } .product-info .product-price.thin-price .old { font-size: 16px; margin-left: 2px; } .product-info .product-price.v3, .product-info .product-price.slide.v6, .product-info .product-price.slide.v5 { width: 238px; margin: 0 auto; border-radius: 999px; background: #f5f5f5; text-align: center; height: 58px; line-height: 58px; } .product-info .product-price.v3.no-bg, .product-info .product-price.no-bg.slide.v6, .product-info .product-price.no-bg.slide.v5 { background: #fff; } .product-info .product-price.v3.bd, .product-info .product-price.bd.slide.v6, .product-info .product-price.bd.slide.v5 { border: 1px solid #eaeaea; } .product-info .product-price .red { color: #ff2929; } .product-info .product-price .old { color: #999; font-size: 14px; text-decoration: line-through; margin-right: 14px; } .product-info .product-price.v2 { font-size: 15px; } .product-info .product-price.v2 span { font-weight: normal; } .product-info .btn-quickview { color: #fff; } @media (min-width: 1025px) { .product-img:hover .product-info { opacity: 1; } } .product-grid { padding-top: 34px; padding-bottom: 30px; } @media (min-width: 1025px) { .product-grid { padding-top: 56px; padding-bottom: 100px; } .product-grid .product-item, .product-grid .contact-form .contact-item, .contact-form .product-grid .contact-item { margin-bottom: 20px; } } .product-grid .product-bottom-group { display: none; } .product-grid.product-custom-bg.product-list { background: transparent; } .button-v { margin: 0 0 70px 0; } .button-v.v2 { margin: 0 0 40px 0; } .button-v.v3, .button-v.slide.v6, .button-v.slide.v5 { margin: 30px 0 80px 0; } .button-v.v4 { margin: 54px 0 94px 0; } .button-v.v5 { margin: 27px 0 94px 0; } .button-v.v6 { margin: 50px 0 50px 0; } .button-v.v7 { margin: 18px 0 70px 0; } .product-list .button-v.v2 { margin: 35px 0 65px 0; } .btn-loadmore { padding: 15px 46px; display: inline-block; } @media (min-width: 480px) { .btn-loadmore { margin-top: 40px; } } .product-grid.product-list .product-item, .product-grid.product-list .contact-form .contact-item, .contact-form .product-grid.product-list .contact-item { width: 100%; } @media (min-width: 768px) { .product-grid.product-list .product-item, .product-grid.product-list .contact-form .contact-item, .contact-form .product-grid.product-list .contact-item { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } } @media (min-width: 768px) { .product-grid.product-list .product-item .product-images, .product-grid.product-list .contact-form .contact-item .product-images, .contact-form .product-grid.product-list .contact-item .product-images, .product-grid.product-list .product-item .product-img, .product-grid.product-list .contact-form .contact-item .product-img, .contact-form .product-grid.product-list .contact-item .product-img { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ width: 33.3333%; position: relative; padding-right: 30px; padding-bottom: 10px; } } .product-grid.product-list .product-item .product-info, .product-grid.product-list .contact-form .contact-item .product-info, .contact-form .product-grid.product-list .contact-item .product-info { text-align: left; } @media (min-width: 768px) { .product-grid.product-list .product-item .product-info, .product-grid.product-list .contact-form .contact-item .product-info, .contact-form .product-grid.product-list .contact-item .product-info { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-flex-direction: column; flex-direction: column; width: 66.666667%; } .product-grid.product-list .product-item .product-info .element-list, .product-grid.product-list .contact-form .contact-item .product-info .element-list, .contact-form .product-grid.product-list .contact-item .product-info .element-list { width: 50%; } .product-grid.product-list .product-item .product-info .element-list.element-list-left, .product-grid.product-list .contact-form .contact-item .product-info .element-list.element-list-left, .contact-form .product-grid.product-list .contact-item .product-info .element-list.element-list-left { padding-left: 25px; position: relative; } .product-grid.product-list .product-item .product-info .element-list.element-list-left:before, .product-grid.product-list .contact-form .contact-item .product-info .element-list.element-list-left:before, .contact-form .product-grid.product-list .contact-item .product-info .element-list.element-list-left:before { content: ""; height: 100%; position: absolute; border-left: 1px solid #e9e9e9; left: -15px; } .product-grid.product-list .product-item .product-info .element-list.element-list-left .desc-list, .product-grid.product-list .contact-form .contact-item .product-info .element-list.element-list-left .desc-list, .contact-form .product-grid.product-list .contact-item .product-info .element-list.element-list-left .desc-list { margin-top: 40px; } .product-grid.product-list .product-item .product-info .element-list.element-list-middle .product-rating, .product-grid.product-list .contact-form .contact-item .product-info .element-list.element-list-middle .product-rating, .contact-form .product-grid.product-list .contact-item .product-info .element-list.element-list-middle .product-rating { margin-top: 24px; border-top: 0; } } .product-grid.product-list .product-item .product-info .element-list-left, .product-grid.product-list .contact-form .contact-item .product-info .element-list-left, .contact-form .product-grid.product-list .contact-item .product-info .element-list-left { order: 2; } .product-grid.product-list .product-item .product-info .element-list-middle, .product-grid.product-list .contact-form .contact-item .product-info .element-list-middle, .contact-form .product-grid.product-list .contact-item .product-info .element-list-middle { order: 1; } .product-grid.product-list .product-item .product-info .color-group, .product-grid.product-list .contact-form .contact-item .product-info .color-group, .contact-form .product-grid.product-list .contact-item .product-info .color-group, .product-grid.product-list .product-item .product-info .single-product-detail .single-product-info .size-group, .single-product-detail .single-product-info .product-grid.product-list .product-item .product-info .size-group, .product-grid.product-list .contact-form .contact-item .product-info .single-product-detail .single-product-info .size-group, .single-product-detail .single-product-info .product-grid.product-list .contact-form .contact-item .product-info .size-group, .contact-form .product-grid.product-list .contact-item .product-info .single-product-detail .single-product-info .size-group, .single-product-detail .single-product-info .contact-form .product-grid.product-list .contact-item .product-info .size-group { position: absolute; left: 30px; top: 46px; transform: translateX(-50%) translateY(-50%) rotate(-90deg); } .product-grid.product-list .product-item .product-info .product-title, .product-grid.product-list .contact-form .contact-item .product-info .product-title, .contact-form .product-grid.product-list .contact-item .product-info .product-title { font-size: 20px; } .product-grid.product-list .product-item .product-info .product-desc, .product-grid.product-list .contact-form .contact-item .product-info .product-desc, .contact-form .product-grid.product-list .contact-item .product-info .product-desc { display: block; color: #666; line-height: 26px; margin-bottom: 20px; font-size: 15px; letter-spacing: 0.01em; } .product-grid.product-list .product-item .product-info .product-price span, .product-grid.product-list .contact-form .contact-item .product-info .product-price span, .contact-form .product-grid.product-list .contact-item .product-info .product-price span { font-size: 20px; } .product-grid.product-list .product-item .product-info .product-price span .old, .product-grid.product-list .contact-form .contact-item .product-info .product-price span .old, .contact-form .product-grid.product-list .contact-item .product-info .product-price span .old { font-size: 18px; } .product-grid.product-list .product-item .product-info .product-bottom-group, .product-grid.product-list .contact-form .contact-item .product-info .product-bottom-group, .contact-form .product-grid.product-list .contact-item .product-info .product-bottom-group { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } .product-grid.product-list .product-item .product-info .product-bottom-group .zoa-btn, .product-grid.product-list .contact-form .contact-item .product-info .product-bottom-group .zoa-btn, .contact-form .product-grid.product-list .contact-item .product-info .product-bottom-group .zoa-btn { width: 100px; flex: 0 0 100px; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; -moz-align-items: center; -ms-align-items: center; align-items: center; margin-left: 10px; } .product-grid.product-list .product-item .product-info .product-bottom-group .zoa-btn:first-child, .product-grid.product-list .contact-form .contact-item .product-info .product-bottom-group .zoa-btn:first-child, .contact-form .product-grid.product-list .contact-item .product-info .product-bottom-group .zoa-btn:first-child { margin-left: 0; } .product-grid.product-list .product-item .product-button-group, .product-grid.product-list .contact-form .contact-item .product-button-group, .contact-form .product-grid.product-list .contact-item .product-button-group { display: none; } .product-grid.product-list .product-item:hover .zoa-btn, .product-grid.product-list .contact-form .contact-item:hover .zoa-btn, .contact-form .product-grid.product-list .contact-item:hover .zoa-btn { transform: none; } .product-grid.product-list .row { margin: 0; } .product-grid.product-list .row > [class*=col-] { padding-left: 0; padding-right: 0; } @media (min-width: 1681px) { .shop-colect { margin-left: -20px; margin-right: -20px; } [class*=col-md-].collection-list { padding-left: 20px; padding-right: 20px; } [class*=col-md-].collection-sidebar { padding-left: 20px; padding-right: 20px; } } .filter-product { padding-top: 34px; position: relative; } @media (min-width: 1025px) { .filter-product.e-category { padding-bottom: 22px; } } .filter-product .filtertitle { font-size: 20px; font-weight: 500; margin-bottom: 5px; } .filter-product .filter-content { padding-top: 30px; border-top: 1px solid #e7e7e7; padding-bottom: 60px; } .filter-product .filter-content > li { position: relative; } .filter-product .filter-content > li > a { color: #a4a4a4; display: block; position: relative; text-transform: capitalize; } .filter-product .filter-content > li > a:hover { color: #dd2a2a; } .filter-product .filter-content > li .filter-menu { margin-left: 10px; display: none; } .filter-product .filter-content > li .filter-menu > li > a { font-size: 12px; color: #a4a4a4; } .filter-product .filter-content > li .filter-menu > li > a:hover { color: #dd2a2a; } .filter-product .filter-content .plus, .filter-product .filter-content .minus { position: absolute; right: 0; top: 0; width: 23px; height: 23px; } .filter-product .filter-content .plus:after { content: "\F489"; display: block; font-family: "ionicons"; font-size: 20px; position: absolute; right: 16px; top: 5px; color: #333; cursor: pointer; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; } .filter-product .filter-content .minus:after { content: "\F462"; display: block; font-family: "ionicons"; font-size: 20px; position: absolute; right: 16px; top: 5px; color: #333; cursor: pointer; -moz-transition: all 0.1s ease 0s; -webkit-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; } .filter-product .filter-color .filter-content > li > a { font-weight: 600; text-transform: capitalize; } .filter-product .filter-size .filter-content .btn { width: 100%; border-radius: 0; background: transparent; text-align: left; padding-left: 0; padding-right: 0; border-bottom: 3px solid #000; color: #a4a4a4; font-weight: normal; } .filter-product .filter-size .filter-content .btn .caret { float: right; margin: 6px 0; color: #000; } .filter-product .filter-size .filter-content .btn:focus { outline: none; box-shadow: none; } .filter-product .filter-size .filter-content .dropdown-menu { width: 100%; } .filter-product .filter-size .filter-content .dropdown-menu > li > a { text-transform: uppercase; } .filter-product .owl-nav { position: absolute; top: -50px; right: 12px; margin-top: 0; } .filter-product .owl-theme .owl-nav [class*=owl-] { color: #bcbcbc; background: transparent; padding: 4px 7px; margin-left: 0; margin-right: 0; } .filter-product .owl-theme .owl-nav [class*=owl-] span { font-size: 17px; } .product-tab-sw { margin-bottom: 53px; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ } @media (min-width: 480px) { .product-tab-sw { -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; } } @media (max-width: 480px) { .product-tab-sw { -moz-flex-direction: column; flex-direction: column; -moz-align-items: center; -ms-align-items: center; align-items: center; } } .product-tab-sw li { float: left; padding: 0 3px; background: #fff; } @media (max-width: 480px) { .product-tab-sw li { margin-bottom: 15px; } .product-tab-sw li:last-child { margin-bottom: 0; } } .product-tab-sw li a { height: 44px; line-height: 44px; font-size: 16px; width: 174px; font-weight: bold; color: #666666; background: #fff; border-radius: 999px; border: 1px solid #e6e6e7; /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -ms-flex-pack: center; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } @media (min-width: 480px) { .product-tab-sw li a { height: 54px; line-height: 54px; font-size: 20px; } } .product-tab-sw li a:hover { font-weight: bold; box-shadow: none; } .product-tab-sw li.active a { font-weight: bold; box-shadow: none; border: 0; } .product-tab-sw li:first-child { padding-left: 0; } .product-tab-sw li:last-child { padding-right: 0; } .product-tab-sw.v2 { margin-bottom: 0; position: relative; } @media (max-width: 480px) { .product-tab-sw.v2 { margin-bottom: 20px; } } .product-tab-sw.v2 li a { font-size: 18px; } .releases .product-tab-sw2 { background: transparent; } .product-related { padding-top: 30px; padding-bottom: 0; } @media (min-width: 1025px) { .product-related { padding-top: 80px; padding-bottom: 40px; } } @media (max-width: 767px) { .product-related.bd-top { border: 0; } } .product-related .related-title { margin-bottom: 30px; } @media (min-width: 1025px) { .product-related .related-title { margin-bottom: 64px; } } .product-related .owl-nav > div.owl-prev { right: auto; left: 0; } .product-related .owl-nav > div.owl-next { right: 0; left: auto; } .product-related .owl-theme .owl-nav [class*=owl-] { font-size: 17px; background: #fff; color: #000; border-radius: 2px; margin: 0; padding: 0; } .product-related .owl-nav > div { display: block; width: 40px; height: 40px; line-height: 38px; text-align: center; color: #000000; left: 0; position: absolute; top: 35%; border: 1px solid; transform: translateY(-50%); transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .product-tab-sw2 { position: relative; background: #fff; } @media (max-width: 1024px) and (min-width: 480px) { .product-tab-sw2 { margin: 0 auto; display: inline-block; width: 100%; text-align: center; } } .product-tab-sw2 li { display: inline-block; margin: 0 auto; float: none; padding: 0px; } @media (max-width: 480px) { .product-tab-sw2 li { width: 100%; padding: 2px; text-align: center; } } .product-tab-sw2 li a { color: #666666; line-height: 45px; margin: 0 5px; position: relative; border: 1px solid #e6e6e6; padding: 12px 15px; border-radius: 999px; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; } .product-tab-sw2 li a:hover { font-weight: normal; box-shadow: none; } .product-tab-sw2 li:first-child a { margin-left: 0; } .product-tab-sw2 li:last-child a { margin-right: 0; } .product-tab-sw2 li.active a { font-weight: normal; box-shadow: none; border: 0; } .form-filter-product { top: 100%; left: 0; height: 999em; max-height: 100vh; padding: 85px 110px; position: absolute; right: 0; margin: 0; z-index: 100; display: none; } .form-filter-product:before { background: #000000; bottom: 0; content: ""; height: 999em; max-height: 200vh; left: 0; position: absolute; right: 0; top: 0; } @media (max-width: 1024px) { .form-filter-product { padding: 50px 30px; } } .form-filter-product .close-left { position: relative; } .product-filter-wrapper { margin-top: 20px; } .product-filter { width: 25%; float: left; padding-right: 10px; padding-left: 10px; } .product-filter .title-filter { color: #fff; font-size: 18px; font-weight: 500; padding-bottom: 18px; margin-bottom: 35px; position: relative; display: inline-block; } .product-filter .title-filter:before { border-bottom: 1px solid #3a3a3a; bottom: 0; left: 0; content: ""; position: absolute; width: 40px; } @media (max-width: 1024px) { .product-filter { width: 50%; margin-right: -10px; } } @media (max-width: 480px) { .product-filter { width: 100%; float: none; } } .product-filter-button-group { margin-top: 62px; } .product-filter-button { width: 50%; float: left; position: relative; padding-right: 10px; padding-left: 10px; } .product-filter-button:first-child { text-align: right; } @media (max-width: 767px) { .product-filter-button:first-child { text-align: center; } } .product-filter-button:last-child { text-align: left; } @media (max-width: 767px) { .product-filter-button:last-child { text-align: center; } } @media (max-width: 767px) { .product-filter-button { width: 100%; float: none; text-align: center; margin-top: 30px; } } .product-filter .form-group { position: relative; } .product-filter .form-control { font-size: 14px; color: #a4a4a4; border-radius: 0; border: 1px solid #3a3a3a; box-shadow: none; background-color: transparent; height: 55px; -webkit-appearance: none; padding: 0 18px 0 25px; text-align: left; } .product-filter .form-control:after { content: ""; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #fff; position: absolute; right: 20px; bottom: 23px; pointer-events: none; } .product-filter .dropdown-menu { border-radius: 0; width: 100%; padding: 20px 18px 20px 25px; margin-top: 10px; } .product-filter .dropdown-menu li { font-size: 14px; color: #a4a4a4; padding-bottom: 15px; cursor: pointer; } .product-filter .filter-content { color: #fff; } .product-filter .filter-content .slider-track { height: 2px; background: #a4a4a4; } .product-filter .filter-content .min-max { color: #a4a4a4; font-size: 14px; } @media (max-width: 767px) { .tab-filter { display: inline-block; } } .tab-filter li { float: left; margin: 0 12px; } @media (max-width: 480px) { .tab-filter li { margin: 0 5px; } } .tab-filter li a { font-size: 16px; font-weight: 500; color: #a4a4a4; } @media (max-width: 480px) { .tab-filter li a { font-size: 13px; } } .tab-filter li.active a { color: #000; border-bottom: 1px solid #000; } .tab-filter li:first-child { margin-left: 0; } .product-flat { padding-top: 30px; } .mg-flat { margin: 0 -15px; } .inner-masonry .grid-item { margin-bottom: 30px; } .ecome-heading { /* OLD - iOS 6-, Safari 3.1-6 */ /* OLD - Firefox 19- (buggy but mostly works) */ /* TWEENER - IE 10 */ /* NEW - Chrome */ display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */ -moz-align-items: center; -ms-align-items: center; align-items: center; -moz-justify-content: space-between; -ms-justify-content: space-between; justify-content: space-between; -ms-flex-pack: space-between; position: relative; } @media (max-width: 480px) { .ecome-heading { -moz-flex-direction: column; flex-direction: column; margin-bottom: 20px; } } .ecome-heading h1 { font-size: 22px; background: #fff; } .ecome-heading h1.v2 { background: #f7f7f7; } .ecome-heading .btn-show { font-size: 16px; color: #999999; width: 201px; line-height: 54px; height: 56px; display: inline-block; text-align: center; border: 1px solid #eaeaea; font-weight: 500; transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; background: #fff; position: relative; z-index: 1; border-radius: 999px; } @media (max-width: 480px) { .ecome-heading .btn-show { font-size: 14px; line-height: 40px; height: 40px; } } .ecome-heading .btn-show i { margin-left: 15px; } .ecome-heading .btn-show:hover { transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; color: #fff; background: #000; border-color: #000; } @media (min-width: 480px) { .ecome-heading.style2:before { content: ""; position: absolute; left: 0; right: 0; border-bottom: 1px solid #ededed; } } .ecome-heading.style2 h1 { margin: 13px 0; } @media (min-width: 480px) { .ecome-heading.style2 h1 { padding-right: 30px; position: relative; z-index: 1; } } @media (min-width: 480px) { .ecome-heading.style3:before { content: ""; position: absolute; left: 0; right: 0; border-bottom: 1px solid #ededed; } } .ecome-heading.style3 h1 { margin: 13px 0; } @media (min-width: 480px) { .ecome-heading.style3 h1 { padding-right: 40px; position: relative; z-index: 1; } } @media (min-width: 480px) { .ecome-heading.style3v2:before { content: ""; position: absolute; left: 0; right: 0; border-bottom: 1px solid #ededed; } } .ecome-heading.style3v2 h1 { margin: 13px 0; font-size: 18px; } @media (min-width: 480px) { .ecome-heading.style3v2 h1 { padding-right: 28px; position: relative; z-index: 1; } } @media (min-width: 480px) { .ecome-heading.style5:before { content: ""; position: absolute; left: 0; right: 0; border-bottom: 1px solid #ededed; } } .ecome-heading.style5 h1 { margin: 13px 0; font-size: 20px; font-weight: bold; } @media (min-width: 480px) { .ecome-heading.style5 h1 { padding-right: 33px; position: relative; z-index: 1; } } @media (min-width: 480px) { .ecome-heading.style5v2:before { content: ""; position: absolute; left: 0; right: 0; border-bottom: 1px solid #ededed; } } .ecome-heading.style5v2 h1 { margin: 13px 0; font-size: 20px; font-weight: bold; } @media (min-width: 480px) { .ecome-heading.style5v2 h1 { padding-right: 40px; position: relative; z-index: 1; } } @media (min-width: 480px) { .ecome-heading.style5v3:before { content: ""; position: absolute; left: 0; right: 0; border-bottom: 1px solid #ededed; } } .ecome-heading.style5v3 h1 { margin: 13px 0; font-size: 20px; font-weight: bold; } @media (min-width: 480px) { .ecome-heading.style5v3 h1 { padding-right: 30px; position: relative; z-index: 1; } } @media (max-width: 812px) { .ecome-heading.style4 { -moz-flex-direction: column; flex-direction: column; } } @media (min-width: 1024px) { .ecome-heading.style4:before { content: ""; position: absolute; left: 0; right: 0; border-bottom: 1px solid #ededed; } } .ecome-heading.spc3 { margin-bottom: 53px; } .ecome-heading.spc4 { margin-bottom: 55px; } .ecome-heading.spc5 { margin-bottom: 43px; } .ecome-heading.spc5v2 { margin-bottom: 55px; } @media (min-width: 1025px) { .ecome-heading.spc5v2 { margin-bottom: 77px; } } .ecome-heading.spc5v3 { margin-bottom: 46px; } .ecome-info { color: #666666; margin-top: -3px; } .ecome-info.spc1 { margin-bottom: 30px; } @media (min-width: 480px) { .ecome-info.spc1 { margin-bottom: 67px; } } .ecome-info.spc3 { margin-bottom: 30px; } @media (min-width: 480px) { .ecome-info.spc3 { margin-bottom: 91px; } } .ecome-info.spc2 { margin-bottom: 30px; } @media (min-width: 480px) { .ecome-info.spc2 { margin-bottom: 73px; } } .owl-custom-dots.v2 .owl-dots { background: #fff; } .owl-custom-dots .owl-dots { border: 1px solid #eaeaea; margin: 0 auto; border-radius: 999px; padding: 8px 11px; display: table; } .owl-custom-dots.owl-theme .owl-dots .owl-dot { vertical-align: middle; } .owl-custom-dots.owl-theme .owl-dots .owl-dot span { width: 11px; height: 11px; background: #333333; opacity: 0.21; } .owl-custom-dots.owl-theme .owl-dots .owl-dot.active span, .owl-custom-dots.owl-theme .owl-dots .owl-dot:hover span { background: #333333; opacity: 1; } @media (min-width: 1025px) { .product-item, .contact-form .contact-item { margin-bottom: 20px; } } @media (max-width: 1025px) { .product-item, .contact-form .contact-item { margin-bottom: 30px; } } @media (max-width: 480px) { .product-item, .contact-form .contact-item { width: 100%; } .blog-img { width: 100%; } .blog-img img { width: 100%; } } .slick-dotted.slick-slider { margin-bottom: 0; } .category-item { padding: 3em; background: #f5f5f5; } .category-item:nth-child(even) { background: #FFF; } .title.home-title { border-bottom: 1px solid #DDD; padding: 0 0 0.5em; margin: 0 5em 1.5em; } @media (max-width: 770px) { .title.home-title { margin: 0 2em 1.5em; } } @media (max-width: 480px) { .title.home-title { margin: 0 0.5em 1.5em; } }