﻿body {
background-color: #EAE9EE;


}

#DeltaPlaceHolderMain {
display: block;
}

#pagewrapper {
background-color: white;

/*
-webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.2);
-moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.2);
box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.2);
*/
}

body.frontpage #s4-workspace {
overflow-x: hidden;
background-repeat: no-repeat;

}

#s4-workspace {
background-image: url("../images/signature.jpg");
background-repeat: no-repeat;
}

#s4-bodyContainer {
position: relative;
font-family: 'Open Sans', sans-serif;
padding-bottom: 0px;
}

.container-fluid,
.container {
max-width: 1124px;
}

.content .container,
.content .container-fluid {
max-width: 1168px;
}

#header {
background-color: white;
border-bottom: 4px solid #2752ac;
margin: 0 auto;
z-index: 11;
position: relative;
/*background-image: url(../images/bg_header.png);*/
background-position: bottom right;
background-repeat: no-repeat;
}

.topheader {
margin-top: 0px;
border-bottom: 1px solid  #efefef;
background-color: white;
}

html.ms-dialog #header {
border-bottom: 0px;
}

#footer {
background-color: transparent;
background-color: #269CD9;
margin-bottom: 40px;
}

#footer address {
text-align: center;
color: white;
display: block;
line-height: 40px;
margin-bottom: 0px;
}

#contentarea {
padding-right: 15px;
}

#maincontainer {
padding-top: 10px;
padding-bottom: 20px;
min-height: 500px;
}

.ms-rtestate-field a,
.ms-rtestate-field a:visited {
color: #0072c6;
} 

.mainimage img {margin-top: 5px; margin-bottom: 15px;}
.mainimage .ms-rtestate-field {
padding: 0px;
margin: 0px;
}


.mainimage .ms-formfieldvaluecontainer .ms-rtestate-field {
font-size: 15px; 
padding: 0px;
margin: 0px;
}

#logo img {max-height: 80px;}
a.mikes{border-left: 1px solid #efefef; font-size: 16px; line-height: 30px; font-weight: 400; font-family: "Arial"; color: black; padding-right:10px }


#languagelinks {float: right; }
#languagelinks,#languagelinks a { font-size: 13px; line-height: 30px; font-weight: 700; font-family: "Open Sans Condensed"; color: #1c52a4; }
#languagelinks a:visited {color: #1c52a4;}
#languagelinks a {border-right: 1px solid #efefef; display: block; height: 30px; float: left; padding-left: 10px; padding-right: 10px;}
#languagelinks a.en {border-right: 0px solid;}
#languagelinks a:hover {background-color: #f2f2f2;}

.sitetitle {min-height: 20px;}

@media screen and (max-width: 600px) {
#languagelinks {float: none; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; text-align: center;}
#logo a {display: block;}
		
}
#logo img {margin: 0 auto;}

h1.pagetitle, .ms-rtestate-field h1 {
font-family: "Open Sans";
font-weight:600;
font-size: 22px;
margin-top: 0px;
padding-top: 0px;
color: #000;
}

.ms-rtestate-field h2 {
color: #000;
font-family: "Open Sans";
font-weight: 600;
font-size: 18px;
display: block;
margin-top: 0px;
margin-bottom: 0px;
}

.ms-rtestate-field {
  font-size: 14px;
}

.ms-rtestate-field p, p.ms-rteElement-P {
  margin: 0 0 10px;
}

h2.ms-webpart-titleText, h2.ms-webpart-titleText a {
font-family: "Open Sans";
font-weight:600;
font-size: 18px;
margin-top: 0px;
padding-top: 0px;
color: black !important;
}


#s4-leftpanel ul {
display: block;
padding: 0px;
margin: 0px;
}

#s4-leftpanel ul li {
display: block;
padding: 0px;
margin: 0px;
}

.s4-specialNavIcon,
.ms-navedit-editLinksIconWrapper {
display: none !important;
}

#logo {
margin-bottom: 20px;
margin-top: 20px;
}

.newsarea .col-md-12 {
padding-left: 0px;
padding-right: 0px;
}

.PagingControl {text-align: center;}
.PagingControl a {color:#2752ac; font-size: 16px;}

.newsarea .titlelink h4, 
.newsarea .titlelink h4:visited	{font-size: 14px; color: #0072c6; font-weight: 400; display: block; margin-top: 5px; margin-bottom: 10px;}
.newsarea .titlelink:hover, .newsarea .titlelink h4:hover {text-decoration: none;border-bottom: 0px;}

.ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item {
font-weight: 500;
font-size: 14px;
}
.ms-core-listMenu-verticalBox .dynamic-children.additional-background {background-image:none;}

.ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static > .ms-core-listMenu-item:hover,
.ms-core-listMenu-verticalBox > .ms-core-listMenu-item, .ms-core-listMenu-verticalBox li.static.selected .ms-core-listMenu-item {
background-color: #e4ff9a;
color: black;
}

div.article, div.welcome {
padding-top: 0px;
}

#s4-leftpanel {
margin-top: 6px;
}

html.ms-dialog h2.sitetitle {
display: none;
}

.image-responsive img {
width: 100%;
height: auto;
}

.caption .ms-rtestate-field {
font-size: 12px;
font-weight: 400;
font-family: "Open Sans";
color: #646464;
margin-top: -6px;
}

.caption .ms-rtestate-field p {
display: block;margin-top: -10px;
}

#s4-leftpanel-content {
padding-bottom: 20px;
}

.navfooter .ms-rtestate-field {
display: block !important;
margin-top: 15px;
}

.navfooter .content {
/*
border-top: 1px solid #e8e7e7;
border-bottom: 1px solid #e8e7e7;
*/
display: block !important;
}

.responsiveBanners .content {
border-top: 1px solid #e8e7e7;
border-bottom: 0px
margin-top: 20px;
padding-bottom: 20px;
display: block !important;
}

#footer address {
font-family: "Open Sans";
font-size: 12px;
font-weight: 400;
}

#Ribbon\.WikiPageTab\.PubPageActions\.SetHomePage-Medium {display: none;}
#Ribbon\.EditingTools\.CPEditTab\.Font\.FontSize-Medium {display: none;}
#Ribbon\.EditingTools\.CPEditTab\.Font\.Fonts-Medium {display: none;}
#Ribbon\.EditingTools\.CPEditTab\.Font\.Italics-Small {display: none;}
#Ribbon\.EditingTools\.CPEditTab\.Font\.Underline-Small {display: none;}
#Ribbon\.EditingTools\.CPEditTab\.Font\.Strikethrough-Small {display: none;}
#Ribbon\.EditingTools\.CPEditTab\.Font\.FontColor-Small {display: none !important;}
#Ribbon\.EditingTools\.CPEditTab\.Font\.FontColor_ToolTip {display: none;}
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.AlignCenter-Small {display: none;}
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.AlignRight-Small {display: none;}
#Ribbon\.EditingTools\.CPEditTab\.Paragraph\.AlignJustify-Small {display: none;}
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle3-Large {display: none;}
#Ribbon\.EditingTools\.CPEditTab\.Styles\.RibbonStyle4-Large {display: none;}
#Ribbon\.EditingTools\.CPEditTab\.Styles\.Styles-Thin {display: none;}
#Ribbon\.EditingTools\.CPEditTab\.Font\.FontBackgroundColor-Small {display: none;}
#Ribbon\.EditingTools\.CPInsert\.Links\.InsertLink\.Link\.Menu\.Link\.FromSharePoint-Menu {display: none;}

.ms-rtePosition-1 {
margin-right: 15px;
margin-bottom: 10px;
}

.ms-rtePosition-2 {
margin-left: 15px;
margin-bottom: 10px;
}

.contactbox .col-md-6 {
width: 100%;
padding-left: 0px;
padding-right: 0px;
}

.contact-details {
display: none;
}

.contacts span.title {
display: none !important;
}

.contactbox .title {
  color: #013893;
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0px;
  padding-top: 15px;
  padding-bottom: 6px;
  text-transform: uppercase;
  width: 100%;
  display: none;
}
.contactbox a {
  border: 1px solid transparent;
  box-sizing: border-box;
  display: block;
  margin-bottom: 10px;
  margin-left: -4px;
  padding: 6px 2px 2px 4px;
  width: 100%;
}

.contactbox .picture {
  background-image: none;
  background-repeat: no-repeat;
  border-radius: 2px;
  float: right;
  max-width: 47px;
}

.contactbox span.preferredname {
  color: #000;
  font-size: 14px;
  font-weight: 600;
}
.contactbox:after,
.contactbox a:after {
  clear: both;
  content: "";
  display: table;
}

.contactbox span.jobtitle, .contactbox span.workemail, .contactbox span.mobilephone {
  color: #000;
  font-size: 12px;
  font-weight: normal;
  display: block;
}

.contactbox .container {
padding-left: 0px;
padding-right: 0px;
}

.contactbox a:hover {
  background-color: #f0f0f0;
  border: 1px solid #e3e3e3;
  text-decoration: none;
}


/*topnav*/
#topnavbar {background-color: #195EAB !important}
#topnavbar .ms-core-listMenu-item {font-family: "Open Sans"; font-weight: 500; font-size: 14px;}
#topnavbar.navbar-default {background-color: transparent; border: 0px; border-radius: 0px;}
#topnavbar .nav li.static > .menu-item,#topnavbar .nav .ms-navedit-editLinksText {
height: 38px; padding-top: 0px; padding-bottom: 0px; line-height: 38px; color: white !important; 
padding-left: 15px; padding-right: 15px;}
#topnavbar .nav li.static > .menu-item:hover {background-color: #0093dd}
#topnavbar .nav li.static > .menu-item.selected {background-color: #67B82C}



.navbar {margin-bottom: 0px; min-height: 38px;}
#topnavbar .ms-core-listMenu-item,#topnavbar .ms-core-listMenu-item:link,#topnavbar .ms-core-listMenu-item:visited,#topnavbar .ms-tv-item:link,#topnavbar .ms-tv-item:visited,#topnavbar .ms-tv-header:link,#topnavbar .ms-tv-header:visited {
color: white;
border-right: 1px solid #4173ab;
}
#topnavbar .ms-navedit-editLinksText > span > .ms-metadata, .ms-core-listMenuEdit > tr > .ms-navedit-linkCell > .ms-core-listMenu-item {
color: white;
}
#topnavbar .ms-core-listMenu-item:hover {color: white !important;}
#topnavbar .nav li.dynamic li.dynamic {display: none !important;} 
#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {background-image: none !important;}
#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {padding-right: 0px;}
#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children li .menu-item-text {font-size:13px;}
.navbar-default .navbar-toggle {border: 0px; border-radius: 0px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background-color: transparent;}
.navbar-toggle .icon-bar {height: 3px; color: white;}
.navbar-default .navbar-toggle .icon-bar {height: 3px; background-color: white;}
#topnavbar .nav li.static .menu-item {
	-webkit-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
}

#topnavbar .nav li.static .menu-item:hover {
background-color: #0175af
}

ul.subnavi {display: block; padding: 0px; margin: 0px;}
ul.subnavi ul {display: block; padding: 0px; margin: 0px;}
ul.subnavi li {display: block; padding: 0px; margin: 0px; list-style-type: none;}
ul.subnavi li a {
display: block; 
padding: 0px; 
margin: 0px; 
color: black; 
font-family: "Open Sans"; 
font-size: 14px; 
font-weight:400; 
padding-top: 5px; 
padding-bottom: 5px;
padding-left: 5px;
border-top: 1px solid white;
background-color: #f0f0f0
}

ul.subnavi li a:hover {
color: #0072c6;
text-decoration: none;
}

ul.subnavi li.selected a {font-weight: 00; color: #0072c6; font-weight: 600}
ul.subnavi li.selected li a {color: black; font-weight: 400; padding-left: 20px;}
ul.subnavi li li.selected a {color: #0072c6; font-weight: 600;}
ul.subnavi li li.selected li a {color: #0a4a9b; font-weight: 400;}


ul.subnavi ul {
border-bottom: 1px solid #dfdfdf;
padding-bottom: 0px;
}

ul.subnavi ul ul {
border-bottom: 0px;
padding-bottom:0px;
}

ul.subnavi li li a {
isplay: block; 
background-image: none; 
padding: 0px; 
margin: 0px; 
padding-top: 5px; 
padding-bottom: 5px; 
padding-left: 5px;
font-size: 13px; 
font-weight: 500;
border-bottom: 0px;
background-color: white;
border-bottom: 1px solid white;
color: black;
}

ul.subnavi li li a:hover {
color: #0072c6;
}

.image-responsive .ms-rtestate-field,.image-responsive .ms-rtestate-field  {display: block !important;}


@media screen and (max-width: 767px) {
	#header {border-bottom: 0px; background-position: 100% 30px;}
	#topnavbar .nav li.dynamic li.dynamic {display: block !important;} 
	#topnavbar .ms-core-listMenu-horizontalBox .dynamic-children.additional-background {background-image: none !important;}
	
	#topnavbar .nav li.static .menu-item:hover {background-color: #0175af}
	#topnavbar .nav li {
	border-bottom: 1px solid #9fdfff
	}
	#topnavbar ul.dynamic ul.dynamic > li {}
	.logo img.nutritech-logo {width: 180px; margin-left: 10px;} 
	.logo img {width: 90px;}
	
	#topnavbar li.dynamic li.dynamic  .menu-item {
	padding-left: 40px;
	}
	
	
	#languagelinks {padding-left: 0px; padding-right: 0px; padding-bottom: 0px; padding-top: 0px; float: right;}
	#languagelinks a {font-weight: 400; padding-left: 6px; padding-right: 6px;}
	
	#topnavbar li.dynamic li.dynamic  .menu-item {
	padding-left: 40px;
	}
	
	#nutritech {background-image: none;  border-bottom: 0px;min-height: none;}
	
	a.dynamic-children span.additional-background i {
		font-size: 21px;
		line-height: 38px;
		color: white;
		-webkit-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease;
		float: right;
	}
	
	.dynamic .dynamic a.dynamic-children span.additional-background i {
	line-height: 24px;
	}
	
	
	.shown > a.dynamic-children span.additional-background i {
	-moz-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	-o-transform: rotate(225deg);
	transform: rotate(225deg);
	}
	
}

@media screen and (max-width: 500px) {
#header {background-position: 0px 30px;}
}

a.ms-promotedActionButton[href*="OpenEditLanguageVersionsWindow"] {
	display:none !important;
}


