.fat-nav,.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before {
    -moz-transition-duration : .4s;
    -o-transition-duration : .4s;
    -webkit-transition-duration : .4s;
}

.hamburger {
	display : block;
	width : 50px;
	height : 50px;
	background : #ac0003;
	position : fixed;
	top : 21px;
	right : 15px;
	z-index : 9000;
	padding : 9px 12px 12px 12px;
	-moz-box-sizing : border-box;
	-webkit-box-sizing : border-box;
	box-sizing : border-box;
	-webkit-tap-highlight-color : transparent;
	-ms-touch-action : manipulation;
	touch-action : manipulation;
	border-radius: 50px;
}

.hamburger__icon {
	position : relative;
	margin-top : 15px;
	margin-bottom : 15px;
}

.hamburger__icon,.hamburger__icon:after,.hamburger__icon:before {
	display : block;
	width : 26px;
	height : 3px;
	background-color : #ffffff;
	-moz-transition-property : background-color,-moz-transform;
	-o-transition-property : background-color,-o-transform;
	-webkit-transition-property : background-color,-webkit-transform;
	transition-property : background-color,transform;
	transition-duration : .4s;
}

.hamburger__icon:after,.hamburger__icon:before {
	position : absolute;
	content : "";
}

.hamburger__icon:before {
	top : -8px;
}

.hamburger__icon:after {
	top : 8px;
}

.hamburger.active .hamburger__icon {
	background-color : transparent;
}

.hamburger.active .hamburger__icon:after,.hamburger.active .hamburger__icon:before{background-color:#ffffff}.hamburger.active .hamburger__icon:before{-moz-transform:translateY(8px)rotate(45deg);-ms-transform:translateY(8px)rotate(45deg);-webkit-transform:translateY(8px)rotate(45deg);transform:translateY(8px)rotate(45deg)}.hamburger.active .hamburger__icon:after{-moz-transform:translateY(-8px)rotate(-45deg);-ms-transform:translateY(-8px)rotate(-45deg);-webkit-transform:translateY(-8px)rotate(-45deg);transform:translateY(-8px)rotate(-45deg)}

.fat-nav {
top:0;left:0;z-index:900;position:fixed;display:none;width:100%;height:100%;background:rgba(255,255,255,0.9);-moz-transform:scale(1.4);-ms-transform:scale(1.4);-webkit-transform:scale(1.4);transform:scale(1.4);-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-webkit-transition-property:-webkit-transform;transition-property:transform;transition-duration:.4s;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}

.fat-nav__wrapper{width:100%;height:100%;display:table;table-layout:fixed}

.fat-nav.active{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1);
z-index: 999;
}

/*----------MODALWINDOW----------*/

#menuList {
	position : absolute;
	width : 90%;
	top : 55%;
	left : 50%;
	-webkit-transform : translate(-50%,-50%);
	-moz-transform : translate(-50%,-50%);
	-ms-transform : translate(-50%,-50%);
	-o-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}

ul#fnavi1 {
	overflow : hidden;
	list-style : none;
	width : 90%;
    margin : 0 auto 6% auto;
}

ul#fnavi1 li {
	margin-bottom : 1px;
	font-weight : 600;
	font-size : 110%;
}

ul#fnavi1 li a {
	display : block;
	padding : 12px 45px 14px 18px;
	color : #ffffff;
	background-color : #ac0003;
    background-image : url(farrow.svg);
    background-size : 16px;
    background-position : top 50% right 15px;
    background-repeat : no-repeat;
	text-decoration : none;
}

ul#fnavi1 li span {
    float : right;
    margin-top : 6px;
    font-size : 66%;
    color : rgba(255,255,255,0.6);
    transform : scale(1.00, 1.04);
    letter-spacing : 1px;
}

ul#fnavi1 li:first-child a {
    padding : 13px 45px 14px 18px;
    border-top-left-radius : 10px;
    border-top-right-radius : 10px;
}

ul#fnavi1 li:last-child a {
    padding : 12px 45px 15px 18px;
    border-bottom-left-radius : 10px;
    border-bottom-right-radius : 10px;
}

ul#fnavi2 {
    list-style : none;
    text-align : center;
}

ul#fnavi2 li {
    display : inline-block;
    padding : 1px 12px 3px 12px;
    border-left : solid 1px #b4b4b4;
}

ul#fnavi2 li:last-child {
    border-right : solid 1px #b4b4b4;
}

ul#fnavi2 li a {
    color : #3c3c3c;
    text-decoration : underline;
}

/*----------LANDSCAPE----------*/

@media screen and (orientation: landscape) {

#menuList {
	top : 57%;
}

ul#fnavi1 {
    margin : 0 auto 2% auto;
}

ul#fnavi1 li {
    float : left;
    width : 49.75%;
	margin : 0 0.5% 0.5% 0;
}

ul#fnavi1 li:nth-child(2n) {
	margin : 0 0 0.5% 0;
}
    
ul#fnavi1 li:first-child a,ul#fnavi1 li:last-child a {
    border-radius : 0;
}

}