html.app body.sub header,
html.app body.sub footer,
html.app body.sub #content >section.sub-header-container {
    display: none;
}
body.sub main {
    
}
body.sub #content >section.sub-header-container{
    height:256px;
    position: relative;
	    background-image: url(/img/bg/sub1.png) !important;
	background-position: center right;
	background-size:cover;
}
body.sub #content >section.sub-header-container h1{
	font-size: 3.2rem;
		    font-size: 3.2rem;
    font-family: Paperozi;
    font-weight: bold;
    text-shadow: 3px 3px 5px rgba(0, 0, 0, 0.4);
}
body.sub #content >section.sub-header-container .text-div{
	width:100%;
	color: white;
	padding-left:24px;
}
body.sub #content >section.sub-header-container>.cover{
	
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	
}
body.sub nav#subPageNav>div>ul>li>a{
	height:64px;
	position: relative;

	
	
	
}
body.sub nav#subPageNav>div a{
	
	
}
body.sub nav#subPageNav>div>ul>li:first-child>a{
	background-color:var(--active-color-1);
	color:white;
}
body.sub nav#subPageNav>div>ul>li:first-child>a:after{
	display:none;
}
body.sub nav#subPageNav>div>ul>li>a:after{
	position: absolute;
	right:0;
	height:24px;
	background:var(--sidenav-color);
	width:1px;
	content:'';
		-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	top:50%;
}
body.sub section.part{
	margin-top:120px;
}
body.sub section.part>div.top{
	margin-bottom: 76px;
}
body.sub section.part>div.top h3{
	    font-family: Paperozi;
    font-weight: 800;
}
body.sub nav#subPageNav{
	    box-shadow: none;
    background: white;
    border-bottom: 1px solid #ddd;
}
body.sub nav#subPageNav .nav-wrapper {
    padding: 0px 0px;
}
body.sub #content >section.sub-header-container>.cover h3{
	
	color:white;
	font-size:42px;
	text-transform:uppercase;
	position:relative;

}
body.sub #content >section.sub-header-container>.cover h3>span.line{
	position:absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	top:50%;
	width:120px;
	height:1px;
	background:white;

}
body.sub #content >section.sub-header-container>.cover h3>span.line.left{
	left:-180px;
}

body.sub #content >section.sub-header-container>.cover h3>span.line.right{
	right:-180px;
}
body.sub #content >section.sub-header-container>.cover h3>span.line:after{
	content:'';
	width:7px;
	height:7px;
	background:white;
	border-radius:50%;
	position:absolute;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	top:50%;
}

body.sub #content >section.sub-header-container>.cover h3>span.line.left:after{
	right:0;
}
body.sub #content >section.sub-header-container>.cover h3>span.line.right:after{
	left:0;
}
@media only screen and (max-width: 992px){
	main>#content>section.part{
		padding: 0 12px;
	}
}
    
@media only screen and (max-width: 600px){
	body.sub section.part {
    margin-top: 64px;
	
}
body.sub section.part>div.top h3 {
    font-family: Paperozi;
    font-weight: 800;
    font-size: 1.95rem;
}
    body.default.sub main {
        padding-top: 56px;
        padding-left: 0;
        padding-right: 0;
    }
	body.sub #content >section.sub-header-container h1{
	font-size: 24px;
}
body.sub #content >section.sub-header-container{
    height:120px;
    position: relative;
}
body.sub #content >section.sub-header-container>.cover h3 {
    
    font-size: 27px;
    
}
	body.sub nav#subPageNav>div>ul>li>a,
	body.sub nav#subPageNav>div>ul>li>a>i{
		height:56px;
		line-height:56px;
		font-size: 14px;

	}
	body.sub nav#subPageNav>div>ul>li>a>i{
		font-size: 20px;
	}
	body.sub nav#subPageNav>div>ul>li>a:after {
    
    
    height: 12px;
    
}

}