@charset "utf-8";
/* CSS Document */

header{  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}

.sitemap{margin:80px auto 30px;}


h1{margin:15px auto !important;}

.main-box{
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border: 1px solid #f7f6f6;
    border-radius: 15px;
    padding:10px;
    margin:0 auto 30px;
}

.main-box .title{border-bottom:.7px solid #afadad4d; padding:15px; list-style: none; margin-bottom: 10px;}
.main-box h3{position: relative; color: var(--red); }
.main-box h3 a{color: var(--red) !important;}
.main-box h3:after{content: '';
    position: absolute; bottom: 0; left:-15px;
    border-bottom: .8px solid #8888884d; width:25%; margin-bottom: -15px;}

.main-box li{  padding: 10px; font-size: 16px; line-height: 20px; }   
/* .main-box li:hover{border-bottom: 1px solid #e6e6e6;} */
.main-box li a{color: #777; position: relative; font-weight:600;}
.main-box li a:hover{color:var(--red); }

.main-box h4{font-size: 20px; font-weight:600; margin-bottom: 15px; color: var(--secondry-color);}

.sub-title h4 a{color: var(--secondry-color);}

.main-box li a:hover:before, .sub-title h4 a::before{content: "";
    position: absolute;
    display: inline;
    bottom:0px;
    left: 0;
    right: 0;
    height: 6px;
   -webkit-mask-image: url( "../images/line-border.svg");
    mask-image:url( "../images/line-border.svg");
    -webkit-mask-repeat: repeat-x;
    mask-repeat: repeat-x;
    -webkit-mask-size: 13px 6px;
    mask-size: 13px 6px;
    -webkit-mask-position: -8px center;
    mask-position: -8px center;
    text-decoration: none;
    -webkit-text-decoration-skip: objects;
    text-decoration-skip: objects;
     background-color: #fd9800;
    -webkit-animation: vamtam-underline-move 40s linear infinite;
    animation: vamtam-underline-move 40s linear infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
    -webkit-animation-play-state: running;
    animation-play-state: running
  }



  @media only screen and (max-width:768px){.main-box h3:after{width:45%;}}