/* MultiChoice SA Stylesheet ===================================== */ 
/* Designed and developed by Grenade - http://www.grenadeco.com = */ 

*, html
{
	padding:0;
	margin:0;
}
	
body
{
	padding:0;
	margin:0;
	font-size:14px;
	position: relative;
	height:100%;
	color: #555;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
	background:#004c88;
	background-size: 100% auto;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;	
}

.loading {
	background:#004c88 url(../images/loading.png) no-repeat center center;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999999;
	cursor:wait;
}
	
/* Typography ==================================== */ 
	
	h1, h2, h3, h4, h5, h6 {
		margin:0 0 20px;
		padding:0; 
		font-weight:500;
		font-family: "futura-pt-condensed", Arial, Helvetica, sans-serif;
		color:#000
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
		text-decoration: none;
		color:#000		
	}
	
	h1 {
		font-size:4em;
                line-height:1em
	}
	
	h2.pagesubtitle {
		font-size:3.2em;
		/* text-transform: uppercase; */	
		line-height:1em;
		color:#41c3ed !important;
	}
	
	p {
		padding:0;
		margin-bottom:1em;
	}
	
	strong {
		color:#000	
	}
	
	a {
		color: #004c88;
		font-weight: normal;
		text-decoration:none
	} 
	
	a:hover {
		color: #000;
	}
	
	p a {
		border-bottom: dotted #a5cbe9 1px	
	}
	img {
		max-width:100%;
		height: auto;	
		border:0;
	}
	
	img.inline-logo {
		display: block;
		max-width:100%;
		height: auto;
		margin-bottom:1em;
		margin: 0 auto	
	}
	
	img.diagram {
		display: block;
		max-width:90%;
		height: auto;
		margin-bottom:1em;
		margin: 0 auto	
	}
	  
	
	.content {
		max-width: 58em;
		margin: 0 auto 2em
	}
	
	.content blockquote { 
		text-align: left;
		font-size:1.2em;
		padding:0 0 1em 3em;
		margin:0 0 0 1em;
		font-style: italic;
		background: url(../images/quote_ondark.png) no-repeat top left
	}
	
	.content blockquote span { 
		font-size:.8em
	}
	
	.content blockquote span p { 
		margin:0 0 .5em 0;
		padding:0;
	}
	
	 #page_nav_container ul li .content ul li { 
		margin:0 0 1em 1em; 
	}
        
        .cover {
            display: none
        }
	
	
/* Structure ==================================== */		
	
	
	.container { 
		margin:0 auto;   
		min-width: 50em; 
		max-width: 90em; 
	} 
	
	.inner {
		margin:0 1em 1em 0;	
	} 	 
	
	.row {
		clear:both;
	  	margin:0;
	  	padding:0;
	}  
	
	.span1, .span2, .span3, .span4, .span5, .span6, .span7, .span8, .span9, .span10, .span11, .span12, .innospan { 
		float: left; 
	}
	.span12 {
		width:100%;
	}
	.span11 {
		width:91.6666666667%; 
	}
	.span10 {
		width:83.3333333333%;
	}
	.span9 {
		width:75%;
	}
	.span8 {
		width:66.6666666667%;
	}
	.span7 {
		width:58.3333333333%;
	}
	.span6 {
		width:50%;
	}
	.span5 {
		width:41.6666666667%;
	}
	.span4 {
		width:33.3333333333%;
	}
	.span3 {
		width:25%;
	}
	.span2 {
		width:16.6666666667%;
	}
	.span1 {
		width:8.33333333333%
	} 
        .innospan {
		width:33.3333333333%;
        }
	
	.clearfix {
		clear: both	
	}
	
	.clearfix-line {
		height:2em	
	}
	
	.align-center {
		text-align: center	
	}
	
	.align-right {
		text-align: right	
	}
	
	.align-left {
		text-align: left
	}
	
	.padded {
		padding:5em 3em 5em;	
	}	
	
	ul.list li {
		border-bottom: solid 1px #ddd;
		padding:.5em 0
	}	
	
/* Framework ==================================== */	
	
	.clear {
		clear:both;
		line-height:0;
		height:0;
		font-size:0;
		position:relative;
		overflow:hidden;
	} 
	
	.float-left {
		float:left;
		display:inline-block;
	}
	
	.float-right {
		float:left;
		display:inline-block;
	}
	
	#page_nav_container {
		width:100%;
		overflow:hidden;
		position:relative;
		text-align: center
	}
	
	#page_nav_container ul, #page_nav_container ul li {
		display:block;
		list-style:none;
		position:relative;
	}
	
	#page_nav_container ul.horizontal-level {
		position:absolute;
		top:0;
		width:100%;
		/*display:none;*/
	}
	
	#page_nav_container ul.horizontal-level.go-right {
		left:100%;
	}
	
	#page_nav_container ul.horizontal-level.go-left {
		right:100%;
	}
	
	#page_nav_container ul.horizontal-level.go-right li {
		float:left;
		width:100%;
	}
	
	#page_nav_container ul.horizontal-level.go-left li {
		float:right;
		width:100%;
	}
	
	.page-container {
		position:relative;
		overflow:hidden;
		background:#fff;
	}
	
	.page-container-inner {
 		overflow-y:auto;
		margin: 0;
		padding:0;
	}
	
	.page-container a.nav-link {
		position:absolute; 
		display:block;
		color:#FFFFFF;
		width:50px;
		height:50px;
		text-align:center;
		text-decoration:none;
	    overflow: visible;
		font-size:0;
		color:transparent;
		cursor:default;
		outline:0px none;
	}
	
	.page-container a.nav-link span.text {
		position: absolute;
		font-size: 14px;
		color: #fff;
		white-space: nowrap;
		background-color: #005ba3;
		padding: 0.5em 1em;
		display:block;
		border-radius: 2em;
		-border-radius: 2em;
		-moz-border-radius: 2em;
		-webkit-border-radius: 2em;
		-khtml-border-radius: 2em;
	}
	
	.page-container a.nav-link span.hover {
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		display:block;
		cursor:pointer;
	}
	
	.page-container a.nav-link.up {
		top:38px;
		left:50%;
		margin-left:-25px;
		height:40px;
	} 
	
	.page-container a.nav-link.up span.text {
		top:50px;
		left:25px;
	}
	
	.page-container a.nav-link.up span.hover {
		background: url(../images/nav-link-background.png) no-repeat -50px -100px;
	}
	
	.page-container a.nav-link.down {
		bottom:0px;
		left:50%;
		margin-left:-25px;
		height:40px;
	}
	
	.page-container a.nav-link.down span.text {
		bottom:50px;
		left:25px;
	}
	
	.page-container a.nav-link.down span.hover {
		background: url(../images/nav-link-background.png) no-repeat 0 -110px;
	}
	
	.page-container a.nav-link.left {
		top:50%;
		margin-top:-25px;
		left:0px;  
		width:40px;
	} 
	
	.page-container a.nav-link.left span.text {
		top:12px;
		left:50px;
	}
	
	.page-container a.nav-link.left span.hover {
		background:  url(../images/nav-link-background.png) no-repeat  -100px -100px;
	}
	
	.page-container a.nav-link.right {
		top:50%;
		margin-top:-25px;
		right:0px;
		width:40px;
	}  
	
	.page-container a.nav-link.right span.text {
		top:12px;
		right:50px;
	}
	
	.page-container a.nav-link.right span.hover {
		background:  url(../images/nav-link-background.png) no-repeat  -160px -100px;
	}
	
	
	
	.page-container a.nav-link.up span.hover:hover {
		background: url(../images/nav-link-background.png) no-repeat -50px -150px
	} 
	
	.page-container a.nav-link.down span.hover:hover {
		background: url(../images/nav-link-background.png) no-repeat 0 -160px
	}
	
	.page-container a.nav-link.left span.hover:hover {
		background:  url(../images/nav-link-background.png) no-repeat  -100px -150px
	} 
	
	.page-container a.nav-link.right span.hover:hover {
		background:  url(../images/nav-link-background.png) no-repeat  -160px -150px
	}  
	
        
        .page-container-inner {
            text-align: right
        }
         
        .container-table {
            float: right;
            background:#fff;
            border-left: solid 1px #fff;
            background: rgba(255,255,255,.9); 
            box-shadow: -05px 0 15px  rgba(0,0,0,.3); 
            width:380px;
            text-align: left
        } 
        
        .container-fullwidth {            
            text-align: center

        }
        
	.pagination-container {
		position:absolute;
		bottom:1em;
		left:1em; 
		display:none;
	}
	
	.pagination-container a.nav-link {
		position:relative;
		display:inline-block;
		background: url(../images/bullets.png) no-repeat bottom left;
		height:20px;
		width:20px;
	}
	
	.pagination-container a.nav-link.active {
		background: url(../images/bullets.png) no-repeat top left;
	}	
	
	a.screen-anchor {
		display:none;
	}
	
/* mini-menu */ 

	.mini-menu a {
		background: #0283c2;
		color:#fff;
		text-decoration: none;
		line-height:1.2em;
		padding:1em;   
                display: block;
                margin-bottom:1px; 
		font-size:1em
	}
 
	.mini-menu a:hover {
		background:#004c88;
	}
	
	.mini-menu a.linkedin {
		background: #0283c2 url(../images/icon_linkedin.png) no-repeat 7px 7px !important;
		padding-left:36px;	
	}
	
	.mini-menu a.linkedin:hover {  
		background: #004c88 url(../images/icon_linkedin.png) no-repeat 7px 7px !important;
		padding-left:36px;	
	}
	
	.mini-menu a.play {
		background: #0283c2 url(../images/play-button.png) no-repeat 9px 9px !important;
		padding-left:42px;	
	}
        
        

/* Home ==================================== */ 	
	
	#container-home { 
		background:transparent;
		background-size: 100% auto;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;	 
	}

	.playvideo h2.play { 
	    display: block;
	    width: 100px;
	    height: 100px;
	    border: 0;
	    margin: 0 auto;
	}
		
	.playvideo h2.play a {
	    display: block;
	    width: 100px;
	    height: 100px;
	    background: url(../images/play_lrg.png) no-repeat top center; 
		outline:0px none;
	    overflow: hidden;
	    text-indent: -1000px;
	    border: 0;
	}		
	
	.playvideo h2.play a:hover { 
	    background: url(../images/play_lrg.png) no-repeat bottom center; 
	}	

	.playvideo h3 {
		/* text-transform: uppercase; */	
		margin:0;
		font-size:1.6em;
	}

	.playvideo h3.sml {
		/* text-transform: uppercase; */	
		font-size:1.2em;
		margin-bottom:0em
	}

	.playvideo h3.sml a {
		color:#41c3ed !important;
		outline:0px none;
	}

	#container-home	.mini-menu {
		margin-top:0em
	}
	
	#container-home .padded {

	} 
	
        .pages-profiles {
            background:#004c88;
            text-align: center;
            color:#fff
        }
        
        .pages-profiles .container-table,
        .pages-profiles .page-container-inner {
            text-align: center;
            color:#fff
        }
        
        .pages-profiles h1 {
            color:#fff
        }
 	
	
/* Navigation ==================================== */	
	
	#page_nav_container #quick_nav_container {
		position:fixed;
		top:0;
		left:0;
		z-index:999;
		text-align: left;
	}
	
	a#toggle_quick_nav {
 	}
	
	#quick_nav_container ul, #quick_nav_container ul li {
		list-style:none;
	}
	
	#quick_nav_container ul {
		box-shadow: 0px -5px 15px  rgba(0,0,0,.1); 
		background-color:rgba(255, 255, 255, 0.8);
	}
	
	#quick_nav_container ul.level1 {
		top:0em;
		left:0;
 		display: block;
	}
	
	#quick_nav_container ul.level2 {
		position: absolute;
		display:none;
		white-space: nowrap;
	}
	
	#quick_nav_container ul.level3 {
		top:0em;
		position: absolute;
		display:none;
		white-space: nowrap;
		left: 100%;
	}
	
	#quick_nav_container ul.level4 {
		top:0em;
		left:150px;
		display:none;
	}
	
	#quick_nav_container li {
 	}
	
	/*#quick_nav_container li.has-submenu {
		background: url(../images/submenu.png) no-repeat right center transparent;
	}*/
	
	#quick_nav_container li:hover { 
	}
	
	#quick_nav_container li a {
		color:#555555;
		background:#fff;
		border-bottom: solid 1px #eee;
		display: block;
		padding:1em;
		text-decoration: none;
		color:#333;
	}
	#quick_nav_container li a:hover {
		background:#eee;
	}
	
	#quick_nav_container li.level1>a {
		background:transparent;
		padding:0.67em;
		text-decoration: none;
		color:#ffffff;
		border-bottom: none;
		font-weight: 100;
		font-size: 14px;
		height:1.4em;
		line-height:1.4em;
	}
	#quick_nav_container li.level1>a:hover {
		background:rgba(0, 0, 0, 0.2);
		color:#fff;
	}

	#quick_nav_container li a.active, #quick_nav_container li a.active:hover {
		color:#000000 !important;
		background:#fff !important;
		box-shadow:0 3px 5px rgba(0, 0, 0, 0.05);
		-box-shadow:0 3px 5px rgba(0, 0, 0, 0.05);
		-moz-box-shadow:0 3px 5px rgba(0, 0, 0, 0.05);
		-webkit-box-shadow:0 3px 5px rgba(0, 0, 0, 0.05);
		-khtml-box-shadow:0 3px 5px rgba(0, 0, 0, 0.05);
	}
	 
	
	#quick_nav_container li li a.active, #quick_nav_container li li a.active:hover {
	 
		box-shadow: 0px -5px 15px  rgba(0,0,0,.1); 
		background-color:rgba(255, 255, 255, 0.8);
		box-shadow:none;
		-box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		-khtml-box-shadow:none;
	}
	
	
	
	#page_nav_container ul.main-level {
		position:relative;
	}	
	
	
	.logo { 
	    position: fixed;
	    top:0em;
	    right:0em; 
	    z-index:99999;
            display: none
	}
	
	.logo img {  
		display: block;
		width:50px;
		height: auto	
	}
	
	.logo-other {
            display: none
	} 
	
/* Menu Link ==================================== */	
	
	h2.menulink {
	    position: fixed;
		height: 38px;
	    top:0em;
	    left:0em;
		width:100%;
		background-color: #034f8b;
	}
	
	h2.menulink a {
	    display: none;  
	    color:#fff;
	    padding:0 14px 0 40px;
	    border: 0;
	    /* text-transform: uppercase; */
	    line-height:38px; 
	    border-top:0; 
	    border-left:0; 
	}
	
	#quick_nav>li {
		float: left;
	}
	
	
	
	
/* brands ==================================== */ 
	 
	.content-innovation {
		position: relative;
	}

	.content-innovation .item {
		display: block;
		 
		text-align: center;
		background:#fff;
		border: solid 1px #eee;
		padding:1.5em .5em 1.5em;
		margin:1em 1em 0 0;
	}

	.content-innovation .item h3 {
		color:#111
	}

	.content-innovation .item .infobox {
		position: absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background:#fff;
		padding:5em 4em;
		color:#555;
		display: none;
		
	}

	.content-innovation .item .infobox h3 {
		color:#004c88;
		margin-bottom:1em;
		font-size:1.4em;
	}

	.content-innovation .item .infobox h1 { 
		color:#111
	}
	.content-innovation .item a.close {
		display: block;
		margin:1em 0 0;	
	}

	.content-innovation .item a {
		display: block;
		color:#111;
	}

	.content-innovation .item h3 {
		margin:.5em 0 0;
		padding:0;
	}

	.content-innovation .item img {
		margin:0;
		padding:0;
		width: 60px;
		height: 60px
	}

        .container-brands, 
        .container-brands table{
            color:#fff !important;
        }
        
        .container-brands h1 {
            color: #fff
        }
        .container-brands .cover {
            display: none
        }
	.content-brands .item {
		
		text-align: center; 
		background:#fff; 
		padding:0;
		margin:1em .5em 0;
	}

	.content-brands .item h3 {
		margin:.5em 0 0;
		padding:0;
	}

	.content-brands .item h3 a {
		color:#004c88;
	}

	.content-brands .item img {
		margin:0;
		padding:0;
		width: 100%;
		height: auto;
		display: block
	} 
        
        img.brand-thumb {
            width:23% !important;
            height:auto;
            margin:0 1% 1em;
        }
        
        
	
	.content-brands {
		max-width: 80em;
		margin: 0 auto 2em
	}
	 
	
/* industry */

	#container-industry { 
		
		background:#004c88 url(../images/industry_background.jpg) no-repeat center center;
		background-size: 100%;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;	
		color:#fff;	   	
	}

	#container-industry h1 { 
		color:#fff;	 
	}

	#container-industry a {
		color:#fff;
	}

	#container-industry p {
		color:#fff;
		color: rgba(255,255,255,.8); 
	}
	
	#container-industry h2.play { 
	    display: block;
	    width: 100px;
	    height: 100px;
	    border: 0;
	    margin: 0 auto;
	    float: left;
	}
		
	#container-industry h2.play a {
	    display: block;
	    width: 100px;
	    height: 100px;
	    background: url(../images/play_lrg.png) no-repeat top center; 
	    overflow: hidden;
	    text-indent: -1000px;
	    border: 0;
	}		
	
	#container-industry h2.play a:hover { 
	    background: url(../images/play_lrg.png) no-repeat bottom center; 
	}

	#container-industry h3 {
		/* text-transform: uppercase; */	
		margin: 0;
		padding:1em 0 0 0;
		font-size:1.6em;
	}

	#container-industry h3.sml {
		/* text-transform: uppercase; */	
		font-size:1.4em;
		margin:0 0 1.5em;
		padding:0;
	}

	#container-industry h3.sml a {
		color:#41c3ed;
	}

/* empowerment  ==================================== */
	
	
	#container-our-contributions {
		background:#fff url(../images/empowerment_background.jpg) no-repeat center center;
		background-size: 100% auto;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;	 	
	}
	
	#container-our-contributions .playvideo h3 {
		font-size:2em	
	}

/* video  ==================================== */
	
	.container-video h2.play { 
	    display: block;
	    width: 100px;
	    height: 90px;
	    border: 0;
	    margin: 0 auto;
	    float: left;
	}
	
	.container-video h2.play-align-center {
		width:100% !important
	}
		
	.container-video h2.play-align-center a { 
		width:100% !important; 
	}
		
	.container-video h2.play a {
	    display: block;
	    width: 100px;
	    height: 90px;
	    background: url(../images/play_alt.png) no-repeat top center; 
	    overflow: hidden;
	    text-indent: -9000px;
	    border: 0;
	}		
	
	.container-video h2.play a:hover { 
	    background: url(../images/play_alt.png) no-repeat bottom center; 
	}

	.container-video h3 {
		/* text-transform: uppercase; */	
		margin: 0;
		padding: 1em 0 0 0;
		font-size:1.6em;
	}

	.container-video h3.sml {
		/* text-transform: uppercase; */	
		font-size:1.2em;
		margin:0 0 1.5em;
		padding:0;
		color:#41c3ed;
	}

	.container-video h3.sml a {
		color:#555;
	}
	 
		
	.container-video.container-dark h2.play a { 
	    height: 100px;
	    background: url(../images/play_lrg.png) no-repeat top center;  
	}		
	
	.container-video.container-dark h2.play a:hover { 
	    background: url(../images/play_lrg.png) no-repeat bottom center; 
	}

	.container-video.container-dark h3 {
		color:#fff;
	}

	.container-video.container-dark h3.sml {
		color:#fff;
	}

	.container-video.container-dark h3.sml a {
		color:#41c3ed;
	}
	

	
	.container-video.container-dark {   
		background:transparent;
		color:#fff;	  
	}
	
	
		

/* legal  ==================================== */
	
	#legal-home	{
		background:#0f0f0f;
		color:#999;	
	}   	
	#legal-home	a {
		color:#444;	
	}
	
	#legal-home	p a {
		border-bottom:0	
	}
	
	#legal-home .mini-menu-alt {
		margin-bottom:1em;
		border-color:#3f3f3f;
		
	}
	
	#legal-home .mini-menu-alt a {
		background:#0e0e0e;
		color:#fff;
		border-color:#3f3f3f;
	}
	
	#legal-home .mini-menu-alt a:hover {
		background:#000; 
	}
	
	#legal-home .mini-menu-alt small {
		color:#999
	}
	#legal-home a.nav-link.up span.hover, #legal-home a.nav-link.up span.hover:hover {  
		background: url(../images/nav-link-background.png) no-repeat -50px 0px
	} 
	#legal-home a.nav-link.left span.hover, #legal-home a.nav-link.left span.hover:hover {  
		background: url(../images/nav-link-background.png) no-repeat -100px 0
	} 
	#legal-home a.nav-link.right span.hover, #legal-home a.nav-link.right span.hover:hover {  
		background: url(../images/nav-link-background.png) no-repeat -160px 0
	} 

 	

/* contact  ==================================== */

	#map-canvas {
		width:100%;
		height:300px;
		background:#fff; 
		position:relative !important;
	} 	
	
	.map-container {
		padding:10px;
		background:#fff;
		margin:0 1em 0 0;
		position:relative !important;
	}	
	
	.underlay {
		background:#034F8B;
		background:rgba(3,79,139,.8); 
		padding:2em	
	}

/* grid  ==================================== */

	.grid {
		padding-bottom:4em
	} 	

	.grid img {
		display: block;
		width:100%;
		height: auto; 
	} 	
	
	.gridprofiles h1 {
		margin:2em 0 .5em	
	}

	.gridprofiles { 
	}

	.gridprofiles .inner {
		margin:0;
		padding:0;	
		display: block;
		position: relative;
	}

	.gridprofiles .inner img {
		margin:0;	
	}

	.gridprofiles .inner .overlay {
		position: absolute;
		background: transparent;
		top:0;
		left:0;
		right:0;
		bottom:0; 
		-webkit-transition: top .5s;
		-o-transition:.5s;
	  	-ms-transition:.5s;
	  	-moz-transition:.5s;
	  	-webkit-transition:.5s;
	  	transition:.5s;		
	  	cursor: pointer; cursor: hand;
	  	display: block
	}

	.gridprofiles .inner:hover .overlay {
		backround:#0f0f0f;
		background: rgba(15,15,15,0.8);
	}

	.gridprofiles .inner .overlay .info {
		position: absolute;
		bottom:35%;
		left:1em;
		right:1em;	
		-webkit-transition: top .5s;
		-o-transition:.5s;
	  	-ms-transition:.5s;
	  	-moz-transition:.5s;
	  	-webkit-transition:.5s;
	  	transition:.5s;	
	}
	
		.gridprofiles .inner .overlay .info-profile {
	 
		bottom:30% !important;
		}

	.gridprofiles .inner .overlay h2, 
	.gridprofiles .inner .overlay h3 {
		color:#fff; 
		/* text-transform: uppercase; */
		margin:0;
		display: none;	
	}
	
	.gridprofiles .inner .overlay h3 {
			color:#41c3ed;
			font-size:1em
	}
	.gridprofiles .inner:hover .overlay .info {
		bottom:40%; 
	}

	.gridprofiles .inner:hover .overlay h2, 
	.gridprofiles .inner:hover .overlay h3 {
		display: block;
	}
	
	
	.gridprofiles .inner .overlay h3.button {
		margin-top:.2em	
	}
	
	
	.gridprofiles .inner .overlay h3.button a {
		background:#111;
		background: rgba(15,15,15,0.3);
                color:#fff;
		border: solid 1px #fff;
		padding:0.2em .5em;
		line-height:3em
	}
	
	.pages-profiles {
		padding-bottom:6em	
	}

	
/* Alternate coloumns  ==================================== */
	
	 
	.cols-4 .span2 {  
		width:16.66%;
	}
	
	.cols-7 .span2 {  
		width:14.28%;
	}	
	
	.cols-5 .span2 {  
		width:20%;
	} 		

	
/* Media Queries  ==================================== */

@media screen and (max-width: 65em) {
	
	.logo { 
	    top:0.2em;
	}
	
	.logo img {  
		width:50px;
	}
	
	
}

@media screen and (max-width: 60em) {
	
		/* Menu Link ==================================== */	
	h2.menulink {
		background:none;
                
	}

	
	h2.menulink a {
	    background: #034f8b url(../images/menu_btn.png) no-repeat 10px 10px;	
		display: block;
	}
	
        #quick_nav {
            display: none
        }
	#quick_nav>li {
		float: none;
	}

	#quick_nav_container ul {
		position: absolute !important;
		width: 150px;
	}


	#quick_nav_container ul.level2 {
		top:0em;
		left:150px;
		position: static;
		white-space: normal;
	}

	#quick_nav_container ul.level3 {
		left:150px;
		position: static;
		white-space: normal;
		left: not 100%;
	}


	#quick_nav_container li.level1>a {
		background:#ffffff;
		padding:1em;
		text-decoration: none;
		color:#333;
		border-bottom:  solid 1px #eee;
		font-weight:normal;
		font-family: "Open Sans",sans-serif;
		font-size: 1em;
		height:auto;
	}
	#quick_nav_container li.level1>a:hover {
		background:#eee;
		color:#333;
	}
	
	#quick_nav_container ul.level1 {
		left: 86px;
	}
	
	#quick_nav_container li a.active, #quick_nav_container li a.active:hover {
		color:#fff !important;
		background:#023359 !important;
		box-shadow:none;
		-box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		-khtml-box-shadow:none;
	}
	 
}
	
@media screen and (max-width: 50em) {
	
	.container {
	    min-width:100%;
	    max-width:100%;
	    padding:0;
	    margin:0; 
	}
	
	.span1,.span2,.span3,.span4,.span5,.span6,.span7,.span8,.span9,.span10,.span11,.span12,#footer .span3,#network .span3,.highlights .span3,.cols-4 .span2, .cols-7 .span2  {
	    width:100%
	}
	
	.inner {
	    margin:0 0 1em 
	}	 
	 
	.map-container {
		margin-right:0;
		padding:0px; 
	}
	
	#map-canvas { 
		height:400px;  
	} 		
	
	.mini-menu a.linkedin { 
	}
	
        img.brand-thumb {
            width:98% !important;
            height:auto;
            margin:0 1% 1em;
        }
        
        .container-brands, 
        .container-brands table{
            color:#555 !important;
        }
        
        .container-brands h1 {
            color: #000
        }        
	 
/* Navigation fullscreen ==================================== */				
				
	#quick_nav_container {
		width:100%	
	}
 
	#quick_nav_container ul { 
		width:100%; 
	}
	
	#quick_nav_container ul.level1 {
		top:2.7em;
		left: 0;
		width:33.3%;  
		
	}
	
	#quick_nav_container ul.level2 {
		top:0em;
		left: 100%;
		width:100%; 
		display:none;
	}
	
	#quick_nav_container ul.level3 {
		top:0em;
		left: 100%;
		width:100%; 
		display:none;
	}
	
	#quick_nav_container ul.level4 {
		top:0em;
		left: 100%;
		width:100%; 
		display:none;
	} 	
	
	.pagination-container a.nav-link {
		display: none	
	}
	
	#container-about-us .inner-padded {
		margin-top:0em;
		padding-left:0;
	}
	
	h2.pagesubtitle {
		font-size:2.2em; 
		line-height:1em; 
	}
 	
 	#bgvid {
 		display: none; 
 	}
 	
	
	#container-home .desc {
		font-size:2em; 
	}
	
}	

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

        .cover {
            display: block;
            width:100%;
            height: auto;
            margin:0;
            padding:0;
        }
        
        .page-container {
            background:#fff !important
        }
        .pages-profiles {
            background:#004c88 !important
        }
        
        .container-table { 
            background:#fff;
            box-shadow: none;
            width:100%;
            text-align: left;
            height: auto
        } 
        
        .padded {
		padding:3.5em 3em 4em !important;	
	}
        
        h1 {
            font-size:2.8em
        }
        .innospan {
            width:50%
        }
	.gridprofiles {
		padding-top:3em
	}
}