@charset "UTF-8";
/* Menu Bar CSS Document */

#Menu-top-container {
	width:100%;
	height:auto;
	margin:auto;	
	
}

.Whole-Menu {
	width:100%;
	max-width:1100px;
	height:auto;
	margin:auto;
	padding: 10px 0px 10px 0px;
}

.Menu-inner {
	width:100%;
	height: auto;
	max-width:1060px;
	margin:auto;
}

.Logo-Holder {
	width:300px;
	height:auto;
	text-align:left;
}

.Menu-btns-holder {
	width:600px;
	height:30px;
	text-align:right;
	float:right;
	padding-top:40px;
}

.Top-menu-buttons {
	width:18%;
	height:20px;
	background-color:#E7E7E8;
	color:#2F4D69;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding:3px 0px 4px 0px;
	float:right;
	margin-right:5px;
	font-size:14px;
	font-weight:300;
}

.Menu-buttons-text {
	
	color:#2F4D69;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	font-size:14px;
	font-weight:600;
}

.Menu-buttons-text:hover {
	
	color:#2F4D69;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	font-size:14px;
	font-weight:600;
}


.Top-menu-buttons:hover { 
  -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;

background-color:#C3D9F1; 

  -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
font-weight:600; }


@media only screen and (max-width: 1100px) {
	
	.Whole-Menu {
	width:95%;
	max-width:1100px;
	height:auto;
	margin:auto;
	padding: 10px 0px 10px 0px;
}

.Logo-Holder {
	width:280px;
	height:auto;
	text-align:left;
}



	
}

@media only screen and (max-width: 968px) {
	
	.Logo-Holder {
	width:250px;
	height:auto;
	text-align:left;
	padding-top:10px;
}

.Menu-btns-holder {
	width:500px;
	height:30px;
	text-align:right;
	float:right;
	padding-top:40px;
}

.Top-menu-buttons {
	width:18%;
	height:20px;
	background-color:#E7E7E8;
	color:#000;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding:3px 0px 4px 0px;
	float:right;
	margin-right:5px;
	font-size:13px;
}

.Menu-buttons-text {
	
	color:#2F4D69;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	font-size:13px;
	font-weight:300;
}

.Menu-buttons-text:hover {
	
	color:#2F4D69;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	font-size:13px;
	font-weight:600;
}

	
}

@media only screen and (max-width: 800px) {
	
	.Logo-Holder {
	width:200px;
	height:auto;
	text-align:left;
	padding-top:10px;
}

.Menu-btns-holder {
	width:400px;
	height:30px;
	text-align:right;
	float:right;
	padding-top:40px;
}

.Top-menu-buttons {
	width:18%;
	height:15px;
	background-color:#E7E7E8;
	color:#000;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding:5px 0px 4px 0px;
	float:right;
	margin-right:5px;
	font-size:11px;
}

.Menu-buttons-text {
	
	color:#2F4D69;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	font-size:11px;
	font-weight:300;
}

.Menu-buttons-text:hover {
	
	color:#2F4D69;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	font-size:11px;
	font-weight:600;
}

	
}

@media only screen and (max-width: 640px) {
	
	.Logo-Holder {
	width:150px;
	height:auto;
	text-align:left;
	padding-top:10px;
}

.Menu-btns-holder {
	width:350px;
	height:30px;
	text-align:right;
	float:right;
	padding-top:25px;
}

.Top-menu-buttons {
	width:18%;
	height:15px;
	background-color:#E7E7E8;
	color:#000;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	padding:5px 0px 4px 0px;
	float:right;
	margin-right:5px;
	font-size:10px;
}

.Menu-buttons-text {
	
	color:#2F4D69;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	font-size:10px;
	font-weight:300;
}

.Menu-buttons-text:hover {
	
	color:#2F4D69;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	font-size:10px;
	font-weight:600;
}

	
}

@media only screen and (max-width: 550px) {
	
	.Logo-Holder {
	width:150px;
	height:auto;
	text-align:left;
	padding-top:10px;
}

.Menu-btns-holder {
	width:310px;
	height:30px;
	text-align:right;
	float:right;
	padding-top:25px;
}

.Top-menu-buttons {
	width:18%;
	height:10px;
	background-color:#E7E7E8;
	color:#000;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:5px 0px 4px 0px;
	float:right;
	margin-right:5px;
	font-size:6px;
}

.Menu-buttons-text {
	
	color:#2F4D69;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	font-size:6px;
	font-weight:300;
}

.Menu-buttons-text:hover {
	
	color:#2F4D69;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	font-size:6px;
	font-weight:600;
}
	
}


@media only screen and (max-width: 500px) {
	
	.Logo-Holder {
	width:90px;
	height:auto;
	text-align:left;
	padding-top:10px;
}

.Menu-btns-holder {
	width:200px;
	height:30px;
	text-align:right;
	float:right;
	padding-top:20px;
}

.Top-menu-buttons {
	width:18%;
	height:8px;
	background-color:#E7E7E8;
	color:#000;
	text-align:center;
	font-family: 'Titillium Web', sans-serif;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	padding:3px 0px 4px 0px;
	float:right;
	margin-right:3px;
	font-size:6px;
}

.Whole-Menu {
	width:95%;
	max-width:1100px;
	height:auto;
	margin:auto;
	padding: 5px 0px 5px 0px;
}

	
}