@import url('https://fonts.googleapis.com/css?family=Atma|Montserrat');
.menu-box {
    display: none;
}

.cl {
    clear: both;
}

.menu-box2 {
    display: block;
    position: absolute;
    padding: 8px 0px;
    right: 0;
    top: 0;
    z-index: 3000;
}

.menu-box2 a.rl:first-child {
    padding: 35px 0px 10px 40px;
}

.menu-box2 a.rl {
    float: left;
    display: block;
    color: #fff;
    
    padding: 10px 0px 10px 40px;
    text-decoration: none;
    font: normal 13px/21px 'Lato', sans-serif;
}

.menu-box2 a.rl {
    display: none;
}

.top-box .menu-box2 .icon {
    padding: 5px;
    margin: 53px 20px 0px 0px;
}

.menu-box2 a.icon {
    float: right;
    display: block;
    font: bold 40px/26px 'Atma', sans-serif;
    color: #fff;
    text-decoration: none;
    padding: 5px;
    margin: 19px 20px 0px 0px;
}

.menu-box2 a.icon::after {
    content: "\2630";
}

.menu-box2.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
    color: white;
    margin: 28px 20px 0px 0px;
}
.menu-box2.responsive .tel {
    position: absolute;
    right: 0;
    top: 0;
    margin: 23px 76px 0px 0px;
}
.menu-box2 a.tel {
    float: right;
	display: block;
	padding: 5px;
    margin: 15px 10px 0px 0px;
}

.menu-box2.responsive a.icon::after {
    content: "\2715";
}


.menu-box2.responsive.icon:hover {
    color: #fff;
}

.menu-box2.responsive {
    position: fixed;
    width: 100%;
	 background: rgba(0, 54, 116, 0.9);
    overflow: scroll;
}

.menu-box2.responsive a {
    float: none;
    display: block;
    text-align: left;
}