/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,700);
@font-face {
    font-family: 'dinlight';
    src: url('dinlight-webfont.eot');
    src: url('dinlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('dinlight-webfont.woff2') format('woff2'),
         url('dinlight-webfont.woff') format('woff'),
         url('dinlight-webfont.ttf') format('truetype'),
         url('dinlight-webfont.svg#dinlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}
@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn; opacity:1;}
#delay1 {
	animation-delay: .2s;
	-webkit-animation-delay:.2s;
	opacity:0;
}
#delay2 {
	animation-delay: .4s;
	-webkit-animation-delay:.4s;
	opacity:0;
}
#delay3 {
	animation-delay: .6s;
	-webkit-animation-delay:.6s;
	opacity:0;
}
#delay4 {
	animation-delay: .8s;
	-webkit-animation-delay:.8s;
	opacity:0;
}
#change-img1:hover, #change-img2:hover, #change-img3:hover, #change-imgx1:hover, #change-imgx2:hover, #change-imgx3:hover, #block1:hover, #block2:hover, #block3:hover, .small-prod {
	cursor:pointer;
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
* {
	padding: 0px;
	margin: 0px;
	box-sizing:border-box;
	text-decoration:none;
	font-family:'dinlight';
	transition: ease-in-out .2s;
	color:#000;
}
.service-number {
	width:100%;
	height:auto;
	overflow:auto;
	background-color:#000;
	color:#ffffff;
	font-size:14px;
	text-align:right;
}
.wrapper980 {
	width:100%;
	max-width:980px;
	height:auto;
	overflow:visible;
	margin:0 auto;
}
.wrapper1024 {
	width:100%;
	max-width:980px;
	height:auto;
	overflow:auto;
	margin:0 auto;
}
.service-number .wrapper980 {
	padding:4px 0px;
}
.service-number a {
	padding:5px 0px;
	display:inline-block;
}
.service-number a, .service-number .wrapper980 {
	color:#ffffff;
	font-size:14px;
}
.service-number .wrapper980 span {
	float:left;
}
.service-number a:hover {
	text-decoration:underline;
	color:#fff;
}
.service-number .wrapper980 span a {
	background-color:#e30513;
	border:solid 2px #e30513;
	color:#fff;
	padding:3px 12px;
	display:inline-block;
}
.service-number .wrapper980 span a:hover {
	border: solid 2px #fff;
	color:#fff;
	background-color:transparent;
	text-decoration:none;
}
.header {
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
	height:auto;
	overflow:auto;
	width:100%;
}
.logo {
	float:left;
	margin: 10px 0px;
}
.logo img {
	height:62px;
	width:auto;
}
.menu {
	float:right;
}
nav li {
	float:left;
	list-style-type:none;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}
nav li a {
	color:#000;
	font-size:14px;
	font-weight:bold;
	border-bottom: solid 3px rgba(0,0,0,0);
	margin: 29px 0px;
	display:block;
	line-height:21px;
}
nav li:hover>a {
	border-bottom: solid 3px #e30513;
}
nav li a:hover {
	color:#000;
	text-decoration:none;
	border-bottom: solid 3px #e30513;
	transition: none;
}
nav li ul {
	position:absolute;
	background-color:#ededed;
	padding:15px;
	z-index:2;
	display:none;
}
nav li ul li {
	float:none;
	padding:0px;
	margin:10px 0px;
}
nav li ul li a {
	margin: 10px 0px;
}
nav li ul li a:last-of-type, nav li ul li:last-of-type {
	margin-bottom:0px;
}
.wears {
	width:100%;
	border-bottom: solid #e30513 6px;
	height:auto;
	overflow:auto;
	max-width:980px;
	margin: 0px auto;
}
.wears h1 {
	font-size:40px;
	color:rgba(255,255,255, 0.5);
	padding:0px;
	margin:0px;
	font-weight:bold;
}
.daytoday {
	width:34%;
	float:left;
	overflow:hidden;
	position:relative;
	height:auto;
	z-index:0;
}
.daytoday img {
	position:relative;
	height:100%;
	right:0px;
	transition: 5s;
  	transform: scale(1.0);
  	transform-origin: 100% 50%;
}
.daytoday2 {
	padding-top:25px;
	margin-left:8%;
	line-height:67px;
	height:100%;
	position:absolute;
	top: 0px;
}
.daytoday2 a, .staff2 a, .team2 a {
	color:#fff;
	background-color:#e30513;
	font-size:14px;
	border: solid 2px #e30513;
	font-weight:bold;
	padding:8px 12px;
	transition:ease-in-out .2s;
	position:absolute;
	line-height:normal;
	margin-left:8px;
	bottom:34px;
}
.daytoday2 a:hover, .staff2 a:hover, .team2 a:hover {
	background-color:transparent;
	border: solid 2px #fff;
	color:#ffffff;
	text-decoration:none;
}
.staff {
	width:46%;
	float:left;
	overflow:visible;
	position:relative;
	height:auto;
	margin:0px -8% 0px -7%;
}
.staff img {
	position:relative;
	height:100%;
	transition: 5s;
  	transform: scale(1.0);
  	transform-origin: 50% 50%;
}
.staff2 {
	padding-top:25px;
	margin-left: 16%;
	line-height:80px;
	height:100%;
	position:absolute;
	top: 0px;
	min-width: 200px;
}
.staff2 h1, .team2 h1 {
	font-size:40px;
}
.team {
	width:34%;
	float:right;
	overflow:hidden;
	position:relative;
	height:auto;
	z-index:1;
}
.team img {
	position:relative;
	height:100%;
	left:0px;
	transition: 5s;
  	transform: scale(1.0);
  	transform-origin: 0% 50%;
}

.animate1 {
  	transform: scale(1.2) !important;
  	transform-origin: 50% 0% !important; /* pan towards top of image */
}
.animate2 {
  	transform: scale(1.2) !important;
  	transform-origin: 0% 50% !important; /* pan towards top of image */
}
.animate3 {
  	transform: scale(1.2) !important;
  	transform-origin: 97% 50% !important; /* pan towards top of image */
}
.team2 {
	line-height:80px;
	padding-top:25px;
	margin-left:20%;
	position:absolute;
	top: 0px;
	height:100%;
	min-width:200px;
}
.team2 img {
	position:absolute;
	left:70%;
	top:20%;
	z-index:9;
	width:auto;
	height:auto;
}
.team2 a {
	bottom:34px;
}
.wears h1 span {
	color:rgba(255,255,255, 0.5);
}
.wears .daytoday2 h1 span {
	color:rgba(255,255,255, 0.5);
}
#main {
	font-size:30px;
	font-weight:bold;
	text-align:center;
	padding: 25px 0px;
	max-width:980px;
	line-height:55px;
	font-family:'dinlight';
	color:#000;
	margin:0 auto;
}
#main span {
	color:#e30513;
	text-decoration:underline;
	font-family:'dinlight';
}
.video {
	width:46%;
	float:left;
}
.rightcontent {
	width:52%;
	float:right;
	height:auto;
	overflow:auto;
	background-color:#efefef;
}
.rightcontent img {
	float:left;
	margin-right:20px;
	height:235px;
}
.rightcontent article {
	width:100%;
	height: 100%;
}
.rightcontent article h2 {
	color:#e30513;
	font-weight:bold;
	font-size:27px;
	margin-top:20px;
	margin-bottom:16px;
}
.rightcontent article p, .rightcontent article p strong {
	font-size:14px;
	font-family: 'Roboto', sans-serif;
	padding-right:15px;
}
.rightcontent article p {
	margin-bottom:12px;
}
.rightcontent article a {
	color:#fff;
	background-color:#e30513;
	font-size:14px;
	border: solid 2px #e30513;
	font-weight:bold;
	padding:8px 12px;
	transition:ease-in-out .2s;
	line-height:normal;
	position:absolute;
}
.rightcontent article a:hover {
	background-color:transparent;
	border: solid 2px #e30513;
	color:#e30513;
	text-decoration:none;
}
.innovation {
	height:auto;
	overflow:auto;
	width:100%;
	background-image:url(../newimages/innovation-bg.jpg);
	margin-top:40px;
}
.tab-content {
	width:100%;
	max-width: 980px;
	margin:0 auto;
}
.innovation .nav-tabs li {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0a09d+0,bcbcb8+21,e2e2de+49,e6e6e2+100 */
	background: #a0a09d; /* Old browsers */
	background: -moz-linear-gradient(top,  #a0a09d 0%, #bcbcb8 21%, #e2e2de 49%, #e6e6e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a0a09d 0%,#bcbcb8 21%,#e2e2de 49%,#e6e6e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a0a09d 0%,#bcbcb8 21%,#e2e2de 49%,#e6e6e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a09d', endColorstr='#e6e6e2',GradientType=0 ); /* IE6-9 */
	border-top: solid 7px rgba(0,0,0,0.3);
	border-radius: 0px;
	transition: ease-in-out .2s;
}
.innovation .nav-tabs li.active {
	background-color:#ffffff;
	background:#fff;
	filter: none;
	border-top:solid #e30513 7px;
	border-radius: 0px;
}
.nav-tabs>li {
	width:12.5%;
	border-left: 1px solid #adadaa;
	border-right: 1px solid #adadaa;
}
.nav-tabs>li:first-of-type {
	width:12.5%;
}
.nav-tabs>li:last-of-type {
	width:12.5%;
}
.nav-tabs>li>a {
	margin-right: 0px !important;
	width:100%;
	text-align:center;
	border:none !important;
	color:#000;
	font-family:'Roboto';
	font-weight:bold;
}
.nav-tabs>li>a>span {
	color:#e30513;
	font-family:'Roboto';
	font-weight:bold;
}
.nav-tabs>li.active>a {
	border:none !important;
	color:#e30513 !important;
	font-family:'Roboto';
	font-weight:bold;
}
.nav-tabs>li>a:hover {
	background-color:transparent !important;
}
.tab-content img {
	margin: 25px 10% 25px 0px;
	float:left;
	width:25%;
}
.tab-content h2 {
	color:#fff;
	font-weight:bold;
	font-size:40px;
	font-family:'dinlight';
	margin-top:45px;
}
.tab-content h2 span {
	color:#fff;
	font-family:'dinlight';
	font-weight:bold;
}
.tab-content p {
	font-size:18px;
	color:#fff;
	font-family:'Roboto';
	margin-bottom:30px;
}
#mainh2 {
	font-size:22px;
	font-weight:bold;
	text-align:center;
	padding: 40px 0px;
	line-height:55px;
	font-family:'dinlight';
	color:#000;
	max-width:980px;
	margin: 0 auto;
}
#mainh2 span {
	color:#e30513;
	text-decoration:underline;
	font-family:'dinlight';
}
.linkx {
	color:#fff;
	background-color:#e30513;
	font-size:14px;
	border: solid 2px #e30513;
	font-weight:bold;
	padding:8px 12px;
	transition:ease-in-out .2s;
	line-height:normal;
	cursor: pointer;
}
.linkx:hover {
	background-color:transparent;
	border: solid 2px #e30513;
	color:#e30513;
	text-decoration:none;
}
.linkx2 {
	color:#fff;
	background-color:#e30513;
	font-size:14px;
	border: solid 2px #e30513;
	font-weight:bold;
	padding:8px 12px;
	transition:ease-in-out .2s;
	line-height:normal;
}
.linkx2:hover {
	background-color:transparent;
	border: solid 2px #ffffff;
	color:#ffffff;
	text-decoration:none;
}
.school-container2 {
	width:100%;
	white-space: nowrap;
	height:155px;
	position:relative;
	overflow:hidden;
}
.school-container {
	width:100%;
	white-space: nowrap;
	height:155px;
	position:relative;
	max-width:980px;
	margin:0 auto;
}
.school-container img {
	margin:0px 25px;
	margin-bottom:50px;
	float:left;
	display:block;
	position: relative;
}
.gray {
	background-color:#efefef;
	height:auto;
	overflow:auto;
	margin-top:46px;
	padding:37px 0px;
}
.twitter {
	float:left;
	width:47%;
}
.availability {
	float:right;
	width:47%;
	margin-left: 6%;
	background-color:#000;
	position:relative;
}
.availability p {
	color:#fff;
	font-size:130px;
	float:left;
	letter-spacing:-10px;
	padding-left:15px;
	line-height:normal;
	margin-top:20px;
	margin-bottom:0px;
}
.availability span {
	font-size:44px;
	font-weight:bold;
	vertical-align:text-top;
	letter-spacing:normal;
	color:#fff;
}
.availability h3 {
	font-size:28px;
	font-weight:bold;
	float:left;
	color:#fff;
	margin-left:47px;
	margin-top:32px;
	line-height:normal;
}
.availability a {
	float:left;
	margin-left:47px;
}
.availability img {
	width:100%;
}
.top {
	width:100%;
	height: auto;
	overflow:auto;
	background-color:#58585a;
}
.bottom {
	width:100%;
	height:	auto;
	overflow:auto;
	background-color:#646567;
	padding: 12px 0px;
}
footer .top ul {
	float:left;
	margin-bottom:0px;
}
footer .top img {
	float:right;
	margin: 12px 0px;
}
footer .top li, footer .top span {
	float:left;
	list-style-type: none;
	color:#ffffff;
	line-height: 65px;
}
footer .top span {
	margin:0 5px;
}
footer .top li a, footer .bottom a {
	color:#ffffff;
	text-decoration:none;
}
footer .bottom p {
	color:#ffffff;
	float:left;
	margin-bottom:0px;
}
.ethical {
	float:right;
}
footer a:hover {
	text-decoration: underline !important;
}
.mobile-menu, #responsive-menu {
	display:none;
}
.mobileimg {
	display:none;
}
.wears li {
	height:0px;
	list-style-type:none;
}
.swipe, .swipe2 {
	display:none;
}
.red-line {
	border-top:1px solid #e30513;
	width:150px;
	transform:rotate(109deg);
	top:86px;
	position:absolute;
	left:148px;
}
.schoolimg img {
	position:absolute;
	display:block;
	vertical-align:middle;
	top: 0px;
	bottom: 0px;
	margin:auto;
	left:0px;
	right:0px;
	max-width: 110px;
}

.schoolimg {
	height:120px;
	position:relative;
}
#school {
	float:left;
	position:relative;
	width:135px;
	height:170px;
	margin-bottom:30px;
	text-align:center
}
#school h3 {
	text-align:center;
	font-family:helvetica,Arial,sans-serif;
	font-size:14px;
	font-weight:normal;
}
.mainimage-left {
	width:50%;
	-webkit-transform: skewX(-12deg);
	-moz-transform: skewX(-12deg);
	-ms-transform: skewX(-12deg);
	transform: skewX(-12deg);
	overflow:hidden;
	margin-left:-4%;
	display:inline-block;
	vertical-align:middle;
}
.mainimage-left img {
	width:109%;
	height:auto;
	-webkit-transform: skewX(12deg);
	-moz-transform: skewX(12deg);
	-ms-transform: skewX(12deg);
	transform: skewX(12deg);
}
.maincontent-right {
	width:45%;
	margin-left:4%;
	max-width:550px;
	vertical-align:middle;
	display:inline-block;
}
.maincontent-right h1 {
	font-weight:bold;
	font-size:40px;
	margin-top:0px;
	margin-bottom:20px;
	color:#ffffff;
}
.maincontent-right h2 {
	font-weight:bold;
	width:80%;
	margin-bottom:25px;
	color:#ffffff;
}
.maincontent-right p {
	font-size:14px;
	line-height:25px;
	font-family:'Roboto';
	color:#ffffff;
}
.maincontent-right p strong {
	color:#fff;
	font-family:'Roboto';
}
.topcontainer:before {
	display:inline-block;
	content:'';
	height:100%;
	vertical-align:middle;
}
.topcontainer {
	width:100%;
	overflow:auto;
	margin-bottom:50px;
	background-image:url(../newimages/top-bg.jpg);
	position:relative;
	max-width:980px;
	margin:0 auto;
}
.middlecontainer {
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:0px;
	background-image:url(../newimages/top-bg.jpg);
	position:relative;
}
.menu ul {
	margin-bottom: 0px;
}
.maincontent-right h1 span {
	font-size:43px;
	color:#e30513;
}
#nobg {
	background-image: none;
	margin-bottom:0px;
}
#nobg h1, #nobg p {
	color:#000;
}
.topcontainer a {
	color:#ffffff;
	background-color:#e30513;
	border: solid 2px #e30513;
	padding: 6px 12px;
	display:inline-block;
	margin-top:15px;
}
.topcontainer a:hover {
	border:solid 2px #fff;
	background:none;
	color:#fff;
	text-decoration:none;
}
#nobg a:hover {
	background-color:transparent;
	border:solid 2px #e30513;
	color:#e30513;
}
.fabric-bg {
	background-image: url(../newimages/innovation-bg.jpg);
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.imgleft {
	float:left;
	margin-right:4%;
	width:48%;
	position:relative;
	left:-48%;
	opacity:0;
}
.imgleft img, .imgright img {
	width:100%;
}
.contentright {
	float:right;
	width:48%;
	position:relative;
	right:-48%;
	opacity:0;
}
.contentleft {
	float:left;
	width:48%;
	margin-right:4%;
	position:relative;
	left:-48%;
	opacity:0;
}
.imgright {
	float:right;
	width:48%;
	position:relative;
	right:-48%;
	opacity:0;
}
.contentright h2, .contentleft h2 {
	font-size:24px;
	color:#e30513;
	font-family:'Roboto';
	margin-bottom:20px;
}
.contentright p, .contentleft p {
	font-size:14px;
	color:#ffffff;
	line-height:25px;
	font-family:'Roboto';
	margin-bottom:20px;
}
.contentleft p strong, .contentright p strong {
	color:#fff;
	font-family:'Roboto';
}
.contentright h3, .contentleft h3 { 
	color:#e30513;
	font-family:'Roboto';
	font-size:14px;
	line-height:25px;
}
.info {
	float:left;
	margin-right: 17px;
}
.fabric {
	padding: 100px 0px 0px 0px;
	height:auto;
	display:table;
	overflow:visible;
}
.fabric-white {
	transform:skewY(-7deg);
	height: auto;
	overflow:hidden;
	background-color:#fff;
	margin-top:130px;
	margin-bottom:-7%;
	padding-bottom:7%;
}
.fabric-white .wrapper980 {
	transform:skewY(7deg);
	overflow:visible;
}
.fabric-white .contentright p, .fabric-white .contentleft p {
	color:#000;
}
.fabric-white .fabric:last-of-type {
	margin-bottom:77px;
}
.getintouch {
	background-image: url(../newimages/get-in-touch-bg.jpg);
	height:auto;
	overflow:auto;
	width:100%;
	padding: 25px 0px;
}
.getintouch h4 {
	font-size:44px;
	font-family:'dinlight';
	color:#000;
	font-weight:bold;
}
.getintouch p {
	color:#fff;
	font-size:15px;
	font-family:'roboto';
	line-height:25px;
}
.getintouch p a {
	color:#fff;
	text-decoration:none;
}
.getintouch p a:hover {
	color:#fff;
	text-decoration:underline;
}
.plus-button {
	z-index:9;
	font-size:31px;
	color:#ffffff;
	background-color:#e30513;
	border-radius: 50%;
	width:44px;
	height:44px;
	text-align:center;
	font-family:'Roboto';
	border: solid 2px #e30513;
	box-shadow: 0px 0px 0px 7px rgba(277,5,19,0.6);
	animation-name: circlePulse;
	-webkit-animation-name: circlePulse;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	animation-timing-function:ease-in-out;
	-webkit-animation-timing-function:ease-in-out;
	transform-origin: 50% 50%;
	position:absolute;
	left: 50%;
	top:50%;
	margin-left:-22px;
	margin-top:-22px;
	cursor:pointer;
}
.plus-button:hover {
	animation-name: none;
	-webkit-animation-name:none;
}
.button-container {
	position:absolute;
	top:0px;
	left:10px;
	width:75px;
	height:75px;
	transform:scale(0.01);
	z-index:1;
}
.button-container span {
	width:16px;
	height:16px;
	color:#fff;
	top:50%;
	left:50%;
	margin-top:-8px;
	margin-left: -8px;
	line-height:12px;
	position:absolute;
	display:inline-block;
}
#clima-1 {
	top:18%;
	left:75%;
}
#clima-2 {
	top:63%;
	left:24%;
}
#hydro-1 {
	top:21%;
	left:68%;
}
#hydro-2 {
	top:57%;
	left:13%;
}
#storm-1 {
	top:43%;
	left:71%;
}
#storm-2 {
	top:69%;
	left:14%;
}
#performatex-1 {
	top:39%;
	left:70%;
}
#performatex-2 {
	top:67%;
	left:15%;
}
#performashell-1 {
	top:42%;
	left:68%;
}
#performashell-2 {
	top:38%;
	left:15%;
}
#performashell-3 {
	top:65%;
	left:10%;
}
#projersey-1 {
	top:7%;
	left:62%;
}
#projersey-2 {
	top:35%;
	left:7%;
}
#profleece-1 {
	top:7%;
	left:63%;
}
#profleece-2 {
	top:36%;
	left:8%;
}
#thermotex-1 {
	top:33%;
	left:65%;
}
#thermotex-2 {
	top:52%;
	left:7%;
}
.fabric-nav {
	position:absolute;
	right: -160px;
	top:35px;
	padding:20px;
	background-color:rgba(0,0,0,0.6);
	z-index:999;
}
.fabric-nav ul {
	margin-bottom:0px;
}
.fabric-nav li {
	text-align: right;
	color:#fff;
	list-style-type:none;
	cursor:pointer;
	height:25px;
	line-height:25px;
}
.fabric-nav li .namex {
	color:#fff;
	font-size:14px;
	line-height:25px;
	font-family: 'Roboto';
	margin-bottom:0px;
}
.fabric-nav li .circle {
	border-radius:50%;
	width:10px;
	height:10px;
	display:inline-block;
	background-color:#fff;
	margin-left:20px;
}
.shadowx .namex {
	color:#e30513 !important;
}
.shadowx .circle {
	box-shadow: 0px 0px 0px 7px rgba(255,255,255,0.5);
}
.leftx {
	float:left;
	width:50%;
	padding: 0px;
	left:0%;
	position:relative;
}
.leftx p {
	color:#fff;
	font-size:15px;
	line-height:25px;
	font-family:'Roboto', Arial;
	font-weight:lighter;
}
.testimonial {
	overflow:visible;
	display:inline-block;
	margin:40px 0px;
	position:relative;
}
#test-line {
	top:57px;
	left:-32px;
	width:120px;
}
.testimonial p {
	color:#e30513 !important;
	font-size:20px;
	font-family:'dinlight', Arial;
	text-transform:uppercase;
}
.testimonial p span {
	font-size:15px;
	color:#fff;
	font-family:'Roboto', Arial;
	display:block;
	text-transform:none;
}
.right-image {
	float:right;
	width:50%;
	position:relative;
	height:100%;
	right:0px;
	text-align:right;
	top:0px;
}
.right-image img {
	width:auto;
	height:auto;
	float:left;
	max-width: 490px;
	margin-top:45px;
	margin-bottom:45px;
}
.big-quote {
	font-size:140px;
	color:#fff;
	float:left;
	display:inline-block;
	font-family:Arial;
	margin-right:20px;
	margin-left:-5px;
	line-height:116px;
}
.rightx {
	float:right;
	width:62%;
	padding: 0px;
	position:relative;
	left: 62%;
	opacity:0;
}
.rightx h2 {
	font-weight:bold;
	font-size:49px;
}
.rightx h2 span {
	color:#e30513;
}
.rightx p {
	font-size:15px;
	line-height:25px;
	color:#000;
	font-family:'Roboto';
	max-width:550px;
	margin:25px 0px 40px 0px;
}
.rightx img {
	margin-top:40px;
	margin-right:5px;
	width:145px;
	float:left;
	-webkit-transform:scale(0.1);
	transform:scale(0.1);
	opacity:0;
}
.left-image {
	float:left;
	width:38%;
	overflow:hidden;
	position:absolute;
	height:100%;
}
#shirt3 {
	margin-right: 0px;
}
.left-image img {
	width: auto;
	height: 100%;
}
#something-else {
	text-align:center;
	padding:15px 0px;
}
#something-else h3 {
	font-size:46px;
	font-weight:bold;
}
#something-else h4 {
	font-size:25px;
	font-weight:bold;
}
#something-else h4 img {
	margin-left:10px;
}
.other-box {
	float:left;
	width:48%;
	height:284px;
	overflow:hidden;
	position:relative;
	margin-bottom:68px;
	left:-48%;
}
.other-box:nth-of-type(2) {
	margin-left:4%;
	float:right;
	left:48%
}
.other-box img {
	width:100%;
	height:auto;
	position:absolute;
	z-index: -1;
}
#others {
	overflow:hidden;
}
.other-box h2 {
	color: rgba(255,255,255,0.8);
	text-transform: uppercase;
	font-weight:bold;
	font-size:60px;
	padding-left:25px;
}
.other-box h2 span {
	color:rgba(255,255,255, 0.8);
	display:block;
	margin-left:55px;
}
.other-box .linkx2 {
	margin-top: 39px;
	display:inline-block;
	margin-left:25px;
}
.product {
	overflow:auto;
	margin-bottom:0px;
	padding-bottom:0px;
	overflow:hidden;
	clear:both;
	padding-top:0px;
	transition:all .5s ease-in;
	max-height: 0px;
}
.product-info-reveal:before {
	display:block;
	content:' ';
	margin: 0 auto;
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 25px solid black;
}
.product h2 {
	color:#fff;
	font-size:26px;
	font-weight:normal;
	background-color:#000;
	padding:20px;
	margin-top:0px;
}
.product h2 span {
	color:#e30513;
}
.product-info {
	float:left;
	width:48%;
}
.product-images {
	float:right;
	width:48%;
	text-align:center;
}
.product-info p {
	font-size:14px;
	line-height:25px;
	font-family:'Roboto';
}
span.red {
	color:#e30513;
	font-family:'Roboto';
}
.colour-block {
	width:44px;
	height:44px;
	border-radius:5px;
	position:relative;
	overflow:hidden;
	display:inline-block;
	margin-right:5px;
}
.colour-block.black {
	background-color: #000;
}
.colour-block.blue {
	background-color:#19233d;
}
.colour-block.white {
	background-color:#fff;
}
.white-line {
	width:44px;
	height:3px;
	-webkit-transform:skewY(45deg);
	transform:skewY(45deg);
	position:absolute;
	top:11px;
	background-color:#fff;
}
.blue-line {
	width:44px;
	height:3px;
	-webkit-transform:skewY(45deg);
	transform:skewY(45deg);
	position:absolute;
	top:11px;
	background-color:#19233d;
}
.measurement {
	font-size:14px;
	line-height:25px;
	font-family:'Roboto';
	border:solid 1px #575656;
	color:#575656;
	margin-bottom:4px;
	padding: 0px 6px;
	margin-right:4px;
	display:inline-block;
}
.measurement2 {
	font-size:14px;
	line-height:25px;
	font-family:'Roboto';
	border:solid 1px #575656;
	color:#575656;
	margin-bottom:0px;
	padding: 0px 6px;
	margin-right:0px;
	display:inline-block;
}
.measurement:last-of-type, .measurement2:last-of-type {
	margin-bottom:15px;
}
.feature {
	width:48px;
	height:auto;
	border-radius: 5px;
	margin-bottom:15px;
	margin-right:6px;
}
.product-info table {
	margin-bottom:15px;
}
.product-info table span {
	color:#e30513;
}
.product-info table td {
	padding: 4px;
	border:solid 1px;
	font-family:'Roboto';
}
.decorations {
	text-align:right;
}
.decoration { 
	margin-top:15px;
	width:23%;
}
.decoration:last-of-type {
	margin-left:10px;
}
.decoration-text {
	float:left;
	width:50%;
}
.prod-mainimage {
	width:100%;
	height:auto;
	margin:0px;
}
.product-images p {
	text-align:right;
	font-size:14px;
	line-height:25px;
	font-family:'Roboto';
	margin-top:5px;
}
.small-prod {
	width:32%;
	height:auto;
	margin-right:2%
}
.small-prod:last-of-type {
	margin-right:0px;
}
#animate1 {
	margin-top:0px;
}
.button-content {
	width: 225px;
	height: 225px;
	background-color: #fff;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	transition: all ease-in-out 0.3s;
	-webkit-transition: all ease-in-out 0.3s;
	-moz-transition: all ease-in-out 0.3s;
	position: absolute;
	display: table;
	opacity: 0;
}
.button-content p {
	color: #000;
	font-size: 14px;
	font-family: 'Roboto';
	display: table-cell;
	vertical-align: middle;
	padding: 0px 20px;
	text-align: center;
}
.black-button { background-color: #000; }
.black-button p { color: #fff; }
.content-active {
	opacity: 1;
}
#clima-content-1 {
	/*top: -70px;*/
	/*right: 70px;*/
	top: 30%;
	right: -7%;
}
#clima-content-2 {
	/*top: 160px;*/
	/*left: 160px;*/
	top: 47%;
	left: 35%;
}
#hydro-content-1 {
	/*top: -90px;*/
	/*right: 90px;*/
	top: 33%;
	right: 4%;
}
#hydro-content-2 {
	/*bottom: -85px;*/
	/*left: 85px;*/
	top: 48%;
	left: 20%;
}
#storm-1 {top:34%;}
#storm-content-1 {
	/*bottom: -30px;*/
	/*right: 30px;*/
	top: 0%;
	right: 20%;
}
#storm-content-2 {
	/*top: 50px;*/
	/*left: 0px;*/
	top: 0%;
	left: 9%;
}
#performatex-content-1 {
	top: 0%;
	right: 20%;
}
#performatex-content-2 {
	top: 9%;
	left: 0%;
}
#performashell-content-1 {
	top: 0%;
	right: 5%;
}
#performashell-content-2 {
	top: 0%;
	left: 14%;
}
#performashell-content-3 {
	top:48%;
	left:20%;
}
#projersey-content-1 {
	bottom: 0%;
	right: 7%;
}
#projersey-content-2 {
	bottom: 0%;
	left: 12%;
}
#profleece-content-1 {
	bottom: 8%;
	right: 0%;
}
#profleece-content-2 {
	bottom: 0%;
	left: 13%;
}
#thermotex-content-1 {
	bottom: 6%;
	right: 5%;
}
#thermotex-content-2 {
	bottom: 0%;
	left: 13%;
}
.tab-content>.active {
	height:auto;
	overflow:auto;
	min-height:260px;
}
#champions {
	width:50%;
}
#champions-right {
	width:50%;
}
#champions h2 {
	color:#000;
	font-size:36px;
	font-weight:bold;
	font-family:'dinlight';
}
.champ {
	height:auto;
	overflow:auto;
	margin-top:25px;
}
.champ img {
	float:left;
	margin-right:20px;
}
.champ h3 {
	font-size:28px;
	color:#e30513;
	font-family:dinlight;
	margin-top:0px;
}
.champ p {
	font-weight:normal;
}
.champ .linkx {
	display:inline-block;
	margin-top:17px;
}
#testimonial-large {
	padding: 45px 0px;
}
#testimonial-large p {
	font-size:21px;
	font-family:'dinlight';
	color:#e30513;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:0px;
}
#testimonial-large p span {
	color:#fff;
	font-size:20px;
	font-family:'Roboto';
	display:block;
	text-transform: none;
	font-weight:100;
	margin-top:10px;
}
#testimonial-large p:before {
	display:inline-block;
	margin-bottom:60px;
	font-size:120px;
	content:'\201C';
	font-family:Arial;
	float:left;
	line-height:104px;
	margin-right:35px;
	color:#fff;
}
#line-position {
	top:110px;
	left:177px;
}
#meet-team h2 {
	font-size:46px;
	font-weight:bold;
	margin-top:68px;
	margin-bottom:38px;
	padding-left: 20px;
}
.team-member {
	border: solid 3px #000;
	border-radius: 15px;
	height:auto;
	overflow:auto;
	margin-bottom:32px;
	background-color:#000;
	padding-right:20px;
}
.team-member img {
	float:left;
	margin-right:25px;
}
.team-member h2 {
	color:#fff;
	font-size:29px !important;
	margin-top:30px !important;
	text-transform:uppercase;
	margin-bottom: 0px !important;
}
.team-member h3 {
	color:#e30513;
	font-size:16px;
	font-family:'Roboto';
	margin-top:10px;
	font-weight:100;
	padding-left: 20px;
}
.team-member a {
	float:right;
	margin-top:30px;
}
.team-member p {
	color:#fff;
	font-size:14px;
	line-height:25px;
	font-family: 'Roboto';
	margin-top:20px;
	padding-left: 20px;
	padding-bottom: 5px;
}
#small-img {
	margin-top:32px;
}
.contact-main h2 {
	color:#000;
	font-weight:bold;
	font-size:20px;
	font-family:'Roboto', Arial;
	margin-bottom:0px;
}
#nomarg:before {
	margin-bottom: 0px;
}
.contact-main h2 span {
	color:#e30513;
	font-weight:normal;
}
.contact-main h2 a {
	color:#e30513;
	font-weight:normal;
	text-decoration:none;
	background-color: transparent;
	padding:0px;
	border:none;
	margin-top:0px;
}
.contact-main h2 a:hover {
	text-decoration:underline;
	border:none !important;
}
.contact-main p {
	font-size:15px;
	color:#000;
	font-family:'Roboto', Arial;
}
.contact-main h2:before {
	content:url(../newimages/telephone.jpg);
	display:inline-block;
	margin: 0px 20px 50px 10px;
	float:left;
}
.contact-main h2 ~ h2:before {
	content: url(../newimages/email.jpg);
}

.contact-main {
	border-left: solid 1px #e30513;
}
.form-container {
	width:60%;
	float:right;
	padding: 60px 0px;
}
.form-container p {
	color:#fff;
	font-size:18px;
	margin-bottom: 40px;
}
.form-container input[type=text] {
	width:100%;
	padding:10px;
	border-radius:4px;
	margin-bottom:20px;
	font-size:18px;
	color:#5c5c5c;
	outline: none;
	border: none;
}
.form-container input[type=submit] {
	padding:10px;
	margin-bottom:20px;
	font-size:21px;
	color:#fff;
	background-color: #ff020b;
	width: 35%;
	text-align: center;
	float: right;
	outline: none;
	border: none;
	border:2px solid #ff020b;
	transition: all ease-in-out .3s;
	-moz-transition: all ease-in-out .3s;
	-webkit-transition: all ease-in-out .3s;
}
.form-container input[type=submit]:hover {
	background-color: transparent;
	color: #fff;
	border: 2px solid #fff;
}
.form-container select {
	width: 60%;
	height: 50px;
	padding: 0px 35px 0px 10px;
	border: none;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius:4px;
	background: #fff url(../images/select-arrows.png) 96% no-repeat;
}
.required {
	clear: both;
	font-size: 14px;
}
.contact-details {
	float: left;
	width: 40%;
	padding: 60px 0px;
}
.contact-details ul {
	margin-top: 40px;
}
.contact-details ul li {
	color: #fff;
	list-style: none;
	font-size: 18px;
}

.floatrightx {
	float:right;
	max-width: 490px;
	padding:40px 20px 40px 0px
}
.floatleftx {
	float:left;
	max-width:607px;
	padding: 40px 0px 40px 20px;
}
.floatrightx2 {
	float:right;
	max-width: 588px;
	padding:40px 20px 40px 0px
}
.nav-tabs {
	max-width:980px;
	margin: 0 auto;
}
.grad-back {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0a09d+0,bcbcb8+21,e2e2de+49,e6e6e2+100 */
	background: #a0a09d; /* Old browsers */
	background: -moz-linear-gradient(top,  #a0a09d 0%, #bcbcb8 21%, #e2e2de 49%, #e6e6e2 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #a0a09d 0%,#bcbcb8 21%,#e2e2de 49%,#e6e6e2 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #a0a09d 0%,#bcbcb8 21%,#e2e2de 49%,#e6e6e2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a09d', endColorstr='#e6e6e2',GradientType=0 ); /* IE6-9 */
}
.school-container:before {
	content:'';
	position:absolute;
	background: -moz-linear-gradient(left,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); 
	height: 100%;
	width:100px;
	z-index:1;
}
.school-container:after {
	content:'';
	position:absolute;
	background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 );
	height:100%;
	width:100px;
	z-index:1;
	right:0px;
	top:0px;
}
#champions .floatrightx {
	padding-bottom: 0px;
}
#logistics h2 {
	color:#000;
	font-size:46px;
	font-family:'dinlight';
	font-weight:bold;
	margin: 60px 0px 20px 0px;
}
.blockx {
	width:30%;
	height:318px;
	background-size:cover;
	padding:15px;
	margin-right: 5%;
	float:left;
	margin-bottom:65px;
}
.blockx h3 {
	color:#fff;
	font-size:27px;
	font-family:'dinlight';
	font-weight:bold;
}
.blockx h4 {
	color:#000;
	font-size:46px;
	font-family:'dinlight';
	font-weight:bold;
	margin-bottom:40px;
}
.blockx h5 {
	color:#fff;
	font-size:26px;
	font-family:'dinlight';
	font-weight:bold;
}
.blockx h5 a {
	color:#fff;
	text-decoration: none;
}
.blockx h5 a:hover {
	text-decoration:underline;
}
#blockx3 {
	margin-right: 0px;
}
#blockx1 {
	background-image:url(../newimages/block1.jpg);
}
#blockx2 {
	background-image:url(../newimages/block2.jpg);
}
#blockx3 {
	background-image:url(../newimages/block3.jpg);
}
.shipping {
	float:left;
	width:48%;
	color:#000;
	font-family:'dinlight';
	font-weight:bold;
}
.shipping img, .guarantee img {
	float:left;
	margin-right:10px;
}
.guarantee {
	float:right;
	width: 48%;
	color:#e30513;
	font-family:'dinlight';
	font-weight: bold;
}
.shipping span, .guarantee span {
	font-size:110px;
	line-height:110px;
}
.shipping span, .shipping sup {
	display: inline-block;
}
.guarantee span, .guarantee sup {
	color:#e30513;
	display: inline-block;
}
.shipping sup, .guarantee sup {
	line-height:68px;
	font-size:30px;
	vertical-align:top;
}
.shipping h3, .guarantee h3 {
	float:right;
	position:relative;
	width:232px;
	display:inline-block;
	clear:none;
	top:32px;
	font-size:20px;
	margin-left:-50px;
}
.shipping h3 {
	float:right;
	position:relative;
	width:232px;
	display:inline-block;
	clear:none;
	top:32px;
	font-size:20px;
	margin-left:-25px;
}
.shipping p, .guarantee p {
	clear:both;
	font-size:15px;
	line-height:25px;
	font-family:'Roboto', Arial;
	font-weight: normal;
	margin-top: 20px;
}
.distribution {
	float:left;
	width:48%;
}
#logistics .distribution h2 {
	color:#e30513;
	font-family:'dinlight';
	font-weight: bold;
	font-size:36px;
}
.distribution p {
	font-size:15px;
	line-height:25px;
	font-family: 'Roboto', Arial;
}
.deliveries {
	float:right;
	width:48%;
	margin-top:28px;
	margin-bottom: 45px;
}
.deliveries .section {
	margin-bottom:6px;
	background-color:#e30513;
	height:auto;
	overflow:auto;
}
.deliveries .section img {
	float:left;
	margin-right: 17px;
}
.deliveries .section p {
	color:#fff;
	font-size: 15px;
	line-height:25px;
	padding: 17px 17px 0px 0px;
	margin-bottom: 0px;
}
.deliveries .section:first-of-type {
	background-color:#000;
}
.deliveries .section:last-of-type {
	background-color:#636365;
}
.team img, .daytoday img {
	width:120%;
	height:auto;
}
.staff img {
	height:auto;
	width:100%;
}
.team2 img {
	width:auto;
	height:auto;
}
#champions-right img {
	margin-top:60px;
}
#team-right {
	width:50%;
}
#team-right p {
	margin-bottom:20px;
}
#team-left {
	width:50%;
}
#team-right .floatleftx {
	float:left;
	max-width: 490px;
}
#animate4 {
	font-size:46px;
}
#shirts {
	float:right;
	max-width:490px;
	width:100%;
}
#shirt3 {
	clear: both;
}
#shirts img {
	width:47%;
	float:left;
	margin-left:0px;
}
#shirt1, #shirt3 {
	margin-right: 6%;
}
#shirt1, #shirt2 {
	margin-top:66px;
	opacity:0;
}
#shirt3, #shirt4 {
	margin-top: 20px;
	opacity:0;
}
#shirt2 {
	animation-delay:.4s;
	-webkit-animation-delay:.4s;
}
#shirt3 {
	animation-delay:.8s;
	-webkit-animation-delay:.8s;
}
#shirt4 {
	animation-delay:1.2s;
	-webkit-animation-delay:1.2s;
}
.product-grid-item {
	width:32%;
	margin-right:2%;
	position:relative;
	float:left;
	height:327px;
	overflow:hidden;
	margin-top: 20px;
	border-bottom: solid 4px #e30513;
}
.product-grid-item:nth-of-type(3n) {
	margin-right:0px;
}
.product-grid-item img {
	position:absolute;
	width:100%;
	height:auto;
	padding:16px;
	z-index:1
}
.product-overlay {
	position:absolute;
	z-index:2;
	background-color:rgba(0,0,0,0.9);
	height:327px;
	padding: 20px;
	bottom: -248px;
	width:100%;
	transition:all .3s ease-in;
}
.product-overlay h2 {
	color:#fff;
	font-size:16px;
	font-family:'dinlight', Arial;
	font-weight:normal;
	margin-top:12px;
	margin-bottom:24px;
}
.product-overlay h2 span {
	color:#fff;
}
.product-overlay p {
	color:#fff;
	font-size:16px;
	line-height:26px;
	font-weight:normal;
	margin-bottom: 35px;
}
.product-overlay a {
	cursor:pointer;
}
.overlay-animate {
	bottom: 0px;
}

.product-info-reveal {
	max-height:2000px;
	padding-bottom:8px;
	padding-top:20px;
	margin-bottom:10px;
	border-bottom: solid 5px #e30513;
}
.product h2 div {
	content: 'x close';
	float:right;
	font-size:16px;
	color:#9B9B9B;
	text-transform: uppercase;
	margin-top: 5px;
	cursor:pointer;
}
.mobile {
	display:none;
}

.overlay {
	background-color: rgba(0,0,0,0.9);
    z-index: 10;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
	display: none;
	opacity: 0;
}
.performance-director {
	width: 90%;
	max-width: 600px;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	background-color: #fff;
	left: 50%;
	padding: 20px;
	display: none;
}
.performance-director h2 {
	color:#e30513;
	margin-top: 0px;
}
.closex {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}
.closex:hover {
	text-decoration: underline;
}
.performance-director p, .closex {
	font-size: 15px;
    line-height: 25px;
    font-family: 'Roboto', Arial;
    font-weight: normal;
}
.performance-director p strong {
	font-size: 14px;
    line-height: 20px;
    font-family: 'Roboto', Arial;
    font-weight: bold;
}


















@media screen and (max-width: 1310px) {
	.namex {
		display:none;
	}
	.fabric-nav li .circle {
		margin-left:0px;
	}
	
	.rightx img:nth-of-type(4) {
		display:none;
	}
}
@media screen and (max-width: 1240px) {
	.testimonial {
		margin: 20px 0px;
	}
	
	.rightx img {
		margin-top:45px;
	}
}
@media screen and (max-width: 1120px) {
	.wears h1 {
		font-size:40px;
	}
	.wears .daytoday2 h1 {
		font-size:31px;
	}
	.maincontent-right h1 {
		font-size:44px;
	}
	.maincontent-right h1 span {
		font-size:28px;
	}
	.topcontainer a {
		margin-top:5px;
	}
	.left-image img {
		width:auto;
		height:100%;
		margin-left:-45%;
	}
	#shirts img {
		margin-left: 0px;
	}
	#animate1 {
		margin-top:0px;
	}
	#testimonial-large p:before {
		margin-bottom:60px;
	}
	#line-position, #champions-right {
		display:none;
	}
	#champions, #champions .floatrightx {
		width: 100%;
		max-width: 980px;
		margin: 0 auto;
		float:none;
	}
}
@media screen and (max-width: 980px) {
	.deliveries .section p {
		padding: 10px 10px 0px 0px;
		font-size: 14px;
	}
	.deliveries .section img {
		margin-right: 10px;
	}
	.shipping h3, .guarantee h3 {
		float:none;
		display:block;
		top:0px;
		margin-left:0px;
		margin-top: 20px;
	}
	.floatrightx, .floatrightx2 {
		padding-left:20px;
	}
	.floatleftx {
		padding-right: 20px;
	}
	.person {
		display:none;
	}
	.team-member {
		padding-left:20px;
	}
	#testimonial-large p:before {
		margin-bottom:120px;
	}
	#testimonial-large {
		padding:45px 20px;
	}
	#meet-team, #logistics {
		padding:0 20px;
	}
	#animate1 {
		margin-top:0px;
	}
	.other-box {
		left:0px;
	}
	.tab-content img {
		margin:70px 10% 30px 20px;
		width:40%;
	}
	.tab-content h2 {
		font-size:31px;
	}
	.tab-content h2 span {
		font-size:49px;
	}
	.other-box:nth-of-type(2) {
		left:0px;
	}
	.rightx img {
		-webkit-transform:scale(1);
		transform:scale(1);
	}
	.leftx {
		left:0px;
		opacity:1;
	}
	.rightx {
		left:0px;
		opacity:1;
	}
	.decoration-text {
		float:none;
		width:100%;
	}
	.decorations {
		text-align:left;
	}
	#product-container {
		padding:0px 20px;
	}
	.fabric-nav {
		padding:15px;
	}
	.mainimage-left img {
		height:100%;		
		width: auto;
	}
	.mainimage-left {
		height:100%;
		position:absolute;
		margin-left:-5%;
	}
	.maincontent-right {
		float:right;
		margin-right:20px;
	}
	.service-number {
		padding:6px 20px 4px 20px;
	}
	.topcontainer a {
		margin-bottom: 20px;
	}
	.logo {
		margin-left:20px;
	}
	.logo img {
		width:100%;
	}
	.menu {
		margin-right:20px;
	}
	.staff2 h1, .team2 h1 {
		font-size:44px;
		margin-left:20px;
	}
	
	.team2 img {
		top:36%;
	}
	#main {
		padding: 40px 20px;
		font-size:24px;
	}
	.video {
		width:100%;
		float:none;
	}
	
	#video1 {
		display:block;
	}
	.rightcontent {
		width:100%;
		float:none;
	}
	.rightcontent img {
		width:50%;
		float:left;
		margin-right:20px;
		height:auto;
	}
	.rightcontent article h2 {
		padding:0px 20px;
		font-size:44px;
	}
	.rightcontent article p {
		padding:0px 20px;
	}
	.rightcontent article a {
		margin-left: 0px;
		margin-top:5px;
		margin-bottom:20px;
		display:inline-block;
	}
	.innovation {
		margin-top:0px;
	}
	.gray .wrapper1024 {
		padding:0 20px;
	}
	.availability p {
		font-size: 80px;
	}
	.red-line {
		border-top: 1px solid #e30513;
		width: 95px;
		transform: rotate(109deg);
		top: 60px;
		position: absolute;
		left: 115px;
	}
	.availability h3 {
		font-size:16px;
		margin-left:37px;
		margin-top:20px;
	}
	.availability a {
		margin-left:37px;
	}
	.linkx2 {
		padding: 5px 12px;
	}
	.top {
		padding:0 20px;
	}
	.bottom {
		padding:	 12px 20px;
	}
	#mainh2 {
		padding: 40px 20px;
	}
	.fabric {
		padding: 100px 20px 0px 20px;
	}
	.contentright img, .contentleft img {
		max-width:100%;
	}
	.getintouch {
		padding:25px 20px;
	}
	.right-image img {
		width:100%;
	}
	.right-image {
		overflow:hidden;
		padding-right: 20px;
	}
	.mainimage-left img, .mainimage-left {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform:none;
	}
	#something-else, #others {
		padding: 0px 20px;
	}
	#something-else h3 {
		font-size:44px;
	}
	.other-box h2 {
		font-size:50px;
	}
	.product h2 {
		font-size:44px;
	}
	.distribution, .deliveries {
		width:100%;
		float:none;
		margin-right: 0px;
	}
	.maincontent-right h1 {
		font-size:40px;
		margin:20px 0px 15px 0px;
	}
}
@media screen and (max-width: 750px) {
	.product-grid-item .linkx2 {
		font-size:10px !important;
	}
	.mobile {
		display:block;
		clear:both !important;
	}
	.desktop {
		display:none;
	}
	.product {
		clear:none;
	}
	
	.product-grid-item {
		width:49%;
		margin-right: 0px !important;
		height: 196px;
	}
	.product-overlay h2 {
		font-size:14px;
		margin-top:3px;
		margin-bottom: 17px;
	}
	.product-overlay p {
		font-size:12px;
		line-height: 12px;
		margin-bottom:15px;
	}
	.product-overlay {
		height: 196px;
		padding: 15px;
		bottom:-131px;
	}
	.overlay-animate {
		bottom:0px;
	}
	.product-grid-item:nth-of-type(2n-1) {
		margin-right:2% !important;
	}
	.logo img {
		height:auto;
	}
	.blockx, .shipping, .guarantee {
		width:100%;
		float:none;
		margin-right: 0px;
	}
	.deliveries .section img {
		float:none;
		width:100%;
		margin-right:0px;
	}
	.deliveries .section p {
		padding: 15px;
	}
	.prod-mainimage {
		margin:50px 0px !important;
		width:100% !important;
	}
	.product h2 div {
		margin-top:-10px;
		margin-right: 10px;
	}
	.product h2 {
		font-size:16px;
		padding:14px 10px 10px 10px;
	}
	.rightx, .product-info, .product-images {
		width: 100%;
	}
	.left-image {
		width:100%;
		position:relative;
	}
	.right-image img {
		height:auto;
		width:100%;
		margin-left:0px;
	}
	.fabric-nav {
		display:none;
	}
	.logo {
		width:33%;
		height:auto;
		max-width: 120px;
	}
	.gray .wrapper1024 {
		padding:0px 0px;
	}
	.menu, #shirt3 {
		display:none;
	}
	#responsive-menu {
		display:block;
		float:right;
		margin-right:20px;
		margin-top:20px;
	}
	#responsive-menu li {
		background: #000000;
		height: 3px;
		margin-bottom: 4px;
		list-style: none;
		transition: all ease-in-out .2s;
		-webkit-transition: all ease-in-out .2s;
		-moz-transition: all ease-in-out .2s;
	}
	.mobile-menu {
		display:block;
		height:0px;
		visibility: hidden;
		-webkit-transition:ease-in-out .5;
		transition:ease-in-out .5s;
		overflow:hidden;
	}
	.menu-longer {
		width: 35px;
	}
	.menu-shorter {
		width: 25px;
	}
	#responsive-menu:hover .menu-shorter {
		animation-name: menuLonger;
		-webkit-animation-name: menuLonger;
		animation-duration: .5s;
		-webkit-animation-duration: .5s;
	}
	#responsive-menu:hover li:nth-child(3) {
		animation-name: menuShorter;
		-webkit-animation-name: menuShorter;
		animation-duration: .5s;
		-webkit-animation-duration: .5s;
	}
	#responsive-menu:hover li:last-child {
		animation-name: menuEvenLonger;
		-webkit-animation-name: menuEvenLonger;
		animation-duration: .5s;
		-webkit-animation-duration: .5s;
	}
	.mobile-menu ul {
		margin:0px;
		padding:0px;
		list-style:none;
	}
	.mobile-menu ul li {
		background-color:#000;
	}
	.mobile-menu ul li a {
		height: 50px;
		color: #fff;
		font-size: 23px;
		line-height: 50px;
		vertical-align: middle;
		text-decoration: none;
		padding: 0px 20px;
		display: block;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		border-bottom: 1px solid #58585a;
	}
	.mobile-menu ul li a:hover {
		color: #c2121e;
	}
	.responsive-menu-active {
		height: 400px;
		visibility:visible;
		border-bottom:solid 3px #e30513;
	}
	.daytoday, .staff, .team {
		width:100%;
		height:250px;
		overflow:hidden;
	}
	.daytoday img, .staff img, .team img {
		height: auto;
		width:100%;
	}
	.daytoday2, .staff2, .team2 {
		margin-left: 20px;
		padding-top:20px;
	}
	.wears h1 {
		font-size:40px;
		line-height:50px;
	}
	.daytoday2 a, .staff2 a, .team2 a {
		margin-left:2px;
		bottom:20px;
	}
	.staff {
		margin:0px;
	}
	.mobileimg {
		display:block;
	}
	.desktopimg, .team2 img {
		display:none;
	}
	.wears {
		height:250px;
		overflow:hidden;
		border-bottom:none;
	}
	#main {
		padding: 20px 20px;
		font-size:14px;
		line-height:25px;
		margin-top:10px;
	}
	.rightcontent {
		width:100%;
		float:none;
	}
	.rightcontent img {
		width:100%;
		float:none;
		margin-right:0px;
	}
	.rightcontent article h2 {
		padding:0px 20px;
		font-size:22px;
	}
	.rightcontent article p {
		padding:0px 20px;
	}
	.rightcontent article a {
		margin-left: 20px;
		margin-top:5px;
		margin-bottom:20px;
		display:inline-block;
	}
	.innovation {
		margin-top:0px;
	}
	.tab-content img {
		width:100%;
		padding:0 20px;
		margin: 70px 0px 30px 0px;
		float:none;
	}
	.tab-content h2, .tab-content p {
		padding-left:20px;
		padding-right: 20px;
	}
	.tab-content .linkx2 {
		margin-left:20px;
	}
	#mainh2 {
		font-size:14px;
		padding: 40px 20px;
		line-height:25px;
		margin-top:0px;
	}
	.twitter, .availability {
		width: 100%;
		margin-left: 0px;
	}
	.gray {
		margin-top:27px;
		padding: 20px 20px;
	}
	.availability p {
		font-size:100px;
	}
	.availability span {
		font-size:24px;
		color:#fff;
	}
	.availability h3 {
		margin-left:29px;
		font-size:16px;
		margin-top:29px;
	}
	.availability a {
		margin-left:31px;
	}
	.linkx2 {
		padding: 8px 12px 5px 12px;
	}
	.top {
		padding: 0 20px;
		text-align:center;
	}
	.bottom {
		padding:12px 20px;
		text-align:center;
	}
	footer .bottom p {
		float:none;
	}
	.ethical {
		float:none;
		display:inline-block;
		margin-top:12px;
	}
	footer .top img {
		float: none;
		margin-top:0px;
	}
	footer .top ul {
		float:none;
		width:100%;
	}
	footer .top li, footer .top span {
		display:inline;
	}
	footer .top span {
		margin:0 4px;
	}
	.swipe, .swipe2 {
		display:block;
		color:#000;
		font-size:12px;
		font-weight:bold;
		text-align:center;
	}
	.swipe2 {
		color:#fff;
		padding-bottom: 12px;
	}
	.navswipe, navswipe2 {
		display:block;
		text-align:center;
		margin-top:20px;
	}
	.navswipe li, .navswipe2 li {
		display: inline-block;
		font-size:55px;
		background-color:#dedede;
		border:solid 1px #7b7b7b;
		border-radius: 50%;
		width:20px;
		height:20px;
		margin:0 10px;
	}
	.navswipe li.active, .navswipe2 li.active {
		background-color:#e30513;
	}
	.tab-content .dragend-page {
		display:block;
		width:100%;
		float:left;
		height:auto !important;
		overflow:auto;
		padding:20px 0px;
		opacity:1;
	}
	.nav-tabs {
		display:none;
	}
	.red-line {
		left:32%;
		top:59px;
	}
	.mainimage-left {
		width:100%;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform:none;
		margin-left: 0px;
		float:none;
		position:relative;
		height:auto;
	}
	.mainimage-left img {
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		transform:none;
		width:100%;
		height:auto;
	}
	.maincontent-right {
		width:100%;
		padding: 0px 20px;
		margin:0px;
		max-width:100%;
	}
	.testimonial {
		display:block;
		margin:40px 0px;
		min-height:100px;
	}
	.right-image, .imgleft, .imgright, .contentright, .contentleft, .leftx {
		width:100%;
	}
	.right-image {
		position:relative;
	}
	.info {
		max-width:60px !important;
		margin-right: 10px;
	}
	.contentright h3, .contentleft h3 {
		line-height:21px;
	}
	.imgleft, .imgright {
		margin-bottom:20px;
	}
	.left-image img {
		margin-left:0px;
		width:100%;
		height:auto;
	}
	.rightx {
		padding:0px;
	}
	.big-quote {
		margin-left:0px;
		margin-right:20px;
	}
	.testimonial .red-line {
		display:none;
	}
	.rightx img {
		width:48%;
	}
	#something-else h3 {
		margin-bottom:15px;
		font-size:34px;
	}
	#something-else h4 {
		margin-bottom: 15px;
		font-size:20px;
	}
	#something-else h4 img {
		margin-left:0px;
		margin-top: 10px;
	}
	.other-box {
		width:100%;
		margin-bottom:20px;
		height: 283px;
	}
	.other-box:nth-of-type(2) {
		margin-left:0px;
	}
	.mobile-menu li ul {
		display:block;
	}
	.mobile-menu li ul li a {
		padding-left:40px;
	}
	#champions h2, #meet-team h2 {
		font-size:34px;
	}
	.champ h3 {
		font-size:18px;
		font-weight:bold;
	}
	.champ sub {
		bottom:0px;
		font-size:50%;
		color:inherit;
	}
	#testimonial-large p:before {
		margin-bottom:-50px;
	}
	.team-member h2 {
		font-size:16px !important;
	}
	.team-member img {
		width:35px;
	}
	.team-member a img {
		margin-right: 0px;
	}
	#small-img {
		margin-bottom:30px;
	}
	.contact-details, .form-container {
		width: 100%;
		padding: 20px;
	} 
	.topcontainer:before {
		display:none;
	}
	.testimonial {
		margin-bottom: 0px;
	}
	.right-image img {
		margin-top: 0px;
		margin-bottom: 0px;
	}
	.maincontent-right h1 {
		margin: 20px 0px 20px 0px;
		font-size: 40px;
	}
	.floatrightx {
		padding: 20px 20px 20px 20px;
	}
	.middlesection h4 {
		font-size:40px;
		margin-bottom:20px;
	}
	.middlesection, .floatleftx {
		padding: 20px;
	}
	.prod-mainimage {
		margin: 0px !important;
	}
	.product-images {
		margin-bottom: 20px;
	}
	#team-right .floatleftx, #team-right, #team-left, #team-left img {
		max-width:100%;
		width:100%;
	}
	#team-left {
		padding: 0px 20px;
	}
	#shirts {
		text-align:center;
	}
	.other-box h2 {
		font-size:42px;
	}
	#team-left img {
		margin-top: 0px;
		margin-bottom: 0px;
		width:auto;
		float:none;
	}
}
@keyframes circlePulse {
	0% {
		box-shadow:0px 0px 0px 7px rgba(277,5,19,0.6);
		width:34px;
		height:34px;
		margin-left:-17px;
		margin-top:-17px;
	}
	25% {
		width:50px;
		height:50px;
		box-shadow:0px 0px 0px 5px rgba(277,5,19,0.6);
		margin-left:-25px;
		margin-top:-25px;
	}
	50% {
		box-shadow:0px 0px 0px 15px rgba(277,5,19,0.6);
	}
	75% {
		width:34px;
		height:34px;
		margin-left:-17px;
		margin-top:-17px;
	}
	100% {
		box-shadow:0px 0px 0px 7px rgba(277,5,19,0.6);
		width:34px;
		height:34px;
		margin-left:-17px;
		margin-top:-17px;
	}	
}
@keyframes menuLonger {
	0% {
		width: 25px;
	}
	100% {
		width: 25px;
	}
	35% { width: 30px;}
	70% { width: 20px;}
}
@keyframes menuEvenLonger {
	0% {
		width: 25px;
	}
	100% {
		width: 25px;
	}
	50% { width: 35px;}
}
@keyframes menuShorter {
	0% {
		width: 35px;
	}
	100% {
		width: 35px;
	}
	50% { width: 25px;}
}