* { -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: 'Rubik', sans-serif; color: inherit; background-color: #F7F6FB; }
h1, h2, h3, h4, h5 { font-family: 'Montserrat', sans-serif; font-weight: bold; }
p { margin: 0 0 1rem 0; }
.title { font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: bold; }
.btn { font-family: 'Montserrat'; padding: 0 4rem; border: 0; line-height: 3.5rem; height: auto; font-size: 1.25rem; border-radius: 1rem; }
.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: 'Rubik' }
.ff-2 { font-family: 'Montserrat' }
.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: #f41934; }
.c-blue { color: #323A54 }
.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); }

/**/
.list-items-01 { padding: 2rem; background-color: #fff; display: flex; flex-direction: column; border-radius: 2rem; margin-bottom: 2rem; }
.list-items-01 h4 { margin: 0 0 2rem 0; }
.list-items-01 ul { }
.list-items-01 li { margin-bottom: 1rem; }
.list-items-01 li a { display: flex; flex-wrap: wrap; }
.list-items-01 li figure { display: flex; justify-content: center; align-items: center; }
.list-items-01 li figure img { width: 5rem; object-fit: cover; height: 5rem; border-radius: 1rem; }
.list-items-01 li figure + div { display: flex; justify-content: center; flex-direction: column; padding: 0 1rem; }
.list-items-01 h5 { margin: 0 0 .25rem 0; font-weight: 500; }
.list-items-01 p { white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; display: block; color: #98A1AF; margin: 0; }
.list-items-01 a:hover { text-decoration: none; background-color: rgb(152 161 175 / 0.05); border-radius: 1rem; }

/**/
.list-items-02 { padding: 2rem; background-color: #fff; display: flex; flex-direction: column; border-radius: 2rem; margin-bottom: 2rem; }
.list-items-02 h4 { margin: 0 0 2rem 0; }
.list-items-02 ul { }
.list-items-02 li { margin-bottom: 2.5rem; }
.list-items-02 li > a { display: flex; flex-wrap: wrap; }
.list-items-02 li figure { margin-bottom: 1rem; position: relative; display: flex; border-radius: 1rem; overflow: hidden; }
.list-items-02 li figure:before { margin-top: 80%; content: ""; display: block; }
.list-items-02 li figure img { position: absolute; height: 100%; width: 100%; object-fit: cover; }
.list-items-02 li figure + div { display: flex; justify-content: center; flex-direction: column; padding: 0; }
.list-items-02 h5 { margin: 0 0 .25rem 0; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.list-items-02 p { white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; display: block; color: #98A1AF; margin: 0 0 .5rem 0; }
.list-items-02 a:hover { text-decoration: none; }

/**/
.page-content { padding: 2rem; background-color: #fff; display: flex; flex-direction: column; border-radius: 2rem; margin-bottom: 2rem; }
.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 { }
.btn-lng {font-weight: normal;font-family: 'Rubik';}
.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;}

/**/
.accordeon-list { }
.accordeon-list { list-style: none; margin: 0; padding: 0; }
.accordeon-list li { padding: 1rem; background-color: #f7f9fe; 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: 1.25rem; height: 1.25rem; 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-01 { position: relative; margin-bottom: 2rem; display: flex; flex-direction: column; }
.slider-items-01 ul { display: inline-block; width: 100%; float: left; }
.slider-items-01 li { padding: .5rem; }
.slider-items-01 li .box { display: flex; background-color: #fff; padding: 1rem 1rem 1.5rem; border-radius: 2rem; flex-direction: column; }
.slider-items-01 li figure { margin-bottom: 1rem; position: relative; display: flex; border-radius: 1rem; overflow: hidden; }
.slider-items-01 li figure:before { margin-top: 100%; content: ""; display: block; }
.slider-items-01 li figure img { position: absolute; height: 100%; width: 100%; object-fit: cover; }
.slider-items-01 h5 { margin: 0 0 .25rem 0; font-weight: 500; font-size: 1.1rem; }
.slider-items-01 p { white-space: nowrap; overflow: hidden; width: 100%; text-overflow: ellipsis; display: block; color: #98A1AF; margin: 0 0 .5rem 0; }
.slider-items-01 a:hover { text-decoration: none; background-color: #f7f6fb; border-radius: 1rem; }
.slider-items-01 .slider-arrows { position: absolute; top: 0; right: .25rem; }
.slider-items-01 .slick-arrow { font-size: 0; border: 0; height: 2.5rem; width: 2.5rem; background-color: #fff; top: 0; font-family: 'icomoon' !important; text-align: center; }
.slider-items-01 .slick-arrow:before { font-size: 1rem; display: block; font-weight: bold; }
.slider-items-01 .slick-prev { border-radius: 1.5rem 0 0 1.5rem; }
.slider-items-01 .slick-prev:before { content: "\e913"; }
.slider-items-01 .slick-next { border-radius: 0 1.5rem 1.5rem 0; }
.slider-items-01 .slick-next:before { content: "\e914"; }

/**/
nav { }
nav ul { }
nav li { font-family: 'Montserrat'; font-weight: bold; }
nav li a {position: relative;font-size: 1rem;color: #98A1AF;transition: 0.1s ease all;-webkit-transition: 0.1s ease all;display: flex;align-items: center;padding: .8rem 2rem;}
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 { width: 2.5rem; height: 2.5rem; line-height: 2.5rem; font-size: 2.5rem; margin: 0 1rem 0 0; text-align: center; display: flex; justify-content: center; align-items: center; border-radius: 50%; }
nav li a i:before { transform: scale(.7); }

/**/
.cat-60 i, .category.cat-60 { color: rgb(156 39 176); background-color: rgb(156 39 176/ 10%); }
.cat-40 i, .category.cat-40 { color: rgb(3 169 244); background-color: rgb(3 169 244/ 10%); }
.cat-30 i, .category.cat-30 { color: rgb(244 67 54); background-color: rgb(244 67 54/ 10%); }
.cat-80 i, .category.cat-80 { color: rgb(76 175 80); background-color: rgb(76 175 80/ 10%); }
.cat-05 i, .category.cat-05 { color: rgb(236 64 122); background-color: rgb(236 64 122/ 10%); }
.cat-70 i, .category.cat-70 { color: rgb(139 195 74); background-color: rgb(139 195 74/ 10%); }
.cat-20 i, .category.cat-20 { color: rgb(63 81 181); background-color: rgb(63 81 181/ 10%); }
.cat-10 i, .category.cat-10 { color: rgb(255 87 34); background-color: rgb(255 87 34/ 10%); }
.cat-09 i, .category.cat-09 { color: rgb(142 82 60); background-color: rgb(142 82 60/ 10%); }
.cat-90 i, .category.cat-90 { color: rgb(103 58 183); background-color: rgb(103 58 183/ 10%); }
.cat-50 i, .category.cat-50 { color: rgb(0 150 136); background-color: rgb(0 150 136/ 10%); }
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: 1rem; 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: 3rem; background-color: transparent; font-size: 1.2rem; color: #8990a0; font-weight: 500; padding: 1rem; }
.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;padding: 1rem 0;line-height: 2rem;background-color: #fff;font-size: .9rem;}
footer .footer-logo img {height: 1.5rem;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; }

/**/
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: 500; }
.category:hover { text-decoration: none; }

/* Menu responsive */
.showMenu { color: #ffffff; width: 4rem; height: 4rem; text-align: center; border: 0 !important; position: fixed; top: 0px; left: 0; z-index: 9; overflow: hidden; display: none; background-color: #f41934; border-radius: 2rem; }
.showMenu.active { }
.showMenu>span { position: absolute; z-index: 2000; top: 0; left: 0; right: 0; bottom: 0; margin: auto; cursor: pointer; height: 16px; width: 20px; display: block; }
.showMenu>span>span {width: 20px;height: 3px;background: #262626;display: block;position: absolute;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;background: #ffffff;}
.showMenu span.line-1 { top: 0; }
.showMenu span.line-2 { top: 0; bottom: 0; left: 0; margin: auto; opacity: 1; visibility: visible; }
.showMenu span.line-3 { bottom: 0; }
.showMenu.active span.line-1 { -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 0; bottom: 0; margin: auto; }
.showMenu.active span.line-2 { left: -10px; opacity: 0; visibility: hidden; }
.showMenu.active span.line-3 { -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 0; bottom: 0; margin: auto; }

/**/
.main-section { width: 100%; position: relative; display: flex; flex-wrap: wrap; max-width: 1170px; margin: auto; }
.side-menu { width: 25%; background-color: #fff; }
.main-content { width: 75%; padding: 2rem; }
.item-box { padding: 2rem; background-color: #fff; border-radius: 2rem; }
.item-box h3 { margin: 0 0 1rem 0; font-size: 1.5rem; }

/**/
header { background-color: #f41934; border-radius: 0 0 1rem 1rem; padding: 1rem 2rem; margin-bottom: 1rem; }
header .header-logo {display: block;text-align: center;}
header .header-logo img {height: 2.5rem;}

/* Modal login */
.modal.login { text-align: center; }
.modal.login .close { color: #000; font-weight: bold; line-height: 2rem; width: 2rem; text-align: center; font-size: 1.2rem; position: absolute; top: 1rem; right: 1rem; }
.modal.login .close i { font-weight: bold; }
.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; }

/**/
.item-images { display: inline-block; white-space: nowrap; overflow: scroll; width: 100%; }
.item-images img { margin: 0 5px 0 0; height: 20rem; border-radius: 1rem; }

/**/

/*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: 2rem; overflow: hidden; }
.modal-header { border-bottom-color: #EEEEEE; background-color: #FAFAFA; }

/* 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-01, .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 { background-image: url(../img/bg-body.png); background-size: 1080px auto; background-attachment: fixed; background-repeat: repeat-x; background-position: top center; }
    nav ul { padding-bottom: 6rem; }
}

/* Mobile devices */
@media only screen and (max-width:768px) {
    body { padding-top: 4rem; }
    h1 { font-size: 22px; }
    h2 { font-size: 20px; }
    h3 { font-size: 18px; }
    h4 { font-size: 16px; }
    .side-menu { width: 100%; }
    .main-content { width: 100%; padding: 1rem; }
    .modal.left .modal-content { padding: 4rem 0; }
    .list-items-01 { padding: 2rem 1rem 0; }
    .list-items-02 { padding: 2rem 1rem; }
    .item-box .btn-primary { width: 100%; }
    .item-box .item-images img { height: 12rem; }

    /* Header */
    header { position: fixed; top: 0; z-index: 8; width: 100%; padding: 0; text-align: center; height: 4rem; margin: 0; }
    header .login { filter: brightness(0) invert(1); position: absolute; top: 1rem; right: 1rem; }
    header .header-logo img { position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; }
    header .header-logo img {height: 2.75rem;}

    /* Footer */
    footer { text-align: center; }
    footer .footer-logo {display: none;}
    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 }

    /**/
    .slider-items-01 { margin-bottom: 1rem; }
    .slider-items-01 li .box { flex-direction: row; align-items: center; }
    .slider-items-01 li .box figure { width: 30%; margin: 0; }
    .slider-items-01 li .box figure + div { width: 70%; padding-left: 1rem; }

    /**/
    .header-item-box { display: flex; margin-bottom: 1rem; align-items: center; justify-content: center; }
    .header-item-box figure { width: 25%; margin: 0; }
    .header-item-box figure + div { width: 75%; padding-left: 1rem; }
    .header-item-box h3 { font-size: 1.35rem; }
    .header-item-box .tags { margin-bottom: 0 }
}