* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; }
ul, li { list-style: none; padding: 0; margin: 0; }
html { font-size: 14px; color: #98A1AF; background-color: #fff; }
::placeholder { opacity: 0.8; }
::-webkit-scrollbar { display: none; }
input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, textarea:-webkit-autofill:hover, textarea:-webkit-autofill:focus, select:-webkit-autofill, select:-webkit-autofill:hover, select:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0px 1000px #ffffff inset !important; }
:focus { outline: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; text-decoration: none !important; }
.transition { -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; }
input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px transparent inset; }
body { font-size: 14px; font-family: 'Poppins', sans-serif; color: inherit; }
h1, h2, h3, h4, h5 { font-family: 'Poppins', sans-serif; font-weight: bold; }
p { margin: 0 0 1rem 0; font-family: sans-serif; }
.title { font-size: 16px; font-family: 'Poppins', sans-serif; font-weight: bold; }
.btn { font-family: 'Poppins'; padding: 1rem; border: 0; line-height: 1.2; height: auto; font-size: 1.1rem; border-radius: .75rem; text-transform: uppercase; letter-spacing: .25rem; display: inline-flex; align-items: center; justify-content: center; gap: .75rem; }
.btn-default { }
.btn-primary { color: #fff; background-color: #50d156; border-color: #50d156; }
.btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #15c654; border-color: #15c654; }
.btn-primary:hover { color: #fff; background-color: #15c654; border-color: #15c654; }
.ff-1 { font-family: 'Poppins' }
.ff-2 { font-family: 'Poppins' }
.ff-3, .ff-3 * { font-family: 'Mada'; text-align: right; direction: rtl; }
.fw-n { font-weight: normal !important; }
.h-1 { height: .5rem; }
.h-2 { height: 1rem; }
.h-3 { height: 1.5rem; }
.h-4 { height: 2rem; }
.h-5 { height: 2.5rem; }
.h-6 { height: 3rem; }
.w-1 { width: .5rem; }
.w-2 { width: 1rem; }
.w-3 { width: 1.5rem; }
.w-4 { width: 2rem; }
.w-5 { width: 2.5rem; }
.w-6 { width: 3rem; }
.w-100 { width: 100% !important; }
.w-25 { width: 25% !important; }
.w-75 { width: 75% !important; }
.w-20 { width: 20% !important; }
.w-80 { width: 80% !important; }
.icon { background-repeat: no-repeat; background-position: center center; background-size: contain; }
.c-red { color: #ed1e79; }
.c-blue { color: #23208e }
.c-pink { color: #ed1e79 }
.d-block { display: block !important; }
.d-inline-block { display: inline-block !important; }
.d-none { display: none !important; }
.mb-1 { margin-bottom: .5rem; }
.mb-2 { margin-bottom: 1rem; }

/*imagenes*/
.icon-login { background-image: url(../img/icon-login.png); }
.icon-phone { background-image: url(../img/icon-phone.png); }
.icon-close { background-image: url(../img/icon-close.png); }
.icon-world { background-image: url(../img/icon-world.png); }
.icon-logout { background-image: url(../img/icon-logout.png); }

/* Icons */
.icon { background-image: url(../img/icon.svg); aspect-ratio: 1/1; background-size: cover; height: 1.5rem; display: inline-block; }
.icon-logo {background-image: url(../img/logo.svg);aspect-ratio: 4/1;}
.icon-logo-1 { background-position: 0 0; }
.icon-logo-2 { background-position: 33.33% 0; }
.icon-cat-40 { background-position: 0 0; }
.icon-cat-10 { background-position: 5% 0; }
.icon-cat-60 { background-position: 10% 0; }
.icon-cat-90 { background-position: 15% 0; }
.icon-cat-80 { background-position: 20% 0; }
.icon-cat-50 { background-position: 25% 0; }
.icon-cat-30 { background-position: 30% 0; }
.icon-cat-70 { background-position: 35% 0; }
.icon-cat-20 { background-position: 40% 0; }
.icon-party { background-position: 45% 0; }
.icon-top { background-position: 50% 0; }
.icon-new { background-position: 55% 0; }
.icon-play { background-position: 60% 0; }
.icon-user { background-position: 65% 0; }
.icon-arrow-left { background-position: 70% 0; }
.icon-arrow-right { background-position: 75% 0; }
.icon-arrow-down { background-position: 80% 0; }
.icon-arrow-up { background-position: 85% 0; }
.icon-close { background-position: 90% 0; }

/* Filters */
.f-white { filter: invert(1); }
.f-gray { filter: invert(54%) sepia(14%) saturate(505%) hue-rotate(170deg) brightness(88%) contrast(90%); }
.f-pink { filter: invert(25%) sepia(90%) saturate(4943%) hue-rotate(321deg) brightness(96%) contrast(93%); }

/**/
.list-items-1 { background-color: #fff; margin-bottom: 3rem; }
.list-items-1 h3 { margin: 0 0 3rem 0; padding: 0; display: flex; align-items: center; }
.list-items-1 h3 .icon { height: 2rem; margin-right: 1rem; }
.list-items-1 ul { width: 100%; overflow: scroll; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr  1fr; grid-gap: 2rem; }
.list-items-1 li { display: flex; width: 100%; padding: 0; vertical-align: top; background-color: #fff; position: relative; flex-direction: column; justify-content: center; border-radius: 0.5rem; overflow: hidden; transition: .1s ease all; }
.list-items-1 li a { display: flex; flex-wrap: wrap; }
.list-items-1 li figure { width: 100%; aspect-ratio: 1/1; border-radius: 2rem; overflow: hidden; position: relative; margin-bottom: 1rem; }
.list-items-1 li figure img { width: 100%; position: absolute; top: 0; left: 0; height: 100%; object-fit: cover; }
.list-items-1 li figure + div { overflow: hidden; }
.list-items-1 h5 { margin: 0 0 .5rem 0; font-weight: bold; color: #000; font-size: 1.1rem; }
.list-items-1 p { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; color: #98A1AF; margin: 0; width: 100%; font-family: sans-serif; }
.list-items-1 a:hover { text-decoration: none; }
.list-items-1 p span:after { content: ","; display: inline-block }
.list-items-1 p span:last-child:after { display: none }

/**/
.list-items-2 { background-color: #fff; }
.list-items-2 h3 { margin: 0 0 3rem 0; padding: 0; display: flex; align-items: center; }
.list-items-2 h3 .icon { height: 2rem; margin-right: 1rem; }
.list-items-2 ul { width: 100%; overflow: scroll; display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 1.5rem; }
.list-items-2 li a { display: flex; width: 100%; height: 9rem; padding: 0 1rem 0 9rem; vertical-align: top; background-color: #fff; position: relative; flex-direction: column; justify-content: center; border-radius: 1rem; transition: .1s ease all; border: 1px solid #ededed; overflow: hidden; gap: .25rem; }
.list-items-2 li { display: inline-flex; overflow: hidden; }
.list-items-2 li figure { width: 7rem; aspect-ratio: 1/1; border-radius: 1rem; overflow: hidden; position: relative; position: absolute; top: 1rem; left: 1rem; }
.list-items-2 li figure img { width: 100%; position: absolute; top: 0; left: 0; height: 100%; object-fit: cover; }
.list-items-2 li figure + div { overflow: hidden; }
.list-items-2 h5 { margin: 0; font-weight: bold; color: #000; font-size: 1rem; white-space: nowrap; text-overflow: ellipsis; }
.list-items-2 p { display: block; color: #98A1AF; margin: 0; width: 100%; line-height: 1.35rem; font-size: 1rem; height: 2.7rem; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; font-family: sans-serif; }
.list-items-2 a:hover { text-decoration: none; }
.list-items-2 p span:after { content: ","; display: inline-block }
.list-items-2 p span:last-child:after { display: none }
.list-items-2.category { margin-bottom: 3rem; }
.list-items-2.category h3 { margin-top: 1rem; margin-bottom: 2rem; }
.list-items-2.category + .list-categories { margin: 0; }

/**/
.page-content { padding: 2rem; background-color: #fff; display: flex; flex-direction: column; border-radius: 2rem; background-color: #f8f8f8; margin: 1rem auto; max-width: 800px; }
.page-content h4 { margin: 0 0 1rem 0; }
.page-content h5 { margin: 0 0 1rem 0; color: #6f7898; }
.page-content a { text-decoration: underline; color: inherit; }
.page-content .list { margin: 0 0 1rem 0; padding-left: 1rem; }
.page-content .list li { margin: 0 0 1rem 0; list-style: disc; }
.page-content .ff-3 .list { padding-right: 1rem; direction: rtl; }
.page-content .ff-3 .list li { }
.page-content .input-box textarea, .page-content .input-box input { background-color: #fff; }
.btn-lng { font-weight: normal; font-family: 'Poppins'; }
.btn-lng:hover { cursor: pointer; }
.btn-lng i { height: 1rem; width: 1rem; display: inline-block; filter: invert(54%) sepia(14%) saturate(505%) hue-rotate(170deg) brightness(88%) contrast(90%); margin: 0 .5rem 0 0; }

/**/
.list-categories { position: relative; }
.list-categories-container { white-space: nowrap; overflow: scroll; margin-bottom: 3rem; position: relative; }
.list-categories ul { gap: 1rem; display: inline-flex; }
.list-categories ul li { display: inline-block; }
.list-categories ul li a { font-weight: bold; font-size: 1.25rem; display: flex; flex-direction: column; gap: .75rem; padding: 2rem; width: 12rem; text-align: center; justify-content: center; align-items: center; border-radius: 1rem; }
.list-categories ul li a:hover { text-decoration: none }
.list-categories ul li .icon { height: 4rem; width: 4rem; }
.list-categories ul li .text { font-size: 1.25rem; }
.list-categories ul li a.cat-40 { background-color: #fdefef; color: #fe9d58; }
.list-categories ul li a.cat-10 { background-color: #e3ffd7; color: #59c845; }
.list-categories ul li a.cat-60 { background-color: #cfffff; color: #49d1e1; }
.list-categories ul li a.cat-90 { background-color: #fffdc0; color: #ffa93d; }
.list-categories ul li a.cat-80 { background-color: #ecefff; color: #8ea6ff; }
.list-categories ul li a.cat-50 { background-color: #fdefef; color: #fe9d58; }
.list-categories ul li a.cat-30 { background-color: #e3ffd7; color: #59c845; }
.list-categories ul li a.cat-70 { background-color: #cfffff; color: #49d1e1; }
.list-categories ul li a.cat-20 { background-color: #fffdc0; color: #ffa93d; }

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

/**/
.slider-items-1 { position: relative; margin-bottom: 3rem; display: flex; flex-direction: column; }
.slider-items-1 ul { }
.slider-items-1 li { overflow: hidden; }
.slider-items-1 li .box { display: flex; background-color: #ed1e79; background: linear-gradient(90deg, #ff6e83 0%, #ed1e79 33.33%, #ff6e83 75%); padding: 4rem; border-radius: 1rem; flex-direction: row; align-items: center; width: 100%; gap: 2rem; overflow: hidden; position: relative; }
.slider-items-1 li figure { position: relative; border-radius: 1rem; overflow: hidden; width: 25%; aspect-ratio: 1/1; min-width: 25%; }
.slider-items-1 li figure img { position: absolute; height: 100%; width: 100%; object-fit: cover; }
.slider-items-1 li figure + div { position: relative; }
.slider-items-1 h2 { color: #fff; font-size: 1.8rem; margin: 0 0 1rem 0; }
.slider-items-1 p { overflow: hidden; width: 100%; display: block; color: #fff; line-height: 1.5rem; font-size: 1.1rem; margin: 0 0 1rem 0; font-family: sans-serif; }
.slider-items-1 a:hover { text-decoration: none; background-color: #f7f6fb; border-radius: 1rem; }
.slider-items-1 .slick-arrow { position: absolute; margin: auto; bottom: 2rem; z-index: 1; height: 3rem; width: 3rem; border-radius: 50%; border: 1px solid #fff; display: flex; align-items: center; justify-content: center; }
.slider-items-1 .slick-arrow:hover { cursor: pointer; }
.slider-items-1 .slick-arrow .icon { background-color: transparent; filter: invert(1); }
.slider-items-1 .slick-arrow.prev { right: 6rem; }
.slider-items-1 .slick-arrow.next { right: 2rem; }
.slider-items-1 .bg { position: absolute; left: 0; top: 0; bottom: 0; width: 33.33%; }
.slider-items-1 .bg img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .5; width: 100%; height: 100%; object-fit: cover; }
.slider-items-1 .bg .gradient { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: linear-gradient(-90deg, #ed1e79, #ed1e795c); }
.slider-items-1 h4 { color: #fff; display: flex; font-size: 1rem; text-transform: uppercase; letter-spacing: .2rem; align-items: center; margin: 0 0 1rem 0; }
.slider-items-1 h4 .icon { filter: invert(1); margin-right: .5rem; }
.slider-items-1 .tags { margin: 0 0 1rem 0; }
.slider-items-1 .tags span { line-height: 1; padding: .25rem .5rem; display: inline-block; border: 1px solid #fff; font-weight: bold; color: #fff; border-radius: .5rem; }
.slider-items-1 .btn { padding: 1rem; background-color: #fff; line-height: 1; display: inline-flex; align-items: center; color: #ed1e79; letter-spacing: 0; text-transform: none; }
.slider-items-1 .btn i { }

/**/
h4.category { padding: 1rem; border-radius: 2rem; display: flex; align-items: center; }
h4.category i { background-color: transparent; margin-right: .5rem; transform: scale(1.2); }

/**/
.input-box { display: flex; margin-bottom: 1rem; box-shadow: 0 0 0 1px #ccd3da; border-radius: .75rem; background-color: #f9f9f9; overflow: hidden; }
.input-box .ic { display: flex; justify-content: center; align-items: center; }
.input-box .ic i { display: block; }
.input-box .ic + input { padding-left: 0; }
.input-box input, .input-box textarea { border: 0; height: 3.5rem; background-color: transparent; font-size: 1.2rem; color: #8990a0; font-weight: bold; padding: 1rem; font-family: sans-serif; }
.input-box input { }
.input-box textarea { height: auto; resize: none; }

/**/
.nightMode { }
.nightMode:hover { text-decoration: none; }
.language a { color: #000000; padding-right: 5px; }
.language i { color: #000000; }
.language a.selected { color: #ffffff !important; }
.modal.search .modal-content { padding: 0; }
.night { display: none; }

/**/
footer { color: #98A1AF; line-height: 1.5rem; background-color: #fff; font-size: .85rem; position: relative; }
footer .container { border-top: 1px solid #ededed; padding-top: 1rem; padding-bottom: 1rem; }
footer .footer-logo img { height: 22px; width: auto; margin: 0 5px 0 0; }
footer .links { text-align: right; }
footer .links a, footer .links a:hover { color: #98A1AF; margin: 0 0 0 .5rem; }
footer .icon.logo { }

/**/
figure.item-image { position: relative; overflow: hidden; margin: 0 0 1rem 0; border-radius: 1rem; }
figure.item-image:before { content: ""; margin-top: 100%; display: block; }
figure.item-image img { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; }

/**/
.item i.icon-right-01 { height: 30px; width: 30px; position: absolute; right: 10px; top: 25px; background-color: #f4f4f4; color: #000000; line-height: 30px; -webkit-border-radius: 50%; border-radius: 50%; text-align: center; z-index: 0; }
figure.item-image+.name { display: block; text-align: left; font-weight: bold; font-size: 14px; line-height: 20px; height: 20px; color: #000000; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin: 10px 0; font-weight: normal; }
figure.item-image+.name:hover { text-decoration: none; }
a.category { display: block; font-size: .85rem; display: inline-block; padding: .5rem; line-height: 1; -webkit-border-radius: 1rem; margin: 0 2px 0 0; font-weight: normal; font-weight: bold; }
.category:hover { text-decoration: none; }

/**/
.main-section { width: 100%; position: relative; display: flex; flex-wrap: wrap; max-width: 1170px; margin: auto; margin-bottom: 3rem; }
.main-content { width: 100%; }
.item-page { max-width: 800px; margin: auto; }
.item-page .box { background-color: #ff; display: flex; gap: 2rem; padding: 2rem; border-radius: 1rem; align-items: center; margin-bottom: 2rem; border: 1px solid #ededed; }
.item-page .box figure { border-radius: 1rem; overflow: hidden; position: relative; width: 25%; min-width: 25%; aspect-ratio: 1/1; }
.item-page .box figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.item-page .box h3 { margin: 0 0 1rem; }
.item-page .box + .w-100 { }
.item-page .item-images { display: inline-block; white-space: nowrap; overflow: scroll; width: 100%; text-align: center; }
.item-page .item-images img { margin: 0 5px 0 0; height: 20rem; border-radius: 1rem; }
.item-page .tags { }
.item-page .tags a { line-height: 1; padding: 0.25rem 0.5rem; display: inline-block; border: 1px solid #ed1e79; font-weight: bold; color: #ed1e79; border-radius: 0.5rem; }

/**/

/**/
header { width: 100%; }
header .container { display: flex; align-items: center; position: relative; height: 6rem; padding: 0; }
header .header-logo {display: block;height: 3rem;}
header .header-logo .icon {height: 3rem;}
header .col-a { width: 50%; }
header .col-b { left: 15rem; right: 15rem; position: absolute; margin: auto; }
header .col-c { width: 50%; text-align: right; }
header .col-c a { font-weight: bold; display: inline-flex; align-items: center; gap: .5rem; color: #23208e; line-height: 1; }
header .col-c a:hover { cursor: pointer; text-decoration: none }
header .col-c .circle { width: 2.5rem; height: 2.5rem; background-color: #ed1e79; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; }
header .col-c .circle .icon { }
header .col-c a small { color: #ed1e79; }

/**/
nav { }
nav ul { white-space: nowrap; overflow: scroll; }
nav li { font-weight: bold; display: inline-block; }
nav li a { position: relative; font-size: 1rem; color: #000; transition: 0.1s ease all; -webkit-transition: 0.1s ease all; display: flex; align-items: center; padding: .5rem .75rem;/* border: 1px solid #eee; */ border-radius: 1rem; gap: .5rem; background-color: #f5f5f5; }
nav li a:hover { text-decoration: none; color: #323A54; cursor: pointer; background-color: rgb(152 161 175 / 0.05); }
nav li a:hover, nav li a.selected { }
nav li a i { }
nav li a i:before { transform: scale(.7); }
.btn-scroll { position: absolute; top: 0; bottom: 0; width: 2rem; z-index: 1; display: flex; align-items: center; justify-content: center; }
.btn-scroll.left { left: -2rem; }
.btn-scroll.right { right: -2rem; }
.btn-scroll i { height: 1rem; }
.btn-scroll:hover { cursor: pointer; }
.list-categories .btn-scroll.left { left: 0; }
.list-categories .btn-scroll.right { right: 0; }
.list-categories .btn-scroll span { display: flex; background-color: rgb(0 0 0 / 15%); height: 2rem; width: 2rem; align-items: center; justify-content: center; border-radius: 50%; }
.list-categories .btn-scroll span i { position: relative; filter: invert(1); }

/* Modal login */
.modal.login { text-align: center; }
.modal.login .close { top: 1.25rem; right: 1.25rem; position: absolute; }
.modal.login .close i { opacity: .5; height: 1.5rem; }
.modal.login p { text-align: center; margin: 0 0 1rem 0; color: #98A1AF; font-size: 1.2rem; }
.modal.login p a { color: #ff0000; font-weight: normal; font-size: 14px; }
.modal.login h4 { font-size: 1.4rem; margin: 0 0 1rem 0; }
.modal.login h4 i { color: #fd3b02; font-size: 24px; padding-right: 5px; position: relative; top: 2px; }
.modal.login .input-group { width: 100%; margin-bottom: 10px; background-color: #ffffff; }
.input-group .labeltext { border-right: 0; position: absolute; left: 0; top: 0; line-height: 50px; z-index: 1; font-size: 13px; width: 110px; padding: 0 10px; background-color: #f8f8f8; text-align: left; }
.labeltext+.form-control { padding-left: 120px; background-color: transparent; }
.modal.login .btn { width: 100%; }
select.form-control+i { position: absolute; right: 8px; top: 0; height: 50px; line-height: 50px; font-size: 14px; }
.modal.search form input { h width: 80%; float: left; line-height: 50px; padding: 0 10px; border: 0; font-size: 18px; -webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px; border-top-left-radius: 4px; border-bottom-left-radius: 4px; width: 80%; }
.modal.search form button { width: 20%; float: left; -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; }
.modal.search .modal-content { padding: 0; }

/* Registration steps*/
#step-01, #step-02, #step-03 { display: none; }
#step-01.active, #step-02.active, #step-03.active { display: block; }

/* Main content */
.main-content { }
.main-content.main-box { padding: 2rem; min-height: 360px; }
.main-box .item { padding-bottom: 15px; margin-bottom: 15px; }
.main-content .form-control { margin: 0; height: 40px; line-height: 38px; display: inline-block; padding: 0 30px 0 8px; font-weight: normal; color: #000000; border-radius: 4px; -webkit-border-radius: 4px; }
.main-content .input-group i, .main-content .input-group .labeltext { line-height: 40px; height: 40px; background-color: transparent; font-weight: bold; }
.main-content .input-group .labeltext+.form-control { padding-left: 120px; }
.main-content .input-group { float: left; border-radius: 4px; -webkit-border-radius: 4px; }
.main-content .select-text { line-height: 40px; float: left; }

/*Tabs*/
.tab-content ul { padding: 10px 0; }
.tab-content ul li { width: 100%; border-top: 1px solid #f4f4f4; padding: 10px 0; position: relative; }
.tab-content ul li:nth-child(1) { border-top: 0; }

/* My account*/
#my-account .input-group .form-control { width: 300px; }
#my-account .input-group *:disabled { cursor: auto; border: transparent; }
#my-account .input-group *:disabled+i { color: transparent; }
#my-account .btn { height: 44px; line-height: 42px; font-size: 15px; margin: 5px 5px 5px 0; min-width: 120px; }
#my-account ul li { display: table; }
#my-account .btn.btn-link { padding: 0; font-size: 12px; color: #333333; margin-top: 20px; border: 0; }
.list-items .time { position: absolute; right: 10px; top: 10px; line-height: 20px; margin: 10px 0; color: #666666; font-size: 12px; }

/* Custom modal left */
.modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; width: 240px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); }
.modal.left .modal-content, .modal.right .modal-content { height: 100%; overflow-y: auto; }
.modal.left .modal-body, .modal.right .modal-body { padding: 15px 15px 80px; }

/*Left*/
.modal.left.fade .modal-dialog { left: -240px; -webkit-transition: opacity 0.3s linear, left 0.3s ease-out; -moz-transition: opacity 0.3s linear, left 0.3s ease-out; -o-transition: opacity 0.3s linear, left 0.3s ease-out; transition: opacity 0.3s linear, left 0.3s ease-out; }
.modal.left.fade.in .modal-dialog { left: 0; border-radius: 0; }

/*Right*/
.modal.right.fade .modal-dialog { right: -240px; -webkit-transition: opacity 0.3s linear, right 0.3s ease-out; -moz-transition: opacity 0.3s linear, right 0.3s ease-out; -o-transition: opacity 0.3s linear, right 0.3s ease-out; transition: opacity 0.3s linear, right 0.3s ease-out; }
.modal.right.fade.in .modal-dialog { right: 0; }

/* ----- MODAL STYLE ----- */
.modal-content { border-radius: 0; border: none; padding: 2rem; -webkit-border-radius: 1rem; overflow: hidden; width: 100%; max-width: 30rem; }
.modal-header { border-bottom-color: #EEEEEE; background-color: #FAFAFA; }
.modal-dialog { height: 100%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 0; padding: 1rem; }

/* Switch */
.switch { display: inline-block; width: 1.5rem; height: .8rem; margin: 0 .8rem 0 0; -webkit-border-radius: 1rem; position: relative; background-color: #d0d5dc; box-shadow: 0 0 0 3px #d0d5dc; }
.switch:before { content: ""; display: block; width: .8rem; height: .8rem; -webkit-border-radius: .4rem; background-color: #fff; position: absolute; top: 0; bottom: 0; left: 0; margin: auto; }
.dark .switch { background-color: #38d53f; box-shadow: 0 0 0 3px #38d53f; }
.dark .switch:before { left: inherit; right: 0; }
footer+.language .switch { background-color: #000000; border-color: #999999; }
.dark .language .switch { background-color: #50d156; border-color: #50d156; }
.dark .language .switch:before { background-color: #ffffff; }

/* Night mode */
.dark { color: #eee; }
.dark body { background-image: none; color: #98A1AF; }
.dark, .dark footer, .dark body { background-color: #0e1b2a; }
.dark .page-content, .dark .side-menu, .dark .list-items-02, .dark .item-box, .dark .list-items-1, .dark .slider-items-01 li .box, .dark .slider-items-01 .slick-arrow { background-color: #111922; }
.dark .c-blue { color: #eee; }
.dark h4.category { color: #eee; background-color: transparent; }
.dark hr { border-top: 1px solid #111922; }
.dark .accordeon-list li { background-color: rgb(152 161 175 / 0.05); }
.dark .side-menu hr { border-top: 1px solid #182029; }
.dark .modal hr { border-top: 1px solid #eee; }

/* Desktop devices */
@media only screen and (min-width:768px) {
    body { }
    nav ul { }
}

/* Mobile devices */
@media only screen and (max-width:768px) {
    .btn-scroll { display: none }
    body { padding-top: 8rem; }
    h1 { font-size: 22px; }
    h2 { font-size: 20px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
    .main-content { width: 100%; padding: 1rem; }
    .modal.left .modal-content { padding: 4rem 0; }
    .list-items-1 ul { grid-template-columns: 1fr 1fr; }
    .list-items-2 ul { grid-template-columns: 1fr; }
    .list-items-2.category h3 { margin-bottom: 1rem; margin-top: 0; }
    .slider-items-1 li .box { padding: 1.5rem 1rem 2rem 1rem; gap: 1rem; }
    .slider-items-1 .btn { display: none; }
    .slider-items-1 h4 { font-size: .75rem; letter-spacing: .1rem; margin-bottom: .25rem; }
    .slider-items-1 h2 { font-size: 1.2rem; margin-bottom: .5rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
    .slider-items-1 .tags span { font-size: .8rem; }
    .slider-items-1 p { font-size: .9rem; height: 3.75rem; line-height: 1.25rem; overflow: hidden; margin: 0; -webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-box; }
    .slider-items-1 .tags { margin-bottom: .5rem; }
    .slider-items-1 .slick-arrow { height: 2rem; width: 2rem; bottom: 1rem; }
    .slider-items-1 .slick-arrow .icon { height: 1rem; }
    .slider-items-1 .slick-arrow.prev { right: unset; left: 1rem; }
    .slider-items-1 .slick-arrow.next { right: unset; left: 3.5rem; }
    .list-categories ul li a { width: 10rem; padding: 1rem; }
    .list-categories ul li .icon { height: 3rem; width: 3rem; }
    .slider-items-1, .list-categories, .list-items-1 h3, .list-items-2 h3 { margin-bottom: 2rem }
    .item-page .box { flex-direction: column; text-align: center; gap: 1rem; }

    /* Header */
    header { position: fixed; top: 0; width: 100%; height: 8.5rem; z-index: 9; background-color: #fff; }
    header .container { height: 3rem; margin-top: 1rem; padding: 0 1rem; }
    header .header-logo, header .header-logo .icon { height: 3rem; }
    header .col-b { top: 4rem; left: 0; right: 0; padding: 0 1rem; }

    /* Footer */
    footer { text-align: center; }
    footer .footer-logo { display: block; }
    footer .footer-logo img { height: 26px; }
    footer .links { text-align: center; }

    /* Profile */
    #my-account .input-group .form-control, #my-account .input-group { width: 100%; }

    /*Tabs*/
    .nav-tabs { margin-top: 50px; text-align: center; display: inline-block; width: 100%; }
    .nav-tabs>li { display: inline-block; float: none; }
    .tab-content ul li { text-align: center; padding: 10px 20px }

/**/ }