@charset "utf-8";
/* CSS Document */


.onoffcanvas-container	{position: relative; overflow: auto;}
.onoffcanvas			{position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;  padding:2%;
	-webkit-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	-webkit-transition: -webkit-transform 0.3s ease-out;
	transition: -webkit-transform 0.3s ease-out;
	transition: transform 0.3s ease-out;
	transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;}

.onoffcanvas.is-fixed	{-webkit-backface-visibility: hidden; backface-visibility: hidden; position: fixed; z-index: 200; background-color: #3c7983;}
.onoffcanvas.is-right	{left: auto; -webkit-transform: translate(100%, 0); transform: translate(100%, 0);}

.onoffcanvas.is-open	{-webkit-transform: translate(0); transform: translate(0); width:50%; overflow: auto;}

.close-button			{position: absolute; right: 3%; top: 3%; font-size: 2rem; color: #00af56;}
.close-button:hover		{color: black;}

.fa-times-circle:before{color:#fff;}
.onoffcanvas h3{color:#fff;font-weight:400;}
.onoffcanvas p{line-height: 30px;font-size:17px;color:#fff;font-weight: 500;}

@media only screen and (min-width : 300px) and (max-width : 767px) {
	

.onoffcanvas			{padding: 5%;}
.onoffcanvas.is-open	{width: 90%;}
	
	
}