&::-webkit-scrollbar {
    background: #d5ffdb;
    width: 7px;
}
&::-webkit-scrollbar-button {
    display: none;
    background: #d7ffee;
    border-radius: 0;
}
&::-webkit-scrollbar-track-piece {
    background: #d7ffee;
}
&::-webkit-scrollbar-thumb {
    /* border-radius: 4px; */
    background-color: #9cfbc3;
}
&::-webkit-scrollbar-track {
    box-shadow: #d7ffee;
}

#content {
    width: 100%;
    min-height: 80vh;
    background-color: #ebf7ef;
}
.path p, .path p a {
   display:none;
}


#to_top {
    
    left: 20px;
    background: #ffffff4a;
    box-shadow: unset;
    color: #248068;
    bottom: 30px;
    width: 50px;
    height: 50px;
    border: 1px solid #85bdaf;
    backdrop-filter: blur(0px);
    font-size: 11px;
    padding-top: 5px;
    animation: topmoveTop 1.5s ease-in-out infinite alternate;
	 box-shadow: 1px 1px 10px #529881;
}

#to_top i:before, #to_top i:after {    background: #529881;}
#to_top i.top:before, #to_top i.top:after {    height: 10px;    top: 6px;}
 @keyframes topmoveTop {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(20px);
  }
}





#content_main { margin:0;}
.bannerindex {position:relative;height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
/* .swiper-slide img { height:auto;} */
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}


.main_header_area .container {
    position: relative;    
    max-width: 100%;
}
 .main_header_area .container {
    max-width: 100%;
    padding: 0;
    transition: 0.5s;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9999;
    transition: all 0.4s ease-out;
}

 .header_area .main_header_area {
    background: #ffffff91;
    transition: all 0.3s;
    position: relative;
}
 .header_area.sticky .main_header_area {
    background: transparent;
    transition: all 0.3s;
}
.navigation {
    grid-template-columns: 200px 1fr;
    align-items: center;
 
}
.header_area {position:relative;z-index:9999;padding: 10px;background: #f0f0f000;position: fixed;top: 0;width: 100%;heigh:0px;}

.header_area.sticky{
box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 20px rgba(67, 67, 67, 0.05);
transition:0.4s;
backdrop-filter: blur(5px);
height:110px
}


.pageIndex .swiper-wrapper .swiper-slide::before{
    position: absolute;
    content: "";
    background: url(https://pic03.eapple.com.tw/ruishicare/bg.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
    background-size: cover;
    z-index: 9;
    filter: drop-shadow(0 0 10px rgb(255 255 255 / 87%)) drop-shadow(0 0 25px rgb(207 228 241));
}

.bannerindex .swiper-slide.swiper-slide-active:nth-child(1):after {
    position: absolute;
    content: "";
    background: url(https://pic03.eapple.com.tw/ruishicare/text.png) no-repeat;
    background-size: contain;
    width: 110%;   
    left:5%;
    top: 0%;
    z-index: 99;
    animation: slide-up 1s cubic-bezier(.39, .575, .565, 1.000) both;
    height: 100vw;

}

.bannerindex .swiper-slide.swiper-slide-active:nth-child(2):after {
    position: absolute;
    content: "";
    background: url(https://pic03.eapple.com.tw/ruishicare/text01.png) no-repeat;
    background-size: contain;
    width: 110%;   
    left:5%;
    top: 0%;
    z-index: 99;
    animation: slide-up 1s cubic-bezier(.39, .575, .565, 1.000) both;
    height: 100vw;

}

@keyframes slide-up {
 0% {
        transform: translateY(30px);
        opacity: 0;
        filter: blur(12px);
    }

    100% {
        transform: translateY(0);
        opacity: 1;
        filter: blur(0);
    }
}






.stellarnav {
    height: 100%;
    width: fit-content;
    justify-self: end;
}
.stellarnav ul {
    
    text-align: right;
    padding: 20px 50px;
   
}
.stellarnav > ul > li {
    position: relative;
    padding: 0 10px;
    /* padding: 0; */
    font-size: 0;
}
.stellarnav > ul > li:after {
    content: "";
    display: block;
    background-color: transparent;
    width: 0;
    height: 50px;
    position: absolute;
    top: -32%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all .5s;
    pointer-events: none;
    content: none;
}
.stellarnav > ul > li:hover::after {
    box-shadow: rgb(255, 255, 255) 0px 0px 31px;
    width: 100%;
    transition: .5s cubic-bezier(0.77, 0, 0.65, 0.99);
}
.pageIndex .stellarnav > ul > li > a {
    font-family: "Noto Sans TC", sans-serif;
    color: #ffffff;
    letter-spacing: 0.06em;
    padding: 20px 0;
    font-size: 16px;
    height: 100%;
    margin: 0;
    font-weight: 500;
    transition: 0.6s ease;
}

.sticky .stellarnav > ul > li > a {
    
    color: #5c715e;
    
}


.stellarnav > ul > li > a {
    font-family: "Noto Sans TC", sans-serif;
    color: #7dcbac;
    letter-spacing: 0.06em;
    padding: 20px 0;
    font-size: 16px;
    height: 100%;
    margin: 0;
    font-weight: 500;
    transition: 0.6s ease;
}


/*nav hover*/

.stellarnav > ul > li > a::before {
    content: '';
    position: absolute;
    display: block;
    background-image: url(https://pic03.eapple.com.tw/ruishicare/icon_heart.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 12px;
    aspect-ratio: 20 / 17;
    left: 50%;
    bottom: 57px;
    transform: translateX(0%) scale(0);
    transform-origin: center;
    transition: transform 0.6s ease;
    pointer-events: none;
    opacity: 1;
}
.stellarnav > ul > li:hover > a::before {
    transform: translateX(-50%) scale(2);
}



.stellarnav > ul > li:nth-of-type(4) > a::before {
  left: 40%;
}

.stellarnav > ul > li:nth-of-type(5) > a::before {
  left: 40%;
}


.stellarnav > ul > li:hover > a{
    color: #78e3c3;
    transition: .5s cubic-bezier(0.77, 0, 0.65, 0.99);
    transform: translateY(-10px);
    transition: 0.6s ease;
}


.stellarnav li.has-sub > a:after{
    content: none;
}



/*
.stellarnav ul ul {
    background: #fff;
    width: 120px;
    left: 50%;
    top: 55px;
    transform: translateX(-50%);
    padding: 0 0 10px;
    border: 0;
    border-radius: 10px;
    box-shadow: 0 5px 10px rgb(137 218 198 / 44%);
    display: none;
}

*/
.stellarnav li li, .stellarnav li li:last-of-type{
    border: 0;
    display: none;
}

.news_classes .drop-left {
    display: none;
}

.news_classes {
    display: none !important;
}
.album_classes {
    display: none !important;
}

.stellarnav.desktop li.has-sub li a {
    font-size: 15px;
    text-align: center;
    padding: 10px;
    letter-spacing: 0.06em;
    font-family:noto sans-serif;
    border-bottom: 1px solid #f6f6f6;
    border: 0;
    color: #8e8e8e;
    display: none;
}
.stellarnav.desktop li.has-sub li a:hover {

   color: #81ba97;
   
}

.me_tp_features {
    display: none;
}


.nav-header {
    grid-row: 1;
    width: fit-content;
    max-width: fit-content;
    padding: 5px 30px 5px;
    background-color: transparent;
    border-radius: 0 0 25px 25px;
    display: flex;
    align-items: center;
    font-size: 0;
}
.nav-brand {
    width: fit-content;
}
.nav-brand img {
    max-width: 100%;
    max-width: 100px;
    transition: all .3s;
}



.banner {background: url(https://pic03.eapple.com.tw/ruishicare/banner.jpg) no-repeat;
background-position: center top !important;background-size: cover !important;height: 10vw;}

.banner.banB {
    height: 10vw;
    min-height: 85px;
}

.banner h5 {font-weight: 600;color: #85cdae;letter-spacing: 1rem;margin-top: 5vw;font-size: 24px;}
.banB.banner h5 {display:none;}

.banner h5:before{content: "";letter-spacing: .2rem;display: block;font-size: 19px;margin-bottom: 7px;color: #a0efda;}
.banner.banblog h5:before{content: "Q＆A";}
.banner.banE h5:before{content: "Album";}
.banner.banC h5:before{content: "CONTACT";}

@media screen and (max-width: 1024px) {
    .banner h5 {  margin-top: 2vw;}
}
@media screen and (max-width: 768px) {
	.banner h5 {font-size: 20px;}
	.banner h5:before{font-size: 12px;letter-spacing: .6rem;}
}
@media screen and (max-width: 450px){

}


.blog_ri {padding: 0 0 0 50px;}
.blog_page h4.blog_category_title{display: none;}
.blog_subbox {grid-template-columns: 1fr;}
.subbox_item a {grid-template-columns: 200px 1fr;align-items: center;grid-gap: 50px;padding-right: 50px;}
.subbox_item a:before {font-size: 12px;padding: 5px 20px;color: #fff;
	bottom: auto;right: auto;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.subbox_item a:after {background: rgba(256,256,256,.5);border: none;}
.blog_list_ri h5 {color: #444;font-weight: 400;}
.blog_list_ri em {font-size: 12px;}
.blog_list_ri p {font-weight: 400;letter-spacing: .2rem;line-height: 160%;font-size: 12px;margin-top: 20px;}

h4.blog_category_title {padding: 0;font-size: 20px;letter-spacing: .4rem;margin-bottom: 0;font-weight: 400;}
.blog_shareData{border-bottom: 1px solid #eee;padding-bottom: 10px;}
.toShareNews b{font-size: 12px;font-weight: 400;}
.toShareNews a object{max-width: 20px;}

.blog_back {grid-gap: 0;}
.blog_back a.article_btn_prev,.blog_back a.article_btn_next {
	background: transparent;color: #888;border: 1px solid #888;font-size: 14px;padding: 12px;}
.blog_back a.article_btn_back{background: #888;padding: 12px;}
.news_related {background: transparent;padding: 50px 15px;margin-top: 50px;}
.news_related h6 span:before {font-size: 18px;letter-spacing: .6rem;font-weight: 500;color: #555;}
.news_related_list li a p {padding: 5px 5px 10px;line-height: 1.6;}
.lastPage {background: #c1a383;font-size: 16px;}

@media screen and (max-width: 1024px){

	.subbox_item a {grid-template-columns: 120px 1fr;align-items: start; grid-gap: 30px;padding: 15px 0;}
}
@media screen and (max-width: 768px){
	
	.blog_le{padding: 0;}

	.blog_list_ri{padding: 0;}
	.blog_list_ri h5 {font-size: 16px;}

	.blog_le, .blog_ri{margin-bottom: 50px;}
	.blog_back a.article_btn_prev,.blog_back a.article_btn_next,.blog_back a.article_btn_back{font-size: 12px;}
	.lastPage{font-size: 12px;}
}
@media screen and (max-width: 450px){

	.subbox_item a {grid-template-columns: 80px 1fr;grid-gap: 15px;}
}


.accordion li .link a{color: #fff;font-weight: 400;background: #85bdaf;}

.blog_list_ri h5 {}
.subbox_item a:before {background: #c1d7dd00;}
.subbox_item a:after {background: rgb(101 101 101 / 50%);/* backdrop-filter: blur(20px); */}

.subbox_item a {
    position: relative;
}

.subbox_item a::before {
    content: "More+";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scaleY(0);
    transform-origin: center;

    font-size: 15px;
    color: #fff;
    border-bottom: 2px solid #7ce0c7;

    opacity: 0;
    white-space: nowrap;
    transition: opacity .35s ease, transform .45s cubic-bezier(.4,0,.2,1);
    z-index: 10;
}

.subbox_item a:hover::before {
    opacity: 1;
    transform: translate(-50%, -50%) scaleY(1);
}





h4.blog_category_title{color: #fff;}
.blog_back a.article_btn_back {background: #ccc;color: #000;    font-size: 14px;}
.blog_back a.article_btn_prev, .blog_back a.article_btn_next {color: #eee;border: 1px solid #ccc;font-size: 14px;}
.news_related {border-top: 1px solid #ccc;}
.news_related h6 span:before{color: #eee;}
.news_related_list li a {padding: 0;background: #222;}
.news_related_list li a p {color: #ccc;padding: 20px 5px;}





.overlay {-webkit-transform: scale(1);transform: scale(1);background: rgb(85 85 85 / 50%);backdrop-filter: blur(5px);}
.show-list {grid-template-columns: repeat(3, 1fr);}
.show-list .item a{position: relative;}
.show-list .item a:before{content: "VIEW   +";position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);border-bottom: 2px solid #68d5ba;font-size: 12px;max-width: 100px;color: #fff;height: 0;overflow: hidden;opacity: 0;transition: all .5s;transition-delay: 0s;}
.show-list .item a:hover:before{opacity: 1;height: 25px;padding-bottom: 10px;transition: all .5s;
	transition-delay: .3s;z-index: 100;}
.show-list .show_name {font-weight: 400;text-align: center;color: #888;letter-spacing: .6rem;font-size: 14px;}
.show-list .item:hover .show_name {color: #333;}

.subalbum-menu{padding: 0;}
.subalbum-menu h2 {font-size: 16px;color: #888;font-weight: 400;}
.other_subalbum li a p {background: rgb(85 85 85 / 20%);color: #fff;text-align: center;font-weight: 300;
    font-size: 14px;padding: 10px;letter-spacing: .6rem;position: absolute;bottom: 0;left: 0;width: 100%;
height: 100%;display: flex;justify-content: center;align-items: end;padding-bottom: 30px;}
.other_album_choice li {background: #888;font-size: 12px;border-radius: 3px;}

.album_descrip p{font-size: 14px;line-height: 180%;}
.fa-right-from-bracket::before {content: "\f061";}

.album_fixed_title { display: none;}

/*footer*/
.footer{
   z-index: 99;
   background-color: #85bdaf;
   background-position:bottom;
   background-attachment: fixed;
   font-family: "Noto Sans TC", sans-serif;
   }

.footer_logo img { width: 100%;display: none;}
.footer_info {    display: flex;    flex-wrap: wrap;    align-items: center;    justify-content: center;padding: 0;}
.footer_info ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;}
.footer_info li{  width: 45%;}
.footer_info li p {  color: #fff;}
.footer_info li p a {color: #fff;font-size: 13px;}
.footer_info li p.mail{display: none;}






.footer_menu {display: grid;grid-template-columns:1fr 1fr 1fr;gap: 20px;}/*footer按鈕最小寬度100px*/
.footer_menu a {
    margin: 0;
    text-align: center;
    /* padding: 5px 5px 5px 25px; */
    transition: all 0.3s;
    border: none;
    color: #ffffff;
    background: #ffffff00;
    position: relative;
    letter-spacing:3px;
    width: 100%;
}


.footer_menu a:first-child {display:none;}
.footer_menu a:hover {    background: #47734cad;letter-spacing: 5px; border-radius:10px;}
.copy {       color: #fff;	border:none;}
.copy a{    color: #fff;transition:all 0.3s;}
.box_link{display: none;}
.box_link a{transition:all 0.3s;}
.box_link a:hover {    background: #ADA17E;    color: #fff;}


@media screen and (max-width: 768px) {

#bottom_menu {display: none; }
.footer.with_shopping_mode { padding:30px 0 0px; }
#to_top { bottom:60px;}
.footer_info li p{text-align: center;}
.footer_info li { width: 90%;}
.footer_menu {    max-width: 450px;    margin: auto;}

    .footer_menu {  grid-template-columns: 1fr 1fr;}


 
.footer_info { justify-content: flex-start;}
.footer_logo { margin-left: 17px;}
    .footer_info li p {  text-align: left;}
}



.contact_content {
    width: 90%;
    max-width: 1800px;
    padding: 80px 0 80px;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px;
    font-family: var(--SFontEN);
}
.contact_content form {
    display: flex;
    justify-content: space-between;
}

.blank_letter {
    font-family: 'Josefin Sans', 'sans-serif', '微軟正黑體';
    padding-top: 30px;
    font-size: 26px;
    color: #4a917f;
    background-position: left bottom;
    background-repeat: no-repeat;
}



.contact_content .information_left {
    width: 320px;
    width: 50%;
    padding: 0;
}
.contact_form {
    margin-top: 30px;
    margin-bottom: 20px;
    font-size: 15px;
    color: #444;
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 10px;
    padding: 10px;
}


.list_before {
    margin-top: 20px;
    margin-bottom: 30px;
    font-size: 15px;
    color: #444;
    display: block;
    width: 100%;
position: relative;
}
.list_before.info li {padding-left: 0;letter-spacing: .04em;font-size: 14px;line-height: 1.6;display: flex;display: grid;/* grid-template-columns: 40px 35px auto; */}
.info_TEL:before, .info_TEL2:before, .info_PHONE:before, .info_LINE:before, .info_FAX:before, .info_TAXID:before, .info_MAIL:before, .info_ADD:before, .info_ADD2:before {
    position: relative;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    color: #62ab99;
    line-height: 1.7;
}

/* MAP */
.contact_le_nomap {
    height: 300px;
}


.contact_content .information_right {
    padding: 0;
    width: calc(100% - 33%);
    padding-left: 50px;
}

.contact_content .information_right {
    background: #ffffff;
    border-radius: 1em;
    width: 100%;
    max-width: 1250px;
    margin: 10px auto;
    padding: 0px 40px 30px 40px;
    box-shadow: 1px 1px 15px #83d1b8;
}

h4.blank_letter.f {
    font-size: 0;
}


.contact_form li {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 5px;
}
.contact_form li .form__label {
    max-width: 100%;
    text-align: left;
    color: #2f2f2f;
    font-size: 14px;
    letter-spacing: .04em;
    padding: 0;
    position: relative;
    background-color: transparent;
    display: flex;
    flex-direction: row;
    width: fit-content;
    font-weight: 400;
}
.contact_form li .form__insert {
    display: block;
    width: 100%;
    vertical-align: top;
    padding-bottom: 20px;
}
.contact_form li input.noborder {
    font-size: 14px;
    width: 100%;
    min-height: 38px;
    padding: 0 5px;
    background-color: #fff;
    border: 1px solid #E6E6E6;
    -webkit-appearance: none;
    border-radius: 0 !important;
}
.contact_form li textarea.noborder {    
    font-size: 14px;
    width: 100%;
    padding: 0 5px;
    min-height: 130px;
    background-color: #fff;
    border: 1px solid #E6E6E6;
}
.contact_form li.checknumBox .form__insert .captcha + img {
    margin-left: 5px;
    margin-top: 5px;
}



.note {display: none;}
.red {color: #70ba8d;}
.star {padding: 2px;display: inline-block;width: 13px;position: relative;left: 3px;top: 0;font-size: 12px;line-height: 1.8;order: 2;}


/* BTN */
.contact_form li.last {margin-top: 20px;margin-bottom: 20px;gap: 10px;}
.contact_form li.last blockquote, .contact_form li.last cite {padding: 4px;border: 0;transition: all .4s ease;}
.contact_form li.last blockquote {color: #53565A;background: transparent;border: 1px solid #e6e6e6;}
.contact_form li.last cite {background: #85bdaf;color: #fff;}
.contact_form li.last cite:hover {background: #448d7b;}
.contact_form li.last input {font-size: 14px;padding: 5px;letter-spacing: 2px;font-family: var(--SFontEN);}
.contact_form li.last blockquote:hover input, .contact_form li.last cite:hover input {letter-spacing: 2px;}
.contact_form li.last cite i {display: none;}


@media screen and (max-width: 768px) {
.header_area.sticky {
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 20px rgba(67, 67, 67, 0.05);
    transition: 0.4s;
    backdrop-filter: none;
    height: 60px;
    background-color: #a6e7c959;
    position: sticky;
}
.header_area .main_header_area {   
    position: static;
}
.nav-brand {
    width: 50px;
}
.nav-brand img {
    max-width: 50px;}	
	
}



@media screen and (max-width: 1024px) {
.contact_content > form {display: flex;flex-wrap: wrap;gap: 40px;gap: 60px;flex-direction: column-reverse;}
.contact_content .information_left {padding: 0;width: 100%;order: 2;}
.contact_content .information_right {width: 100%;padding: 0;}
}

@media screen and (max-width: 768px) {
.contact_content {width: 95%;}
.blank_letter {padding-bottom: 10px;padding-top: 0;}
.blank_letter.f:before {top: -100px;font-size: 100px;}
.contact_form li .form__label {padding: 0;}

}

@media screen and (max-width: 600px) {
.contact_content {padding: 60px 25px 40px;width: 100%;}
h4.blank_letter.f:after {font-size: 16px;}
.contact_form li .form__insert {padding-bottom: 5px;}
.contact_form li.last {margin: 40px 0 0;}
.list_before.info {margin-bottom: 15px;}
}





@media screen and (max-width: 768px) {

.header_area {
    position: static;
    height: 60px;
    background: #c1eddd;
}

.stellarnav > ul > li.drop-left > ul {
    background: transparent;
    padding: 0px 0;
}

.stellarnav > ul > li ul li a:hover {
    background: transparent;
}
.stellarnav > ul > li:hover > a {color:#259875;}

.stellarnav .icon-close {
    right: 12px;
    top: 2px;
}
.stellarnav ul ul{top:0px;}
	
.stellarnav .icon-close:before,.stellarnav .icon-close:after {
    border-bottom: solid 2px #ffffff;
}

    .stellarnav.mobile.left > ul {
        top: -1px;
        border: none;
        background: #ffffffd4;
        backdrop-filter: saturate(93%) blur(10px);
        padding: 0;
        animation: fade-in-left .8s cubic-bezier(.39, .575, .565, 1.000) both;
        width: 100%;
        max-width: 100%;
        z-index: 9999999999;
    }
@keyframes fade-in-left{
    0%{transform:translateX(-50px);opacity:0}
    100%{transform:translateX(0);opacity:1}
}

.stellarnav > ul > li > a::before{display:none;}

.stellarnav.mobile {
        left: 15px;
        top: 15px;
    }

.stellarnav.mobile li a {
    border-bottom: none
}

.stellarnav.mobile > ul > li {
    border-bottom: 1px #ffffff29 solid;
    padding: 10px;
}

.stellarnav.mobile ul {
    background: transparent;
    padding: 2px;
}

.stellarnav.mobile ul ul {
    padding: 0px;
    background: transparent;
}

.stellarnav li li:hover > a, .stellarnav li li.has-sub:hover > a {
    padding-left: 0px;
}


.stellarnav.mobile li.open {
    background: transparent;
    padding: 10px;
}

.stellarnav.mobile li.open li.open {
    background: transparent;
    padding: 0;
}


.stellarnav.mobile li.open li a:not(.dd-toggle) {
    padding: 10px 20px;
    color: #62a37b;
    border-bottom: none;
    font-size: 13px;
    letter-spacing: 1px;
    background: #ffffff85;
}

.stellarnav li li {border: none;margin-left: 0px;transition: .6s;font-size: 13px;}







.stellarnav a.dd-toggle .icon-plus {
    width: 20px;
    height: 20px;
    border: 1px solid #ffffff00;
    border-radius: 50%;
    position: relative;
}

.stellarnav a.dd-toggle .icon-plus:before,
.stellarnav a.dd-toggle .icon-plus:after {
    content: '';
    position: absolute;
    background: #ffffff;
    left: 50%;
    top: 50%;
    border: none;
}

.stellarnav a.dd-toggle .icon-plus:before {
    width: 10px;
    height: 2px;
    transform: translate(-50%,-50%);
}
.stellarnav a.dd-toggle .icon-plus:after {
    width: 2px;
    height: 10px;
    transform: translate(-50%,-50%);
}

.stellarnav li.open > a.dd-toggle .icon-plus:before {
    background: #5ed382;
}

.stellarnav li.open > a.dd-toggle .icon-plus:after {
    opacity: 0;
}

.stellarnav li.open > a.dd-toggle .icon-plus {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}



.stellarnav.mobile > ul > li > a.dd-toggle {
    top: 10px;
}
.stellarnav.mobile > ul > li > ul > li a.dd-toggle {
    top: 10px;
}



.stellarnav .menu-toggle:after {
    display: none;
    color: #f1f0e0;
}

.stellarnav .menu-toggle span.bars span {
    height: 2px;
    border-radius: 0;
    margin: 0 auto 6px;
}

.stellarnav .menu-toggle span.bars span:nth-of-type(1),
.stellarnav .menu-toggle span.bars span:nth-of-type(3) {
    background: #66cdb3;
}
.stellarnav .menu-toggle span.bars span:nth-of-type(2) {
    background: #1f5260;
}



.stellarnav.mobile li.open li a:before {
    opacity: 0;
}

.stellarnav.mobile li.open li.open li a:before {
    display: none;
}






.stellarnav> ul > li > a {
    transform: translateY(20px);
    opacity: 0;
    pointer-events: none;
    transition: all 0.5s ease-out;
}

.stellarnav.left.mobile.active > ul > li > a {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
}

.stellarnav.left.mobile.active  > ul > li:nth-of-type(1) > a {
    transition-delay: 0.1s;
}

.stellarnav.left.mobile.active  > ul > li:nth-of-type(2) > a {
    transition-delay: 0.3s;
}

.stellarnav.left.mobile.active  > ul > li:nth-of-type(3) > a {
    transition-delay: 0.5s;
}

.stellarnav.left.mobile.active  > ul > li:nth-of-type(4) > a {
    transition-delay: 0.7s;
}

.stellarnav.left.mobile.active  > ul > li:nth-of-type(5) > a {
    transition-delay: 0.9s;
}

/***/

.stellarnav.mobile.left .close-menu {
        padding: 10px 10px 5px;
        background: #51a39485;
        position: relative;
        color: aliceblue;
    }


.stellarnav > ul > li:nth-of-type(4) > ul {
    width: auto;
}
.stellarnav > ul > li:nth-of-type(2) > ul {
    width: auto;
}
.stellarnav > ul > li:nth-of-type(5) > ul {
    width: auto;
}
.stellarnav.left.mobile.active .close-menu::after {
    animation: wave-reveal-2 3s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    animation-delay: .2s;
    opacity: 1;
}

@keyframes wave-reveal-2 {
    0% {
        clip-path: inset(0 50% 0 50%);
        filter: blur(6px) invert(1);
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
    100% {
        clip-path: inset(0 0 0 0);
        filter: blur(0) invert(1);
        opacity: 1;
    }
}

.show-list {grid-template-columns: repeat(1, 1fr);}
	
}