@charset "UTF-8";
/* Waste To Me™ - CSS Parts */

@media (max-width: 767px){
	.container {
		position: relative;
		display: block;
		width: 100vw;
		margin: 0 auto;
		padding: 0;
	}

	.header-push {
		position: relative;
		display: block;
		width: 100vw;
		height: 90px;
		z-index: 1;
	}

	#header {
		position: fixed;
		display: block;
		width: 100vw;
		height: 90px;
		top: 0;
		left: 0;
		background-color: rgba(255,255,255,1);
		z-index: 5;

		/*border-bottom: 1px solid rgb(0,58,93);*/
	}

	#header .header-element {
		position: absolute;
		display: none;
		width: 144px;
		height: 100px;
		top: 0;
		right: 0;
	}

	#header .header-element svg {
		position: relative;
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		right: 0;
	}

	#header .header-element svg path.st0 {
		fill: rgb(247,190,0);
	}

	#header .header-element svg path.st1 {
		fill: rgb(0,58,93);
	}

	#header .container {
		height: 100px;
	}

	#header .logo {
		position: absolute;
		display: block;
		width: auto;
		height: 50px;
		top: 20px;
		left: 0;
	}

	#header .logo svg {
		position: relative;
		display: block;
		width: 220px;
		height: 50px;
		left: 0;
	}

	#header .wtm-menu {
		position: absolute;
		display: block;
		width: 0;
		height: 100vh;
		top: 0;
		left: auto;
		right: 0;
		background-color: rgb(255,255,255);
	}

	#header .wtm-menu.opened {
		position: absolute;
		display: block;
		width: 100vw;
		height: 100vh;
		top: 0;
		left: auto;
		right: 0;
		background-color: rgb(255,255,255);
	}

	#header .wtm-menu ul {
		position: relative;
		display: block;
		width: auto;
		height: 44px;
		left: 0;
		text-align: left;
		margin: 0;
		padding: 100px 15px 0 15px;
	}

	#header .wtm-menu ul li {
		position: relative;
		display: block;
		width: auto;
		height: auto;
		line-height: 44px;
		margin: 0 15px;
	}

	#header .wtm-menu ul li a {
		position: relative;
		display: block;
		width: auto;
		height: auto;
		font-size: 24px;
		font-weight: 500;
		color: rgb(0,58,93);
		text-decoration: none;
		outline: none;
		transition: all .2s ease;
	}

	#header .wtm-menu ul li a:hover {
		color: rgb(247,190,0);
	}

	#header .wtm-menu ul li a.active {
		color: rgb(247,190,0);
	}

	#header .social-menu {
		position: absolute;
		display: inline-block;
		width: auto;
		height: 60px;
		top: 20px;
		right: 0;
	}

	#header .social-menu ul {
		position: relative;
		display: block;
		width: auto;
		height: 44px;
		left: 0;
		text-align: left;
		margin: 0;
		padding: 0 15px;
	}

	#header .social-menu ul li {
		position: relative;
		display: inline-block;
		width: auto;
		height: 44px;
		line-height: 44px;
		margin: 0 10px;
	}
	
	#header .social-menu ul li.m-btn {
		display: inline-block;
	}

	#header .social-menu ul li.mn {
		display: none;
	}

	#header .social-menu ul li a {
		position: relative;
		display: block;
		width: auto;
		height: auto;
		font-size: 18px;
		font-weight: 500;
		color: rgb(0,58,93);
		text-decoration: none;
		outline: none;
		transition: all .2s ease;
	}

	#header .social-menu ul li a svg {
		position: relative;
		display: block;
		width: 18px;
		height: 18px;
		top: 13px;
	}

	#header .social-menu ul li a svg path {
		fill: rgb(0,58,93); 
		transition: all .2s ease;
	}

	#header .social-menu ul li a:hover svg path {
		fill: rgb(247,190,0); 
	}
	
	#header .wtm-menu ul li ul {
		display: none;
	}

	#footer {
		position: relative;
		display: block;
		text-align: center;
	}

	#footer .main-footer {
		position: relative;
		display: block;
		overflow: hidden;
		margin: 0;
		padding: 30px 0;
		background-color: rgb(247,190,0);
	}

	#footer .main-footer .fttr-content {
		position: relative;
		display: inline-block;
		float: left;
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		transition: all .4s ease;


		/*border: 1px solid rgb(0,0,0);
		background-color: rgb(245,245,245);*/
	}

	#footer .main-footer .fttr-content .footer-logo {
		position: relative;
		display: block;
		width: 100%;
		margin: 0 0 15px 0;
	}

	#footer .main-footer .fttr-content .footer-logo svg {
		position: relative;
		display: block;
		width: auto;
		height: 100px;
		left: 50%;
		transform: translate(-50%, 0);
	}

	#footer .main-footer h3 {
		color: rgb(0,58,93);
		margin: 0 0 10px 0;
	}

	#footer .main-footer .fttr-content ul {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;	
		text-align: center;
	}

	#footer .main-footer .fttr-content ul li {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;	
	}

	#footer .main-footer .fttr-content ul li a {
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 0;
		color: rgb(53,53,53);
		text-decoration: none;
		outline: none;
		transition: all .2s ease;
	}

	#footer .main-footer .fttr-content ul li a:hover {
		color: rgb(0,58,93);
	}

	#footer .footer-end {
		position: relative;
		display: block;
		margin: 0;
		padding: 30px 0;
		background-color: rgb(0,58,93);
		text-align: center;
	}

	#footer .footer-end ul {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
	}

	#footer .footer-end ul li {
		position: relative;
		display: inline-block;
		margin: 0 15px;
		padding: 0;
		font-size: 14px;
		color: rgb(255,255,255);
	}

	#footer .footer-end ul li a {
		position: relative;
		display: block;
		margin: 0;
		padding: 0;
		text-decoration: none;
		outline: none;
		color: rgb(255,255,255);
		transition: all .2s ease;
	}

	#footer .footer-end ul li a:hover {
		color: rgb(247,190,0);
	}
}