@charset "utf-8";
/* CSS Document */
#hamburguer-menu .hamburger {
	z-index: 3;
    top: 7%;
	left: 3%;
}

#hamburguer-menu .hamburger .line {
	width: 26px;
    height: 3.5px;
    margin-bottom: 3px;
}

#hamburguer-menu .hamburger .line { background: #bfbfbf; }

#hamburguer-menu .hamburger-right .line {
	background: #000000;
	border-radius: 50px;
}

#hamburguer-menu .menu {
	height: 100%;
	background: #efefef;
	position: absolute;
    padding-top: 3%;
	transition: left .1s;
	z-index: 1001;
	top: 12.5%;
	left: -300px;
}

#hamburguer-menu .menu-right {
	top: unset !important;
	margin-top: 4%;
}

.menu-right .menu-item a img {
	margin-left: 5%;
    display: inline-block;
}

.menu-right table tbody tr:last-child td .menu-item a img {
	float: none;
	margin-left: 1%;	
}

.menu-right .menu-item a span {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: normal;
    color: #333333;
}

.menu-item a {
    font-size: 0.75em;
    text-decoration: none;
    color: #4d4d4d;
	font-family: Roboto,RobotoDraft,Helvetica,Arial,sans-serif;
	float: left;
	padding: 5%;
	left: -300px
}

#hamburguer-menu .menu-right .menu-item a { width: 90% }

div#main-logo-container {
	display: table;
    width: 100%;
}

div#main-logo-container > div {
    float: none;
    display: inline-block;
    vertical-align: middle;
    clear: both;
}

div#main-logo-container > div:nth-child(1) { width: calc(100% - 17px); max-width: 198px }

div#main-logo-container > div:nth-child(2) { width: 17px }

#main-logo {
	width: 100%;
	max-width: 198px;
}

/*** Start: Media query for tablets ***/
@media only screen and (max-width:700px) {
	.menu-item a { font-size: 0.86em; }
}

@media only screen and (max-width:480px) {
	#hamburguer-menu .menu { width: 26% }
	
	#hamburguer-menu .menu-right { width: 47% }
}