/* CSS Document */
@font-face {
	font-family: 'Gotham Light';
	src: url('/fonts/Gotham-Light.eot');
	src: url('/fonts/Gotham-Light.eot?#iefix') format('embedded-opentype'),  url('/fonts/Gotham-Light.woff') format('woff'),  url('/fonts/Gotham-Light.ttf') format('truetype'),  url('/fonts/Gotham-Light.svg#Gotham-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Gotham Medium';
	src: url('/fonts/Gotham-Medium.eot');
	src: url('/fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'),  url('/fonts/Gotham-Medium.woff') format('woff'),  url('/fonts/Gotham-Medium.ttf') format('truetype'),  url('/fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
	font-weight: normal;
	font-style: normal;
}

html, body {
	margin: 0px;
	padding: 0px;
}
.wrapper {
	width: 100%;
	max-width: 1465px;
	margin: 0 auto;
}
.wrapper-inside {
	width: 100%;
	max-width: 1180px;
	margin: 0 auto;
}

h2 {
	font-family: 'Gotham Medium';
	font-weight:bold;
	font-size:50px;
	margin:0px;
}
p, #sustainable-solutions ul {
	font-family: 'Gotham Light', Arial;
	font-size: 16px;
	line-height: 24px;
	color: #FFF;
	max-width: 390px;
}
a {
	color: #900028;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	text-decoration: underline;
}
.row {
	width: 100%;
	position: relative;
	float: left;
}
.row-padding {
	padding: 0 15px;
}
.divider {
	border-bottom: 10px solid #8a9ba2;
	width: 100%;
	clear: both;
}
.table-div {
	display: table-cell;
	padding: 0px 15px;
}
.left-float {
	width: 43%;
	position: relative;
	float: left;
}
.right-float {
	width: 57%;
	position: relative;
	float: left;
}

.left-float2 {
	width: 50%;
	position: relative;
	float: left;
}
.right-float2 {
	width: 50%;
	position: relative;
	float: left;
}
.two {
	width: 50%;
	position: relative;
	float: left;
}
.four {
	width: 25%;
	position: relative;
	float: left;
}

.responsive-container { position: relative; padding-bottom: 45%; padding-top: 30px; height: 0; overflow: hidden; }
.responsive-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#mobile-menu, #mobile-sub-menu, #mobile-bump {
	display:none;
}
#mobile-sub-menu {
	position: relative;
    top: -145px;
}

.m-sub-nav .two {
	text-align:center;
	color:#FFF;
	font-family: 'Gotham Medium';
	font-weight:bold;
	font-size:12px;
}

#m-logo {
	width:100%; 
	text-align:center; 
	position:relative; 
	top:0px; 
	z-index:5000; 
	height:98px;
}

.m-icon {
	position:relative;
	top:-80px;
}

#mobile-whitebar {
	width:100%; 
	height:98px; 
	background-color:#FFF; 
	position:relative; 
	top:-144px;
}

#m-itw {
	width:292px; 
	height:143px;
}

#mobile-sub-menu-brands, #mobile-sub-menu-contact {
	display:none;
}

#mobile-sub-menu-contact p {
	font-family: 'Gotham Medium';
	font-size:20px;
	line-height:25px;
	color:#465a65;
	max-width:none;
}

/*Map */
#containerBox {
	position:relative; 
	width:100%; 
	height:1110px; 
	overflow:hidden;
}

#north-america {
	position: absolute;
	top: 372px;
	left: 230px;
}

#latin-america {
	position: absolute;
	top: 1560px;
	left: 1082px;
}

#asia {
	position: absolute;
	top: 650px;
	left: 4977px;
}

#europe {
	position: absolute;
	top: 251px;
	left: 3053px;
}

#drag-icon {
	position: absolute;
	top: 126px;
	left: 371px;
}

#global-reach {
	position: absolute;
	top: 150px;
	left: 562px;
}

/*homepage slides */
.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}
.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}
.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}
.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}
.rslides_tabs {
	list-style: none;
	padding: 0;
	list-style: none;
	margin: 0 auto 50px;
	max-width: 430px;
	padding: 10px 0;
	text-align: center;
	width: 100%;
	z-index: 5000;
	position: relative;
	top: -111px;
}
.rslides_tabs li {
	display: inline;
	float: left;
	margin-right: 1px;
}
.rslides_tabs a {
	width: auto;
	padding: 9px 20px;
	height: auto;
	display: inline;
}
.rslides_tabs li:first-child {
	margin-left: 0;
}
.slide-btns a {
	display: inline-block;
}
.slide-btns a {
	padding: 0;
}
.slide-btns #innovation-thumb {
	background-image: url(/img/btn_innovation.png);
}
.slide-btns #globalreach-thumb {
	background-image: url(/img/btn_globalreach.png);
}
.slide-btns #sustainability-thumb {
	background-image: url(/img/btn_sustainability.png);
}
.rslides_here #innovation-thumb {
	background-image: url(/img/btn_innovation_on.png);
}
.rslides_here #globalreach-thumb {
	background-image: url(/img/btn_globalreach_on.png);
}
.rslides_here #sustainability-thumb {
	background-image: url(/img/btn_sustainability_on.png);
}
 @media all and (max-width:1360px) {
	.rslides_tabs {
		top: -86px;
	}
}
 @media all and (max-width:1260px) {
	.rslides img {
		width: 1245px;
	}
}

#innovation-header {
	position:absolute; 
	top:400px; 
	z-index:9000; 
	left:350px;
}

#global-header {
	position:absolute; 
	top:310px; 
	z-index:9001; 
	left:-850px;
}

#globalreach {
	width: 100%;
	background-image: url(/img/map.jpg);
	background-repeat:repeat;
	background-position:top center;
	overflow: auto;
	min-height:791px;
}

.global-map {
	max-width:550px;
}

#sustainability-header {
	position:absolute; 
	top:400px; 
	z-index:9003; 
	left:-850px;
}

.m-header {
	display:none;
}

@media all and (max-width:1600px) {
	#global-header {
		top:165px;
	}
	
	#innovation-header, #sustainability-header {
		top:200px; 
	}
}

@media all and (max-width:1400px) {
	#global-header {
		top:140px;
	}
	
	.h-copy {
		width:90% !important;
		height:90% !important;
	}
}


/* Brands - floating nav bar */
#brand-bar {
	/* background-image:url(/img/brand-bar.png);
	background-repeat:no-repeat;
	background-position:top center; 
	height:145px; */
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 10000;
	text-align: center;
}
#brand-content {
	width: 1242px;
	height: 145px;
	margin: 0 auto;
}
.brand-icon {
	display: inline;
	position: relative;
	top: 30px;
}
/*Story */
.story {
	margin: 80px 0 50px 0;
}

.story .right-float {
	padding-top:20px;
}

.inner-story {
	margin:130px 0px;
}

#story-container {
	margin-left: 160px;
}

#itw_video {
	top:-5px;
}

#itw_video > div {
	padding-top:110px;
}

.video_padding {
	padding:20px;
	background-color:#1B1B1B;
}

.icon-float {
	width: 32%;
	position: relative;
	float: left;
	text-align: right;
}
.hexigons-float {
	position: relative;
	left:100px;
	padding:100px 0;
	float: left;
	text-align: right;
}
.brand-float {
	width: 68%;
	position: relative;
	float: left;
	text-align: left;
}
.hero {
	display:none;
}
.flare {
	background-image: url(/img/red-flare.png);
	background-repeat: no-repeat;
	background-position: left center;
	overflow:hidden;
}

/* Innovation */
#innovation {
	width: 100%;
	background-image: url(/img/innovation/bg.jpg);
	background-repeat:none;
	background-position:top center;
	/*background-repeat: repeat;*/
	overflow: hidden;
}
.innovation-copy {
	padding-left:150px; 
	padding-top:150px;	
}
.innovation-title {
	color:#fff;
}

/*Sustainable Leadership */
.dark {
	color:#34434b;
	text-align:center;
	width:100%;
	margin:60px 0 35px 0;
}

.dark-p {
	color:#34434b;
	max-width:470px;
	font-size:18px;
	line-height:22px;
}

.dark-p a {
	font-weight:bold;
}

.dark-p li {
	color:#34434b;
	margin-bottom:15px;
	background-image: url(/img/bullet.png);
    background-repeat: no-repeat;
    background-position: 0px top; 
    padding-left: 25px; 
}

.dark-p {
    list-style-type: none;
}

.left-float2 .row-padding, .right-float2 .row-padding {
	padding:0px 25px;
}

#globalreach .row-padding {
	padding:185px 15px 0 15px;
}

#sustainable-leadership {
	background-image: url(/img/leadership-bg.jpg);
	background-repeat:repeat;
	background-position:top center;
	overflow:auto;
}

#sustainable-excellence {
	background-image: url(/img/excellence-bg.jpg);
	background-repeat:repeat;
	background-position:top center;
	overflow:auto;
}

#sustainable-solutions {
	background-image: url(/img/solutions-bg.jpg);
	background-repeat:repeat;
	background-position:top center;
	overflow:auto;
}

/*Hobart */
#hobart {
	width: 100%;
	background-image: url(/img/hobart/bg.jpg);
	background-repeat: repeat;
	overflow: hidden;
}
#hobart-icons {
	padding-top:57px;
}
.hobart-hero {
	background: url(/img/hobart/hero.png) 80% 100px no-repeat fixed; 
	height:650px;
}

/*Vulcan */
#vulcan {
	width: 100%;
	background-image: url(/img/vulcan/bg.jpg);
	background-repeat: repeat;
	overflow: hidden;
}
#vulcan-icons {
	padding-top:57px;
}
.vulcan-hero {
	background: url(/img/vulcan/hero.png) 85% 100px no-repeat fixed; 
	height:650px;
}

/*Bonnet */
#bonnet {
	width: 100%;
	overflow: hidden;
	background-color: #252525;
}
#bonnet-icons {
	padding-top:55px;
}
.bonnet-hero {
	background: url(/img/bonnet/hero.png) 80% 100px no-repeat fixed; 
	height:650px;
}

/*Baxter */
#baxter {
	width: 100%;
	background-image: url(/img/baxter/bg.jpg);
	background-repeat: repeat;
	background-position: bottom center;
	overflow: hidden;
}
#baxter-icons {
	padding-top:67px;
}
.baxter-hero {
	background: url(/img/baxter/hero.png) 70% 100px no-repeat fixed; 
	height:650px;
}

/* Traulsen */
#traulsen {
	width: 100%;
	background-image: url(/img/traulsen/bg.jpg);
	background-repeat: repeat;
	overflow: hidden;
}
#traulsen-icons {
	padding-top:51px;
}
.traulsen-hero {
	background: url(/img/traulsen/hero.jpg) 90% 100px no-repeat fixed; 
	height:650px;
}

/*Foster */
#foster {
	width: 100%;
	background-image: url(/img/foster/bg.png);
	background-repeat: repeat;
	overflow: hidden;
}
#foster-icons {
	padding-top:73px;
}
.foster-hero {
	background: url(/img/foster/hero.png) 85% 100px no-repeat fixed; 
	height:650px;
}

/*Hobart Service */
#hobart-service {
	width: 100%;
	overflow: hidden;
	background-color: #acacac;
}
#hobart-service-icons {
	padding-top:68px;
}
.hobart-service-hero {
	background: url(/img/hobart-service/hero.png) 90% 100px no-repeat fixed; 
	height:650px;
}

.brand-padding {
	padding-top:130px;
}

/* other brands */
#more-brands {
	margin: 50px 0px;
	width: 100%;
	text-align: center;
}
.other-brand-logos {
	padding-top: 50px;
}

.other-brand-logos .four {
	padding-bottom:15px;
}

/*newsletter */
#newsletter {
	background-color:#c6cccf;
	width:100%;
	overflow:auto;
	display:none;
}

#newsletter .wrapper {
	width: 100%;
	max-width: 1350px;
	margin: 0 auto;
}

#newsletter p {
	font-family: 'Gotham Medium';
	color:#465a65;
	font-size:18px;
	line-height:23px;
	max-width:none;
}

input, select, textarea
{
	background-color:#e8ecef;
	border: none;
	height:40px;
	line-height:40px;
	vertical-align:middle;
	color: #2b3338;
	font-family: 'Gotham Light';
	font-size:24px;
	padding:10px;
}  

#newsletter input {
	width:430px;
}

input[type=image] {
	background-color:transparent;
	border:none;
	padding: 10px 0px;
}

#newsletter-padding {
	padding:30px 15px;
}

#contact-side-panel {
	font-family: 'Gotham Medium';
	color:#465a65;
	font-size:18px;
	line-height:23px;
	max-width:none;
}

@media all and (max-width:975px) {
	#newsletter input {
		width:90%;
	}
}

@media all and (max-width:625px) {
	#newsletter .two {
		width:100%;
	}
	
	#newsletter-padding {
		padding:0px 15px 15px 15px;
	}
}

::-webkit-input-placeholder {
	color:#2b3338;
}

:-moz-placeholder { /* Firefox 18- */
	color:#2b3338;
}

::-moz-placeholder {  /* Firefox 19+ */
	color:#2b3338;
}

:-ms-input-placeholder {  
	color:#2b3338;
}

/*footer */
.footer-wrapper {
	max-width: 576px;
	width: 100%;
	margin: 0 auto;
}

.footer-wrapper a {
	font-weight:normal;
}

.footer-mobile {
	display:none;
}

@media all and (max-width:900px) {
	.footer-mobile {
		display:inline;
		width:100%;
		text-align:center;
	}
	
	.footer-mobile p {
		margin:0px;
		padding: 0px 5px;
		max-width:none;
	}
	
	.footer, .itw-footer {
		display:none;
	}
}

/*Innocation */
#inside-container {
	margin-left: 95px;
}

/*Story Icons */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-transform: translate3d(0px, 0, 0);
  -moz-transform: translate3d(0px, 0, 0);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -ms-fles-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-flex-shrink: 0;
  -ms-flex: 0 0 auto;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
}
/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
/* Arrows */
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  -moz-background-size: 27px 44px;
  -webkit-background-size: 27px 44px;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23007aff'/></svg>");
  left: 10px;
  right: auto;
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23000000'/></svg>");
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M0,22L22,0l2.1,2.1L4.2,22l19.9,19.9L22,44L0,22L0,22L0,22z' fill='%23ffffff'/></svg>");
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23007aff'/></svg>");
  right: 10px;
  left: auto;
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23000000'/></svg>");
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'><path d='M27,22L27,22L5,44l-2.1-2.1L22.8,22L2.9,2.1L5,0L27,22L27,22z' fill='%23ffffff'/></svg>");
}
/* 3D Container */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  -moz-perspective: 1200px;
  -o-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  /* Safari 4+, Chrome */
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Chrome 10+, Safari 5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 3.6-15 */
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Opera 11.10-12.00 */
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  /* Firefox 16+, IE10, Opera 12.50+ */
}
/* Coverflow */
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}
/* Fade */
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active {
  pointer-events: auto;
}

.capabilites {
	width: 100%;
	position:absolute;
	background-image:url(/img/white-bg.png);
	background-repeat:repeat;
	top:10px;
}

.swiper-container {
	width: 100%;
	height: 100%;
	padding: 40px 0px;
	max-width: 709px;
}

.swiper-button-next {
	background-image:url(/img/arrow-right.png);
	background-repeat:no-repeat;
	background-size: 19px 33px;
	background-position: center;
	position: absolute;
	top: 50%;
	right: 10px;
	left: auto;
	width: 19px;
	height: 33px;
	margin-top: -17px;
	z-index: 10;
	cursor: pointer;
}

.swiper-button-prev {
	background-image:url(/img/arrow-left.png);
	background-repeat:no-repeat;
	background-size: 19px 33px;
	background-position: center;
	position: absolute;
	top: 50%;
	right: auto;
	width: 19px;
	height: 33px;
	margin-top: -17px;
	z-index: 10;
	cursor: pointer;
	left: 10px;
}

/*Map */
#draggableElement {
	width:6975px;
	height:2220px;
	position:absolute; 
	cursor:pointer; 
	background-image:url(/img/map/map.gif);
}
 @media all and (max-width:1280px) {
	.brand-padding {
		padding-top:110px;
	}
 }
 
 @media all and (max-width:1210px) {
	 .story .left-float, .story .right-float {
		width: 100%;
	}
	.story .right-float {
		text-align: center;
		padding-top: 25px;
	}
	
	#story-container {
		margin:0px;
	}
	
	.story p {
		max-width:none;
	}
 }

 @media all and (max-width:1100px) {
	.left-float, .right-float, .left-float2, .right-float2 {
		width: 100%;
	}
	.right-float, .right-float2 {
		text-align: left;
		padding-top: 25px;
	}
	
	.left-float2 .row-padding, .right-float2 .row-padding {
	 	 padding: 0px 15px;
	}
	
	.flare {
		background-image: none;
	}
	.icon-float {
		width:32%;
	}
	
	.inner-story {
	  margin: 70px 0px;
	}
	
	.swiper-container {
		padding:50px 0;
	}
	
	p, .dark-p, #sustainable-solutions ul, .global-map {
		max-width:none;
	}
	
	#sustainable-solutions ul {
		padding:0px;
		margin:0px;
	}
	
	.dark-p {
		float:none !important;
	}
	
	#sustainable-excellence img {
		float:none !important;
	}
	
	.innovation-copy {
		padding:0px 15px;
	}
	
	.hexigons-float {
		text-align:center;
		left:auto;
		padding:0px;
		float:none;
	}
	
	#innovation-image img {
		max-width:395px !important;
		max-height:363px !important;
		padding-top: 20px;
	}
	
	#story-container p {
		max-width:100% !important;
	}
	
	.hero {
		display:block;
		padding-top:15px;
		max-width:600px !important;
		margin:0 auto;
	}
	
	.hobart-hero,.vulcan-hero, .bonnet-hero, .baxter-hero, .traulsen-hero, .foster-hero, .hobart-service-hero { 
		background-image:none;
		height:auto;
	}
	
	.icon-float-sm {
		width:15%;
	}
	
	.brand-float-sm {
		width:75%;
	}
}

@media all and (max-width:965px) {
	#global-reach {
		max-width: 450px;
		top: 206px;
		left: 506px;
	}
	
	#drag-icon  {
		max-width: 60px;
		top: 103px;
		left: 485px;
	}
}

/* Mobile Menu */
@media all and (max-width:900px) {
	#brand-bar, #contact-side-panel {
		display:none;
	}
	
	#mobile-menu {
		display:inline;
		width: 100%;
		position: fixed;
		top: 0px;
		z-index: 10000;
		height:97px;
		background-color:#FFF;
	}
	
	#m-logo {
		height:144px;
	}
	
	.m-icon {
		top: -125px;
	}
	
	#mobile-bump {
		display:block;
		height:98px;
		width:100%;
	}
	
	#global-header {
		top:100px;
	}
	
	#innovation-header, #sustainability-header {
		top:140px; 
	}
	
	#innovation-header {
		left:100px;
	}
	
	#itw_video > div {
		padding-top:10px;
	}
	
	#itw_video {
		top:90px;
	}
}

@media all and (max-width:720px) {
	.inner-story {
	  margin: 40px 0px;
	}
	
	#inside-container {
	  margin: 15px;
	}
	
	#inside-container p {
		max-width:none;
	}
	
	/*Map Small */
	#draggableElement {
		width:3488px;
		height:1110px;
		background-image:url(/img/map/mobile-map.gif);
	}
	
	#drag-icon {
		max-width: 60px;
		top: 27px;
		left: 207px;
	}
	
	#global-reach {
		max-width: 300px;
		top: 106px;
		left: 217px;
	}
	
	#containerBox {
		height:600px; 
	}
	
	#north-america {
		top: 199px;
		left: -50px;
		width: 1000px;
	}
	
	#latin-america {
		top: 762px;
		left: 440px;
		width: 1066px;
	}
	
	#europe {
		top: 20px;
		left: 1253px;
		width: 1011px;
	}
	
	#asia {
		top: 251px;
		left: 2325px;
		width: 1090px;
	}
}

@media all and (max-width:800px) {
	.story {
		margin: 60px 0 70px 0;
	}
	
	.brand-padding {
		padding-top:90px;
	}
}
@media all and (max-width:650px) {
	.header {
		display:none;
	}
	.m-header {
		display:inline;
	}
	
	#globalreach .row-padding {
		padding:110px 15px 0 15px;
	}
}

@media all and (max-width:600px) {
	.story .four, .other-brand-logos .four {
		width:33%;
	}
	
	.other-brand-logos {
		padding-top: 20px;
	}
	
	.swiper-container {
		padding: 130px 0;
	}
	
	.swiper-button-next, .swiper-button-prev {
		display:none;
	}
	
	#innovation-header {
		left:20px;
	}
}

@media all and (max-width:550px) {
	.icon-float {
		width:100%;
		position:absolute;
		top:148px;
		text-align:left;
	}
	
	.icon-float img {
		padding-left:20px;
	}
	
	.brand-float {
		width:100%;
	}
	
	.brand-float p {
		padding-top:115px;
	}
	
	#hobart-data p {
		padding-top:203px;
	}
	
	#mobile-menu {
		height:74px;
	}
	
	#m-logo {
		height:111px;
	}
	
	.m-icon {
		position:relative;
		top:-88px;
	}
	
	.m-icon img {
		width:50%; 
		height:50%;
	}
	
	#m-itw {
		width: 225px;
		height:auto;
	}
	
	#mobile-whitebar {
		height: 74px;
  		top: -110px;
	}
	
	#mobile-sub-menu {
	  top: -110px;
	}
	
	#mobile-bump {
		height:74px;
	}
	
	#innovation-header, #sustainability-header {
		top:120px; 
	}
	
	.h-copy {
		width:100% !important;
		height:100% !important;
	}
}

@media all and (max-width:470px) {
	.story .four, .other-brand-logos .four {
		width:50%;
	}
	
	.swiper-container {
		padding: 180px 0 300px 0;
	}
	
	#mobile-sub-menu .four {
		width:50%;
	}
	
	.slide-btns {
		display:none;
	}
	
	#story-container {
		margin-top:60px;
	}
	
	#globalreach .row-padding {
		padding:50px 15px 0 15px;
	}
	
	h2{
		font-size:35px;
	}
}
@media all and (max-width:430px) {
	#m-itw {
		width: 180px;
		height:auto;
	}
	
	#mobile-whitebar {
		height: 60px;
  		top: -88px;
	}
	
	#mobile-sub-menu {
	  top: -89px;
	}
	
	#mobile-menu {
		height:60px;
	}
	
	.m-icon {
		position:relative;
		top:-73px;
	}
	
	#m-logo {
		height:88px;
	}
	
	#mobile-bump {
		height:60px;
	}
}