@charset "UTF-8";


/* =================================== */
/* Fixes for pages with sub nav dropdown
/* Comment out if not needed
/* =================================== */

 h1 {
	margin-top: -88px !important;
	font-size: 2.0em;
	font-weight: normal;
	font-style: normal;
	width: 75%;
}
H2 {
	font-size: 1.7em;
	font-weight: normal;
	font-style: normal;
}
.nav-structure-a {
	margin-top: 5px !important;
}
ul.toggle-content {
	background-color: #fff;
}
ul.toggle-content li {
	margin-bottom: 0 !important;
}
#main .main-contents .nav-structure-a ul.toggle-content li a {
	color: #000;
	text-decoration: none;
}
#main .main-contents .nav-structure-a ul.toggle-content li a:hover {
	color: #a20b1a;
} 


@media screen and (max-width: 767px) {
	h1 {
		margin-top: 0px !important;
		width: 100%;
	}
}

.section-links {
	padding-top: 80px;
	padding-bottom: 0px;
	text-align: left;
}
.section-links .section-inner {
	padding-top: 0;
}

.section-links h2 {
	font-family: 'FujitsuSansLight', FujitsuSans;
	font-size: 1.7em;
	margin-bottom: 50px;
	text-align: center;
}

.section-links h3 {
	font: 1.1em 'FujitsuSans';
	padding-left: 0px;
	padding-top: 15px;
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 1.2em;
	text-align: left;
	color: #d01e15;
} 
.section-links h3 a {
	color: #f60000;
	background-color: transparent;
	text-align: left;
	width: 100%;
	display: inline-block;
	padding-left: 0;
}
.section-links h3 a:hover {
	color: #790000;
	background-color: transparent;
	text-decoration: underline;
}
.section-links .service-txt, .section-links p {
	padding-right: 0px;
	padding-left: 0px;
	text-align: left;
	font-size: 0.9em;
	float: left;
}
.section-links ul li {
	font-size: 0.9em;
}
.section-links ul li::before {
	top: 4px;
}
.section-links .service-txt p {
	margin-top: 10px;
} 

.section-links .row {
	padding-bottom: 30px;
	float: left;
}

.section-links .greybox .service-img {
	border: 4px solid #dadada;
}

.section-links .txtcenter .service-txt p, .section-links .txtcenter h3 a {
	text-align: center;
}


 
@media screen and (max-width : 480px) { 
	.section-links {
		padding-top: 0px;
		padding-bottom: 0px;
	}
	.section-links .service-img {
		float: left;
		padding-top: 30px;
		padding-bottom: 10px;
		margin-bottom: 0px;
	}
	.section-links .col_50, .section-links .col_3 {
		padding-bottom: 30px;
	}
	.section-links h2 {
		font-size: 1.4em;
		margin-bottom: 10px;
		margin-top: 50px;
	}
	.section-links h3 a {
		margin-bottom: 0px;
		padding-top: 15px;
	}
	.section-links .row {
		padding-bottom: 0px;
		float: none;
	}
	.section-links p {
		margin-top: 10px;
		margin-bottom: 20px;
	}
	.section-links ul li::before {
		top: 7px;
	}
	.section-links .service-txt, .section-links .service-txt p {
		text-align: center;
		font-size: 0.9em;
		float: none;
	}

} 

@media screen and (min-width: 480px) and (max-width: 767px) {
	.section-links .col_4 {
		margin-bottom: 30px;
		height: 100%;
	}
	.section-links .col_50, .section-links .col_3 {
		padding-bottom: 30px;
		
	}
	.section-links ul li::before {
		top: 2px;
	}
	.section-links .row {
		padding-bottom: 0px;
		float: none;
	}
	.section-links .service-txt, .section-links p {
		text-align: center;
		font-size: 0.8em;
		float: none;
	}
	
	
}

@media screen and (min-width: 480px) and (max-width: 850px) {
	.section-links .col_50 {
			padding-bottom: 30px;
			padding-right: 10px;
			width: 50%;
			padding-left: 10px;
	}
	.section-links .row {
		padding-bottom: 0px;
		float: none;
	}

} 	 

.row + .row {
float: left;
padding-top: 80px;
}

/* =================================== */
/* KC custom styles
/* =================================== */


.banner-subnav {
	background-color: #3d3f3c;
	margin-bottom: 30px;
	margin-top: 0px;
}
.banner-subnav .section-inner {
	padding-top: 10px;
	padding-bottom: 10px;
}
.banner-subnav ul {
	list-style:none;
	margin:0;
	padding:0;
	text-align:left;
}
.banner-subnav ul li{
	display:inline;
}
.banner-subnav ul li:after {
	position: relative;
	content: '/';
	color: #707070;
}
.banner-subnav ul li a {
	display:inline-block;
	padding: 5px 10px;
	color: #fff !important;
	text-decoration: none !important;
}
.banner-subnav ul li a:hover, .banner-subnav ul li a.active {
	text-decoration: underline !important;
	color: #fff14b !important;
}

ul.list-a {
		padding-bottom: 0px !important;
}

.btn.white-btn {
	background: #fff;
	color: #222 !important;
	text-decoration: none !important;
	}
	.btn.white-btn i {
		color: #760000;
	}
	.btn.white-btn:hover {
		text-decoration: underline !important;
	}
	.btn.white-btn:hover i {
		color: #ff0a0a;
	}


.txtcenter {
	text-align: center;
}

.go-deeper {
	text-align: center;
	
}
.go-deeper img {
	width: 80%;
	margin: 25px 10% 15px 10%;
}

.go-deeper p {
	font-size: 1.0em;
	line-height: 1.3em;
	width: 80%;
	display: block;
	margin: 5px 10% 15px 10%;
}
.go-deeper a {
	color: #d60303;
	text-decoration: none !important;

}
.go-deeper .black-txt {
	color: #222;
}
.section-links {
	background: #e71b22;
	padding-bottom: 30px;
}
.section-links h2 {
	color: #fff;
	font-weight: 300;
	width: 80%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: -60px !important;
	font-size: 1.5em;
}
.section-links .section-header {
	padding-bottom: 50px !important;
	float: left;
}
.section-links .section-header h2 {
	margin-bottom: 10px;
	margin-top: -60px;
}
.section-links .section-header p {
	display: block;
}
.section-links p {
	color: #fff;
	text-align: center;
	margin-top: 10px !important;
	line-height: 1.2em !important;
}
.section-links h3 {
	font-size: 0.9em;
	padding-right: 0px;
	padding-top: 10px;
	color: #fff;
}
.section-links h3 a {
	padding-left: 0;
	padding-right: 0;
	color: #fff;
}
.section-links h3 a :hover {
	color: #000;
}
.more-articles {
	padding-top: 40px;
	text-align: center;
	width: 100%;
	display: block;
	color: #fff14b !important;
}

.stats-section h2 {
	text-align: center;
	margin-bottom: 80px;
	font-size: 2em;
	font-weight: normal;
	font-style: normal;
}
.stats-section .section-inner {
	padding-right: 50px;
	padding-left: 50px;
}
.stats1-col-icon {
	text-align: center;
	width: 12.5%;
	float: left;
	line-height: 1.2em;
	font-size: 0.9em;
	position: relative;
}
.stats1-col-icon img {
	margin-bottom: 15px;
}
.stats1-col {
	text-align: center;
	float: left;
	width: 16.5%;
	padding-top: 3.75%;
}

.stats-text {
	position: relative;
	margin-left: -40px;
	margin-right: -40px;
}
.stats2-section h2 {
	text-align: center;
	margin-bottom: 80px;
	font-size: 2em;
	font-weight: normal;
	font-style: normal;
	color: #fff;
}
.stats2-section .btn-pad {
	padding-top: 40px;
	clear: both;
}
.stats2-section .btn-white {
	margin: 0 auto;
}
.stats2-section .section-inner {
	padding-right: 50px;
	padding-left: 50px;
}
.stats2-section .small {
	font-size: 0.7em;
	text-align: center !important;
	color: #9a9999;
	float: left;
	width: 100%;
	margin-top: 50px;
}
.stats2-section .small p {
display: block;
text-align: center;
width: 100%;
}
.stats2-col-icon {
	text-align: center;
	width: 10%;
	float: left;
	line-height: 1.2em;
	font-size: 0.9em;
	color: #fff;
}
.stats2-col-icon img {
	margin-bottom: 15px;
}
.stats2-col {
	text-align: center;
	float: left;
	width: 12.5%;
	padding-top: 3.15%;
}

#downloads .col_50 {
	text-align: center;
	padding-left: 10%;
	padding-right: 10%;
}
#downloads img {
	max-width: 40%;
}
#downloads a {
	text-decoration: none !important;
}
#downloads i {
	color: #d60402;
}

#contactform h2 {
	padding-top: 40px;
}


#customer-story h2 {
	border-bottom: 1px solid #858386;
	margin-bottom: 60px;
}
.customer-logo {
	max-width: 80%;
	display: block;
	margin-bottom: 50px;
}

#customer-story h3 {
	color: #d83737;
}
#customer-story a {
	text-decoration: none !important;
}

#customer-story .download-booklet {
	margin-top: 40px;
}
#customer-story .download-booklet img {
	display: block;
	float: left;
	width: 50%;
	margin-right: 30px;
}
#customer-story .download-booklet i {
	display: block;
	margin-top: 20px;
}
#customer-story .download-booklet p {
	text-align: center;
	padding-top: 10px;
	display: block;
	font-size: 0.9em;
}

.smart-download {
	text-align: center;
	padding: 0 10%;
	margin-top: 20px;
}
.smart-download img {
	max-width: 60%;
}
.smart-download a {
	display: block;
}
.smart-download i {
	display: block;
	margin-top: 20px;
	color: #e71b23;
}

.data-driven {
	padding-top: 120px;
}

#icon-columns .section-inner {
	padding-top: 80px;
	padding-bottom: 80px;
}
#icon-columns .col_3 {
	text-align: center;
}
#icon-columns img {
	max-height: 100px;
	margin-bottom: 30px;
}
#icon-columns .col_3:nth-child(3) img {
	max-height: 80px;
	margin-top: 20px;
}
#icon-columns h3, #icon-columns .red {
	color: #d43630;
}
#icon-columns .red {
	font-size: 1.2em;
}
#double-dive .col_50 {
	text-align: center;
}
#double-dive .col_50 img {
	max-width:  60%;
	margin-top: 30px;
}
#double-dive .col_50 p {
	padding: 0px 80px;
	margin-bottom: 0px;
}
#double-dive a {
	text-decoration: none !important;
}

.logoplaste .download-booklet {
	padding-top: 12rem;
}





@media screen and (max-width : 1150px) {
	.stats2-col {
			padding-top: 3.2%;
		}
}
@media screen and (max-width : 992px) {
	.stats1-col-icon {
			font-size: 0.7em;
		}
		.stats2-col-icon {
			font-size: 0.7em;
		}
		.stats2-col {
			padding-top: 3.1%;
		}
		#downloads img {
			max-width: 50%;
		}
}
@media screen and (max-width : 850px) {
.go-deeper img {
	width: 100%;
	margin: 55px 0% 15px 0%;
}
.go-deeper p {
	font-size: 1.0em;
	width: 100%;
	margin: 5px 0% 15px 0%;
}
.stats2-col-icon {
	font-size: 0.7em;
}
.stats1-col-icon {
	font-size: 0.7em;
}
.stats2-col {
	padding-top: 2.7%;
}	
#downloads img {
	max-width: 50%;
}
#downloads .col_50 {
	padding-left: 3%;
	padding-right: 3%;
}
#double-dive .col_50 img {
	max-width:  60%;
}
#double-dive .col_50 p {
	padding: 0px 40px;
}


}
@media screen and (max-width : 800px) {
	#double-dive .col_50 {
	width: 50%;
	}
	#double-dive .col_50 + .col_50 {
	width: 50%;
	}
}
@media screen and (max-width : 768px) {
	
.section-links .col_4 {
min-height: 320px;
}
.section-links h2 {
	margin-top: -40px !important;
	margin-bottom: 40px;
}
.col_50, .col_30 {
	padding-top: 0 !important;
}
 .video-container {
 margin-top: 30px;
 margin-bottom: 30px;
 } 	
 
 .go-deeper {
	 margin-top: 20px;
 }
 .go-deeper img {
	 width: 70%;
	 margin: 25px 15% 15px 15%;
 }
 .go-deeper p {
	 font-size: 1.2em;
	 width: 70%;
	 margin: 5px 15% 15px 15%;
 }
#downloads .col_50:first-child {
	margin-bottom: 40px;
}
.stats1-col, .stats2-col {
	display: none;
}
.stats1-col-icon {
	width: 20%;
	margin-right: 2.5%;
	margin-left: 2.5%;
}
.stats2-col-icon {
	width: 15%;
	margin-right: 2.5%;
	margin-left: 2.5%;
}
.stats-text {
	margin-right: 0;
	margin-left: 0;
}
.stats-section .section-inner, .stats2-section .section-inner {
	padding-right: 20px;
	padding-left: 20px;
}
#downloads img {
	max-width: 50%;
}
#downloads .col_50 {
	padding-left: 13%;
	padding-right: 13%;
}
.img-wrap {
	margin-bottom: 40px;
}

.smart-download {
	margin-top: 0px;
	margin-bottom: 80px;
}
.smart-download img {
	max-width: 40%;
}
#icon-columns .col_3 {
	min-height: 1000px;
}
#icon-columns .col_3:nth-child(3) {
	margin-left: 28%;
	min-height: 800px;
}
.logoplaste .download-booklet {
	padding-top: 2rem;
}
.gartner {
	width: 70%;
	margin: -25px 15% 80px 15%;
}
.outside-factory {
	width: 70%;
			margin: 45px 15% 40px 15%;
		}

.stamford-uni {
	width: 70%;
	margin: 55px 15% 40px 15%;	
}
#customer-story .col_50 + .col_50 > img {
	margin-top: 40px;
	margin-bottom: 40px;
}

}


@media screen and (max-width : 680px) {
	.section-links .col_4 {
		min-height: 330px;
		}
		#double-dive .col_50 {
		width: 100%;
		}
		#double-dive .col_50 + .col_50 {
		width: 100%;
		margin-top: 50px;
		}
}
@media screen and (max-width : 580px) {
.section-links .col_4 {
min-height: 330px;
}
.stats1-col-icon {
	width: 30%;
	margin-right: 10%;
	margin-left: 10%;
	margin-bottom: 10%;
}
.stats2-col-icon {
	width: 30%;
	margin-right: 10%;
	margin-left: 10%;
	margin-bottom: 10%;
}
	.download-booklet p {
padding-top: 0px !important;
}
.download-booklet i {
	margin-top: 20px !important;
}
.img-wrap {
	margin-bottom: 40px;
}
.smart-download img {
	max-width: 60%;
}
#icon-columns .col_3 {
	min-height: 0;
	width: 100%;
	margin-bottom: 80px;
}
#icon-columns .col_3:nth-child(3) {
	margin-left: 0%;
	min-height: 0;
	width: 100%;
}

}



@media screen and (max-width : 480px) {
	.section-links {
	padding-top: 40px;
	padding-bottom: 0px;
	}		
h1 {
line-height: 1.2em;
width: 100%;
}
.section-links h2 {
	font-size: 1.5em;
	width: 100%;
	margin-left: 0%;
	margin-right: 0%;
}
.section-links h3 {
	font-size: 1.1em;
}
.section-links p {
	width: 100%;
	padding-bottom: 30px;
}
.stats1-col-icon, .stats2-col-icon {
	width: 50%;
	margin-right: 25%;
	margin-left: 25%;
	margin-bottom: 10%;
}
.stats1-col-icon, .stats2-col-icon {
	font-size: 1em;
}
.stats-text {
	margin-right: -30px;
	margin-left: -30px;
}

.row, .row + .row {
	margin-top: 0px !important;
}

}
@media screen and (max-width : 380px) {
.more-articles .btn i {
	display: none;
}
.more-articles .btn {
	width: 100%;
	display: block;
}
}