/* 
	Retro-fit responsive css.
	Re-purpose for devices < 979px;
*/


/* Fonts for burger */

@charset "UTF-8";




@font-face {
  font-family: "useful-icons";
  src:url("../fonts/useful-icons.eot");
  src:url("../fonts/useful-iconsd41d.eot?#iefix") format("embedded-opentype"),
    url("../fonts/useful-icons.html") format("woff"),
    url("../fonts/useful-icons.ttf") format("truetype"),
    url("../fonts/useful-icons.svg#useful-icons") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "useful-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "useful-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-align-justify:before {
  content: "a";
}
.icon-caret-left:before {
  content: "b";
}
.icon-caret-right:before {
  content: "c";
}
.icon-caret-up:before {
  content: "d";
}
.icon-caret-up-two:before {
  content: "e";
}
.icon-angle-double-down:before {
  content: "f";
}
.icon-angle-double-left:before {
  content: "g";
}
.icon-angle-double-right:before {
  content: "h";
}
.icon-angle-double-up:before {
  content: "i";
}
.icon-angle-down:before {
  content: "j";
}
.icon-angle-left:before {
  content: "k";
}
.icon-angle-right:before {
  content: "l";
}
.icon-angle-up:before {
  content: "m";
}
.icon-facebook:before {
  content: "n";
}
.icon-linkedin:before {
  content: "o";
}
.icon-twitter:before {
  content: "p";
}
.icon-youtube-square:before {
  content: "q";
}
.icon-youtube-play:before {
  content: "r";
}
.icon-youtube:before {
  content: "s";
}
.icon-windows:before {
  content: "t";
}
.icon-trash-bin:before {
  content: "u";
}
.icon-file-document:before {
  content: "v";
}
.icon-facebook-square:before {
  content: "w";
}
.icon-chat-bubble:before {
  content: "x";
}
.icon-apple:before {
  content: "y";
}
.icon-check-mark-circle:before {
  content: "z";
}

.mobile-opener {
	display: none;
}

#clonedLeftNav.sideMenu {
	display:none !important;
}


@media (max-width: 979px) {




	.mobile-opener {
		display:block;
		position: absolute;
		top: 2px;
		right: 10px;
		width: 20px;
		height: 20px;
		border: solid 1px #dbdbdb;
		font-size: 20px;
		padding: 7px;
		text-align: center;
		color: #b1b1b1;
		cursor:pointer;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		z-index:500;
	}
	.translationBar {
		display:none;
	}
	#topPanel {
		height:86px;
	}
	.logo img {
		width:116px;
		height:auto;
		margin:0px 0 0 9px;
	}
	#header {
		background-size: cover !important;
		background-repeat: no-repeat !important;
		background-position: 50% 50% !important;
		height:275px;
	}
.logo2{ display:none;}
#imagempag{ display:none;}
.logo3{ display:block!important;}
.logo2 img{    margin-top: -11px;
    width: 136%;}
		#header div.topwrapper {
			width:100%;
		}
		#header div.wrapper {
			width: 100%;
			height:275px;
		}

			#header div.wrapper div.headline {
				width: 94%;
				padding: 15px 3%;
				left: auto;
				height: auto;
				bottom: 0;
				background: rgba(0,0,0,0.75);
				border-top: solid 1px rgba(255,255,255,.25);
			}
	#nav {
		display:none;
		width:70%;
		height:auto;
		max-width:150px;
		top:33px;
		left:auto;
		right:0px;
		line-height:1.5;
		background:none;
		z-index:1000;
	}
		#nav ul {
			background:#555;
		}
			#nav ul li {
				display:block;
				padding:0;
			}
				#nav ul li a {
					display:block;
					padding:3px 8px;
					font-size:12px;
					border-bottom:solid 1px rgba(255,255,255,0.2);
				}
	#header div.darkTint {
		display:none;
	}
	#content {
		width:100%;
		margin:0;
		padding-top:15px;
		overflow:hidden;
	}
	#content div.colLeft {
		width:24%;
		margin-right:2%;
	}
	#content div.colMid, #content div.colMid.wide {
		width:67%;
	}
	#content div.colRight {
		float:none;
		clear:both;
		padding-top:30px;
		width:94%;
		padding:30px 3% 10px;
		min-height:0;
	}
	#caseList div.caseStudy.last {
		 margin-right: 20px !important;
	}
	#caseList div.caseStudy:nth-child(6)
	{
		clear:none;
	}
	#caseList div.caseStudy:nth-child(4)
	{
		clear:both;
	}
	#caseDetail div.txtColumn {
		width:auto !important;
	}
	#newsDetail {
		width:95%;
	}
	#newsList div.item div.titling {
		width:95%;
	}
	#timeline {
		display:none;
	}

}

@media (max-width: 600px) {

.mod{width:98%!important;float:none!important;display:block!important; margin-bottom:10px!important}
.mod1{ width:98%!important;float:none!important; margin-top:20px!important}


#mobilee{ width:100%!important}
	#clonedLeftNav.sideMenu {
		display:none !important;
	}
		#clonedLeftNav.sideMenu ul {
			margin-left:20px;
		}
	#content {
		width:100%;
		margin:15px 0;
		padding:0
	}
	.safety-logo {
		display:none;
	}
	.nnonon{ display:block!important}
	#content div.colLeft {
		display:none;
		width:90%;
		margin-left:5%;
		border-left:dotted 1px #dbdbdb;
		border-right:none;
		margin-bottom:15px;
		float:none;
	}
	#content div.colMid, #content div.colMid.wide {
		float:none;
		width:92%;
		margin:0 auto;
		padding:0;
	}
	#content div.colRight {
		float:none;
		width:95%;
		margin:0 auto;
	}
	ul.sideMenu li {
		text-align:left;
	}
	#caseList div.caseStudy:nth-child(4)
	{
		clear:none;
	}
	#caseList div.caseStudy:nth-child(3)
	{
		clear:both;
	}
	#caseDetail div.imageColumn {
		width:auto !important;
		height:auto;
	}
	#caseDetail div.imageColumn img {
		width:100%;
		height:auto;
	}
}