html 
	{
		scroll-behavior: smooth;
	}
body
	{
		margin:0 auto;
		font-family:'K2D', sans-serif;
		font-style:normal;
	}
h1, h2, h3, h4, h5, h6 
	{
		margin-bottom: 20px;
		line-height: 1.5;
		font-weight: 600;
		margin-top:0px;
		font-style:normal; 
	}
h4 
	{
		font-size: 18px;
	}
h5 
	{
		font-size: 16px;
	}
p  
	{
		color: #8c8b8b;
		font-size: 16px;
		line-height: 1.7;
		margin-bottom: 15px;
		margin-top:0;
		padding:0;
		font-style:normal; 
		text-align:justify;
	}

strong
	{
		font-weight:bold;
		line-height: 1.7;
	}
.nav-header.active 
	{
		position:fixed;
		width: 100%;
		z-index: 99999;
		top:0;
		left:0;
		transition: all 2s ease-in-out;
		height: 80px;
		display:block;
	}
.active
	{
		background-color: #020201;
		transition: all 2s ease-in-out;
		display:block;
	}
.nav-header
	{
		height:80px;
		position:fixed;
		width:100%;
	}
.site-logo
	{
		float:left;
		margin:10px;
	}
.site-logo img
	{
		width:150px; 
		height:70px;
	}
.site-nav
	{
		float:right;
		margin: 25px;	
		display:block!important;
	}
.site-nav a
	{
		text-decoration:none !important;
		text-align:center;
		font-size: 20px;
		margin: 10px 12px;
		transition:0.3s;
		color:#fff;
	}
a:visited 
	{
		color: #fff;  
	}
a:hover 
	{
		color: #cfb53b !important;
	}
a:active 
	{
		color: #fff;
	}

.hamburger-menu
	{
		display:none;
		right: 30px;
		top: 25px;
		position:absolute;
		cursor:pointer;
	}
.humburger-menu:hover
	{
		color:#cfb53b;
	}
.bar1, .bar2, .bar3 {
    width: 30px;
    height: 3px;
    background-color: #fff;
    margin: 5px 0;
    transition: 0.4s;
}

.change .bar1 {
    -webkit-transform: rotate(-45deg) translate(-6px, 6px);
    transform: rotate(-45deg) translate(-6px, 6px);
}

.change .bar2 {opacity: 0;}

.change .bar3 {
    -webkit-transform: rotate(45deg) translate(-6px, -6px);
    transform: rotate(45deg) translate(-6px, -6px);
}
.container
	{
		padding-left:15px;
		padding-right:15px;
		margin:auto;
		box-sizing:border-box;
		width:1100px;
		margin-top:20px;
	}
footer                                           /*  footer */
	{
		background-color:#d5d5d5;
		display:inline-block;
		width:100%;
	}
footer p
	{
		/* text-align:center; */
		padding:10px 30px 0 20px;
	}	
.foot-id
	{
		text-decoration:none;
		color:#000 !important;
	}
a.scrollup,a.scrollup:active 
	{
		position: fixed;
		right: 30px;
		bottom: 50px;
		color: #000000;
		font-size: 34px;
		display: none;
		outline: none;
	}
.fa-chevron-circle-up:before 
	{
		content: "\f139";
		color:#000 ;   	/*#209fcc */
		position:relative;
		z-index:222;
	}
.fa-chevron-circle-up::after 
	{
		background: #ffffff none repeat scroll 0 0;
		content: "";
		display: block;
		height: 17px;
		position: absolute;
		right: 4px;
		top: 16px;
		width: 22px;
		z-index: 11;
	}

@media screen and (min-width: 320px) and  (max-width: 480px){
html
	{
		max-width:480px;
	}
body
	{
		max-width:480px;
		line-height:1.5; 
		font-family: 'K2D', sans-serif;
		margin:0 auto;
	}
.site-logo img
	{
		width:110px; 
		height:50px;
	}
.nav-header
	{
		max-width:480px;
		width:100%;
		display:flex;
		height: auto !important;
	}
.toggle
	{
		display:block;
		position:absolute;
		right:30px;
	}
.hamburger-menu
	{
		display:block;
	}
.actives
	{
		border-bottom:none;
	}

.site-nav
	{
		width:80%;
		background-color: #020201;
		margin:0!important;
		display:none!important;
	}
.show.site-nav a
	{
		text-align:center;
		display: block;
	}
.show
	{
		display:block!important;  
	}
.banner
	{
		max-width:480px;
		max-height:200px;
	}
.container
	{
		max-width:440px;
		margin:0 auto;
		width:100%;
		margin-bottom:20px;
	}
.footer
	{
		max-width:480px;
	}
}
@media screen and (min-width: 481px) and (max-width: 767px){
body
	{
		margin:0 auto;
		font-family:'K2D', sans-serif;
		font-style:normal;
		max-width:767px;
	}
p
	{
		margin:0 !important;
	}
.nav-header
	{
		max-width:767px;
		width:100%;
		display:flex;
		height: auto !important;
	}
.toggle
	{
		display:block;
		position:absolute;
		right:30px;
	}
.hamburger-menu
	{
		display:block;
	}
.actives
	{
		border-bottom:none;
	}
.site-nav
	{
		width:80%;
		background-color: #020201;
		margin:0!important;
		display:none!important
	}
.show.site-nav a
	{
		text-align:center;
		display: block;
	}
.show
	{
		display:block!important;  
	}
.banner
	{
		max-width:767px;
		max-height:300px;
	}
#content
	{
		margin-top:10px;
		margin-bottom:20px;
	}
.container
	{
		max-width:700px;
		width:100%;
	}
.footer
	{
		max-width:767px;
	}
}