@charset "UTF-8";
@font-face { font-family: 'Black Diamond'; src: url("../../fonts/black-diamond/black-diamond.eot"); src: local("Black Diamond"), local("BlackDiamond"), url("../../fonts/black-diamond/black-diamond.eot?#iefix") format("embedded-opentype"), url("../../fonts/black-diamond/black-diamond.woff2") format("woff2"), url("../../fonts/black-diamond/black-diamond.woff") format("woff"), url("../../fonts/black-diamond/black-diamond.ttf") format("truetype"), url("../../fonts/black-diamond/black-diamond.svg#BlackDiamond") format("svg"); font-weight: normal; font-style: normal; font-display: swap; }

@font-face { font-family: 'Avalon'; src: url("../../fonts/Avalon/Avalon-BoldOblique.eot"); src: local("Avalon Bold Oblique"), local("Avalon-BoldOblique"), url("../../fonts/Avalon/Avalon-BoldOblique.eot?#iefix") format("embedded-opentype"), url("../../fonts/Avalon/Avalon-BoldOblique.woff2") format("woff2"), url("../../fonts/Avalon/Avalon-BoldOblique.woff") format("woff"), url("../../fonts/Avalon/Avalon-BoldOblique.ttf") format("truetype"), url("../../fonts/Avalon/Avalon-BoldOblique.svg#Avalon-BoldOblique") format("svg"); font-weight: bold; font-style: italic; font-display: swap; }

@font-face { font-family: 'Avalon'; src: url("../../fonts/Avalon/Avalon-Demi.eot"); src: local("Avalon Demi"), local("Avalon-Demi"), url("../../fonts/Avalon/Avalon-Demi.eot?#iefix") format("embedded-opentype"), url("../../fonts/Avalon/Avalon-Demi.woff2") format("woff2"), url("../../fonts/Avalon/Avalon-Demi.woff") format("woff"), url("../../fonts/Avalon/Avalon-Demi.ttf") format("truetype"), url("../../fonts/Avalon/Avalon-Demi.svg#Avalon-Demi") format("svg"); font-weight: 600; font-style: normal; font-display: swap; }

@font-face { font-family: 'Avalon'; src: url("fonts/Avalon/Avalon-Bold.eot"); src: local("Avalon Bold"), local("Avalon-Bold"), url("../../fonts/Avalon/Avalon-Bold.eot?#iefix") format("embedded-opentype"), url("../../fonts/Avalon/Avalon-Bold.woff2") format("woff2"), url("../../fonts/Avalon/Avalon-Bold.woff") format("woff"), url("../../fonts/Avalon/Avalon-Bold.ttf") format("truetype"), url("../../fonts/Avalon/Avalon-Bold.svg#Avalon-Bold") format("svg"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Avalon'; src: url("../../fonts/Avalon/Avalon-DemiOblique.eot"); src: local("Avalon Demi Oblique"), local("Avalon-DemiOblique"), url("../../fonts/Avalon/Avalon-DemiOblique.eot?#iefix") format("embedded-opentype"), url("../../fonts/Avalon/Avalon-DemiOblique.woff2") format("woff2"), url("../../fonts/Avalon/Avalon-DemiOblique.woff") format("woff"), url("../../fonts/Avalon/Avalon-DemiOblique.ttf") format("truetype"), url("../../fonts/Avalon/Avalon-DemiOblique.svg#Avalon-DemiOblique") format("svg"); font-weight: 600; font-style: italic; font-display: swap; }

@font-face { font-family: 'Avalon'; src: url("../../fonts/Avalon/Avalon-Medium.eot"); src: local("Avalon Medium"), local("Avalon-Medium"), url("../../fonts/Avalon/Avalon-Medium.eot?#iefix") format("embedded-opentype"), url("../../fonts/Avalon/Avalon-Medium.woff2") format("woff2"), url("../../fonts/Avalon/Avalon-Medium.woff") format("woff"), url("../../fonts/Avalon/Avalon-Medium.ttf") format("truetype"), url("../../fonts/Avalon/Avalon-Medium.svg#Avalon-Medium") format("svg"); font-weight: 500; font-style: normal; font-display: swap; }

@font-face { font-family: 'Avalon'; src: url("../../fonts/Avalon/Avalon-MediumOblique.eot"); src: local("Avalon Medium Oblique"), local("Avalon-MediumOblique"), url("../../fonts/Avalon/Avalon-MediumOblique.eot?#iefix") format("embedded-opentype"), url("../../fonts/Avalon/Avalon-MediumOblique.woff2") format("woff2"), url("../../fonts/Avalon/Avalon-MediumOblique.woff") format("woff"), url("../../fonts/Avalon/Avalon-MediumOblique.ttf") format("truetype"), url("../../fonts/Avalon/Avalon-MediumOblique.svg#Avalon-MediumOblique") format("svg"); font-weight: 500; font-style: italic; font-display: swap; }

@font-face { font-family: "fragrance-icon"; src: url("../../fonts/fragrance-icon/fragrance-icon.eot?v8"); src: url("../../fonts/fragrance-icon/fragrance-icon.eot?v8#iefix") format("eot"), url("../../fonts/fragrance-icon/fragrance-icon.woff2?v8") format("woff2"), url("../../fonts/fragrance-icon/fragrance-icon.woff?v8") format("woff"), url("../../fonts/fragrance-icon/fragrance-icon.ttf?v8") format("truetype"), url("../../fonts/fragrance-icon/fragrance-icon.svg?v8#fragrance-icon") format("svg"); }

@font-face { font-family: 'ITC Avant Garde Gothic Book'; src: url("../../fonts/itc-avant-garde-gothic/ITCAvantGardeGothicW05-Book.woff"); src: local("ITC Avant Garde Gothic Book"), local("itc-avant-book"), url("../../fonts/itc-avant-garde-gothic/ITCAvantGardeGothicW05-Book.woff2"); font-style: normal; font-display: swap; }

@font-face { font-family: 'ITC Avant Garde Gothic Medium'; src: url("../../fonts/itc-avant-garde-gothic/ITCAvantGardeGothicW05-Md.woff"); src: local("ITC Avant Garde Gothic Medium"), local("itc-avant-medium"), url("../../fonts/itc-avant-garde-gothic/ITCAvantGardeGothicW05-Md.woff2"); font-style: normal; font-display: swap; }

@font-face { font-family: 'ITC Avant Garde Gothic Bold'; src: url("../../fonts/itc-avant-garde-gothic/ITCAvantGardeGothicW05-Bold.woff"); src: local("ITC Avant Garde Gothic Bold"), local("itc-avant-bold"), url("../../fonts/itc-avant-garde-gothic/ITCAvantGardeGothicW05-Bold.woff2"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Cairo Bold'; src: url("../../fonts/cairo/Cairo-Bold.ttf") format("truetype"); src: local("Cairo Bold"), local("cairo-bold"); font-weight: bold; font-style: normal; font-display: swap; }

@font-face { font-family: 'Cairo Regular'; src: url("../../fonts/cairo/Cairo-Regular.ttf") format("truetype"); src: local("Cairo Regular"), local("cairo-regular"); font-weight: normal; font-style: normal; font-display: swap; }

html { font-size: 62.5%; }

body { color: #020202; font: normal normal normal 1.8rem/1.4 "ITC Avant Garde Gothic Medium", sans-serif; font-variant-numeric: lining-nums; letter-spacing: normal; overflow-x: hidden; }

[dir="rtl"] body { font: normal normal normal 1.8rem/1.4 "Cairo Regular", sans-serif; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 { font-style: normal; font-weight: normal; line-height: 1.4; margin: 0 0 12px; }

h1, .h1 { font-size: 4.8rem; font-weight: bold; font-family: "ITC Avant Garde Gothic Bold", sans-serif; text-transform: uppercase; }

@media screen and (max-width: 1023px) { h1, .h1 { font-size: 3rem; } }

@media screen and (max-width: 767px) { h1, .h1 { font-size: 2rem; } }

h2, .h2 { font-size: 2rem; }

@media screen and (max-width: 1023px) { h2, .h2 { font-size: 1.8rem; } }

h3, .h3 { font-size: 2.4rem; font-weight: bold; font-family: "ITC Avant Garde Gothic Bold", sans-serif; text-transform: uppercase; }

small, .small { font-size: 1.6rem; }

.large { font-size: 2rem; }

.script { font-size: 80px; font-family: "ITC Avant Garde Gothic Bold", sans-serif; color: #d7002c; }

.last-line { text-transform: uppercase; font-size: 1.5rem; color: #d7002c; }

p { margin: 0 0 12px; }

a, .link { color: #d7002c; text-decoration: none; border-bottom: 1px solid #F1F1F1; -webkit-transition: border .2s; transition: border .2s; display: inline-block; }

a:hover, .link:hover { border-color: #d7002c; }

a:active, a:focus, .link:active, .link:focus { outline: none; }

a.slick-slide, .link.slick-slide { border: none; }

.grid-col > a { border: none; }

.grid-col.is-active { position: relative; z-index: 9; }

.text-primary { color: #d7002c !important; }

.text-black { color: #020202 !important; }

.text-gray { color: #979797 !important; }

.bg-black { background-color: #020202 !important; }

.bg-white { background-color: #fefefe !important; }

.bg-gray { background-color: #F1F1F1 !important; }

hr { border-bottom: 1px solid; border-left: 0; border-right: 0; border-top: 0; margin: 12px 0; }

@media screen and (min-width: 1024px) { .hide-on-desktop { display: none !important; } }

.font-italic { font-style: italic; }

.load-more { list-style: none; text-align: center; }

.load-more li { display: inline-block; }

.article-part-raw-html { margin: 0 auto; padding: 0 0 40px; text-align: center; font-size: 16px; line-height: 18px; }

#block-beauty-tips-content .unordered-list-item ul { font-size: 18px; margin: 0; padding: 0; }

#block-beauty-tips-content .unordered-list-item li { position: relative; padding-bottom: 15px; padding-left: 28px; list-style: none; }

@media screen and (min-width: 1024px) { #block-beauty-tips-content .unordered-list-item li { padding-bottom: 25px; padding-left: 30px; } }

#block-beauty-tips-content .unordered-list-item li:before { position: absolute; content: ""; background-color: #d7002c; width: 8px; height: 8px; border-radius: 50%; top: 10.2px; left: 1px; }

@media screen and (min-width: 1024px) { #block-beauty-tips-content .unordered-list-item li:before { width: 10px; height: 10px; } }

p.unordered-list-item { position: relative; padding-left: 28px; }

p.unordered-list-item:before { position: absolute; content: ""; background-color: #d7002c; width: 8px; height: 8px; border-radius: 50%; top: 10.2px; left: 1px; }

@media screen and (min-width: 1024px) { p.unordered-list-item:before { width: 10px; height: 10px; } }

.article_subtitle { color: #d7002c; font-size: 1.6rem; text-transform: uppercase; line-height: 1.4rem; margin-top: 10px; letter-spacing: 3px; }

.article_subtitle a { border-bottom: 0; font-family: 'ITC Avant Garde Gothic Bold'; }

main { padding-bottom: 40px; }

.icon:before { font-family: "fragrance-icon"; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-style: normal; font-variant: normal; font-weight: normal; text-decoration: none; text-transform: none; line-height: normal; vertical-align: text-top; display: inline-block; }

.icon--comments:before { content: ""; }

.icon--copy:before { content: ""; }

.icon--facebook:before { content: ""; }

.icon--heart:before { content: ""; }

.icon--instagram:before { content: ""; }

.icon--pinterest:before { content: ""; }

.icon--search:before { content: ""; }

.icon--top-menu-1:before { content: ""; }

.icon--top-menu-2:before { content: ""; }

.icon--top-menu-3:before { content: ""; }

.icon--top-menu-4:before { content: ""; }

.icon--twitter:before { content: ""; }

.icon--upload:before { content: ""; }

.icon--whatsapp:before { content: ""; }

.icon--download:before { content: ""; }

.icon--plus:before { content: ""; }

.icon--account:before { content: ""; }

.icon--minus:before { content: ""; }

.icon--archive:before { content: ""; }

.icon--trash:before { content: ""; }

.icon--question:before { content: ""; }

.icon--folder:before { content: ""; }

.icon--logout:before { content: ""; }

.icon--add:before { content: ""; }

.comment-form { display: none; }

.comments-main-title { font-size: 30px; text-align: center; line-height: 1; }

.comments-main-description p { font-size: 18px; text-align: center; margin-bottom: 30px; }

.comments-main-description a { line-height: 1; border-color: #d7002c; }

.comments-top { border-bottom: 1px solid #7c7c7d; font-size: 21px; padding-bottom: 3px; }

.js-comment footer { margin-bottom: 15px; }

.js-comment footer b { display: block; }

.js-comment footer b:first-of-type { position: relative; top: 8px; font-size: 20px; text-transform: capitalize; }

.js-comment footer b:last-of-type { font-size: 15px; font-weight: 100; color: #979797; }

.js-comment div h3 { display: none; }

.js-comment div p { font-size: 15px; line-height: 20px; margin-bottom: 0; }

.js-comment div ul { padding: 0; margin: 10px 0 5px; list-style: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.js-comment div ul li { margin-right: 20px; }

.js-comment div ul li:last-child { margin-right: 0; }

.js-comment div ul li a { text-transform: uppercase; color: #020202; font-size: 15px; border: 0; }

.js-comment div ul li a:hover { color: #d7002c; }

.js-comment .comment-abuse { display: inline-block; margin-left: 15px; }

.js-comment .comment-abuse a { text-transform: uppercase; color: #020202; font-size: 15px; border: 0; }

.js-comment .comment-abuse a:hover { color: #d7002c; }

.comments_ajax_pager_wrap .comment_load_more_pager { text-align: center; margin-top: 60px; }

.comments_ajax_pager_wrap .comment_load_more_pager a { display: inline-block; padding: 8px 40px; letter-spacing: 1px; text-align: center; cursor: pointer; background-color: #020202; border: 1px solid #020202; -webkit-transition: background 0.3s, color 0.3s, border 0.3s, opacity 0.3s; transition: background 0.3s, color 0.3s, border 0.3s, opacity 0.3s; color: white; text-transform: uppercase; font-size: 1.5rem; line-height: 1.4; }

.comments_ajax_pager_wrap .comment_load_more_pager:hover { background-color: #fefefe; color: #020202; }

.indented .js-comment { padding-left: 25px; border-left: 1px solid #020202; }

.indented .indented { margin-left: 25px; }

table { border-collapse: collapse; border-spacing: 0; }

.table { margin-bottom: 20px; font-size: 1.6rem; }

.table tr { border-bottom: solid 1px #979797; }

.table td, .table th { padding: 5px 20px 5px 5px; font-size: smaller; border-right: solid 1px #979797; }

.table td:last-child, .table th:last-child { border: 0; }

figure { margin: 0; }

img, picture { max-width: 100%; height: auto; vertical-align: top; }

.form-item { margin-bottom: 20px; }

.form-item label { display: block; font-weight: 400; font-size: 15px; margin-bottom: 2px; }

.form-item label.form-required:after { content: '*'; }

.form-item select, .form-item textarea, .form-item input { display: block; max-width: 100%; width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; font-size: 16px; height: 53px; border: 1px solid #eaeaea; padding: 5px 20px; background: transparent; }

.form-item select.error, .form-item textarea.error, .form-item input.error { border-color: #d7002c; }

.form-item input[type="file"] { width: auto; height: auto; padding: 13px 10px; }

.form-item input[type="submit"] { width: auto; background: #020202; margin-top: 10px; }

.form-item textarea { padding: 12px 20px; height: 130px; min-width: 100%; }

.form-item .password-suggestions, .form-item .password-strength, .form-item .description { font-size: 12px; line-height: 1.4; margin-top: 8px; font-weight: 300; }

.form-item .password-confirm-message { font-size: 14px; }

.form-item .form-item--error-message { color: #d7002c; font-size: 1.2rem; margin-top: 8px; }

.form-item .tabledrag-toggle-weight { border: none; }

.js-form-type-select { font-size: 14px; position: relative; }

.js-form-type-select select { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; }

.js-form-type-radio, .js-form-type-checkbox { position: relative; margin-bottom: 0; }

.js-form-type-radio input, .js-form-type-checkbox input { display: inline-block; width: auto; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; height: auto; vertical-align: middle; padding: 0; }

.js-form-type-radio label, .js-form-type-checkbox label { display: inline-block; vertical-align: middle; margin-bottom: 0; height: 20px; font-weight: 300; font-size: 13px; }

.js-form-type-checkbox input { -webkit-appearance: checkbox; -moz-appearance: checkbox; appearance: checkbox; }

.js-form-type-radio input { -webkit-appearance: radio; -moz-appearance: radio; appearance: radio; }

.patterns-menu { list-style: none; padding: 0; margin: 0; position: -webkit-sticky; position: sticky; top: 100px; max-height: calc(100vh - 100px); overflow: auto; }

.pattern-preview__wrapper { max-width: 100%; overflow: auto; }

.pattern-preview__share, .pattern-preview__slider, .pattern-preview__indicators { overflow: hidden; }

.layout-container > header { position: relative; top: 0; }

a.tabledrag-handle { border: none; }

a.tabledrag-handle .handle { width: 22px; height: 22px; }

* { -webkit-box-sizing: border-box; box-sizing: border-box; }

*:after, *:before { -webkit-box-sizing: border-box; box-sizing: border-box; }

.mt-0 { margin-top: 0 !important; }

.mt-0-5 { margin-top: 10px !important; }

.mt-1 { margin-top: 20px !important; }

.mt-2 { margin-top: 40px !important; }

.mt-3 { margin-top: 60px !important; }

.mt-4 { margin-top: 80px !important; }

.mt-5 { margin-top: 100px !important; }

.mt-auto { margin-top: auto !important; }

.mb-0 { margin-bottom: 0 !important; }

.mb-0-5 { margin-bottom: 10px !important; }

.mb-1 { margin-bottom: 20px !important; }

.mb-2 { margin-bottom: 40px !important; }

.mb-3 { margin-bottom: 60px !important; }

.mb-4 { margin-bottom: 80px !important; }

.mb-5 { margin-bottom: 100px !important; }

.mb-auto { margin-bottom: auto !important; }

.ml-0 { margin-left: 0 !important; }

.ml-0-5 { margin-left: 10px !important; }

.ml-1 { margin-left: 20px !important; }

.ml-2 { margin-left: 40px !important; }

.ml-3 { margin-left: 60px !important; }

.ml-4 { margin-left: 80px !important; }

.ml-5 { margin-left: 100px !important; }

.ml-auto { margin-left: auto !important; }

.mr-0 { margin-right: 0 !important; }

.mr-0-5 { margin-right: 10px !important; }

.mr-1 { margin-right: 20px !important; }

.mr-2 { margin-right: 40px !important; }

.mr-3 { margin-right: 60px !important; }

.mr-4 { margin-right: 80px !important; }

.mr-5 { margin-right: 100px !important; }

.mr-auto { margin-right: auto !important; }

.pt-0 { padding-top: 0 !important; }

.pt-0-5 { padding-top: 10px !important; }

.pt-1 { padding-top: 20px !important; }

.pt-2 { padding-top: 40px !important; }

.pt-3 { padding-top: 60px !important; }

.pt-4 { padding-top: 80px !important; }

.pt-5 { padding-top: 100px !important; }

.pt-auto { padding-top: auto !important; }

.pb-0 { padding-bottom: 0 !important; }

.pb-0-5 { padding-bottom: 10px !important; }

.pb-1 { padding-bottom: 20px !important; }

.pb-2 { padding-bottom: 40px !important; }

.pb-3 { padding-bottom: 60px !important; }

.pb-4 { padding-bottom: 80px !important; }

.pb-5 { padding-bottom: 100px !important; }

.pb-auto { padding-bottom: auto !important; }

.pl-0 { padding-left: 0 !important; }

.pl-0-5 { padding-left: 10px !important; }

.pl-1 { padding-left: 20px !important; }

.pl-2 { padding-left: 40px !important; }

.pl-3 { padding-left: 60px !important; }

.pl-4 { padding-left: 80px !important; }

.pl-5 { padding-left: 100px !important; }

.pl-auto { padding-left: auto !important; }

.pr-0 { padding-right: 0 !important; }

.pr-0-5 { padding-right: 10px !important; }

.pr-1 { padding-right: 20px !important; }

.pr-2 { padding-right: 40px !important; }

.pr-3 { padding-right: 60px !important; }

.pr-4 { padding-right: 80px !important; }

.pr-5 { padding-right: 100px !important; }

.pr-auto { padding-right: auto !important; }

.text-justify { text-align: justify !important; }

.text-justify .layout__region { text-align: justify !important; }

.text-left { text-align: left !important; }

.text-left .layout__region { text-align: left !important; }

.text-center { text-align: center !important; }

.text-center .layout__region { text-align: center !important; }

.text-right { text-align: right !important; }

.text-right .layout__region { text-align: right !important; }

.text-lowercase { text-transform: lowercase !important; }

.text-uppercase { text-transform: uppercase !important; }

.text-capitalize { text-transform: capitalize !important; }

.fw-normal { font-weight: normal !important; }

.fw-bold { font-weight: bold !important; }

.ow-normal { overflow-wrap: normal !important; }

.ow-anywhere { overflow-wrap: anywhere !important; }

.ow-break-word { overflow-wrap: break-word !important; }

.messages { padding: 15px 20px 15px 35px; word-wrap: break-word; border: 1px solid; border-width: 1px 1px 1px 0; border-radius: 2px; background: no-repeat 10px 17px; overflow-wrap: break-word; }

[dir="rtl"] .messages { padding-right: 35px; padding-left: 20px; text-align: right; border-width: 1px 0 1px 1px; background-position: right 10px top 17px; }

.messages + .messages { margin-top: 1.538em; }

.messages__list { margin: 0; padding: 0; list-style: none; }

.messages--status { color: #325e1c; border-color: #c9e1bd #c9e1bd #c9e1bd transparent; background-color: #f3faef; background-image: url("/core/misc/icons/73b355/check.svg"); -webkit-box-shadow: -8px 0 0 #77b259; box-shadow: -8px 0 0 #77b259; }

[dir="rtl"] .messages--status { margin-left: 0; border-color: #c9e1bd transparent #c9e1bd #c9e1bd; -webkit-box-shadow: 8px 0 0 #77b259; box-shadow: 8px 0 0 #77b259; }

.messages--warning { color: #734c00; border-color: #f4daa6 #f4daa6 #f4daa6 transparent; background-color: #fdf8ed; background-image: url("/core/misc/icons/e29700/warning.svg"); -webkit-box-shadow: -8px 0 0 #e09600; box-shadow: -8px 0 0 #e09600; }

[dir="rtl"] .messages--warning { border-color: #f4daa6 transparent #f4daa6 #f4daa6; -webkit-box-shadow: 8px 0 0 #e09600; box-shadow: 8px 0 0 #e09600; }

.messages--error { color: #a51b00; border-color: #f9c9bf #f9c9bf #f9c9bf transparent; background-color: #fcf4f2; background-image: url("/core/misc/icons/e32700/error.svg"); -webkit-box-shadow: -8px 0 0 #e62600; box-shadow: -8px 0 0 #e62600; }

[dir="rtl"] .messages--error { border-color: #f9c9bf transparent #f9c9bf #f9c9bf; -webkit-box-shadow: 8px 0 0 #e62600; box-shadow: 8px 0 0 #e62600; }

.messages--error p.error { color: #a51b00; }

.messages__item + .messages__item { margin-top: 0.769em; }

nav.pager { margin: 50px 0; }

nav.pager .visually-hidden { display: none; }

nav.pager .pager__items { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; margin: 0; padding: 0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

nav.pager .pager__item { list-style: none; min-width: 40px; margin-right: -1px; margin-bottom: -1px; line-height: 37px; text-align: center; }

nav.pager .pager__item.is-active a { background: #D7D7D7; }

nav.pager .pager__item a { display: block; padding: 0 5px; min-width: 40px; height: 40px; color: #020202; border: 1px solid #b1b1b1; font-size: 13px; -webkit-transition: background 0.3s; transition: background 0.3s; }

nav.pager .pager__item a:hover { background: #b1b1b1; }

nav.pager .pager__item--last a, nav.pager .pager__item--first a, nav.pager .pager__item--previous a, nav.pager .pager__item--next a { font-size: 0; color: transparent; position: relative; }

nav.pager .pager__item--last a:before, nav.pager .pager__item--last a:after, nav.pager .pager__item--first a:before, nav.pager .pager__item--first a:after, nav.pager .pager__item--previous a:before, nav.pager .pager__item--previous a:after, nav.pager .pager__item--next a:before, nav.pager .pager__item--next a:after { content: ''; border: solid black; border-width: 0 1px 1px 0; padding: 5px; position: absolute; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

nav.pager .pager__item--last a span, nav.pager .pager__item--first a span, nav.pager .pager__item--previous a span, nav.pager .pager__item--next a span { display: none; }

nav.pager .pager__item--previous a:after, nav.pager .pager__item--next a:after { top: 13px; left: 10px; }

nav.pager .pager__item--previous a:before, nav.pager .pager__item--next a:before { display: none; }

nav.pager .pager__item--previous a:after { -webkit-transform: rotate(135deg); transform: rotate(135deg); left: 15px; }

nav.pager .pager__item--last a:after, nav.pager .pager__item--first a:after { top: 13px; left: 13px; }

nav.pager .pager__item--last a:before, nav.pager .pager__item--first a:before { top: 13px; left: 7px; }

nav.pager .pager__item--first a:after { left: 19px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

nav.pager .pager__item--first a:before { left: 13px; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.pager { padding: 0; }

/*# sourceMappingURL=base.css.map */