/*
 *
 * -------------
 * David Artista - davidartista.es
 * -------------
 *
 */

/* ==========================================================================
   modern-normalize v2.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize
   ========================================================================== */

*,::after,::before{box-sizing:border-box}html{font-family:system-ui,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji';line-height:1.15;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}body{margin:0}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,'Liberation Mono',Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}

/* ==========================================================================
   BASE
   ========================================================================== */

* {margin: 0; padding: 0;}
*, *:before, *:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
html * {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
body {font-family: 'Poppins', sans-serif; font-weight: normal; line-height: 1.5; font-size: 100%; color: #2e2925;}
img {vertical-align: middle; border: none; image-rendering: optimizeQuality; -ms-interpolation-mode: bicubic;}
a {transition: ease all .25s;}
.hr-vertical-black {border: 0; text-align: center; width: 2px; height: 100px; margin: 0 auto; padding: 0; background: #000;}
.hr-vertical-white {border: 0; text-align: center; width: 2px; height: 100px; margin: 0 auto; padding: 0; background: #fff;}
.sr-only {position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; -webkit-clip-path: inset(50%); clip-path: inset(50%); border: 0;}

::selection {background: #222; color: #fff; text-shadow: none;}
::-moz-selection {background: #222; color: #fff; text-shadow: none;}
::-webkit-selection {background: #222; color: #fff; text-shadow: none;}

/* ==========================================================================
   CONTENT
   ========================================================================== */

body {background: #fff; position: relative;}
.wrapper {display: flex;}

.sheep-white-davidartista {position: fixed; top: -50px; right: -110px;}
.sheep-davidartista {position: fixed; top: 25px; right: 25px; width: 200px; height: auto;}

.left {background: #fff; width: 100px; position: fixed; height: 100%; z-index: 3;}
.left .david-artista-brand {font-size: 1.5em;}
.left .david-artista-brand a {display: inline-block; margin: 35px 0 35px 50px; font-size: 3.5em; opacity: .2; font-weight: bold; color: #000; text-decoration: none; white-space: nowrap; letter-spacing: -5px; line-height: 1em;}
.left .david-artista-brand a:hover, .left .david-artista-brand a:active, .left .david-artista-brand a:focus {opacity: 1;}
.left .david-artista-brand a span {color: #c12b31;}

.menu-wrapper {position: fixed; z-index: 4; overflow: auto; width: auto; height: calc(100% - 155px); left: 40px; bottom: 0px; opacity: 1;}
.menu {position: relative; padding: 0px;}
.menu ul {list-style: none; margin: 0; padding: 0px; display: flex; flex-direction: column;}
.menu ul li {display: block; position: relative; width: fit-content; margin-bottom: 5px; position: relative;}
.menu ul li a {color: #fff; font-size: .9em; overflow: hidden; padding: 10px 15px 10px 15px; position: relative; text-decoration: none; width: auto; transition: all 0.2s ease-in-out; border-radius: 4px; margin: 0; font-weight: bold; letter-spacing: 2px; white-space: nowrap; background: #000; display: block;}
.menu ul li a.menu-light {color: #000; border: 1px solid #000; background: #fff; font-weight: normal;}
.menu ul li a.menu-light:hover, .menu ul li a.menu-light:active, .menu ul li a.menu-light:focus {border: 1px solid #c12b31;}
.menu ul li.expand-menu a {padding: 10px 35px 10px 15px;}
.menu ul .submenu {display: none; position: static; width: fit-content; padding: 0px; overflow: hidden; margin: 5px 0 0 5px; padding: 0px 0px 0px 5px; border-left: 1px solid #000;}
.menu ul .submenu li {clear: both; width: fit-content; padding: 0 !important; margin: 0 !important;}
.menu ul .submenu li a {background: #000; border-top: none; position: relative; width: fit-content; color: #fff; border-radius: 4px; margin: 0 0 5px 0; font-size: .8em; padding: 8px 16px;}
.menu ul .submenu li:last-child a {margin: 0 0 0px 0;}
.menu ul .submenu li > a:hover, .menu ul .submenu li > a:active, .menu ul .submenu li > a:focus {color: #fff ; background: #c12b31;}
.menu .submenu-indicator {transition: all .2s ease-in-out; float: right; font-size: 12px; line-height: 12px; position: absolute; right: 5px; top: 6px; width: 32px; height: 32px; text-align: center;}
.menu .submenu-indicator-minus > .submenu-indicator {transform: rotate(180deg);}
.menu ul li a.active {color: #fff; background: #c12b31;}
.menu .submenu li a.active {color: #fff; background: #c12b31 !important;}
.menu > ul > li > a:hover, .menu > ul > li > a:active, .menu > ul > li > a:focus {color: #fff; background: #c12b31; padding: 10px 15px 10px 20px;}
.menu > ul > li.expand-menu > a:hover, .menu > ul > li.expand-menu > a:active, .menu > ul > li.expand-menu > a:focus {padding: 10px 35px 10px 20px;}

.menu ul li span.menu-new {position: absolute; background: #ebf560; z-index: 1; line-height: 1.5em; right: -30px; top: 12px; font-size: 10px; padding: 1px 4px; border-radius: 2px; border: 1px solid #000; font-weight: bold; text-transform: uppercase;}
.menu ul li span.menu-updated {position: absolute; background: #ebf560; z-index: 1; right: 5px; top: 5px; border-radius: 26px; border: 1px solid #000; width: 10px; height: 10px; display: block;}

.content {display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; margin: 200px 0 200px 100px; width: 100%; flex-direction: column;}
.content a {color: #000; text-decoration: none; border-bottom: 1px solid #000;}
.content a:hover, .content a:active, .content a:focus {border-bottom: 1px solid transparent;}
.content strong a {border-bottom: 2px solid #000;}
.content strong a:hover, .content strong a:active, .content strong a:focus {border-bottom: 2px solid transparent;}
.big-text {font-size: 1.2em !important; line-height: 1.8em !important;}
.small-text {font-size: .9em !important;}
.text-highlighted-yellow {background: #fdff7a; padding: 4px 6px; border-radius: 6px; margin: 0 1px;}
.align-left {text-align: left !important;}
.align-center {text-align: center !important;}
h3.align-center {padding-left: 25px !important;}
.share-link {display: inline-block; background: #ededed; border-radius: 5px; border: 1px solid #c5c5c5 !important; padding: 10px 15px; word-break: break-all; transition: all ease .25s; line-height: 1.5em;}
.share-link:hover {background: #fff; border: 1px solid #000 !important;}
.content .button {background: #c12b31; color: #fff !important; padding: 15px 20px; display: inline-block; text-decoration: none; text-align: center; line-height: 1.3em; border-radius: 5px; border: 0 !important; font-weight: bold;}
.content .button:hover, .content .button:active, .content .button:focus {background: #000; translate: 0px -5px; box-shadow: 10px 10px 0px rgba(0,0,0,.25);}
.content .button span {font-weight: normal;}

.intro-text {flex-grow: 1; padding: 25px 50px 50px 225px; width: 100%;}
.intro-text p {margin: 0 0 25px 0; max-width: 503px; width: 100%; font-size: 1.2em; line-height: 1.8em;}
.intro-text p strong {font-size: 1.2em;}
.intro-text p span {color: #c12b31;}
.go-ahead-text {text-align: right !important; font-style: italic;}
.go-ahead-text::before {border-top: 1px solid #000; width: 70px; display: inline-block; content: ''; margin: 0 10px 3px 0;}
.go-ahead-text.align-left {text-align: left !important;}

.content-txt h2 {color: #000; font-size: 3em; line-height: 1.2em; margin: 100px auto; max-width: 650px; width: 100%;}
.content-txt h2 span {color: #c12b31;}
.content-txt h2#cookies {margin: 0px auto 100px auto; padding: 100px 0 0 0;}
.content-txt h3 {margin: 0px auto; text-align: left; max-width: 650px; width: 100%; line-height: 1.6em; padding: 50px 25px 25px 0px; font-size: 1.5em;}
.content-txt h3.h3-subtitle {margin-bottom: 100px;}
.content-txt h3.h3-center-lines {font-weight: normal; border-top: 1px solid #000; border-bottom: 1px solid #000; text-align: center; padding: 25px 0; margin: 50px auto;}
.content-txt .content-div, .content-txt .expandable {text-align: left; padding: 0; max-width: 650px; width: 100%; margin: 0 auto; line-height: 1.8em;}
.content-txt p, .content-txt ul, .content-txt ol {text-align: left; padding: 0 0 0 25px; max-width: 650px; width: 100%; margin: 0 auto 25px auto; line-height: 1.8em; font-size: 1em;}
.content-txt ul, .content-txt ol {padding: 0 0 0 40px;}
.content-txt ul li, .content-txt ol li {margin-bottom: 5px;}
.content-txt hr {padding: 0 0 0 25px; max-width: 650px; width: 100%; margin: 0 auto 25px auto; border: 0 !important; border-top: 1px solid #ccc !important;}
.content-txt p.signature {font-style: italic; text-align: right; border-bottom: 1px solid #ccc; padding-bottom: 100px;}
.content-txt p.signature::before {border-top: 1px solid #000; width: 70px; display: inline-block; content: ''; margin: 0 10px 3px 0;}
.content-txt .html-responsive {overflow-y: auto; max-width: 650px; width: 100%; margin: 0 auto 25px auto; padding: 0 0 0 25px;}
.content-txt .html-responsive table {border: 1px solid #ccc; border-collapse: collapse; background: #fff;}
.content-txt .html-responsive table th, .content-txt .html-responsive table td {border: 1px solid #ccc; font-size: .8em; padding: 10px; text-align: left;}

/* INICIO */

body.home-page {background: #D1DBF9; animation: backgroundanimation 10s ease infinite; overflow-y: scroll; position: relative;}
@keyframes backgroundanimation {12%{background:#D1DBF9} 25%{background:#F9D1D1} 50%{background:#D1F9EB} 75%{background:#F5F9D1} 100%{background:#D1DBF9}}
.home-page .left {box-shadow: 0 25px 25px rgba(0, 0, 0, .15);}
.home-page .content {flex-direction: row; margin: 200px 0 100px 100px;}
.home-page .content .proyects-h2 {width: 100%; margin: 100px auto; text-align: center; padding: 50px; background: rgba(255,255,255,.3);}
.home-page .content .proyects-h2.proyects-h2-highlight {margin-top: 50px;}
.home-page .content .proyects-h2 h2 {width: 100%; margin: 50px auto 0 auto; text-align: center; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; font-size: 3em; line-height: 1.3em;}
.home-page .content .proyects-h2 h2 strong {font-weight: bold;}
.home-page .content .proyects-h2 hr {width: 150px; height: 3px; border: 0; background: #000; margin: 30px auto 50px auto; display: block;}

.project {position: relative; text-align: left; display: flex; flex-direction: row; justify-content: center; margin: 100px;}
.project .project-image {width: 350px; height: 350px; padding: 0; margin: -50px -100px 0 0; overflow: hidden; border-radius: 15px;}
.project .project-text {width: 750px; min-height: 350px; display: flex; flex-direction: column; box-shadow: 0px 15px 50px rgba(0,0,0,.15); background: #fff; position: relative; z-index: 2; padding: 50px; border-radius: 15px;}
.project .info {margin-bottom: 25px; padding: 0 0 25px 0; color: #000; font-size: .8em; font-weight: bold; display: flex; justify-content: space-between; align-items: center; list-style: none; border-bottom: 1px solid #ccc; max-width: 190px; border-bottom: 3px solid #000; position: relative;}
.project .info .date {font-weight: bold;}
.project .info .alert {padding: 5px 10px; background: #fff949; color: #000; font-size: .8em; text-transform: uppercase; letter-spacing: 1px; font-weight: 500; border: 1px solid #000; border-radius: 5px; position: absolute; right: 0;}
.project h3 {margin: 0px 0 50px 0; font-size: 1.8em; line-height: 1.3em;}
.project .description {flex-grow: 1; margin: 0 0 25px 50px; line-height: 1.8em; font-size: 1em; padding: 0px 0 50px 0px; border-bottom: 1px solid #ccc; color: #535353;}
.project .description p {margin-bottom: 25px; font-size: 1em;}
.project .description p:last-child {margin-bottom: 0px;}
.project .buttons {display: flex; flex-wrap: wrap; justify-content: flex-end;}
.project .buttons .button {background: #c12b31; color: #fff; padding: 15px 20px; display: inline-block; text-decoration: none; font-weight: bold; font-size: 1.1em; margin: 3px 0px 3px 6px; text-align: center; line-height: 1.4em; border-radius: 5px; border: 0 !important;}
.project .buttons .button:hover, .project .buttons .button:active, .project .buttons .button:focus {background: #000; translate: 0px -5px; box-shadow: 10px 10px 0px rgba(0,0,0,.25);}

.next-project-wrapper {display: flex; flex-wrap: wrap; justify-content: center;}
.project.next-project {margin: 25px;}
.project.next-project .project-image {width: 250px; height: 250px; margin: 0px 0px 0 0;}
.project.next-project .project-text {max-width: 500px; width: 100%; min-height: 250px; padding: 50px 35px 35px 35px; border-top: 5px solid #000; border-radius: 0 0 25px 25px; transition: all ease .25s;}
.project.next-project .project-text:hover {border-top: 5px solid #c12b31; box-shadow: none; translate: 0px -5px;}
.project.next-project h3 {margin: 0px 0 25px 0; font-size: 1.4em; line-height: 1.3em;}
.project.next-project .description {margin: 0 0 25px 0px; padding: 0px 0 25px 0px;}
.project.next-project .buttons .button {background: #000; padding: 10px 15px; font-size: 1em; line-height: 1.4em; cursor: text; margin: 0 0 0 10px;}
.project.next-project .buttons .button:hover, .project.next-project .buttons .button:active, .project.next-project .buttons .button:focus {background: #000; translate: 0px; box-shadow: none;}
.project.next-project .buttons .button.button-launch {background: #fff; color: #000 !important; padding: 10px 0px; font-size: .9em;}

.brand-footer {margin: 0px auto 200px 100px; z-index: 1; position: relative;}
.brand-footer h4 {max-width: 200px; width: 100%; margin: 0 auto; border-radius: 100px;}
.brand-footer img {display: block; margin: 0 auto; transition: ease all .25s; max-width: 200px; width: 100%; height: auto;}
.brand-footer img:hover, .brand-footer img:active, .brand-footer img:focus {transform: rotate(-10deg) scale(.9);}
.brand-footer h5 {text-align: center; font-weight: normal; font-size: 1.1em; margin: 70px auto 0px auto; text-transform: uppercase; letter-spacing: 3px; color: #575757; padding: 0 50px;}

/* PROYECTOS */

.projects-page .left {border-right: 1px solid #000;}
/*body.projects-page {background: #fff; background: linear-gradient(0deg, #fff755 0%, #fff 65%);}
.projects-page .left {border-right: 1px solid #000; box-shadow: 0 0 25px rgba(0, 0, 0, .25); background: linear-gradient(0deg, #fff755 0%, #fff 65%);}*/

.gallery-wrapper {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; margin: 50px auto 0 auto; padding: 20px; /*background: rgba(255, 255, 255, .9);*/}
.gallery-wrapper .project {flex-wrap: wrap; align-content: flex-start; width: 100%; max-width: 350px; padding: 0px; box-shadow: 0px 15px 50px rgba(0,0,0,.15); margin: 25px; border-radius: 15px; transition: all ease .25s; background: #fff;}
.gallery-wrapper .project:hover {box-shadow: 0px 0px 5px rgba(0,0,0,.25);}
.gallery-wrapper .project .project-image {width: 100%; max-width: 350px; max-height: 350px; border-bottom: 0; margin: 0; border-radius: 15px 15px 0 0;}
.gallery-wrapper .project .project-text {max-width: 350px; min-height: auto; padding: 35px; border-radius: 15px; box-shadow: none;}
.gallery-wrapper .project .info {margin: 0; max-width: 100%;}
.gallery-wrapper .project h3 {padding: 25px 0 25px 0px; font-size: 1.2em; margin: 0;}
.gallery-wrapper .project .description {margin: 0 0 25px 0px; padding: 0 0 25px 0;}
.gallery-wrapper .project .description p {padding: 0px; font-size: .95em;}
.gallery-wrapper .project .buttons {flex-direction: column;}
.gallery-wrapper .project .buttons .button {margin: 0px 0px 6px 0px;}
.gallery-wrapper .project .buttons .button:last-child {margin: 0px 0px 0px 0px;}

.project.project-lista-correos {box-shadow: none !important; background: #000 !important;}
.project.project-lista-correos:hover {box-shadow: none !important;}
.project.project-lista-correos .project-image {border: 5px solid #000 !important; border-bottom: 0 !important;}
.project.project-lista-correos .project-text {background: #000 !important;}
.project.project-lista-correos .info {color: #fff !important; border-bottom: 3px solid #fff !important;}
.project.project-lista-correos h3 {color: #fff !important;}
.project.project-lista-correos .description {border-bottom: 1px solid #fff !important; color: #fff !important;}
.project.project-lista-correos .buttons .button {background: #fff !important; color: #000 !important;}
.project.project-lista-correos .buttons .button:hover, .project.project-lista-correos .buttons .button:active, .project.project-lista-correos .buttons .button:focus {background: #c12b31 !important; box-shadow: 10px 10px 0px rgba(255,255,255,1) !important; color: #fff !important;}
.home-page .project.project-lista-correos {background: transparent !important;}
.home-page .project.project-lista-correos .project-text {border-radius: 15px !important;}

.gallery-wrapper .project .project-text {padding: 0; height: 100%;}
.gallery-wrapper .project .info {padding: 30px 0; margin-left: 30px; width: calc(100% - 60px);}
.gallery-wrapper .project .info li {margin: 0;}
.gallery-wrapper .project h3 {padding: 30px 30px 0 30px;}
.gallery-wrapper .project .description {padding: 30px;}
.gallery-wrapper .project .buttons {padding: 0 30px 30px 30px;}

.projects-page .content-txt .hello span {color: #fff; background: #000; border: 1px solid #000;}
.projects-page .content-txt .hello span:hover {box-shadow: 10px 10px 0px #000; background: #fff; color: #000;}
.projects-page .content-txt p.signature {border-bottom: 1px solid #000;}

/* LIBROS */

.books-page .gallery-wrapper {flex-direction: column; padding: 20px 0;}
.books-page .gallery-wrapper .project {max-width: 100%; margin: 0; border-radius: 0; box-shadow: none; align-items: center; padding: 150px 50px;}
.books-page .gallery-wrapper .project:nth-of-type(odd) {background: rgba(241,241,223,.95);}
.books-page .gallery-wrapper .project:nth-of-type(even) {background: rgba(255,255,255,.95); flex-direction: row-reverse;}
.books-page .gallery-wrapper .project .project-image {border-radius: 15px; box-shadow: 20px 20px 50px rgba(0,0,0,.25); z-index: 3; rotate: -4deg;}
.books-page .gallery-wrapper .project:nth-of-type(even) .project-image {rotate: 4deg;}
.books-page .gallery-wrapper .project .project-text {background: transparent; max-width: 600px; height: auto;}
.books-page .gallery-wrapper .project:nth-of-type(odd) .project-text {margin-left: 25px;}
.books-page .gallery-wrapper .project:nth-of-type(even) .project-text {margin-right: 25px;}
.books-page .gallery-wrapper .project .info {max-width: 190px;}
.books-page .gallery-wrapper .project .description {border: 0;}
.books-page .gallery-wrapper .project.project-lista-correos .project-text {max-width: 400px;}
.books-page .gallery-wrapper .project.project-lista-correos .description {border-bottom: 0px solid #fff !important;}
.books-page .gallery-wrapper .project .buttons {flex-direction: row; justify-content: flex-start;}
.books-page .gallery-wrapper .project .buttons .button {margin: 3px 6px 3px 0px;}

/* DE PRÓDIGO A PRODIGIO */

body.prodigal-prodigy-page {background: #c9d7ff;}
.prodigal-prodigy-page .content-txt h2 {margin-bottom: 0;}

/* OBJETIVO: CASA DE BENDICIÓN */

body.house-of-blessing-page {background: #fff url(../img/bg-objetivo-casa-bendicion.png) repeat-x center bottom;}
.house-of-blessing-page .content-txt h2 {text-transform: none;}
.piedrecitas {margin: 100px auto 50px auto; width: 95%; max-width: 650px; height: auto;}
.books-list  ul {padding: 0 0 0 45px; margin: 25px auto;}
.books-list  ul:last-child {margin-bottom: 45px !important;}
.books-list  ul li {font-size: .9em; color: #666; line-height: 1.6em;}
.books-list  ul li em {color: #000;}
body.house-of-blessing-page footer .privacy a {background: rgba(255, 255, 255, .7);}

/* CIRIO */

.card-image {width: 100% !important; max-width: 100% !important; display: flex; justify-content: center; flex-wrap: wrap; padding: 0 !important;}
.card-image li {display: flex; flex-direction: column; align-items: center; border: 1px solid #000; margin: 10px !important; transition: ease all .25s; overflow: hidden; border-radius: 5px; background: rgba(255, 255, 255, .9);}
.card-image li:hover {box-shadow: 0 25px 50px rgba(0, 0, 0, .25); border-color: #fff; border-radius: 10px; rotate: 1.2deg;}
.card-image li img {max-width: 145px; width: 100%; height: auto; border-bottom: 1px solid #000; margin-bottom: 10px; transition: ease all .25s;}
.card-image li:hover img {border-color: #fff;}
.card-image li p {padding: 0 15px 10px 15px; text-align: center; margin: 0; font-size: .9em; color: #666; transition: ease all .25s;}
.card-image li:hover p {padding: 0 0px 10px 0px;}
.card-image li p strong {display: block; text-transform: uppercase; font-size: 1.1em; border-bottom: 1px solid #000; padding-bottom: 5px; margin-bottom: 5px; color: #000; transition: ease all .25s;}
.card-image li:hover p strong {border-bottom: 1px solid #ccc;}

.candle-workflow {list-style: none; padding: 0;}
.candle-workflow li {display: flex; align-items: stretch; border: 1px solid #ccc; margin-bottom: 10px; transition: ease all .25s; border-radius: 5px; overflow: hidden; background: rgba(255, 255, 255, .9);}
.candle-workflow li:hover {border: 1px solid #000;}
.candle-workflow li strong {padding: 10px; display: flex; align-items: center; justify-content: center; background: #fff; color: #000; width: 50px; transition: ease all .25s; border-right: 1px solid #ccc;}
.candle-workflow li:hover strong {background: #000; color: #fff; border-right: 1px solid #fff;}
.candle-workflow li p {padding: 10px 15px; font-size: .9em; line-height: 1.4em; display: flex; align-items: center; margin: 0;}
.how-to-make-a-candle {padding: 0 !important;}
.how-to-make-a-candle a {border: 1px solid #000; padding: 10px; display: inline-block; border-radius: 5px; background: rgba(255, 255, 255, .9);}
.how-to-make-a-candle a:hover, .how-to-make-a-candle a:active, .how-to-make-a-candle a:focus {background: #000; border: 1px solid #000;}
.how-to-make-a-candle a img {width: 100%; height: auto;}

.candle-page .gallery-wrapper {margin: 0px auto 0 auto; padding: 20px; background: rgba(255, 255, 255, .9); border-top: 1px solid #000; border-bottom:  1px solid #000;}
.candle-page .gallery-wrapper a {border: 0 !important;}
.candle-page .gallery-wrapper a:hover, .candle-page .gallery-wrapper a:active, .candle-page .gallery-wrapper a:focus {opacity: .5; scale: .9; border-radius: 15px;} 
.candle-page .gallery-wrapper a img {max-width: 200px; width: 100%; height: auto; transition: ease all .25s;} 
.candle-page .gallery-wrapper a:hover img, .candle-page .gallery-wrapper a:active img, .candle-page .gallery-wrapper a:focus img {border-radius: 15px;} 

/* TESORO */

body.treasure-page {background: #ebe75d url(../img/bg-tesoro.png) no-repeat right bottom fixed;}
.treasure-page .left {background: #e5cb49;}
.treasure-page .menu ul li a.menu-light {border: 1px solid #fff;}
.treasure-page .menu ul li a.menu-light:hover, .treasure-page .menu ul li a.menu-light:active, .treasure-page .menu ul li a.menu-light:focus {border: 1px solid #c12b31;}
.treasure-page .content-txt > p:nth-of-type(2), .treasure-page .content-txt > p:nth-of-type(3), .treasure-page .content-txt > p:nth-of-type(4), .treasure-page .content-txt > p:nth-of-type(5), .treasure-page .content-txt > p:nth-of-type(7), .treasure-page .content-txt > p:nth-of-type(9) {background: rgba(235, 231, 93, .7);}
#signup {max-width: 425px; margin: 50px auto 50px auto; display: block; transition: ease all .25s; box-shadow: 0px 0px 0px rgba(0,0,0,0); border-radius: 0px; overflow: auto; padding: 10px; background: #fff; border-radius: 15px;}
#signup:hover {box-shadow: 0px 0px 50px rgba(255, 255, 255, .8);}
#signup h4 {margin: 0 auto 25px auto !important; line-height: 1.2em;}
#signup p {padding: 0;}
#signup p a {text-decoration: none !important;}
#signup p a:hover, #signup p a:active, #signup p a:focus {color: #000 !important;}
#signup input {margin: 5px auto !important;}
#signup button {transition: ease all .25s !important;}
#signup .checkbox .label-description::before {border-width: 2px !important;}
body.treasure-page footer .privacy a {background: rgba(235, 231, 93, .7); box-shadow: 0 0 25px rgba(0, 0, 0, .3);}

/* ARCHIVO */

body.archive-page {background: #fff url(../img/bg-tesoro-archivo.png) no-repeat right bottom fixed;}
.archive-page .left {background: #85db69;}
.archive-page .content-txt ul {list-style: none; padding: 0 0 0 20px;}
.archive-page .content-txt ul li {margin: 0; padding: 0; line-height: normal;}
.archive-page .content-txt ul li a {text-decoration: none; color: #636363; display: inline-block; margin: 0; padding: 5px; line-height: 1.2em; border-bottom: 1px solid #ccc; width: 100%; display: flex; flex-wrap: nowrap; align-items: center; font-size: .9em; background: rgba(255, 255, 255, .6);}
.archive-page .content-txt ul li:first-of-type a {border-top: 1px solid #ccc;}
.archive-page .content-txt ul li a:hover, .archive-page .content-txt ul li a:active, .archive-page .content-txt ul li a:focus {background: #f3f3f3 !important; color: #000 !important;}
.archive-page .content-txt ul li a .archive-numbers {background: #000; color: #fff; padding: 5px 7px; font-size: .9em; transition: ease all .25s; margin-right: 10px; white-space: nowrap; font-family: 'Courier New', Courier, monospace; border-radius: 4px; border: 1px solid #000;}
.archive-page .content-txt ul li a:hover .archive-numbers, .archive-page .content-txt ul li a:active .archive-numbers, .archive-page .content-txt ul li a:focus .archive-numbers {background: #85db69; color: #000; transition: ease all .25s; border: 1px solid #fff;}
.archive-page .content-txt ul li.anniversary a {border: 0px solid #000; margin-top: -1px; padding: 10px; border-radius: 3px; font-weight: bold; color: #000; background: #85db69;}
.archive-page .content-txt ul li.anniversary a:hover, .archive-page .content-txt ul li.anniversary a:active, .archive-page .content-txt ul li.anniversary a:focus {background: #000 !important; color: #fff !important;}

/* SOBRE MÍ */

body.about-page {background: #fff url(../img/bg-caminos.png) no-repeat center bottom;}
.about-page .left {background: #ff4747;}

.card-image.social-links {border-top: 1px solid #ccc !important; border-bottom: 1px solid #ccc !important; padding: 25px 0 !important; background: rgba(255, 255, 255, .9);}
.card-image.social-links li {border: 1px solid #fff !important; width: 100px; background: #fff;}
.card-image.social-links li a {background: #fff !important; border: 0 !important;}
.card-image.social-links li a span {display: block; padding: 12px; text-align: center;}
.card-image.social-links li a span img {max-width: 100%; padding: 15px; margin: 0; border: 0; padding: 0; max-width: 40px;}
.card-image.social-links li a p {padding: 12px; font-size: .8em; text-transform: uppercase; letter-spacing: 1px; color: #666;}

.tasks span {display: block; font-size: .9em; font-style: italic; color: #666; line-height: 1.6em;}
.about-page .content-txt .hello span {color: #fff; background: #ff4747; border-radius: 5px;}
.about-page .content-txt .hello span:hover {box-shadow: 10px 10px 0px rgba(0,0,0,1); color: #000;}
.who-am-i {margin: 50px auto 25px auto; max-width: 650px; width: 100%; height: auto;}

/* AYUDA */

body.help-page {background: #2d2d2d url(../img/bg-ayuda.png) no-repeat center bottom;}

.help-page .left {background: #2d2d2d;}
.help-page .left .david-artista-brand a {color: #fff;}
.help-page .menu ul li a {background: #fff; color: #000; border: 0 !important;}
.help-page .menu ul li a.menu-light {background: #2d2d2d; color: #fff; border: 1px solid #fff !important;}
.help-page .menu ul li a.menu-light:hover, .help-page .menu ul li a.menu-light:active, .help-page .menu ul li a.menu-light:focus {background: #c12b31; color: #fff; border: 1px solid #c12b31 !important;}
.menu > ul > li > a:hover, .menu > ul > li > a:active, .menu > ul > li > a:focus {color: #fff; background: #c12b31;}
.help-page .menu ul .submenu {border-left: 1px solid #fff;}
.help-page .menu .submenu-indicator svg path.path-adj {fill: #000 !important;}
.menu > ul > li > a:hover .submenu-indicator svg path.path-adj, .menu > ul > li > a:active .submenu-indicator svg path.path-adj, .menu > ul > li > a:focus .submenu-indicator svg path.path-adj {fill: #fff !important;}
.help-page .menu:hover  {fill: #fff !important;}
.help-page .content-txt h2 { color: #fff;}
.help-page .content-txt h3 {color: #fff;}
.help-page .content-txt p, .help-page .content-txt ul, .help-page .content-txt ol {color: #fff;}
.help-page .content-txt .hello span:hover {box-shadow: 0px 0px 15px rgb(255 255 255);}
.help-page .content-txt p.signature::before {border-top: 1px solid #fff;}
.help-page footer {background: transparent;}
.help-page footer .copy {color: #fff;}
.help-page footer .copy::before {border-top: 1px solid #fff;}
.help-page footer .privacy a {color: #fff; background: rgba(0, 0, 0, .5);}

.help-page .card-image.social-links {border: 0 !important; padding: 0 !important; background: none;}
.help-page .card-image.social-links li {border: 0 !important; width: 150px; border-radius: 10px; background: #e5e5e5;}
.help-page .card-image.social-links li:hover {box-shadow: 0 0 10px #fff; rotate: 4deg; scale: 0.95; border-radius: 15px;}
.help-page .card-image.social-links li a {width: 100%; display: flex; flex-direction: column; height: 100%; background: #e5e5e5 !important;}
.help-page .card-image.social-links li a span {height: 150px; display: flex; justify-content: center; align-items: center; padding: 12px; background: #fff;}
.help-page .card-image.social-links li a span img {max-width: 100px; height: auto;}
.help-page .card-image.social-links li a p {font-size: .9em; text-transform: none; letter-spacing: 0; color: #000; border-top: 0px solid #000; font-weight: bold; line-height: 1.4em; background: #e5e5e5;}

/* HOLA */

body.hello-page {background: #e7e7e7 url(../img/bg-contacto.png) repeat center center fixed;}
.hello-page .left {background: #fff;}
.content-txt .hello span {color: #000; padding: 40px 25px; display: inline-block; letter-spacing: 1px; font-weight: 500; word-break: break-all; box-shadow: 0px 0px 0px rgba(0,0,0,0); transition: ease all .25s; font-size: 2em; max-width: 445px; width: 100%; text-align: center; background: #fff; border-radius: 5px;}
.content-txt .hello span:hover {box-shadow: 10px 10px 0px rgba(0,0,0,1);}
.hello-page .content-txt p.signature {border-bottom: 1px solid #7f7f7f;}
.hello-social {list-style: none; display: flex; flex-wrap: wrap; padding: 0 0 0 25px !important;}
.hello-social li {margin: 0 !important; padding: 0 !important;}
.hello-social li a {text-decoration: none; background: #000; border-radius: 5px; color: #fff; padding: 5px 10px; font-weight: bold; margin: 0 5px 5px 0; display: inline-block; border: 1px solid #000 !important;}
.hello-social li a:hover, .hello-social li a:active, .hello-social li a:focus {background: #fff; color: #000;}

/* PRIVACIDAD */

body.privacy-page {background: #fff;}
.privacy-page .left {background: #69edc9;}

/* MAILING SUBSCRIPTION */

.subscription-page .left {border-right: 1px solid #000;}

/* REYES 2026*/

body.kings2026-page {background: #ff4747;}
body.kings2026-page .left {background: #ff4747;}
body.kings2026-page .menu ul li a.menu-light {border: 1px solid #fff;}
body.kings2026-page .menu ul li a.menu-light:hover, body.kings2026-page .menu ul li a.menu-light:active, body.kings2026-page .menu ul li a.menu-light:focus {border: 1px solid #c12b31;}
body.kings2026-page .content-txt p {padding: 45px; background: #fff; border-radius: 15px;}
@media all and (max-width: 450px) {body.kings2026-page .content-txt p {padding: 25px;}}

/* FOOTER */

footer .copy {color: #000; position: fixed; z-index: 3; rotate: -90deg; left: -56px; bottom: 95px;}
footer .copy::before {border-top: 1px solid #000; width: 100px; display: inline-block; content: ''; margin: 0 10px 5px 0;}
footer .privacy a {color: #000; position: fixed; z-index: 3; right: 20px; bottom: 20px; display: inline-block; text-transform: uppercase; text-decoration: none; font-weight: bold; padding: 10px 15px; border-radius: 5px; background: rgba(255, 255, 255, .7);}
footer .privacy a:hover, footer .privacy a:active, footer .privacy a:focus {background: #fff !important; color: #c12b31; box-shadow: none !important;}

/* SLIDE */

.bx-wrapper .bx-controls-direction a {bottom: 10px; top: inherit !important; width: 40px; height: 40px; box-shadow: 0 0 10px rgba(0,0,0,.8); border: 0 !important;}
.bx-wrapper .bx-prev {background: #fff url(../img/arrow-left.png) no-repeat center center !important; border-radius: 100px; right: 51%; left: inherit !important; margin-left: -16px;}
.bx-wrapper .bx-next {background:#fff url(../img/arrow-right.png) no-repeat center center !important; border-radius: 100px; left: 51%; right: inherit !important; margin-right: -16px;}
.bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover, .bx-wrapper .bx-prev:active, .bx-wrapper .bx-next:active, .bx-wrapper .bx-prev:focus, .bx-wrapper .bx-next:focus {box-shadow: 0 0 5px rgba(0,0,0,.8) !important; transform: rotate(360deg) scale(.9) !important;}

/* MODAL */

.venoratio {background: #000 !important;}
.vbox-container {overflow-y: hidden !important;}
.vbox-close {padding: 15px !important; background: #c12b31; top: 10px !important; right: 10px !important; border-radius: 5px;}
.vbox-title {background: #fff !important; color: #000 !important; border-radius: 5px 5px 0 0 !important; font-weight: bold;}
.vbox-child, .vbox-container img, .vbox-child > iframe {border-radius: 15px;}

/* EXPANDABLE */

.expandable p:last-child {margin-bottom: 45px;}
.expandable .expand-bar::before {background: linear-gradient(to bottom, rgba(45,45,45,0) 0%, rgb(45,45,45,80%) 41%, rgb(45,45,45) 70%) !important;}
.expandable .expand-bar {left: 25px !important; width: calc(100% - 25px) !important; border-radius: 4px; border: 0 !important; background: #fff; height: 28px; display: flex !important; align-items: center;}
.expandable .expand-bar:hover, .expandable .expand-bar:active, .expandable .expand-bar:focus {background: #c12b31; color: #fff;}
.expandable .expand-bar:hover i::before, .expandable .expand-bar:hover i::after, .expandable .expand-bar:active i::before, .expandable .expand-bar:active i::after, .expandable .expand-bar:focus i::before, .expandable .expand-bar:focus i::after {background: #fff !important;}

.books-page .expandable .expand-bar::before,
.candle-page .expandable .expand-bar::before {background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 41%, rgb(255, 255, 255) 70%) !important;}
.books-page .expandable .expand-bar,
.candle-page .expandable .expand-bar {background: #000; color: #fff;}
.books-page .expandable .expand-bar:hover, .books-page .expandable .expand-bar:active, .books-page .expandable .expand-bar:focus,
.candle-page .expandable .expand-bar:hover, .candle-page .expandable .expand-bar:active, .candle-page .expandable .expand-bar:focus {background: #c12b31; color: #fff;}
.books-page .expandable .expand-bar i::before, .books-page .expandable .expand-bar i::after,
.candle-page .expandable .expand-bar i::before, .candle-page .expandable .expand-bar i::after {background: #fff;}

.books-page .hide-content-1, .candle-page .hide-content-1 {max-width: 450px;}
.books-page .expandable .expand-bar, .candle-page .expandable .expand-bar {left: 110px !important; width: calc(100% - 200px) !important;}
 
/* COOKIE */

.cookieinfo {max-width: 150px; bottom: 30px !important; left: 30px !important; padding: 5px 5px 5px 20px !important; background: #fff !important; box-shadow: 0 5px 12px rgba(0,0,0,.2); color: #000 !important; transition: ease all .25s; border-radius: 100px; font-size: 12px !important; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; z-index: 999 !important;}
.cookieinfo:hover {box-shadow: 0 0 5px rgba(0,0,0,.8)}
.cookieinfo span {padding: 0 !important; line-height: 2em;}
.cookieinfo a {padding-bottom: 0px; border-bottom: 1px solid #8367ff; color: #8367ff !important;}
.cookieinfo a:hover, .cookieinfo a:active, .cookieinfo a:focus {color: #000 !important; border-bottom: 1px solid #fff;}
.cookieinfo .cookieinfo-close {min-width: 35px !important; font-weight: bold; transition: ease all .25s; border-radius: 100px !important; padding: 7px 9px 5px 9px !important; line-height: 2em;}
.cookieinfo .cookieinfo-close:hover, .cookieinfo .cookieinfo-close:active, .cookieinfo .cookieinfo-close:focus {background: #000 !important; color: #fff !important}

/* TOP */

.scrolltop {position: fixed; right: 30px; bottom: 80px; border-radius: 100px; display: inline-block; width: 45px; height: 45px; background: #fff url(../img/arrow-top.png) no-repeat center center; visibility: hidden; opacity: 0; transition: all 0.5s; z-index: 10; box-shadow: 0 5px 12px rgba(0,0,0,.2); border: 0;}
.scrolltop:hover, .scrolltop:active, .scrolltop:focus {box-shadow: 0 0 5px rgba(0,0,0,.8); transform: rotate(360deg) scale(.9); background-color: #fff; border: 0;}
.scrolltop.active {visibility: visible; opacity: 1;}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media all and (max-width: 1335px) {
.home-page .content {flex-direction: column; align-items: center;}
.project {margin: 100px 50px;}
.project .project-text {width: 500px;}
}

@media all and (max-width: 1160px) {
.books-page .gallery-wrapper .project {align-content: center; flex-direction: column !important;}
.books-page .gallery-wrapper .project .project-text {max-width: 500px; width: 100%; margin-top: 50px;}
.books-page .gallery-wrapper .project:nth-of-type(odd) .project-text {margin-left: 0px;}
.books-page .gallery-wrapper .project:nth-of-type(even) .project-text {margin-right: 0px;}
}

@media all and (max-width: 970px) {
.sheep-white-davidartista {width: 350px; height: auto; top: -20px; right: -70px;}
.sheep-davidartista {width: 150px;}
.project {flex-wrap: wrap; width: 100%; max-width: 400px; margin: 0; padding: 25px;}
.project.next-project {margin: 0px; padding: 20px 20px 20px 20px;}
.project .project-image {width: 100%; max-width: 350px; height: auto; border-bottom: 0; margin: 0; border-radius: 15px 15px 0 0;}
.project .project-text {max-width: 350px; min-height: auto; padding: 35px; border-radius: 0 0 15px 15px;}
.project .info {max-width: 100%;}
.project.next-project .project-text {border-radius: 0 0 15px 15px;}
.project .description {margin: 0 0 25px 0px;}
.project .buttons {flex-direction: column;}
.project .buttons .button {margin: 0px 0px 6px 0px;}
.project .buttons .button:last-child {margin: 0px 0px 0px 0px;}
.project .buttons .button:hover, .project .buttons .button:active, .project .buttons .button:focus {translate: 0px 0px;}
.content-txt p, .content-txt ul, .content-txt ol {max-width: 450px;}
.content-txt .content-div, .content-txt .expandable {max-width: 450px;}
.content-txt h2 {max-width: 450px;}
.content-txt h3 {max-width: 450px;}
.content-txt .html-responsive {max-width: 450px;}
.archive-page .content-txt ul {list-style: none; padding: 0 0 0 0px;}

.books-page .expandable .expand-bar, .candle-page .expandable .expand-bar {left: 25px !important; width: calc(100% - 25px) !important;}
}

@media all and (max-width: 800px) {
.intro-text {padding: 50px 50px 50px 150px;}
.content-txt p, .content-txt ul, .content-txt ol {max-width: 400px;}
.content-txt .content-div, .content-txt .expandable {max-width: 400px;}
.content-txt h2 {max-width: 400px;}
.content-txt h3 {max-width: 400px;}
.content-txt .html-responsive {max-width: 400px;}
.content-txt .hello span {font-size: 1.5em;}
body.treasure-page, body.archive-page {background-size: 500px !important;}

.books-page .gallery-wrapper .project .project-text {max-width: 350px;}
.books-page .gallery-wrapper .project .project-text h3 {max-width: 450px;}
.books-page .gallery-wrapper .project .project-text .description p {max-width: 450px;}
}

@media all and (max-width: 710px) {
.sheep-white-davidartista {top: 155px;}
.sheep-davidartista {position: absolute; top: 190px;}
.wrapper {flex-direction: column;}
.left {position: relative; width: 100%; height: 167px;}
.home-page .left {box-shadow: 0 10px 25px rgba(0,0,0,.15);}
.left .david-artista-brand a {font-size: 2.5em; margin: 52px 0 52px 50px;}
.menu-wrapper {position: relative; width: auto; height: auto; left: 0; margin: -25px 0 0 25px;}
.content, .home-page .content {margin: 0px 0 100px 0px;}
.intro-text {padding: 50px 50px 50px 50px;}
.project h3 {font-size: 1.5em;}
.content-txt h2 {margin: 80px auto 100px auto;}
.content-txt h3 {font-size: 1.4em; line-height: 1.4em;}
#signup h4 {font-size: 1.7em !important;}
.home-page .content .proyects-h2 {padding: 50px 25px;}
.home-page .content .proyects-h2 h2 {font-size: 2em;}
.projects-page .left, .suscription-page .left {border-right: 0; border-bottom: 1px solid #000;}
.brand-footer {margin: 35px auto 150px auto;}
.brand-footer h5 {padding: 0 35px; max-width: 340px;}
.content-txt p.signature {margin-bottom: 50px;}
footer {display: flex; padding: 50px; justify-content: space-between; flex-wrap: wrap;}
footer .copy {position: absolute; rotate: 0deg; z-index: 3; left: 20px; bottom: 20px; display: inline-block; text-decoration: none; padding: 10px 15px; border-radius: 5px; background: rgba(255, 255, 255, .7); transition: all ease .25s;}
footer .copy::before {border-top: 0px solid #000; width: 0px; content: ''; margin: 0;}
footer .copy:hover, footer .copy:active, footer .copy:focus {background: #fff !important; box-shadow: none !important;}
footer .privacy a {position: absolute;}
.help-page footer .copy {background: #2d2d2d !important;}
.books-page .gallery-wrapper .project .project-text {max-width: 600px;}

.cookieinfo {bottom: 20px !important; left: 20px !important; border-radius: 30px 100px 100px 30px;}
.scrolltop {position: absolute; opacity: 1 !important; visibility: visible !important;}
}

@media all and (max-width: 565px) {
.content.content-txt {padding: 0 25px;}
.content-txt h2 {font-size: 2em;}
.content-txt p {padding: 0px;}
.content-txt ul, .content-txt ol {padding: 0px 0 0 20px;}
.expandable .expand-bar, .books-page .expandable .expand-bar, .candle-page .expandable .expand-bar {left: 0px !important; width: calc(100% - 0px) !important;}
.content-txt .html-responsive {padding: 0px;}
#signup {margin: 50px auto 35px auto;}
body.treasure-page, body.archive-page {background-size: 400px !important;}
.gallery-wrapper {padding: 20px 0;}
.gallery-wrapper .project {margin: 20px 0;}
img.piedrecitas {width: 100%;}
.hello-social {padding: 0 0 0 0px !important;}

.books-page .content.content-txt {padding: 0 0px;}
.books-page .content-txt h2 {padding: 0 25px;}
.books-page .content-txt p.big-text {padding: 0 25px;}
.books-page .content-txt .expandable {padding: 0 25px;}
.books-page .gallery-wrapper .project {padding: 150px 25px;}
.books-page .expandable .expand-bar {left: 25px !important; width: calc(100% - 50px) !important;}
}

@media all and (max-width: 450px) {
.sheep-white-davidartista {top: 125px; right: -120px;}
.left {height: 142px;}
.left .david-artista-brand a {margin: 49px 0 49px 25px; font-size: 1.8em; letter-spacing: -3px;}
.left ul {margin: 0 0 0 35px;}
.intro-text {padding: 50px 35px 50px 35px;}
.intro-text p, .big-text {font-size: 1.1em !important;}
.content-txt .hello span {padding: 20px 15px; font-size: 1.2em;}
.project .project-text {padding: 25px;}
.project.next-project .project-text {padding: 40px 25px 25px 25px;}
footer {padding: 50px 35px;}
.scrolltop {right: 35px;}

.books-page .gallery-wrapper .project .info {margin-left: 10px; width: calc(100% - 20px);; max-width: 100%;}
.books-page .gallery-wrapper .project h3 {padding: 30px 10px 0 10px;}
.books-page .gallery-wrapper .project .description {padding: 30px 10px;}
.books-page .gallery-wrapper .project .buttons {padding: 0 10px 30px 10px;}
.books-page .gallery-wrapper .project .buttons .button {margin: 3px 0px 3px 0px; width: 100%;}
}

@media all and (max-width: 365px) {
.sheep-davidartista {right: 15px;}
}

/* --------------------------------------------
FONTS
----------------------------------------------- */

/* Generated by https://transfonter.org/: On (Add local rule, Fix vertical metrics), Formats (All), Font directory (Add) */
/* Compressed with https://csscompressor.com/: High (moderate readability, smaller size) */

/* Poppins */

@font-face{font-family:'Poppins';src:url(fonts/poppins/Poppins-MediumItalic.eot);src:local('Poppins Medium Italic'),local(Poppins-MediumItalic),url(fonts/poppins/Poppins-MediumItalic.eot?#iefix) format("embedded-opentype"),url(fonts/poppins/Poppins-MediumItalic.woff2) format("woff2"),url(fonts/poppins/Poppins-MediumItalic.woff) format("woff"),url(fonts/poppins/Poppins-MediumItalic.ttf) format("truetype"),url(fonts/poppins/Poppins-MediumItalic.svg#Poppins-MediumItalic) format("svg");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url(fonts/poppins/Poppins-Medium.eot);src:local('Poppins Medium'),local(Poppins-Medium),url(fonts/poppins/Poppins-Medium.eot?#iefix) format("embedded-opentype"),url(fonts/poppins/Poppins-Medium.woff2) format("woff2"),url(fonts/poppins/Poppins-Medium.woff) format("woff"),url(fonts/poppins/Poppins-Medium.ttf) format("truetype"),url(fonts/poppins/Poppins-Medium.svg#Poppins-Medium) format("svg");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url(fonts/poppins/Poppins-SemiBoldItalic.eot);src:local('Poppins SemiBold Italic'),local(Poppins-SemiBoldItalic),url(fonts/poppins/Poppins-SemiBoldItalic.eot?#iefix) format("embedded-opentype"),url(fonts/poppins/Poppins-SemiBoldItalic.woff2) format("woff2"),url(fonts/poppins/Poppins-SemiBoldItalic.woff) format("woff"),url(fonts/poppins/Poppins-SemiBoldItalic.ttf) format("truetype"),url(fonts/poppins/Poppins-SemiBoldItalic.svg#Poppins-SemiBoldItalic) format("svg");font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url(fonts/poppins/Poppins-Bold.eot);src:local('Poppins Bold'),local(Poppins-Bold),url(fonts/poppins/Poppins-Bold.eot?#iefix) format("embedded-opentype"),url(fonts/poppins/Poppins-Bold.woff2) format("woff2"),url(fonts/poppins/Poppins-Bold.woff) format("woff"),url(fonts/poppins/Poppins-Bold.ttf) format("truetype"),url(fonts/poppins/Poppins-Bold.svg#Poppins-Bold) format("svg");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url(fonts/poppins/Poppins-Regular.eot);src:local('Poppins Regular'),local(Poppins-Regular),url(fonts/poppins/Poppins-Regular.eot?#iefix) format("embedded-opentype"),url(fonts/poppins/Poppins-Regular.woff2) format("woff2"),url(fonts/poppins/Poppins-Regular.woff) format("woff"),url(fonts/poppins/Poppins-Regular.ttf) format("truetype"),url(fonts/poppins/Poppins-Regular.svg#Poppins-Regular) format("svg");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url(fonts/poppins/Poppins-Italic.eot);src:local('Poppins Italic'),local(Poppins-Italic),url(fonts/poppins/Poppins-Italic.eot?#iefix) format("embedded-opentype"),url(fonts/poppins/Poppins-Italic.woff2) format("woff2"),url(fonts/poppins/Poppins-Italic.woff) format("woff"),url(fonts/poppins/Poppins-Italic.ttf) format("truetype"),url(fonts/poppins/Poppins-Italic.svg#Poppins-Italic) format("svg");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url(fonts/poppins/Poppins-BoldItalic.eot);src:local('Poppins Bold Italic'),local(Poppins-BoldItalic),url(fonts/poppins/Poppins-BoldItalic.eot?#iefix) format("embedded-opentype"),url(fonts/poppins/Poppins-BoldItalic.woff2) format("woff2"),url(fonts/poppins/Poppins-BoldItalic.woff) format("woff"),url(fonts/poppins/Poppins-BoldItalic.ttf) format("truetype"),url(fonts/poppins/Poppins-BoldItalic.svg#Poppins-BoldItalic) format("svg");font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url(fonts/poppins/Poppins-SemiBold.eot);src:local('Poppins SemiBold'),local(Poppins-SemiBold),url(fonts/poppins/Poppins-SemiBold.eot?#iefix) format("embedded-opentype"),url(fonts/poppins/Poppins-SemiBold.woff2) format("woff2"),url(fonts/poppins/Poppins-SemiBold.woff) format("woff"),url(fonts/poppins/Poppins-SemiBold.ttf) format("truetype"),url(fonts/poppins/Poppins-SemiBold.svg#Poppins-SemiBold) format("svg");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Poppins';src:url(fonts/poppins/Poppins-LightItalic.eot);src:local('Poppins Light Italic'),local(Poppins-LightItalic),url(fonts/poppins/Poppins-LightItalic.eot?#iefix) format("embedded-opentype"),url(fonts/poppins/Poppins-LightItalic.woff2) format("woff2"),url(fonts/poppins/Poppins-LightItalic.woff) format("woff"),url(fonts/poppins/Poppins-LightItalic.ttf) format("truetype"),url(fonts/poppins/Poppins-LightItalic.svg#Poppins-LightItalic) format("svg");font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Poppins';src:url(fonts/poppins/Poppins-Light.eot);src:local('Poppins Light'),local(Poppins-Light),url(fonts/poppins/Poppins-Light.eot?#iefix) format("embedded-opentype"),url(fonts/poppins/Poppins-Light.woff2) format("woff2"),url(fonts/poppins/Poppins-Light.woff) format("woff"),url(fonts/poppins/Poppins-Light.ttf) format("truetype"),url(fonts/poppins/Poppins-Light.svg#Poppins-Light) format("svg");font-weight:300;font-style:normal;font-display:swap}