html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

.header, #navMenu, #body, .body, body, #footer{
	
	
	}
	ul{
list-style-type:none;
}
a:link{
  text-decoration: none!important;
}	
body{
  overflow-x: hidden;
  overflow-y: scroll;
}
/* ------------------ media queries ----------------------------*/
@viewport{
	zoom:1.0;
	width: extend-to-zoom;
	}
@-ms-viewport{
	width: extend-to-zoom;
	zoom:1.0;
	}	
body{
		font:12px;
		text-decoration: none;
	}
.js #navMenu {
		display:none;
	}
	#navMenu ul li .subitems img{
	display:none!important;
	}
	
	.js .slicknav_menu {
		display:block;
	}	
	
.slicknav_menu {
	display:none;
}
	ul{
list-style-type:none;
}
a:link{
  text-decoration: none!important;
}	

.js #navMenu {
		display:none;
	}
	#navMenu ul li .subitems img{
	display:none!important;
	}
	
	.js .slicknav_menu {
		display:block;
	}	
	
.slicknav_menu {
	display:none;
}
	ul{
list-style-type:none;
}
a:link{
  text-decoration: none!important;
}	
.logo_mobile{
	max-width:200px!important;
	width:200px!important; /* 500px  and 50vw*/
	margin:0px 0px 0px 5px!important; /*----------------- was margin: 20px 0 10px 50px; */
	float:left!important;
	max-height:44px;
	height:44px!important;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	}
.logo_mobile img{
	width:100%;
	height:100%;
	padding:3px 0 0 5px;
}	
	body {
    margin: 0;
	max-width:100%;
	
}

/*  sets margin from top to the slider */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right!important;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; 
    /* border around the menu */
  }
  
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em;
	 }

.slicknav_menu {
  *zoom: 1; 
 	display:block;
    position: fixed;
    width: 100vw;
    top: 0;	
	border-bottom: 1px solid #25aae1;
  }

  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; 
	/* the word menu */
	}
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em;
	/* dashes in the menu title */
	 }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; 
	  /* border around the dashes */
	  }
  .slicknav_menu .slicknav_no-text {
    margin: 0; 
	}
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	/* border around the dashes */
	 }
 .slicknav_menu:before {
    content: " ";
    display: table;
	/* dot to the top left of the menu container */ 
	}
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; 
	/* dot to the bottom left of the menu container */
	} 
  /*--- New code to implent a logo to the menu  */
  					/*	.slicknav_menu:after { content: url(Images\2016\products\site-images\logo2.png); display: table;}
						.slicknav_menu:before { clear: both }*/
  
  /*--------------------------------*/
.slicknav_nav {
  clear: both;
    /*All menu content in box space taking width size box */
  }
  .slicknav_nav ul {
    display: block;
	margin:0 0 0 0!important;
	padding:0!important;
	/* container around all text sub menus */
	}
  .slicknav_nav li {
    display: block; 
	xxborder-bottom:1px solid #ccc;
	/* box around each menu item important */
	}
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; 
	float:right;
	/* arrows */
	}
  .slicknav_nav .slicknav_item {
    cursor: pointer;
	color:#25aae1;
	/* each text container for the cursor but color changed color of arrows */
	}
    .slicknav_nav .slicknav_item a {
	display: inline;
	font-family:"Source Sans Pro",sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	  }
  .slicknav_nav .slicknav_row {
    display: block; 
	color:#fff;
	/* undelines the full text container left to right with colour set changes the arrows colour */
	}
  .slicknav_nav a {
    display: block;
	/* underlines the text in the menu */ 
	}
  .slicknav_nav .slicknav_parent-link a {
    display: inline; 
	 }

.slicknav_brand {
  float: left; 
   }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background:#fff!important; /*4c4c4c new 66cdff #b9c4c9 549fc4 c0cbd1 good 4887a5*/
  ppadding: 5px;
  padding: 0 5px 2px 0px!important; 
  z-index:120;
  bbborder:1px solid #0f0;
   /* background color of the menu */
  }
  .slicknav_menu * {
    box-sizing: border-box;
	/*underlines the menu botton, menu text and menu dashes */
	}
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; 
	/*  menu text */
	}
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
	/* dashes color */
	}

.slicknav_btn {
  margin: 0px 0px 0px 5px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #25aae1; /*was 222 */
  /* the menu button */
  }

.slicknav_nav {
  color: #fff;/* was fff */
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
  
   }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; 
	
	}
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; 
	
	}
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc*/
      color: #fff; /*fff*/
	  /* hover on menu items button */
	  }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; /* original fff used 336075 */
	 font-family:"Source Sans Pro",sans-serif;
	 font-size:12px; 
	 
	/* sub items text colour etc */
	}
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc */
      color: #fff!important; /*222*/
	  font-weight:bolder;
	   /* hover colour on menu options text changing color on hover around the button  */
	  }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
	
	}
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
	
	/* menu items text */
	}
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
	
	}

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
   }
<!--  New code ---->

.slicknav_nav ul .submenu ul .submenu{background-color:#ff0;}

.slicknav_nav ul ul .submenu{background-color:#25aae1;}/*sub menu colour */

.slicknav_nav ul li {background-color:#336075;}/* main menu buttons */

.slicknav_nav ul ul li {background-color:#f00;}

.slicknav_nav ul .submenu ul .submenu1{background-color:#25aae1;}

.slicknav_nav ul ul .submenu1{background-color:#25aae1;}/*sub menu colour */

/*----------------------------------------------------------------------------------------------------------------------*/	
body {
    margin: 0;
	max-width:100%;
	
}

.header{
	max-width:100vw; /* was 100% */
	 /* ----------------- check -----------*/
 	min-height:30px;
	height:84px!important; /* was 150 alters the size of the header height */
	clear:both;
	margin:0 auto;
	position:fixed!important;
	bborder:2px solid #F00;
		-webkit-box-shadow: 1px 1px 1px #0b1e72;/* 4px 4px 4px #0b1e72; */
    -moz-box-shadow: 1px 1px 1px #0b1e72;
	-ms-box-shadow: 1px 1px 1px #0b1e72;
	box-shadow:1px 1px 1px #0b1e72; 
}

#innlogo{
	width:150px; /* 500px  and 50vw*/
	margin:36px 0px 0px 18px; /*----------------- was margin: 20px 0 10px 50px; */
	float:left;
	display:none!important;
	height:38px;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	
	}		
	
	div#head_phone{
	max-width:100%!important;
	width:100%!important;/* 100%*/
	height:35px;
	ddddisplay:block;
	float:left;
	margin:38px 0 0px 0px!important; /* margin of phone and email from logo downwards */
	padding: 0 0 0 10px!important;
	bborder:1px solid #00f; /* red */
}
		
div#head_phone > div {
	width:50%; /* 41vw */
	height:17vh;  /* alters email topmargin */
	float:left;
	ddisplay:block;
	dposition:absolute;
	margin:0px 0 0 0px; /*  was  110px 0 0 0% margin of phone number and email to the logo */
	bborder:1px solid #F0F; /* pink */
}

div#head_phone > div > div { /*  img width*/
	width:42vw;
	height:30px;
	dddisplay:inline-block;
	float:left;
	position:relative;
	margin:0 0 0 0px; /* email margin to phone no */
	bborder:1px solid #00F; /* bl */
	}
	
div#head_phone > div > div > #phone_img{
	width:35px; /* was 20% before */ 
	height:35px; /* was 82% before */
	display:inline-block;
	position:absolute;
	margin:-8px 0 0 0px;
	bbborder:1px solid #F00; /* red */
	}


div#head_phone > div > div > h2 .phone_no {
	height:30px;
	max-width:100%;
	float:left;
	line-height:2;
	font-family:"Source Sans Pro",sans-serif;
	font-size:18px;
	color:#25aae1;
	font-weight:500;
	text-decoration: none;
	margin:-26px 0 0px 36px;
	bborder:1px solid #0F0; /* gn */ 
}

/******************************** new image image  data ****************************/	
#head_phone > div > #email{
	max-width:55vw;
	width:55vw;
	height:28px;
	display:inline-block;
	position:absolute!important;
	ffloat:left!important;
	margin:-5px 0 0 0%;
	bborder:2px solid #f00;
	}	

#head_phone > div > #email > #email_img{
	dddisplay:inline-block;
	width:30px; /* was 10% before */ 
	height:32px; /* was 60% before */
	margin:0px 0 0 0px!important;
	bborder:2px solid #F00;
	}
div#head_phone > div > div >  .email{
	width:250px;
	height:35px;
	display:inline-block;
	ddposition:relative;
	fffloat:right;
	margin:0px 0 0 0!important;	
	bborder:2px solid #25aae1; 
}
div#head_phone > div > div > .email a{
	text-decoration:none;
	font-family:"Source Sans Pro", sans-serif;
	font-weight:500;
	display:inline-block;
	pposition:absolute;
	font-size:18px;
	color: #25aae1;
	margin:-31px 0 0 32px!important;
	padding-top:0px!important;
	bborder:2px solid #0F0;
}

	.menu_img img{
	display:none!important;
	}
	
	
	#wrapper{
	width:100%;
/*	height:35px; */
	height:35px;
	float:left;
	bbborder:2px solid #F00; /* bbbbbbbbbb bn   */
	}
	#navMenu{
	/*	background-color: #333; */
	margin-top:-10px;
	width:100%;
	background-repeat: no-repeat;
	float:left;
	height:32px;
	padding-left:20px;
	margin-left:24%; /* was 25% */
	z-index:555;
	min-width:400px;
	display:none!important;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}
 	
	#navMenu ul li img{
	width:25px;
	height:25px;
	min-width:25px;	
	}
	#navMenu #holder ul li{  
	display:block; 
	position:relative;
	min-width:400px;
	}
	#navMenu ul{
	margin:0;
	padding:0;
	line-height:30px;
	min-width:400px;
	}	
	#navMenu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#999;
	-webkit-border-radius: 30px 0 20px 0;
	-moz-border-radius: 30px 0 20px 0;	
	-o-border-radius: 30px 0 20px 0;
	border-radius: 30px 0 20px 0;
	}
 	#navMenu ul li a { /* buttons */
	text-align:center;
	height:18px; /* 31px */ /* button height */
	/* width:150px; */
	padding:0px 6px; /* 0px 19px menu right left padding */
	margin: 0px 0px;
	display:block;
	font-family:sans-serif;
	text-decoration:none;
	color:#fff;
	border:1px solid #FFF;
	font-size: 10px;/*button font */
	line-height:18px;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	} 
 	#navMenu ul li{
	 min-width:20px;
	 }	 
	#navMenu ul li .subitems{
	 min-width:20px;
	 } 
	#navMenu ul li ul li {
	width:202px;/*dropdown 220px  when less sub menu width */
	}

 /*********************************************/
 /* hide menu and allow it to return */
 /*********************************************/

	#navMenu ul ul {
	position:absolute;
	visibility:hidden;	
	top:20px; /* top menu position */
	min-width:400px;
	 }
  	#navMenu ul li:hover ul {
    visibility:visible;	
	z-index:9999;	
 	}

  /**********************************************/

  /*sets top level hover color*/

  	#navMenu li:hover {
  	background:#25aae1;   
 	}

  /*sets link items hover color and background*/

  #navMenu ul li:hover ul li a:hover {
    color:#000;
   	border:0px;	
 	}

  /* Changes text color on hover for main menu hover*/

 	#navMenu a:hover {   
  	color:#000; 
  	border:0px; 
 	} 
 	#navMenu ul li ul #select{
	width:90px;
	font:sans-serif;
	font-size:12px;
	color:#666666; 
	padding:5px 5px;	 
	}
	#navMenu ul li ul .submenu{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	-webkit-border-radius: 0px 0 0px 0;
	-moz-border-radius: 0px 0 0px 0;	
	-o-border-radius: 0px 0 0px 0;
	border-radius: 0px 0 0px 0; 
	}
	#navMenu ul li ul .submenu a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}		
	#navMenu ul li ul .submenu1{	
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;	 
	}
	#navMenu ul li ul .submenu1 a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}
	#navMenu ul ul ul {
	left:100%;
	top:0px;
	vvvisibility:hidden;
	display:none;
	opacity:0;
	-webkit-transition: visibility 0s linear 1s, opacity 1s ease-in-out; ;
	-moz-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	-o-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	}		
	#navMenu ul ul li:hover > ul{
	width:100%;
	vvvvisibility:visible;
	display:block;
	position:absolute;
	opacity:1;
	border-left:1px solid white;
	transition-delay:0.5s;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out; 	
	}
	#navMenu ul{
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;	
	}	
	#navMenu > ul ul {
	opacity:0;	
	}	
	#navMenu ul li:hover > ul {
	opacity:1;	
	} 
/* -------------------------------------------------------------*/
	/*------------------------- important needed ---------------------*/
	#navMenu ul li:first-child{ /* hidden home button */
	display: none;
	}
	#navMenu ul li:nth-child(5){ /* hidden download button */
	display:none;
	mmargin-left:-80px;
	}
	#navMenu ul li ul .submenu:first-child{ /* show menu ist element */
	display:block;
	}
	#navMenu ul li ul .submenu:nth-child(5){ /* show menu 5th element */
	display: block;
	}
	#navMenu ul li ul .submenu1:nth-child(5){ /* show menu 5th element */
	display: block;
	}	
	#navMenu ul ul:nth-child(n+6) { /* was n+6 7 works */
	position:absolute;
	visibility:hidden;	
	top:30px;
	min-width:400px;
	}
	#navMenu ul li:nth-child(n+6):hover ul { /* was n+6  7 works*/
    visibility:visible;	
	left:auto !important;
    right: -190px!important;
	z-index:9999;	
	}
	#navMenu ul li ul .submenu1:nth-last-child(1){ /* submenu boxes */
	visibility:visible;	
	mmargin:-5px 0 0 0;
	height:30px; /* without width line and height is 35px */
	width:202px; /* new  line but 205px works*/
	line-height:8px;
	font:sans-serif;
	z-index:1;
	font-size:10px;
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;
	}

	
	#top_img_container{
	width:100%;
	display:none!important;
	/*height:500px; */
	height:230px!important;/*60vh */
	float:left;
	margin:90px 0 40px 0!important;
	background-position:center;
	bborder:2px solid #00F!important; /* bbbbbbbbbb bl   */
	}	
#top_img_container #top_banner{
	clear:both;
	width:100%;
	/*height:500px; */
	height:60vh;	
	max-height:500px;
	float:left;
	visibility:visible;
	overflow:visible;
	bbborder:2px solid #F00; /* bbbbbbbbbb rd   */	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-position:center;
	bborder:2px solid #00F!important;
	}	
#top_img_container #top_banner img{
	width:100%;
	/*height:500px; */
	height:60vh;
	mmax-height:500px;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background-position:center;
	bbborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}

/****************************************** new code page width -----------------------------------*/
@media only screen and (max-width: 480px) and (orientation:landscape){	
		
.js #navMenu {
		display:none;
	}
	#navMenu ul li .subitems img{
	display:none!important;
	}
	
	.js .slicknav_menu {
		display:block;
	}	
	
.slicknav_menu {
	display:none;
}
	ul{
list-style-type:none;
}
a:link{
  text-decoration: none!important;
}	
.logo_mobile{
	max-width:200px!important;
	width:200px!important; /* 500px  and 50vw*/
	margin:0px 0px 0px 5px!important; /*----------------- was margin: 20px 0 10px 50px; */
	float:left!important;
	max-height:44px;
	height:44px!important;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	}
.logo_mobile img{
	width:100%;
	height:100%;
	padding:3px 0 0 5px;
}	
	body {
    margin: 0;
	max-width:100%;
	
}

/*  sets margin from top to the slider */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right!important;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; 
    /* border around the menu */
  }
  
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em;
	 }

.slicknav_menu {
  *zoom: 1; 
 	display:block;
    position: fixed;
    width: 100vw;
    top: 0;	
	border-bottom: 1px solid #25aae1;
  }

  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; 
	/* the word menu */
	}
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em;
	/* dashes in the menu title */
	 }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; 
	  /* border around the dashes */
	  }
  .slicknav_menu .slicknav_no-text {
    margin: 0; 
	}
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	/* border around the dashes */
	 }
 .slicknav_menu:before {
    content: " ";
    display: table;
	/* dot to the top left of the menu container */ 
	}
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; 
	/* dot to the bottom left of the menu container */
	} 
  /*--- New code to implent a logo to the menu  */
  					/*	.slicknav_menu:after { content: url(Images\2016\products\site-images\logo2.png); display: table;}
						.slicknav_menu:before { clear: both }*/
  
  /*--------------------------------*/
.slicknav_nav {
  clear: both;
    /*All menu content in box space taking width size box */
  }
  .slicknav_nav ul {
    display: block;
	margin:0 0 0 0!important;
	padding:0!important;
	/* container around all text sub menus */
	}
  .slicknav_nav li {
    display: block; 
	xxborder-bottom:1px solid #ccc;
	/* box around each menu item important */
	}
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; 
	float:right;
	/* arrows */
	}
  .slicknav_nav .slicknav_item {
    cursor: pointer;
	color:#25aae1;
	/* each text container for the cursor but color changed color of arrows */
	}
    .slicknav_nav .slicknav_item a {
	display: inline;
	font-family:"Source Sans Pro",sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	  }
  .slicknav_nav .slicknav_row {
    display: block; 
	color:#fff;
	/* undelines the full text container left to right with colour set changes the arrows colour */
	}
  .slicknav_nav a {
    display: block;
	/* underlines the text in the menu */ 
	}
  .slicknav_nav .slicknav_parent-link a {
    display: inline; 
	 }

.slicknav_brand {
  float: left; 
   }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background:#fff!important; /*4c4c4c new 66cdff #b9c4c9 549fc4 c0cbd1 good 4887a5*/
  ppadding: 5px;
  padding: 0 5px 2px 0px!important; 
  z-index:120;
  bbborder:1px solid #0f0;
   /* background color of the menu */
  }
  .slicknav_menu * {
    box-sizing: border-box;
	/*underlines the menu botton, menu text and menu dashes */
	}
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; 
	/*  menu text */
	}
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
	/* dashes color */
	}

.slicknav_btn {
  margin: 0px 0px 0px 5px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #25aae1; /*was 222 */
  /* the menu button */
  }

.slicknav_nav {
  color: #fff;/* was fff */
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
  
   }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; 
	
	}
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; 
	
	}
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc*/
      color: #fff; /*fff*/
	  /* hover on menu items button */
	  }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; /* original fff used 336075 */
	 font-family:"Source Sans Pro",sans-serif;
	 font-size:12px; 
	 
	/* sub items text colour etc */
	}
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc */
      color: #fff!important; /*222*/
	  font-weight:bolder;
	   /* hover colour on menu options text changing color on hover around the button  */
	  }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
	
	}
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
	
	/* menu items text */
	}
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
	
	}

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
   }
<!--  New code ---->

.slicknav_nav ul .submenu ul .submenu{background-color:#ff0;}

.slicknav_nav ul ul .submenu{background-color:#25aae1;}/*sub menu colour */

.slicknav_nav ul li {background-color:#336075;}/* main menu buttons */

.slicknav_nav ul ul li {background-color:#f00;}

.slicknav_nav ul .submenu ul .submenu1{background-color:#25aae1;}

.slicknav_nav ul ul .submenu1{background-color:#25aae1;}/*sub menu colour */

/*----------------------------------------------------------------------------------------------------------------------*/	
body {
    margin: 0;
	max-width:100%;
	
}

.header{
	max-width:100vw; /* was 100% */
	 /* ----------------- check -----------*/
 	min-height:30px;
	height:84px!important; /* was 150 alters the size of the header height */
	clear:both;
	margin:0 auto;
	position:fixed!important;
	bborder:2px solid #F00;
		-webkit-box-shadow: 1px 1px 1px #0b1e72;/* 4px 4px 4px #0b1e72; */
    -moz-box-shadow: 1px 1px 1px #0b1e72;
	-ms-box-shadow: 1px 1px 1px #0b1e72;
	box-shadow:1px 1px 1px #0b1e72; 
}

#innlogo{
	width:150px; /* 500px  and 50vw*/
	margin:36px 0px 0px 18px; /*----------------- was margin: 20px 0 10px 50px; */
	float:left;
	display:none!important;
	height:38px;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	
	}		
	
	div#head_phone{
	max-width:100%!important;
	width:100%!important;/* 100%*/
	height:35px;
	ddddisplay:block;
	float:left;
	margin:38px 0 0px 0px!important; /* margin of phone and email from logo downwards */
	padding: 0 0 0 10px!important;
	bborder:1px solid #00f; /* red */
}
		
div#head_phone > div {
	width:50%; /* 41vw */
	height:17vh;  /* alters email topmargin */
	float:left;
	ddisplay:block;
	dposition:absolute;
	margin:0px 0 0 0px; /*  was  110px 0 0 0% margin of phone number and email to the logo */
	bborder:1px solid #F0F; /* pink */
}

div#head_phone > div > div { /*  img width*/
	width:42vw;
	height:30px;
	dddisplay:inline-block;
	float:left;
	position:relative;
	margin:0 0 0 0px; /* email margin to phone no */
	bborder:1px solid #00F; /* bl */
	}
	
div#head_phone > div > div > #phone_img{
	width:35px; /* was 20% before */ 
	height:35px; /* was 82% before */
	display:inline-block;
	position:absolute;
	margin:-8px 0 0 0px;
	bbborder:1px solid #F00; /* red */
	}


div#head_phone > div > div > h2 .phone_no {
	height:30px;
	max-width:100%;
	float:left;
	line-height:2;
	font-family:"Source Sans Pro",sans-serif;
	font-size:18px;
	color:#25aae1;
	font-weight:500;
	text-decoration: none;
	margin:-26px 0 0px 36px;
	bborder:1px solid #0F0; /* gn */ 
}

/******************************** new image image  data ****************************/	
#head_phone > div > #email{
	max-width:55vw;
	width:55vw;
	height:28px;
	display:inline-block;
	position:absolute!important;
	ffloat:left!important;
	margin:-5px 0 0 0%;
	bborder:2px solid #f00;
	}	

#head_phone > div > #email > #email_img{
	dddisplay:inline-block;
	width:30px; /* was 10% before */ 
	height:32px; /* was 60% before */
	margin:0px 0 0 0px!important;
	bborder:2px solid #F00;
	}
div#head_phone > div > div >  .email{
	width:250px;
	height:35px;
	display:inline-block;
	ddposition:relative;
	fffloat:right;
	margin:0px 0 0 0!important;	
	bborder:2px solid #25aae1; 
}
div#head_phone > div > div > .email a{
	text-decoration:none;
	font-family:"Source Sans Pro", sans-serif;
	font-weight:500;
	display:inline-block;
	pposition:absolute;
	font-size:18px;
	color: #25aae1;
	margin:-31px 0 0 32px!important;
	padding-top:0px!important;
	bborder:2px solid #0F0;
}

	.menu_img img{
	display:none!important;
	}
	#wrapper{
	width:100%;
/*	height:35px; */
	height:35px;
	float:left;
	min-width:400px;
	bbborder:2px solid #F00; /* bbbbbbbbbb bn   */
	}
	#navMenu{
	/*	background-color: #333; */
	margin-top:32px!important;
	width:100%;
	float:left;
	background-repeat: no-repeat;
	height:22px;/* 30px */
	padding-left:0px;
	margin-left:0%; /* without home button visibe 1% */
	z-index:555;
	min-width:480px;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
 	
	#navMenu ul li img{
	width:25px;
	height:25px;
	min-width:25px;	
	}
	#navMenu #holder ul li{  
	display:block; 
	position:relative;
	min-width:400px;
	}
	#navMenu ul{
	margin:0;
	padding:0;
	line-height:30px;
	min-width:400px;
	}	
	#navMenu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#999;
	-webkit-border-radius: 30px 0 20px 0;
	-moz-border-radius: 30px 0 20px 0;	
	-o-border-radius: 30px 0 20px 0;
	border-radius: 30px 0 20px 0;
	}
 	#navMenu ul li a { /* buttons */
	text-align:center;
	height:18px; /* 31px */ /* button height */
	/* width:150px; */
	padding:0px 6px; /* 0px 19px menu right left padding */
	margin: 0px 0px;
	display:block;
	font-family:sans-serif;
	text-decoration:none;
	color:#fff;
	border:1px solid #FFF;
	font-size: 10px;/*button font */
	line-height:18px;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	} 
 	#navMenu ul li{
	 min-width:20px;
	 }	 
	#navMenu ul li .subitems{
	 min-width:20px;
	 } 
	#navMenu ul li ul li {
	width:202px;/*dropdown 220px  when less sub menu width */
	}

 /*********************************************/
 /* hide menu and allow it to return */
 /*********************************************/

	#navMenu ul ul {
	position:absolute;
	visibility:hidden;	
	top:20px; /* top menu position */
	min-width:400px;
	 }
  	#navMenu ul li:hover ul {
    visibility:visible;	
	z-index:9999;	
 	}

  /**********************************************/

  /*sets top level hover color*/

  	#navMenu li:hover {
  	background:#25aae1;   
 	}

  /*sets link items hover color and background*/

  #navMenu ul li:hover ul li a:hover {
    color:#000;
   	border:0px;	
 	}

  /* Changes text color on hover for main menu hover*/

 	#navMenu a:hover {   
  	color:#000; 
  	border:0px; 
 	} 
 	#navMenu ul li ul #select{
	width:90px;
	font:sans-serif;
	font-size:12px;
	color:#666666; 
	padding:5px 5px;	 
	}
	#navMenu ul li ul .submenu{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	-webkit-border-radius: 0px 0 0px 0;
	-moz-border-radius: 0px 0 0px 0;	
	-o-border-radius: 0px 0 0px 0;
	border-radius: 0px 0 0px 0; 
	}
	#navMenu ul li ul .submenu a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}		
	#navMenu ul li ul .submenu1{	
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;	 
	}
	#navMenu ul li ul .submenu1 a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}
	#navMenu ul ul ul {
	left:100%;
	top:0px;
	vvvisibility:hidden;
	display:none;
	opacity:0;
	-webkit-transition: visibility 0s linear 1s, opacity 1s ease-in-out; ;
	-moz-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	-o-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	}		
	#navMenu ul ul li:hover > ul{
	width:100%;
	vvvvisibility:visible;
	display:block;
	position:absolute;
	opacity:1;
	border-left:1px solid white;
	transition-delay:0.5s;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out; 	
	}
	#navMenu ul{
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;	
	}	
	#navMenu > ul ul {
	opacity:0;	
	}	
	#navMenu ul li:hover > ul {
	opacity:1;	
	} 
/* -------------------------------------------------------------*/
	/*------------------------- important needed ---------------------*/
	#navMenu ul li:first-child{ /* hidden home button */
	display: none;
	}
	#navMenu ul li:nth-child(5){ /* hidden download button */
	display:none;
	mmargin-left:-80px;
	}
	#navMenu ul li ul .submenu:first-child{ /* show menu ist element */
	display:block;
	}
	#navMenu ul li ul .submenu:nth-child(5){ /* show menu 5th element */
	display: block;
	}
	#navMenu ul li ul .submenu1:nth-child(5){ /* show menu 5th element */
	display: block;
	}	
	#navMenu ul ul:nth-child(n+6) { /* was n+6 7 works */
	position:absolute;
	visibility:hidden;	
	top:30px;
	min-width:400px;
	}
	#navMenu ul li:nth-child(n+6):hover ul { /* was n+6  7 works*/
    visibility:visible;	
	left:auto !important;
    right: -190px!important;
	z-index:9999;	
	}
	#navMenu ul li ul .submenu1:nth-last-child(1){ /* submenu boxes */
	visibility:visible;	
	mmargin:-5px 0 0 0;
	height:30px; /* without width line and height is 35px */
	width:202px; /* new  line but 205px works*/
	line-height:8px;
	font:sans-serif;
	z-index:1;
	font-size:10px;
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;
	}
.wrap{
	width:100%!important;
	padding:0!important;
	height:auto!important;
	margin:100px auto!important;
	bborder:2px solid #F0f!important;
	}	
.wrap #keyfeatures_title{
	llline-height:35px;
	width:100%!important;
	height:auto!important;
	margin:0 auto 10px!important;
	display:inline-block;
	position:relative!important;
	float:left;
	padding-top:0px;
	font-family:"Source Sans Pro", sans-serif;
	font-size:22px;
	font-weight:600;
	text-decoration: none;
	text-align:center;
	text-shadow:0px 1px 1px #999;
	bborder:2px solid #F00;	
	}	
#container {
	width:90%;
	height:auto;
	padding:0px;
	margin:0 auto!important;
	display:block;
	bborder:2px solid #F0F; /****   pnk */
	}
#container ul { 
clear:both;
list-style: none;
padding:0px;
margin:-10px 0 0 0!important;
bborder:2px solid #F30; /****   diff rd */
}
#container .list{
width: 100%;
float:left;
margin:3.5% 0 0 0;
bbbborder:2px solid #000; /****  full container border  blk */
}
	
#container .list a{
	text-decoration: none;
	}
#container .list h3 .title{
	width:100%!important;
	clear:both;
	height:30px;
	display:block;	
	margin:0 auto!important;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;
	-webkit-border-radius: 80px 80px 8px 8px;
	-moz-border-radius:  80px 80px 8px 8px;
	-ms-border-radius:  80px 80px 8px 8px;
	border-radius:  80px 80px 8px 8px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999; 	
	bborder-bottom:1px solid #00f; /* -----   the blue box with diameter item number etc container wt  */	
	}	
	
	#container .list h34 .title{
	/* Sircle Elito, CittyCups heading etc */
	width:100%;
	display:inline-block;
	margin:2.5% 0 0% 0%;
	height:30px;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;	
	-webkit-border-radius: 8px 8px 80px 80px;
	-moz-border-radius:  8px 8px 80px 80px;
	-ms-border-radius:  8px 8px 80px 80px;
	border-radius:  8px 8px 80px 80px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999:;	
	bborder-bottom:1px solid #f00; /* -----   the blue box with diameter item number etc container wt  */	
	}		
/* ---------------------------- footer ---------------------------------------*/

#footer_content{
	width:100%;
	margin:0 auto;
	float:left;	
	height:auto;
	bbborder: 2px solid #F00;	/* bbbbbbbbbb red   */	
	}
/*----------------------  footer ----------------------------------*/	
#footer{
	clear: both;
	width:100%;
	margin:0px 0 0 0 ;
	padding:30px 0 0 0;
	bbbbbbbborder:2px solid #FF3; /* bbbbbbbbbb yl   */
	}
#footer_contact_info{
	padding:0px 0px 0px 20px;
	background-color:#EBEBEB;
	width:100%;
	float:left;
	display:block;
	bbbbbbbbbbbbborder:2px solid #300; /* bbbbbbbbbb bn   */	
	}	
.footer_contact_info_detail { /* full footer container */
	width:100%;
	height:auto!important;
	padding:30px 0 0 0px;
	margin:0 0 30px 0!important;
	bborder:2px solid #9F9; /* bbbbbbbbbb lt gn   */
	float:left;
	}	
.footer_contact_info_detail a #innavisionslogo_com{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	 box-sizing:border-box;
	width:210px;
	height:28px;
	float:left;
	margin-right:40px;
	bbborder:2px solid #000; /* bbbbbbbbbb blk   */
	}	
.footer_contact_info_detail #phone_img{
	width:25px;
	height:28px;
	display:block;
	position:absolute;
	margin:32px 0 0 0;
	float:left;
	bbborder:2px solid #F03; /* bbbbbbbbbb rd   */
	}
.footer_contact_info_detail .footer_phone{ /* new div for phone number */
	width:70%;
	height:30px;
	margin:0 0 0 25px ;
	bborder:2px solid #00F; /* bbbbbbbbbb rd   */
	float:left;
	}
.footer_contact_info_detail .footer_phone h2{ /* new h2 for phone number */
	font-family:"Source Sans Pro", sans-serif;
	line-height:25px;
	height:25px;
	color:#25aae1;
	margin:6px 0% 0 4px ;
	font-size:20px;
	}	

.footer_contact_info_detail .address{	/* head office headder */
	width:100%;
	height:auto;
	bborder:2px solid #600; /* bbbbbbbbbb bn   */
	margin: 20px 0 0 0;
	float:left;
	display:block;
	}
.footer_contact_info_detail .address h2{
	width:100%;
	bborder:2px solid #093; /* bbbbbbbbbb lt gn   */
	margin:0;
	float:left;
	}
.footer_contact_info_detail .address p{
	width:100%;
	height:120px;
	float:left;
	margin:0px 0 0 0;
	bborder:2px solid #009; /* bbbbbbbbbb bl   */
	}	
.footer_contact_info_detail .address .tel{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}	
.footer_contact_info_detail .address .tel span{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}		
.footer_contact_info_detail .address .email{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail .address .email span{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail  .address .email a{
	width:400px;
	text-decoration:none;
	font-weight:600;
	bbborder:2px solid #F9C; /* bbbbbbbbbb lt pink   */
	}	
/* -------------------------------------------------------- manufacturing partners ---------------------------*/

#manufacturing_partners{
	margin:0 auto !important;
	height:auto;
	padding:0;
	width:95%;
	float:left;
	bborder:2px solid #00F; /* bbbbbbbbbb bl   */
	}

#manufacturing_partners .euro_partners{ /* logo container */
	width:30px;
	height:30px;
	float:left;
	margin:0px 0% 5% 0px;
	padding:0;
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
		}

#manufacturing_partners .euro_partners img{
	height:100%;
	width:100%;
	float:left;
	margin:0 2% 0 0%;
	bborder:2px solid #0FF; /* bbbbbbbbbb blk   */
		}
		
#manufacturing_partners .euro_partners h1{
	color:#333;
	width:240px;
	font-size:16px;
	dispay:block;
	position:relative;
	float:left;
	margin:-28px 0 0 35px;
	bborder:2px solid #FF0; /* bbbbbbbbbb yl   */
	}	
/* ***********************************************************Images and P **************************/
#manufacturing_partners .deca{	/* deca image, logo and p tage container */
	width:100%;/* 40% */
	height:80vh;
	margin:0 5% 0px 0px;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}
	
#manufacturing_partners .deca img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	bborder:2px solid #03C; /* bbbbbbbbbb rd   */
	}

.deca span #deca_logo{
	width:80px;
	height:32px;
	margin:0% 0 0 0;
	display:block;
	float:left;
	
	}	
#manufacturing_partners .deca p{
	font-size:12px;
	float:left;
	margin:5% 0 5% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
		
/*--------------------------------------------------------------------*/	
	
#manufacturing_partners .cups4you{	
	width:100%;/* 40% */
	height:58vh;
	margin:0 0% 0px 0px;
	bborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .cups4you img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	}

.cups4you span #cup4you_logo{
	width:160px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	ffloat:left;
}

#manufacturing_partners .cups4you p{
	font-size:12px;
	float:left;
	margin:5% 0 5% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	
	}	

/*--------------------------------------------------------------------*/	
		
#manufacturing_partners .orego{	
	width:100%;/* 40% */
	height:60vh;
	margin:0 0% 0px 0px;
	bborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .orego img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
		}	
		
.orego span #orego_logo{
	width:90px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	float:left;
	}				
	
#manufacturing_partners .orego p{
	font-size:12px;
	float:left;
	margin:5% 0 0% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
	

	
/*-------------------------------------------------------------------accrredations -----------------*/
#accredations{
	max-width:95% !important;
	height:220px;
	float:left;
	margin:30px auto;
	padding:0 0 0 0px;	
	bborder:2px solid #f00; /* bbbbbbbbbb wt   */
	}
	
 #accredations #brc_food{
	max-width:50px;
	max-height:100px;
	float:left;
	margin:0% 0 0 18%!important;
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
	}
	
#accredations img#brc_food{
	max-width:100%;
	height:100%;
	float:left;
	margin-left:0%;
	padding-left:8%!important;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}	
	
 #iso9001{
	max-width:90px;
	max-height:100px;
	float:left;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}	
	
img#iso9001{
	width:100%;
	height:100%;
	float:left;
	margin:0% 10% 0 10%;
	bborder:2px solid #F0F; /* bbbbbbbbbb pnk   */
	}		
	

#accredations  p{
	font-size:12px;
	height:15%;
	float:left;
	width:100%!important;
	color:#09C;
	font-weight:600;
	margin:5% 0 0 0%;
	text-align:center;
	padding-left:0%!important;
	bborder:2px solid #3C0; /* bbbbbbbbbb gn   */
	}				
#footer_contact_info #footer_discripton{
			display:none;
			}
		
	}	


/*---------------------------------------------------------------------------------------Portrait ----------------------------------------------*/

@media only screen and (min-width: 320px) and (orientation:portrait){
.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background:#fff!important; /*4c4c4c new 66cdff #b9c4c9 549fc4 c0cbd1 good 4887a5*/
  pppadding: 5px; 
  padding: 0px!important; 
  z-index:120;
  bbborder:1px solid #0f0;
   /* background color of the menu */
  } 
.logo_mobile{
	width:150px!important; /* 500px  and 50vw*/
	margin:5px 0px 0px 5px!important; /*----------------- was margin: 20px 0 10px 50px; */
	float:left!important;
	height:35px!important;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	}
.logo_mobile img{
	width:100%;
	height:100%;
}

body {
    margin: 0;
	max-width:100%;
	
}

/*  sets margin from top to the slider */
#.header{
	max-width:100%; /* was 100% */
	 /* ----------------- check -----------*/
	height:180px; /* was 150 alters the size of the header height */
	clear:both;
	margin:0 auto;
	bborder:2px solid #F00;
}

#innlogo{
	width:150px; /* 500px  and 50vw*/
	margin:50px 0px 0px 18px; /*----------------- was margin: 20px 0 10px 50px; */
	float:left;
	height:10px;
	display:none!important;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	
	}
	

.clearFloat{
	clear:both;margin:0;padding:0;
	}	
   
   
div#head_phone {
	 margin: 38px 0 0 0!important;
	 padding:0!important;
	 }
div#head_phone > div > div > #phone_img{
	width:32px; /* was 20% before */ 
	height:32px;
}
div#head_phone > div > div > h2 .phone_no {
	height:30px;
	max-width:100%;
	float:left;
	line-height:2;
	font-family:"Source Sans Pro",sans-serif;
	font-size:14px!important;
	color:#25aae1;
	font-weight:bold;
	text-decoration: none;
	margin:-23px 0px 0px 32px!important;
	padding:0;
	bborder:1px solid #0F0; /* gn */ 
}
div#head_phone > div > div >  .email{
	width:52vw;
	height:40px;
	ppadding:5px 0 0 0!important;	
	bborder:2px solid #25aae1; 
}
#head_phone > div > #email{
	max-width:57vw!important;
	width:57vw!important;
	height:28px;
	display:inline-block;
	position:absolute!important;
	ffloat:left!important;
	margin:-6px 0 0 0%;
	bborder:2px solid #f00;
	}
#head_phone > div > #email > #email_img{
	width:28px; /* was 30 32 before */ 
	height:30px;
	margin-left:4px!important;
	}	
div#head_phone > div > div > .email a{
	text-decoration:none;
	font-family:"Source Sans Pro", sans-serif;
	font-weight:bolder!important;
	line-heght:50px!important;
	font-size:.8em!important;
	color: #25aae1;
	position:absolute;
	margin:-28px 0 0 32px!important;
	padding-top:3px!important;
	bborder:2px solid #0F0;
}	  
		
	
	--------------------------new headder telephone ---------------------------------------------*/

#wrapper{ /* nav menu container */
	width:100%; /* 100% */
	height:30px; /* 25px */
	float:left;
	min-width:320px;
	max-width:767px;
	margin:118px 0 0 3px;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}	
#navMenu{
	/*	background-color: #333; */
	margin-top:78px;
	width:100%;
	float:left;
	background-repeat: no-repeat;
	height:22px;/* 22px */
	padding-left:0px;
	margin-left:0%; /* without home button visibe 1% */
	z-index:555;/* was 555 */
	min-width:320px;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
	#navMenu ul li:first-child{ /* hidden home button */
	display: none;
	}
	#navMenu ul li ul .submenu:first-child{ /* show menu ist element */
	display:block;
	}
	#navMenu ul li img{
	width:25px;
	height:25px;
	min-width:25px;	
	}
	#navMenu #holder ul li{  
	display:block; 
	position:relative;
	min-width:400px;
	}
	#navMenu ul{
	margin:0;
	padding:0;
	line-height:30px;
	min-width:400px;
	}	
	#navMenu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#999;
	-webkit-border-radius: 30px 0 20px 0;
	-moz-border-radius: 30px 0 20px 0;	
	-o-border-radius: 30px 0 20px 0;
	border-radius: 30px 0 20px 0;
	}
 	#navMenu ul li a { /* buttons */
	text-align:center;
	height:16px; /* 31px */ /* button height */
	wwidth:120px !important; /* removed but fixed width buttons braught back in */
	padding:0px 6px; /* 0px 6px menu right left padding */
	margin: 0px 0px;
	display:block;
	font-family:sans-serif;
	text-decoration:none;
	color:#fff;
	border:1px solid #FFF;
	font-size: 10px;/*button font */
	line-height:16px;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	} 
 	#navMenu ul li{
	 width:auto;
	 }	 
	#navMenu ul li .subitems{
	 min-width:20px;
	 } 
	#navMenu ul li ul li {
	width:202px;/*dropdown 220px  when less sub menu width */
	}
	
	
 /*********************************************/
 /* hide menu and allow it to return */
 /*********************************************/

	#navMenu ul ul {
	position:absolute;
	visibility:hidden;
	top:16px; /* top 16px menu position */	
	 }
  	#navMenu ul li:hover ul {
	visibility:visible;	
	z-index:9999;	
 	}

  /**********************************************/

  /*sets top level hover color*/

  	#navMenu li:hover {
  	background:#25aae1;   
 	}

  /*sets link items hover color and background*/

  #navMenu ul li:hover ul li a:hover {
	  bbackground:#ccc; /* new hover color */
    color:#000;
   	border:0px;	
	}

  /* Changes text color on hover for main menu hover*/

 	#navMenu a:hover {   
  	color:#000; 
  	border:0px; 
 	} 
 	#navMenu ul li ul #select{
	width:90px;
	font:sans-serif;
	font-size:12px;
	color:#666666; 
	padding:5px 5px !important;	 
	}
	#navMenu ul li ul .submenu{
	margin:0!important;
	height:24px; /* ws button height 25px */
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	-webkit-border-radius: 0px 0 0px 0;
	-moz-border-radius: 0px 0 0px 0;	
	-o-border-radius: 0px 0 0px 0;
	border-radius: 0px 0 0px 0; 
	}
	#.submenu li{display:block; width: 200px;}
	
	#navMenu ul li ul .submenu a{
	margin:0;
	height:25px; /*was 25px */
	line-height:25px;
	font:sans-serif;
	font-size:8px;
	color:#fff; 
	}		
	#navMenu ul li ul .submenu1{
		ppadding:0; /* new sub menu button width  and padding */
		wwidth:160px;/* new sub menu button width  and padding */	
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;	 
	}
	#navMenu ul li ul .submenu1 a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}
	#navMenu ul ul ul {
	left:100%;
	top:0px;
	visibility:hidden;
	opacity:0;
	-webkit-transition: visibility 0s linear 1s, opacity 1s ease-in-out; ;
	-moz-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	-o-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	}		
	#navMenu ul ul li:hover > ul{
	width:100%;/* was 100% */
	visibility:visible;
	position:absolute;
	opacity:1;
	border-left:1px solid white;
	transition-delay:0.5s;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out; 	
	}
	#navMenu ul{
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;	
	}	
	#navMenu > ul ul {
	opacity:0;	
	}	
	#navMenu ul li:hover > ul {
	opacity:1;	
	} 
/* -------------------------------------------------------------*/
	/*------------------------- important needed ---------------------*/
	##navMenu ul li:first-child{ /* hidden home button */
	display: none;
	}
	#navMenu ul li:nth-child(5){ /* hidden download button */
	display:none;
	mmargin-left:-80px;
	}
	#navMenu ul li ul .submenu:first-child{ /* show menu ist element */
	display:block;
	}
	#navMenu ul li ul .submenu:nth-child(5){ /* show menu 5th element */
	display: block;
	}
	#navMenu ul li ul .submenu1:nth-child(5){ /* show menu 5th element */
	display: block;
	}	
	#navMenu ul ul:nth-child(n+6) { /* was n+6 7 works */
	position:absolute;
	visibility:hidden;	
	top:30px;
	min-width:400px;
	}
	#navMenu ul li:nth-child(n+6):hover ul { /* was n+6  7 works*/
    visibility:visible;	
	left:auto !important;
    right: -190px!important;
	z-index:9999;	
	}
	#navMenu ul li ul .submenu1:nth-last-child(1){ /* submenu boxes */
	visibility:visible;	
	mmargin:-5px 0 0 0;
	height:30px; /* without width line and height is 35px */
	width:202px; /* new  line but 205px works*/
	line-height:8px;
	font:sans-serif;
	z-index:1;
	font-size:10px;
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;
	}
.clearFloat{
	clear:both;margin:0;padding:0;
	}	
   
	/*-----------------------------------------------Product Page content ---------------------------------------*/
	
.wrap{
	width: 100%;
	margin:100px auto;
	}	
#keyfeatures_title{
	line-height:35px;
	width:100%;
	margin:0 auto;
	display:block;
	padding-top:0px;
	font-family:"Source Sans Pro", sans-serif;
	font-size:16px;
	font-weight:600;
	text-decoration: none;
	text-align:center;
	text-shadow:0px 1px 1px #999;	
	}	
#container {
	width:100%;
	height:auto;
	padding:0px;
	margin:0 auto!important;
	display:block;
	bborder:2px solid #F0F; /****   pnk */
	}
#container ul { 
clear:both;
list-style: none;
padding:0px;
margin:-10px 0 0 0!important;
bborder:2px solid #F30; /****   diff rd */
}
#container .list{
width: 100%;
float:left;
margin:3.5% 0 0 0;
bbbborder:2px solid #000; /****  full container border  blk */
}
	
#container .list a{
	text-decoration: none;
	}
#container .list h3 .title{
	width:100%!important;
	clear:both;
	height:30px;
	display:block;	
	margin:0 auto!important;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;
	-webkit-border-radius: 80px 80px 8px 8px;
	-moz-border-radius:  80px 80px 8px 8px;
	-ms-border-radius:  80px 80px 8px 8px;
	border-radius:  80px 80px 8px 8px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999; 	
	bborder-bottom:1px solid #00f; /* -----   the blue box with diameter item number etc container wt  */	
	}	
	
	#container .list h34 .title{
	/* Sircle Elito, CittyCups heading etc */
	width:100%;
	display:inline-block;
	margin:2.5% 0 0% 0%;
	height:30px;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;	
	-webkit-border-radius: 8px 8px 80px 80px;
	-moz-border-radius:  8px 8px 80px 80px;
	-ms-border-radius:  8px 8px 80px 80px;
	border-radius:  8px 8px 80px 80px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999:;	
	bborder-bottom:1px solid #f00; /* -----   the blue box with diameter item number etc container wt  */	
	}


/* ---------------------------- footer ---------------------------------------*/
#footer_content{
	width:100%;
	margin:0 auto!important;
	height:auto;
	float:left;	
	bbborder: 2px solid #F00;	/* bbbbbbbbbb red   */	
	}
/*----------------------  footer ----------------------------------*/	
#footer{
	clear: both;
	width:100%;
	margin:0px 0 0 0;
	padding:30px 0 0 0;
	bbbbbbbborder:2px solid #FF3; /* bbbbbbbbbb yl   */
	}
#footer_contact_info{
	padding:0px 0px 0px 20px;
	background-color:#EBEBEB;
	width:100%;
	float:left;
	display:block;
	bbbbbbbbbbbbborder:2px solid #300; /* bbbbbbbbbb bn   */	
	}	
.footer_contact_info_detail { /* full footer container */
	width:100%;
	height:auto!important;
	padding:30px 0 0 0px!important;
	margin-bottom:30px;
	bborder:2px solid #9F9; /* bbbbbbbbbb lt gn   */
	float:left;
	}	
.footer_contact_info_detail a #innavisionslogo_com{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	 box-sizing:border-box;
	width:210px;
	height:28px;
	float:left;
	margin-right:40px;
	bbborder:2px solid #000; /* bbbbbbbbbb blk   */
	}	
.footer_contact_info_detail #phone_img{
	width:25px;
	height:28px;
	display:block;
	position:absolute;
	margin:30px 0 0 0;
	float:left;
	bbborder:2px solid #F03; /* bbbbbbbbbb rd   */
	}
.footer_contact_info_detail .footer_phone{ /* new div for phone number */
	width:70%;
	height:30px;
	margin:0 0 0 25px ;
	bborder:2px solid #00F; /* bbbbbbbbbb rd   */
	float:left;
	}
.footer_contact_info_detail .footer_phone h2{ /* new h2 for phone number */
	font-family:"Source Sans Pro", sans-serif;
	line-height:25px;
	height:25px;
	color:#25aae1;
	margin:4px 0% 0 4px ;
	font-size:20px;
	}	

.footer_contact_info_detail .address{	/* head office headder */
	width:100%;
	height:auto;
	bborder:2px solid #600; /* bbbbbbbbbb bn   */
	margin: 20px 0 0 0;
	float:left;
	display:block;
	}
.footer_contact_info_detail .address h2{
	width:100%;
	bborder:2px solid #093; /* bbbbbbbbbb lt gn   */
	margin:0;
	float:left;
	}
.footer_contact_info_detail .address p{
	width:100%;
	height:auto;
	margin:0 0 0 0!important;
	float:left;
	bborder:2px solid #009; /* bbbbbbbbbb bl   */
	}	
.footer_contact_info_detail .address .tel{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}	
.footer_contact_info_detail .address .tel span{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}		
.footer_contact_info_detail .address .email{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail .address .email span{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail  .address .email a{
	width:400px;
	text-decoration:none;
	font-weight:600;
	bbborder:2px solid #F9C; /* bbbbbbbbbb lt pink   */
	}	
/* -------------------------------------------------------- manufacturing partners ---------------------------*/

#manufacturing_partners{
	mmmargin:5% 0% 10% 0%;
	margin:0 auto !important;
	height:auto;
	padding:0;
	width:95%;
	float:left;
	bborder:2px solid #00F; /* bbbbbbbbbb bl   */
	}

#manufacturing_partners .euro_partners{ /* logo container */
	width:30px;
	height:30px;
	float:left;
	margin:0px 0% 5% 0px;
	padding:0;
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
		}

#manufacturing_partners .euro_partners img{
	height:100%;
	width:100%;
	float:left;
	margin:0 2% 0 0%;
	bborder:2px solid #0FF; /* bbbbbbbbbb blk   */
		}
		
#manufacturing_partners .euro_partners h1{
	color:#333;
	width:240px;
	font-size:16px;
	dispay:block;
	position:relative;
	float:left;
	margin:-28px 0 0 35px;
	bborder:2px solid #FF0; /* bbbbbbbbbb yl   */
	}	
/* ***********************************************************Images and P **************************/
#manufacturing_partners .deca{	/* deca image, logo and p tage container */
	width:100%;/* 40% */
	height:auto;
	margin:0 5% 0px 0px!important;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}
	
#manufacturing_partners .deca img{	
	height:auto;
	max-width:100%;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	bborder:2px solid #03C; /* bbbbbbbbbb rd   */
	}

.deca span #deca_logo{
	width:80px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	float:left;
	
	}	
#manufacturing_partners .deca p{
	font-size:12px;
	float:left;
	margin:5% 0 7% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
		
/*--------------------------------------------------------------------*/	
	
#manufacturing_partners .cups4you{	
	width:100%;/* 40% */
	height:60vh;
	margin:0 0% 0px 0px;
	bborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .cups4you img{	
	height:auto;
	max-width:100%;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	}

.cups4you span #cup4you_logo{
	width:160px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	ffloat:left;
}

#manufacturing_partners .cups4you p{
	font-size:12px;
	float:left;
	margin:5% 0 7% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	
	}	

/*--------------------------------------------------------------------*/	
		
#manufacturing_partners .orego{	
	width:100%;/* 40% */
	height:70vh;
	margin:0 0% 0px 0px;
	bborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .orego img{	
	height:auto;
	max-width:100%;
	float:left;
	position:relative;
	margin:0px 0 0 0;
		}	
		
.orego span #orego_logo{
	width:90px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	float:left;
	}				
	
#manufacturing_partners .orego p{
	font-size:12px;
	float:left;
	margin:5% 0 0% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
	

	
/*-------------------------------------------------------------------accrredations -----------------*/
#accredations{
	max-width:95% !important;
	height:220px;
	float:left;
	margin:30px auto;
	padding:0;	
	bborder:2px solid #f00; /* bbbbbbbbbb wt   */
	}
	
 #accredations #brc_food{
	max-width:50px;
	max-height:100px;
	float:left;	
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
	}
	
#accredations img#brc_food{
	max-width:100%;
	height:100%;
	float:left;
	margin:0% 0 0 0%!important;
	padding-left:8%!important;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}	
	
 #iso9001{
	max-width:90px;
	max-height:100px;
	float:left;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}	
	
img#iso9001{
	width:100%;
	height:100%;
	float:left;
	margin:0% 10% 0 10%;
	bborder:2px solid #F0F; /* bbbbbbbbbb pnk   */
	}		
	

#accredations  p{
	font-size:12px;
	height:15%;
	float:left;
	width:100%!important;
	color:#09C;
	font-weight:600;
	text-align:center;
	margin:5% 0 0 0%;
	bborder:2px solid #3C0; /* bbbbbbbbbb gn   */
	}				
#footer_contact_info #footer_discripton{
			display:none;
			}	

/*--------------------------------------------------------footer discription ------------------*/

}

@media only screen and (max-width: 319px){
.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background:#fff!important; /*4c4c4c new 66cdff #b9c4c9 549fc4 c0cbd1 good 4887a5*/
  pppadding: 5px; 
  padding: 0px!important; 
  z-index:120;
  bbborder:1px solid #0f0;
   /* background color of the menu */
  } 
.logo_mobile{
	width:150px!important; /* 500px  and 50vw*/
	margin:5px 0px 0px 5px!important; /*----------------- was margin: 20px 0 10px 50px; */
	float:left!important;
	height:35px!important;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	}
.logo_mobile img{
	width:100%;
	height:100%;
}

body {
    margin: 0;
	max-width:100%;
	
}

/*  sets margin from top to the slider */
#.header{
	max-width:100%; /* was 100% */
	 /* ----------------- check -----------*/
	height:180px; /* was 150 alters the size of the header height */
	clear:both;
	margin:0 auto;
	bborder:2px solid #F00;
}

#innlogo{
	width:150px; /* 500px  and 50vw*/
	margin:50px 0px 0px 18px; /*----------------- was margin: 20px 0 10px 50px; */
	float:left;
	height:10px;
	display:none!important;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	
	}
	

.clearFloat{
	clear:both;margin:0;padding:0;
	}	
   
   
div#head_phone {
	 margin: 38px 0 0 0!important;
	 padding:0!important;
	 }
div#head_phone > div > div > #phone_img{
	width:32px; /* was 20% before */ 
	height:32px;
}
div#head_phone > div > div > h2 .phone_no {
	height:30px;
	max-width:100%;
	float:left;
	line-height:2;
	font-family:"Source Sans Pro",sans-serif;
	font-size:.6em!important;
	color:#25aae1;
	font-weight:normal;
	text-decoration: none;
	margin:-23px 0px 0px 32px!important;
	padding:0;
	bborder:1px solid #0F0; /* gn */ 
}
div#head_phone > div > div >  .email{
	width:52vw;
	height:40px;
	ppadding:5px 0 0 0!important;	
	bborder:2px solid #25aae1; 
}
#head_phone > div > #email{
	max-width:57vw!important;
	width:57vw!important;
	height:28px;
	display:inline-block;
	position:absolute!important;
	ffloat:left!important;
	margin:-6px 0 0 0%;
	bborder:2px solid #f00;
	}
#head_phone > div > #email > #email_img{
	width:28px; /* was 30 32 before */ 
	height:30px;
	margin-left:4px!important;
	}	
div#head_phone > div > div > .email a{
	text-decoration:none;
	font-family:"Source Sans Pro", sans-serif;
	font-weight:bolder!important;
	line-heght:50px!important;
	font-size:.8em!important;
	color: #25aae1;
	position:absolute;
	margin:-28px 0 0 32px!important;
	padding-top:3px!important;
	bborder:2px solid #0F0;
}	  
		
	
	--------------------------new headder telephone ---------------------------------------------*/

#wrapper{ /* nav menu container */
	width:100%; /* 100% */
	height:30px; /* 25px */
	float:left;
	min-width:320px;
	max-width:767px;
	margin:118px 0 0 3px;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}	
#navMenu{
	/*	background-color: #333; */
	margin-top:78px;
	width:100%;
	float:left;
	background-repeat: no-repeat;
	height:22px;/* 22px */
	padding-left:0px;
	margin-left:0%; /* without home button visibe 1% */
	z-index:555;/* was 555 */
	min-width:320px;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
	#navMenu ul li:first-child{ /* hidden home button */
	display: none;
	}
	#navMenu ul li ul .submenu:first-child{ /* show menu ist element */
	display:block;
	}
	#navMenu ul li img{
	width:25px;
	height:25px;
	min-width:25px;	
	}
	#navMenu #holder ul li{  
	display:block; 
	position:relative;
	min-width:400px;
	}
	#navMenu ul{
	margin:0;
	padding:0;
	line-height:30px;
	min-width:400px;
	}	
	#navMenu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#999;
	-webkit-border-radius: 30px 0 20px 0;
	-moz-border-radius: 30px 0 20px 0;	
	-o-border-radius: 30px 0 20px 0;
	border-radius: 30px 0 20px 0;
	}
 	#navMenu ul li a { /* buttons */
	text-align:center;
	height:16px; /* 31px */ /* button height */
	wwidth:120px !important; /* removed but fixed width buttons braught back in */
	padding:0px 6px; /* 0px 6px menu right left padding */
	margin: 0px 0px;
	display:block;
	font-family:sans-serif;
	text-decoration:none;
	color:#fff;
	border:1px solid #FFF;
	font-size: 10px;/*button font */
	line-height:16px;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	} 
 	#navMenu ul li{
	 width:auto;
	 }	 
	#navMenu ul li .subitems{
	 min-width:20px;
	 } 
	#navMenu ul li ul li {
	width:202px;/*dropdown 220px  when less sub menu width */
	}
	
	
 /*********************************************/
 /* hide menu and allow it to return */
 /*********************************************/

	#navMenu ul ul {
	position:absolute;
	visibility:hidden;
	top:16px; /* top 16px menu position */	
	 }
  	#navMenu ul li:hover ul {
	visibility:visible;	
	z-index:9999;	
 	}

  /**********************************************/

  /*sets top level hover color*/

  	#navMenu li:hover {
  	background:#25aae1;   
 	}

  /*sets link items hover color and background*/

  #navMenu ul li:hover ul li a:hover {
	  bbackground:#ccc; /* new hover color */
    color:#000;
   	border:0px;	
	}

  /* Changes text color on hover for main menu hover*/

 	#navMenu a:hover {   
  	color:#000; 
  	border:0px; 
 	} 
 	#navMenu ul li ul #select{
	width:90px;
	font:sans-serif;
	font-size:12px;
	color:#666666; 
	padding:5px 5px !important;	 
	}
	#navMenu ul li ul .submenu{
	margin:0!important;
	height:24px; /* ws button height 25px */
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	-webkit-border-radius: 0px 0 0px 0;
	-moz-border-radius: 0px 0 0px 0;	
	-o-border-radius: 0px 0 0px 0;
	border-radius: 0px 0 0px 0; 
	}
	#.submenu li{display:block; width: 200px;}
	
	#navMenu ul li ul .submenu a{
	margin:0;
	height:25px; /*was 25px */
	line-height:25px;
	font:sans-serif;
	font-size:8px;
	color:#fff; 
	}		
	#navMenu ul li ul .submenu1{
		ppadding:0; /* new sub menu button width  and padding */
		wwidth:160px;/* new sub menu button width  and padding */	
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;	 
	}
	#navMenu ul li ul .submenu1 a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}
	#navMenu ul ul ul {
	left:100%;
	top:0px;
	visibility:hidden;
	opacity:0;
	-webkit-transition: visibility 0s linear 1s, opacity 1s ease-in-out; ;
	-moz-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	-o-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	}		
	#navMenu ul ul li:hover > ul{
	width:100%;/* was 100% */
	visibility:visible;
	position:absolute;
	opacity:1;
	border-left:1px solid white;
	transition-delay:0.5s;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out; 	
	}
	#navMenu ul{
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;	
	}	
	#navMenu > ul ul {
	opacity:0;	
	}	
	#navMenu ul li:hover > ul {
	opacity:1;	
	} 
/* -------------------------------------------------------------*/
	/*------------------------- important needed ---------------------*/
	##navMenu ul li:first-child{ /* hidden home button */
	display: none;
	}
	#navMenu ul li:nth-child(5){ /* hidden download button */
	display:none;
	mmargin-left:-80px;
	}
	#navMenu ul li ul .submenu:first-child{ /* show menu ist element */
	display:block;
	}
	#navMenu ul li ul .submenu:nth-child(5){ /* show menu 5th element */
	display: block;
	}
	#navMenu ul li ul .submenu1:nth-child(5){ /* show menu 5th element */
	display: block;
	}	
	#navMenu ul ul:nth-child(n+6) { /* was n+6 7 works */
	position:absolute;
	visibility:hidden;	
	top:30px;
	min-width:400px;
	}
	#navMenu ul li:nth-child(n+6):hover ul { /* was n+6  7 works*/
    visibility:visible;	
	left:auto !important;
    right: -190px!important;
	z-index:9999;	
	}
	#navMenu ul li ul .submenu1:nth-last-child(1){ /* submenu boxes */
	visibility:visible;	
	mmargin:-5px 0 0 0;
	height:30px; /* without width line and height is 35px */
	width:202px; /* new  line but 205px works*/
	line-height:8px;
	font:sans-serif;
	z-index:1;
	font-size:10px;
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;
	}
.clearFloat{
	clear:both;margin:0;padding:0;
	}	
   
	/*-----------------------------------------------Product Page content ---------------------------------------*/
	
.wrap{
	width: 100%;
	margin:100px auto;
	}	
#keyfeatures_title{
	line-height:35px;
	width:100%;
	margin:0 auto;
	display:block;
	padding-top:0px;
	font-family:"Source Sans Pro", sans-serif;
	font-size:16px;
	font-weight:600;
	text-decoration: none;
	text-align:center;
	text-shadow:0px 1px 1px #999;	
	}	
#container {
	width:100%;
	height:auto;
	padding:0px;
	margin:0 auto!important;
	display:block;
	bborder:2px solid #F0F; /****   pnk */
	}
#container ul { 
clear:both;
list-style: none;
padding:0px;
margin:-10px 0 0 0!important;
bborder:2px solid #F30; /****   diff rd */
}
#container .list{
width: 100%;
float:left;
margin:3.5% 0 0 0;
bbbborder:2px solid #000; /****  full container border  blk */
}
	
#container .list a{
	text-decoration: none;
	}
#container .list h3 .title{
	width:100%!important;
	clear:both;
	height:30px;
	display:block;	
	margin:0 auto!important;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;
	-webkit-border-radius: 80px 80px 8px 8px;
	-moz-border-radius:  80px 80px 8px 8px;
	-ms-border-radius:  80px 80px 8px 8px;
	border-radius:  80px 80px 8px 8px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999; 	
	bborder-bottom:1px solid #00f; /* -----   the blue box with diameter item number etc container wt  */	
	}	
	
	#container .list h34 .title{
	/* Sircle Elito, CittyCups heading etc */
	width:100%;
	display:inline-block;
	margin:2.5% 0 0% 0%;
	height:30px;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;	
	-webkit-border-radius: 8px 8px 80px 80px;
	-moz-border-radius:  8px 8px 80px 80px;
	-ms-border-radius:  8px 8px 80px 80px;
	border-radius:  8px 8px 80px 80px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999:;	
	bborder-bottom:1px solid #f00; /* -----   the blue box with diameter item number etc container wt  */	
	}

/* ---------------------------- footer ---------------------------------------*/
#footer_content{
	width:100%;
	margin:0 auto!important;
	height:auto;
	float:left;	
	bbborder: 2px solid #F00;	/* bbbbbbbbbb red   */	
	}
/*----------------------  footer ----------------------------------*/	
#footer{
	clear: both;
	width:100%;
	margin:0px 0 0 0;
	padding:30px 0 0 0;
	bbbbbbbborder:2px solid #FF3; /* bbbbbbbbbb yl   */
	}
#footer_contact_info{
	padding:0px 0px 0px 20px;
	background-color:#EBEBEB;
	width:100%;
	float:left;
	display:block;
	bbbbbbbbbbbbborder:2px solid #300; /* bbbbbbbbbb bn   */	
	}	
.footer_contact_info_detail { /* full footer container */
	width:100%;
	height:auto!important;
	padding:30px 0 0 0px!important;
	margin-bottom:30px;
	bborder:2px solid #9F9; /* bbbbbbbbbb lt gn   */
	float:left;
	}	
.footer_contact_info_detail a #innavisionslogo_com{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	 box-sizing:border-box;
	width:210px;
	height:28px;
	float:left;
	margin-right:40px;
	bbborder:2px solid #000; /* bbbbbbbbbb blk   */
	}	
.footer_contact_info_detail #phone_img{
	width:25px;
	height:28px;
	display:block;
	position:absolute;
	margin:30px 0 0 0;
	float:left;
	bbborder:2px solid #F03; /* bbbbbbbbbb rd   */
	}
.footer_contact_info_detail .footer_phone{ /* new div for phone number */
	width:70%;
	height:30px;
	margin:0 0 0 25px ;
	bborder:2px solid #00F; /* bbbbbbbbbb rd   */
	float:left;
	}
.footer_contact_info_detail .footer_phone h2{ /* new h2 for phone number */
	font-family:"Source Sans Pro", sans-serif;
	line-height:25px;
	height:25px;
	color:#25aae1;
	margin:4px 0% 0 4px ;
	font-size:20px;
	}	

.footer_contact_info_detail .address{	/* head office headder */
	width:100%;
	height:auto;
	bborder:2px solid #600; /* bbbbbbbbbb bn   */
	margin: 20px 0 0 0;
	float:left;
	display:block;
	}
.footer_contact_info_detail .address h2{
	width:100%;
	bborder:2px solid #093; /* bbbbbbbbbb lt gn   */
	margin:0;
	float:left;
	}
.footer_contact_info_detail .address p{
	width:100%;
	height:auto;
	margin:0 0 0 0!important;
	float:left;
	bborder:2px solid #009; /* bbbbbbbbbb bl   */
	}	
.footer_contact_info_detail .address .tel{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}	
.footer_contact_info_detail .address .tel span{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}		
.footer_contact_info_detail .address .email{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail .address .email span{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail  .address .email a{
	width:400px;
	text-decoration:none;
	font-weight:600;
	bbborder:2px solid #F9C; /* bbbbbbbbbb lt pink   */
	}	
/* -------------------------------------------------------- manufacturing partners ---------------------------*/

#manufacturing_partners{
	mmmargin:5% 0% 10% 0%;
	margin:0 auto !important;
	height:auto;
	padding:0;
	width:95%;
	float:left;
	bborder:2px solid #00F; /* bbbbbbbbbb bl   */
	}

#manufacturing_partners .euro_partners{ /* logo container */
	width:30px;
	height:30px;
	float:left;
	margin:0px 0% 5% 0px;
	padding:0;
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
		}

#manufacturing_partners .euro_partners img{
	height:100%;
	width:100%;
	float:left;
	margin:0 2% 0 0%;
	bborder:2px solid #0FF; /* bbbbbbbbbb blk   */
		}
		
#manufacturing_partners .euro_partners h1{
	color:#333;
	width:240px;
	font-size:16px;
	dispay:block;
	position:relative;
	float:left;
	margin:-28px 0 0 35px;
	bborder:2px solid #FF0; /* bbbbbbbbbb yl   */
	}	
/* ***********************************************************Images and P **************************/
#manufacturing_partners .deca{	/* deca image, logo and p tage container */
	width:100%;/* 40% */
	height:auto;
	margin:0 5% 0px 0px!important;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}
	
#manufacturing_partners .deca img{	
	height:auto;
	max-width:100%;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	bborder:2px solid #03C; /* bbbbbbbbbb rd   */
	}

.deca span #deca_logo{
	width:80px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	float:left;
	
	}	
#manufacturing_partners .deca p{
	font-size:12px;
	float:left;
	margin:5% 0 7% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
		
/*--------------------------------------------------------------------*/	
	
#manufacturing_partners .cups4you{	
	width:100%;/* 40% */
	height:60vh;
	margin:0 0% 0px 0px;
	bborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .cups4you img{	
	height:auto;
	max-width:100%;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	}

.cups4you span #cup4you_logo{
	width:160px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	ffloat:left;
}

#manufacturing_partners .cups4you p{
	font-size:12px;
	float:left;
	margin:5% 0 7% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	
	}	

/*--------------------------------------------------------------------*/	
		
#manufacturing_partners .orego{	
	width:100%;/* 40% */
	height:70vh;
	margin:0 0% 0px 0px;
	bborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .orego img{	
	height:auto;
	max-width:100%;
	float:left;
	position:relative;
	margin:0px 0 0 0;
		}	
		
.orego span #orego_logo{
	width:90px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	float:left;
	}				
	
#manufacturing_partners .orego p{
	font-size:12px;
	float:left;
	margin:5% 0 0% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
	

	
/*-------------------------------------------------------------------accrredations -----------------*/
#accredations{
	max-width:95% !important;
	height:220px;
	float:left;
	margin:30px auto;
	padding:0;	
	bborder:2px solid #f00; /* bbbbbbbbbb wt   */
	}
	
 #accredations #brc_food{
	max-width:50px;
	max-height:100px;
	float:left;	
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
	}
	
#accredations img#brc_food{
	max-width:100%;
	height:100%;
	float:left;
	margin:0% 0 0 0%!important;
	padding-left:8%!important;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}	
	
 #iso9001{
	max-width:90px;
	max-height:100px;
	float:left;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}	
	
img#iso9001{
	width:100%;
	height:100%;
	float:left;
	margin:0% 10% 0 10%;
	bborder:2px solid #F0F; /* bbbbbbbbbb pnk   */
	}		
	

#accredations  p{
	font-size:12px;
	height:15%;
	float:left;
	width:100%!important;
	color:#09C;
	font-weight:600;
	text-align:center;
	margin:5% 0 0 0%;
	bborder:2px solid #3C0; /* bbbbbbbbbb gn   */
	}				
#footer_contact_info #footer_discripton{
			display:none;
			}	

/*--------------------------------------------------------footer discription ------------------*/

}

/****************************************** new code page width -----------------------------------*/
@media only screen and (min-width: 481px) and (max-width:504px){	
.js #navMenu {
		display:none;
	}
	#navMenu ul li .subitems img{
	display:none!important;
	}
	
	.js .slicknav_menu {
		display:block;
	}	
	
.slicknav_menu {
	display:none;
}
	ul{
list-style-type:none;
}
a:link{
  text-decoration: none!important;
}	
.logo_mobile{
	max-width:200px!important;
	width:200px!important; /* 500px  and 50vw*/
	margin:0px 0px 0px 5px!important; /*----------------- was margin: 20px 0 10px 50px; */
	float:left!important;
	max-height:44px;
	height:44px!important;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	}
.logo_mobile img{
	width:100%;
	height:100%;
	padding:3px 0 0 5px;
}	
	body {
    margin: 0;
	max-width:100%;
	
}

/*  sets margin from top to the slider */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right!important;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; 
    /* border around the menu */
  }
  
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em;
	 }

.slicknav_menu {
  *zoom: 1; 
 	display:block;
    position: fixed;
    width: 100vw;
    top: 0;	
	border-bottom: 1px solid #25aae1;
  }

  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; 
	/* the word menu */
	}
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em;
	/* dashes in the menu title */
	 }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; 
	  /* border around the dashes */
	  }
  .slicknav_menu .slicknav_no-text {
    margin: 0; 
	}
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	/* border around the dashes */
	 }
 .slicknav_menu:before {
    content: " ";
    display: table;
	/* dot to the top left of the menu container */ 
	}
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; 
	/* dot to the bottom left of the menu container */
	} 
  /*--- New code to implent a logo to the menu  */
  					/*	.slicknav_menu:after { content: url(Images\2016\products\site-images\logo2.png); display: table;}
						.slicknav_menu:before { clear: both }*/
  
  /*--------------------------------*/
.slicknav_nav {
  clear: both;
    /*All menu content in box space taking width size box */
  }
  .slicknav_nav ul {
    display: block;
	margin:0 0 0 0!important;
	padding:0!important;
	/* container around all text sub menus */
	}
  .slicknav_nav li {
    display: block; 
	xxborder-bottom:1px solid #ccc;
	/* box around each menu item important */
	}
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; 
	float:right;
	/* arrows */
	}
  .slicknav_nav .slicknav_item {
    cursor: pointer;
	color:#25aae1;
	/* each text container for the cursor but color changed color of arrows */
	}
    .slicknav_nav .slicknav_item a {
	display: inline;
	font-family:"Source Sans Pro",sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	  }
  .slicknav_nav .slicknav_row {
    display: block; 
	color:#fff;
	/* undelines the full text container left to right with colour set changes the arrows colour */
	}
  .slicknav_nav a {
    display: block;
	/* underlines the text in the menu */ 
	}
  .slicknav_nav .slicknav_parent-link a {
    display: inline; 
	 }

.slicknav_brand {
  float: left; 
   }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background:#fff!important; /*4c4c4c new 66cdff #b9c4c9 549fc4 c0cbd1 good 4887a5*/
  ppadding: 5px;
  padding: 0 5px 2px 0px!important; 
  z-index:120;
  bbborder:1px solid #0f0;
   /* background color of the menu */
  }
  .slicknav_menu * {
    box-sizing: border-box;
	/*underlines the menu botton, menu text and menu dashes */
	}
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; 
	/*  menu text */
	}
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
	/* dashes color */
	}

.slicknav_btn {
  margin: 0px 0px 0px 5px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #25aae1; /*was 222 */
  /* the menu button */
  }

.slicknav_nav {
  color: #fff;/* was fff */
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
  
   }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; 
	
	}
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; 
	
	}
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc*/
      color: #fff; /*fff*/
	  /* hover on menu items button */
	  }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; /* original fff used 336075 */
	 font-family:"Source Sans Pro",sans-serif;
	 font-size:12px; 
	 
	/* sub items text colour etc */
	}
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc */
      color: #fff!important; /*222*/
	  font-weight:bolder;
	   /* hover colour on menu options text changing color on hover around the button  */
	  }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
	
	}
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
	
	/* menu items text */
	}
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
	
	}

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
   }
<!--  New code ---->

.slicknav_nav ul .submenu ul .submenu{background-color:#ff0;}

.slicknav_nav ul ul .submenu{background-color:#25aae1;}/*sub menu colour */

.slicknav_nav ul li {background-color:#336075;}/* main menu buttons */

.slicknav_nav ul ul li {background-color:#f00;}

.slicknav_nav ul .submenu ul .submenu1{background-color:#25aae1;}

.slicknav_nav ul ul .submenu1{background-color:#25aae1;}/*sub menu colour */

/*----------------------------------------------------------------------------------------------------------------------*/	
body {
    margin: 0;
	max-width:100%;
	
}

.header{
	max-width:100vw; /* was 100% */
	 /* ----------------- check -----------*/
 	min-height:30px;
	height:84px!important; /* was 150 alters the size of the header height */
	clear:both;
	margin:0 auto;
	position:fixed!important;
	bborder:2px solid #F00;
	-webkit-box-shadow: 1px 1px 1px #0b1e72;/* 4px 4px 4px #0b1e72; */
    -moz-box-shadow: 1px 1px 1px #0b1e72;
	-ms-box-shadow: 1px 1px 1px #0b1e72;
	box-shadow:1px 1px 1px #0b1e72; 
}

#innlogo{
	width:150px; /* 500px  and 50vw*/
	margin:36px 0px 0px 18px; /*----------------- was margin: 20px 0 10px 50px; */
	float:left;
	display:none!important;
	height:38px;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	
	}		

.js #navMenu {
		display:none;
	}
	#navMenu ul li .subitems img{
	display:none!important;
	}
	
	.js .slicknav_menu {
		display:block;
	}	
	
.slicknav_menu {
	display:none;
}
	ul{
list-style-type:none;
}
a:link{
  text-decoration: none!important;
}	
.logo_mobile{
	max-width:200px!important;
	width:200px!important; /* 500px  and 50vw*/
	margin:0px 0px 0px 5px!important; /*----------------- was margin: 20px 0 10px 50px; */
	float:left!important;
	max-height:44px;
	height:44px!important;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	}
.logo_mobile img{
	width:100%;
	height:100%;
	padding:3px 0 0 5px;
}	
	body {
    margin: 0;
	max-width:100%;
	
}

/*  sets margin from top to the slider */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right!important;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; 
    /* border around the menu */
  }
  
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em;
	 }

.slicknav_menu {
  *zoom: 1; 
 	display:block;
    position: fixed;
    width: 100vw;
    top: 0;	
	border-bottom: 1px solid #25aae1;
  }

  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; 
	/* the word menu */
	}
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em;
	/* dashes in the menu title */
	 }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; 
	  /* border around the dashes */
	  }
  .slicknav_menu .slicknav_no-text {
    margin: 0; 
	}
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	/* border around the dashes */
	 }
 .slicknav_menu:before {
    content: " ";
    display: table;
	/* dot to the top left of the menu container */ 
	}
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; 
	/* dot to the bottom left of the menu container */
	} 
  /*--- New code to implent a logo to the menu  */
  					/*	.slicknav_menu:after { content: url(Images\2016\products\site-images\logo2.png); display: table;}
						.slicknav_menu:before { clear: both }*/
  
  /*--------------------------------*/
.slicknav_nav {
  clear: both;
    /*All menu content in box space taking width size box */
  }
  .slicknav_nav ul {
    display: block;
	margin:0 0 0 0!important;
	padding:0!important;
	/* container around all text sub menus */
	}
  .slicknav_nav li {
    display: block; 
	xxborder-bottom:1px solid #ccc;
	/* box around each menu item important */
	}
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; 
	float:right;
	/* arrows */
	}
  .slicknav_nav .slicknav_item {
    cursor: pointer;
	color:#25aae1;
	/* each text container for the cursor but color changed color of arrows */
	}
    .slicknav_nav .slicknav_item a {
	display: inline;
	font-family:"Source Sans Pro",sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	  }
  .slicknav_nav .slicknav_row {
    display: block; 
	color:#fff;
	/* undelines the full text container left to right with colour set changes the arrows colour */
	}
  .slicknav_nav a {
    display: block;
	/* underlines the text in the menu */ 
	}
  .slicknav_nav .slicknav_parent-link a {
    display: inline; 
	 }

.slicknav_brand {
  float: left; 
   }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background:#fff!important; /*4c4c4c new 66cdff #b9c4c9 549fc4 c0cbd1 good 4887a5*/
  ppadding: 5px;
  padding: 0 5px 2px 0px!important; 
  z-index:120;
  bbborder:1px solid #0f0;
   /* background color of the menu */
  }
  .slicknav_menu * {
    box-sizing: border-box;
	/*underlines the menu botton, menu text and menu dashes */
	}
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; 
	/*  menu text */
	}
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
	/* dashes color */
	}

.slicknav_btn {
  margin: 0px 0px 0px 5px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #25aae1; /*was 222 */
  /* the menu button */
  }

.slicknav_nav {
  color: #fff;/* was fff */
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
  
   }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; 
	
	}
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; 
	
	}
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc*/
      color: #fff; /*fff*/
	  /* hover on menu items button */
	  }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; /* original fff used 336075 */
	 font-family:"Source Sans Pro",sans-serif;
	 font-size:12px; 
	 
	/* sub items text colour etc */
	}
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc */
      color: #fff!important; /*222*/
	  font-weight:bolder;
	   /* hover colour on menu options text changing color on hover around the button  */
	  }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
	
	}
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
	
	/* menu items text */
	}
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
	
	}

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
   }
<!--  New code ---->

.slicknav_nav ul .submenu ul .submenu{background-color:#ff0;}

.slicknav_nav ul ul .submenu{background-color:#25aae1;}/*sub menu colour */

.slicknav_nav ul li {background-color:#336075;}/* main menu buttons */

.slicknav_nav ul ul li {background-color:#f00;}

.slicknav_nav ul .submenu ul .submenu1{background-color:#25aae1;}

.slicknav_nav ul ul .submenu1{background-color:#25aae1;}/*sub menu colour */

/*----------------------------------------------------------------------------------------------------------------------*/	
body {
    margin: 0;
	max-width:100%;
	
}

.header{
	max-width:100vw; /* was 100% */
	 /* ----------------- check -----------*/
 	min-height:30px;
	height:84px!important; /* was 150 alters the size of the header height */
	clear:both;
	margin:0 auto;
	position:fixed!important;
	bborder:2px solid #F00;
		-webkit-box-shadow: 1px 1px 1px #0b1e72;/* 4px 4px 4px #0b1e72; */
    -moz-box-shadow: 1px 1px 1px #0b1e72;
	-ms-box-shadow: 1px 1px 1px #0b1e72;
	box-shadow:1px 1px 1px #0b1e72; 
}

#innlogo{
	width:150px; /* 500px  and 50vw*/
	margin:36px 0px 0px 18px; /*----------------- was margin: 20px 0 10px 50px; */
	float:left;
	display:none!important;
	height:38px;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	
	}		
	
	div#head_phone{
	max-width:100%!important;
	width:100%!important;/* 100%*/
	height:35px;
	ddddisplay:block;
	float:left;
	margin:38px 0 0px 0px!important; /* margin of phone and email from logo downwards */
	padding: 0 0 0 10px!important;
	bborder:1px solid #00f; /* red */
}
		
div#head_phone > div {
	width:50%; /* 41vw */
	height:17vh;  /* alters email topmargin */
	float:left;
	ddisplay:block;
	dposition:absolute;
	margin:0px 0 0 0px; /*  was  110px 0 0 0% margin of phone number and email to the logo */
	bborder:1px solid #F0F; /* pink */
}

div#head_phone > div > div { /*  img width*/
	width:42vw;
	height:30px;
	dddisplay:inline-block;
	float:left;
	position:relative;
	margin:0 0 0 0px; /* email margin to phone no */
	bborder:1px solid #00F; /* bl */
	}
	
div#head_phone > div > div > #phone_img{
	width:35px; /* was 20% before */ 
	height:35px; /* was 82% before */
	display:inline-block;
	position:absolute;
	margin:-8px 0 0 0px;
	bbborder:1px solid #F00; /* red */
	}


div#head_phone > div > div > h2 .phone_no {
	height:30px;
	max-width:100%;
	float:left;
	line-height:2;
	font-family:"Source Sans Pro",sans-serif;
	font-size:18px;
	color:#25aae1;
	font-weight:500;
	text-decoration: none;
	margin:-26px 0 0px 36px;
	bborder:1px solid #0F0; /* gn */ 
}

/******************************** new image image  data ****************************/	
#head_phone > div > #email{
	max-width:55vw;
	width:55vw;
	height:28px;
	display:inline-block;
	position:absolute!important;
	ffloat:left!important;
	margin:-5px 0 0 0%;
	bborder:2px solid #f00;
	}	

#head_phone > div > #email > #email_img{
	dddisplay:inline-block;
	width:30px; /* was 10% before */ 
	height:32px; /* was 60% before */
	margin:0px 0 0 0px!important;
	bborder:2px solid #F00;
	}
div#head_phone > div > div >  .email{
	width:250px;
	height:35px;
	display:inline-block;
	ddposition:relative;
	fffloat:right;
	margin:0px 0 0 0!important;	
	bborder:2px solid #25aae1; 
}
div#head_phone > div > div > .email a{
	text-decoration:none;
	font-family:"Source Sans Pro", sans-serif;
	font-weight:500;
	display:inline-block;
	pposition:absolute;
	font-size:18px;
	color: #25aae1;
	margin:-31px 0 0 32px!important;
	padding-top:0px!important;
	bborder:2px solid #0F0;
}

	.menu_img img{
	display:none!important;
	}
	#wrapper{
	width:100%;
/*	height:35px; */
	height:35px;
	float:left;
	min-width:400px;
	bbborder:2px solid #F00; /* bbbbbbbbbb bn   */
	}
	#navMenu{
	/*	background-color: #333; */
	margin-top:32px!important;
	width:100%;
	float:left;
	background-repeat: no-repeat;
	height:22px;/* 30px */
	padding-left:0px;
	margin-left:0%; /* without home button visibe 1% */
	z-index:555;
	min-width:480px;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
 	
	#navMenu ul li img{
	width:25px;
	height:25px;
	min-width:25px;	
	}
	#navMenu #holder ul li{  
	display:block; 
	position:relative;
	min-width:400px;
	}
	#navMenu ul{
	margin:0;
	padding:0;
	line-height:30px;
	min-width:400px;
	}	
	#navMenu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#999;
	-webkit-border-radius: 30px 0 20px 0;
	-moz-border-radius: 30px 0 20px 0;	
	-o-border-radius: 30px 0 20px 0;
	border-radius: 30px 0 20px 0;
	}
 	#navMenu ul li a { /* buttons */
	text-align:center;
	height:18px; /* 31px */ /* button height */
	/* width:150px; */
	padding:0px 6px; /* 0px 19px menu right left padding */
	margin: 0px 0px;
	display:block;
	font-family:sans-serif;
	text-decoration:none;
	color:#fff;
	border:1px solid #FFF;
	font-size: 10px;/*button font */
	line-height:18px;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	} 
 	#navMenu ul li{
	 min-width:20px;
	 }	 
	#navMenu ul li .subitems{
	 min-width:20px;
	 } 
	#navMenu ul li ul li {
	width:202px;/*dropdown 220px  when less sub menu width */
	}

 /*********************************************/
 /* hide menu and allow it to return */
 /*********************************************/

	#navMenu ul ul {
	position:absolute;
	visibility:hidden;	
	top:20px; /* top menu position */
	min-width:400px;
	 }
  	#navMenu ul li:hover ul {
    visibility:visible;	
	z-index:9999;	
 	}

  /**********************************************/

  /*sets top level hover color*/

  	#navMenu li:hover {
  	background:#25aae1;   
 	}

  /*sets link items hover color and background*/

  #navMenu ul li:hover ul li a:hover {
    color:#000;
   	border:0px;	
 	}

  /* Changes text color on hover for main menu hover*/

 	#navMenu a:hover {   
  	color:#000; 
  	border:0px; 
 	} 
 	#navMenu ul li ul #select{
	width:90px;
	font:sans-serif;
	font-size:12px;
	color:#666666; 
	padding:5px 5px;	 
	}
	#navMenu ul li ul .submenu{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	-webkit-border-radius: 0px 0 0px 0;
	-moz-border-radius: 0px 0 0px 0;	
	-o-border-radius: 0px 0 0px 0;
	border-radius: 0px 0 0px 0; 
	}
	#navMenu ul li ul .submenu a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}		
	#navMenu ul li ul .submenu1{	
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;	 
	}
	#navMenu ul li ul .submenu1 a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}
	#navMenu ul ul ul {
	left:100%;
	top:0px;
	vvvisibility:hidden;
	display:none;
	opacity:0;
	-webkit-transition: visibility 0s linear 1s, opacity 1s ease-in-out; ;
	-moz-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	-o-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	}		
	#navMenu ul ul li:hover > ul{
	width:100%;
	vvvvisibility:visible;
	display:block;
	position:absolute;
	opacity:1;
	border-left:1px solid white;
	transition-delay:0.5s;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out; 	
	}
	#navMenu ul{
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;	
	}	
	#navMenu > ul ul {
	opacity:0;	
	}	
	#navMenu ul li:hover > ul {
	opacity:1;	
	} 
/* -------------------------------------------------------------*/
	/*------------------------- important needed ---------------------*/
	#navMenu ul li:first-child{ /* hidden home button */
	display: none;
	}
	#navMenu ul li:nth-child(5){ /* hidden download button */
	display:none;
	mmargin-left:-80px;
	}
	#navMenu ul li ul .submenu:first-child{ /* show menu ist element */
	display:block;
	}
	#navMenu ul li ul .submenu:nth-child(5){ /* show menu 5th element */
	display: block;
	}
	#navMenu ul li ul .submenu1:nth-child(5){ /* show menu 5th element */
	display: block;
	}	
	#navMenu ul ul:nth-child(n+6) { /* was n+6 7 works */
	position:absolute;
	visibility:hidden;	
	top:30px;
	min-width:400px;
	}
	#navMenu ul li:nth-child(n+6):hover ul { /* was n+6  7 works*/
    visibility:visible;	
	left:auto !important;
    right: -190px!important;
	z-index:9999;	
	}
	#navMenu ul li ul .submenu1:nth-last-child(1){ /* submenu boxes */
	visibility:visible;	
	mmargin:-5px 0 0 0;
	height:30px; /* without width line and height is 35px */
	width:202px; /* new  line but 205px works*/
	line-height:8px;
	font:sans-serif;
	z-index:1;
	font-size:10px;
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;
	}
		
.wrap{
	width: 100%;
	margin:100px auto;
	}	
#keyfeatures_title{
	line-height:35px;
	width:100%;
	margin:0 auto;
	display:block;
	padding-top:0;
	font-family:"Source Sans Pro", sans-serif;
	font-size:22px;
	font-weight:600;
	text-decoration: none;
	text-align:center;
	text-shadow:0px 1px 1px #999;	
	}	
#container {
	width:100%;
	height:auto;
	padding:0px;
	margin:0 auto!important;
	display:block;
	bborder:2px solid #F0F; /****   pnk */
	}
#container ul { 
clear:both;
list-style: none;
padding:0px;
margin:-10px 0 0 0!important;
bborder:2px solid #F30; /****   diff rd */
}
#container .list{
width: 100%;
float:left;
margin:3.5% 0 0 0;
bbbborder:2px solid #000; /****  full container border  blk */
}
	
#container .list a{
	text-decoration: none;
	}
#container .list h3 .title{
	width:100%!important;
	clear:both;
	height:30px;
	display:block;	
	margin:0 auto!important;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;
	-webkit-border-radius: 80px 80px 8px 8px;
	-moz-border-radius:  80px 80px 8px 8px;
	-ms-border-radius:  80px 80px 8px 8px;
	border-radius:  80px 80px 8px 8px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999; 	
	bborder-bottom:1px solid #00f; /* -----   the blue box with diameter item number etc container wt  */	
	}	
	
	#container .list h34 .title{
	/* Sircle Elito, CittyCups heading etc */
	width:100%;
	display:inline-block;
	margin:2.5% 0 0% 0%;
	height:30px;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;	
	-webkit-border-radius: 8px 8px 80px 80px;
	-moz-border-radius:  8px 8px 80px 80px;
	-ms-border-radius:  8px 8px 80px 80px;
	border-radius:  8px 8px 80px 80px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999:;	
	bborder-bottom:1px solid #f00; /* -----   the blue box with diameter item number etc container wt  */	
	}


/* ---------------------------- footer ---------------------------------------*/

#footer_content{
	width:100%;
	margin:0 auto;
	float:left;	
	height:auto;
	bbborder: 2px solid #F00;	/* bbbbbbbbbb red   */	
	}
/*----------------------  footer ----------------------------------*/	
#footer{
	clear: both;
	width:100%;
	margin:0px 0 0 0 ;
	padding:30px 0 0 0;
	bbbbbbbborder:2px solid #FF3; /* bbbbbbbbbb yl   */
	}
#footer_contact_info{
	padding:0px 0px 0px 20px;
	background-color:#EBEBEB;
	width:100%;
	float:left;
	display:block;
	bbbbbbbbbbbbborder:2px solid #300; /* bbbbbbbbbb bn   */	
	}	
.footer_contact_info_detail { /* full footer container */
	width:100%;
	height:auto!important;
	padding:30px 0 0 0px;
	margin:0 0 30px 0!important;
	bborder:2px solid #9F9; /* bbbbbbbbbb lt gn   */
	float:left;
	}	
.footer_contact_info_detail a #innavisionslogo_com{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	 box-sizing:border-box;
	width:210px;
	height:28px;
	float:left;
	margin-right:40px;
	bbborder:2px solid #000; /* bbbbbbbbbb blk   */
	}	
.footer_contact_info_detail #phone_img{
	width:25px;
	height:28px;
	display:block;
	position:absolute;
	margin:32px 0 0 0;
	float:left;
	bbborder:2px solid #F03; /* bbbbbbbbbb rd   */
	}
.footer_contact_info_detail .footer_phone{ /* new div for phone number */
	width:70%;
	height:30px;
	margin:0 0 0 25px ;
	bborder:2px solid #00F; /* bbbbbbbbbb rd   */
	float:left;
	}
.footer_contact_info_detail .footer_phone h2{ /* new h2 for phone number */
	font-family:"Source Sans Pro", sans-serif;
	line-height:25px;
	height:25px;
	color:#25aae1;
	margin:6px 0% 0 4px ;
	font-size:20px;
	}	

.footer_contact_info_detail .address{	/* head office headder */
	width:100%;
	height:auto;
	bborder:2px solid #600; /* bbbbbbbbbb bn   */
	margin: 20px 0 0 0;
	float:left;
	display:block;
	}
.footer_contact_info_detail .address h2{
	width:100%;
	bborder:2px solid #093; /* bbbbbbbbbb lt gn   */
	margin:0;
	float:left;
	}
.footer_contact_info_detail .address p{
	width:100%;
	height:120px;
	float:left;
	margin:0px 0 0 0;
	bborder:2px solid #009; /* bbbbbbbbbb bl   */
	}	
.footer_contact_info_detail .address .tel{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}	
.footer_contact_info_detail .address .tel span{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}		
.footer_contact_info_detail .address .email{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail .address .email span{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail  .address .email a{
	width:400px;
	text-decoration:none;
	font-weight:600;
	bbborder:2px solid #F9C; /* bbbbbbbbbb lt pink   */
	}	
/* -------------------------------------------------------- manufacturing partners ---------------------------*/

#manufacturing_partners{
	margin:0 auto !important;
	height:auto;
	padding:0;
	width:95%;
	float:left;
	bborder:2px solid #00F; /* bbbbbbbbbb bl   */
	}

#manufacturing_partners .euro_partners{ /* logo container */
	width:30px;
	height:30px;
	float:left;
	margin:0px 0% 5% 0px;
	padding:0;
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
		}

#manufacturing_partners .euro_partners img{
	height:100%;
	width:100%;
	float:left;
	margin:0 2% 0 0%;
	bborder:2px solid #0FF; /* bbbbbbbbbb blk   */
		}
		
#manufacturing_partners .euro_partners h1{
	color:#333;
	width:240px;
	font-size:16px;
	dispay:block;
	position:relative;
	float:left;
	margin:-28px 0 0 35px;
	bborder:2px solid #FF0; /* bbbbbbbbbb yl   */
	}	
/* ***********************************************************Images and P **************************/
#manufacturing_partners .deca{	/* deca image, logo and p tage container */
	width:100%;/* 40% */
	height:80vh;
	margin:0 5% 0px 0px;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}
	
#manufacturing_partners .deca img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	bborder:2px solid #03C; /* bbbbbbbbbb rd   */
	}

.deca span #deca_logo{
	width:80px;
	height:32px;
	margin:0% 0 0 0;
	display:block;
	float:left;
	
	}	
#manufacturing_partners .deca p{
	font-size:12px;
	float:left;
	margin:5% 0 5% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
		
/*--------------------------------------------------------------------*/	
	
#manufacturing_partners .cups4you{	
	width:100%;/* 40% */
	height:58vh;
	margin:0 0% 0px 0px;
	bborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .cups4you img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	}

.cups4you span #cup4you_logo{
	width:160px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	ffloat:left;
}

#manufacturing_partners .cups4you p{
	font-size:12px;
	float:left;
	margin:5% 0 5% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	
	}	

/*--------------------------------------------------------------------*/	
		
#manufacturing_partners .orego{	
	width:100%;/* 40% */
	height:60vh;
	margin:0 0% 0px 0px;
	bborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .orego img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
		}	
		
.orego span #orego_logo{
	width:90px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	float:left;
	}				
	
#manufacturing_partners .orego p{
	font-size:12px;
	float:left;
	margin:5% 0 0% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
	

	
/*-------------------------------------------------------------------accrredations -----------------*/
#accredations{
	max-width:95% !important;
	height:220px;
	float:left;
	margin:30px auto;
	padding:0 0 0 0px;	
	bborder:2px solid #f00; /* bbbbbbbbbb wt   */
	}
	
 #accredations #brc_food{
	max-width:50px;
	max-height:100px;
	float:left;
	margin:0% 0 0 18%!important;
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
	}
	
#accredations img#brc_food{
	max-width:100%;
	height:100%;
	float:left;
	margin-left:20%!important;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}	
	
 #iso9001{
	max-width:90px;
	max-height:100px;
	float:left;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}	
	
img#iso9001{
	width:100%;
	height:100%;
	float:left;
	margin:0% 10% 0 10%;
	bborder:2px solid #F0F; /* bbbbbbbbbb pnk   */
	}		
	

#accredations  p{
	font-size:12px;
	height:15%;
	float:left;
	width:100%!important;
	color:#09C;
	font-weight:600;
	text-align:center;
	margin:5% 0 0 0%!important;
	bborder:2px solid #3C0; /* bbbbbbbbbb gn   */
	}				
#footer_contact_info #footer_discripton{
			display:none;
			}
/*--------------------------------------------------------footer discription --------- end of 481 ----------------------------------------------Landscape -------------------*/
		
	}	

@media only screen and (min-width: 505px) and (max-width:550px){	
.js #navMenu {
		display:none;
	}
	#navMenu ul li .subitems img{
	display:none!important;
	}
	
	.js .slicknav_menu {
		display:block;
	}	
	
.slicknav_menu {
	display:none;
}
	ul{
list-style-type:none;
}
a:link{
  text-decoration: none!important;
}	
.logo_mobile{
	max-width:200px!important;
	width:200px!important; /* 500px  and 50vw*/
	margin:0px 0px 0px 5px!important; /*----------------- was margin: 20px 0 10px 50px; */
	float:left!important;
	max-height:44px;
	height:44px!important;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	}
.logo_mobile img{
	width:100%;
	height:100%;
	padding:3px 0 0 5px;
}	
	body {
    margin: 0;
	max-width:100%;
	
}

/*  sets margin from top to the slider */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right!important;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; 
    /* border around the menu */
  }
  
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em;
	 }

.slicknav_menu {
  *zoom: 1; 
 	display:block;
    position: fixed;
    width: 100vw;
    top: 0;	
	border-bottom: 1px solid #25aae1;
  }

  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; 
	/* the word menu */
	}
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em;
	/* dashes in the menu title */
	 }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; 
	  /* border around the dashes */
	  }
  .slicknav_menu .slicknav_no-text {
    margin: 0; 
	}
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	/* border around the dashes */
	 }
 .slicknav_menu:before {
    content: " ";
    display: table;
	/* dot to the top left of the menu container */ 
	}
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; 
	/* dot to the bottom left of the menu container */
	} 
  /*--- New code to implent a logo to the menu  */
  					/*	.slicknav_menu:after { content: url(Images\2016\products\site-images\logo2.png); display: table;}
						.slicknav_menu:before { clear: both }*/
  
  /*--------------------------------*/
.slicknav_nav {
  clear: both;
    /*All menu content in box space taking width size box */
  }
  .slicknav_nav ul {
    display: block;
	margin:0 0 0 0!important;
	padding:0!important;
	/* container around all text sub menus */
	}
  .slicknav_nav li {
    display: block; 
	xxborder-bottom:1px solid #ccc;
	/* box around each menu item important */
	}
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; 
	float:right;
	/* arrows */
	}
  .slicknav_nav .slicknav_item {
    cursor: pointer;
	color:#25aae1;
	/* each text container for the cursor but color changed color of arrows */
	}
    .slicknav_nav .slicknav_item a {
	display: inline;
	font-family:"Source Sans Pro",sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	  }
  .slicknav_nav .slicknav_row {
    display: block; 
	color:#fff;
	/* undelines the full text container left to right with colour set changes the arrows colour */
	}
  .slicknav_nav a {
    display: block;
	/* underlines the text in the menu */ 
	}
  .slicknav_nav .slicknav_parent-link a {
    display: inline; 
	 }

.slicknav_brand {
  float: left; 
   }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background:#fff!important; /*4c4c4c new 66cdff #b9c4c9 549fc4 c0cbd1 good 4887a5*/
  ppadding: 5px;
  padding: 0 5px 2px 0px!important; 
  z-index:120;
  bbborder:1px solid #0f0;
   /* background color of the menu */
  }
  .slicknav_menu * {
    box-sizing: border-box;
	/*underlines the menu botton, menu text and menu dashes */
	}
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; 
	/*  menu text */
	}
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
	/* dashes color */
	}

.slicknav_btn {
  margin: 0px 0px 0px 5px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #25aae1; /*was 222 */
  /* the menu button */
  }

.slicknav_nav {
  color: #fff;/* was fff */
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
  
   }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; 
	
	}
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; 
	
	}
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc*/
      color: #fff; /*fff*/
	  /* hover on menu items button */
	  }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; /* original fff used 336075 */
	 font-family:"Source Sans Pro",sans-serif;
	 font-size:12px; 
	 
	/* sub items text colour etc */
	}
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc */
      color: #fff!important; /*222*/
	  font-weight:bolder;
	   /* hover colour on menu options text changing color on hover around the button  */
	  }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
	
	}
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
	
	/* menu items text */
	}
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
	
	}

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
   }
<!--  New code ---->

.slicknav_nav ul .submenu ul .submenu{background-color:#ff0;}

.slicknav_nav ul ul .submenu{background-color:#25aae1;}/*sub menu colour */

.slicknav_nav ul li {background-color:#336075;}/* main menu buttons */

.slicknav_nav ul ul li {background-color:#f00;}

.slicknav_nav ul .submenu ul .submenu1{background-color:#25aae1;}

.slicknav_nav ul ul .submenu1{background-color:#25aae1;}/*sub menu colour */

/*----------------------------------------------------------------------------------------------------------------------*/	
body {
    margin: 0;
	max-width:100%;
	
}

.header{
	max-width:100vw; /* was 100% */
	 /* ----------------- check -----------*/
 	min-height:30px;
	height:84px!important; /* was 150 alters the size of the header height */
	clear:both;
	margin:0 auto;
	position:fixed!important;
	bborder:2px solid #F00;
		-webkit-box-shadow: 1px 1px 1px #0b1e72;/* 4px 4px 4px #0b1e72; */
    -moz-box-shadow: 1px 1px 1px #0b1e72;
	-ms-box-shadow: 1px 1px 1px #0b1e72;
	box-shadow:1px 1px 1px #0b1e72; 
}

#innlogo{
	width:150px; /* 500px  and 50vw*/
	margin:36px 0px 0px 18px; /*----------------- was margin: 20px 0 10px 50px; */
	float:left;
	display:none!important;
	height:38px;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	
	}		
	
div#head_phone {
	 margin: 38px 0 0 0!important;
	 padding:0!important;
	 }
div#head_phone > div > div > #phone_img{
	width:35px; /* was 20% before */ 
	height:35px;
	margin-left:10px!important;
}
div#head_phone > div > div > h2 .phone_no {
	height:30px;
	max-width:100%;
	float:left;
	line-height:2;
	font-family:"Source Sans Pro",sans-serif;
	font-size:16px!important;
	color:#25aae1;
	font-weight:bold;
	text-decoration: none;
	margin:-23px 0px 0px 48px!important;
	padding:0;
	bborder:1px solid #0F0; /* gn */ 
}
div#head_phone > div > div >  .email{
	width:52vw;
	height:40px;
	ppadding:5px 0 0 0!important;	
	bborder:2px solid #25aae1; 
}
#head_phone > div > #email{
	max-width:57vw!important;
	width:57vw!important;
	height:28px;
	display:inline-block;
	position:absolute!important;
	ffloat:left!important;
	margin:-6px 0 0 0%;
	bborder:2px solid #f00;
	}
#head_phone > div > #email > #email_img{
	width:30px; /* was 30 32 before */ 
	height:32px;
	mmargin-left:10px!important;
	}	
div#head_phone > div > div > .email a{
	text-decoration:none;
	font-family:"Source Sans Pro", sans-serif;
	font-weight:bolder!important;
	line-heght:50px!important;
	font-size:16px!important;
	color: #25aae1;
	position:absolute;
	margin:-32px 0 0 34px!important;
	padding-top:3px!important;
	bborder:2px solid #0F0;
}	  
	.menu_img img{
	display:none!important;
	}
	
	#wrapper{
	width:100%;
/*	height:35px; */
	height:35px;
	float:left;
	bbborder:2px solid #F00; /* bbbbbbbbbb bn   */
	}
	#navMenu{
	/*	background-color: #333; */
	margin-top:-10px;
	width:100%;
	background-repeat: no-repeat;
	float:left;
	height:32px;
	padding-left:20px;
	margin-left:24%; /* was 25% */
	z-index:555;
	min-width:400px;
	display:none!important;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}
 	
	#navMenu ul li img{
	width:25px;
	height:25px;
	min-width:25px;	
	}
	#navMenu #holder ul li{  
	display:block; 
	position:relative;
	min-width:400px;
	}
	#navMenu ul{
	margin:0;
	padding:0;
	line-height:30px;
	min-width:400px;
	}	
	#navMenu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#999;
	-webkit-border-radius: 30px 0 20px 0;
	-moz-border-radius: 30px 0 20px 0;	
	-o-border-radius: 30px 0 20px 0;
	border-radius: 30px 0 20px 0;
	}
 	#navMenu ul li a { /* buttons */
	text-align:center;
	height:18px; /* 31px */ /* button height */
	/* width:150px; */
	padding:0px 6px; /* 0px 19px menu right left padding */
	margin: 0px 0px;
	display:block;
	font-family:sans-serif;
	text-decoration:none;
	color:#fff;
	border:1px solid #FFF;
	font-size: 10px;/*button font */
	line-height:18px;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	} 
 	#navMenu ul li{
	 min-width:20px;
	 }	 
	#navMenu ul li .subitems{
	 min-width:20px;
	 } 
	#navMenu ul li ul li {
	width:202px;/*dropdown 220px  when less sub menu width */
	}

 /*********************************************/
 /* hide menu and allow it to return */
 /*********************************************/

	#navMenu ul ul {
	position:absolute;
	visibility:hidden;	
	top:20px; /* top menu position */
	min-width:400px;
	 }
  	#navMenu ul li:hover ul {
    visibility:visible;	
	z-index:9999;	
 	}

  /**********************************************/

  /*sets top level hover color*/

  	#navMenu li:hover {
  	background:#25aae1;   
 	}

  /*sets link items hover color and background*/

  #navMenu ul li:hover ul li a:hover {
    color:#000;
   	border:0px;	
 	}

  /* Changes text color on hover for main menu hover*/

 	#navMenu a:hover {   
  	color:#000; 
  	border:0px; 
 	} 
 	#navMenu ul li ul #select{
	width:90px;
	font:sans-serif;
	font-size:12px;
	color:#666666; 
	padding:5px 5px;	 
	}
	#navMenu ul li ul .submenu{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	-webkit-border-radius: 0px 0 0px 0;
	-moz-border-radius: 0px 0 0px 0;	
	-o-border-radius: 0px 0 0px 0;
	border-radius: 0px 0 0px 0; 
	}
	#navMenu ul li ul .submenu a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}		
	#navMenu ul li ul .submenu1{	
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;	 
	}
	#navMenu ul li ul .submenu1 a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}
	#navMenu ul ul ul {
	left:100%;
	top:0px;
	vvvisibility:hidden;
	display:none;
	opacity:0;
	-webkit-transition: visibility 0s linear 1s, opacity 1s ease-in-out; ;
	-moz-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	-o-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	}		
	#navMenu ul ul li:hover > ul{
	width:100%;
	vvvvisibility:visible;
	display:block;
	position:absolute;
	opacity:1;
	border-left:1px solid white;
	transition-delay:0.5s;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out; 	
	}
	#navMenu ul{
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;	
	}	
	#navMenu > ul ul {
	opacity:0;	
	}	
	#navMenu ul li:hover > ul {
	opacity:1;	
	} 
/* -------------------------------------------------------------*/
	/*------------------------- important needed ---------------------*/
	#navMenu ul li:first-child{ /* hidden home button */
	display: none;
	}
	#navMenu ul li:nth-child(5){ /* hidden download button */
	display:none;
	mmargin-left:-80px;
	}
	#navMenu ul li ul .submenu:first-child{ /* show menu ist element */
	display:block;
	}
	#navMenu ul li ul .submenu:nth-child(5){ /* show menu 5th element */
	display: block;
	}
	#navMenu ul li ul .submenu1:nth-child(5){ /* show menu 5th element */
	display: block;
	}	
	#navMenu ul ul:nth-child(n+6) { /* was n+6 7 works */
	position:absolute;
	visibility:hidden;	
	top:30px;
	min-width:400px;
	}
	#navMenu ul li:nth-child(n+6):hover ul { /* was n+6  7 works*/
    visibility:visible;	
	left:auto !important;
    right: -190px!important;
	z-index:9999;	
	}
	#navMenu ul li ul .submenu1:nth-last-child(1){ /* submenu boxes */
	visibility:visible;	
	mmargin:-5px 0 0 0;
	height:30px; /* without width line and height is 35px */
	width:202px; /* new  line but 205px works*/
	line-height:8px;
	font:sans-serif;
	z-index:1;
	font-size:10px;
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;
	}

		
	.wrap{
	width: 100%;
	margin:100px auto;
	}	
#keyfeatures_title{
	line-height:35px;
	width:100%;
	margin:0 auto;
	display:block;
	padding-top:0px;
	font-family:"Source Sans Pro", sans-serif;
	font-size:22px;
	font-weight:600;
	text-decoration: none;
	text-align:center;
	text-shadow:0px 1px 1px #999;	
	}	
#container {
	width:100%;
	height:auto;
	padding:0px;
	margin:0 auto!important;
	display:block;
	bborder:2px solid #F0F; /****   pnk */
	}
#container ul { 
clear:both;
list-style: none;
padding:0px;
margin:-10px 0 0 0!important;
bborder:2px solid #F30; /****   diff rd */
}
#container .list{
width: 100%;
float:left;
margin:3.5% 0 0 0;
bbbborder:2px solid #000; /****  full container border  blk */
}
	
#container .list a{
	text-decoration: none;
	}
#container .list h3 .title{
	width:100%!important;
	clear:both;
	height:30px;
	display:block;	
	margin:0 auto!important;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;
	-webkit-border-radius: 80px 80px 8px 8px;
	-moz-border-radius:  80px 80px 8px 8px;
	-ms-border-radius:  80px 80px 8px 8px;
	border-radius:  80px 80px 8px 8px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999; 	
	bborder-bottom:1px solid #00f; /* -----   the blue box with diameter item number etc container wt  */	
	}	
	
	#container .list h34 .title{
	/* Sircle Elito, CittyCups heading etc */
	width:100%;
	display:inline-block;
	margin:2.5% 0 0% 0%;
	height:30px;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;	
	-webkit-border-radius: 8px 8px 80px 80px;
	-moz-border-radius:  8px 8px 80px 80px;
	-ms-border-radius:  8px 8px 80px 80px;
	border-radius:  8px 8px 80px 80px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999:;	
	bborder-bottom:1px solid #f00; /* -----   the blue box with diameter item number etc container wt  */	
	}


	

/* ---------------------------- footer ---------------------------------------*/

#footer_content{
	width:100%;
	margin:0 auto;
	float:left;	
	height:auto;
	bbborder: 2px solid #F00;	/* bbbbbbbbbb red   */	
	}
/*----------------------  footer ----------------------------------*/	
#footer{
	clear: both;
	width:100%;
	margin:0px 0 0 0 ;
	padding:30px 0 0 0;
	bbbbbbbborder:2px solid #FF3; /* bbbbbbbbbb yl   */
	}
#footer_contact_info{
	padding:0px 0px 0px 20px;
	background-color:#EBEBEB;
	width:100%;
	float:left;
	display:block;
	bbbbbbbbbbbbborder:2px solid #300; /* bbbbbbbbbb bn   */	
	}	
.footer_contact_info_detail { /* full footer container */
	width:100%;
	height:auto!important;
	padding:30px 0 0 0px;
	margin:0 0 30px 0!important;
	bborder:2px solid #9F9; /* bbbbbbbbbb lt gn   */
	float:left;
	}	
.footer_contact_info_detail a #innavisionslogo_com{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	 box-sizing:border-box;
	width:210px;
	height:28px;
	float:left;
	margin-right:40px;
	bbborder:2px solid #000; /* bbbbbbbbbb blk   */
	}	
.footer_contact_info_detail #phone_img{
	width:25px;
	height:28px;
	display:block;
	position:absolute;
	margin:32px 0 0 0;
	float:left;
	bbborder:2px solid #F03; /* bbbbbbbbbb rd   */
	}
.footer_contact_info_detail .footer_phone{ /* new div for phone number */
	width:70%;
	height:30px;
	margin:0 0 0 25px ;
	bborder:2px solid #00F; /* bbbbbbbbbb rd   */
	float:left;
	}
.footer_contact_info_detail .footer_phone h2{ /* new h2 for phone number */
	font-family:"Source Sans Pro", sans-serif;
	line-height:25px;
	height:25px;
	color:#25aae1;
	margin:6px 0% 0 4px ;
	font-size:20px;
	}	

.footer_contact_info_detail .address{	/* head office headder */
	width:100%;
	height:auto;
	bborder:2px solid #600; /* bbbbbbbbbb bn   */
	margin: 20px 0 0 0;
	float:left;
	display:block;
	}
.footer_contact_info_detail .address h2{
	width:100%;
	bborder:2px solid #093; /* bbbbbbbbbb lt gn   */
	margin:0;
	float:left;
	}
.footer_contact_info_detail .address p{
	width:100%;
	height:120px;
	float:left;
	margin:0px 0 0 0;
	bborder:2px solid #009; /* bbbbbbbbbb bl   */
	}	
.footer_contact_info_detail .address .tel{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}	
.footer_contact_info_detail .address .tel span{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}		
.footer_contact_info_detail .address .email{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail .address .email span{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail  .address .email a{
	width:400px;
	text-decoration:none;
	font-weight:600;
	bbborder:2px solid #F9C; /* bbbbbbbbbb lt pink   */
	}	
/* -------------------------------------------------------- manufacturing partners ---------------------------*/

#manufacturing_partners{
	margin:0 auto !important;
	height:auto;
	padding:0;
	width:95%;
	float:left;
	bborder:2px solid #00F; /* bbbbbbbbbb bl   */
	}

#manufacturing_partners .euro_partners{ /* logo container */
	width:30px;
	height:30px;
	float:left;
	margin:0px 0% 5% 0px;
	padding:0;
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
		}

#manufacturing_partners .euro_partners img{
	height:100%;
	width:100%;
	float:left;
	margin:0 2% 0 0%;
	bborder:2px solid #0FF; /* bbbbbbbbbb blk   */
		}
		
#manufacturing_partners .euro_partners h1{
	color:#333;
	width:240px;
	font-size:16px;
	dispay:block;
	position:relative;
	float:left;
	margin:-28px 0 0 35px;
	bborder:2px solid #FF0; /* bbbbbbbbbb yl   */
	}	
/* ***********************************************************Images and P **************************/
#manufacturing_partners .deca{	/* deca image, logo and p tage container */
	width:100%;/* 40% */
	height:80vh;
	margin:0 5% 0px 0px;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}
	
#manufacturing_partners .deca img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	bborder:2px solid #03C; /* bbbbbbbbbb rd   */
	}

.deca span #deca_logo{
	width:80px;
	height:32px;
	margin:0% 0 0 0;
	display:block;
	float:left;
	
	}	
#manufacturing_partners .deca p{
	font-size:12px;
	float:left;
	margin:5% 0 5% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
		
/*--------------------------------------------------------------------*/	
	
#manufacturing_partners .cups4you{	
	width:100%;/* 40% */
	height:58vh;
	margin:0 0% 0px 0px;
	bborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .cups4you img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	}

.cups4you span #cup4you_logo{
	width:160px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	ffloat:left;
}

#manufacturing_partners .cups4you p{
	font-size:12px;
	float:left;
	margin:5% 0 5% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	
	}	

/*--------------------------------------------------------------------*/	
		
#manufacturing_partners .orego{	
	width:100%;/* 40% */
	height:60vh;
	margin:0 0% 0px 0px;
	bborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .orego img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
		}	
		
.orego span #orego_logo{
	width:90px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	float:left;
	}				
	
#manufacturing_partners .orego p{
	font-size:12px;
	float:left;
	margin:5% 0 0% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
	

	
/*-------------------------------------------------------------------accrredations -----------------*/
#accredations{
	max-width:95% !important;
	height:220px;
	float:left;
	margin:30px auto;
	padding:0 0 0 0px;	
	bborder:2px solid #f00; /* bbbbbbbbbb wt   */
	}
	
 #accredations #brc_food{
	max-width:50px;
	max-height:100px;
	float:left;
	margin:0% 0 0 24%!important;
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
	}
	
#accredations img#brc_food{
	max-width:100%;
	height:100%;
	float:left;
	margin-left:7%;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}	
	
 #iso9001{
	max-width:90px;
	max-height:100px;
	float:left;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}	
	
img#iso9001{
	width:100%;
	height:100%;
	float:left;
	margin:0% 10% 0 10%;
	bborder:2px solid #F0F; /* bbbbbbbbbb pnk   */
	}		
	

#accredations  p{
	font-size:12px;
	height:15%;
	float:left;
	width:100%!important;
	color:#09C;
	font-weight:600;
	margin:5% 0 0 0%;
	text-align:center;
	bborder:2px solid #3C0; /* bbbbbbbbbb gn   */
	}				
#footer_contact_info #footer_discripton{
			display:none;
			}
/*--------------------------------------------------------footer discription --------- end of 481 ----------------------------------------------Landscape -------------------*/
		
	}	
/*---------------------------------------------------------------------------------------Portrait ----------------------------------------------*/

@media only screen and (min-width: 551px) and (max-width: 638px){
.js #navMenu {
		display:none;
	}
	#navMenu ul li .subitems img{
	display:none!important;
	}
	
	.js .slicknav_menu {
		display:block;
	}	
	
.slicknav_menu {
	display:none;
}
	ul{
list-style-type:none;
}
a:link{
  text-decoration: none!important;
}	
.logo_mobile{
	max-width:200px!important;
	width:200px!important; /* 500px  and 50vw*/
	margin:0px 0px 0px 5px!important; /*----------------- was margin: 20px 0 10px 50px; */
	float:left!important;
	max-height:44px;
	height:44px!important;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	}
.logo_mobile img{
	width:100%;
	height:100%;
	padding:3px 0 0 5px;
}	
	body {
    margin: 0;
	max-width:100%;
	
}

/*  sets margin from top to the slider */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right!important;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; 
    /* border around the menu */
  }
  
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em;
	 }

.slicknav_menu {
  *zoom: 1; 
 	display:block;
    position: fixed;
    width: 100vw;
    top: 0;	
	border-bottom: 1px solid #25aae1;
  }

  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; 
	/* the word menu */
	}
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em;
	/* dashes in the menu title */
	 }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; 
	  /* border around the dashes */
	  }
  .slicknav_menu .slicknav_no-text {
    margin: 0; 
	}
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	/* border around the dashes */
	 }
 .slicknav_menu:before {
    content: " ";
    display: table;
	/* dot to the top left of the menu container */ 
	}
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; 
	/* dot to the bottom left of the menu container */
	} 
  /*--- New code to implent a logo to the menu  */
  					/*	.slicknav_menu:after { content: url(Images\2016\products\site-images\logo2.png); display: table;}
						.slicknav_menu:before { clear: both }*/
  
  /*--------------------------------*/
.slicknav_nav {
  clear: both;
    /*All menu content in box space taking width size box */
  }
  .slicknav_nav ul {
    display: block;
	margin:0 0 0 0!important;
	padding:0!important;
	/* container around all text sub menus */
	}
  .slicknav_nav li {
    display: block; 
	xxborder-bottom:1px solid #ccc;
	/* box around each menu item important */
	}
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; 
	float:right;
	/* arrows */
	}
  .slicknav_nav .slicknav_item {
    cursor: pointer;
	color:#25aae1;
	/* each text container for the cursor but color changed color of arrows */
	}
    .slicknav_nav .slicknav_item a {
	display: inline;
	font-family:"Source Sans Pro",sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	  }
  .slicknav_nav .slicknav_row {
    display: block; 
	color:#fff;
	/* undelines the full text container left to right with colour set changes the arrows colour */
	}
  .slicknav_nav a {
    display: block;
	/* underlines the text in the menu */ 
	}
  .slicknav_nav .slicknav_parent-link a {
    display: inline; 
	 }

.slicknav_brand {
  float: left; 
   }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background:#fff!important; /*4c4c4c new 66cdff #b9c4c9 549fc4 c0cbd1 good 4887a5*/
  ppadding: 5px;
  padding: 0 5px 2px 0px!important; 
  z-index:120;
  bbborder:1px solid #0f0;
   /* background color of the menu */
  }
  .slicknav_menu * {
    box-sizing: border-box;
	/*underlines the menu botton, menu text and menu dashes */
	}
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; 
	/*  menu text */
	}
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
	/* dashes color */
	}

.slicknav_btn {
  margin: 0px 0px 0px 5px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #25aae1; /*was 222 */
  /* the menu button */
  }

.slicknav_nav {
  color: #fff;/* was fff */
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
  
   }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; 
	
	}
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; 
	
	}
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc*/
      color: #fff; /*fff*/
	  /* hover on menu items button */
	  }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; /* original fff used 336075 */
	 font-family:"Source Sans Pro",sans-serif;
	 font-size:12px; 
	 
	/* sub items text colour etc */
	}
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc */
      color: #fff!important; /*222*/
	  font-weight:bolder;
	   /* hover colour on menu options text changing color on hover around the button  */
	  }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
	
	}
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
	
	/* menu items text */
	}
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
	
	}

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
   }
<!--  New code ---->

.slicknav_nav ul .submenu ul .submenu{background-color:#ff0;}

.slicknav_nav ul ul .submenu{background-color:#25aae1;}/*sub menu colour */

.slicknav_nav ul li {background-color:#336075;}/* main menu buttons */

.slicknav_nav ul ul li {background-color:#f00;}

.slicknav_nav ul .submenu ul .submenu1{background-color:#25aae1;}

.slicknav_nav ul ul .submenu1{background-color:#25aae1;}/*sub menu colour */

/*----------------------------------------------------------------------------------------------------------------------*/	
body {
    margin: 0;
	max-width:100%;
	
}

.header{
	max-width:100vw; /* was 100% */
	 /* ----------------- check -----------*/
 	min-height:30px;
	height:84px!important; /* was 150 alters the size of the header height */
	clear:both;
	margin:0 auto;
	position:fixed!important;
	bborder:2px solid #F00;
		-webkit-box-shadow: 1px 1px 1px #0b1e72;/* 4px 4px 4px #0b1e72; */
    -moz-box-shadow: 1px 1px 1px #0b1e72;
	-ms-box-shadow: 1px 1px 1px #0b1e72;
	box-shadow:1px 1px 1px #0b1e72; 
}

#innlogo{
	width:150px; /* 500px  and 50vw*/
	margin:36px 0px 0px 18px; /*----------------- was margin: 20px 0 10px 50px; */
	float:left;
	display:none!important;
	height:38px;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	
	}		
	
	div#head_phone{
	max-width:100%!important;
	width:100%!important;/* 100%*/
	height:35px;
	ddddisplay:block;
	float:left;
	margin:38px 0 0px 0px!important; /* margin of phone and email from logo downwards */
	padding: 0 0 0 10px!important;
	bborder:1px solid #00f; /* red */
}
		
div#head_phone > div {
	width:50%; /* 41vw */
	height:17vh;  /* alters email topmargin */
	float:left;
	ddisplay:block;
	dposition:absolute;
	margin:0px 0 0 0px; /*  was  110px 0 0 0% margin of phone number and email to the logo */
	bborder:1px solid #F0F; /* pink */
}

div#head_phone > div > div { /*  img width*/
	width:42vw;
	height:30px;
	dddisplay:inline-block;
	float:left;
	position:relative;
	margin:0 0 0 0px; /* email margin to phone no */
	bborder:1px solid #00F; /* bl */
	}
	
div#head_phone > div > div > #phone_img{
	width:35px; /* was 20% before */ 
	height:35px; /* was 82% before */
	display:inline-block;
	position:absolute;
	margin:-8px 0 0 0px;
	bbborder:1px solid #F00; /* red */
	}


div#head_phone > div > div > h2 .phone_no {
	height:30px;
	max-width:100%;
	float:left;
	line-height:2;
	font-family:"Source Sans Pro",sans-serif;
	font-size:18px;
	color:#25aae1;
	font-weight:500;
	text-decoration: none;
	margin:-20px 0 0px 38px!important;
	xborder:1px solid #0F0; /* gn */ 
}

/******************************** new image image  data ****************************/	
#head_phone > div > #email{
	max-width:55vw;
	width:55vw;
	height:28px;
	display:inline-block;
	position:absolute!important;
	ffloat:left!important;
	margin:-5px 0 0 0%;
	xborder:2px solid #f00;
	}	

#head_phone > div > #email > #email_img{
	dddisplay:inline-block;
	width:30px; /* was 10% before */ 
	height:32px; /* was 60% before */
	margin:0px 0 0 0px!important;
	bborder:2px solid #F00;
	}
div#head_phone > div > div >  .email{
	width:250px;
	height:40px;
	ddisplay:inline-block!important;
	line-height:3;
	ppposition:absolute!important;
	fffloat:right;
	margin:-10px 0 0 0!important;	
	bborder:2px solid #25aae1; 
}
div#head_phone > div > div > .email a{
	text-decoration:none;
	font-family:"Source Sans Pro", sans-serif;
	font-weight:500;
	ddisplay:inline-block;
	position:absolute;
	font-size:18px;
	color: #25aae1;
	margin:5px 0 0 0px!important;
	padding:0px!important;
	bborder:2px solid #0F0;
}
	.menu_img img{
	display:none!important;
	}
	
	
	#wrapper{
	width:100%;
/*	height:35px; */
	height:35px;
	float:left;
	bbborder:2px solid #F00; /* bbbbbbbbbb bn   */
	}
	#navMenu{
	/*	background-color: #333; */
	margin-top:-10px;
	width:100%;
	background-repeat: no-repeat;
	float:left;
	height:32px;
	padding-left:20px;
	margin-left:24%; /* was 25% */
	z-index:555;
	min-width:400px;
	display:none!important;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}
 	
	#navMenu ul li img{
	width:25px;
	height:25px;
	min-width:25px;	
	}
	#navMenu #holder ul li{  
	display:block; 
	position:relative;
	min-width:400px;
	}
	#navMenu ul{
	margin:0;
	padding:0;
	line-height:30px;
	min-width:400px;
	}	
	#navMenu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#999;
	-webkit-border-radius: 30px 0 20px 0;
	-moz-border-radius: 30px 0 20px 0;	
	-o-border-radius: 30px 0 20px 0;
	border-radius: 30px 0 20px 0;
	}
 	#navMenu ul li a { /* buttons */
	text-align:center;
	height:18px; /* 31px */ /* button height */
	/* width:150px; */
	padding:0px 6px; /* 0px 19px menu right left padding */
	margin: 0px 0px;
	display:block;
	font-family:sans-serif;
	text-decoration:none;
	color:#fff;
	border:1px solid #FFF;
	font-size: 10px;/*button font */
	line-height:18px;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	} 
 	#navMenu ul li{
	 min-width:20px;
	 }	 
	#navMenu ul li .subitems{
	 min-width:20px;
	 } 
	#navMenu ul li ul li {
	width:202px;/*dropdown 220px  when less sub menu width */
	}

 /*********************************************/
 /* hide menu and allow it to return */
 /*********************************************/

	#navMenu ul ul {
	position:absolute;
	visibility:hidden;	
	top:20px; /* top menu position */
	min-width:400px;
	 }
  	#navMenu ul li:hover ul {
    visibility:visible;	
	z-index:9999;	
 	}

  /**********************************************/

  /*sets top level hover color*/

  	#navMenu li:hover {
  	background:#25aae1;   
 	}

  /*sets link items hover color and background*/

  #navMenu ul li:hover ul li a:hover {
    color:#000;
   	border:0px;	
 	}

  /* Changes text color on hover for main menu hover*/

 	#navMenu a:hover {   
  	color:#000; 
  	border:0px; 
 	} 
 	#navMenu ul li ul #select{
	width:90px;
	font:sans-serif;
	font-size:12px;
	color:#666666; 
	padding:5px 5px;	 
	}
	#navMenu ul li ul .submenu{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	-webkit-border-radius: 0px 0 0px 0;
	-moz-border-radius: 0px 0 0px 0;	
	-o-border-radius: 0px 0 0px 0;
	border-radius: 0px 0 0px 0; 
	}
	#navMenu ul li ul .submenu a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}		
	#navMenu ul li ul .submenu1{	
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;	 
	}
	#navMenu ul li ul .submenu1 a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}
	#navMenu ul ul ul {
	left:100%;
	top:0px;
	vvvisibility:hidden;
	display:none;
	opacity:0;
	-webkit-transition: visibility 0s linear 1s, opacity 1s ease-in-out; ;
	-moz-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	-o-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	}		
	#navMenu ul ul li:hover > ul{
	width:100%;
	vvvvisibility:visible;
	display:block;
	position:absolute;
	opacity:1;
	border-left:1px solid white;
	transition-delay:0.5s;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out; 	
	}
	#navMenu ul{
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;	
	}	
	#navMenu > ul ul {
	opacity:0;	
	}	
	#navMenu ul li:hover > ul {
	opacity:1;	
	} 
/* -------------------------------------------------------------*/
	/*------------------------- important needed ---------------------*/
	#navMenu ul li:first-child{ /* hidden home button */
	display: none;
	}
	#navMenu ul li:nth-child(5){ /* hidden download button */
	display:none;
	mmargin-left:-80px;
	}
	#navMenu ul li ul .submenu:first-child{ /* show menu ist element */
	display:block;
	}
	#navMenu ul li ul .submenu:nth-child(5){ /* show menu 5th element */
	display: block;
	}
	#navMenu ul li ul .submenu1:nth-child(5){ /* show menu 5th element */
	display: block;
	}	
	#navMenu ul ul:nth-child(n+6) { /* was n+6 7 works */
	position:absolute;
	visibility:hidden;	
	top:30px;
	min-width:400px;
	}
	#navMenu ul li:nth-child(n+6):hover ul { /* was n+6  7 works*/
    visibility:visible;	
	left:auto !important;
    right: -190px!important;
	z-index:9999;	
	}
	#navMenu ul li ul .submenu1:nth-last-child(1){ /* submenu boxes */
	visibility:visible;	
	mmargin:-5px 0 0 0;
	height:30px; /* without width line and height is 35px */
	width:202px; /* new  line but 205px works*/
	line-height:8px;
	font:sans-serif;
	z-index:1;
	font-size:10px;
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;
	}

	
	.wrap{
	width: 100%;
	margin:100px auto;
	}	
#keyfeatures_title{
	line-height:35px;
	width:100%;
	margin:0 auto;
	display:block;
	padding-top:0px;
	font-family:"Source Sans Pro", sans-serif;
	font-size:22px;
	font-weight:600;
	text-decoration: none;
	text-align:center;
	text-shadow:0px 1px 1px #999;	
	}	
#container {
	width:100%;
	height:auto;
	padding:0px;
	margin:0 auto!important;
	display:block;
	bborder:2px solid #F0F; /****   pnk */
	}
#container ul { 
clear:both;
list-style: none;
padding:0px;
margin:-10px 0 0 0!important;
bborder:2px solid #F30; /****   diff rd */
}
#container .list{
width: 100%;
float:left;
margin:3.5% 0 0 0;
bbbborder:2px solid #000; /****  full container border  blk */
}
	
#container .list a{
	text-decoration: none;
	}
#container .list h3 .title{
	width:100%!important;
	clear:both;
	height:30px;
	display:block;	
	margin:0 auto!important;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;
	-webkit-border-radius: 80px 80px 8px 8px;
	-moz-border-radius:  80px 80px 8px 8px;
	-ms-border-radius:  80px 80px 8px 8px;
	border-radius:  80px 80px 8px 8px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999; 	
	bborder-bottom:1px solid #00f; /* -----   the blue box with diameter item number etc container wt  */	
	}	
	
	#container .list h34 .title{
	/* Sircle Elito, CittyCups heading etc */
	width:100%;
	display:inline-block;
	margin:2.5% 0 0% 0%;
	height:30px;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;	
	-webkit-border-radius: 8px 8px 80px 80px;
	-moz-border-radius:  8px 8px 80px 80px;
	-ms-border-radius:  8px 8px 80px 80px;
	border-radius:  8px 8px 80px 80px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999:;	
	bborder-bottom:1px solid #f00; /* -----   the blue box with diameter item number etc container wt  */	
	}

			

/* ---------------------------- footer ---------------------------------------*/

#footer_content{
	width:100%;
	margin:0 auto;
	float:left;	
	height:auto;
	bbborder: 2px solid #F00;	/* bbbbbbbbbb red   */	
	}
/*----------------------  footer ----------------------------------*/	
#footer{
	clear: both;
	width:100%;
	margin:0px 0 0 0 ;
	padding:30px 0 0 0;
	bbbbbbbborder:2px solid #FF3; /* bbbbbbbbbb yl   */
	}
#footer_contact_info{
	padding:0px 0px 0px 20px;
	background-color:#EBEBEB;
	width:100%;
	float:left;
	display:block;
	bbbbbbbbbbbbborder:2px solid #300; /* bbbbbbbbbb bn   */	
	}	
.footer_contact_info_detail { /* full footer container */
	width:100%;
	height:auto!important;
	padding:30px 0 0 0px;
	margin:0 0 30px 0!important;
	bborder:2px solid #9F9; /* bbbbbbbbbb lt gn   */
	float:left;
	}	
.footer_contact_info_detail a #innavisionslogo_com{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	 box-sizing:border-box;
	width:210px;
	height:28px;
	float:left;
	margin-right:40px;
	bbborder:2px solid #000; /* bbbbbbbbbb blk   */
	}	
.footer_contact_info_detail #phone_img{
	width:25px;
	height:28px;
	display:block;
	position:absolute;
	margin:32px 0 0 0;
	float:left;
	bbborder:2px solid #F03; /* bbbbbbbbbb rd   */
	}
.footer_contact_info_detail .footer_phone{ /* new div for phone number */
	width:70%;
	height:30px;
	margin:0 0 0 25px ;
	bborder:2px solid #00F; /* bbbbbbbbbb rd   */
	float:left;
	}
.footer_contact_info_detail .footer_phone h2{ /* new h2 for phone number */
	font-family:"Source Sans Pro", sans-serif;
	line-height:25px;
	height:25px;
	color:#25aae1;
	margin:6px 0% 0 4px ;
	font-size:20px;
	}	

.footer_contact_info_detail .address{	/* head office headder */
	width:100%;
	height:auto;
	bborder:2px solid #600; /* bbbbbbbbbb bn   */
	margin: 20px 0 0 0;
	float:left;
	display:block;
	}
.footer_contact_info_detail .address h2{
	width:100%;
	bborder:2px solid #093; /* bbbbbbbbbb lt gn   */
	margin:0;
	float:left;
	}
.footer_contact_info_detail .address p{
	width:100%;
	height:120px;
	float:left;
	margin:0px 0 0 0;
	bborder:2px solid #009; /* bbbbbbbbbb bl   */
	}	
.footer_contact_info_detail .address .tel{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}	
.footer_contact_info_detail .address .tel span{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}		
.footer_contact_info_detail .address .email{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail .address .email span{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail  .address .email a{
	width:400px;
	text-decoration:none;
	font-weight:600;
	bbborder:2px solid #F9C; /* bbbbbbbbbb lt pink   */
	}	
/* -------------------------------------------------------- manufacturing partners ---------------------------*/

#manufacturing_partners{
	margin:0 auto !important;
	height:auto!important;
	padding:0;
	width:95%;
	float:left;
	xborder:2px solid #00F; /* bbbbbbbbbb bl   */
	}

#manufacturing_partners .euro_partners{ /* logo container */
	width:30px;
	height:30px;
	float:left;
	margin:0px 0% 5% 0px;
	padding:0;
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
		}

#manufacturing_partners .euro_partners img{
	height:100%;
	width:100%;
	float:left;
	margin:0 2% 0 0%;
	bborder:2px solid #0FF; /* bbbbbbbbbb blk   */
		}
		
#manufacturing_partners .euro_partners h1{
	color:#333;
	width:240px;
	font-size:16px;
	dispay:block;
	position:relative;
	float:left;
	margin:-28px 0 0 35px;
	bborder:2px solid #FF0; /* bbbbbbbbbb yl   */
	}	
/* ***********************************************************Images and P **************************/
#manufacturing_partners .deca{	/* deca image, logo and p tage container */
	width:100%;/* 40% */
	height:auto!important;
	margin:0 5% 20px 0px!important;
	xborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}
	
#manufacturing_partners .deca img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	bborder:2px solid #03C; /* bbbbbbbbbb rd   */
	}

.deca span #deca_logo{
	width:80px;
	height:32px;
	margin:0% 0 0 0;
	display:block;
	float:left;
	
	}	
#manufacturing_partners .deca p{
	font-size:12px;
	float:left;
	margin:5% 0 5% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
		
/*--------------------------------------------------------------------*/	
	
#manufacturing_partners .cups4you{	
	width:100%;/* 40% */
	height:auto!important;
	margin:0 0% 15px 0px!important;
	xborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .cups4you img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	}

.cups4you span #cup4you_logo{
	width:160px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	ffloat:left;
}

#manufacturing_partners .cups4you p{
	font-size:12px;
	float:left;
	margin:5% 0 5% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	
	}	

/*--------------------------------------------------------------------*/	
		
#manufacturing_partners .orego{	
	width:100%;/* 40% */
	height:auto!important;
	margin:0 0% 15px 0px!important;
	bborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .orego img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
		}	
		
.orego span #orego_logo{
	width:90px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	float:left;
	}				
	
#manufacturing_partners .orego p{
	font-size:12px;
	float:left;
	margin:5% 0 0% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
	

	
/*-------------------------------------------------------------------accrredations -----------------*/
#accredations{
	max-width:95% !important;
	height:220px;
	float:left;
	margin:30px auto;
	padding:0 0 0 0px;	
	bborder:2px solid #f00; /* bbbbbbbbbb wt   */
	}
	
 #accredations #brc_food{
	max-width:50px;
	max-height:100px;
	float:left;
	margin:0% 0 0 32%!important;
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
	}
	
#accredations img#brc_food{
	max-width:100%;
	height:100%;
	float:left;
	margin-left:25%!important;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}	
	
 #iso9001{
	max-width:90px;
	max-height:100px;
	float:left;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}	
	
img#iso9001{
	width:100%;
	height:100%;
	float:left;
	margin:0% 10% 0 10%;
	bborder:2px solid #F0F; /* bbbbbbbbbb pnk   */
	}		
	

#accredations  p{
	font-size:12px;
	height:15%;
	float:left;
	width:100%!important;
	color:#09C;
	font-weight:600;
	margin:5% 0 0 0%!important;
	text-align:center;
	padding-left:0;
	bborder:2px solid #3C0; /* bbbbbbbbbb gn   */
	}				
#footer_contact_info #footer_discripton{
			display:none;
}
		
}

@media only screen and (min-width: 639px) and (max-width: 767px){
.js #navMenu {
		display:none;
	}
	#navMenu ul li .subitems img{
	display:none!important;
	}
	
	.js .slicknav_menu {
		display:block;
	}	
	
.slicknav_menu {
	display:none;
}
	ul{
list-style-type:none;
}
a:link{
  text-decoration: none!important;
}	
.logo_mobile{
	max-width:200px!important;
	width:200px!important; /* 500px  and 50vw*/
	margin:0px 0px 0px 5px!important; /*----------------- was margin: 20px 0 10px 50px; */
	float:left!important;
	max-height:44px;
	height:44px!important;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	}
.logo_mobile img{
	width:100%;
	height:100%;
	padding:3px 0 0 5px;
}	
	body {
    margin: 0;
	max-width:100%;
	
}

/*  sets margin from top to the slider */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right!important;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; 
    /* border around the menu */
  }
  
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em;
	 }

.slicknav_menu {
  *zoom: 1; 
 	display:block;
    position: fixed;
    width: 100vw;
    top: 0;	
	border-bottom: 1px solid #25aae1;
  }

  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; 
	/* the word menu */
	}
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em;
	/* dashes in the menu title */
	 }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; 
	  /* border around the dashes */
	  }
  .slicknav_menu .slicknav_no-text {
    margin: 0; 
	}
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
	/* border around the dashes */
	 }
 .slicknav_menu:before {
    content: " ";
    display: table;
	/* dot to the top left of the menu container */ 
	}
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; 
	/* dot to the bottom left of the menu container */
	} 
  /*--- New code to implent a logo to the menu  */
  					/*	.slicknav_menu:after { content: url(Images\2016\products\site-images\logo2.png); display: table;}
						.slicknav_menu:before { clear: both }*/
  
  /*--------------------------------*/
.slicknav_nav {
  clear: both;
    /*All menu content in box space taking width size box */
  }
  .slicknav_nav ul {
    display: block;
	margin:0 0 0 0!important;
	padding:0!important;
	/* container around all text sub menus */
	}
  .slicknav_nav li {
    display: block; 
	xxborder-bottom:1px solid #ccc;
	/* box around each menu item important */
	}
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; 
	float:right;
	/* arrows */
	}
  .slicknav_nav .slicknav_item {
    cursor: pointer;
	color:#25aae1;
	/* each text container for the cursor but color changed color of arrows */
	}
    .slicknav_nav .slicknav_item a {
	display: inline;
	font-family:"Source Sans Pro",sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	  }
  .slicknav_nav .slicknav_row {
    display: block; 
	color:#fff;
	/* undelines the full text container left to right with colour set changes the arrows colour */
	}
  .slicknav_nav a {
    display: block;
	/* underlines the text in the menu */ 
	}
  .slicknav_nav .slicknav_parent-link a {
    display: inline; 
	 }

.slicknav_brand {
  float: left; 
   }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background:#fff!important; /*4c4c4c new 66cdff #b9c4c9 549fc4 c0cbd1 good 4887a5*/
  ppadding: 5px;
  padding: 0 5px 2px 0px!important; 
  z-index:120;
  bbborder:1px solid #0f0;
   /* background color of the menu */
  }
  .slicknav_menu * {
    box-sizing: border-box;
	/*underlines the menu botton, menu text and menu dashes */
	}
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; 
	/*  menu text */
	}
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff;
	/* dashes color */
	}

.slicknav_btn {
  margin: 0px 0px 0px 5px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #25aae1; /*was 222 */
  /* the menu button */
  }

.slicknav_nav {
  color: #fff;/* was fff */
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
  
   }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; 
	
	}
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; 
	
	}
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc*/
      color: #fff; /*fff*/
	  /* hover on menu items button */
	  }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; /* original fff used 336075 */
	 font-family:"Source Sans Pro",sans-serif;
	 font-size:12px; 
	 
	/* sub items text colour etc */
	}
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;/*ccc */
      color: #fff!important; /*222*/
	  font-weight:bolder;
	   /* hover colour on menu options text changing color on hover around the button  */
	  }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px;
	
	}
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0;
	
	/* menu items text */
	}
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0;
	
	}

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px;
   }
<!--  New code ---->

.slicknav_nav ul .submenu ul .submenu{background-color:#ff0;}

.slicknav_nav ul ul .submenu{background-color:#25aae1;}/*sub menu colour */

.slicknav_nav ul li {background-color:#336075;}/* main menu buttons */

.slicknav_nav ul ul li {background-color:#f00;}

.slicknav_nav ul .submenu ul .submenu1{background-color:#25aae1;}

.slicknav_nav ul ul .submenu1{background-color:#25aae1;}/*sub menu colour */

/*----------------------------------------------------------------------------------------------------------------------*/	
body {
    margin: 0;
	max-width:100%;
	
}

.header{
	max-width:100vw; /* was 100% */
	 /* ----------------- check -----------*/
 	min-height:30px;
	height:84px!important; /* was 150 alters the size of the header height */
	clear:both;
	margin:0 auto;
	position:fixed!important;
	bborder:2px solid #F00;
		-webkit-box-shadow: 1px 1px 1px #0b1e72;/* 4px 4px 4px #0b1e72; */
    -moz-box-shadow: 1px 1px 1px #0b1e72;
	-ms-box-shadow: 1px 1px 1px #0b1e72;
	box-shadow:1px 1px 1px #0b1e72; 
}

#innlogo{
	width:150px; /* 500px  and 50vw*/
	margin:36px 0px 0px 18px; /*----------------- was margin: 20px 0 10px 50px; */
	float:left;
	display:none!important;
	height:38px;
	bborder:2px solid #F00; /*----------------------------------------------------------------------------------------------------------- bbbbbbbbbb lt rd   */
	
	}		
	
	div#head_phone{
	max-width:100%!important;
	width:100%!important;/* 100%*/
	height:35px;
	ddddisplay:block;
	float:left;
	margin:38px 0 0px 0px!important; /* margin of phone and email from logo downwards */
	padding: 0 0 0 10px!important;
	bborder:1px solid #00f; /* red */
}
		
div#head_phone > div {
	width:50%; /* 41vw */
	height:17vh;  /* alters email topmargin */
	float:left;
	ddisplay:block;
	dposition:absolute;
	margin:0px 0 0 0px; /*  was  110px 0 0 0% margin of phone number and email to the logo */
	bborder:1px solid #F0F; /* pink */
}

div#head_phone > div > div { /*  img width*/
	width:42vw;
	height:30px;
	dddisplay:inline-block;
	float:left;
	position:relative;
	margin:0 0 0 0px; /* email margin to phone no */
	bborder:1px solid #00F; /* bl */
	}
	
div#head_phone > div > div > #phone_img{
	width:35px; /* was 20% before */ 
	height:35px; /* was 82% before */
	display:inline-block;
	position:absolute;
	margin:-8px 0 0 0px;
	bbborder:1px solid #F00; /* red */
	}


div#head_phone > div > div > h2 .phone_no {
	height:30px;
	max-width:100%;
	float:left;
	line-height:2;
	font-family:"Source Sans Pro",sans-serif;
	font-size:18px;
	color:#25aae1;
	font-weight:500;
	text-decoration: none;
	margin:-20px 0 0px 38px!important;
	xborder:1px solid #0F0; /* gn */ 
}

/******************************** new image image  data ****************************/	
#head_phone > div > #email{
	max-width:55vw;
	width:55vw;
	height:28px;
	display:inline-block;
	position:absolute!important;
	ffloat:left!important;
	margin:-5px 0 0 0%;
	bborder:2px solid #f00;
	}	

#head_phone > div > #email > #email_img{
	dddisplay:inline-block;
	width:30px; /* was 10% before */ 
	height:32px; /* was 60% before */
	margin:0px 0 0 0px!important;
	bborder:2px solid #F00;
	}
div#head_phone > div > div >  .email{
	width:250px;
	height:40px;
	ddisplay:inline-block!important;
	line-height:3;
	ppposition:absolute!important;
	fffloat:right;
	margin:-10px 0 0 0!important;	
	bborder:2px solid #25aae1; 
}
div#head_phone > div > div > .email a{
	text-decoration:none;
	font-family:"Source Sans Pro", sans-serif;
	font-weight:500;
	ddisplay:inline-block;
	position:absolute;
	font-size:18px;
	color: #25aae1;
	margin:4px 0 0 0px!important;
	padding:0px!important;
	bborder:2px solid #0F0;
}
	.menu_img img{
	display:none!important;
	}
	
	
	#wrapper{
	width:100%;
/*	height:35px; */
	height:35px;
	float:left;
	bbborder:2px solid #F00; /* bbbbbbbbbb bn   */
	}
	#navMenu{
	/*	background-color: #333; */
	margin-top:-10px;
	width:100%;
	background-repeat: no-repeat;
	float:left;
	height:32px;
	padding-left:20px;
	margin-left:24%; /* was 25% */
	z-index:555;
	min-width:400px;
	display:none!important;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}
 	
	#navMenu ul li img{
	width:25px;
	height:25px;
	min-width:25px;	
	}
	#navMenu #holder ul li{  
	display:block; 
	position:relative;
	min-width:400px;
	}
	#navMenu ul{
	margin:0;
	padding:0;
	line-height:30px;
	min-width:400px;
	}	
	#navMenu li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	position:relative;
	background:#999;
	-webkit-border-radius: 30px 0 20px 0;
	-moz-border-radius: 30px 0 20px 0;	
	-o-border-radius: 30px 0 20px 0;
	border-radius: 30px 0 20px 0;
	}
 	#navMenu ul li a { /* buttons */
	text-align:center;
	height:18px; /* 31px */ /* button height */
	/* width:150px; */
	padding:0px 6px; /* 0px 19px menu right left padding */
	margin: 0px 0px;
	display:block;
	font-family:sans-serif;
	text-decoration:none;
	color:#fff;
	border:1px solid #FFF;
	font-size: 10px;/*button font */
	line-height:18px;
	border-left:0px;
	border-right:0px;
	border-bottom:0px;
	} 
 	#navMenu ul li{
	 min-width:20px;
	 }	 
	#navMenu ul li .subitems{
	 min-width:20px;
	 } 
	#navMenu ul li ul li {
	width:202px;/*dropdown 220px  when less sub menu width */
	}

 /*********************************************/
 /* hide menu and allow it to return */
 /*********************************************/

	#navMenu ul ul {
	position:absolute;
	visibility:hidden;	
	top:20px; /* top menu position */
	min-width:400px;
	 }
  	#navMenu ul li:hover ul {
    visibility:visible;	
	z-index:9999;	
 	}

  /**********************************************/

  /*sets top level hover color*/

  	#navMenu li:hover {
  	background:#25aae1;   
 	}

  /*sets link items hover color and background*/

  #navMenu ul li:hover ul li a:hover {
    color:#000;
   	border:0px;	
 	}

  /* Changes text color on hover for main menu hover*/

 	#navMenu a:hover {   
  	color:#000; 
  	border:0px; 
 	} 
 	#navMenu ul li ul #select{
	width:90px;
	font:sans-serif;
	font-size:12px;
	color:#666666; 
	padding:5px 5px;	 
	}
	#navMenu ul li ul .submenu{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	-webkit-border-radius: 0px 0 0px 0;
	-moz-border-radius: 0px 0 0px 0;	
	-o-border-radius: 0px 0 0px 0;
	border-radius: 0px 0 0px 0; 
	}
	#navMenu ul li ul .submenu a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}		
	#navMenu ul li ul .submenu1{	
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;	 
	}
	#navMenu ul li ul .submenu1 a{
	margin:0;
	height:25px;
	line-height:25px;
	font:sans-serif;
	font-size:10px;
	color:#fff; 
	}
	#navMenu ul ul ul {
	left:100%;
	top:0px;
	vvvisibility:hidden;
	display:none;
	opacity:0;
	-webkit-transition: visibility 0s linear 1s, opacity 1s ease-in-out; ;
	-moz-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	-o-transition:visibility 0s linear 0.7s, opacity 1s ease-in-out; 
	transition:visibility 0s linear 0.5s,opacity 0.5s linear;
	}		
	#navMenu ul ul li:hover > ul{
	width:100%;
	vvvvisibility:visible;
	display:block;
	position:absolute;
	opacity:1;
	border-left:1px solid white;
	transition-delay:0.5s;
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out; 	
	}
	#navMenu ul{
	-webkit-transition: all 0.7s ease-in-out;
	-moz-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;	
	}	
	#navMenu > ul ul {
	opacity:0;	
	}	
	#navMenu ul li:hover > ul {
	opacity:1;	
	} 
/* -------------------------------------------------------------*/
	/*------------------------- important needed ---------------------*/
	#navMenu ul li:first-child{ /* hidden home button */
	display: none;
	}
	#navMenu ul li:nth-child(5){ /* hidden download button */
	display:none;
	mmargin-left:-80px;
	}
	#navMenu ul li ul .submenu:first-child{ /* show menu ist element */
	display:block;
	}
	#navMenu ul li ul .submenu:nth-child(5){ /* show menu 5th element */
	display: block;
	}
	#navMenu ul li ul .submenu1:nth-child(5){ /* show menu 5th element */
	display: block;
	}	
	#navMenu ul ul:nth-child(n+6) { /* was n+6 7 works */
	position:absolute;
	visibility:hidden;	
	top:30px;
	min-width:400px;
	}
	#navMenu ul li:nth-child(n+6):hover ul { /* was n+6  7 works*/
    visibility:visible;	
	left:auto !important;
    right: -190px!important;
	z-index:9999;	
	}
	#navMenu ul li ul .submenu1:nth-last-child(1){ /* submenu boxes */
	visibility:visible;	
	mmargin:-5px 0 0 0;
	height:30px; /* without width line and height is 35px */
	width:202px; /* new  line but 205px works*/
	line-height:8px;
	font:sans-serif;
	z-index:1;
	font-size:10px;
	-webkit-border-radius:  0 0 30px 30px!important;
	-moz-border-radius:  0 0 30px 30px!important;	
	-o-border-radius:  0 0 30px 30px!important;
    border-radius: 0 0 30px 30px!important;
	}
	
	.wrap{
	width: 100%;
	margin:100px auto;
	}	
#keyfeatures_title{
	line-height:35px;
	width:100%;
	margin:0 auto;
	display:block;
	padding-top:0px;
	font-family:"Source Sans Pro", sans-serif;
	font-size:22px;
	font-weight:600;
	text-decoration: none;
	text-align:center;
	text-shadow:0px 1px 1px #999;	
	}	
#container {
	width:100%;
	height:auto;
	padding:0px;
	margin:0 auto!important;
	display:block;
	bborder:2px solid #F0F; /****   pnk */
	}
#container ul { 
clear:both;
list-style: none;
padding:0px;
margin:-10px 0 0 0!important;
bborder:2px solid #F30; /****   diff rd */
}
#container .list{
width: 100%;
float:left;
margin:3.5% 0 0 0;
bbbborder:2px solid #000; /****  full container border  blk */
}
	
#container .list a{
	text-decoration: none;
	}
#container .list h3 .title{
	width:100%!important;
	clear:both;
	height:30px;
	display:block;	
	margin:0 auto!important;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;
	-webkit-border-radius: 80px 80px 8px 8px;
	-moz-border-radius:  80px 80px 8px 8px;
	-ms-border-radius:  80px 80px 8px 8px;
	border-radius:  80px 80px 8px 8px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999; 	
	bborder-bottom:1px solid #00f; /* -----   the blue box with diameter item number etc container wt  */	
	}	
	
	#container .list h34 .title{
	/* Sircle Elito, CittyCups heading etc */
	width:100%;
	display:inline-block;
	margin:2.5% 0 0% 0%;
	height:30px;
	font-family:"Source Sans Pro", sans-serif;
	font-size:18px;
	font-weight:400;
	color:#fff;
	line-height:30px;
	text-align:center;
	text-decoration: none;	
	-webkit-border-radius: 8px 8px 80px 80px;
	-moz-border-radius:  8px 8px 80px 80px;
	-ms-border-radius:  8px 8px 80px 80px;
	border-radius:  8px 8px 80px 80px;
	-webkit-box-shadow: 4px 4px 4px #999;
    -moz-box-shadow: 4px 4px 4px #999;
	-ms-box-shadow: 4px 4px 4px #999;
	box-shadow:4px 4px 4px #999:;	
	bborder-bottom:1px solid #f00; /* -----   the blue box with diameter item number etc container wt  */	
	}

	

/* ---------------------------- footer ---------------------------------------*/

#footer_content{
	width:100%;
	margin:0 auto;
	float:left;	
	height:auto;
	bbborder: 2px solid #F00;	/* bbbbbbbbbb red   */	
	}
/*----------------------  footer ----------------------------------*/	
#footer{
	clear: both;
	width:100%;
	margin:0px 0 0 0 ;
	padding:30px 0 0 0;
	bbbbbbbborder:2px solid #FF3; /* bbbbbbbbbb yl   */
	}
#footer_contact_info{
	padding:0px 0px 0px 20px;
	background-color:#EBEBEB;
	width:100%;
	float:left;
	display:block;
	bbbbbbbbbbbbborder:2px solid #300; /* bbbbbbbbbb bn   */	
	}	
.footer_contact_info_detail { /* full footer container */
	width:100%;
	height:auto!important;
	padding:30px 0 0 0px;
	margin:0 0 30px 0!important;
	bborder:2px solid #9F9; /* bbbbbbbbbb lt gn   */
	float:left;
	}	
.footer_contact_info_detail a #innavisionslogo_com{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	 box-sizing:border-box;
	width:210px;
	height:28px;
	float:left;
	margin-right:40px;
	bbborder:2px solid #000; /* bbbbbbbbbb blk   */
	}	
.footer_contact_info_detail #phone_img{
	width:25px;
	height:28px;
	display:block;
	position:absolute;
	margin:32px 0 0 0;
	float:left;
	bbborder:2px solid #F03; /* bbbbbbbbbb rd   */
	}
.footer_contact_info_detail .footer_phone{ /* new div for phone number */
	width:70%;
	height:30px;
	margin:0 0 0 25px ;
	bborder:2px solid #00F; /* bbbbbbbbbb rd   */
	float:left;
	}
.footer_contact_info_detail .footer_phone h2{ /* new h2 for phone number */
	font-family:"Source Sans Pro", sans-serif;
	line-height:25px;
	height:25px;
	color:#25aae1;
	margin:6px 0% 0 4px ;
	font-size:20px;
	}	

.footer_contact_info_detail .address{	/* head office headder */
	width:100%;
	height:auto;
	bborder:2px solid #600; /* bbbbbbbbbb bn   */
	margin: 20px 0 0 0;
	float:left;
	display:block;
	}
.footer_contact_info_detail .address h2{
	width:100%;
	bborder:2px solid #093; /* bbbbbbbbbb lt gn   */
	margin:0;
	float:left;
	}
.footer_contact_info_detail .address p{
	width:100%;
	height:120px;
	float:left;
	margin:0px 0 0 0;
	bborder:2px solid #009; /* bbbbbbbbbb bl   */
	}	
.footer_contact_info_detail .address .tel{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}	
.footer_contact_info_detail .address .tel span{
	width:400px;
	bbborder:2px solid #CC3; /* bbbbbbbbbb lt yl   */
	}		
.footer_contact_info_detail .address .email{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail .address .email span{
	width:400px;
	bbborder:2px solid #9F0; /* bbbbbbbbbb lt gn   */
	}	
.footer_contact_info_detail  .address .email a{
	width:400px;
	text-decoration:none;
	font-weight:600;
	bbborder:2px solid #F9C; /* bbbbbbbbbb lt pink   */
	}	
/* -------------------------------------------------------- manufacturing partners ---------------------------*/

#manufacturing_partners{
	margin:0 auto !important;
	height:auto;
	padding:0;
	width:95%;
	float:left;
	bborder:2px solid #00F; /* bbbbbbbbbb bl   */
	}

#manufacturing_partners .euro_partners{ /* logo container */
	width:30px;
	height:30px;
	float:left;
	margin:0px 0% 5% 0px;
	padding:0;
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
		}

#manufacturing_partners .euro_partners img{
	height:100%;
	width:100%;
	float:left;
	margin:0 2% 0 0%;
	bborder:2px solid #0FF; /* bbbbbbbbbb blk   */
		}
		
#manufacturing_partners .euro_partners h1{
	color:#333;
	width:240px;
	font-size:16px;
	dispay:block;
	position:relative;

	float:left;
	margin:-28px 0 0 35px;
	bborder:2px solid #FF0; /* bbbbbbbbbb yl   */
	}	
/* ***********************************************************Images and P **************************/
#manufacturing_partners .deca{	/* deca image, logo and p tage container */
	width:100%;/* 40% */
	height:auto!important;
	margin:0 5% 20px 0px!important;
	xborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}
	
#manufacturing_partners .deca img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	bborder:2px solid #03C; /* bbbbbbbbbb rd   */
	}

.deca span #deca_logo{
	width:80px;
	height:32px;
	margin:0% 0 0 0;
	display:block;
	float:left;
	
	}	
#manufacturing_partners .deca p{
	font-size:12px;
	float:left;
	margin:5% 0 5% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
		
/*--------------------------------------------------------------------*/	
	
#manufacturing_partners .cups4you{	
	width:100%;/* 40% */
	height:auto!important;
	margin:0 0% 24px 0px!important;
	xborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .cups4you img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
	}

.cups4you span #cup4you_logo{
	width:160px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	ffloat:left;
}

#manufacturing_partners .cups4you p{
	font-size:12px;
	float:left;
	margin:5% 0 5% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	
	}	

/*--------------------------------------------------------------------*/	
		
#manufacturing_partners .orego{	
	width:100%;/* 40% */
	height:auto!important;
	margin:0 0% 20px 0px;
	bborder:2px solid #0FF; /* bbbbbbbbbb lt bl   */

	}
	
#manufacturing_partners .orego img{	
	max-width:100%;
	height:auto;
	float:left;
	position:relative;
	margin:0px 0 0 0;
		}	
		
.orego span #orego_logo{
	width:90px;
	height:32px;
	position:relative;
	margin:0px 0 0 0;
	display:block;
	float:left;
	}				
	
#manufacturing_partners .orego p{
	font-size:12px;
	float:left;
	margin:5% 0 0% 2%;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}
	

	
/*-------------------------------------------------------------------accrredations -----------------*/
#accredations{
	max-width:95% !important;
	height:220px;
	float:left;
	margin:30px auto;
	padding:0 0 0 0;	
	bborder:2px solid #f00; /* bbbbbbbbbb wt   */
	}
	
 #accredations #brc_food{
	max-width:50px;
	max-height:100px;
	float:left;
	margin:0% 0 0 35%!important;
	bborder:2px solid #000; /* bbbbbbbbbb blk   */
	}
	
#accredations img#brc_food{
	max-width:100%;
	height:100%;
	float:left;
	margin-left:30%!important;
	bborder:2px solid #F00; /* bbbbbbbbbb rd   */
	}	
	
 #iso9001{
	max-width:90px;
	max-height:100px;
	float:left;
	bborder:2px solid #0F0; /* bbbbbbbbbb gn   */
	}	
	
img#iso9001{
	width:100%;
	height:100%;
	float:left;
	margin:0% 10% 0 10%;
	bborder:2px solid #F0F; /* bbbbbbbbbb pnk   */
	}		
	

#accredations  p{
	font-size:12px;
	height:15%;
	float:left;
	width:100%!important;
	color:#09C;
	font-weight:600;
	margin:5% 0 0 0%!important;
	text-align:center!important;
	padding-left:0!important;
	bborder:2px solid #3C0; /* bbbbbbbbbb gn   */
	}				
#footer_contact_info #footer_discripton{
			display:none;
			}
	}

 #accredations #brc_food{
	display:none!important; 
 }