/* :root{--bs-link-color:;}
:root{--bs-link-hover-color:;} */
:root{--bs-body-color: #3A3938}
:root{--bs-body-font-weight: 400}
:root{--as-font-weight-bold: 700}
:root{--bs-border-radius: 15px}

a, .btn, a i, [data-bs-toggle="collapse"] i, .shape1, .shape2 {-webkit-transition: all 0.25s ease-in-out;-moz-transition: all 0.25s ease-in-out;-ms-transition: all 0.25s ease-in-out;-o-transition: all 0.25s ease-in-out;transition: all 0.25s ease-in-out;}

body {font-family: "Roboto", sans-serif;-webkit-backface-visibility: hidden;backface-visibility: hidden;background-color:#ffffff;font-size:1rem;line-height:1.5rem;color:var(--bs-body-color);font-weight:var(--bs-body-font-weight)}
.p {font-size:1rem;line-height:1.5rem;color:var(--bs-body-color);}
b, strong {font-weight: var(--as-font-weight-bold)}
small, .small {font-size:70%}
a {color: var(--bs-body-color)}
a:hover, a:focus {color: var(--bs-body-color)}
h1, .h1, h1 small, h2, .h2, h3, .h3, h4, h4 small, .h4, h5, .h5, .p {font-weight:var(--bs-body-font-weight);}
.btn-link {color: var(--as-link);padding:0}
.btn-link:hover, .btn-link:focus {color: var(--bs-body-color)}
.btn {border-radius:60px;-moz-border-radius:60px;-webkit-border-radius:60px;padding:.7rem 2.5rem}
.btn:hover, .btn:focus {border-radius:60px 60px 0px 60px;-moz-border-radius:60px 60px 0px 60px;-webkit-border-radius:60px 60px 0px 60px;}
[data-bs-toggle="collapse"] {cursor:pointer}
[data-bs-toggle="collapse"] i {transform:rotate(45deg)}
[data-bs-toggle="collapse"].collapsed i {transform:rotate(0deg)}
img.real {width:auto;}

.bg_dark {background-color: var(--bs-body-color);color:#FFFFFF;}
.bg_dark .table {color:#FFFFFF;}
.bg_dark .btn-link:hover, .bg_dark .btn-link:active, .bg_dark .btn-link:focus {color:#8DC580}
.bg_blue {background-color:#31ADE4;color:#ffffff}
.bg_blue .btn-outline-primary, .bg_blue .btn-outline-primary:active {border-color:#ffffff;color:#ffffff}
.bg_blue .btn-outline-primary:hover, .bg_blue .btn-outline-primary:focus {background-color:transparent}
.bg_pink {background-color: #F29CB1;}
.bg_pink .btn-outline-primary, .bg_pink .btn-outline-primary:active {border-color:#ffffff;color:#ffffff}
.bg_pink .btn-outline-primary:hover, .bg_pink .btn-outline-primary:focus {background-color:transparent}
.bg_green {background-color: #8DC580;}
.bg_dark_green {background-color: #4D7738;}
.bg_light_green {background-color:#AFD19E}
.bg_gray {background-color: #E8E8E8;}
.bg_orange {background-color:#F9B104}
.bg_white {background-color:#ffffff;}
.dark {color: var(--bs-body-color)}
.white {color:#ffffff;}
.green {color:#8DC580}
.pink {color: #F29CB1;}
.orange {color:#F9B104}
.blue {color:#31ADE4;}
video {margin:0 auto;height:100%}
ul.marker {margin-bottom:0}
ul.marker li {margin-bottom:20px;padding-left:10px;}
ul.marker li:last-child {margin-bottom:0px;}
ul.marker li::marker {content:"\f058";font-family:"Font Awesome 6 Pro";font-weight:900;font-size:2rem;color:#8DC580}
ul.marker li span {position:relative;bottom:10px;}
.highlight {border-radius:0px 40px 40px 0px;padding-right:10px;margin-right:-5px}

@-webkit-keyframes highlight_yellow {from {background-color: rgba(249, 177, 4, 0);}to {background-color: rgba(249, 177, 4, 1);}}
@keyframes highlight_yellow {from {background-color: rgba(249, 177, 4, 0);}to {background-color: rgba(249, 177, 4, 1);}}
.highlight_yellow {-webkit-animation: highlight_yellow 3s;animation: highlight_yellow 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

@-webkit-keyframes highlight_blue {from {background-color: rgba(49, 173, 228, 0);}to {background-color: rgba(49, 173, 228, 1);}}
@keyframes highlight_blue {from {background-color: rgba(49, 173, 228, 0);}to {background-color: rgba(49, 173, 228, 1);}}
.highlight_blue {-webkit-animation: highlight_blue 3s;animation: highlight_blue 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

@-webkit-keyframes highlight_pink {from {background-color: rgba(246, 157, 178, 0);}to {background-color: rgba(246, 157, 178, 1);}}
@keyframes highlight_pink {from {background-color: rgba(246, 157, 178, 0);}to {background-color: rgba(246, 157, 178, 1);}}
.highlight_pink {-webkit-animation: highlight_pink 3s;animation: highlight_pink 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

@-webkit-keyframes highlight_green {from {background-color: rgba(142, 197, 128, 0);}to {background-color: rgba(142, 197, 128, 1);}}
@keyframes highlight_green {from {background-color: rgba(142, 197, 128, 0);}to {background-color: rgba(142, 197, 128, 1);}}
.highlight_green {-webkit-animation: highlight_green 3s;animation: highlight_green 3s;-webkit-animation-fill-mode: both;animation-fill-mode: both;}

#discover .highlight {color:#ffffff;padding:3px 15px 3px 10px}

/*--- NAVIGATION ---*/
header ul#menu_list {list-style-type:none;padding-left:0;padding-right:0}
header ul#menu_list li {vertical-align:top}
header ul#menu_list li a, header ul#menu_list li a:hover, header ul#menu_list li a:focus {text-decoration:none;}
header ul#menu_list li .submenuCollapse ul {padding-left:0px;}

#submenu4Collapse {background-color:#F29CB1}
#submenu8Collapse {background-color:#8DC580}
#submenu12Collapse {background-color:#F9B104}
#submenu16Collapse {background-color:#31ADE4}

@media screen and (max-width:991px) {
	#menu_wrapper.mobile_menu_active {position:fixed;z-index:999;width:100vw;height:100vh;top:0;bottom:0;left:0;right:0;}
	header {margin:0px;padding:10px 0;background-color:#F0F0F0}
	header #menu_open {font-size:20px;line-height:40px;display:inline-block;cursor:pointer;}
	header a#logo {max-height:40px;display:inline-block;}
	header a#logo img {height:40px;width:auto;}
	header ul#menu_list {overflow-y:auto !important;position:fixed;top:0;z-index:1000;left:-240px;height:100%;width:230px;background-color:#F0F0F0;box-shadow:0px 0px 8px 8px rgba(0,0,0,0.2)}
	header ul#menu_list li {display:block;}
	header ul#menu_list li a {color: var(--bs-body-color);text-decoration:none;display:block;padding:20px 20px;border-bottom:1px solid #D6D6D6}
	header ul#menu_list li.active > a {text-decoration:underline}
	header ul#menu_list li .submenuCollapse ul li a {padding:15px 15px 15px 30px;font-size:0.9rem;line-height:1.2rem}
	header ul#menu_list li .submenuCollapse ul li.list-inline-item:not(:last-child) {margin-right:0}
}

@media screen and (min-width:1400px) {
	header ul#menu_list li a {padding-bottom:13px;}
}

@media screen and (min-width:1200px) {
	header ul#menu_list li a {padding-bottom:8px;}
}

@media screen and (min-width:992px) {
	header {padding-bottom:2px;background-color:#ffffff}
	header a#logo {padding:10px 0;display:inline-block;}
	header ul#menu_list {padding:10px 0;display:flex;align-items:start;margin-bottom:0px;margin-top:30px;}
	header ul#menu_list li {margin: auto}
	header ul#menu_list li:last-child {margin-right:0}
	header ul#menu_list li a {padding-bottom:10px;z-index:10;color: var(--bs-body-color);border-bottom:5px solid transparent}
	header ul#menu_list li.active > a, header ul#menu_list li > a:hover {color: var(--bs-body-color);border-bottom:5px solid var(--bs-body-color);text-decoration: none;}
	header ul#menu_list li .submenuCollapse {z-index:1;text-align:center;margin-top:12px;position:absolute;width:100%;left:0;white-space:nowrap;box-shadow:0px 5px 10px 0px rgba(0,0,0,0.2)}
	header ul#menu_list li .submenuCollapse ul {list-style-type:none}
	header ul#menu_list li .submenuCollapse ul li {margin:0 2rem;padding:1rem 0;position:relative;z-index:9}
	header ul#menu_list li .submenuCollapse ul li a {padding-bottom: calc(1rem - 2.2px)}
	header ul#menu_list li a.btn-dark {color:#ffffff;border:none;}
}

/*--- SLIDE ---*/
.owl-prev, .owl-next {padding:.3rem}
@media screen and (min-width:768px) {
	.owl-carousel .owl-stage {display:flex;height:100%}
	.owl-carousel.owl-drag .owl-item {display:inline-block;align-self:flex-end}
}

/*-- BG WRAPPER ---*/
body.bg_img {background-repeat:no-repeat;background-position:top center;background-attachment: fixed;background-size:cover;}
body#home {background-image:url('../img/home/bg.webp');}
body#adoormore {background-image:url('../img/adoormore/bg.webp');}
body#adoormore_contest {background-image:url('../img/adoormore_contest/bg.webp');}
.bg_circle_left {height:300px;width:50%;background-color:#ffffff;border-radius:0 1000px 0 0;position:absolute;bottom:0px;left:0}
.bg_circle_right {height:300px;width:50%;background-color:#ffffff;border-radius:1000px 0 0 0;position:absolute;bottom:0px;right:0}
#home_bg_wrapper {height:900px;position:relative;}
#adoormore_bg_wrapper {height:900px;position:relative;}
#adoormore_contest_bg_wrapper {height:900px;position:relative;}

@media screen and (max-width:767px) {
	#home_bg_wrapper {height:500px;background-image:url('../img/home/bg.webp');background-position:top center;background-size:cover}
	#adoormore_bg_wrapper {height:600px;background-image:url('../img/adoormore/bg_m.webp');background-position:center center;background-size:cover}
	#adoormore_contest_bg_wrapper {height:600px;background-image:url('../img/adoormore_contest/bg.webp');background-position:top center;background-size:cover}
	.bg_circle_left, .bg_circle_right {height:200px;}
}

/*--- --- LOGO SLIDE --- ---*/
#logo_car .carousel-item {transition: transform .1s ease-in-out;-o-transition: transform .1s ease-in-out;-moz-transition: transform .1s ease-in-out;-webkit-transition: transform .1s ease-in-out;}

/*--- --- DRAGGABLE ELEMENTS --- ---*/
.draggable {position: absolute;background-color: var(--bs-body-color)}
.shape1 {width:200px;height:100px;border-radius:0 0 1000px 1000px;-webkit-animation-fill-mode:none;animation-fill-mode:none}
.shape2 { width:200px;height:200px;--mask: radial-gradient(100px at 100px 100px,#0000 99%,#000) -100px -100px;-webkit-mask: var(--mask);mask: var(--mask);}

#bg_move4, #bg_move5, #bg_move6 {position:relative}

#div13 {top:25px;left:70px;}
#div14 {bottom:0;left:280px;}
#div15 {bottom:70px;left:260px;transform:rotate(-20deg)}
#div16 {bottom:20px;right:40px}

#bg_move4:hover #div13 {top:-100px;left:0px}
#bg_move4:hover #div14 {bottom:-60px;left:300px}
#bg_move4:hover #div15 {bottom:150px;left:250px}
#bg_move4:hover #div16 {bottom:0px;right:-40px}

#div17 {top:-10px;left:10px;}
#div18 {bottom:10px;left:200px;}
#div19 {top:-180px;left:220px;transform:rotate(175deg)}
#div20 {top:10px;right:20px;}

#bg_move5:hover #div17 {top:-140px;left:0px}
#bg_move5:hover #div18 {bottom:-60px;left:300px}
#bg_move5:hover #div19 {top:-250px;left:210px}
#bg_move5:hover #div20 {bottom:0px;right:-80px}

#div21 {top:-10px;left:10px;}
#div22 {top:-85px;left:130px;transform:rotate(45deg)}
#div23 {top:-140px;left:270px;transform:rotate(-5deg)}
#div24 {top:10px;right:20px;}

#bg_move6:hover #div21 {top:-20px;left:-100px}
#bg_move6:hover #div22 {top:60px;left:140px}
#bg_move6:hover #div23 {top:-250px;left:210px}
#bg_move6:hover #div24 {bottom:0px;right:-80px}

/*--- LIBRO ---*/
#libro_slide {margin-bottom:-15px;}
#libro_slide .carousel-control-next, #libro_slide .carousel-control-prev {opacity: 1;}
#libro_slide .carousel-control-next {right:0}
#libro_slide .carousel-control-prev {left:0}
#libro_slide .carousel-indicators {bottom:0px}
#libro_slide .carousel-indicators [data-bs-target] {width:14px;height:14px;margin:0 5px;border-radius:100%;background-color:transparent;border:1px solid #ffffff;}
#libro_slide .carousel-indicators [data-bs-target].active {background-color:#ffffff}

/*--- BLOG ---*/
#blog_list {background-color:#E8E8E8;margin-bottom:10px;}
#blog_list a {text-decoration:none;}
#blog_list a:hover img, #sidebar a:hover img {transform:scale(1.05, 1.05)}
#blog_list a img, #sidebar a img {-webkit-transition: all 0.50s ease-in-out;-moz-transition: all 0.50s ease-in-out;-ms-transition: all 0.50s ease-in-out;-o-transition: all 0.50s ease-in-out;transition: all 0.50s ease-in-out;}
#top_img_wrapper {height:600px;background-position:center center;background-size:cover;background-repeat:no-repeat;}

@media screen and (max-width:767px) {
	#top_img_wrapper {height:300px;}
}

/*--- FORM ---*/
.form-control:not(input[type="file"]), .form-select {margin-bottom:20px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;border:none;border-bottom:1px solid var(--bs-body-color)}
.form-control::placeholder {color:#B1B0AF}
input[type="file"].form-control {margin-bottom:20px;border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}

/*--- FOOTER ---*/
footer {background-color: var(--bs-body-color);color:#FFFFFF;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;}
footer a, footer a:hover, footer a:focus {color:#ffffff;}
footer ul.social {text-align:right;margin-top:20px;margin-bottom:0px;}
footer ul.social .list-inline-item:not(:last-child) {margin-right:1rem;}
footer ul.social li a {display:inline-block;text-align:center;}
footer ul.social li a i {color:var(--bs-body-color);background-color:#ffffff;width:34px;height:34px;line-height:34px;font-size:18px;border-radius:100%;}