/**/
:root { --color-yellow: rgb(255 225 60); --color-orange: #ffce3b; --color-purple: #9247ff; }

/*Bootstrap changes*/
h5, .h5 { font-size: 1.1rem; }
figure { margin: 0; }
.btn { font-weight: bold; }
.btn-primary { color: #fff !important; background-color: #35ddc3; border-color: #35ddc3; }
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active { color: #fff; background-color: #1fcab0; border-color: #1fcab0; }
.btn-primary:focus, .btn-primary.focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus { box-shadow: 0 0 0 0.2rem rgba(53, 221, 195, 0.5); }
.btn-yellow { color: #000; background-color: var(--color-yellow); border-color: var(--color-yellow); }
.btn-yellow:hover, .btn-yellow:focus, .btn-dark.focus { box-shadow: 0 0 0 0.2rem rgba(255, 225, 60, 0.2); color: #000 }
.ov-hidden { overflow: hidden !important }
.form-control:focus { box-shadow: none; border-color: #e5ebf1; }
.container.w-100 { max-width: 100%; padding: 0; }

/**/
html { font-size: 16px; }
body { font-family: 'Archivo', sans-serif; color: #969696; font-size: 1rem; }
ul, li { list-style: none; margin: 0; padding: 0; }
section { padding-top: 6rem; padding-bottom: 6rem; position: relative; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px #fff inset; -webkit-text-fill-color: #000000 !important; }
select { -moz-appearance: none; -ms-appearance: none; -webkit-appearance: none; appearance: none; }
select::-ms-expand { display: none; }
textarea { resize: none; }
a { transition: 0.3s ease all; -webkit-transition: 0.3s ease all; }
.bold { font-weight: bold; }
:focus { outline: 0; }
::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder, :-ms-input-placeholder { color: inherit; opacity: .5; }
::-webkit-scrollbar { display: none; }
.link { transition: .3s ease all; text-decoration: underline; color: inherit; }
.link:hover { cursor: pointer; text-decoration: underline; }
.c-green { color: #2aec93; }
.c-yellow { color: var(--color-yellow); }
.c-orange { color: var(--color-orange); }
.c-purple { color: var(--color-purple); }
.c-black { color: #000; }
.c-white { color: #fff }
.c-gray { color: #848f9b; }
.bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; object-fit: cover; }
.vertical-line { position: relative; text-align: center; height: 6rem; }
.vertical-line:before { content: ""; width: 1px; height: auto; top: 0; bottom: 0; position: absolute; left: 0; right: 0; margin: auto; background-color: #e2e2e2; }

/**/
.icon { background-position: center; background-size: contain; display: inline-block; }
.icon-services { background-image: url(../img/icon-services.svg); background-size: cover; }
.icon-services-1 { background-position: 0 0; }
.icon-services-2 { background-position: 9.1% 0; }
.icon-services-3 { background-position: 18.2% 0; }
.icon-services-4 { background-position: 27.3% 0; }
.icon-services-5 { background-position: 36.4% 0; }
.icon-services-6 { background-position: 45.5% 0; }
.icon-services-7 { background-position: 54.6% 0; }
.icon-services-8 { background-position: 63.7% 0; }
.icon-services-9 { background-position: 72.8% 0; }
.icon-services-10 { background-position: 81.9% 0; }
.icon-services-11 { background-position: 91% 0; }
.icon-services-12 { background-position: 100% 0; }

/**/
[type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; left: -9999px; }
[type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label { position: relative; padding-left: 34px; cursor: pointer; }
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before, [type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { content: ''; position: absolute; height: 12px; transition: all .3s ease; }
[type="checkbox"]:not(:checked) + label:before, [type="checkbox"]:checked + label:before { left: 0; top: 0; width: 22px; height: 12px; background: #dddddd; border-radius: 1.1em; box-shadow: 0 0 0 3px #dddddd; }
[type="checkbox"]:not(:checked) + label:after, [type="checkbox"]:checked + label:after { left: 0px; top: 0px; background-color: #fff; border-radius: 50%; width: 12px; }
[type="checkbox"]:checked + label:after { left: 10px; }
[type="checkbox"]:checked + label:before { background-color: var(--color-purple); border-color: var(--color-purple); box-shadow: 0 0 0 3px var(--color-purple); }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; top: 0; left: 0; display: flex; margin-left: auto; margin-right: auto; }
.slick-track:before, .slick-track:after { display: table; content: ''; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: none; float: left; height: auto; margin: 0; }
[dir='rtl'] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; }
.slick-arrow.slick-hidden { display: none; }

/**/
.accordeon-list { list-style: none; margin: 0; padding: 0; }
.accordeon-list li { padding: 1.5rem; background-color: #fff; border-radius: 2rem; margin: 1rem 0; text-align: left; }
.accordeon-list li:hover { cursor: pointer; }
.accordeon-list li p:last-child { margin: 0; }
.accordeon-list li h4 { margin: 0; position: relative; padding-right: 2rem; color: #545e5e; }
.accordeon-list li h4 i { position: absolute; top: 0; right: 0; bottom: 0; margin: auto; transform: rotate(225deg); transition: .3s ease all; width: 1.5rem; width: 1.5rem; filter: invert(54%) sepia(14%) saturate(505%) hue-rotate(170deg) brightness(88%) contrast(90%); }
.accordeon-list li h4 + div { overflow: hidden; margin-top: 0; transition: .3s ease all; }
.accordeon-list li h4 + div { margin-top: .5rem; }
.accordeon-list li.hidden h4 i { transform: rotate(0deg); }
.accordeon-list li.hidden h4 + div { height: 0 !important; overflow: hidden; margin-top: 0; }

/**/
header { padding: 1.5rem 0; position: fixed; top: 0; left: 0; width: 100%; z-index: 1; background-color: #fff; }
header .logo { height: 3.5rem; }
nav a { padding: .75rem; color: #000; }
nav a:hover { color: #6e6d7a; text-decoration: none; }
nav .social { margin-right: .5rem; }

/**/
.sect-1 { background-color: var(--color-orange); color: #000; padding-top: 0; min-height: 100vh; display: flex; align-items: center; justify-content: center; animation: fade_1 1s linear; overflow: hidden; position: relative; }
.sect-1 figure { width: 100%; display: inline-block; border-radius: 2rem; overflow: hidden; aspect-ratio: 2/3; position: relative; }
.sect-1 figure img, .sect-1 figure video { width: 100%; height: 100%; object-fit: cover; position: absolute; transform: scale(1.2); top: 0; left: 0; }
.sect-1 video { }
.sect-1 .filter { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 0; }
.sect-1 h4 { line-height: 1.4; }
.sect-1 .bg-img { position: absolute; top: 6rem; left: 0; right: 0; bottom: 0; margin: auto; height: 80%; animation: rotate_1 30s infinite linear; }
.sect-1 .typing { position: relative; }
.sect-1 .typing:after { animation: 1s anim_cursor infinite; display: inline-block; content: ''; position: absolute; right: -.75rem; bottom: 0; }
@keyframes anim_cursor {
    from { content: ' '; }
    to { content: '|'; }
}
.sect-1 .bottom { position: absolute; bottom: 0; left: 0; right: 0; margin: auto; text-align: center; }
.sect-1 .bottom .mouse {width: 1.75rem;aspect-ratio: 2.5/4;-webkit-border-radius: 15px;border: 2px solid #000;display: inline-block;}
.sect-1 .bottom .mouse i {background-color: #000;-webkit-border-radius: 50%;top: 8px;width: .4rem;aspect-ratio: 1/1;position: absolute;display: inline-block;margin: auto;left: 0;right: 0;-webkit-animation: scroll 2s linear infinite;}
.sect-1 .bottom .vertical-line:before {background-color: #000;}

/**/
.sect-2 { text-align: center; padding-top: 0; }
.sect-2 .icon-services { height: 4rem; width: 4rem; position: absolute; left: 1rem; top: 1rem; margin: auto; }
.sect-2 .services-list li { padding: 0; margin: 0; width: 50%; padding: .5rem; }
.sect-2 .services-list li > div { padding: 1rem 1rem 1rem 6rem; padding-bottom: 1rem; border-radius: .5rem; height: 100%; text-align: left; position: relative; border: 1px solid #e5ebf1; }
.sect-2 .slick-dots { display: flex; align-items: center; justify-content: space-around; padding: 0 .5rem; border-radius: 1rem; }
.sect-2 .slick-dots li { padding: 0; width: 100%; }
.sect-2 .slick-dots .slick-active button { background-color: #aeea01; }
.sect-2 .slick-dots button { font-size: 0; border: 0; background-color: #e4eaed; height: .4rem; width: 100%; }

/**/
.sect-3 { padding-bottom: 2rem; }
.list-categories { text-align: center; white-space: nowrap; overflow: scroll; margin-bottom: 1rem; }
.list-categories li { display: inline-block; padding: .75rem; border-radius: 1rem; }
.list-categories li.selected { background: rgb(242 245 248); color: #000; font-weight: bold; }
.list-categories li:hover { cursor: pointer; }
.list-gallery { padding: 1rem; display: grid; grid-gap: 2rem; grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }
.list-gallery li { width: 100%; margin-bottom: 1rem; }
.list-gallery li:hover { cursor: pointer; }
.list-gallery li > div { }
.list-gallery li figure img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.list-gallery li .a { }
.list-gallery li .a figure { overflow: hidden; border-radius: .5rem; position: relative; margin: 0 0 1rem 0; }
.list-gallery li .a figure:before { content: ""; display: block; aspect-ratio: auto 4/3; }
.list-gallery li .a figure .hover { position: absolute; top: 0; left: 0; background: linear-gradient(180deg, rgba(0, 0, 0, .5) 20%, transparent 80%); width: 100%; height: 100%; padding: 1rem; opacity: 0; transition: .3s ease all; }
.list-gallery li .a figure:hover .hover { opacity: 1; }
.list-gallery li .a figure .tag { background-color: #fff; color: #000; padding: 0.2rem; border-radius: 0.2rem; font-size: .7rem; font-weight: bold; text-transform: uppercase; letter-spacing: .1rem; }
.list-gallery li .b { position: relative; padding-left: 3rem; height: 2.5rem; display: flex; flex-direction: column; justify-content: center; }
.list-gallery li .b figure { overflow: hidden; border-radius: 50%; position: absolute; width: 2.5rem; height: 2.5rem; top: 0; left: 0; background-color: #f2f5f8; }
.list-gallery li .b * { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0; }
.list-gallery li .tag { background-color: var(--color-purple); color: #fff; padding: 0.2rem; border-radius: 0.2rem; font-size: .7rem; font-weight: bold; text-transform: uppercase; letter-spacing: .1rem; }
.list-gallery li .h6 { color: #000 }

/**/
.sect-4 { border-top: 1px solid #e5ebf1; }
.list-jobs { padding: .5rem; }
.list-jobs li { padding-top: 1.5rem; padding-bottom: 1.5rem; border-bottom: 1px solid #e5ebf1; position: relative; }
.list-jobs li >.a:hover { cursor: pointer; }
.list-jobs li:last-child { border-bottom: 0; }
.list-jobs li .a { padding-left: 5rem; position: relative; min-height: 4rem; display: flex; align-items: center; }
.list-jobs li .a-a { }
.list-jobs li .a .logo { width: 4rem; height: 4rem; position: absolute; border-radius: .5rem; background-color: #f2f5f8; left: 1rem; top: 0; bottom: 0; margin: auto; overflow: hidden; }
.list-jobs li .a .logo img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.list-jobs li .a * { line-height: 1.5rem; margin: 0; }
.list-jobs li .a-b { text-align: right; }
.list-jobs li .b { transition: .3s ease all; overflow: hidden; }
.list-jobs li.hidden .b { height: 0 !important; }
.list-jobs li.hidden:hover { }

/**/
.sect-5 { border-top: 1px solid #e5ebf1; }
.list-edu li { padding: .5rem; margin: 0; }
.list-edu li > div { background-color: #fff; padding: 1rem; padding-left: 6rem; border-radius: 1rem; height: 100%; text-align: left; border: 1px solid #e5ebf1; position: relative; }
.list-edu figure { overflow: hidden; border-radius: .5rem; position: relative; margin: 0; width: 4rem; height: 4rem; display: inline-block; position: absolute; left: 1rem; top: 1rem; }
.list-edu figure img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.list-edu .bi { position: absolute; top: -2.5rem; right: .5rem; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; border: 1px solid #e5ebf1; border-radius: 50%; }
.list-edu .bi:hover { cursor: pointer; }
.list-edu .bi.left { right: 3rem; }
.list-edu .bi.right { }

/**/
.sect-6 { background-color: #000; text-align: center; padding-top: 0; color: #ccc; }
.sect-6 .bg { opacity: .4; object-position: top; }
.sect-6 i { font-size: 1.5rem; color: var(--color-yellow); }
.sect-6 a { color: #fff }
.sect-6 a:hover { text-decoration: none; }

/**/
.sect-7 { padding-top: 0; text-align: center; }
.form-group { text-align: left; }
.form-group label { font-weight: bold; text-transform: uppercase; font-size: .8rem; color: #848f9b; line-height: 1; margin-bottom: .8rem; letter-spacing: .1rem; }
.form-group .form-check-label { font-size: .9rem; font-weight: normal; text-transform: none; letter-spacing: normal; }
.form-group .form-check-label a, .form-group .form-check-label a:hover { color: #848f9b; text-decoration: underline; }
.form-control { padding: 0.75rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000;/* background-color: #f8f8f8; */ height: auto !important; border: 1px solid #e5ebf1; }
.form-group.wrong label, .form-check.wrong * { color: #f44336 !important; }
.form-group.wrong .form-control { border-color: #f44336; }
.form-group.wrong::placeholder { color: #f44336 !important; }

/**/
.sect-8 { text-align: center; background-color: #000; position: relative; z-index: 0; }
.list-photos { }
.list-photos li { padding: 0 1rem; transition: .3s linear all; }
.list-photos li figure { overflow: hidden; aspect-ratio: 4/7; }
.list-photos li figure img { width: 100%; height: 100%; object-fit: cover; }
.list-photos li:not(.slick-current) { transform: scale(.8); opacity: 0.5; }
.list-photos .bi { position: absolute; top: 0; bottom: 0; width: 2rem; height: 2rem; line-height: 2rem; text-align: center; background-color: rgb(70 70 70 / 50%); border-radius: 50%; margin: auto; z-index: 1; }
.list-photos .bi:hover { cursor: pointer; }
.list-photos .bi:before { color: var(--color-yellow); }
.list-photos .bi.left { left: 40%; transform: translateX(-50%); }
.list-photos .bi.right { right: 40%; transform: translateX(50%); }

/**/
footer { padding-top: 2rem; padding-bottom: 2rem; font-size: .85rem; background-color: #000; }
footer .b { text-align: right; }
footer .link { margin: 0 .25rem; }

/* Modals */
.modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; display: flex; align-items: center; justify-content: center; }
.modal .box { border-radius: 1rem 1rem; background-color: #fff; position: relative; padding: 2rem; }
.modal.anim-in { -webkit-animation: anim_modal_in linear .3s 1 forwards; }
.modal.anim-out { -webkit-animation: anim_modal_out linear .3s 1 forwards; }
@keyframes anim_modal_in {
    0% { opacity: 0; transform: translateY(8rem); }
    100% { opacity: 1; transform: none; }
}
@keyframes anim_modal_out {
    0% { opacity: 1; transform: none; }
    100% { opacity: 0; transform: translateY(8rem); }
}
.modal.bottom { align-items: flex-end; }
.modal.bottom .box { border-radius: 1rem 1rem 0 0; }
.modal.page { display: block !important; }
.modal.page .btn-close { top: 0; }
.modal.page .box { top: 3rem; padding-bottom: 0; bottom: 0; border-radius: 1rem 1rem 0 0; overflow: scroll; position: absolute; left: 0; right: 0; padding-left: 0; padding-right: 0; }
.modal.page .a { margin-bottom: 1.5rem; position: relative; padding-left: 3rem; }
.modal.page .a .h5 { color: #000; margin: 0; }
.modal.page .a figure { overflow: hidden; border-radius: 50%; position: absolute; width: 2.5rem; height: 2.5rem; top: 0; left: 0; background-color: #f2f5f8; }
.modal.page .a figure img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover; }
.modal.page .b { }
.modal.page .b img { width: 100%; border-radius: 0; }
.modal.page .b video { object-fit: cover; }
.modal.page .slider-02 { padding: 1rem 0; }
.modal.page .slider-01 { pointer-events: none; border-radius: .5rem; overflow: hidden; }
.modal.page .slider-02 img { margin: .5rem; border-radius: .5rem; object-fit: cover; }
.modal.page .slider-02 .slick-current { box-shadow: 0 0 0 0.25rem var(--color-yellow); }
.modal.page .c { padding: 1rem 0; }
.modal.page .c ul { padding-left: .75rem; }
.modal.page .c ul li { list-style: disc; margin-bottom: .75rem; }
.modal.page .c ul li:last-child { margin: 0 }
.modal.page a { text-decoration: underline; color: inherit; }
.modal.page a:hover { cursor: pointer; }
.modal.page .d { text-align: center; margin-top: 4rem; padding-bottom: 2rem; position: relative; }
.modal.page .d:before { content: ""; display: block; height: 1px; background-color: #dbe1e7; position: absolute; top: 0; left: 0; right: 0; }
.modal.page .d figure { height: 5rem; width: 5rem; display: inline-block; border-radius: 50%; overflow: hidden; margin-bottom: .5rem; margin-top: -2.5rem; box-shadow: 0 0 0 .5rem #fff; position: relative; }
.modal.page .d figure img { width: 100%; height: 100%; object-fit: cover; }
.modal.page .tag { background-color: var(--color-purple); color: #fff; padding: 0.2rem; border-radius: 0.2rem; font-size: .7rem; font-weight: bold; text-transform: uppercase; letter-spacing: .1rem; top: -.1rem; position: relative; }
.modal .btn-close { position: absolute; top: -3rem; width: 3rem; right: 0; line-height: 3rem; color: var(--color-orange); font-size: 2rem; text-align: center; }
.modal .btn-close:hover { cursor: pointer; }
.modal .top-figure { height: 5rem; width: 5rem; border-radius: 50%; overflow: hidden; position: absolute; top: -2.5rem; left: 0; right: 0; margin: auto; box-shadow: 0 0 0 5px #fff; background-color: #fff; }
.modal .top-figure img { width: 100%; height: 100%; object-fit: cover; }
.modal .top-figure + * { margin-top: 1rem; }
.modal .content { max-height: 60vh; overflow: scroll; }
.modal .required { display: none; }
.modal.required .required { display: block; }
.modal.required .btn-close { display: none; }
.modal-bg { z-index: 8; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.8); }
.modal-bg, .modal { display: none; visibility: hidden; opacity: 0; transition: .3s linear all; }
.modal-bg.visible, .modal.visible { display: flex; visibility: visible; opacity: 1; }
.modal-bg.anim-in { -webkit-animation: anim_bg_modal_in .3s 1 linear forwards; }
.modal-bg.anim-out { -webkit-animation: anim_bg_modal_out .3s 1 linear forwards; }
@keyframes anim_bg_modal_in {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes anim_bg_modal_out {
    0% { opacity: 1; }
    100% { opacity: 0; }
}

/**/
@media (max-width:1024px) {
    .list-photos .bi.left { left: 33%; }
    .list-photos .bi.right { right: 33%; }
}

/**/
@media (max-width:768px) {
    html { font-size: 15px; }
    section { padding-top: 3rem; padding-bottom: 3rem; }
    h1, .h1 { font-size: 2rem; }
    .vertical-line { height: 3rem; }
    header nav { display: none; }
    header .icon-menu { position: fixed; color: #000; font-size: 1.5rem; text-align: center; }
    header .icon-menu.left { left: 1rem; }
    header .icon-menu.right { right: 1rem; }
    nav { background-color: #fff; padding: 0; text-align: center; }
    nav a { color: #000; font-weight: bold; width: 100%; display: block; text-align: center; border-radius: 0.5rem; margin: 0 !important; font-size: 1.1rem; }
    nav .social { display: block; margin: 1.5rem 0 1rem 0; }
    nav .social a { display: inline-block; width: auto; border: 0; padding: 0; background-color: transparent; }
    nav .social a i { color: #fff; padding: .5rem; border-radius: 50%; margin: 0 .25rem; width: 2.5rem; height: 2.5rem; display: inline-flex; justify-content: center; align-items: center; background-color: #eff3f7; }
    nav .social a .bi-instagram { background-color: #f04190; }
    nav .social a .bi-linkedin { background-color: #1769ff; }
    nav .social a .bi-twitter { background-color: #00aced; }
    nav .social a .bi-whatsapp { background-color: #05cc47; }
    nav .social a .bi-envelope { background-color: #ff4a4a; }
    header .justify-content-between { justify-content: center !important; }
    .modal { align-items: flex-end; }
    .modal .box { padding: 1.5rem; padding-left: 1rem; padding-right: 1rem; border-radius: 1rem 1rem 0 0; }
    .modal.page .slider-01 { border-radius: 0 }
    .modal.page .a { padding-left: 4.5rem; }
    .modal.page .a figure { left: 1rem; }
    .modal.page .c { padding: 1rem; }
    .modal.page .d:before { left: 1rem; right: 1rem; }
    .list-jobs li .a .logo { bottom: auto; }
    .list-jobs li .a-b { text-align: left; }
    .list-edu li > div { height: auto; }
    .list-gallery li { margin: 0 }
    footer * { text-align: center !important; }
    .sect-1 { text-align: center; }
    .sect-1 figure { width: 50%; margin-bottom: 1rem; aspect-ratio: 1/1; border-radius: 50%; }
    .sect-1 figure img, .sect-1 figure video { transform: scale(1) }
    .sect-2 .services-list li { width: 100% }
    .list-photos .bi.left { left: 2rem; }
    .list-photos .bi.right { right: 2rem; }
}

/**/
@keyframes scroll {
    0% { transform: none; opacity: 1; }
    50% { transform: translateY(1rem); opacity: 0; }
    100% { transform: translateY(1rem); opacity: 0; }
}
@keyframes fade_1 {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
@keyframes scale_1 {
    0% { transform: scale(.5); }
    85% { transform: scale(1.1); }
    100% { transform: none; }
}
@keyframes rotate_1 {
    0% { transform: none; }
    100% { transform: rotate(360deg); }
}