@charset "UTF-8"; /* * @package Theme Style * @description This package holds all common style declarations * of this template */ /* * Mixins * _____________________________________________ * * Note: Some of described mixins in this file requires the ie conditional comments * * For IE < 9 * */ /* * Opacity */ /* * Background-rgba */ /* * Transition */ /* * Transition Delay */ /* * Animation */ /* * Transform Origin */ /* * Transform */ /* * Box Shadow */ /* * Border Radius */ /* * Triangle */ /* * Variables */ /* * Font Icon */ /* * Clearfix */ /* * Usefull Functions */ input[type="text"], .input-text, input[type="email"], input[type="password"], input[type="number"], select, textarea { display: block; width: 100%; padding: 0.38rem 1rem; font-size: 14px; line-height: 28px; background: transparent; border: 1px solid #ecebeb; } input[type="text"].mage-error, .input-text.mage-error, input[type="email"].mage-error, input[type="password"].mage-error, input[type="number"].mage-error, select.mage-error, textarea.mage-error { border: solid 1px red; color: inherit; } select:focus { outline-color: #1E5792; } .catalogsearch-advanced-index select.multiselect { height: auto; } .sections.nav-sections{ display: none!important; } .customer-account-login #remember-me-box .tooltip, .customer-account-create #remember-me-box .tooltip { display: inline-block; width: 100%; } .customer-account-login #remember-me-box .checkbox, .customer-account-create #remember-me-box .checkbox { margin-top: 7px; } .modal-footer button + button { margin: 0 4px; } .modal-footer button { transition: .3s ease; } .modal-footer button:hover { color: #1E5792; } .actions .action, .actions-toolbar .action, .box-actions .action, .product-item-actions .action, .checkout.methods .action { background: #1E5792; color: #FFF; } .actions .action:hover, .actions-toolbar .action:hover, .box-actions .action:hover, .product-item-actions .action:hover, .checkout.methods .action:hover { background: #1b110d; } div[class*=" block-dashboard-"] .block-title { border-bottom: 1px solid #343434; } /*! * 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 PATH * -------------------------- */ @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, .rd-navbar-static .rd-navbar-nav li.rd-navbar--has-dropdown:before { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14286em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14286em; width: 2.14286em; top: 0.14286em; text-align: center; } .fa-li.fa-lg { left: -1.85714em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left, .rd-navbar-static .rd-navbar-nav li.fa-pull-left.rd-navbar--has-dropdown:before { margin-right: .3em; } .fa.fa-pull-right, .rd-navbar-static .rd-navbar-nav li.fa-pull-right.rd-navbar--has-dropdown:before { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left, .rd-navbar-static .rd-navbar-nav li.pull-left.rd-navbar--has-dropdown:before { margin-right: .3em; } .fa.pull-right, .rd-navbar-static .rd-navbar-nav li.pull-right.rd-navbar--has-dropdown:before { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #fff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: ""; } .fa-music:before { content: ""; } .fa-search:before { content: ""; } .fa-envelope-o:before { content: ""; } .fa-heart:before { content: ""; } .fa-star:before { content: ""; } .fa-star-o:before { content: ""; } .fa-user:before { content: ""; } .fa-film:before { content: ""; } .fa-th-large:before { content: ""; } .fa-th:before { content: ""; } .fa-th-list:before { content: ""; } .fa-check:before { content: ""; } .fa-remove:before, .fa-close:before, .fa-times:before { content: ""; } .fa-search-plus:before { content: ""; } .fa-search-minus:before { content: ""; } .fa-power-off:before { content: ""; } .fa-signal:before { content: ""; } .fa-gear:before, .fa-cog:before { content: ""; } .fa-trash-o:before { content: ""; } .fa-home:before { content: ""; } .fa-file-o:before { content: ""; } .fa-clock-o:before { content: ""; } .fa-road:before { content: ""; } .fa-download:before { content: ""; } .fa-arrow-circle-o-down:before { content: ""; } .fa-arrow-circle-o-up:before { content: ""; } .fa-inbox:before { content: ""; } .fa-play-circle-o:before { content: ""; } .fa-rotate-right:before, .fa-repeat:before { content: ""; } .fa-refresh:before { content: ""; } .fa-list-alt:before { content: ""; } .fa-lock:before { content: ""; } .fa-flag:before { content: ""; } .fa-headphones:before { content: ""; } .fa-volume-off:before { content: ""; } .fa-volume-down:before { content: ""; } .fa-volume-up:before { content: ""; } .fa-qrcode:before { content: ""; } .fa-barcode:before { content: ""; } .fa-tag:before { content: ""; } .fa-tags:before { content: ""; } .fa-book:before { content: ""; } .fa-bookmark:before { content: ""; } .fa-print:before { content: ""; } .fa-camera:before { content: ""; } .fa-font:before { content: ""; } .fa-bold:before { content: ""; } .fa-italic:before { content: ""; } .fa-text-height:before { content: ""; } .fa-text-width:before { content: ""; } .fa-align-left:before { content: ""; } .fa-align-center:before { content: ""; } .fa-align-right:before { content: ""; } .fa-align-justify:before { content: ""; } .fa-list:before { content: ""; } .fa-dedent:before, .fa-outdent:before { content: ""; } .fa-indent:before { content: ""; } .fa-video-camera:before { content: ""; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: ""; } .fa-pencil:before { content: ""; } .fa-map-marker:before { content: ""; } .fa-adjust:before { content: ""; } .fa-tint:before { content: ""; } .fa-edit:before, .fa-pencil-square-o:before { content: ""; } .fa-share-square-o:before { content: ""; } .fa-check-square-o:before { content: ""; } .fa-arrows:before { content: ""; } .fa-step-backward:before { content: ""; } .fa-fast-backward:before { content: ""; } .fa-backward:before { content: ""; } .fa-play:before { content: ""; } .fa-pause:before { content: ""; } .fa-stop:before { content: ""; } .fa-forward:before { content: ""; } .fa-fast-forward:before { content: ""; } .fa-step-forward:before { content: ""; } .fa-eject:before { content: ""; } .fa-chevron-left:before { content: ""; } .fa-chevron-right:before { content: ""; } .fa-plus-circle:before { content: ""; } .fa-minus-circle:before { content: ""; } .fa-times-circle:before { content: ""; } .fa-check-circle:before { content: ""; } .fa-question-circle:before { content: ""; } .fa-info-circle:before { content: ""; } .fa-crosshairs:before { content: ""; } .fa-times-circle-o:before { content: ""; } .fa-check-circle-o:before { content: ""; } .fa-ban:before { content: ""; } .fa-arrow-left:before { content: ""; } .fa-arrow-right:before { content: ""; } .fa-arrow-up:before { content: ""; } .fa-arrow-down:before { content: ""; } .fa-mail-forward:before, .fa-share:before { content: ""; } .fa-expand:before { content: ""; } .fa-compress:before { content: ""; } .fa-plus:before { content: ""; } .fa-minus:before { content: ""; } .fa-asterisk:before { content: ""; } .fa-exclamation-circle:before { content: ""; } .fa-gift:before { content: ""; } .fa-leaf:before { content: ""; } .fa-fire:before { content: ""; } .fa-eye:before { content: ""; } .fa-eye-slash:before { content: ""; } .fa-warning:before, .fa-exclamation-triangle:before { content: ""; } .fa-plane:before { content: ""; } .fa-calendar:before { content: ""; } .fa-random:before { content: ""; } .fa-comment:before { content: ""; } .fa-magnet:before { content: ""; } .fa-chevron-up:before { content: ""; } .fa-chevron-down:before, .rd-navbar-static .rd-navbar-nav li.rd-navbar--has-dropdown:before { content: ""; } .fa-retweet:before { content: ""; } .fa-shopping-cart:before { content: ""; } .fa-folder:before { content: ""; } .fa-folder-open:before { content: ""; } .fa-arrows-v:before { content: ""; } .fa-arrows-h:before { content: ""; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: ""; } .fa-twitter-square:before { content: ""; } .fa-facebook-square:before { content: ""; } .fa-camera-retro:before { content: ""; } .fa-key:before { content: ""; } .fa-gears:before, .fa-cogs:before { content: ""; } .fa-comments:before { content: ""; } .fa-thumbs-o-up:before { content: ""; } .fa-thumbs-o-down:before { content: ""; } .fa-star-half:before { content: ""; } .fa-heart-o:before { content: ""; } .fa-sign-out:before { content: ""; } .fa-linkedin-square:before { content: ""; } .fa-thumb-tack:before { content: ""; } .fa-external-link:before { content: ""; } .fa-sign-in:before { content: ""; } .fa-trophy:before { content: ""; } .fa-github-square:before { content: ""; } .fa-upload:before { content: ""; } .fa-lemon-o:before { content: ""; } .fa-phone:before { content: ""; } .fa-square-o:before { content: ""; } .fa-bookmark-o:before { content: ""; } .fa-phone-square:before { content: ""; } .fa-twitter:before { content: ""; } .fa-facebook-f:before, .fa-facebook:before { content: ""; } .fa-github:before { content: ""; } .fa-unlock:before { content: ""; } .fa-credit-card:before { content: ""; } .fa-feed:before, .fa-rss:before { content: ""; } .fa-hdd-o:before { content: ""; } .fa-bullhorn:before { content: ""; } .fa-bell:before { content: ""; } .fa-certificate:before { content: ""; } .fa-hand-o-right:before { content: ""; } .fa-hand-o-left:before { content: ""; } .fa-hand-o-up:before { content: ""; } .fa-hand-o-down:before { content: ""; } .fa-arrow-circle-left:before { content: ""; } .fa-arrow-circle-right:before { content: ""; } .fa-arrow-circle-up:before { content: ""; } .fa-arrow-circle-down:before { content: ""; } .fa-globe:before { content: ""; } .fa-wrench:before { content: ""; } .fa-tasks:before { content: ""; } .fa-filter:before { content: ""; } .fa-briefcase:before { content: ""; } .fa-arrows-alt:before { content: ""; } .fa-group:before, .fa-users:before { content: ""; } .fa-chain:before, .fa-link:before { content: ""; } .fa-cloud:before { content: ""; } .fa-flask:before { content: ""; } .fa-cut:before, .fa-scissors:before { content: ""; } .fa-copy:before, .fa-files-o:before { content: ""; } .fa-paperclip:before { content: ""; } .fa-save:before, .fa-floppy-o:before { content: ""; } .fa-square:before { content: ""; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: ""; } .fa-list-ul:before { content: ""; } .fa-list-ol:before { content: ""; } .fa-strikethrough:before { content: ""; } .fa-underline:before { content: ""; } .fa-table:before { content: ""; } .fa-magic:before { content: ""; } .fa-truck:before { content: ""; } .fa-pinterest:before { content: ""; } .fa-pinterest-square:before { content: ""; } .fa-google-plus-square:before { content: ""; } .fa-google-plus:before { content: ""; } .fa-money:before { content: ""; } .fa-caret-down:before { content: ""; } .fa-caret-up:before { content: ""; } .fa-caret-left:before { content: ""; } .fa-caret-right:before { content: ""; } .fa-columns:before { content: ""; } .fa-unsorted:before, .fa-sort:before { content: ""; } .fa-sort-down:before, .fa-sort-desc:before { content: ""; } .fa-sort-up:before, .fa-sort-asc:before { content: ""; } .fa-envelope:before { content: ""; } .fa-linkedin:before { content: ""; } .fa-rotate-left:before, .fa-undo:before { content: ""; } .fa-legal:before, .fa-gavel:before { content: ""; } .fa-dashboard:before, .fa-tachometer:before { content: ""; } .fa-comment-o:before { content: ""; } .fa-comments-o:before { content: ""; } .fa-flash:before, .fa-bolt:before { content: ""; } .fa-sitemap:before { content: ""; } .fa-umbrella:before { content: ""; } .fa-paste:before, .fa-clipboard:before { content: ""; } .fa-lightbulb-o:before { content: ""; } .fa-exchange:before { content: ""; } .fa-cloud-download:before { content: ""; } .fa-cloud-upload:before { content: ""; } .fa-user-md:before { content: ""; } .fa-stethoscope:before { content: ""; } .fa-suitcase:before { content: ""; } .fa-bell-o:before { content: ""; } .fa-coffee:before { content: ""; } .fa-cutlery:before { content: ""; } .fa-file-text-o:before { content: ""; } .fa-building-o:before { content: ""; } .fa-hospital-o:before { content: ""; } .fa-ambulance:before { content: ""; } .fa-medkit:before { content: ""; } .fa-fighter-jet:before { content: ""; } .fa-beer:before { content: ""; } .fa-h-square:before { content: ""; } .fa-plus-square:before { content: ""; } .fa-angle-double-left:before { content: ""; } .fa-angle-double-right:before { content: ""; } .fa-angle-double-up:before { content: ""; } .fa-angle-double-down:before { content: ""; } .fa-angle-left:before { content: ""; } .fa-angle-right:before { content: ""; } .fa-angle-up:before { content: ""; } .fa-angle-down:before { content: ""; } .fa-desktop:before { content: ""; } .fa-laptop:before { content: ""; } .fa-tablet:before { content: ""; } .fa-mobile-phone:before, .fa-mobile:before { content: ""; } .fa-circle-o:before { content: ""; } .fa-quote-left:before { content: ""; } .fa-quote-right:before { content: ""; } .fa-spinner:before { content: ""; } .fa-circle:before { content: ""; } .fa-mail-reply:before, .fa-reply:before { content: ""; } .fa-github-alt:before { content: ""; } .fa-folder-o:before { content: ""; } .fa-folder-open-o:before { content: ""; } .fa-smile-o:before { content: ""; } .fa-frown-o:before { content: ""; } .fa-meh-o:before { content: ""; } .fa-gamepad:before { content: ""; } .fa-keyboard-o:before { content: ""; } .fa-flag-o:before { content: ""; } .fa-flag-checkered:before { content: ""; } .fa-terminal:before { content: ""; } .fa-code:before { content: ""; } .fa-mail-reply-all:before, .fa-reply-all:before { content: ""; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: ""; } .fa-location-arrow:before { content: ""; } .fa-crop:before { content: ""; } .fa-code-fork:before { content: ""; } .fa-unlink:before, .fa-chain-broken:before { content: ""; } .fa-question:before { content: ""; } .fa-info:before { content: ""; } .fa-exclamation:before { content: ""; } .fa-superscript:before { content: ""; } .fa-subscript:before { content: ""; } .fa-eraser:before { content: ""; } .fa-puzzle-piece:before { content: ""; } .fa-microphone:before { content: ""; } .fa-microphone-slash:before { content: ""; } .fa-shield:before { content: ""; } .fa-calendar-o:before { content: ""; } .fa-fire-extinguisher:before { content: ""; } .fa-rocket:before { content: ""; } .fa-maxcdn:before { content: ""; } .fa-chevron-circle-left:before { content: ""; } .fa-chevron-circle-right:before { content: ""; } .fa-chevron-circle-up:before { content: ""; } .fa-chevron-circle-down:before { content: ""; } .fa-html5:before { content: ""; } .fa-css3:before { content: ""; } .fa-anchor:before { content: ""; } .fa-unlock-alt:before { content: ""; } .fa-bullseye:before { content: ""; } .fa-ellipsis-h:before { content: ""; } .fa-ellipsis-v:before { content: ""; } .fa-rss-square:before { content: ""; } .fa-play-circle:before { content: ""; } .fa-ticket:before { content: ""; } .fa-minus-square:before { content: ""; } .fa-minus-square-o:before { content: ""; } .fa-level-up:before { content: ""; } .fa-level-down:before { content: ""; } .fa-check-square:before { content: ""; } .fa-pencil-square:before { content: ""; } .fa-external-link-square:before { content: ""; } .fa-share-square:before { content: ""; } .fa-compass:before { content: ""; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: ""; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: ""; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: ""; } .fa-euro:before, .fa-eur:before { content: ""; } .fa-gbp:before { content: ""; } .fa-dollar:before, .fa-usd:before { content: ""; } .fa-rupee:before, .fa-inr:before { content: ""; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: ""; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: ""; } .fa-won:before, .fa-krw:before { content: ""; } .fa-bitcoin:before, .fa-btc:before { content: ""; } .fa-file:before { content: ""; } .fa-file-text:before { content: ""; } .fa-sort-alpha-asc:before { content: ""; } .fa-sort-alpha-desc:before { content: ""; } .fa-sort-amount-asc:before { content: ""; } .fa-sort-amount-desc:before { content: ""; } .fa-sort-numeric-asc:before { content: ""; } .fa-sort-numeric-desc:before { content: ""; } .fa-thumbs-up:before { content: ""; } .fa-thumbs-down:before { content: ""; } .fa-youtube-square:before { content: ""; } .fa-youtube:before { content: ""; } .fa-xing:before { content: ""; } .fa-xing-square:before { content: ""; } .fa-youtube-play:before { content: ""; } .fa-dropbox:before { content: ""; } .fa-stack-overflow:before { content: ""; } .fa-instagram:before { content: ""; } .fa-flickr:before { content: ""; } .fa-adn:before { content: ""; } .fa-bitbucket:before { content: ""; } .fa-bitbucket-square:before { content: ""; } .fa-tumblr:before { content: ""; } .fa-tumblr-square:before { content: ""; } .fa-long-arrow-down:before { content: ""; } .fa-long-arrow-up:before { content: ""; } .fa-long-arrow-left:before { content: ""; } .fa-long-arrow-right:before { content: ""; } .fa-apple:before { content: ""; } .fa-windows:before { content: ""; } .fa-android:before { content: ""; } .fa-linux:before { content: ""; } .fa-dribbble:before { content: ""; } .fa-skype:before { content: ""; } .fa-foursquare:before { content: ""; } .fa-trello:before { content: ""; } .fa-female:before { content: ""; } .fa-male:before { content: ""; } .fa-gittip:before, .fa-gratipay:before { content: ""; } .fa-sun-o:before { content: ""; } .fa-moon-o:before { content: ""; } .fa-archive:before { content: ""; } .fa-bug:before { content: ""; } .fa-vk:before { content: ""; } .fa-weibo:before { content: ""; } .fa-renren:before { content: ""; } .fa-pagelines:before { content: ""; } .fa-stack-exchange:before { content: ""; } .fa-arrow-circle-o-right:before { content: ""; } .fa-arrow-circle-o-left:before { content: ""; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: ""; } .fa-dot-circle-o:before { content: ""; } .fa-wheelchair:before { content: ""; } .fa-vimeo-square:before { content: ""; } .fa-turkish-lira:before, .fa-try:before { content: ""; } .fa-plus-square-o:before { content: ""; } .fa-space-shuttle:before { content: ""; } .fa-slack:before { content: ""; } .fa-envelope-square:before { content: ""; } .fa-wordpress:before { content: ""; } .fa-openid:before { content: ""; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: ""; } .fa-mortar-board:before, .fa-graduation-cap:before { content: ""; } .fa-yahoo:before { content: ""; } .fa-google:before { content: ""; } .fa-reddit:before { content: ""; } .fa-reddit-square:before { content: ""; } .fa-stumbleupon-circle:before { content: ""; } .fa-stumbleupon:before { content: ""; } .fa-delicious:before { content: ""; } .fa-digg:before { content: ""; } .fa-pied-piper:before { content: ""; } .fa-pied-piper-alt:before { content: ""; } .fa-drupal:before { content: ""; } .fa-joomla:before { content: ""; } .fa-language:before { content: ""; } .fa-fax:before { content: ""; } .fa-building:before { content: ""; } .fa-child:before { content: ""; } .fa-paw:before { content: ""; } .fa-spoon:before { content: ""; } .fa-cube:before { content: ""; } .fa-cubes:before { content: ""; } .fa-behance:before { content: ""; } .fa-behance-square:before { content: ""; } .fa-steam:before { content: ""; } .fa-steam-square:before { content: ""; } .fa-recycle:before { content: ""; } .fa-automobile:before, .fa-car:before { content: ""; } .fa-cab:before, .fa-taxi:before { content: ""; } .fa-tree:before { content: ""; } .fa-spotify:before { content: ""; } .fa-deviantart:before { content: ""; } .fa-soundcloud:before { content: ""; } .fa-database:before { content: ""; } .fa-file-pdf-o:before { content: ""; } .fa-file-word-o:before { content: ""; } .fa-file-excel-o:before { content: ""; } .fa-file-powerpoint-o:before { content: ""; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: ""; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: ""; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: ""; } .fa-file-movie-o:before, .fa-file-video-o:before { content: ""; } .fa-file-code-o:before { content: ""; } .fa-vine:before { content: ""; } .fa-codepen:before { content: ""; } .fa-jsfiddle:before { content: ""; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: ""; } .fa-circle-o-notch:before { content: ""; } .fa-ra:before, .fa-rebel:before { content: ""; } .fa-ge:before, .fa-empire:before { content: ""; } .fa-git-square:before { content: ""; } .fa-git:before { content: ""; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: ""; } .fa-tencent-weibo:before { content: ""; } .fa-qq:before { content: ""; } .fa-wechat:before, .fa-weixin:before { content: ""; } .fa-send:before, .fa-paper-plane:before { content: ""; } .fa-send-o:before, .fa-paper-plane-o:before { content: ""; } .fa-history:before { content: ""; } .fa-circle-thin:before { content: ""; } .fa-header:before { content: ""; } .fa-paragraph:before { content: ""; } .fa-sliders:before { content: ""; } .fa-share-alt:before { content: ""; } .fa-share-alt-square:before { content: ""; } .fa-bomb:before { content: ""; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: ""; } .fa-tty:before { content: ""; } .fa-binoculars:before { content: ""; } .fa-plug:before { content: ""; } .fa-slideshare:before { content: ""; } .fa-twitch:before { content: ""; } .fa-yelp:before { content: ""; } .fa-newspaper-o:before { content: ""; } .fa-wifi:before { content: ""; } .fa-calculator:before { content: ""; } .fa-paypal:before { content: ""; } .fa-google-wallet:before { content: ""; } .fa-cc-visa:before { content: ""; } .fa-cc-mastercard:before { content: ""; } .fa-cc-discover:before { content: ""; } .fa-cc-amex:before { content: ""; } .fa-cc-paypal:before { content: ""; } .fa-cc-stripe:before { content: ""; } .fa-bell-slash:before { content: ""; } .fa-bell-slash-o:before { content: ""; } .fa-trash:before { content: ""; } .fa-copyright:before { content: ""; } .fa-at:before { content: ""; } .fa-eyedropper:before { content: ""; } .fa-paint-brush:before { content: ""; } .fa-birthday-cake:before { content: ""; } .fa-area-chart:before { content: ""; } .fa-pie-chart:before { content: ""; } .fa-line-chart:before { content: ""; } .fa-lastfm:before { content: ""; } .fa-lastfm-square:before { content: ""; } .fa-toggle-off:before { content: ""; } .fa-toggle-on:before { content: ""; } .fa-bicycle:before { content: ""; } .fa-bus:before { content: ""; } .fa-ioxhost:before { content: ""; } .fa-angellist:before { content: ""; } .fa-cc:before { content: ""; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: ""; } .fa-meanpath:before { content: ""; } .fa-buysellads:before { content: ""; } .fa-connectdevelop:before { content: ""; } .fa-dashcube:before { content: ""; } .fa-forumbee:before { content: ""; } .fa-leanpub:before { content: ""; } .fa-sellsy:before { content: ""; } .fa-shirtsinbulk:before { content: ""; } .fa-simplybuilt:before { content: ""; } .fa-skyatlas:before { content: ""; } .fa-cart-plus:before { content: ""; } .fa-cart-arrow-down:before { content: ""; } .fa-diamond:before { content: ""; } .fa-ship:before { content: ""; } .fa-user-secret:before { content: ""; } .fa-motorcycle:before { content: ""; } .fa-street-view:before { content: ""; } .fa-heartbeat:before { content: ""; } .fa-venus:before { content: ""; } .fa-mars:before { content: ""; } .fa-mercury:before { content: ""; } .fa-intersex:before, .fa-transgender:before { content: ""; } .fa-transgender-alt:before { content: ""; } .fa-venus-double:before { content: ""; } .fa-mars-double:before { content: ""; } .fa-venus-mars:before { content: ""; } .fa-mars-stroke:before { content: ""; } .fa-mars-stroke-v:before { content: ""; } .fa-mars-stroke-h:before { content: ""; } .fa-neuter:before { content: ""; } .fa-genderless:before { content: ""; } .fa-facebook-official:before { content: ""; } .fa-pinterest-p:before { content: ""; } .fa-whatsapp:before { content: ""; } .fa-server:before { content: ""; } .fa-user-plus:before { content: ""; } .fa-user-times:before { content: ""; } .fa-hotel:before, .fa-bed:before { content: ""; } .fa-viacoin:before { content: ""; } .fa-train:before { content: ""; } .fa-subway:before { content: ""; } .fa-medium:before { content: ""; } .fa-yc:before, .fa-y-combinator:before { content: ""; } .fa-optin-monster:before { content: ""; } .fa-opencart:before { content: ""; } .fa-expeditedssl:before { content: ""; } .fa-battery-4:before, .fa-battery-full:before { content: ""; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: ""; } .fa-battery-2:before, .fa-battery-half:before { content: ""; } .fa-battery-1:before, .fa-battery-quarter:before { content: ""; } .fa-battery-0:before, .fa-battery-empty:before { content: ""; } .fa-mouse-pointer:before { content: ""; } .fa-i-cursor:before { content: ""; } .fa-object-group:before { content: ""; } .fa-object-ungroup:before { content: ""; } .fa-sticky-note:before { content: ""; } .fa-sticky-note-o:before { content: ""; } .fa-cc-jcb:before { content: ""; } .fa-cc-diners-club:before { content: ""; } .fa-clone:before { content: ""; } .fa-balance-scale:before { content: ""; } .fa-hourglass-o:before { content: ""; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: ""; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: ""; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: ""; } .fa-hourglass:before { content: ""; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: ""; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: ""; } .fa-hand-scissors-o:before { content: ""; } .fa-hand-lizard-o:before { content: ""; } .fa-hand-spock-o:before { content: ""; } .fa-hand-pointer-o:before { content: ""; } .fa-hand-peace-o:before { content: ""; } .fa-trademark:before { content: ""; } .fa-registered:before { content: ""; } .fa-creative-commons:before { content: ""; } .fa-gg:before { content: ""; } .fa-gg-circle:before { content: ""; } .fa-tripadvisor:before { content: ""; } .fa-odnoklassniki:before { content: ""; } .fa-odnoklassniki-square:before { content: ""; } .fa-get-pocket:before { content: ""; } .fa-wikipedia-w:before { content: ""; } .fa-safari:before { content: ""; } .fa-chrome:before { content: ""; } .fa-firefox:before { content: ""; } .fa-opera:before { content: ""; } .fa-internet-explorer:before { content: ""; } .fa-tv:before, .fa-television:before { content: ""; } .fa-contao:before { content: ""; } .fa-500px:before { content: ""; } .fa-amazon:before { content: ""; } .fa-calendar-plus-o:before { content: ""; } .fa-calendar-minus-o:before { content: ""; } .fa-calendar-times-o:before { content: ""; } .fa-calendar-check-o:before { content: ""; } .fa-industry:before { content: ""; } .fa-map-pin:before { content: ""; } .fa-map-signs:before { content: ""; } .fa-map-o:before { content: ""; } .fa-map:before { content: ""; } .fa-commenting:before { content: ""; } .fa-commenting-o:before { content: ""; } .fa-houzz:before { content: ""; } .fa-vimeo:before { content: ""; } .fa-black-tie:before { content: ""; } .fa-fonticons:before { content: ""; } .fa-reddit-alien:before { content: ""; } .fa-edge:before { content: ""; } .fa-credit-card-alt:before { content: ""; } .fa-codiepie:before { content: ""; } .fa-modx:before { content: ""; } .fa-fort-awesome:before { content: ""; } .fa-usb:before { content: ""; } .fa-product-hunt:before { content: ""; } .fa-mixcloud:before { content: ""; } .fa-scribd:before { content: ""; } .fa-pause-circle:before { content: ""; } .fa-pause-circle-o:before { content: ""; } .fa-stop-circle:before { content: ""; } .fa-stop-circle-o:before { content: ""; } .fa-shopping-bag:before { content: ""; } .fa-shopping-basket:before { content: ""; } .fa-hashtag:before { content: ""; } .fa-bluetooth:before { content: ""; } .fa-bluetooth-b:before { content: ""; } .fa-percent:before { content: ""; } /** * @subsection Animate.css * * @description A bunch of cool, fun, and cross-browser animations * for you to use. * * @author Daniel Eden * @link http://daneden.me/animate * @license MIT license - http://opensource.org/licenses/MIT */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; opacity: 1; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .not-animated { opacity: 0; } /** * Bounce Keyframes Animation */ @-webkit-keyframes bounce { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } /** * Flas Keyframes Animation */ @-webkit-keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { 0%, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /** * Pulse Keyframes Animation * * @author Nick Pettit * @link https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } /** * RubberBand Keyframes Animation */ @-webkit-keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(0.95, 1.05, 1); transform: scale3d(0.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, 0.95, 1); transform: scale3d(1.05, 0.95, 1); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } /** * Shake Keyframes Animation */ @-webkit-keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { 0%, 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } /** * Swing Keyframes Animation */ @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } 100% { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } /** * Tada Keyframes Animation */ @-webkit-keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { 0% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } 100% { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /** * Wobble Keyframes Animation * * @author Nick Pettit * @link https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } @keyframes wobble { 0% { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } 100% { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } /** * BounceIn Keyframes Animation */ @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(0.97, 0.97, 0.97); transform: scale3d(0.97, 0.97, 0.97); } 100% { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; -webkit-animation-duration: .75s; animation-duration: .75s; } /** * BounceInDown Keyframes Animation */ @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } /** * BounceInLeft Keyframes Animation */ @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } /** * BounceInRight Keyframes Animation */ @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } 100% { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } /** * BounceInUp Keyframes Animation */ @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } 0% { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } /** * BounceOut Keyframes Animation */ @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(0.9, 0.9, 0.9); transform: scale3d(0.9, 0.9, 0.9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 100% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; -webkit-animation-duration: .75s; animation-duration: .75s; } /** * BounceOutDown Keyframes Animation */ @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } /** * BounceOutLeft Keyframes Animation */ @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } /** * BounceOutRight Keyframes Animation */ @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } /** * BounceOutUp Keyframes Animation */ @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } /** * FadeIn Keyframes Animation */ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } /** * FadeInDown Keyframes Animation */ @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } /** * FadeInDownBig Keyframes Animation */ @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } /** * FadeInLeft Keyframes Animation */ @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } /** * FadeInLeftBig Keyframes Animation */ @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } /** * FadeInRight Keyframes Animation */ @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } /** * FadeInRightBig Keyframes Animation */ @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } /** * FadeInUp Keyframes Animation */ @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } /** * FadeInUpBig Keyframes Animation */ @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } /** * FadeOut Keyframes Animation */ @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } /** * FadeOutDown Keyframes Animation */ @-webkit-keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } /** * FadeOutDownBig Keyframes Animation */ @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } /** * FadeOutLeft Keyframes Animation */ @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } /** * FadeOutLeftBig Keyframes Animation */ @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } /** * FadeOutRight Keyframes Animation */ @-webkit-keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } /** * FadeOutRightBig Keyframes Animation */ @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } /** * FadeOutUp Keyframes Animation */ @-webkit-keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } /** * FadeOutUpBig Keyframes Animation */ @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } /** * Flip Keyframes Animation */ @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95); transform: perspective(400px) scale3d(0.95, 0.95, 0.95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } /** * FlipInX Keyframes Animation */ @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } /** * FlipInY Keyframes Animation */ @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-transition-timing-function: ease-in; transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } 100% { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } /** * FlipOutX Keyframes Animation */ @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-animation-duration: .75s; animation-duration: .75s; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } /** * FlipOutY Keyframes Animation */ @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; -webkit-animation-duration: .75s; animation-duration: .75s; } /** * LightSpeedIn Keyframes Animation */ @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } 100% { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } /** * LightSpeedOut Keyframes Animation */ @-webkit-keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { 0% { opacity: 1; } 100% { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } /** * RotateIn Keyframes Animation */ @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { 0% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } /** * RotateInDownLeft Keyframes Animation */ @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } /** * RotateInDownRight Keyframes Animation */ @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } /** * RotateInUpLeft Keyframes Animation */ @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } /** * RotateInUpRight Keyframes Animation */ @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } /** * RotateOut Keyframes Animation */ @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } 100% { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } /** * RotateOutDownLeft Keyframes Animation */ @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } /** * RotateOutDownRight Keyframes Animation */ @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } /** * RotateOutUpLeft Keyframes Animation */ @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } 100% { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } /** * RotateOutUpRight Keyframes Animation */ @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } 100% { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } /** * Hinge Keyframes Animation */ @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } 100% { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /** * RollIn Keyframes Animation * * @author Nick Pettit * @link https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { 0% { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } 100% { opacity: 1; -webkit-transform: none; -ms-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /** * RollOut Keyframes Animation * * @author Nick Pettit * @link https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { 0% { opacity: 1; } 100% { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } /** * ZoomIn Keyframes Animation */ @-webkit-keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } @keyframes zoomIn { 0% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } /** * ZoomInDown Keyframes Animation */ @-webkit-keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInDown { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } /** * ZoomInLeft Keyframes Animation */ @-webkit-keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInLeft { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } /** * ZoomInRight Keyframes Animation */ @-webkit-keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInRight { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } /** * ZoomInUp Keyframes Animation */ @-webkit-keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomInUp { 0% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 60% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } /** * ZoomOut Keyframes Animation */ @-webkit-keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } @keyframes zoomOut { 0% { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(0.3, 0.3, 0.3); transform: scale3d(0.3, 0.3, 0.3); } 100% { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } /** * ZoomOutDown Keyframes Animation */ @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } /** * ZoomOutLeft Keyframes Animation */ @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0); transform: scale(0.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } /** * ZoomOutRight Keyframes Animation */ @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0); } 100% { opacity: 0; -webkit-transform: scale(0.1) translate3d(2000px, 0, 0); transform: scale(0.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } /** * ZoomOutUp Keyframes Animation */ @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } 100% { opacity: 0; -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } /** * SlideInDown Keyframes Animation */ @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } /** * SlideInLeft Keyframes Animation */ @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } /** * SlideInRight Keyframes Animation */ @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } /** * SlideInUp Keyframes Animation */ @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } 100% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } /** * SlideOutDown Keyframes Animation */ @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } /** * SlideOutLeft Keyframes Animation */ @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } /** * SlideOutRight Keyframes Animation */ @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .breadcrumbs{ margin-top:25px!important; margin-bottom: 25px!important; } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } .category-description{ padding: 60px 0 40px 0; } /** * SlideOutUp Keyframes Animation */ @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { 0% { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 100% { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; } /* * @subsection Floating System */ .pull-left { float: left; } .pull-none { float: none; } .pull-right { float: right; } @media (min-width: 480px) { .pull-xs-left { float: left; } .pull-xs-none { float: none; } .pull-xs-right { float: right; } } @media (min-width: 768px) { .pull-sm-left { float: left; } .pull-sm-none { float: none; } .pull-sm-right { float: right; } } @media (min-width: 992px) { .catalog-category-view .products-grid .product-item, .catalogsearch-result-index .products-grid .product-item{ -webkit-flex-basis: 33.33%!important; -moz-flex-basis: 33.33%!important; -ms-flex-preferred-size: 33.33%!important; flex-basis: 33.33%!important; } .pull-md-left { float: left; } .pull-md-none { float: none; } .pull-md-right { float: right; } } @media (min-width: 1200px) { .pull-lg-left { float: left; } .pull-lg-none { float: none; } .pull-lg-right { float: right; } } /* * @subsection Text Alignment */ .text-left { text-align: left; } .text-center, .page-title, .section-title { text-align: center; } .text-right { text-align: right; } @media (min-width: 480px) { .text-xs-left { text-align: left; } .text-xs-center { text-align: center; } .text-xs-right { text-align: right; } } @media (min-width: 768px) { .text-sm-left { text-align: left; } .text-sm-center { text-align: center; } .text-sm-right { text-align: right; } } @media (min-width: 992px) { .text-md-left { text-align: left; } .text-md-center { text-align: center; } .text-md-right { text-align: right; } } @media (min-width: 1200px) { .text-lg-left { text-align: left; } .text-lg-center { text-align: center; } .text-lg-right { text-align: right; } } /* * @subsection Text Styling */ .italic { font-style: italic; } .underline { text-decoration: underline; } .strike { text-decoration: line-through; } .thin { font-weight: 100; } .light { font-weight: 300; } .regular { font-weight: 400; } .medium { font-weight: 500; } .sbold { font-weight: 600; } .bold, strong { font-weight: 700; } .ubold { font-weight: 900; } .primary-color { color: #1E5792; } /* * @subsection Icons */ .big-circle-icon { display: block; width: 122px; height: 122px; margin: 0 auto 1rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #1E5792; } .big-circle-icon:before { color: #1E5792; font-size: 66px; line-height: 122px; text-align: center; width: 100%; } .medium-icon { margin: 0 auto 1rem; } .medium-icon:before { font-size: 60px; line-height: 1em; color: #1E5792; } .small-icon:before { font-size: 40px; line-height: inherit; color: #1E5792; } /* * @subsection Typography */ h1, .heading-1, .page-title h1, .page-title .heading-1, .page-title span, .page-title .section-title span, .section-title .page-title span, .section-title h1, .section-title .heading-1, .section-title span, .page-title h2, .page-title .heading-2, .section-title h2, .section-title .heading-2, .page-title h3, .page-title .heading-3, .section-title h3, .section-title .heading-3, .page-title h4, .page-title .heading-4, .section-title h4, .section-title .heading-4, .page-title h5, .page-title .heading-5, .section-title h5, .section-title .heading-5, .page-title h6, .page-title .heading-6, .section-title h6, .section-title .heading-6 { font-size: 2rem; } h2, .heading-2 { font-size: 1.5rem; } h3, .heading-3 { font-size: 1.17rem; line-height: 2rem; } h4, .heading-4 { font-size: 1rem; font-weight: 600; } h5, .heading-5 { font-size: .83rem; } h6, .heading-6 { font-size: .67rem; } h1, .heading-1, .page-title h1, .page-title .heading-1, .page-title span, .page-title .section-title span, .section-title .page-title span, .section-title h1, .section-title .heading-1, .section-title span, .page-title h2, .page-title .heading-2, .section-title h2, .section-title .heading-2, .page-title h3, .page-title .heading-3, .section-title h3, .section-title .heading-3, .page-title h4, .page-title .heading-4, .section-title h4, .section-title .heading-4, .page-title h5, .page-title .heading-5, .section-title h5, .section-title .heading-5, .page-title h6, .page-title .heading-6, .section-title h6, .section-title .heading-6 { margin-top: 1em; margin-bottom: 0.5em; } h2, .heading-2 { margin-top: 1em; margin-bottom: 0.5em; } h3, .heading-3 { margin-top: 1em; margin-bottom: 0.5em; } h4, .heading-4 { margin-top: 1em; margin-bottom: 0.5em; } h5, .heading-5 { margin-top: 1em; margin-bottom: 0.5em; } h6, .heading-6 { margin-top: 1em; margin-bottom: 0.5em; } /* * @section Content * @description This section holds specific style for all contents */ img { width: 100%; } .page-title h1, .page-title h1, .page-title .heading-1, .page-title span, .page-title .section-title h1, .section-title .page-title h1, .page-title .section-title span, .section-title .page-title span, .page-title h2, .page-title .heading-2, .page-title .section-title h2, .section-title .page-title h2, .page-title h3, .page-title .heading-3, .page-title .section-title h3, .section-title .page-title h3, .page-title h4, .page-title .heading-4, .page-title .section-title h4, .section-title .page-title h4, .page-title h5, .page-title .heading-5, .page-title .section-title h5, .section-title .page-title h5, .page-title h6, .page-title .heading-6, .page-title .section-title h6, .section-title .page-title h6, .page-title span, .section-title h1, .section-title .page-title h1, .page-title .section-title h1, .page-title .section-title span, .section-title .page-title span, .section-title h1, .section-title .heading-1, .section-title span, .section-title .page-title h2, .page-title .section-title h2, .section-title h2, .section-title .heading-2, .section-title .page-title h3, .page-title .section-title h3, .section-title h3, .section-title .heading-3, .section-title .page-title h4, .page-title .section-title h4, .section-title h4, .section-title .heading-4, .section-title .page-title h5, .page-title .section-title h5, .section-title h5, .section-title .heading-5, .section-title .page-title h6, .page-title .section-title h6, .section-title h6, .section-title .heading-6, .section-title span { font-size: 20px; line-height: 1.5em; font-weight: 700; text-transform: uppercase; color: #343434; } .page-title h2, .page-title .heading-2, .page-title span, .section-title h2, .section-title .heading-2, .section-title span { font-size: 20px; line-height: 1.5em; font-weight: 700; text-transform: uppercase; color: #343434; } .page-title h3, .page-title .heading-3, .page-title span, .section-title h3, .section-title .heading-3, .section-title span { font-size: 20px; line-height: 1.5em; font-weight: 700; text-transform: uppercase; color: #343434; } .page-title h4, .page-title .heading-4, .page-title span, .section-title h4, .section-title .heading-4, .section-title span { font-size: 20px; line-height: 1.5em; font-weight: 700; text-transform: uppercase; color: #343434; } .page-title h5, .page-title .heading-5, .page-title span, .section-title h5, .section-title .heading-5, .section-title span { font-size: 20px; line-height: 1.5em; font-weight: 700; text-transform: uppercase; color: #343434; } .page-title h6, .page-title .heading-6, .page-title span, .section-title h6, .section-title .heading-6, .section-title span { font-size: 20px; line-height: 1.5em; font-weight: 700; text-transform: uppercase; color: #343434; } .cms-page-view h1 { text-transform: uppercase; } .cms-page-view h2 { text-transform: uppercase; } .cms-page-view h3 { text-transform: uppercase; } .cms-page-view h4 { text-transform: uppercase; } .cms-page-view h5 { text-transform: uppercase; } .cms-page-view h6 { text-transform: uppercase; } .swatch-option.color { min-height: 30px; } .swatch-option.selected { outline: 2px solid #1E5792; } .catalog-product-view .fotorama__thumb-border { border-color: #1E5792; } .rating-summary .rating-result__stars .fa, .rating-summary .rating-result__stars .rd-navbar-static .rd-navbar-nav li.rd-navbar--has-dropdown:before, .rd-navbar-static .rd-navbar-nav .rating-summary .rating-result__stars li.rd-navbar--has-dropdown:before { color: #1E5792; } .block-title .counter { text-transform: uppercase; font-weight: 700; color: #343434; } @media (min-width: 992px) and (max-width: 1199px) { .block-title .counter { display: block; width: 100%; } } .product-item-photo img { background: #f7f7f7; } .checkout-cart-index .cart .product-item-name { display: inline-block; } .checkout-cart-index .cart .item-options { padding-left: 7px; } /* * @section Tables * @description This section holds specific style for Tables */ table.table-bordered { border-top: 2px solid #1E5792; border-left: 1px solid #dadada; } table.table-bordered th, table.table-bordered td { border-right: 1px solid #dadada; border-bottom: 1px solid #dadada; } table.data-table { width: 100%; } table.data-table th, table.data-table td { padding: 20px; vertical-align: middle; border: 1px solid #dadada; } table.data-table th { background: #f0f0f0; text-transform: uppercase; color: #000; } .checkout-index-index .checkout-container:before, .checkout-index-index .checkout-container:after { display: table; content: ""; line-height: 0; } .checkout-index-index .checkout-container:after { clear: both; } /* * @section Header * @description This section holds specific style Header */ .rd-navbar-static.rd-navbar--is-stuck { -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); } .rd-navbar-static .rd-navbar-nav li.rd-navbar--has-dropdown:before { position: absolute; font-size: 12px; line-height: 12px; right: 0; top: 50%; margin-top: -5px; } .header-switchers:before, .header-switchers:after { display: table; content: ""; line-height: 0; } .header-switchers:after { clear: both; } .header-switchers > div { float: left; } .header-switchers > div:first-child { margin-left: 0; } .header-switchers .actions .action { background-color: transparent; -moz-transition: 0.3s ease; -o-transition: 0.3s ease; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .header-switchers .actions .action.active, .header-switchers .actions .action:hover { background-color: transparent; color: #1E5792; } .page-header__content .container { display: block; } .page-header__content .container:before, .page-header__content .container:after { display: table; content: ""; line-height: 0; } .page-header__content .container:after { clear: both; } .page-header__content .logo-wrapper { display: block; float: left; } .page-header__content .logo-wrapper .logo { display: block; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-flex-grow: 0; -ms-flex-positive: 0; flex-grow: 0; } .page-header__content .block-search { display: block; float: right; } .page-header__content .rd-navbar-cart-wrap { display: block; float: right; } /* * @section Category Menu * @description This section holds specific style Category Menu */ .navigation { background: transparent; } /* * @section Main Content * @description This section holds specific style Main Content */ .breadcrumbs .items .item { font-size: 14px; } /* * @section Product view page * @description This section holds specific style Product view page elements */ .block.upsell .block-actions button.action.select, .block.related .block-actions button.action.select { color: #1E5792; } .block.upsell .block-actions button.action.select:hover, .block.related .block-actions button.action.select:hover { text-decoration: underline; } /* * @section Custom pages * @description This section holds specific style for Custom pages */ dl.custom-page dd { font-style: normal; } .search-term-popular ul.search-terms:before, .search-term-popular ul.search-terms:after { display: table; content: ""; line-height: 0; } .search-term-popular ul.search-terms:after { clear: both; } .search-term-popular ul.search-terms li { float: left; margin-right: 15px; font-size: 24px; } .skills { color: #1E5792; } .skills .value { font-size: 56px; line-height: 1.519em; font-weight: 700; } .skills .term { font-size: 16px; text-transform: uppercase; } @media (max-width: 767px) { .cms-about-us .big-circle-icon { margin-top: 2rem; } } @media (max-width: 767px) { .team > div[class*='col-'] { margin-bottom: 2rem; } } .team > div[class*='col-'] figure a { display: block; position: relative; } .team > div[class*='col-'] figure a:before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: scale(0); background: rgba(205, 163, 121, 0.4); transition: .4s ease; } .team > div[class*='col-'] figure a:hover:before { transform: scale(1); transition: .2s ease; } .cms-customer-service .terms-conditions h4.small-icon:before { padding-right: 15px; vertical-align: bottom; } #checkout-loader { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } #checkout-loader img { max-width: 100%; } .checkout-onepage-success .action.primary { background: #1E5792; border: none; text-transform: uppercase; padding: 10px 20px; cursor: pointer; } .checkout-onepage-success .action.primary:hover { background: #343434; } #cart-sidebar-reorder .field.choice:before, #cart-sidebar-reorder .field.choice:after { display: table; content: ""; line-height: 0; } #cart-sidebar-reorder .field.choice:after { clear: both; } #cart-sidebar-reorder .field.choice > label, #cart-sidebar-reorder .field.choice > div { float: left; } #cart-sidebar-reorder .field.choice input { margin-top: 7px; } .nav.item.current strong { color: #1E5792; } /* * @section Testimonials * @description This section holds specific style for Testimonials */ .testimonials { padding-bottom: 2rem; } .testimonials blockquote { padding: 10px 20px; } .testimonials blockquote cite { display: block; text-align: center; margin: 0 auto 0.5rem; font-weight: 500; text-transform: uppercase; color: #1E5792; } .testimonials blockquote q { display: block; padding: 0 5%; } .testimonials.owl-testimonials .owl-controls { z-index: 0; top: auto; bottom: 0; left: auto; right: 50%; width: 54px; margin-top: 0; } .testimonials.owl-testimonials .owl-controls .owl-prev, .testimonials.owl-testimonials .owl-controls .owl-next { width: 10px; padding: 0; } .testimonials.owl-testimonials .owl-controls .owl-prev:before, .testimonials.owl-testimonials .owl-controls .owl-next:before { color: #4f4f4f; font-family: 'Material Icons'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 40px; line-height: 1; } .testimonials.owl-testimonials .owl-controls .owl-prev:hover:before, .testimonials.owl-testimonials .owl-controls .owl-next:hover:before { color: #1E5792; } .testimonials.owl-testimonials .owl-controls .owl-prev:before { content: '\e314'; } .testimonials.owl-testimonials .owl-controls .owl-next:before { content: '\e315'; } .modals-wrapper .modal-popup { text-align: center; } .modals-wrapper .modal-popup .modal-inner-wrap { border: 1px solid #281b14; } .modals-wrapper .modal-popup .modal-footer { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .modals-wrapper .modal-popup .modal-footer button { text-transform: uppercase; font-weight: 700; margin: 0 5px; padding: 0 3px 2px 3px; border: 1px solid #1b110d; } .modals-wrapper .modal-popup .modal-footer button:hover { border-color: #1E5792; } .form-wishlist-items .actions-toolbar { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .form-wishlist-items .actions-toolbar .primary { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; } .form-wishlist-items .actions-toolbar .primary button { margin-bottom: 4px; } @media (max-width: 479px) { .form-wishlist-items .actions-toolbar .primary { padding: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .form-wishlist-items .actions-toolbar .secondary { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; } .checkout-index-index .authentication-wrapper .modal-inner-wrap { border: 1px solid #281b14; } .minicart-wrapper .loading-mask { display: none; } /* * @section Side Navbar * @description This section holds specific style for Testimonials */ .page-wrapper, .page-footer { padding-right: 40px; } @media (min-width: 1260px) { .page-wrapper, .page-footer { padding-right: 60px; z-index: 0; } } .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-static.rd-navbar--is-stuck { right: 40px; } @media (min-width: 1260px) { .rd-navbar-static.rd-navbar--is-clone, .rd-navbar-static.rd-navbar--is-stuck { right: 60px; } } .rd-navbar-fixed .rd-navbar-panel-canvas { background: #1b110d; } .rd-navbar-fixed .rd-navbar-nav-wrap { background: rgba(27, 17, 13, 0.8); } .rd-navbar-fixed .rd-navbar-nav li.opened > a, .rd-navbar-fixed .rd-navbar-nav li a:hover { background: #1E5792; } .side-navbar { position: fixed; z-index: 999; top: 56px; right: 0; width: 40px; background: rgba(27, 17, 13, 0.85); } @media (min-width: 768px) { .side-navbar { top: 0; background: #1b110d; } } @media (min-width: 1260px) { .side-navbar { width: 60px; height: 100vh; } } .side-navbar a:hover { color: #FFF; } .side-navbar .minicart-wrapper { padding: 0; } .side-navbar .minicart-wrapper .ui-dialog { position: fixed; z-index: 998; top: 0; right: 0; bottom: 0; left: 0; padding-left: 3vw; padding-right: 40px; background: rgba(40, 27, 20, 0.95); display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media (min-width: 580px) { .side-navbar .minicart-wrapper .ui-dialog { -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; padding-left: 0; padding-right: 0; } } @media (min-width: 1260px) { .side-navbar .minicart-wrapper .ui-dialog { right: 60px; } } .side-navbar .minicart-wrapper .ui-dialog > .block { width: 85vw; max-height: 95vh; margin-bottom: 0; } @media (min-width: 480px) { .side-navbar .minicart-wrapper .ui-dialog > .block { max-height: 75.6vh; margin-bottom: 10px; } } @media (min-width: 580px) { .side-navbar .minicart-wrapper .ui-dialog > .block { width: 65vw; } } @media (min-width: 1460px) { .side-navbar .minicart-wrapper .ui-dialog > .block { width: 48.1vw; } } .side-navbar .minicart-wrapper .ui-dialog #btn-minicart-close { position: fixed; top: 66px; right: 60px; font-size: 24px; line-height: 24px; color: #FFF; transition: .3s ease; } .side-navbar .minicart-wrapper .ui-dialog #btn-minicart-close:hover { color: #1E5792; } .side-navbar .minicart-wrapper .ui-dialog #btn-minicart-close:before { font-family: 'Material Icons'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: '\e5cd'; } @media (min-width: 785px) { .side-navbar .minicart-wrapper .ui-dialog #btn-minicart-close { top: 44px; right: 100px; font-size: 34px; line-height: 34px; } } @media (min-width: 1260px) { .side-navbar .minicart-wrapper .ui-dialog #btn-minicart-close { top: 64px; right: 120px; } } .side-navbar .minicart-wrapper .ui-dialog .subtitle.added-items, .side-navbar .minicart-wrapper .ui-dialog .subtitle.empty { font-size: 14px; line-height: 14px; text-transform: uppercase; font-weight: 700; color: #FFF; } @media (min-width: 480px) { .side-navbar .minicart-wrapper .ui-dialog .subtitle.added-items, .side-navbar .minicart-wrapper .ui-dialog .subtitle.empty { font-size: 20px; line-height: 20px; } } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper { margin-top: 1rem; } @media (min-width: 480px) { .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper { margin-top: 2.5rem; } } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items { overflow-y: auto; max-height: 60vh; padding-bottom: 66px; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product { overflow: hidden; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-photo { float: left; display: block; } @media (max-width: 767px) { .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-photo { float: none; } } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-photo .product-image-container { display: block; margin-right: 5px; } @media (max-width: 479px) { .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-photo .product-image-container { max-width: 85px !important; height: auto !important; } } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-photo .product-image-container .product-image-wrapper { display: block; position: relative; background: #f7f7f7; width: 100% !important; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-photo .product-image-container .product-image-wrapper > img { position: absolute; top: 0; left: 0; } @media (max-width: 479px) { .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-photo .product-image-container .product-image-wrapper > img { width: 100% !important; height: auto !important; } } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details { overflow: hidden; margin-left: 210px; } @media (max-width: 767px) { .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details { margin-left: 0; } } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions { position: relative; display: block; width: 100%; margin-bottom: 5px; margin-top: 10px; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions:before, .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions:after { display: table; content: ""; line-height: 0; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions:after { clear: both; } @media (min-width: 768px) { .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions { margin-top: 0; } } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions .primary, .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions .secondary { float: left; margin-left: 0; margin-right: 10px; } @media (min-width: 768px) { .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions .primary, .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions .secondary { float: right; margin-left: 10px; margin-right: 0; } } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions .primary .action, .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions .secondary .action { color: #1E5792; background-color: transparent; padding: 0; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions .primary .action:hover, .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions .secondary .action:hover { color: #FFF; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions .primary .action:before, .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions .secondary .action:before { font-family: 'material-design'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 18px; line-height: 18px; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions .primary .action:before { content: '\e060'; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-actions .secondary .action:before { content: '\e132'; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-details-name-block { padding-right: 50px; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-details-name-block .product-item-name { display: inline-block; font-size: 16px; font-weight: 300; margin-bottom: 10px; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-details-name-block .product-item-name a { color: #FFF; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-details-name-block .product-item-name a:hover { color: #1E5792; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-details-name-block .product-options { position: relative; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-details-name-block .product-options span.toggle { font-size: 16px; font-weight: 300; color: #1E5792; text-decoration: underline; transition: .3s ease; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-details-name-block .product-options span.toggle:before { content: ''; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-details-name-block .product-options span.toggle:hover { color: #FFF; text-decoration: none; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-details-name-block .product-options div.content { min-width: 230px; position: absolute; left: 0; top: 80%; background: #1b110d; padding: 15px; margin-bottom: 0; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-details-name-block .product-options div.content .subtitle { display: none; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-details-name-block .product-options div.content .options { display: block; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-details-name-block .product-options div.content .options li { width: 100%; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-details-name-block .product-options div.content .options li > span { display: inline-block; padding-top: 4px; font-size: 14px; line-height: 14px; font-weight: 300; color: #1E5792; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-pricing { height: 100%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; -moz-justify-content: start; justify-content: start; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1460px) { .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-pricing { -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; } } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-pricing > .label { font-size: 16px; line-height: 20px; color: #1E5792; display: inline-block; margin-right: 8px; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-pricing .minicart-price .price { font-family: "Montserrat", sans-serif; font-size: 20px; line-height: 20px; font-weight: 700; color: #FFF; padding-right: 60px; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-pricing .details-qty { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; -moz-justify-content: start; justify-content: start; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-top: 10px; height: 50px; } @media (min-width: 1460px) { .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-pricing .details-qty { -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; margin-top: 0; } } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-pricing .details-qty label.label { display: inline-block; font-size: 16px; line-height: 50px; max-width: 2em; color: #1E5792; margin-right: 18px; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-pricing .details-qty input { -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; height: 50px; width: 85px; padding: 0; margin-right: 10px; text-align: center; background-color: transparent; border: 1px solid #615149; color: #FFF; font-family: "Montserrat", sans-serif; font-weight: 700; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-pricing .details-qty .update-cart-item { display: inline-block !important; text-align: center; background: #1E5792; transition: .3s ease; padding: 0 20px; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-pricing .details-qty .update-cart-item:hover { background: #5e4532; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-pricing .details-qty .update-cart-item:before { display: none; } .side-navbar .minicart-wrapper .ui-dialog .minicart-items-wrapper .minicart-items li .product-item-details .product-item-pricing .details-qty .update-cart-item span { display: inline-block !important; font-size: 16px; line-height: 50px; font-weight: 700; color: #FFF; } .side-navbar .minicart-wrapper .ui-dialog .subtotal { font-size: 20px; line-height: 20px; color: #FFF; font-weight: 700; } .side-navbar .minicart-wrapper .ui-dialog .subtotal .price-wrapper span { font-size: 20px; line-height: 20px; font-weight: 700; color: #1E5792; } .side-navbar .minicart-wrapper .ui-dialog .minicart-btn-wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: start; -moz-justify-content: start; justify-content: start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 480px) { .side-navbar .minicart-wrapper .ui-dialog .minicart-btn-wrapper { -webkit-flex-wrap: nowrap; -moz-flex-wrap: nowrap; -ms-flex-wrap: none; flex-wrap: nowrap; } } .side-navbar .minicart-wrapper .ui-dialog .minicart-btn-wrapper .actions { margin-right: 10px; margin-bottom: 10px; } @media (min-width: 480px) { .side-navbar .minicart-wrapper .ui-dialog .minicart-btn-wrapper .actions { margin-bottom: 0; } } .side-navbar .minicart-wrapper .ui-dialog .minicart-btn-wrapper .actions .action { background: transparent; border: 2px solid #FFF; color: #FFF; text-transform: uppercase; font-weight: 700; position: relative; z-index: 0; } .side-navbar .minicart-wrapper .ui-dialog .minicart-btn-wrapper .actions .action:before { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(205, 163, 121, 0.4); transform: scale(0); transition: .3s ease; } .side-navbar .minicart-wrapper .ui-dialog .minicart-btn-wrapper .actions .action:hover:before { transform: scale(1); } .side-navbar .minicart-wrapper #minicart-content-wrapper .block-title { display: none; } .side-navbar .minicart-wrapper > a.showcart, .side-navbar .side-navbar-btn--cart { position: relative; z-index: 999; display: block; height: 40px; border-bottom: 1px solid #3d261e; } @media (min-width: 1260px) { .side-navbar .minicart-wrapper > a.showcart, .side-navbar .side-navbar-btn--cart { height: 60px; } } .side-navbar .minicart-wrapper > a.showcart:before, .side-navbar .side-navbar-btn--cart:before { content: '\e54c'; font-family: 'Material Icons'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 16px; line-height: 16px; position: absolute; margin-top: 0; top: auto; bottom: 10px; width: 100%; text-align: center; } @media (min-width: 1260px) { .side-navbar .minicart-wrapper > a.showcart:before, .side-navbar .side-navbar-btn--cart:before { font-size: 26px; line-height: 26px; margin-top: -13px; top: 50%; } } .side-navbar .minicart-wrapper > a.showcart.active, .side-navbar .minicart-wrapper > a.showcart:hover, .side-navbar .minicart-wrapper > a.showcart:hover:before, .side-navbar .side-navbar-btn--cart.active, .side-navbar .side-navbar-btn--cart:hover, .side-navbar .side-navbar-btn--cart:hover:before { color: #FFF; } .side-navbar .minicart-wrapper > a.showcart .counter-number, .side-navbar .side-navbar-btn--cart .counter-number { position: absolute; top: 2px; right: 6px; font-size: 12px; line-height: 12px; } @media (min-width: 1260px) { .side-navbar .minicart-wrapper > a.showcart .counter-number, .side-navbar .side-navbar-btn--cart .counter-number { top: 2px; right: 5px; font-size: 14px; line-height: 16px; } } .side-navbar .minicart-wrapper > a.showcart .counter-label, .side-navbar .minicart-wrapper > a.showcart .text, .side-navbar .side-navbar-btn--cart .counter-label, .side-navbar .side-navbar-btn--cart .text { display: none; } @media (max-width: 767px) { .side-navbar .minicart-wrapper > a.showcart { display: none; } } .side-navbar .side-navbar-btn, .side-navbar .side-navbar-btn--link { display: block; height: 40px; width: 40px; border-bottom: 1px solid #3d261e; cursor: pointer; position: relative; z-index: 999; } @media (min-width: 1260px) { .side-navbar .side-navbar-btn, .side-navbar .side-navbar-btn--link { height: 60px; width: 60px; } } .side-navbar .side-navbar-btn:before, .side-navbar .side-navbar-btn--link:before { font-family: 'Material Icons'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); position: absolute; top: 50%; left: 0; width: 100%; font-size: 16px; line-height: 16px; margin-top: -8px; color: #1E5792; text-align: center; transition: .3s ease; text-indent: 0; } @media (min-width: 1260px) { .side-navbar .side-navbar-btn:before, .side-navbar .side-navbar-btn--link:before { font-size: 24px; line-height: 24px; margin-top: -12px; } } .side-navbar .side-navbar-btn { display: none; } @media (min-width: 768px) { .side-navbar .side-navbar-btn { display: block; } } .side-navbar .side-navbar-btn--link { display: block; } @media (min-width: 768px) { .side-navbar .side-navbar-btn--link { display: none; } } .side-navbar .side-navbar-close { position: absolute; top: 66px; right: 60px; font-size: 24px; line-height: 24px; color: #FFF; transition: .3s ease; } .side-navbar .side-navbar-close:before { font-family: 'Material Icons'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: '\e5cd'; } .side-navbar .side-navbar-close:hover { color: #1E5792; } @media (min-width: 785px) { .side-navbar .side-navbar-close { top: 44px; right: 100px; font-size: 34px; line-height: 34px; } } @media (min-width: 1260px) { .side-navbar .side-navbar-close { top: 64px; } } .side-navbar .side-navbar-box.active .side-navbar-btn:before, .side-navbar .side-navbar-box .side-navbar-btn:hover:before, .side-navbar .side-navbar-box .side-navbar-btn--link:hover:before { color: #FFF; } .side-navbar .side-navbar-search .side-navbar-btn--link:before, .side-navbar .side-navbar-search .side-navbar-btn:before { content: '\e8b6'; } .side-navbar .side-navbar-menu .side-navbar-btn--link:before, .side-navbar .side-navbar-menu .side-navbar-btn:before { content: '\e7fd'; } .side-navbar .side-navbar-login .side-navbar-btn { overflow: hidden; text-indent: -9999px; } .side-navbar .side-navbar-login .side-navbar-btn--link:before, .side-navbar .side-navbar-login .side-navbar-btn:before { content: '\e0da'; } .side-navbar .side-navbar-login .authorization-link { display: block; } .side-navbar .side-navbar-login .authorization-link.sign_out .side-navbar-btn:before { text-align: center; content: '\e566'; text-indent: 0; } .side-navbar .side-navbar-options .side-navbar-btn--link:before, .side-navbar .side-navbar-options .side-navbar-btn:before { content: '\e869'; font-size: 14px; line-height: 14px; margin-top: -7px; } @media (min-width: 1260px) { .side-navbar .side-navbar-options .side-navbar-btn--link:before, .side-navbar .side-navbar-options .side-navbar-btn:before { font-size: 20px; line-height: 20px; margin-top: -10px; } } .side-navbar .side-navbar-popup { display: none; position: fixed; z-index: 998; top: 0; right: 0px; bottom: 0; left: 0; background: rgba(40, 27, 20, 0.95); -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } @media (min-width: 1260px) { .side-navbar .side-navbar-popup { right: 60px; } } .side-navbar .side-navbar-box.active .side-navbar-popup { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; } .side-navbar .rd-navbar-search, .side-navbar .rd-navbar-search-toggle { display: block; } .side-navbar .side-navbar-search .block-search { margin-bottom: 0; } .side-navbar .side-navbar-search .block-search .form.minisearch { display: block; border-bottom: 1px solid #b7916c; } .side-navbar .side-navbar-search .block-search .form.minisearch:before, .side-navbar .side-navbar-search .block-search .form.minisearch:after { display: table; content: ""; line-height: 0; } .side-navbar .side-navbar-search .block-search .form.minisearch:after { clear: both; } .side-navbar .side-navbar-search .block-search .form.minisearch .field.search, .side-navbar .side-navbar-search .block-search .form.minisearch .actions { float: left; } .side-navbar .side-navbar-search .block-search .form.minisearch .field.search { margin-bottom: 0; } .side-navbar .side-navbar-search .block-search .form.minisearch .field.search #search_autocomplete { display: none !important; } .side-navbar .side-navbar-search .block-search .form.minisearch .field.search div.control { padding-top: 15px; line-height: 20px; } .side-navbar .side-navbar-search .block-search .form.minisearch .field.search input.input-text { background-color: transparent; border-color: transparent; font-size: 20px; color: #FFF; font-weight: 700; text-transform: uppercase; width: 65vw; height: 40px; padding: 5px 10px 5px 0; } @media (min-width: 768px) { .side-navbar .side-navbar-search .block-search .form.minisearch .field.search input.input-text { width: 40vw; } } .side-navbar .side-navbar-search .block-search .form.minisearch .actions .action { background-color: transparent; color: #FFF; padding: 0; line-height: 1; transition: .3s ease; } .side-navbar .side-navbar-search .block-search .form.minisearch .actions .action:before { font-family: 'Material Icons'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: '\e8b6'; font-size: 64px; line-height: 64px; } .side-navbar .side-navbar-search .block-search .form.minisearch .actions .action:hover { color: #1E5792; } .side-navbar .side-navbar-search .block-search .form.minisearch .actions .action span { display: none; } .side-navbar .side-navbar-menu ul.links li { display: block; text-align: center; padding: 13px; margin-left: 0; } .side-navbar .side-navbar-menu ul.links li a { font-size: 18px; line-height: 18px; font-weight: 700; text-transform: uppercase; color: #FFF; } .side-navbar .side-navbar-menu ul.links li a:hover { color: #1E5792; } .side-navbar .side-navbar-menu ul.links li.toplinks-showcart-wrapper { display: none; } .side-navbar .side-navbar-options .switcher { float: none; position: relative; min-width: 80vw; margin: 0 0 20px 0; border: 1px solid #615149; } @media (min-width: 480px) { .side-navbar .side-navbar-options .switcher { min-width: 400px; } } .side-navbar .side-navbar-options .switcher:last-child { margin-bottom: 0; } .side-navbar .side-navbar-options .switcher .dropdown .mage-dropdown-dialog { width: auto; left: -1px; right: -1px; background: #1b110d; border: 1px solid #615149; } .side-navbar .side-navbar-options .switcher .dropdown .mage-dropdown-dialog a { color: #FFF; background-color: transparent; display: inline-block; } .side-navbar .side-navbar-options .switcher .dropdown .mage-dropdown-dialog a:hover { color: #1E5792; } .side-navbar .side-navbar-options .switcher-options { display: block; } .side-navbar .side-navbar-options .action { width: 100%; position: relative; padding: 12px 20px; line-height: 24px; height: 48px; } .side-navbar .side-navbar-options .action:after { content: '\e5c5'; font-family: 'Material Icons'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 24px; line-height: 24px; position: absolute; right: 20px; top: 50%; margin-top: -12px; padding: 0; color: #1E5792; } .side-navbar .side-navbar-options .action span { color: #FFF; font-size: 14px; line-height: 24px; font-weight: 300; } .side-navbar .side-navbar-popup .block.block-customer-login-popup { width: 400px; max-width: calc(100vw - 40px); max-height: 95vh; overflow: auto; } @media (max-width: 767px) { .side-navbar .side-navbar-popup .block.block-customer-login-popup { width: 300px; } } .side-navbar .side-navbar-popup .block.block-customer-login-popup .block-title { text-align: center; margin-bottom: 40px; } .side-navbar .side-navbar-popup .block.block-customer-login-popup .block-title strong { font-size: 20px; line-height: 1; font-weight: 700; text-transform: uppercase; color: #FFF; } .side-navbar .side-navbar-popup .block.block-customer-login-popup input { border-color: #615149; color: #FFF; -webkit-text-security: none; } .side-navbar .side-navbar-popup .block.block-customer-login-popup input::-webkit-input-placeholder { color: #FFF; } .side-navbar .side-navbar-popup .block.block-customer-login-popup input:-moz-placeholder { color: #FFF; } .side-navbar .side-navbar-popup .block.block-customer-login-popup input::-moz-placeholder { color: #FFF; } .side-navbar .side-navbar-popup .block.block-customer-login-popup input:-ms-input-placeholder { color: #FFF; } .side-navbar .side-navbar-popup .block.block-customer-login-popup input:focus::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .side-navbar .side-navbar-popup .block.block-customer-login-popup input:focus::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .side-navbar .side-navbar-popup .block.block-customer-login-popup input:focus:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .side-navbar .side-navbar-popup .block.block-customer-login-popup input:focus:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .side-navbar .side-navbar-popup .block.block-customer-login-popup .field { margin-bottom: 20px; } .side-navbar .side-navbar-popup .persistent input, .side-navbar .side-navbar-popup .choice.newsletter input { margin-top: 0; } .side-navbar .side-navbar-popup .persistent label, .side-navbar .side-navbar-popup .choice.newsletter label { line-height: 1; padding: 0; margin-top: 6px; color: #1E5792; } .side-navbar .side-navbar-popup input { background: transparent; border: 1px solid #615149; color: #FFF; } .side-navbar .side-navbar-popup input::-webkit-input-placeholder { color: #FFF; } .side-navbar .side-navbar-popup input:-moz-placeholder { color: #FFF; } .side-navbar .side-navbar-popup input::-moz-placeholder { color: #FFF; } .side-navbar .side-navbar-popup input:-ms-input-placeholder { color: #FFF; } .side-navbar .side-navbar-popup input:focus::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.5); } .side-navbar .side-navbar-popup input:focus::-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .side-navbar .side-navbar-popup input:focus:-moz-placeholder { color: rgba(255, 255, 255, 0.5); } .side-navbar .side-navbar-popup input:focus:-ms-input-placeholder { color: rgba(255, 255, 255, 0.5); } .side-navbar .side-navbar-popup .actions-toolbar { max-width: 99%; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .side-navbar .side-navbar-popup div.primary { margin-bottom: 20px; } .side-navbar .side-navbar-popup .primary { width: 100%; } .side-navbar .side-navbar-popup .primary .action { width: 100%; text-transform: uppercase; font-weight: 700; font-size: 16px; line-height: 18px; padding: 16px 10px; } .side-navbar .side-navbar-popup .secondary { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .side-navbar .side-navbar-popup .secondary .action { background-color: transparent; font-size: 14px; line-height: 1.5; color: #1E5792; padding: 0; margin-bottom: 10px; } .side-navbar .side-navbar-popup .secondary .action:hover { color: #FFF; } .side-navbar .side-navbar-popup .secondary button.action { text-align: left; } .side-navbar .side-navbar-popup form.form-create-account { width: 400px; max-width: 85vw; max-height: 90vh; } @media (max-width: 767px) { .side-navbar .side-navbar-popup form.form-create-account { width: 350px; } } .side-navbar .side-navbar-popup form.form-create-account .field { position: relative; } .side-navbar .side-navbar-popup form.form-create-account .field .control:before, .side-navbar .side-navbar-popup form.form-create-account .field .control:after { display: table; content: ""; line-height: 0; } .side-navbar .side-navbar-popup form.form-create-account .field .control:after { clear: both; } .side-navbar .side-navbar-popup form.form-create-account .field div.mage-error { position: absolute; left: 0; bottom: -1.5rem; } .side-navbar .side-navbar-popup form.form-create-account .legend { text-align: center; margin-bottom: 20px; } .side-navbar .side-navbar-popup form.form-create-account .legend span { font-size: 20px; line-height: 1; font-weight: 700; text-transform: uppercase; color: #FFF; } .side-navbar .side-navbar-popup form.form-create-account .field:not(.newsletter) .label { margin-right: 0; display: block; font-size: 14px; line-height: 1; text-transform: uppercase; color: #FFF; text-align: center; padding: 0; margin-bottom: 10px; } .side-navbar .block.block-customer-login-popup, .side-navbar form.form-create-account { display: none; } .side-navbar .block.block-customer-login-popup.active, .side-navbar form.form-create-account.active { display: block; } @media (max-width: 767px) { .side-navbar .side-navbar-login .side-navbar-popup { padding-right: 50px; } } /* * @section Header * @description This section holds specific style for Header */ .desktop .page-header__content { padding: 10px; background: #FFF; } @media (min-width: 768px) { .desktop .page-header__content { padding: 10px 69px 83px 61px; } } @media (min-width: 1200px) { .desktop .page-header__content { padding: 23px 69px 23px 61px; } } .desktop .page-header__content .logo-light { display: none; } .desktop .page-header__content .logo-dark { display: block; } .tablet .page-header__content, .mobile .page-header__content { padding: 10px; } .tablet .cms-index-index .page-header__content .logo-light, .mobile .cms-index-index .page-header__content .logo-light { display: block; } .tablet .cms-index-index .page-header__content .logo-dark, .mobile .cms-index-index .page-header__content .logo-dark { display: none; } .tablet .page-header__content .logo-light, .mobile .page-header__content .logo-light { display: none; } .tablet .page-header__content .logo-dark, .mobile .page-header__content .logo-dark { display: block; } body.cms-index-index .page-header__content { background: #0d0303; padding: 10px; } @media (min-width: 768px) { body.cms-index-index .page-header__content { padding: 10px 69px 83px 61px; background-color: transparent; } } @media (min-width: 480px) { body.cms-index-index .page-header__content { padding: 7px 69px 15px 61px; } } @media (min-width: 1200px) { body.cms-index-index .page-header__content { padding: 23px 69px 23px 61px; } } body.cms-index-index .page-header__content .logo-light { display: block; } body.cms-index-index .page-header__content .logo-dark { display: none; } body.cms-index-index .rd-navbar-static:not(.rd-navbar--is-clone) { background: transparent; box-shadow: none; position: relative; z-index: 8; } body.cms-index-index .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.level0:before { color: #FFF; } body.cms-index-index .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.level0.active:before, body.cms-index-index .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.level0.opened:before, body.cms-index-index .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.level0.focus:before { color: #1E5792; } body.cms-index-index .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.level0 > a { color: #FFF; } body.cms-index-index .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.level0.active > a, body.cms-index-index .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.level0.opened > a, body.cms-index-index .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.level0.focus > a, body.cms-index-index .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.level0 > a:hover { color: #1E5792; } .rd-navbar.rd-navbar-static { margin-right: -40px; } @media (min-width: 1265px) { .rd-navbar.rd-navbar-static { margin-right: 0; } } @media (max-width: 1264px) { .rd-navbar.rd-navbar-static .page-header__content { padding-right: 50px; } } .rd-navbar.rd-navbar-static.rd-navbar--is-clone { transition: 0s 0s none; } .rd-navbar.rd-navbar-fixed { margin-right: -40px; } .rd-navbar.rd-navbar-fixed .page-header__content { padding-right: 50px; } .page-header { margin-bottom: 0; } .page-header .widget.block { margin-bottom: 0; } @media (min-width: 768px) { .page-header { position: relative; } } .page-header__content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; -moz-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; z-index: 2; } .page-header__content .welcome { font-style: italic; color: #1E5792; font-weight: 300; } .rd-navbar-static:not(.rd-navbar--is-clone) { box-shadow: 0 0 20px rgba(52, 52, 52, 0.2); } @media (min-width: 768px) { .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav-wrap { position: absolute; z-index: 3; top: 80px; bottom: 0; left: 50px; right: 50px; width: auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } } @media (min-width: 1200px) { .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav-wrap { top: 0; bottom: 0; left: 200px; right: 200px; } } .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav { width: auto; } .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li:before { transition: .3s ease; } .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.level0 > a { position: relative; color: #343434; } .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.level0 > a:before { content: ''; position: absolute; bottom: -15px; left: 50%; height: 2px; width: 0; margin-left: 0; background: #1E5792; transition: .4s ease; } .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li:not(.parent).opened > a:before, .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li:not(.parent) > a:hover:before { width: 48px; margin-left: -24px; transition: .2s ease; } .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.parent.active > a:before { width: 48px; margin-left: -24px; } .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.active:before, .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.opened:before, .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.focus:before { color: #1E5792; } .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.active > a, .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.opened > a, .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li.focus > a, .rd-navbar-static:not(.rd-navbar--is-clone) .rd-navbar-nav > li > a:hover { color: #1E5792; } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck .rd-navbar-panel { display: block; position: absolute; top: 0; right: 10px; bottom: 0; left: 5px; z-index: 1; } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck .rd-navbar-panel .page-header__content .welcome { display: none; } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck .rd-navbar-panel .page-header__content .logo-light { display: none; } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck .rd-navbar-panel .page-header__content { padding: 0; } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck .rd-navbar-panel .page-header__content .logo-dark { display: block; height: 58px; } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck .rd-navbar-panel .page-header__content .logo-dark img { height: 100%; width: initial; } .rd-navbar-static.rd-navbar--is-clone.rd-navbar--is-stuck .navigation { position: relative; z-index: 99; margin-left: 100px; margin-right: 100px; } .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav-wrap { padding: 20px 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; } .rd-navbar-static .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-megamenu { background: #FFF; box-shadow: 0 0 20px rgba(52, 52, 52, 0.5); } .rd-navbar-static.rd-navbar--is-clone .rd-navbar-nav > li > .rd-navbar-dropdown { top: 37px; } .rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-nav > li.level0 > a { font-size: 18px; line-height: 22px; padding: 0 3px; margin: 0 14px; font-weight: 700; text-transform: uppercase; } .rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-nav > li.active > a, .rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-nav > li.opened > a, .rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-nav > li.focus > a, .rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-nav > li > a:hover { color: #1E5792; } .rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-dropdown li.focus > a, .rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-dropdown li.opened > a, .rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-dropdown a:hover, .rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-megamenu li.focus > a, .rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-megamenu li.opened > a, .rd-navbar-static .rd-navbar-nav-wrap .rd-navbar-megamenu a:hover { color: #FFF; background: rgba(205, 163, 121, 0.8); } .page-header__panel { display: none; } .rd-navbar-fixed { box-shadow: 0 0 20px rgba(52, 52, 52, 0.5); } .rd-navbar-fixed .rd-navbar-nav li.active > a { background: rgba(205, 163, 121, 0.6); } .rd-navbar-fixed .switcher.currency, .rd-navbar-fixed .switcher.language { display: block; } @media (max-width: 479px) { .page-header__content .welcome { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; } } .header-switchers--device { display: block; } @media (min-width: 768px) { .header-switchers--device { display: none; } } .header-switchers--device .switcher { margin: 0; text-align: right; } .header-switchers--device .actions .action { background-color: transparent; color: #1b110d; transition: .3s ease; } .header-switchers--device .actions .action:hover, .header-switchers--device .actions .action.active { color: #1E5792; } .header-switchers--device .switcher .dropdown .mage-dropdown-dialog { width: 180px; left: auto; right: 0; } .header-switchers--device .switcher .dropdown .mage-dropdown-dialog a { color: #1b110d; } .header-switchers--device .switcher .dropdown .mage-dropdown-dialog a:hover { color: #FFF; background: #1E5792; } .cms-index-index .header-switchers--device .actions .action { color: #FFF; } .cms-index-index .header-switchers--device .actions .action:hover, .cms-index-index .header-switchers--device .actions .action.active { color: #1E5792; } /* * @section Main Content * @description This section holds specific style for Main Content */ body.cms-index-index .page-messages, body.catalog-category-view .page-messages { position: fixed; z-index: 9999; top: 95px; right: 52px; max-width: 85vw; } body.cms-index-index .page-messages .container, body.catalog-category-view .page-messages .container { min-width: initial; } .showcases { margin-right: -40px; } @media (min-width: 1260px) { .showcases { margin-right: 0; } } .showcases ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: 100%; } .showcases ul li { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; position: relative; } @media (min-width: 768px) { .showcases ul li { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } .showcases a { color: #FFF; } .showcases a:hover .showcases--text:before, .showcases a:hover .showcases--text:after { -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); transform: translate(0, 0); } .showcases a img { width: 100%; } .showcases--text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; overflow: hidden; } .showcases--text:before, .showcases--text:after { content: ''; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; transition: .3s ease; background: rgba(109, 80, 59, 0.4); } .showcases--text:before { -ms-transform: translate(-100%, -100%); -webkit-transform: translate(-100%, -100%); transform: translate(-100%, -100%); } .showcases--text:after { -ms-transform: translate(100%, 100%); -webkit-transform: translate(100%, 100%); transform: translate(100%, 100%); } .showcases--text span { font-family: "Montserrat", sans-serif; font-size: 5vw; line-height: 1; font-weight: 700; text-transform: uppercase; position: relative; z-index: 2; -webkit-transform: translateZ(0px); } @media (min-width: 992px) { .showcases--text span { font-size: 50px; } } .block-1 { margin-right: -40px; } @media (min-width: 1260px) { .block-1 { margin-right: 0; } } .block-1 ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .block-1 ul li { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; position: relative; } @media (min-width: 768px) { .block-1 ul li { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } .block-1--text { position: absolute; top: 0; right: 0; bottom: 0; left: 0; color: #FFF; text-align: center; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .block-1--text-1 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 6vw; line-height: 0.9; text-transform: uppercase; margin-bottom: 65px; } @media (min-width: 992px) { .block-1--text-1 { font-size: 60px; } } .block-1--text-2 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 16vw; line-height: 0.8; text-transform: uppercase; margin-bottom: 20px; } @media (min-width: 992px) { .block-1--text-2 { font-size: 160px; } } .block-1--text-3 { font-family: "Arizonia", cursive; font-weight: 400; font-size: 12vw; line-height: 0.8; text-transform: uppercase; margin-bottom: 25px; } @media (min-width: 992px) { .block-1--text-3 { font-size: 120px; } } .block-1--btn { background: transparent; border: 2px solid #FFF; position: relative; z-index: 0; } .block-1--btn a { font-family: "Montserrat", sans-serif; color: #FFF; font-size: 18px; line-height: 1; text-transform: uppercase; font-weight: 700; display: inline-block; text-align: center; padding: 5px; } @media (min-width: 992px) { .block-1--btn a { padding: 5px 10px; } } @media (min-width: 992px) { .block-1--btn a { padding: 10px 15px; } } @media (min-width: 1260px) { .block-1--btn a { padding: 19px 27px; } } .block-1--btn:before { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(109, 80, 59, 0.6); transform: scale(0); transition: .3s ease; } .block-1--btn:hover:before { transform: scale(1); } .block-2 { margin-right: -40px; } @media (min-width: 1260px) { .block-2 { margin-right: 0; margin-bottom: 60px; } } .block-2 ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .block-2 ul li { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; position: relative; } @media (min-width: 768px) { .block-2 ul li { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } .block-2--text { position: absolute; z-index: 0; top: 0; right: 0; bottom: 0; left: 0; color: #FFF; text-align: center; -webkit-backface-visibility: hidden; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .block-2--text:before { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(109, 80, 59, 0.6); transform: scale(0); transition: .4s ease; } .block-2--text:hover:before { transform: scale(1); transition: .2s ease; -webkit-backface-visibility: hidden; } .block-2--text-1 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 5vw; line-height: 0.9; text-transform: uppercase; margin-bottom: 20px; position: relative; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0px); } @media (min-width: 992px) { .block-2--text-1 { font-size: 50px; } } .block-2--text-2 { font-weight: 300; font-size: 16px; line-height: 1; text-transform: uppercase; position: relative; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0px); } @media (min-width: 992px) { .block-2--text-2 { font-size: 20px; } } .cms-index-index .widget.block-products-list { margin-bottom: 45px; } .cms-index-index .widget.block-products-list, .cms-index-index .widget.block-new-products { margin-top: 70px; } .cms-index-index .widget.block-products-list .block-title, .cms-index-index .widget.block-new-products .block-title { font-size: 20px; line-height: 1; color: #343434; text-transform: uppercase; text-align: center; margin-bottom: 40px; } .cms-index-index .widget.block-products-list .products-grid, .cms-index-index .widget.block-new-products .products-grid { padding-left: 0; padding-right: 0; } .cms-index-index .widget.block-products-list .product-item-photo, .cms-index-index .widget.block-new-products .product-item-photo { display: block; margin-bottom: 1.5rem; } .cms-index-index .widget.block-products-list .product-item-photo img, .cms-index-index .widget.block-new-products .product-item-photo img { background: #f7f7f7; } .cms-index-index .widget.block-products-list .product-item-name, .cms-index-index .widget.block-new-products .product-item-name { font-size: 16px; line-height: 21px; font-weight: 300; } .cms-index-index .widget.block-products-list .product-item-name a, .cms-index-index .widget.block-new-products .product-item-name a { color: #343434; } .cms-index-index .widget.block-products-list .product-item-name a:hover, .cms-index-index .widget.block-new-products .product-item-name a:hover { color: #1E5792; } .cms-index-index .widget.block-products-list .price-box, .cms-index-index .widget.block-new-products .price-box { margin-top: 4px; } .cms-index-index .widget.block-products-list .price-box .old-price, .cms-index-index .widget.block-new-products .price-box .old-price { margin-top: 4px; } .price-box { font-family: #343434; font-size: 20px; line-height: 1; font-weight: 700; color: #1E5792; } .price-box .price-label { display: none; } .price-box .old-price { font-family: "Ubuntu", sans-serif; font-weight: 300; font-size: 14px; display: inline-block; color: #999999; } .price-box .old-price .price-wrapper span { text-decoration: line-through; } .block-new-products .owl-controls, .block-products-list .owl-controls { top: -73px; } @media (max-width: 767px) { .block-new-products .owl-controls, .block-products-list .owl-controls { right: 0; left: 0; } .block-new-products .owl-controls .owl-next, .block-products-list .owl-controls .owl-next { position: absolute; top: 0; right: 0; } } @media (max-width: 992px) { .block-new-products .owl-controls, .block-products-list .owl-controls { top: -40px; } } @media (min-width: 1650px) { .block-new-products .owl-controls, .block-products-list .owl-controls { top: 50%; left: -200px; right: -200px; margin-top: -16px; } .block-new-products .owl-controls .owl-next, .block-products-list .owl-controls .owl-next { position: absolute; right: 0; } } .block-new-products .owl-controls .owl-prev:before, .block-new-products .owl-controls .owl-next:before, .block-products-list .owl-controls .owl-prev:before, .block-products-list .owl-controls .owl-next:before { color: #4f4f4f; font-family: 'Material Icons'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); font-size: 33px; line-height: 1; } .block-new-products .owl-controls .owl-prev:hover:before, .block-new-products .owl-controls .owl-next:hover:before, .block-products-list .owl-controls .owl-prev:hover:before, .block-products-list .owl-controls .owl-next:hover:before { color: #1E5792; } .block-new-products .owl-controls .owl-prev:before, .block-products-list .owl-controls .owl-prev:before { content: '\e314'; } .block-new-products .owl-controls .owl-next:before, .block-products-list .owl-controls .owl-next:before { content: '\e315'; } .block-new-products .product-item, .block-products-list .product-item, .block.upsell .product-item, .block.related .product-item { max-width: none; } @media (max-width: 768px) { .products-crosssell .owl-wrapper-outer { padding-bottom: 30px; } } .add-info { margin-right: -40px; } @media (min-width: 1260px) { .add-info { margin-right: 0; } } .add-info ul { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; -webkit-align-items: stretch; -moz-align-items: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; width: 100%; } .add-info ul li { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; position: relative; } @media (min-width: 480px) { .add-info ul li { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 768px) { .add-info ul li { -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } @media (min-width: 992px) { .add-info ul li { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; } } @media (min-width: 1200px) { .add-info ul li { -webkit-flex-basis: 25%; -moz-flex-basis: 25%; -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; } } .add-info img { width: 100%; } .add-info--content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; overflow: hidden; padding: 2vw; color: #FFF; background: rgba(109, 80, 59, 0.9); transition: .3s ease; } @media (min-width: 1600px) { .add-info--content { padding: 95px 50px 60px 65px; } } .add-info--content span { width: 100%; } .add-info--content:hover { opacity: 1; transition: .2s ease; } .add-info--content:hover .add-info--title { margin-top: 0; transition: .2s .1s ease; } .add-info--content:hover .add-info--text { margin-top: 15px; transition: .2s ease; } .add-info--content:hover .add-info--link { opacity: 1; } @media (max-width: 767px) { .add-info--content { display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; -moz-align-items: center; align-items: center; } .add-info--content .add-info--title, .add-info--content .add-info--text { text-align: center; } } .add-info--title { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 14px; line-height: 1; text-transform: uppercase; text-align: left; margin-bottom: 10px; transition: .2s ease; } @media (min-width: 480px) { .add-info--title { font-size: 16px; } } @media (min-width: 768px) { .add-info--title { font-size: 18px; margin-bottom: 20px; margin-top: -150px; line-height: 0.9; } } @media (min-width: 992px) { .add-info--title { font-size: 20px; } } .add-info--text { font-size: 12px; text-align: left; margin-bottom: 10px; padding-left: 45px; padding-right: 45px; transition: .2s ease; display: none; } @media (min-width: 600px) { .add-info--text { display: block; } } @media (min-width: 768px) { .add-info--text { margin-top: -100px; font-size: 12px; margin-bottom: 0; padding-left: 0; } } @media (min-width: 992px) { .add-info--text { font-size: 14px; } } @media (min-width: 1200px) { .add-info--text { font-size: 12px; line-height: 1.2em; } } @media (min-width: 1265px) { .add-info--text { font-size: 14px; padding-right: 0; } } @media (min-width: 1400px) { .add-info--text { font-size: 14px; } } @media (max-width: 991px) { .add-info--text { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } } .add-info--link { font-weight: 700; font-size: 14px; line-height: 0.8; text-transform: uppercase; color: #FFF; opacity: 0; transition: .2s ease; text-decoration: underline; } @media (min-width: 768px) { .add-info--link { font-size: 16px; position: absolute; left: 2vw; bottom: 2vw; text-decoration: none; } } @media (min-width: 1600px) { .add-info--link { left: 65px; bottom: 60px; } } .add-info--link:hover { color: #1b110d; } .homepage-newsletter-2 { margin: 2rem -40px 0 0; padding: 0 4vw; } @media (min-width: 768px) { .homepage-newsletter-2 { margin: 70px auto 0; max-width: 695px; padding: 0; } } .homepage-newsletter-2 .newsletter-text { text-align: center; max-width: 425px; margin: 0 auto 20px; } @media (max-width: 500px) { .homepage-newsletter-2 .newsletter-text { margin-bottom: 40px; } } .homepage-newsletter-2 .newsletter-text > span { display: block; width: 100%; } .homepage-newsletter-2 .newsletter-text--title { font-size: 20px; line-height: 1; font-weight: 700; text-transform: uppercase; color: #1b110d; margin-bottom: 33px; } .homepage-newsletter-2 .newsletter-text--txt { color: #999999; } .homepage-newsletter-2 .block.newsletter { margin: 0 auto 2rem; } @media (min-width: 768px) { .homepage-newsletter-2 .block.newsletter { margin: 0 auto 70px; } } .homepage-newsletter-2 .block.newsletter form:before, .homepage-newsletter-2 .block.newsletter form:after { display: table; content: ""; line-height: 0; } .homepage-newsletter-2 .block.newsletter form:after { clear: both; } @media (min-width: 768px) { .homepage-newsletter-2 .block.newsletter form > div { float: left; } } .homepage-newsletter-2 .block.newsletter form .newsletter { width: 100%; height: 100%; margin-bottom: 0; } @media (min-width: 768px) { .homepage-newsletter-2 .block.newsletter form .newsletter { width: 550px; } } .homepage-newsletter-2 .block.newsletter form .newsletter form.subscribe { position: relative; } .homepage-newsletter-2 .block.newsletter form .newsletter input { width: 100%; height: 50px; background-color: transparent; border: 1px solid #ecebeb; color: #1E5792; font-size: 14px; line-height: 18px; padding: 15px 1rem; } .homepage-newsletter-2 .block.newsletter form .newsletter input::-webkit-input-placeholder { color: #1E5792; } .homepage-newsletter-2 .block.newsletter form .newsletter input:-moz-placeholder { color: #1E5792; } .homepage-newsletter-2 .block.newsletter form .newsletter input::-moz-placeholder { color: #1E5792; } .homepage-newsletter-2 .block.newsletter form .newsletter input:-ms-input-placeholder { color: #1E5792; } .homepage-newsletter-2 .block.newsletter form .newsletter input:focus::-webkit-input-placeholder { opacity: .5; } .homepage-newsletter-2 .block.newsletter form .newsletter input:focus::-moz-placeholder { opacity: .5; } .homepage-newsletter-2 .block.newsletter form .newsletter input:focus:-moz-placeholder { opacity: .5; } .homepage-newsletter-2 .block.newsletter form .newsletter input:focus:-ms-input-placeholder { opacity: .5; } .homepage-newsletter-2 .block.newsletter form .newsletter div.mage-error { position: absolute; z-index: -1; left: 0; top: 100%; margin-top: 10px; border: solid 1px #dadada; background: #fff; border-radius: 7px; z-index: 9; } .homepage-newsletter-2 .block.newsletter form .actions { width: 130px; height: 100%; margin: 35px 0 0; float: right; } @media (min-width: 768px) { .homepage-newsletter-2 .block.newsletter form .actions { margin: 0 0 0 15px; } } .homepage-newsletter-2 .block.newsletter form .actions button { width: 100%; font-size: 16px; line-height: 50px; font-weight: 700; text-transform: uppercase; background: #1b110d; padding-top: 0; padding-bottom: 0; transition: .3s ease; } .homepage-newsletter-2 .block.newsletter form .actions button:hover { background: #1E5792; } /* * @section Products Listing * @description This section holds specific style for Product Listing */ .breadcrumbs { margin-top: 30px; } .breadcrumbs .items .item { font-size: 14px; line-height: 16px; } .breadcrumbs .items .item strong { font-weight: 300; color: #1E5792; } .breadcrumbs .items .item:before { font-family: 'Material Icons'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: '\e5cc'; color: #999999; } .breadcrumbs li.item.home a { text-indent: -9999px; height: 16px; width: 30px; display: inline-block; position: relative; color: #999999; } .breadcrumbs li.item.home a:before { font-family: 'Material Icons'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: '\e88a'; font-size: 22px; line-height: 16px; text-indent: 0; position: absolute; top: 0; left: 0; height: 16px; width: 30px; } .breadcrumbs li.item.home a:hover { color: #1E5792; } .catalogsearch-advanced-result .toolbar { display: none; } .catalog-category-view .page-title-wrapper h1, .catalogsearch-result-index .page-title-wrapper h1 { margin: 0; } .catalog-category-view img, .catalogsearch-result-index img { width: 100%; } @media (min-width: 1200px) { .catalog-category-view .grid-left > div, .catalogsearch-result-index .grid-left > div { padding-right: 80px; } } @media (max-width: 520px) { .catalog-category-view .toolbar-products, .catalogsearch-result-index .toolbar-products { padding-left: 10px; } } .catalog-category-view .toolbar-products:last-child .action.filter-toggle, .catalog-category-view .toolbar-products:last-child .modes, .catalog-category-view .toolbar-products:last-child .toolbar-sorter, .catalog-category-view .toolbar-products:last-child .toolbar-amount, .catalog-category-view .toolbar-products:last-child .limiter, .catalogsearch-result-index .toolbar-products:last-child .action.filter-toggle, .catalogsearch-result-index .toolbar-products:last-child .modes, .catalogsearch-result-index .toolbar-products:last-child .toolbar-sorter, .catalogsearch-result-index .toolbar-products:last-child .toolbar-amount, .catalogsearch-result-index .toolbar-products:last-child .limiter { display: none; } .catalog-category-view .toolbar-products:last-child .pages, .catalogsearch-result-index .toolbar-products:last-child .pages { display: block; } .catalog-category-view .toolbar-products .action.filter-toggle, .catalogsearch-result-index .toolbar-products .action.filter-toggle { -webkit-box-ordinal-group: 2; -webkit-order: 1; -moz-order: 1; -ms-flex-order: 1; order: 1; background: transparent; color: #343434; text-transform: uppercase; font-weight: 700; position: relative; z-index: 0; margin-bottom: 10px; } @media (min-width: 480px) { .catalog-category-view .toolbar-products .action.filter-toggle, .catalogsearch-result-index .toolbar-products .action.filter-toggle { border: 2px solid #343434; } } @media (max-width: 479px) { .catalog-category-view .toolbar-products .action.filter-toggle, .catalogsearch-result-index .toolbar-products .action.filter-toggle { overflow: hidden; text-indent: -9999px; height: 46px; margin-bottom: 0; } .catalog-category-view .toolbar-products .action.filter-toggle > span, .catalogsearch-result-index .toolbar-products .action.filter-toggle > span { display: none; } } .catalog-category-view .toolbar-products .action.filter-toggle:before, .catalogsearch-result-index .toolbar-products .action.filter-toggle:before { content: ''; position: absolute; z-index: -1; top: 0; right: 0; bottom: 0; left: 0; background: rgba(205, 163, 121, 0.4); transform: scale(0); transition: .3s ease; } @media (max-width: 479px) { .catalog-category-view .toolbar-products .action.filter-toggle:before, .catalogsearch-result-index .toolbar-products .action.filter-toggle:before { display: none; } } .catalog-category-view .toolbar-products .action.filter-toggle:after, .catalogsearch-result-index .toolbar-products .action.filter-toggle:after { font-family: 'FontAwesome'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: '\f0b0'; font-size: 26px; line-height: 26px; display: block; text-indent: 0; } @media (min-width: 480px) { .catalog-category-view .toolbar-products .action.filter-toggle:after, .catalogsearch-result-index .toolbar-products .action.filter-toggle:after { display: none; } } .catalog-category-view .toolbar-products .action.filter-toggle:hover:before, .catalogsearch-result-index .toolbar-products .action.filter-toggle:hover:before { transform: scale(1); } @media (min-width: 768px) { .catalog-category-view .toolbar-products .action.filter-toggle, .catalogsearch-result-index .toolbar-products .action.filter-toggle { display: none; } } @media (max-width: 767px) { .catalog-category-view .toolbar-products .action.filter-toggle, .catalogsearch-result-index .toolbar-products .action.filter-toggle { -webkit-flex-basis: 10%; -moz-flex-basis: 10%; -ms-flex-preferred-size: 10%; flex-basis: 10%; } } .catalog-category-view .toolbar-products .modes, .catalogsearch-result-index .toolbar-products .modes { -webkit-box-ordinal-group: 3; -webkit-order: 2; -moz-order: 2; -ms-flex-order: 2; order: 2; -webkit-flex-basis: 11%; -moz-flex-basis: 11%; -ms-flex-preferred-size: 11%; flex-basis: 11%; margin: 0; height: 50px; padding: 13px 0; } @media (max-width: 1300px) { .catalog-category-view .toolbar-products .modes, .catalogsearch-result-index .toolbar-products .modes { -webkit-flex-basis: 12%; -moz-flex-basis: 12%; -ms-flex-preferred-size: 12%; flex-basis: 12%; } } @media (max-width: 1199px) { .catalog-category-view .toolbar-products .modes, .catalogsearch-result-index .toolbar-products .modes { -webkit-flex-basis: 12%; -moz-flex-basis: 12%; -ms-flex-preferred-size: 12%; flex-basis: 12%; } } @media (max-width: 991px) { .catalog-category-view .toolbar-products .modes, .catalogsearch-result-index .toolbar-products .modes { -webkit-flex-basis: 17%; -moz-flex-basis: 17%; -ms-flex-preferred-size: 17%; flex-basis: 17%; } } @media (max-width: 767px) { .catalog-category-view .toolbar-products .modes, .catalogsearch-result-index .toolbar-products .modes { -webkit-flex-basis: 79%; -moz-flex-basis: 79%; -ms-flex-preferred-size: 79%; flex-basis: 79%; } } .catalog-category-view .toolbar-products .modes strong, .catalogsearch-result-index .toolbar-products .modes strong { font-weight: 400; } .catalog-category-view .toolbar-products .modes .modes-mode, .catalogsearch-result-index .toolbar-products .modes .modes-mode { font-size: 24px; line-height: 1; color: #cecece; } .catalog-category-view .toolbar-products .modes .modes-mode:before, .catalogsearch-result-index .toolbar-products .modes .modes-mode:before { font-family: 'material-design'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .catalog-category-view .toolbar-products .modes .modes-mode.active, .catalogsearch-result-index .toolbar-products .modes .modes-mode.active { color: #1E5792; } .catalog-category-view .toolbar-products .modes .mode-grid:before, .catalogsearch-result-index .toolbar-products .modes .mode-grid:before { content: '\e180'; } .catalog-category-view .toolbar-products .modes .mode-list:before, .catalogsearch-result-index .toolbar-products .modes .mode-list:before { content: '\e190'; } .catalog-category-view .toolbar-products .toolbar-sorter, .catalogsearch-result-index .toolbar-products .toolbar-sorter { -webkit-box-ordinal-group: 4; -webkit-order: 3; -moz-order: 3; -ms-flex-order: 3; order: 3; -webkit-flex-basis: 30%; -moz-flex-basis: 30%; -ms-flex-preferred-size: 30%; flex-basis: 30%; margin: 0; height: 50px; } .catalog-category-view .toolbar-products .toolbar-sorter:before, .catalog-category-view .toolbar-products .toolbar-sorter:after, .catalogsearch-result-index .toolbar-products .toolbar-sorter:before, .catalogsearch-result-index .toolbar-products .toolbar-sorter:after { display: table; content: ""; line-height: 0; } .catalog-category-view .toolbar-products .toolbar-sorter:after, .catalogsearch-result-index .toolbar-products .toolbar-sorter:after { clear: both; } @media (max-width: 1300px) { .catalog-category-view .toolbar-products .toolbar-sorter, .catalogsearch-result-index .toolbar-products .toolbar-sorter { -webkit-flex-basis: 31%; -moz-flex-basis: 31%; -ms-flex-preferred-size: 31%; flex-basis: 31%; } } @media (max-width: 1199px) { .catalog-category-view .toolbar-products .toolbar-sorter, .catalogsearch-result-index .toolbar-products .toolbar-sorter { -webkit-flex-basis: 62%; -moz-flex-basis: 62%; -ms-flex-preferred-size: 62%; flex-basis: 62%; } } @media (max-width: 1199px) { .catalog-category-view .toolbar-products .toolbar-sorter, .catalogsearch-result-index .toolbar-products .toolbar-sorter { -webkit-flex-basis: 44%; -moz-flex-basis: 44%; -ms-flex-preferred-size: 44%; flex-basis: 44%; } } @media (max-width: 767px) { .catalog-category-view .toolbar-products .toolbar-sorter, .catalogsearch-result-index .toolbar-products .toolbar-sorter { -webkit-flex-basis: 54%; -moz-flex-basis: 54%; -ms-flex-preferred-size: 54%; flex-basis: 54%; } } @media (max-width: 520px) { .catalog-category-view .toolbar-products .toolbar-sorter, .catalogsearch-result-index .toolbar-products .toolbar-sorter { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 10px; } } .catalog-category-view .toolbar-products .toolbar-sorter label.label, .catalogsearch-result-index .toolbar-products .toolbar-sorter label.label { display: none; } .catalog-category-view .toolbar-products .toolbar-sorter .control, .catalogsearch-result-index .toolbar-products .toolbar-sorter .control { width: 176px; float: left; } .catalog-category-view .toolbar-products .toolbar-sorter .control, .catalog-category-view .toolbar-products .toolbar-sorter select, .catalogsearch-result-index .toolbar-products .toolbar-sorter .control, .catalogsearch-result-index .toolbar-products .toolbar-sorter select { height: 100%; } .catalog-category-view .toolbar-products .toolbar-sorter select, .catalogsearch-result-index .toolbar-products .toolbar-sorter select { background: #FFF; } .catalog-category-view .toolbar-products .toolbar-sorter select:focus, .catalogsearch-result-index .toolbar-products .toolbar-sorter select:focus { outline-color: #1E5792; } .catalog-category-view .toolbar-products .toolbar-sorter .sorter-action, .catalogsearch-result-index .toolbar-products .toolbar-sorter .sorter-action { width: 50px; height: 50px; margin: 0; padding: 0; float: left; position: relative; } .catalog-category-view .toolbar-products .toolbar-sorter .sorter-action:before, .catalogsearch-result-index .toolbar-products .toolbar-sorter .sorter-action:before { font-family: 'material-design'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: '\e038'; font-size: 24px; line-height: 50px; color: #343434; position: absolute; top: 0; right: 0; left: 0; bottom: 0; text-align: center; } .catalog-category-view .toolbar-products .toolbar-sorter .sorter-action:hover:before, .catalogsearch-result-index .toolbar-products .toolbar-sorter .sorter-action:hover:before { color: #1E5792; } .catalog-category-view .toolbar-products .toolbar-sorter .sorter-action.sort-desc, .catalogsearch-result-index .toolbar-products .toolbar-sorter .sorter-action.sort-desc { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .catalog-category-view .toolbar-products .toolbar-amount, .catalogsearch-result-index .toolbar-products .toolbar-amount { -webkit-box-ordinal-group: 5; -webkit-order: 4; -moz-order: 4; -ms-flex-order: 4; order: 4; -webkit-flex-basis: 38%; -moz-flex-basis: 38%; -ms-flex-preferred-size: 38%; flex-basis: 38%; margin: 0; height: 50px; line-height: 50px; color: #1E5792; } @media (max-width: 1300px) { .catalog-category-view .toolbar-products .toolbar-amount, .catalogsearch-result-index .toolbar-products .toolbar-amount { -webkit-flex-basis: 36%; -moz-flex-basis: 36%; -ms-flex-preferred-size: 36%; flex-basis: 36%; } } @media (max-width: 1199px) { .catalog-category-view .toolbar-products .toolbar-amount, .catalogsearch-result-index .toolbar-products .toolbar-amount { display: none; } } .catalog-category-view .toolbar-products .limiter, .catalogsearch-result-index .toolbar-products .limiter { -webkit-box-ordinal-group: 6; -webkit-order: 5; -moz-order: 5; -ms-flex-order: 5; order: 5; -webkit-flex-basis: 20%; -moz-flex-basis: 20%; -ms-flex-preferred-size: 20%; flex-basis: 20%; margin: 0; height: 50px; } @media (max-width: 1300px) { .catalog-category-view .toolbar-products .limiter, .catalogsearch-result-index .toolbar-products .limiter { -webkit-flex-basis: 21%; -moz-flex-basis: 21%; -ms-flex-preferred-size: 21%; flex-basis: 21%; } } @media (max-width: 1199px) { .catalog-category-view .toolbar-products .limiter, .catalogsearch-result-index .toolbar-products .limiter { -webkit-flex-basis: 23%; -moz-flex-basis: 23%; -ms-flex-preferred-size: 23%; flex-basis: 23%; } } @media (max-width: 1199px) { .catalog-category-view .toolbar-products .limiter, .catalogsearch-result-index .toolbar-products .limiter { -webkit-flex-basis: 31%; -moz-flex-basis: 31%; -ms-flex-preferred-size: 31%; flex-basis: 31%; } } @media (max-width: 767px) { .catalog-category-view .toolbar-products .limiter, .catalogsearch-result-index .toolbar-products .limiter { -webkit-flex-basis: 41%; -moz-flex-basis: 41%; -ms-flex-preferred-size: 41%; flex-basis: 41%; } } @media (max-width: 520px) { .catalog-category-view .toolbar-products .limiter, .catalogsearch-result-index .toolbar-products .limiter { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; margin-bottom: 10px; } } @media (max-width: 480px) { .catalog-category-view .toolbar-products .limiter label.label, .catalogsearch-result-index .toolbar-products .limiter label.label { display: none; } } .catalog-category-view .toolbar-products .limiter .control, .catalogsearch-result-index .toolbar-products .limiter .control { width: 85px; } .catalog-category-view .toolbar-products .limiter .control, .catalog-category-view .toolbar-products .limiter select, .catalogsearch-result-index .toolbar-products .limiter .control, .catalogsearch-result-index .toolbar-products .limiter select { height: 100%; } .catalog-category-view .toolbar-products .limiter select, .catalogsearch-result-index .toolbar-products .limiter select { background: #FFF; } .catalog-category-view .toolbar-products .limiter select:focus, .catalogsearch-result-index .toolbar-products .limiter select:focus { outline-color: #1E5792; } .catalog-category-view .toolbar-products .pages, .catalogsearch-result-index .toolbar-products .pages { -webkit-box-ordinal-group: 7; -webkit-order: 6; -moz-order: 6; -ms-flex-order: 6; order: 6; -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; text-align: center; display: none; position: relative; padding-bottom: 10px; } .catalog-category-view .toolbar-products .pages .pages-label, .catalogsearch-result-index .toolbar-products .pages .pages-label { display: none; } .catalog-category-view .toolbar-products .pages .pages-items, .catalogsearch-result-index .toolbar-products .pages .pages-items { -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; display: inline-block; background-color: transparent; width: auto; padding: 0; position: relative; top: auto; right: auto; bottom: auto; left: auto; float: none; } .catalog-category-view .toolbar-products .pages .pages-items:before, .catalog-category-view .toolbar-products .pages .pages-items:after, .catalogsearch-result-index .toolbar-products .pages .pages-items:before, .catalogsearch-result-index .toolbar-products .pages .pages-items:after { display: table; content: ""; line-height: 0; } .catalog-category-view .toolbar-products .pages .pages-items:after, .catalogsearch-result-index .toolbar-products .pages .pages-items:after { clear: both; } @media (max-width: 520px) { .catalog-category-view .toolbar-products .pages .pages-items, .catalogsearch-result-index .toolbar-products .pages .pages-items { right: auto; left: 10px; } } .catalog-category-view .toolbar-products .pages .pages-items:before, .catalogsearch-result-index .toolbar-products .pages .pages-items:before { display: none; width: 0; height: 0; } .catalog-category-view .toolbar-products .pages .pages-items li, .catalogsearch-result-index .toolbar-products .pages .pages-items li { float: left; margin-left: 4px; } .catalog-category-view .products-grid .product-items, .catalogsearch-result-index .products-grid .product-items { margin-left: -15px; margin-right: -15px; } .catalog-category-view .products-grid .product-item, .catalogsearch-result-index .products-grid .product-item { -webkit-flex-basis: 100%; -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; margin-bottom: 5rem; } @media (min-width: 521px) { .catalog-category-view .products-grid .product-item, .catalogsearch-result-index .products-grid .product-item { -webkit-flex-basis: 50%; -moz-flex-basis: 50%; -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (min-width: 1200px) { .catalog-category-view .products-grid .product-item, .catalogsearch-result-index .products-grid .product-item { margin-bottom: 4rem; } } .catalog-category-view .products-list .price-box, .catalogsearch-result-index .products-list .price-box { margin-top: 0; margin-bottom: 10px; } .catalog-category-view .swatch-option, .catalogsearch-result-index .swatch-option { min-width: 20px; min-height: 20px; border-color: rgba(0, 0, 0, 0.05); padding: 7px 10px; font-size: 10px; line-height: 10px; } .catalog-category-view .swatch-option.color, .catalogsearch-result-index .swatch-option.color { height: 20px; width: 20px; padding: 0; } .products-grid .rating-summary .label { display: none; } .products-grid .rating-summary .rating-result__stars span { font-size: 15px; line-height: 15px; } .products-grid .products .product-item .reviews-actions { display: none; } .catalog-category-view .products-list .price-box { margin-bottom: 15px; } .catalog-category-view .products-list .product-reviews-summary { margin-bottom: 15px; } .products-grid .products-grid .product-item-photo, .products-list .products-grid .product-item-photo { display: block; background: #f7f7f7; } .products-grid .product-item-link, .products-list .product-item-link { font-size: 16px; line-height: 21px; font-weight: 300; color: #343434; display: inline-block; margin-bottom: 4px; -webkit-transform: translateZ(0px); } .products-grid .product-item-link:hover, .products-list .product-item-link:hover { color: #1E5792; } .products-grid .price-box, .products-list .price-box { margin-top: 4px; font-size: 20px; line-height: 1; font-weight: 700; -webkit-transform: translateZ(0px); -webkit-backface-visibility: hidden; } .products-grid .price-box .price-label, .products-list .price-box .price-label { display: none; } .products-grid .price-box .old-price, .products-list .price-box .old-price { font-family: "Ubuntu", sans-serif; font-weight: 300; font-size: 14px; display: inline-block; margin-top: 4px; } .products-grid .price-box span, .products-grid .price-box a, .products-list .price-box span, .products-list .price-box a { -webkit-transform: translateZ(0px); -webkit-backface-visibility: hidden; } .products-list .price-box .old-price { margin-top: 2px; margin-left: 4px; } .products-grid .products .product-item .product-item-actions { margin-bottom: 0; } .products-grid .products .product-item .product-item-actions .actions-primary, .products-grid .products .product-item .product-item-actions .actions-secondary { margin-bottom: 0; } .products-grid .product-item-details { position: relative; } .products-grid .product-item-details .product-item-actions { padding-top: 20px; } .products-grid .product-item-details .product-item-inner, .products-grid .product-item-details .product-item-actions { position: absolute; left: 0; right: 0; transition: .4s ease; top: 100%; opacity: 1; z-index: 0; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; -moz-justify-content: flex-start; justify-content: flex-start; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1200px) { .products-grid .product-item-details .product-item-inner, .products-grid .product-item-details .product-item-actions { z-index: -1; opacity: 0; top: 110%; } } .products-grid .product-item:hover .product-item-details .product-item-inner, .products-grid .product-item:hover .product-item-details .product-item-actions { top: 100%; opacity: 1; transition: .2s ease; z-index: 0; } .products-list .product-item .product-item-details .product-item-inner, .products-list .product-item .product-item-details .product-item-actions { padding-top: 20px; } .actions-primary { height: 23px; } .actions-primary .tocart { display: inline-block; height: 23px; background-color: transparent; padding: 0 5px; font-size: 16px; line-height: 23px; font-weight: 700; text-transform: uppercase; color: #343434; transition: .3s ease; } .actions-primary .tocart:hover { color: #1E5792; background-color: transparent; } .actions-secondary { height: 23px; } .actions-secondary .action { display: inline-block; height: 23px; background-color: transparent; padding: 0 5px; font-size: 23px; line-height: 23px; color: #cecece; } .actions-secondary .action:before { font-family: 'Material Icons'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); } .actions-secondary .action:hover { color: #343434; background-color: transparent; } .actions-secondary .action.towishlist:before { content: '\e87e'; } .actions-secondary .action.tocompare:before { content: '\e043'; } .products-grid .products-list .product-item-info { margin-left: 0; margin-right: 0; } .products-list .product-item-description .action.more { text-decoration: underline; margin-left: 4px; } .products-list .product-reviews-summary .rating-summary span.label { display: none; } @media (min-width: 1200px) { .block-new-products:hover .block-content .owl-wrapper-outer, .block-products-list:hover .block-content .owl-wrapper-outer { margin-bottom: -100px; padding-bottom: 100px; } } @media (min-width: 1650px) { .block-new-products:hover .block-content .owl-controls, .block-products-list:hover .block-content .owl-controls { margin-top: -66px; } } .owl-wrapper-outer { z-index: 2; } @media (max-width: 1199px) { .owl-wrapper-outer { padding-bottom: 30px; } } @media (max-width: 1199px) { .owl-carousel { margin-bottom: -30px; } } .swatch-option-tooltip .corner, .swatch-option-tooltip-layered .corner { bottom: 0; height: 0; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:before, .swatch-option-tooltip-layered .corner:after { position: absolute; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before { top: 1px; left: 50%; border-width: 8px 8px 0 8px; } .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { top: 0; left: 50%; margin-left: 1px; border-width: 7px 7px 0 7px; } .swatch-attribute:not(.color) .swatch-option.text { border: none; background: #f7f7f7; font-size: 14px; line-height: 20px; color: #1b110d; } .swatch-attribute:not(.color) .swatch-option.text.selected, .swatch-attribute:not(.color) .swatch-option.text:hover:not(.disabled) { border: none; outline: none; background: #1b110d !important; color: #FFF; } body.catalog-category-view #layered-filter-block .filter-subtitle, body.catalogsearch-result-index .filter-subtitle { display: none; } body.catalog-category-view #layered-filter-block .filter-current--wrapper, body.catalogsearch-result-index .filter-current--wrapper { padding: 1vw; border: 1px solid #ecebeb; margin-bottom: 30px; } @media (min-width: 1200px) { body.catalog-category-view #layered-filter-block .filter-current--wrapper, body.catalogsearch-result-index .filter-current--wrapper { padding: 25px; } } body.catalog-category-view #layered-filter-block .filter-current--wrapper .filter-actions, body.catalogsearch-result-index .filter-current--wrapper .filter-actions { margin-top: 30px; margin-bottom: 10px; } body.catalog-category-view #layered-filter-block .filter-current--wrapper .filter-actions a, body.catalogsearch-result-index .filter-current--wrapper .filter-actions a { font-size: 14px; line-height: 14px; font-weight: 700; color: #FFF; background: #1b110d; text-transform: uppercase; padding: 10px 10px; } body.catalog-category-view #layered-filter-block .filter-current--wrapper .filter-actions a:hover, body.catalogsearch-result-index .filter-current--wrapper .filter-actions a:hover { background: #1E5792; } body.catalog-category-view #layered-filter-block .filter-current-subtitle, body.catalogsearch-result-index .filter-current-subtitle { font-size: 16px; line-height: 18px; font-weight: 700; text-transform: uppercase; color: #1E5792; padding-left: 0; cursor: auto; } body.catalog-category-view #layered-filter-block .filter-current-subtitle:before, body.catalogsearch-result-index .filter-current-subtitle:before { display: none !important; } body.catalog-category-view #layered-filter-block .filter-options-item, body.catalogsearch-result-index .filter-options-item { padding-bottom: 20px; margin-bottom: 22px; border-bottom: 1px solid #ecebeb; } body.catalog-category-view #layered-filter-block .filter-options-item .filter-options-title, body.catalog-category-view #layered-filter-block .filter-options-item .filter-options-content, body.catalogsearch-result-index .filter-options-item .filter-options-title, body.catalogsearch-result-index .filter-options-item .filter-options-content { margin-bottom: 0; } body.catalog-category-view #layered-filter-block .filter-options-item .swatch-attribute-options, body.catalogsearch-result-index .filter-options-item .swatch-attribute-options { margin-top: 8px; } body.catalog-category-view #layered-filter-block .filter-current li.item, body.catalogsearch-result-index .filter-current li.item { position: relative; padding-right: 20px; } body.catalog-category-view #layered-filter-block .filter-current li.item a.remove, body.catalogsearch-result-index .filter-current li.item a.remove { position: absolute; top: 0; right: 0; font-size: 18px; color: #cecece; } body.catalog-category-view #layered-filter-block .filter-current li.item a.remove:before, body.catalogsearch-result-index .filter-current li.item a.remove:before { font-family: 'material-design'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: '\e054'; } body.catalog-category-view #layered-filter-block .filter-current li.item a.remove:hover, body.catalogsearch-result-index .filter-current li.item a.remove:hover { color: #1E5792; } body.catalog-category-view #layered-filter-block .filter-title, body.catalogsearch-result-index .filter-title { margin-top: 0; margin-bottom: 27px; font-size: 20px; line-height: 1.5em; font-weight: 700; text-transform: uppercase; color: #343434; } body.catalog-category-view #layered-filter-block .filter-subtitle, body.catalogsearch-result-index .filter-subtitle { font-size: 16px; line-height: 1; text-transform: uppercase; } .catalog-category-view .filter-options .filter-options-title, body.catalogsearch-result-index .filter-options .filter-options-title { font-size: 16px; line-height: 18px; font-weight: 700; text-transform: uppercase; color: #1E5792; padding-left: 0; display: block; margin-bottom: 20px; } .catalog-category-view .filter-options .filter-options-title:hover, body.catalogsearch-result-index .filter-options .filter-options-title:hover { color: #1b110d; } .catalog-category-view .filter-options .filter-options-title:before, body.catalogsearch-result-index .filter-options .filter-options-title:before { left: auto; right: 0; font-family: 'Material Icons'; font-weight: 400; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); content: '\e315'; } .catalog-category-view .filter-options .active .filter-options-title:before, body.catalogsearch-result-index .filter-options .active .filter-options-title:before { content: '\e313'; } .catalog-category-view .filter-options li, body.catalogsearch-result-index .filter-options li { margin-top: 20px; } .catalog-category-view .filter-options li a, body.catalogsearch-result-index .filter-options li a { color: #999; } .catalog-category-view .filter-options li a:hover, body.catalogsearch-result-index .filter-options li a:hover { color: #343434; } .catalog-category-view .filter-options .filter-count-label, body.catalogsearch-result-index .filter-options .filter-count-label { display: none; } .catalog-category-view .filter-options .filter-options-content .swatch-option, body.catalogsearch-result-index .filter-options .filter-options-content .swatch-option { background: #f7f7f7; color: #777777; } .catalog-category-view .filter-options .filter-options-content .swatch-option-link-layered:hover .swatch-option, body.catalogsearch-result-index .filter-options .filter-options-content .swatch-option-link-layered:hover .swatch-option { background: #1E5792; color: #FFF; border-color: #dadada; outline-color: transparent; } .filter-options-content .count { font-style: normal; } .block-compare .actions-toolbar { -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .block-compare .actions-toolbar a { margin-bottom: 4px; } #wishlist-sidebar .btn-remove { padding-left: 0; } .products-crosssell .product-item-actions { padding-top: 15px; } .checkout-cart-index .crosssell { margin-top: 30px; } .checkout-cart-index .crosssell .products-crosssell .product-item { max-width: 100%; } .checkout-cart-index .crosssell .products-crosssell .owl-controls .owl-next:hover::before, .checkout-cart-index .crosssell .products-crosssell .owl-controls .owl-prev:hover::before { color: #1E5792; } .checkout-cart-index .cart-summary { border-top: 1px solid #dadada; margin-top: 10px; } @media (min-width: 768px) { .checkout-cart-index .cart-summary { border-left: 1px solid #dadada; border-top: none; margin-top: 0; } } .checkout-cart-index .cart.actions.main { margin: 10px 0 0; padding-top: 10px; border-top: 1px solid #dadada; } .checkout-cart-index .cart.actions.main:before, .checkout-cart-index .cart.actions.main:after { display: table; content: ""; line-height: 0; } .checkout-cart-index .cart.actions.main:after { clear: both; } @media (max-width: 1199px) { .checkout-cart-index .cart.actions.main > a, .checkout-cart-index .cart.actions.main > button { float: left; margin-bottom: 5px; } } .checkout-cart-index .cart .product-item-name { padding-left: 7px; } @media (max-width: 767px) { .checkout-cart-index .items.methods, .checkout-cart-index .actions-toolbar { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; -moz-align-items: flex-start; align-items: flex-start; } } @media (max-width: 767px) { .checkout-cart-index .actions-toolbar > a { margin-bottom: 5px; margin-right: 5px; display: inline-block; -webkit-flex-basis: auto; -moz-flex-basis: auto; -ms-flex-preferred-size: auto; flex-basis: auto; } } /* * @section Footer * @description This section holds specific style for Footer */ #footer-col-wrapper { font-size: 14px; line-height: 16px; font-weight: 300; color: #999999; margin-bottom: 20px; } @media (min-width: 768px) { #footer-col-wrapper { margin-bottom: 55px; } } #footer-col-wrapper h4 { font-size: 16px; line-height: 16px; text-transform: uppercase; font-weight: 700; color: #343434; } @media (min-width: 768px) { #footer-col-wrapper h4 { margin-bottom: 40px; } } #footer-col-wrapper .footer-col-content { padding: 0; } #footer-col-wrapper .footer-col-content li { margin-bottom: 5px; } @media (min-width: 992px) { #footer-col-wrapper .footer-col-content li { margin-bottom: 15px; } } #footer-col-wrapper .footer-col-content a { color: #1E5792; } #footer-col-wrapper .footer-col-content a:hover { color: #615149; } #footer-col-wrapper .footer-contacts address, #footer-col-wrapper .footer-contacts span, #footer-col-wrapper .footer-contacts a.footer-contacts--mail { margin-bottom: 5px; display: inline-block; } @media (min-width: 768px) { #footer-col-wrapper .footer-contacts address, #footer-col-wrapper .footer-contacts span, #footer-col-wrapper .footer-contacts a.footer-contacts--mail { margin-bottom: 15px; } } #footer-col-wrapper .footer-contacts span { width: 100%; display: inline-block; } #footer-col-wrapper .footer-contacts a { color: #1E5792; } #footer-col-wrapper .footer-contacts a:hover { color: inherit; } #footer-col-wrapper .footer-contacts .foooter-contacts--tel a { color: inherit; } #footer-col-wrapper .footer-contacts .foooter-contacts--tel a:hover { color: #1E5792; } .page-footer__content { margin-bottom: 3rem; } .page-footer__content small.copyright { font-size: 12px; line-height: 14px; color: #999999; font-weight: 300; }