#article { font-family:Arial Unicode MS,Arial,sans-serif; font-size:16px; text-align:justify; }
#topbar {border-bottom: 5px #b5333d solid; background:#fff;}
#topbar-left{ padding: 5px 10px; }
#head-box {}
#call-to-action {}
.media-contacts {}
.dropdown-menu {}
#showcase {}
.social-likes { display:none!important;}
#lang {text-align:center;}
#lang img {}
#lang ul {padding-left: 0px!important;  margin-right:15px;}
#lang li {list-style: none; display: inline; padding-left: 2px;}
.btn { -webkit-border-radius: 5; -moz-border-radius: 5; border-radius: 5px; font-family: Arial; color: #ffffff; font-size: 20px; background: #b5333d; padding: 10px 20px 10px 20px; text-decoration: none; }
#share-icons {   margin-top: 40px; }

/* Headline */
#headline {
background: none repeat scroll 0 0 #555;
color: #fff;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 54px;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=75)';
filter: alpha(opacity=75);
opacity:.75;
display:none;
text-align:center;
}

#right-inline-video {margin-left:25%; margin-bottom:20px;}

.container { }

#press-release-row { }
#font-size-headline-hero { font-size: 56px; }
#headlineContent { -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); opacity:1; }
#press-release {}
.fa { color: #fff; padding-left: 60px;}
#press-release {}
#box-a { text-align:center;}
#box-b { text-align:center;}
#box-c { text-align:center;}
#box-d{ text-align:center;}
#underfooter { text-align:center; padding: 15px; background:#b5333d; color:#fff; border-top: 1px dotted #fff;}
#underfooter a{ color:#fff; }
#box-a-b { background: #b5333d; color: #fff; /*border-top: 1px dotted #fff;*/ }
#box-c-d { background: #b5333d; color: #fff; border-top: 1px dotted #fff; }
.icons-group { margin-left:-70px;}
#box-a {width: 50%;}
#box-b {width: 50%;}
#box-a-b a {color: #fff!important;}
#box-c-d a {color: #fff!important;}
#box-c-d h3 {color: #fff;}
#box-a-b h3 {color: #fff;}
#video-event span{ text-align:center;}

/* Facebook and twitter - large buttons */
.share-lg-btn .facebook-lg-btn{}
.share-lg-btn .twitter-lg-btn{}
/* Facebook and twitter - small buttons */
.share-sm-btn .facebook-sm-btn{}
.share-sm-btn .twitter-sm-btn{}
/* Social Icons - large buttons */
.gplus-lg-btn{}
.linkedin-lg-btn{}
.blogger-lg-btn{}
.wp-lg-btn{}
.mail-lg-btn{}
/* Social Icons - small buttons */
.gplus-sm-btn{}
.linkedin-sm-btn{}
.blogger-sm-btn{}
.wp-sm-btn{}
.mail-sm-btn{}


/* Media contacts */span[itemprop="name"], span[itemprop="jobTitle"], span[itemprop="worksFor"], span[itemprop="address"], span[itemprop="streetAddress"], span[itemprop="telephone"], span[itemprop="phones"], a[itemprop="email"], a[itemprop="url"] {
display: block;
}
.phone1{}
.phone2{}
.phone3{}
.phone4{}
.phone5{}
/* PressRelease */
#press-release {
text-align: left;
}
h1.headline { text-align:center;}
h2.sub-headline { text-align:center; font-style:italics;   font-size: 20px;}
#lede { color:#000000!important; margin-top:20px; text-align:justify;}
#lede h3{ text-align:center; color:#b5333d; border-bottom:1px dotted #fff;}
.source { float: left; font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; }
.source a{}
.source a:hover{}
.dateline { font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif; }
#body-media-gallery{  background:#b5333d;}
#body_text{color:#000000!important;  margin-top:20px; text-align:justify;}
#body_text a{color:#b5333d!important;}

/* Showcase */
.showcase-asset-title{}
.showcase-asset-title-container{}
.showcase-asset{}
.showcase-asset-img{}
#download-photo-btn{}
#embed-photo-btn{}
#pinit-photo-btn{}
#showcase-photo-icons{}
#asset-title-container-0{}
#asset-title-container-1{}
#asset-title-container-2{}
#showcase-asset-0{}
#showcase-asset-1{}
#showcase-asset-2{}
#icon-0{}
#icon-1{}
#icon-2{}
.preview-icon{}
/* Cut in */
.cut-in-common{}
#cut-in{
float:left;
clear:both;
margin:12px;
}
#cut-single-column{}
/* Expanded Viewer */
.white-popup {
background: #FFF;
}

.addthis_native_toolbox { margin-top: 10px; display: none!important; }

.mfp-image-holder .mfp-close {
color: black;
}
.mfp-arrow-left:before{
color: #3F3F3F;
}
.mfp-arrow-right:after{
color: #3F3F3F;
}
/* Popup caption */
.mfp-title{}
/* Inline assets */
.inline-asset .fa { display:none;}
.inline-asset-title { display:none;}
.inline-asset-title-container {}
.inline-icon {}
.inline-asset { margin-left:20%!important;  }
.inline-asset.inline-asset-single-column { width:100%; }
/* Gallery */
#title-gallery{ font-size: 30px; text-align:center; border-bottom: 1px dotted #fff; color:#fff;}
.gallery-asset-title-container {}
.gallery-asset {}
#content-media-gallery {}
.gallery-icon{}
.nav_all_assets{}

.sm-social li{ padding-left: 40px; display:inline; }
.sm-social ul{ margin-left:-86px; }

/*****************=menu**********************/
/* Global CSS that are applied for all screen sizes */

.nav ul {  margin: 0; padding: 0; list-style: none; font-size: 1.5em; font-weight: 300; width:100%; }
.nav li span { display: block; }
.nav a { display: block; color: rgba(249, 249, 249, .9); text-decoration: none; -webkit-transition: color .5s, background .5s, height .5s; -moz-transition: color .5s, background .5s, height .5s; -o-transition: color .5s, background .5s, height .5s; -ms-transition: color .5s, background .5s, height .5s; 	transition: color .5s, background .5s, height .5s; }

#topbar-right { margin-top:15px;}

/* Hover effect for the whole navigation to make the hovered item stand out */

.no-touch .nav ul:hover a { color: rgba(249, 249, 249, .5); }
.no-touch .nav ul:hover a:hover { color: rgba(249, 249, 249, 0.99); }

/* Adding some background color to the different menu items */

.nav li:nth-child(6n+1) { background: #b5333d;    border-right: 1px #fff dotted;}
.nav li:nth-child(6n+2) { background: #b5333d;   border-right: 1px #fff dotted;}
.nav li:nth-child(6n+3) { background: #b5333d;  border-right: 1px #fff dotted; }
.nav li:nth-child(6n+4){ background: #b5333d;   border-right: 1px #fff dotted; }
.nav li:nth-child(6n+5) { background: #b5333d;    }
.nav li:nth-child(6n+6) { background: #b5333d; }

/* For screen bigger than 800px */
@media (min-width: 50em) {

	/* Transforms the list into a horizontal navigation */
	.nav li { float: left; width: 20%; text-align: center; -webkit-transition: border .5s; -moz-transition: border .5s; -o-transition: border .5s; -ms-transition: border .5s; transition: border .5s; }
	.nav a { display: block; width: auto; }

	/* Making the text follow the height animation */
	.no-touch .nav a:hover .icon + span { margin-top: 3.2em; -webkit-transition: margin .5s; -moz-transition: margin .5s; -o-transition: margin .5s; 
	-ms-transition: margin .5s; transition: margin .5s; }

	/* Positioning the icons and preparing for the animation*/
	.nav i {
		position: relative;
		display: inline-block;
		margin: 0 auto;
		padding: 0.4em;
		border-radius: 50%;
		font-size: 1.8em;
		box-shadow: 0 0 0 30px transparent;
		background: rgba(255,255,255,0.1);
		-webkit-transform: translate3d(0, 0, 0);
		-moz-transform: translate3d(0, 0, 0);
		-o-transform: translate3d(0, 0, 0);
		-ms-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		-webkit-transition: box-shadow .6s ease-in-out;
		-moz-transition: box-shadow .6s ease-in-out;
		-o-transition: box-shadow .6s ease-in-out;
		-ms-transition: box-shadow .6s ease-in-out;
		transition: box-shadow .6s ease-in-out;
	}	
	
	/* Animate the box-shadow to create the effect */
	.no-touch .nav a:hover i,
	.no-touch .nav a:active i,
	.no-touch .nav a:focus i {		
		box-shadow: 0 0 0 0 rgba(255,255,255,0.2);
		-webkit-transition: box-shadow .4s ease-in-out;
		-moz-transition: box-shadow .4s ease-in-out;
		-o-transition: box-shadow .4s ease-in-out;
		-ms-transition: box-shadow .4s ease-in-out;
		transition: box-shadow .4s ease-in-out;
	}
		
}

@media (min-width: 50em) and (max-width: 61.250em) {

	/* Size and font adjustments to make it fit into the screen*/
	.nav ul {
		font-size: 1.2em;
	}

}

/* The "tablet" and "mobile" version */

/* CSS specific to the 2x3 columns version */
@media (min-width:32.5em) and (max-width: 49.938em) {
	
	/* Creating the 2 column layout using floating elements once again */
	.nav li {
		display: block;
		float: left;
		width: 50%;
	}
	
	/* Adding some padding to make the elements look nicer*/
	.nav a {
		padding: 0.8em;		
	}

	/* Displaying the icons on the left, and the text on the right side using inlin-block*/
	.nav li span, 
	.nav li span.icon {
		display: inline-block;
	}

	.nav li span.icon {
		width: 50%;
	}

	.nav li .icon + span {
		font-size: 1em;
	}

	.icon + span {
		position: relative;
		top: -0.2em;
	}

	/* Adaptating to the icons to animate the size and border of the rounded background in a more discreet way */
	.nav li i {
		display: inline-block;
		padding: 8% 9%;
		border: 4px solid transparent;
		border-radius: 50%;
		font-size: 1.5em;
		background: rgba(255,255,255,0.1);
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		-ms-transition: border .5s;
		transition: border .5s;
	}

	/* Transition effect on the border color */
	.no-touch .nav li:hover i,
	.no-touch .nav li:active i,
	.no-touch .nav li:focus i {
		border: 4px solid rgba(255,255,255,0.1);
	}
	
}

/* Adapting the font size and width for smaller screns*/
@media (min-width: 32.5em) and (max-width: 38.688em) {
	
	.nav li span.icon {
		width: 50%;
	}

	.nav li .icon + span {
		font-size: 0.9em;
	}
}

/* Styling the toggle menu link and hiding it */
.nav .navtoogle{
	display: none;	
	width: 100%;
	padding: 0.5em 0.5em 0.8em;
	font-family: 'Lato',Calibri,Arial,sans-serif;
	font-weight: normal;
	text-align: left;
	color: rgb(7, 16, 15);
	font-size: 1.2em;
	background: none;	
	border: none;
	border-bottom: 4px solid rgb(221, 221, 221);
	cursor: pointer;
}

.navtoogle i{
	z-index:-1;
}

.icon-menu {
	position: relative;
	top: 3px;
	line-height: 0;
	font-size: 1.6em;
}

@media (max-width: 32.438em) {

	/* Unhiding the styled menu link */
	.nav .navtoogle{
		margin: 0;
		display: block;
	}
	
	/* Animating the height of the navigation when the button is clicked */
	
	/* When JavaScript is disabled, we hide the menu */
	.no-js .nav ul {
		max-height: 30em;
		overflow: hidden;
	}
	
	/* When JavaScript is enabled, we hide the menu */
	.js .nav ul {
		max-height: 0em;
		overflow: hidden;
	}
	
	/* Displaying the menu when the user has clicked on the button*/
	.js .nav .active + ul {		
		max-height: 30em;
		overflow: hidden;
		-webkit-transition: max-height .4s;
		-moz-transition: max-height .4s;
		-o-transition: max-height .4s;
		-ms-transition: max-height .4s;
		transition: max-height .4s;
	}

	/* Adapting the layout of the menu for smaller screens : icon on the left and text on the right*/
	
	.nav li span {
		display: inline-block;
		height: 100%;
	}

	.nav a {
		padding: 0.5em;		
	}
	
	.icon + span {
		margin-left: 1em;
		font-size: 0.8em;
	}
	

	/* make the nav bigger on touch screens */
	.touch .nav a {
		padding: 0.8em;
	}
}

/* sponsor */

.white-box {
  width: 100%;
  background-color: #FFF;
  float: left;
  background-image: url("https://www.multivu.com/arc/com.prnewswire.multivu.omt.main.Multivu/cssImageDownloadServlet?wsNodeName=/omt_root/organizations/PrnNewsWire/childOrganizations/MultiVu/childOrganizations/PR_x0020_Newswire_x0020_Marketing/childOrganizations/PR_x0020_Newswire_x0020_UK/childOrganizations/PRNewswire_x0020_EMEAi/childOrganizations/European_x0020_Business_x0020_Awards/2512d89c-70ee-4c50-9476-3d16434bf214&fileToDownload=dots.gif&t=1432199128208");
  padding-left: 60px;
}
.white-box h3 {
  font-size: 30px;
  color: #660033;
  margin-bottom: 13px;
  font-weight:bold;
}

.sponshome {
  width: 260px;
  height: 190px;
  display: inline-block;
  margin: 5px;
  padding: 5px;
  float: left;
  line-height: 180px;
  text-align: center;
  background: #FFF;
  border: 1px solid #CCC;
  cursor: pointer;
}

.sponshome img {
  vertical-align: middle;
}

.white-box img {
  margin: 0 10px 10px 0;
}

/* Media queries */
@media only screen and (max-width: 768px) and (orientation:portrait){
#head-box{display:none;}
}@media only screen and (max-width: 768px){
#box-a{width:100%;}
#box-b{width:100%;}
#box-c{width:100%;}
#box-d{width:100%;}
}