.logo {border-right: 2px solid #c1c1c1 }
header {background:#fff;position: sticky;top: 0;left: 0;width: 100%;z-index: 999;box-shadow: 0 0 10px #ddd;padding: 1.2rem 0;}
header  nav ul {text-align: right;margin: 0;    padding: 0;}
nav ul li {display: inline-block; position: relative;}
nav ul li a {display: block;text-decoration: none;font-weight: 600;padding-right: .8rem;padding-left: .8rem;font-size: 14px; position: relative;}
nav ul.main-list > li:hover > a{ color: #b31117;}


nav ul.main-list > li.active > a:after { left: 25px; opacity:1; }
nav ul.main-list > li > a:after {content: ''; width: 20px; position: absolute; left: 0%; border-bottom: 4px dotted #d4d4d4; transform: translate(-50%, -50%); bottom: -10px; opacity:0; transition: all .5s; z-index: 10;}
nav ul.main-list > li:hover > a:after { left: 25px; opacity:1;}

.tfn {font-size: 14px;}
.tfn a {color: #b31117;font-weight: 600}
 
.header nav ul ul{position: absolute; left: 0;visibility: hidden;opacity: 0;z-index: 1; background: #fff;   
	text-align: left;    transition: opacity 0.2s ease-in;    top: 150%; width: 250px; padding-top: 46px;   padding-bottom: 20px;
}
.header nav ul > li:hover ul{ visibility: visible;    opacity: 1;    top: 100%;}
.header nav ul ul li {  display: block; width: 100%;}
.header nav ul ul li a {  padding: 5px 10px;}
.header nav ul ul li a:hover{ color: #b31117;}




/*start footer*/
footer {border:1px solid #d4cccc;padding: 20px 0 0px 0;}
footer ul { list-style-type: none; padding: 0; margin: 0; }
footer ul li { display: inline-block; font-size: 13px; padding: 0 10px; border-right: 1px solid; line-height: 13px; }
.social-icon {float: right;}
.social-icon li {border: none;}
footer a {color: inherit;}
footer a:hover {color: #ff485a}