/*Strip the ul of padding and list styling*/
@font-face {
  font-family: 'SonySketchEF-Bold';
  src: url('../fonts/SonySketchEF-Bold.eot');
  src: url('../fonts/SonySketchEF-Bold.eot?#iefix') format('embedded-opentype'),
       url('../fonts/SonySketchEF-Bold.woff2') format('woff2'),
       url('../fonts/SonySketchEF-Bold.woff') format('woff'),
       url('../fonts/SonySketchEF-Bold.ttf') format('truetype'),
       url('../fonts/SonySketchEF-Bold.svg#SonySketchEF-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sony_Sketch_EF';
  src: url('../fonts/Sony_Sketch_EF.eot');
  src: url('../fonts/Sony_Sketch_EF.eot?#iefix') format('embedded-opentype'),
       url('../fonts/Sony_Sketch_EF.woff') format('woff'),
       url('../fonts/Sony_Sketch_EF.ttf') format('truetype'),
       url('../fonts/Sony_Sketch_EF.svg#Sony_Sketch_EF') format('svg');
  font-weight: normal;
  font-style: normal;
}



.top_menu {margin:0 auto; text-align:right; width:100%; max-width:1170px;  position:relative;
}
.top_menu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	float:right; width:auto;
	text-align:center

}
.top_menu ul li:last-child{background:none;}
.top_menu ul li:last-child a{font-family:'Calibri', sans-serif; font-size:19px; padding:0 10px; text-transform:uppercase; font-weight:bold;  background:-webkit-linear-gradient(top,#b4cbff,#7b97d4);
background:-ms-linear-gradient(top,#b4cbff,#7b97d4);
background:-moz-linear-gradient(top,#b4cbff,#7b97d4);
background:-o-linear-gradient(top,#b4cbff,#7b97d4); margin-right:0}
.top_menu ul li:last-child a:hover{background:-webkit-linear-gradient(top,#b4cbff,#7b97d4);
background:-ms-linear-gradient(top,#b4cbff,#7b97d4);
background:-moz-linear-gradient(top,#b4cbff,#7b97d4);
background:-o-linear-gradient(top,#b4cbff,#7b97d4);}
.top_menu ul li {float:left;
	box-sizing:border-box;
	margin:0 0 0 0px;
	background:url(../images/bults.jpg) no-repeat right center;
	 }

/*Style for menu links*/
.top_menu ul li a {
font-size:24px;
color: #fff;
font-family:"Sony_Sketch_EF", sans-serif;
text-transform:uppercase;
display: inline-block;
padding:0px 0;
line-height:60px;
margin:0 43px;
text-decoration: none;
}

/*Hover state for top level links*/
.top_menu ul li a:hover {background:url(../images/top_menu_hover.jpg) repeat-x center bottom;}
.top_menu ul li a.selected {background:url(../images/top_menu_hover.jpg) repeat-x center bottom;}

/*Style for dropdown links*/
.top_menu ul li:hover ul a {
}

/*Hover state for dropdown links*/
li:hover ul a:hover {
	background: #19c589;
	color: #434343;
}

/*Hide dropdown links until they are needed*/
.top_menu ul li ul {
	display: none;
}

/*Make dropdown links vertical*/
.top_menu ul li ul li {
	display: block;
	float: none;
}

/*Prevent text wrapping*/
.top_menu ul li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

/*Display the dropdown on hover*/
.top_menu ul li a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.top_menu .show-menu2 {
	text-decoration: none;
	color: #fff;
	margin:10px 10px 6px 1%;
	text-align: center;
	padding:0px 0;
	display: none;
	width:35px;
	height:25px;
	cursor:pointer;
}
.top_menu .show-menu2 span{width:100%; height:3px; background:#fff; float:left; margin-bottom:6px}

/*Hide checkbox*/
.top_menu>input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
.top_menu>input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/




@media screen and (max-width :1015px){
	/*Make dropdown links appear inline*/
	.top_menu  {width:100%; float:left; text-align: right;}
	.top_menu ul {
		display: none;
		width:100%;
		text-align:left;
		position:absolute;
		z-index:9999;
		background:#1e3a77;
	left:0;
	top:40px;
	max-width:none;
	}
	/*Create vertical spacing*/
	/*Make all menu links full width*/
	.top_menu ul li{
		width: 100%;
	}
	/*Display 'show menu' link*/
	.top_menu .show-menu2 {
		display:block;
		float:right;
	}
	.top_menu ul li {border:0; background:none; margin:0;}
	.top_menu ul li a {padding:0; text-indent:20px; transition:0.5s all ease; box-sizing:border-box; border-bottom:1px solid #fff; color:#fff; 
	line-height:45px; padding:0px 0 !important; margin:0; float:left; width:100%;}
	.top_menu ul li a:hover { color:#fff;}
	.top_menu ul li:last-child a{border-bottom:0;}
}
