.c-button,.c-menu__close{-moz-appearance:none;appearance:none;border-radius:none;-webkit-appearance:none;font-size:14px;box-shadow:none}



.c-button:focus,.c-menu__close:focus{outline:0}



.c-mask,.c-menu{position:fixed}



body{font-family:'Aller Light';  line-height:1.8}





.o-wrapper{transition:transform .3s}



.c-menu,.o-wrapper{-webkit-transition:-webkit-transform .3s}



.c-menu{

	z-index:200;

    background: rgba(21,21,21,0.7);

    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);

	transition:transform .3s 

	}



.c-menu__items{list-style:none;margin:0;padding:0}



.c-menu--slide-top{

    box-shadow:none !important;

	background:none !important;

	margin-top:51px;

vertical-align:middle;

width:100%;

height:50px;

text-align:right;

overflow-y:hidden;

}

.c-mask,body.has-active-menu{overflow:hidden}



.c-menu--slide-top .c-menu__items{

	display:inline-block;

text-align:right; 

background:rgba(21,21,21,0.3); 

border-bottom-left-radius:10px; 

border-top-left-radius:10px;

}

.c-menu--slide-right .c-menu__item:hover{

background:rgba(21,21,21,0.7); 

}



.c-menu--slide-top .c-menu__item{display:inline-block;line-height:25px; border-right:solid 1px #009933; margin:0px 0px; padding:10px; font-size:16px;}



.c-menu--slide-top .c-menu__link{display:block;padding:0 4px;color:#fff}



.c-menu--slide-top .c-menu__close{display:inline-block;height:25px;line-height:25px;}



.c-menu--slide-top{top:0;left:0;-webkit-transform:translateY(-160px);-ms-transform:translateY(-160px);transform:translateY(-160px)}



.c-menu--slide-top.is-active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}



.c-menu__close{color:#fff;background-color:#3184a1;border:none;cursor:pointer}



.c-mask{z-index:100;top:0;left:0;width:0;height:0;background-color:#000;opacity:0;-webkit-transition:opacity .3s,width 0s .3s,height 0s .3s;transition:opacity .3s,width 0s .3s,height 0s .3s}



.c-mask.is-active{width:100%;height:100%;opacity:.1;-webkit-transition:opacity .3s;transition:opacity .3s}



.c-buttons{margin-bottom:48px;text-align:center}



.c-button{display:inline-block;margin:4px;padding:12px 24px;color:#67b5d1;background:0 0;border:2px solid #67b5d1;cursor:pointer}



.c-button:disabled{opacity:.3;cursor:not-allowed}



.c-menu--slide-right{width:100%;height:100%;overflow-y:hidden;}



.c-menu--slide-right .c-menu__item{display:block;text-align:center;border-bottom:solid 1px #FFF;}



.c-menu--slide-right .c-menu__item:first-child{border-top:none;}



.c-menu--slide-right .c-menu__item:last-child{border-bottom:none;}



.c-menu--slide-right .c-menu__link{display:block;padding:12px 24px;color:#fff}



.c-menu--slide-right .c-menu__close{display:block;padding:12px 24px;width:100%}



.c-menu--slide-right{top:0;right:0;-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}

.c-menu--slide-right.is-active{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}



.c-menu__close{color:#fff;background-color:rgba(21,21,21,0.3);border:none;cursor:pointer}



.c-menu--slide-right{width:250px}



.c-menu--slide-right{-webkit-transform:translateX(250px);-ms-transform:translateX(250px);transform:translateX(250px)}





@media all and (max-width:420px){

.c-menu--slide-top .c-menu__item{

		font-size:12px !important;

	}

.c-menu--slide-right .c-menu__item{

		font-size:12px !important;

	}

.c-menu--slide-top{

	margin-top:50px;

	height:40px;

}

.c-menu--slide-right .c-menu__link, .c-menu--slide-right .c-menu__close{display:block;padding:5px 10px;}



.c-menu--slide-right{width:160px}



.c-menu--slide-right{-webkit-transform:translateX(160px);-ms-transform:translateX(160px);transform:translateX(160px)}



.c-menu--slide-top .c-menu__item{display:inline-block;line-height:12px; border-right:solid 1px #009933; margin:0px 0px; padding:5px; font-size:15px;}

}















/*.c-button,.c-menu__close{-moz-appearance:none;appearance:none;border-radius:none;-webkit-appearance:none;font-size:14px;box-shadow:none}



.c-button:focus,.c-menu__close:focus{outline:0}



.c-mask,.c-menu{position:fixed}



a{color:#28aadc;text-decoration:none}



.o-wrapper{transition:transform .3s}



.c-menu,.o-wrapper{-webkit-transition:-webkit-transform .3s}



.c-menu{z-index:200; 

	background: rgba(21,21,21,0.7);

    box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.50);

	transition:transform .3s}



.c-menu__items{list-style:none;margin:0;padding:0}

*/









/*.c-menu--slide-top{vertical-align:middle;width:100%;height:60px;text-align:center;overflow-x:hidden;}



.c-mask,body.has-active-menu{overflow:hidden}



.c-menu--slide-top .c-menu__items{display:inline-block;text-align:center}



.c-menu--slide-top .c-menu__item{display:inline-block;line-height:60px}



.c-menu--slide-top .c-menu__link{display:block;padding:0 4px;color:#fff}



.c-menu--slide-top .c-menu__close{display:inline-block;margin-right:12px;padding:0 24px;height:60px;line-height:60px}



.c-menu--slide-top{top:0;left:0;-webkit-transform:translateY(-60px);-ms-transform:translateY(-60px);transform:translateY(-60px)}



.c-menu--slide-top.is-active{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}





.c-mask{z-index:100;top:0;left:0;width:0;height:0;background-color:none;opacity:0;-webkit-transition:opacity .3s,width 0s .3s,height 0s .3s;transition:opacity .3s,width 0s .3s,height 0s .3s}



.c-mask.is-active{width:100%;height:100%;opacity:.7;-webkit-transition:opacity .3s;transition:opacity .3s}



.c-buttons{margin-bottom:48px;text-align:center}



.c-button{display:inline-block;margin:4px;padding:12px 24px;color:#67b5d1;background:0 0;border:2px solid #67b5d1;cursor:pointer}



.c-button:disabled{opacity:.3;cursor:not-allowed}



*/