/* Mobile Menu */
.menu-btn { /*background-color: #fff;*/ border-radius: 5px; cursor: pointer; height: 30px; width: 40px; left: 10px; position: fixed; top: 10px; z-index: 999999999999;}
.menu {  bottom: 0; background-color: #f2f2f2; box-shadow: 0px 2px 5px rgba(0,0,0,0.2); left: 0;  margin: 0;  padding: 32px;  position: fixed; top: 0; width: 300px; transform: translate3d(-100%, 0, 0); transition: transform .2s linear; z-index: 9999999999999; overflow-y: scroll!important; }
.menu-btn li { background-color: #BB143A; bottom: 0; height: 3px; left: 0; margin: auto; position: absolute; right: 0; width: 23px; top: 0; transition: all .3s ease-in-out;}
.menu-btn li:first-child { transform: translate3d(0, -6px, 0);}
.menu-btn li:last-child { transform: translate3d(0, 6px, 0);}
.menu-btn--on li:first-child { transform: rotate(135deg) translate3d(0, 0, 0);}
.menu-btn--on li:last-child { transform: rotate(-135deg) translate3d(0, 0, 0);}
.menu-btn--on li:nth-child(2) {opacity: 0;}
.menu--open { transform: translate3d(0, 0, 0);}

/* LogoMibile */
.LogoMibile{ width: 100px; height: auto; margin: auto; }
.LogoMibile img{ width: 100%; }

/* MenuLeftList */
.MenuLeftList{ margin-top: 20px; }
.MenuLeftList ul{ margin: 0px; padding: 0px; list-style: none; }
.MenuLeftList ul li{ border-bottom: 1px solid #eee; /*background-color: #fff;*/}
.MenuLeftList ul li i{ float: right; font-size: 12px; margin-top: 20px; border-radius: 0px; background-color: #fff; }
.MenuLeftList ul li a{ padding: 5px; color: #977D64; font-size: 14px; font-weight: 500; display: block; border-radius: 0px; border: 0px;}
.MenuLeftList ul li a:hover{ color: #BB143A; /*background-color: #fff;*/}
.MenuLeftList ul li a:focus{ color: #BB143A; /*background-color: #fff;*/}
.MenuLeftListMar{ margin-top: 20px; letter-spacing: 1px; }

/* RightMobileSearchBox */
.RightMobileSearchBox{ width: 200px; margin: auto; text-align: center; margin-top: 20px; }
.RightMobileSearchBox input[type=text]{ width: 200px; height: 35px; padding: 5px 15px 5px 15px; border-radius: 100px; -webkit-appearance: none; border: 1px solid #BB143A; color: #BB143A; font-size: 13px;}
.RightMobileSearchBox input[type=text]::placeholder{ color: #BB143A;}
.RightMobileSearchBox button{ position:absolute; margin-top: 1px; border: 0px; vertical-align: middle; margin-left: -40px; background-color: transparent; }
.RightMobileSearchBox img{ width: 15px; }

/* RightMibileAgent */
.RightMibileAgent{ position: fixed; right: 10px; }
.RightMibileAgent a{ position: relative; background-color: #BB143A; padding: 5px 35px 5px 10px; border-radius: 100px; color: #fff!important; letter-spacing: 0px; font-size: 12px;}
.RightMibileAgent a:after{ position: absolute; right: 0px; top: 0; height: 100%; width: 40px; background: #123; content: ''; display: block; background:url(../images/icon-agent-top.png) no-repeat center center; background-size: 20px auto;}
.RightMibileAgent a:hover{ background-color: #977D64;}

/* MenuHoverRightDisplay */
.MenuHoverRightDisplay{}
.MenuHoverRightDisplay ul { margin-left: 20px; margin-top: -10px; }
.MenuHoverRightDisplay ul li { border-bottom: 1px dotted #eee!important; padding: 0px!important; margin: 0px!important;}
.MenuHoverRightDisplay ul li:last-child{ border-bottom: 1px dotted #fff!important;}
.MenuHoverRightDisplay ul li a{ padding: 8px 0px 8px 0px!important;  font-weight: 400; font-size: 14px; margin: 0px!important; color: #444; display: block; line-height: 21px; border-radius: 0px; border: 0px;}