/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */
html {
    color: #222;
    font-size: 1em;
    line-height: 1.2;
}
::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}
::selection {
    background: #b3d4fc;
    text-shadow: none;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
address {
	font-style: normal;
}
figure {
	margin: 0;
}
/* ul reset */
ul {
	padding: 0;
	margin: 0;
	list-style: none;
}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */
@font-face {
   font-family: 'Muller-Light';
   src: url('../fonts/fontfabric_-_mullerlight-webfont.eot');
   src: url('../fonts/fontfabric_-_mullerlight-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/fontfabric_-_mullerlight-webfont.woff2') format('woff2'),
        url('../fonts/fontfabric_-_mullerlight-webfont.woff') format('woff'),
        url('../fonts/fontfabric_-_mullerlight-webfont.ttf') format('truetype');
   font-weight: 300;
   font-style: normal;

}
*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
html, 
body {
	height: 100%;
	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
}
body {
	font-family: 'Playfair Display', 'Times New Roman', serif;
	width: 100%;
	position: relative;
}
.site,
.table {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
}
.cell {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
/* typography */
h1 {
	font-weight: 400;
	color: #000;
	font-family: 'Playfair Display', 'Times New Roman', serif;
	font-size: 72px;
	line-height: 1;
	text-align: center;
	margin: 80px 0;
}
h2 {
	font-weight: 400;
	color: #000;
	font-family: 'Playfair Display', 'Times New Roman', serif;
	font-size: 72px;
	line-height: 1;
	text-align: center;
	/*margin: 60px 0;*/
	margin: 80px 0;
}
h3 {
	font-weight: 400;
	color: #000;
	font-family: 'Playfair Display', 'Times New Roman', serif;
	font-size: 32px;
	line-height: 1;
	text-align: center;
	margin: 30px 0;
}
h4 {
	font-weight: 400;
	color: #000;
	font-family: 'Playfair Display', 'Times New Roman', serif;
	font-size: 24px;
	line-height: 1;
	text-align: left;
	margin: 0 0 20px 0;
}
h5 {
	font-family: 'Playfair Display', 'Times New Roman', serif;
	font-weight: 400;
	font-size: 24px;
	font-style: italic;
	text-align: left;
	color: #b2002b;	
	margin: 20px 0;
}
h6 {
	
}
p,
.text ul,
.text ol {	
	font-family: 'Muller-Light', Verdana, sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #776a6a;
	margin: 0 0 20px 0;
}
.text ul,
.text ol {
	padding: 0 0 0 30px;
}
.text ul li,
.text ol li {
	margin: 0 0 10px 0;
}
.text ul li {
	list-style: disc;
}
/* end of typography */
.wrapper {
	margin: 0 auto;
	max-width: 1320px;
}
.wrapper.narrow {
	max-width: 820px;
}
.wrapper.full {
	max-width: 1440px;
	margin: 0 auto;
	width: 100%;
}
.white h1,
.white h2,
.white h3,
.white h4,
.white h5,
.white h6,
.white p,
.white .text li {
    color: #fff;
}
/*.half-wrapper {
	margin: 0 20px 0 0;
	max-width: 650px;
}*/
/* grid */
.grid {
	font-size: 0;
	text-align: left;
}
.grid .col {
	display: inline-block;
	width: 100%;
	vertical-align: top;
}
.grid .col.col-100 {
	width: 100%;
}
.grid .col.col-50 {
	width: 50%;
}
.grid .col.col-33 {
	width: 33.33%;
}
.grid .col.col-66 {
	width: 66.66%;
}
/* end of grid */
.main-header {
	display: table-row;
	height: 0px;
	position: relative;
	z-index: 1111;
}
.header-inner {
	position: absolute;
	/*position: fixed;*/
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}
/* .white-header .header-inner {
	background: -moz-linear-gradient(top, rgba(135,135,135,0.65) 0%, rgba(142,142,142,0) 100%); 
	background: -webkit-linear-gradient(top, rgba(135,135,135,0.65) 0%,rgba(142,142,142,0) 100%); 
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(135,135,135,0.65)),to(rgba(142,142,142,0))); 
	background: -o-linear-gradient(top, rgba(135,135,135,0.65) 0%,rgba(142,142,142,0) 100%); 
	background: linear-gradient(to bottom, rgba(135,135,135,0.65) 0%,rgba(142,142,142,0) 100%);
} */
.kti-logo {
	display: block;
	margin: 40px 0px 40px 40px;
	float: left;
	position: relative;
	z-index: 1;
	text-decoration: none;
}
.kti-logo:after {
	content: ""attr(data-home)"";
	color: #000;
	font-family: 'Muller-Light', Verdana, sans-serif;
	position: absolute;
	bottom: -2px;
	left: 100px;
	font-size: 14px;	
	line-height: 1;
	opacity: 0;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}
.white-header .kti-logo:after,
.split-header .kti-logo:after,
.menu .kti-logo:after {
	color: #fff;
}
.kti-logo:before {
	content: '/';
	color: #b2002b;
	font-size: 14px;
	font-family: 'Muller-Light', Verdana, sans-serif;
	position: absolute;
	bottom: -3px;
	left: 90px;
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}
.white-header .kti-logo:before,
.split-header .kti-logo:before,
.menu .kti-logo:before {
	color: #fff;
}
.kti-logo:hover:after,
.kti-logo:hover:before {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.menu-btn {
	float: right;
	text-decoration: none;
	margin: 45px 40px 45px 0px;
	display: table;
	position: relative;
	padding: 0px 55px 0px 0px;
	/*padding: 13px 55px 13px 10px;*/
	height: 42px;
	position: relative;
	/*background: #af002a;*/
}
.menu .menu-btn {
	background: transparent;
}
.white-header .menu-btn:before,
.menu .menu-btn:before {
	border-color: #fff;
}
.white-header .menu-btn:after,
.menu .menu-btn:after {
	background-color: #fff;
}
.white-header .menu-btn span,
.menu .menu-btn span {
	color: #fff;
}
.menu-btn:before,
.menu-btn:after {
	content: '';
	position: absolute;
	top: 5px;
	right: 5px;
	width: 32px;
	height: 30px;
	border-top: 4px solid #000;
	border-bottom: 4px solid #000;
/*	border-top: 4px solid #fff;
	border-bottom: 4px solid #fff;*/
	-webkit-transition: width 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
	transition: width 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
	-o-transition: transform 0.2s ease-in-out, width 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, width 0.2s ease-in-out;
	transition: transform 0.2s ease-in-out, width 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out;
}
.menu-btn:after {
	top: 18px;
	width: 24px;
	height: 4px;
	border: 0;
	background-color: #000;
	/*background-color: #fff;*/
}
.menu-btn:hover:after {
	width: 32px;
}
.menu-btn.menu-btn-open:before {
	height: 0;
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	top: 18px;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu-btn.menu-btn-open:after {
	width: 32px;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.menu-btn span {
	display: table-cell;
	vertical-align: middle;
	/*width: 88px;*/
	max-width: 88px;
	text-align: right;
	color: #000;
	/*color: #fff;*/
	font-style: italic;
	font-size: 14px;
	line-height: 1;	
}
.main-content {
	display: table-row;
	height: 100%;
}
.main-content header {
	padding: 80px 0;
	text-align: center;
}
.main-content .page-header {
	padding-top: 140px;
}
.main-content header h2 {
	margin-top: 0;
}
.main-content .page-header.small h2 {
	margin-bottom: 0;
}
.main-content header p {
	margin: 0;
}
/* main nav */
/*.main-nav-open {
	overflow: hidden;
}*/
.main-nav-open .menu {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	visibility: visible;
}
.menu {
	background: rgba(137,12,42,0.95);
	/*position: absolute;*/
	position: fixed;
		
	top: 0;
	left: 0;
	right: 0;
	z-index: 1111;
	-webkit-transform: translate3d(0,-100%,0);
	transform: translate3d(0,-100%,0);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	visibility: hidden;
}
.menu-close-overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1001;
}
.main-nav-open .menu-close-overlay {
	display: block;
}
.menu .header-inner {
	position: static;
}
.main-nav {
	font-size: 0;
	padding: 0px 20px 20px 20px;
	text-align: left;
}
.main-nav ul {
	display: inline-block;
	vertical-align: top;
	padding: 0 20px 20px 20px;
	width: 20%;
	text-align: left;
}
.main-nav strong {
	display: block;
}
.main-nav a {
	text-decoration: none;
	display: block;
	color: #fff;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
	font-family: 'Muller-Light', Verdana, sans-serif;	
	padding: 15px 0;
	border-bottom: 1px solid rgba(255, 255, 255, 0.15);
	position: relative;
}
.main-nav a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #fff;
	-webkit-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: left center;
	-ms-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: all 0.35s ease;
	-o-transition: all 0.35s ease;
	transition: all 0.35s ease;
}
.main-nav a:hover:after {
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}
.main-nav strong a {
	font-family: 'Playfair Display', 'Times New Roman', serif;
	font-size: 24px;
	line-height: 29px;
	font-weight: 400;
	text-transform: none;
	position: relative;
	padding: 15px 9px 15px 50px;
	display: block;
	border-bottom: 0;
}
.main-nav strong a:after {
	/*display: none;*/
}
.main-nav strong a.icon:before {
	content: '';
	position: absolute;
	top: 10px;
	left: 0;
	width: 40px;
	height: 40px;
	background: url('../images/kti-sprite.svg') no-repeat;
	background-position: -9999px -9999px;
}
.main-nav strong a.icon-about:before {
	background-position: -80px -150px;
}
.main-nav strong a.icon-whatwedo:before {
	background-position: 0px -150px;
}
.main-nav strong a.icon-ourbrands:before {
	background-position: -40px -150px;
}
.main-nav strong a.icon-business:before {
	background-position: 0px -190px;
}
.main-nav strong a.icon-careers:before {
	background-position: -40px -190px;
}
.main-nav strong a.icon-contacts:before {
	background-position: -80px -190px;
}
.main-nav strong a.icon-news:before {
	background-position: 0px -230px;
}
.main-nav .spacer {
	height: 40px;
}
.social-nav {
	font-size: 0;
	float: right;
	margin: 0 40px 40px 0;
	border-right: 1px solid #fff;
}
.social-nav a {
	display: inline-block;
	width: 34px;
	height: 34px;
	border: 1px solid #fff;
	border-right: 0;
	-webkit-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	position: relative;
	overflow: hidden;
}
.social-nav a.icon:after {
	content: '';
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #000;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.social-nav a.icon-facebook:after {
	background: #3b5998;
}
.social-nav a.icon-twitter:after {
	background: #55acee;
}
.social-nav a.icon-linkedin:after {
	background: #0077b5;
}
.social-nav a.icon-mail:after {
	background: #666;
}
.social-nav a.icon:hover:after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.social-nav a.icon {
	background: url('../images/kti-sprite.svg') no-repeat;
	background-position: -9999px -9999px;
}
.social-nav a.icon-facebook {
	background-position: -44px -234px;
}
.social-nav a.icon-twitter {
	background-position: -84px -234px;
}
.social-nav a.icon-linkedin {
	background-position: -84px -274px;
}
.social-nav a.icon-mail {
	background-position: -44px -274px;
}
/* main nav */
.btn-white,
.btn-black {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	font-style: italic;
	position: relative;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	border: 2px solid #fff;
	padding: 10px 15px;
	margin: 10px 0;
	border-radius: 2px;
}
.btn-white:hover {
	background: #fff;
	color: #000;
}
.btn-black {
	background-color: #fff;
	color: #000;
	border-color: #000;
}
.btn-black:hover {
	background-color: #000;
	color: #fff;
}
.btn {
	display: inline-block;
	text-decoration: none;
	color: #000;
	font-size: 20px;
	line-height: 1;
	font-style: italic;
	position: relative;
	-webkit-transition: 0.2s ease;
	-o-transition: 0.2s ease;
	transition: 0.2s ease;
	-webkit-transition-delay: 0.0s;
	-o-transition-delay: 0.0s;
	transition-delay: 0.0s;
	margin: 10px 0;
	border-radius: 2px;
	overflow: hidden;
	border: 0;
	outline: none;
	padding: 0;
}
.btn:hover span {
	color: #b0002a;
	-webkit-transition-delay: 0.4s;
	-o-transition-delay: 0.4s;
	transition-delay: 0.4s;
}
.btn span {
	display: block;
	padding: 10px 15px;
	border: 2px solid #bbb;
	background-color: #fff;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	font-family: 'Playfair Display', 'Times New Roman', serif;
}
.btn:before,
.btn:after,
.btn span:before,
.btn span:after {
	content: '';
	position: absolute;
	-webkit-transition: -webkit-transform 0.1s ease;
	transition: -webkit-transform 0.1s ease;
	-o-transition: transform 0.1s ease;
	transition: transform 0.1s ease;
	transition: transform 0.1s ease, -webkit-transform 0.1s ease;
	background: #b0002a;
}
.btn:hover:before,
.btn:hover:after,
.btn:hover span:before,
.btn:hover span:after {
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}
.btn:active:before,
.btn:active:after,
.btn:active span:before,
.btn:active span:after {
	background: #000;
}
.btn:active span {
	color: #000;
}
.btn:before {
	top: 0;
	left: 0;
	right: 0;
	height: 2px;
	-webkit-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: center left;
	-ms-transform-origin: center left;
	transform-origin: center left;
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.btn:hover:before {
	-webkit-transition-delay: 0.0s;
	-o-transition-delay: 0.0s;
	transition-delay: 0.0s;
}
.btn:after {
	top: 0;
	right: 0;
	bottom: 0;
	width: 2px;
	-webkit-transform: scale(1,0);
	-ms-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.btn:after:hover {
	-webkit-transition-delay: 0.1;
	-o-transition-delay: 0.1;
	transition-delay: 0.1;
}
.btn span:before {
	bottom: 0;
	right: 0;
	left: 0;
	height: 2px;
	-webkit-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: center right;
	-ms-transform-origin: center right;
	transform-origin: center right;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
.btn span:hover:before {
	-webkit-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.2s;
}
.btn span:after {
	top: 0;
	bottom: 0;
	left: 0;
	width: 2px;
	-webkit-transform: scale(1,0);
	-ms-transform: scale(1,0);
	transform: scale(1,0);
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
	-webkit-transition-delay: 0.0s;
	-o-transition-delay: 0.0s;
	transition-delay: 0.0s;
}
.btn:hover span:after {
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
	transition-delay: 0.3s;
}
.btn.transparent-btn span {
	background-color: transparent;
	color: #fff;
	border-color: #fff;
}
.btn.big-btn span {
	padding: 20px 25px;
	font-weight: bold;
}
/* welcome section */
.welcome {
	position: relative;
	z-index: 5;
	background-size: cover;
	background-position: center center;
	width: 100%;
}
.welcome-content {
	display: table;
	width: 100%;
	height: 600px;
	table-layout: fixed;
}
.welcome.fixed-back {
	background-attachment: fixed!important;
}
.welcome-text-box {
	display: table-cell;
	vertical-align: middle;
	padding: 120px 60px;
}
.welcome p {
	color: #000;
	font-size: 24px;
	line-height: 1.5;
	margin: 0px 0px 40px 0;
}
.welcome.white-text p {
	color: #fff;
}
.welcome h1 {
	font-weight: 400;
	color: #c70730;
	font-size: 66px;
	line-height: 1.25;
	margin: 0;
	text-align: center;
}
.welcome .text.white h1 {
	color: #fff;
}
.welcome .text {
	width: 66.67%;
	vertical-align: middle;
	margin: 0 auto;
}
.padded-top {
	padding-top: 80px;
}
.padded-bottom {
	padding-bottom: 80px;
}
.padded {
	padding: 80px 0;
}
.scroll-down {
	text-decoration: none;
	position: absolute;
	bottom: 50px;
	left: 50%;
	margin-left: -50px;
	width: 100px;
	font-size: 18px;
	color: #fff;
	text-align: center;
	font-style: italic;
}
@-webkit-keyframes scrolldown {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	25% {
		-webkit-transform: translate3d(0,20%,0);
		transform: translate3d(0,20%,0);
	}
	50% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	75% {
		-webkit-transform: translate3d(0,-20%,0);
		transform: translate3d(0,-20%,0);
	}
	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}
@keyframes scrolldown {
	0% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	25% {
		-webkit-transform: translate3d(0,20%,0);
		transform: translate3d(0,20%,0);
	}
	50% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
	75% {
		-webkit-transform: translate3d(0,-20%,0);
		transform: translate3d(0,-20%,0);
	}
	100% {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
	}
}
.scroll-down:after {
	content: '';
	display: block;
	margin: 20px auto;
	background: url('../images/kti-sprite.svg') no-repeat;
	background-position: -56px 0px;
	width: 69px;
	height: 23px;
	-webkit-animation: scrolldown 2s infinite linear;
	animation: scrolldown 2s infinite linear;
}
/* end of welcome section */
/* about us slider */
.aboutus {
	background: #666;
	position: relative;
	z-index: 1;
}
.aboutus h3,
.aboutus p {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
}
.alphabet-container {
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	bottom: 0;
}
.alphabet-container.fixed {
	position: fixed;
	z-index: 2;
}
.alphabet-inner {
	display: table;
	height: 100%;
}
.alphabet {
	display: table-cell;
	vertical-align: middle;
}
.alphabet li {
	margin: 20px;
}
.alphabet li a {
	display: block;	
	width: 56px;
	height: 56px;
	border-radius: 50%;
	border: 2px solid #fff;
	text-decoration: none;
	line-height: 52px;
	font-size: 24px;
	text-align: center;
	color: #fff;
	font-weight: 700;
	text-transform: uppercase;
	/*transition: all 0.2s ease;*/
}
.alphabet li a.active {
	background-color: #fff;
	color: #000;
	/*transition: all 0.2s ease;*/
}
.aboutus-slider .owl-controls {
	display: none;
}
.aboutus-slide,
.about-screen {
	padding: 700px 0 0 0;
	background-size: cover!important;
	background-position: center center!important;
}
.about-screen {
	background-attachment: fixed!important;
	padding: 660px 0 0 0;
	display: block;
	text-decoration: none;
}
.aboutus-slide .text {
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 40px 100px 40px;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
}
.active .aboutus-slide .text {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.about-screen .text {
	display: block;
	text-align: center;
	max-width: 900px;
	margin: 0 auto;
	padding: 0 40px 100px 40px;
}
/* end of about us slider */
/* pic slider */
.pic-slider .owl-controls {
	margin: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 30px;
}
.pic-slider {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.pic-slider .pic-slide {
	background-position: center center!important;
	background-size: cover!important;
}
.pic-slider .active .pic-slide {
	-webkit-animation: panorama 10s;
	animation: panorama 10s;
}
/* end of pic slider */
/* lastic animation */
.lastic {
	-webkit-transform: translate3d(0, 100px, 0);
	transform: translate3d(0, 100px, 0);
	opacity: 0;
}
.lastic.already-visible,
.lastic.come-in {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-transition: opacity 1s cubic-bezier(0.500, -0.005, 0.000, 1.000), -webkit-transform 1s cubic-bezier(0.500, -0.005, 0.000, 1.000);
	transition: opacity 1s cubic-bezier(0.500, -0.005, 0.000, 1.000), -webkit-transform 1s cubic-bezier(0.500, -0.005, 0.000, 1.000);
	-o-transition: opacity 1s cubic-bezier(0.500, -0.005, 0.000, 1.000), transform 1s cubic-bezier(0.500, -0.005, 0.000, 1.000);
	transition: opacity 1s cubic-bezier(0.500, -0.005, 0.000, 1.000), transform 1s cubic-bezier(0.500, -0.005, 0.000, 1.000);
	transition: opacity 1s cubic-bezier(0.500, -0.005, 0.000, 1.000), transform 1s cubic-bezier(0.500, -0.005, 0.000, 1.000), -webkit-transform 1s cubic-bezier(0.500, -0.005, 0.000, 1.000);
	opacity: 1;
}
.lastic.already-visible {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}
/* end of lastic animation */
/* news */
.news {
	background: #fff;
	position: relative;
	z-index: 5;	
	overflow: hidden;
}
.news-list,
.search-results {
	margin: 0 auto 100px auto;
	/*max-width: 820px;*/
}
.news-list li,
.search-results li {
	border-bottom: 1px solid #ccc;
	display: table;
	table-layout: fixed;
	position: relative;
	table-layout: fixed;
	width: 100%;
}
.search-results li {
	display: block;
	padding: 30px 0;
}
.search-results li .btn {
	display: inline-block;
	margin: 0;
}
.news-list li:after,
.search-results li:after {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #af002a;
	-webkit-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transition: -webkit-transform 0.5s cubic-bezier(0.500, -0.005, 0.000, 1.000);
	transition: -webkit-transform 0.5s cubic-bezier(0.500, -0.005, 0.000, 1.000);
	-o-transition: transform 0.5s cubic-bezier(0.500, -0.005, 0.000, 1.000);
	transition: transform 0.5s cubic-bezier(0.500, -0.005, 0.000, 1.000);
	transition: transform 0.5s cubic-bezier(0.500, -0.005, 0.000, 1.000), -webkit-transform 0.5s cubic-bezier(0.500, -0.005, 0.000, 1.000);
}
.news-list li:hover:after,
.search-results li:hover:after {
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}
.news-list li a,
.search-results li a {
	display: block;
	text-decoration: none;
}
.search-results li a {
	position: relative;
}
.search-results li a .btn {
	position: absolute;
	top: 0;
	right: 0;
}
.news-list li:hover {
	-webkit-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
}
.news-list li article {
	padding: 40px 0 40px 340px;
	position: relative;
	height: 376px;	
	display: table;
	table-layout: fixed;
	width: 100%;
}
.news-list li:nth-child(even) article {
	padding: 40px 340px 40px 0;
}
.news-list figure {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -147px;
	width: 294px;
	height: 294px;
}
.news-list li:nth-child(even) figure {
	left: auto;
	right: 0;
}
.news-list figure img {
	display: block;
	border-radius: 50%;	
	max-width: 100%;
	height: auto;
	margin: 0 auto;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.news-list li a:hover figure img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.news-list .text {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
}
.news-list .text h1,
.search-results h1 {
	color: #000;
	line-height: 1;
	font-size: 32px;
	font-weight: 400;
	margin: 0 0 40px 0;
	text-align: left;
}
.search-results h1 {
	margin: 0 150px 20px 0;
}
.search-results p {
	margin-right: 150px;
}
.grid.new-list-mini {
	text-align: center;
	margin: 0 0 100px 0;
}
.new-list-mini li a {
	text-decoration: none;
	padding: 0px 20px 20px 20px;
	display: block;
}
.new-list-mini li a img {
	display: block;
	margin: 0 auto 30px auto;
	border-radius: 50%;
	max-width: 100%;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.new-list-mini li a:hover img {
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}
.new-list-mini li h3 {
	line-height: 1.4;
	margin: 0;
}
/* end of news */
/* paginator */
.paginator {
	margin: 0px 0 100px 0;
}
.paginator ul {
	font-size: 0;
	text-align: center;
}
.paginator ul li {
	display: inline-block;
	vertical-align: middle;
}
.paginator ul li a {
	display: block;
	font-size: 48px;
	line-height: 42px;
	/*min-width: 56px;*/
	height: 56px;
	text-decoration: none;
	color: #999;
	border-radius: 50%;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	position: relative;
	margin: 0 10px;
}
.paginator ul li a.disabled {
	cursor: default;
	opacity: 0.2;
}
.paginator ul li a:hover {
	color: #000;
}
.paginator ul li a.active {
	color: #000;
	font-weight: 700;
}
.paginator ul li a:hover {
	color: #666;
}
.paginator ul li a.prev-page,
.paginator ul li a.next-page {
	background-color: #eee;
	border-radius: 50%;
	background: #eee url('../images/kti-sprite.svg') no-repeat;
	background-position: 0px 0px;
	margin: 0 100px 0 0;
	width: 56px;
	height: 56px;
}
.paginator ul li a.next-page {
	background-position: 0px -56px;
	margin: 0 0 0 100px;
}
/* end of paginator */
/* innovation */
.innovation-list li {
	position: relative;
	margin: 0 0 0px 0;
	overflow: hidden;
}
.innovation-cover {	
	width: 100%;
	height: 600px;
	margin-bottom: 200px;
	background-color: #ccc;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.innovation-box {
	width: 35%;
	background-color: #000;
	padding: 40px;
	position: absolute;
	bottom: 100px;
	left: 15%;
	z-index: 10;
	text-align: center;
	min-height: 400px;
}
.innovation-list li:nth-child(even) .innovation-box {
	background-color: #b0002a;
	left: auto;
	right: 15%;	
}
.innovation-box img {
	display: block;
	margin: 0 auto 40px auto;
	max-width: 100%;
}
.innovation-box p {
	color: #fff;
	margin: 0;
	text-align: left;
}
.innovation-box h3 {
	color: #fff;
	margin-top: 0;
}
.innovation-box .btn {
	margin: 30px 0 0 0;
}
/* end of innovation */
/* split view */
.split-view {
	position: absolute;
	overflow: hidden;
	z-index: 5;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.split-view-left,
.split-view-right {
	width: 50%;
	position: absolute;
	z-index: 2;
	overflow: hidden;
	top: 0;
	bottom: 0;
	left: 0;
	right: auto;
}
.split-view-right {
	left: auto;
	right: 0;
	z-index: 1;
}
.split-view-left.with-product-slider {
    overflow: visible;
}
.split-view-background {
	background-size: cover;
	background-position: center center;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: 10;
	-webkit-animation: panorama 10s;
	animation: panorama 10s;
}
@-webkit-keyframes panorama {
	0% {
		-webkit-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}
	100% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
@keyframes panorama {
	0% {
		-webkit-transform: scale(1.1,1.1);
		transform: scale(1.1,1.1);
	}
	100% {
		-webkit-transform: scale(1,1);
		transform: scale(1,1);
	}
}
.split-view-background.no-animation {
	-webkit-animation: none;
	animation: none;
}
.scroll-container {
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.flex-vertical-center {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.split-view .text {
	padding: 70px;
}
.split-view .split-view-product .text {
    padding-left: 200px;
}
.split-view .split-view-product {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
} 
.fixed-filter .text {
	margin-bottom: 270px;
}
.text h2 {
	text-align: left;
	line-height: 1.2;
	word-wrap: break-word;
}
.text h4 {
	margin-top: 40px;
}
.text p a {
	color: #776a6a;
	text-decoration: none;
	position: relative;
	display: inline-block;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.text p a:hover {
	opacity: 0.8;
}
.text p a:hover:after {
	background: rgba(119, 106, 106, 1);
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.text p a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background: rgba(119, 106, 106, 0.3);
}
.certificate-table td {
	color: #776a6a;
	font-family: 'Muller-Light', Verdana, sans-serif;
	font-size: 18px;
	font-weight: 700;
	vertical-align: middle;
	padding: 10px 20px 10px 0;
}
.certificate-table td img {
	margin: 0!important;
}
.split-view .text img {
	margin: 0 0 20px 0;
}
.split-view .text blockquote {
	color: #000;
	font-size: 18px;
	line-height: 1.5;
	margin: 40px 0;
	font-style: italic;
	position: relative;
	padding: 0 0 0 90px;
}
.split-view .text blockquote:before {
	content: '”';
	font-size: 150px;
	line-height: 100px;
	font-style: normal;
	font-weight: 700;
	color: #e2e2e2;
	position: absolute;
	top: 0;
	left: 0;
}
/* end of split view */
/* product brands */
.main-brands {
	background: #fff;
	position: relative;
	z-index: 5;
}
.grid-squares li {
	position: relative;
	padding: 33.33% 0 0 0;
	background: #f2f2f2 url('../images/kti-light-gray-logo.svg') no-repeat center center;
	background-size: cover;
	overflow: hidden;
}
.no-svg .grid-squares li {
	background: #f2f2f2 url('../images/kti-light-gray-logo.png') no-repeat center center;
}
.grid-squares li:nth-child(even) {
	background-color: #e7e7e7;
}
.grid-squares li.brand-placeholder {
	display: inline-block;
}
.learn-more-brands a {
	background-color: rgba(0,0,0,0.75);
	-webkit-transition: 0.5s ease;
	-o-transition: 0.5s ease;
	transition: 0.5s ease;
}
.learn-more-brands a:hover {
	background-color: rgba(0,0,0,0.85);
}
.learn-more-brands p {
	color: #fff;
	font-size: 20px;
	margin: 20px;
}
.grid-squares li a,
.grid-squares li .no-link,
.grid-squares2 li a,
.grid-squares2 li .grid-squares2-inner {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	text-decoration: none;
}
.grid-squares2 li .grid-squares2-inner {

}
.grid-squares2 li .grid-squares2-inner p {
	color: #666;
	font-size: 16px;
	margin: 20px;
}
.grid-squares li header,
.grid-squares2 li header {
	position: absolute;
	z-index: 2;
	bottom: 10%;
	top: 0;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
.grid-squares2 li header {
	padding: 0 70px;
}
.grid-squares li .brand-logo,
.grid-squares2 li .brand-logo {
	display: table;
	width: 100%;
	height: 100%;
}
.grid-squares li .brand-logo span,
.grid-squares2 li .brand-logo span {
	display: table-cell;
	vertical-align: middle;
	text-align: right;
}
.grid-squares li .brand-logo img,
.grid-squares2 li .brand-logo img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}
.grid-squares li .brand-background {
	width: 100%;
	height: auto;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.grid-squares li:hover .brand-background {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.grid-squares li footer,
.grid-squares2 li footer {
	position: absolute;
	bottom: 10%;
	width: 100%;
	z-index: 5;
	text-align: center;
}
.grid-squares2 li footer {
	padding: 0 20px;
}
.grid-squares2 {
	margin: 100px 0;
}
.grid-squares2 li {
	position: relative;
	padding: 33.33% 0 0 0;
}
.grid-squares2 li a {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
}
.grid-squares2 p {
	color: #fff;
}
.grid-squares2 h2 {
	font-size: 60px;
}
/* end of product brands */
/* product inner page */
.product-page .split-view-left {
	height: auto;
}
.product-page .text :first-child {
    margin-top: 0;
}
.product-logo {
	margin: 100px auto 0px auto;
}
.product-logo img {
	display: block;
	margin: 0 auto;
}
.product-filter {
	padding: 20px 20px 60px 20px;
	background-color: #f8f8f8;
	font-size: 0;
	position: fixed;
	bottom: 0;
	left: 50%;
	right: 0;
}
.product-filter li {
	display: inline-block;
	width: 33.33%;
	padding: 5px;
	vertical-align: top;
}
.product-filter img {
	margin: 0px auto;
	display: block;
}
.product-filter figcaption {
	font-size: 14px;
	color: #707070;
	font-family: 'Muller-Light', Verdana, sans-serif;	
	text-align: center;
	margin: 10px auto;
	display: block;
}
.product-slider {
	margin: 0px 0;
	position: relative;
	padding: 100px 0px;
	font-size: 0;
	text-align: left;
}
.product-slider li {
	padding: 20px;
}
.product-slider figcaption {
	font-size: 24px;
	color: #fff;
	text-align: center;
	margin: 20px 0;
}
.product-slider li img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
	height: auto;
}
.product-slider .owl-carousel .owl-item {
	-webkit-transform: scale(0.65);
	-ms-transform: scale(0.65);
	transform: scale(0.65);
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.product-slider .owl-carousel .owl-item img {
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
.filtered-product-slider {
	margin: 0 auto;
	position: relative;
}
.original-product-slider {
	display: none;
}
.original-product-slider li {
	width: 100px;
	display: inline-block;
}
.product-slider .error-box {
	display: none;
}
.product-slider .error-box h3 {
	color: #fff;
}
.product-slider .owl-carousel .owl-item.active.center {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.product-slider .active.center img {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
/* brand slider */
.brands-slider {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 100;
	height: 100px;
	font-size: 0;
	background: #272729;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.brands-slider.brands-slider-open {
	-webkit-transform: translate3d(0,0%,0);
	transform: translate3d(0,0%,0);
}
.brand-slider-toggle {
	text-decoration: none;
	position: absolute;
	/*left: 50%;*/
	right: 30px;
	top: -50px;
	font-size: 20px;
	color: #fff;
	z-index: 100;
	background: #272729;
	/*transform: translate3d(-50%,0,0);*/
	height: 50px;
	line-height: 30px;
	text-align: left;
	padding:10px 50px 10px 20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	min-width: 170px;
}
.brand-slider-toggle:after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background: url('../images/kti-sprite.svg') no-repeat;
	background-position: -150px -50px;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.brands-slider-open .brand-slider-toggle:after {
	background-position: -150px -0px;
}
.brands-slider .owl-item a {
	display: table;
	text-decoration: none;
	font-size: 20px;
	color: #fff;
	padding: 10px;
	text-align: center;
	height: 100px;
	margin: 0 auto;
	table-layout: fixed;
	width: 100%;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	background: #272729;
}
.brands-slider .owl-item a:hover {
	background: #666;
}
.brands-slider .owl-item a span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.brands-slider .owl-item a span img {
	width: 100px;
	height: auto;
	max-height: 80px;
	margin: 0 auto;
}
.brands-slider .brand-slider-prev,
.brands-slider .brand-slider-next {
	position: absolute;
	bottom: 25px;
	background: url('../images/kti-sprite.svg') no-repeat;
	width: 50px;
	height: 50px;
	margin-top: -25px;
	opacity: 1;
	z-index: 1000;
}
.brands-slider .brand-slider-prev {
	left: 0px;
	background-position: -150px -150px;
}
.brands-slider .brand-slider-next {
	right: 0;
	left: auto;
	background-position: -150px -100px;
}
/* end of brand slider */
/* new brand slider */
.new-brand-link {
    display: table;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
    padding: 10px;
    text-align: center;
    height: 100px;
    margin: 0 auto;
    table-layout: fixed;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #272729;
}
.new-brand-link span {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.new-brand-link span img {
	width: 100px;
	height: auto;
	max-height: 80px;
	margin: 0 auto;
}
/* new brand slider */

/* new product slider */
.product-slider-container {
    max-width: 400px;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    -webkit-transform: translateX(50%) translateY(-40%);
    -ms-transform: translateX(50%) translateY(-40%);
    transform: translateX(50%) translateY(-40%);
    padding: 0 50px;
}
.product-thumb-slider {
    position: relative;
}
.product-thumb-slider .slick-current {
    opacity: 0.5;
}
.product-pic-slider img,
.product-thumb-slider img {
    margin: 0 auto;
}
.product-pic-slider img {
    max-width: 100%;
}
.product-thumb-slider img {
    max-width: 45px;
    max-height: 90px;
}
.product-title {
    font-weight: 400;
    font-size: 24px;
    line-height: 1;
    color: #fff;
    display: block;
    text-align: center;
    margin: 30px 0;
}
.slider-arrow {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: absolute;
    z-index: 1;
    top: 50%;
    margin-top: -15px;
    cursor: pointer;
}
.slider-arrow.prev {
    left: 10px;
    right: auto;
}
.product-slider-container .slider-arrow.prev {
    left: -40px;
}
.slider-arrow.next {
    left: auto;
    right: 10px;
}
.product-slider-container .slider-arrow.next {
    right: -40px;
}
.slider-arrow.slick-disabled {
    opacity: 0;
    visibility: hidden;
}
.slider-arrow.prev:after,
.slider-arrow.next:after {
    content: '';
    position: absolute;
    top: 6px;
    left: 10px;
    width: 18px;
    height: 18px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
}
.slider-arrow.prev:after {    
    -webkit-transform: rotate(-45deg);    
    -ms-transform: rotate(-45deg);    
    transform: rotate(-45deg);
}
.slider-arrow.next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    left: 2px;
}
.inline-icon {
    display: inline-block;
    vertical-align: top;
    margin: -3px 10px 0 0!important;
}
/* end of new product slider */
/* end of product inner page */
/* cover */
.cover {
	text-align: center;
	background-color: #666;
	padding: 60px 0 120px 0;
	background-size: cover;
	background-position: center center;
}
.cover-header {
	padding-top: 120px;
}
.cover p,
.cover h2,
.cover h3 {
	color: #fff;
}
.cover p {
	margin-bottom: 50px;
}
.header-top {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	min-height: 400px;
	padding: 100px 0 50px 0;
	margin: 0 0 80px 0;
	background-color: #666;
	background-size: cover;
	background-position: center center;
}
.header-top-text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
}
.header-top h2 {
	font-size: 60px;
	margin: 0;
	color: #fff;
}
.hilights-list {
	font-size: 0;
	text-align: left;
}
.hilights-list li {
	display: inline-block;
	vertical-align: top;	
	width: 50%;
	text-align: left;
	padding: 0 20px;
	margin: 40px 0;
	border-left: 4px solid #000;
}
.cover .hilights-list li {
	border-color: #fff;
}
.hilights-list li strong {
	font-size: 22px;
	font-family: 'Muller-Light', Verdana, sans-serif;	
	font-weight: 400;
	color: #000;
	margin: 10px 0;
	display: block;
}
.cover .hilights-list li strong {
	color: #fff;
}
.hilights-list li p {
	font-size: 16px;
	color: #776a6a;
	margin: 10px 0;
}
.cover .hilights-list li p {
	color: #fff;
}
/* end of cover */
/* facts list */
.fact-list {
	margin: 0 0 60px 0;
}
.fact-list li {
	position: relative;
	font-size: 0;
	margin: 0 0 40px 0;
}
.fact-list li span {
	display: block;
	margin: 20px;
	font-size: 18px;
	text-align: center;
	font-family: 'Muller-Light', Verdana, sans-serif;	
	color: #000;
}
.fact-list li img {
	position: absolute;	
	z-index: 2;
	display: inline-block;
}
.fact {
	width: 300px;
	height: 170px;
	margin: 0 auto;
	position: relative;
}
.fact-circle {
	position: absolute;
	top: 0;
	left: 130px;
	z-index: 1;
	display: inline-block;
	background-color: #af002a;
	width: 170px;
	height: 170px;
	padding: 37px 0 0 0;
	line-height: 1;
	vertical-align: middle;
	border-radius: 50%;
	color: #fff;
	font-size: 70px;
	text-align: center;
	letter-spacing: -6px;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.fact-circle small {
	display: block;
	font-size: 22px;
	letter-spacing: 0;
}
.effect .fact-circle {
	-webkit-transform: translate3d(-130px, 0, 0) rotate(-130deg);
	transform: translate3d(-130px, 0, 0) rotate(-130deg);
}
.effect.come-in .fact-circle {
	-webkit-transform: translate3d(0, 0, 0) rotate(0deg);
	transform: translate3d(0, 0, 0) rotate(0deg);
}
/* end of facts list */
/* career */
.careers img {
	width: 100%;
}
.career-background {
	background: #fff url('../images/career-background.jpg') no-repeat left top;
	width: 900px;
	height: 900px;
	position: absolute;
	top: 0;
	left: 0;
}
/* half popup */
.half-popup {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	z-index: 10000;
	width: 50%;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.25);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.25); 
	-webkit-transform: translate3d(-100%,0,0); 
	transform: translate3d(-100%,0,0);
	-webkit-transition: -webkit-transform 0.5s ease;
	transition: -webkit-transform 0.5s ease;
	-o-transition: transform 0.5s ease;
	transition: transform 0.5s ease;
	transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.open-popup {
	overflow: hidden;
}
.open-popup .half-popup {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.half-popup .scroll-container {
	padding: 40px;
	-webkit-overflow-scrolling: touch;
}
.half-popup .text {
	border-top: 1px solid #e5e5e5;
	margin-top: 30px;
}
.popup-x {
	position: absolute;
	z-index: 1;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	background: url('../images/kti-sprite.svg') no-repeat;
	background-position: 0px -110px;
}
/* end of half popup */
.half-popup h3 {
	text-align: left;
}
.share-box {
	position: absolute;
	top: 80px;
	right: 20px;
	background-color: #a60029;
	padding: 10px;
	z-index: 1;
}
.share-box a {
	display: block;
	width: 40px;
	height: 40px;
	background-color: red;
}
.share-box a.mailto-icon {
	background: url('../images/kti-sprite.svg') no-repeat;
	background-position: -56px -110px;
}
.share-box a.print-icon {
	background: url('../images/kti-sprite.svg') no-repeat;
	background-position: -56px -30px;
}
/* accordion */
.accordion,
.text .accordion {
	padding: 0;
	margin: 0;
}
.accordion li,
.text .accordion li {
	border-bottom: 1px solid #e5e5e5;
	/*padding: 30px 0;*/
	margin: 0;
	position: relative;
	list-style: none;
}
.accordion li:after {
	content: '';
	position: absolute;
	z-index: 1;
	top: 40px;
	right: 0px;
	border: 8px solid transparent;
	border-top: 10px solid #b2002b;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.accordion li.accordion-open:after {
	border-top: 8px solid transparent;
	border-bottom: 10px solid #b2002b;
	top: 30px;
}
.expand-block {
	padding: 0 0 30px 0;
	display: none;
}
.expand-block .btn {
	margin: 0;
}
.expand-block p {
	font-size: 16px;
}
.summary-block {
	padding: 30px 0;
	position: relative;
	z-index: 2;
	cursor: pointer;
}
.summary-block h4 {
	margin-right: 30px;
	margin-top: 0;
}
.job-tags span {
	font-size: 16px;
	color: #999;
	font-family: 'Muller-Light', Verdana, sans-serif;	
}
.job-tags span strong {
	color: #000;
	font-weight: 400;
	margin: 0 30px 0 0;
}
/* end of accordion */
/* end of career */
/* forms */
form {
	margin: 0 -10px;
	font-size: 0;
}
form .field {
	display: inline-block;
	vertical-align: top;
	padding: 0 5px;
	margin: 0 0 10px 0;
}
form .field.last-row {
	margin-top: 10px;
} 
form .field-1-3 {
	width: 33.33%;
}
form .field-2-3 {
	width: 66.67%;
}
form .field-1-2 {
	width: 50%;
}
form .field-1-1 {
	width: 100%;
}
form label {
	color: #776a6a;
	font-size: 18px;
	font-family: 'Muller-Light', Verdana, sans-serif;
	display: inline-block;
	margin: 10px 0;
}
form input[type="text"],
form input[type="email"],
form input[type="tel"],
form textarea {
	font-family: 'Muller-Light', Verdana, sans-serif;
	font-size: 16px;
	padding: 10px;
	height: 40px;
	width: 100%;
	background-color: #e5e5e5;
	color: #888;
	border-radius: 5px;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 1px solid #e5e5e5;
	outline: none;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
form input[type="text"]:disabled:hover,
form input[type="email"]:disabled:hover,
form input[type="tel"]:disabled:hover,
form textarea:disabled:hover,
form input[type="text"]:readonly:hover,
form input[type="email"]:readonly:hover,
form input[type="tel"]:readonly:hover,
form textarea:readonly:hover {
	border-color: #e5e5e5;
	background-color: #e5e5e5;
}
form input[type="text"]:hover,
form input[type="email"]:hover,
form input[type="tel"]:hover,
form textarea:hover,
.file-upload:hover input[type=text] {
	background-color: #f1f1f1;
	border-color: #f1f1f1;
}
form input[type="text"]:focus,
form input[type="text"]:focus:hover,
form input[type="email"]:focus,
form input[type="email"]:focus:hover,
form input[type="tel"]:focus,
form input[type="tel"]:focus:hover,
form textarea:focus,
form textarea:focus:hover,
.file-upload:hover input[type=text]:focus,
.file-upload:hover input[type=text]:focus:hover {
	background-color: #f1f1f1;
	border: 1px solid #e5e5e5;
}
form textarea {
	min-height: 100px;
	max-height: 300px;
	display: block;
	height: auto;
}
form .error-msg {
	font-family: 'Muller-Light', Verdana, sans-serif;
	font-size: 14px;
	color: #a60029;
	display: block;
	margin: 5px 0;
}
form .btn {
	margin: 0;
	font-size: 24px;
	float: right;
}
/* file upload */
.file-upload {
	position: relative;
}
.file-upload input[type=text] {
	width: 100%;
	padding-right: 80px;
	padding-left: 40px;
}
.btn-file {
	margin: 0;
	position: absolute;
	height: 40px;
	top: 0px;
	right: 0px;
	/*width: 70px;*/
	left: 0;
	padding: 0 20px 0 0;
	font-size: 16px;
	font-style: italic;
	font-weight: 400;
	text-align: right;
	line-height: 40px;
	color: #000;
	cursor: pointer;
	overflow: hidden;
}
.btn-file:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	background: url('../images/kti-sprite.svg') no-repeat -96px -30px;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	opacity: 0;
	background: #000;
	cursor: inherit;
	display: block;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
/* end of file upload */
/* select */
select {
	font-family: 'Muller-Light', Verdana, sans-serif;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	border: 1px solid #e5e5e5;
	border-radius: 5px;
	background-color: #e5e5e5;
	height: 40px;
	padding: 0 35px 0 12px;
	background: #e5e5e5 url('../images/dropdown-arrow.svg') no-repeat right center;
	font-size: 16px;
	line-height: 40px;
	color: #888;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
select:hover,
select:focus:hover  {
	background: #f1f1f1 url('../images/dropdown-arrow.svg') no-repeat right center;
	border-color: #f1f1f1;
}
select:focus {
	border-color: #e5e5e5;
}
select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}
select::-ms-expand {
    display: none;
}
.ie9 select {
	padding: 7px 10px;
}
/* end of select */
/* end of forms */
.g-recaptcha {
	float: left;
}
.small-captcha #rc-imageselect, 
.small-captcha .g-recaptcha { 
	-webkit-transform:scale(0.75); 
	-ms-transform:scale(0.75); 
	transform:scale(0.75);
	-webkit-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
}
.small-captcha .g-recaptcha {
	width: 230px;
	float: left;
}
.small-captcha .btn span {
	padding: 15px;
}
form .btn span {
	padding: 24px 20px;
}
/* contacts */
.contacts {
	z-index: 100;
	background-color: #fff;
}
.contacts .scroll-container {
	width: 62.5%;
}
.contacts h2 {
	margin-bottom: 20px;
	font-size: 60px;
}
.contact-box {
	position: absolute;
	bottom: 40px;
	left: 40px;
	background: #000;
	z-index: 100;
	width: 260px;
	padding: 20px;
	color: #d5d5d5;
	font-family: 'Muller-Light', Verdana, sans-serif;
}
.contact-box strong {
	font-family: 'Playfair Display', 'Times New Roman', serif;
	font-size: 24px;
	font-weight: 400;
}
.contact-box a {
	text-decoration: none;
	color: #d5d5d5;
	display: inline-block;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
	margin: 2px 0;
	font-size: 14px;
	line-height: 1.3;
}
.contact-box a:hover {
	color: #d23b45;
}
.contact-box li {
	margin: 10px 0;
}
.contact-box li:last-child {
	margin: 0;
}
.map-container {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 75%;
	background-color: #666;
	z-index: 101;
	-webkit-transform: translate3d(75%,0,0);
	transform: translate3d(75%,0,0);
	-webkit-transition: all 0.75s ease;
	-o-transition: all 0.75s ease;
	transition: all 0.75s ease;
	/*overflow: hidden;*/
}
.ie9 .map-container {
	left: 81%;
}
.map-open .map-container {
	-webkit-transform: translate3d(0%,0,0);
	transform: translate3d(0%,0,0);	
}
.ie9 .map-open .map-container {
	left: 25%;
}
.open-map-btn {
	text-decoration: none;
	position: absolute;
	z-index: 1000;
	top: 50%;
	margin-top: -25px;
	left: -50px;
	background-color: #d23b45;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 18px;
	font-family: 'Muller-Light', Verdana, sans-serif;
	padding: 16px 30px;
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.close-map-overlay {
	display: none;
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.map-open .close-map-overlay {
	display: block;
}
#map {
	position: relative;
	height: 100%;
	width: 100%;
	z-index: 1;
	margin: 0px;
}
/* end of contacts */
/* wordlmap */
.worldmap {
	background: #fff;
	position: relative;
	overflow: hidden;
	z-index: 5;
	font-size: 0;
}
.world-map-container {
	width: 100%;
	/*height: 400px;*/
	border: 1px solid red;
	position: relative;
	overflow: hidden;
}
.mainland {
	width: 33.33%;
	float: left;
	overflow: hidden;
}
.mainland ul {
	float: left;
	margin: 0;
	position: relative;
	z-index: 5;
	width: 33.33%;
	padding: 0 20px 0 0;
}
.mainland ul li {
	font-size: 16px;
	color: #000;
	font-family: 'Muller-Light', Verdana, sans-serif;
	margin: 10px 0;
}
.mainland ul li strong {
	font-family: 'Playfair Display', 'Times New Roman', serif;
	font-size: 30px;
	margin: 30px 0;
	display: block;
	font-weight: 400;
}
.mainland ul li strong.green {
	color: #dddd72;
}
.mainland ul li strong.red {
	color: #a33233;
}
.mainland ul li strong.orange {
	color: #e7721b;
}
.mainland ul li strong.blue {
	color: #6d7dcb;
}
.countries-map {
	float: right;
	width: 66.67%;
	margin: 40px 0;
	position: relative;
	overflow: hidden;
}
.countries-map-pic {
    display: none;
}
.countries-map img,
.countries-map-pic img {
	width: 100%;
}
.countries-map-pic img {
    display: block;
    width: 100%;
    height: auto;
}
.map-layer {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	-webkit-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	transition: opacity 1s linear;
	opacity: 0;
}
.countries-map.already-visible .map-layer,
.countries-map.come-in .map-layer {
	opacity: 1;
}
.map-layer-1 {
	z-index: 10;
	position: static;
	-webkit-transition-delay: 0.5s;
	-o-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.map-layer-2 {
	z-index: 20;
	-webkit-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s;
}
.map-layer-3 {
	z-index: 50;
	-webkit-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s;
}
.map-layer-4 {
	z-index: 40;
	-webkit-transition-delay: 2s;
	-o-transition-delay: 2s;
	transition-delay: 2s;
}
.map-layer-5 {
	z-index: 30;
	-webkit-transition-delay: 0.1s;
	-o-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
/* end of worldmap */
/* cookies */
.cookies-bar {
	/*padding-top: 100px;*/
}
.cookies {
	background: #870000;
	border: 1px solid #b60000;
	position: relative;
	padding: 0 240px 0 0;
	display: none; /*to be removed*/
}
.cookies h3 {
	margin: 20px 0 10px 20px;
	color: #fff;
	text-align: left;
	font-size: 30px;
	line-height: 30px;
}
.cookies p {
	color: #fff;
	margin: 0 20px 20px 20px;
	font-size: 15px;
	line-height: 20px;
}
.cookies p a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	border-bottom: 1px solid #fff;
}
.cookie-text {
}
.cookie-btn {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 240px;
	border-left: 1px solid #b60000;
}
.cookie-ok {
	font-size: 24px;
	color: #fff;
	padding: 20px;
	text-decoration: none;
	position: absolute;
	display: table;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	table-layout: fixed;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.cookie-ok:hover {
	background: #b60000;	
}
.cookie-ok:after {
	content: '';
	position: absolute;
	width: 40px;
	height: 40px;
	right: 20px;
	top: 50%;
	margin-top: -20px;
	background: url('../images/kti-sprite.svg') no-repeat;
	background-position: -155px -105px;
}
.cookie-ok span {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 0 40px 0 0;
}
/* end of cookies */
/* age verification */
.age-verification {
	display: table;
	width: 100%;
	height: 100%;
	table-layout: fixed;
	background-color: #666;
	background-size: cover;
	background-position: center center;
}
.age-verification h3 {
	color: #fff;
	margin: 80px 0 40px 0;
	font-size: 48px;
}
.age-verification-inner {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding: 100px 0;
}
.age-verification-inner p {
	color: #fff;
}
.age-verification-inner p a {
	color: #fff;
	text-decoration: none;
	display: inline-block;
	position: relative;
}
.age-verification-inner p a:before,
.age-verification-inner p a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #b0002a;
	-webkit-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: center left;
	-ms-transform-origin: center left;
	transform-origin: center left;	
	-webkit-transition: -webkit-transform 0.2s ease;	
	transition: -webkit-transform 0.2s ease;	
	-o-transition: transform 0.2s ease;	
	transition: transform 0.2s ease;	
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.age-verification-inner p a:hover:after {
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}
.age-verification-inner p a:before {
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	background: #fff;
}



.age-verification img {
	margin: 0 0 0 50px;
}
.age-verification .lang-btn {
    position: absolute;
    top: 20px;
    right: 20px;
}
.age-verification .lang-select {
	position: absolute;
	top: 20px;
	right: 20px;
}
.age-verification .lang-select .lang-btn {
    position: static;
}
.age-verification .btn {
	min-width: 260px;
}
.lang-btn {
	display: block;
	width: 50px;
	height: 50px;
	border: 1px solid #fff;
	color: #fff;
	text-decoration: none;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	-webkit-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
.lang-btn:hover {
	background-color: #fff;
	color: #000;
}
.age-verification .btn-row {
	font-size: 0;
}
.btn-row .btn {
	margin: 10px 30px;
}
.age-verification .under-age {
	margin: 20px 0 0 0;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	opacity: 0;
}
.age-verification .under-age.show-under-age {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}
.age-verification .under-age p {
	margin: 0;
	color: #fff;
}
/* lang select */
.lang-select {
    position: relative;
    width: 60px;
}
.search-bar .lang-select {
    position: absolute;
    top: 0;
    right: 0;
}
.lang-select .lang-btn,
.search-bar .lang-select .lang-btn {
    width: 60px;
    text-align: left;
    padding: 0 10px;
    z-index: 2;
}
.lang-select .lang-btn:after {
    content: '';
    position: absolute;
    top: 24px;
    right: 10px;
    border: 4px solid transparent;
    border-top: 6px solid #fff;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.lang-select.is-open .lang-btn:after {
    -webkit-transform: rotate(180deg) translateY(5px);
    -ms-transform: rotate(180deg) translateY(5px);
    transform: rotate(180deg) translateY(5px);
}
.lang-select .lang-btn:hover {
    background-color: transparent;
    color: #fff;
}
.lang-list {    
    position: absolute;
    z-index: 1;
    top: 51px;
    width: 60px;
    right: 0;
    background-color: #fff;
    text-align: center;
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
}
.is-open .lang-list {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}
.lang-list-link {
    font-size: 16px;
    color: #000;
    display: block;
    padding: 10px;
    text-decoration: none;
    
}
.lang-list-link:hover {
    color: rgba(137,12,42,.95);
}
/* end of lang select */
/* end of age verification */
/* searchbar */
.search-bar {
	position: absolute;
	top: 40px;
	left: 20%;
	right: 20%;
	padding: 0 32px;
}
.search-bar-inner {
	position: relative;
	/*padding: 0 70px 0 0;*/
    padding: 0 80px 0 0;
}
.search-bar form {
	margin: 0;
}
.search-bar .lang-btn {
	position: absolute;
	right: 0;
	top: 0;
	width: 50px;
	height: 50px;
	line-height: 50px;
}
.search-bar input[type="search"],
.search-bar input[type="text"],
.search-bar input[type="search"]:hover,
.search-bar input[type="text"]:hover,
.search-bar input[type="search"]:focus,
.search-bar input[type="text"]:focus,
.search-bar input[type="search"]:focus:hover,
.search-bar input[type="text"]:focus:hover {
	outline: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 50px;
	padding: 15px 50px 15px 15px;
	width: 100%;
	color: #fff;
	border: 1px solid #fff;
	background-color: transparent;
	font-size: 18px;
	font-style: italic;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.search-bar input::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}
.search-bar input:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}
.search-bar input::-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}
.search-bar input::placeholder {
	color: #fff;
	opacity: 1;
}
.search-bar button {
	outline: none;
	position: absolute;
	top: 0;
	/*right: 0;*/
	/*right: 70px;*/
    right: 80px;
	width: 50px;
	height: 50px;
	border: 0;
	background: url('../images/kti-sprite.svg') no-repeat;
	background-position: -96px -70px;
}
/* end of searchbar */
/* timeline */
.timeline-back {
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #000;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.timeline {
	margin: 200px 0 0 0;
	font-size: 0;
	text-align: center;
	overflow: hidden;
	position: relative;
}
.timeline-years {
	font-size: 0;
	width: 10000px;
}
.timeline-years li {
	display: inline-block;
	position: relative;
	height: 130px;
	width: 110px;
}
.timeline-years li a {
	text-decoration: none;
	display: block;
	padding: 10px 10px 90px 10px;
	text-align: center;
	font-size: 30px;
	line-height: 1;
	color: #fff;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	-o-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.timeline-years li a:hover {
	-webkit-transform: translate3d(0,-10px,0);
	transform: translate3d(0,-10px,0);
}
.timeline-years li:before,
.current-year li:before {
	content: '';
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	height: 11px;
	background: url('../images/timeline-pattern.svg') repeat left top;
}
.no-svg .timeline-years li:before,
.no-svg .current-year li:before {
	background: url('../images/timeline-pattern.png') repeat left top;
}
.next-years li:last-child:before {
	width: 50%;
}
.prev-years li:first-child:before {
	width: 50%;
	left: 50%;
}
.no-more-next.current-year li:before {
	width: 50%;
}
.no-more-prev.current-year li:before {
	width: 50%;
	left: 50%;
}
.timeline-years li:after,
.current-year li:after {
	content: '';
	position: absolute;
	bottom: 0;
	height: 31px;
	width: 3px;
	margin-left: -2px;
	left: 50%;
	background-color: #fff;
	-webkit-transition: -webkit-transform 0.2s ease;
	transition: -webkit-transform 0.2s ease;
	-o-transition: transform 0.2s ease;
	transition: transform 0.2s ease;
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.timeline-years li:hover:after {
	-webkit-transform: scale(1,1.5);
	-ms-transform: scale(1,1.5);
	transform: scale(1,1.5);
}
.current-year li:after {
	-webkit-animation: timelinepulse 5s ease-in-out infinite;
	animation: timelinepulse 5s ease-in-out infinite;
/*	transform: scale(1,2);*/
}
@-webkit-keyframes timelinepulse {
	0% {
		-webkit-transform: scale(1,1.5);
		transform: scale(1,1.5);
	}
	50% {
		-webkit-transform: scale(1,2.5);
		transform: scale(1,2.5);
	}
	100% {
		-webkit-transform: scale(1,1.5);
		transform: scale(1,1.5);
	}
}
@keyframes timelinepulse {
	0% {
		-webkit-transform: scale(1,1.5);
		transform: scale(1,1.5);
	}
	50% {
		-webkit-transform: scale(1,2.5);
		transform: scale(1,2.5);
	}
	100% {
		-webkit-transform: scale(1,1.5);
		transform: scale(1,1.5);
	}
}
.prev-years {
	position: absolute;
	top: 150px;	
	right: 50%;
	margin-right: 253px;
	text-align: right;
}
.next-years {
	position: absolute;
	top: 150px;
	left: 50%;
	margin-left: 253px;
	text-align: left;
}
.current-year {
	display: inline-block;
	vertical-align: bottom;
	width: 507px;
	height: 280px;
	padding: 0 0 100px 0;
	position: relative;
}
.current-year a {
	display: block;
	text-decoration: none;
	font-size: 180px;
	letter-spacing: -10px;
	line-height: 220px;
	color: #fff;
}
.timeline-text {
	margin: 40px 0;
}
.timeline .wrapper {
	position: relative;
}
.timeline-text li {
	font-size: 20px;
	color: #fff;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
}
.timeline-text li.active {
	position: static;
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
/* end of timeline */
.up {
	width: 50px;
	height: 50px;
	background: rgba(137,12,42,0.95);
	display: block;
	float: right;
}
.main-footer {
	display: table-row;
	height: 1px;
}
.footer-inner {
	position: relative;
	z-index: 5;
	background: #fff url('../images/kti-footer.svg') no-repeat right bottom;
	overflow: hidden;
}
.main-footer .kti-logo {
	display: inline-block;
	float: none;
	margin-top: 100px;
}
.main-footer nav {
	margin: 0 40px;
}
.main-footer nav ul {
}
.main-footer nav ul li {
	vertical-align: middle;
	display: inline-block;
}
.main-footer nav a {
	color: #af002a;
	font-size: 20px;
	text-decoration: none;
	margin: 0 20px 20px 0;
	display: inline-block;
	position: relative;
	padding: 3px 0;
}
.main-footer nav a:after,
.footer-bottom a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #af002a;
	-webkit-transform: scale(0,1);
	-ms-transform: scale(0,1);
	transform: scale(0,1);
	-webkit-transform-origin: center left;
	-ms-transform-origin: center left;
	transform-origin: center left;	
	-webkit-transition: -webkit-transform 0.2s ease;	
	transition: -webkit-transform 0.2s ease;	
	-o-transition: transform 0.2s ease;	
	transition: transform 0.2s ease;	
	transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.main-footer nav a:hover:after,
.footer-bottom a:hover:after {
	-webkit-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
}
.footer-bottom {
	display: block;
	margin: 0px 40px 40px 40px;
	color: #666;
	font-size: 14px;
	line-height: 2;
	font-family: 'Muller-Light', Verdana, sans-serif;
	overflow: hidden;
}
.footer-bottom .links {
	display: inline-block;
	float: none;
	margin: 0;
	font-size: 0;
}
.footer-bottom .links .devider {
	width: 1px;
	height: 20px;
	background-color: #666;
	display: inline-block;
	margin: 4px 12px 0 12px;
	vertical-align: top;
}
.footer-bottom a {
	display: inline-block;
	text-decoration: none;
	color: #af002a;
	margin: 0px;
	font-size: 14px;
	position: relative;
}
.copyright {
	float: left;
	margin: 10px 10px 0 0;
}
.studiox {
	float: right;
	margin: 10px 0 0 0;
}
.studiox a {
	margin: 0 0 0 10px;
}

/* Text block */
.text-block {
	padding: 0 0 80px 0;
	color: #505050;
	text-align: center;
}
.text-block p {
	font-size: 18px;
	line-height: 1.9;
	color: #505050;
}

/* Product grid */
.product-grid {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	padding: 0 0 50px 0;
}

.product-grid-aside {
	width: 340px;
	padding: 50px 30px;
	background-color: #f5f5f5;
}

.product-grid-aside-title {
	position: relative;
	display: inline-block;
	font-size: 30px;
	margin: 0;
	text-align: left;
}

.product-grid-aside-title:after {
	content: '';
	position: absolute;
	top: 50%;
	left: 100%;
	z-index: 10;
	width: 120px;
	height: 1px;
	margin-left: 30px;
	background-color: #000;
}
.product-grid-aside-list {
	padding: 60px 0 0 0;
	margin: -8px 0;
}
.product-grid-aside-list li {
	padding: 8px 0;
}
.product-grid-content {
	padding: 0 0 0 100px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	/* overflow: hidden; */
}
.product-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin: -20px;
}
.product-list-animation {
	position: absolute;
	top: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateX(-40%);
	-ms-transform: translateX(-40%);
	transform: translateX(-40%);
	-webkit-transition: all 400ms ease-in-out;
	-o-transition: all 400ms ease-in-out;
	transition: all 400ms ease-in-out;
}
.product-list-animation.active {
	position: initial;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: all 600ms ease-in-out;
	-o-transition: all 600ms ease-in-out;
	transition: all 600ms ease-in-out;
}
.product-list-col {
	max-width: 33.3%;
	-ms-flex-preferred-size: 33.3%;
	flex-basis: 33.3%;
	padding: 20px;
}
.product-list-col a {
	display: block;
	text-decoration: none;
	color: #000;
}
.product-list-col figure img {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
.product-list-col figure figcaption {
	display: block;
	padding: 22px 0 0 0;
	font-size: 20px;
	text-align: center;
}
/* checkbox and radio */
.custom-checkbox,
.custom-radio {
	display: inline-block;
	position: relative;
	margin-right: 20px;
	padding: 0;
	cursor: pointer;
	line-height: 22px;
	font-size: 16px;
	font-family: 'Muller-Light', Verdana, sans-serif; 
	color: #000;
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}
.custom-checkbox:hover,
.custom-radio:hover {
	color: #d10712;
}
.custom-checkbox var,
.custom-radio var {
	display: block;
	padding-left: 40px;
	font-style: normal;
	text-align: left;
}
.custom-checkbox [type="checkbox"],
.custom-radio [type="radio"] {
	position: absolute;
	top: 4px;
	left: 4px;
}
.custom-checkbox [type="checkbox"]:not(:checked),
.custom-checkbox [type="checkbox"]:checked,
.custom-radio [type="radio"]:not(:checked),
.custom-radio [type="radio"]:checked {
	position: absolute;
	top: 0;
	opacity: 0;
	cursor: pointer;
}
.custom-checkbox [type="checkbox"]:not(:checked) + var:before,
.custom-checkbox [type="checkbox"]:checked + var:before,
.custom-radio [type="radio"]:not(:checked) + var:before,
.custom-radio [type="radio"]:checked + var:before {
	content: '';
	height: 22px; 
	width: 22px;
    position: absolute;
    z-index: 5;
    top: 0px; 
    left: 0;
    border: 1px solid #000;
    background: #fff;
}
.custom-checkbox [type="checkbox"]:not(:checked) + var:after,
.custom-checkbox [type="checkbox"]:checked + var:after,
.custom-radio [type="radio"]:not(:checked) + var:after,
.custom-radio [type="radio"]:checked + var:after {
	content: '';
	width: 12px;
	height: 12px;
	position: absolute;
	z-index: 10;
	top: 4.5px;
	left: 5px;
	background-color: #fff;
}
.custom-checkbox [type="checkbox"]:checked + var:after,
.custom-radio [type="radio"]:checked + var:after {
	background-color: #d10712;
}
.custom-radio [type="radio"]:not(:checked) + var:before,
.custom-radio [type="radio"]:checked + var:before,
.custom-radio [type="radio"]:not(:checked) + var:after,
.custom-radio [type="radio"]:checked + var:after {
	border-radius: 50%;
}
/* end of checkbox and radio */

/* no SVG */
.no-svg .paginator ul li a.prev-page,
.no-svg .paginator ul li a.next-page,
.no-svg .scroll-down:after,
.no-svg .popup-x,
.no-svg .share-box a.mailto-icon,
.no-svg .share-box a.print-icon,
.no-svg .main-nav strong a.icon:before,
.no-svg .social-nav a.icon,
.no-svg .search-bar button,
.no-svg .brand-slider-toggle:after,
.no-svg .brands-slider .brand-slider-prev,
.no-svg .brands-slider .brand-slider-next,
.no-svg .cookie-ok:after {
	background: url('../images/kti-sprite.png') no-repeat;
}
/* end of no SVG */
/* upgrade browser */
#upgrade-browser {
	/*padding: 17px 30px 14px 10px;*/
	padding: 10px 60px;
	position: relative;
	z-index: 10000;
	text-align: center;
	background: #ffe490;
}
#upgrade-browser a {
	height: 50px; width: 50px;
	display: inline-block;
	margin: 0 5px 0 0;
	font-size: 0;
	vertical-align: middle;
	background: url('../images/browser-sprite.jpg') no-repeat -1000px 0;
}
#upgrade-browser a.chrome {
	background-position: 0px 0px;
}
#upgrade-browser a.ie { 
	background-position: -50px 0px;
}
#upgrade-browser a.firefox {
	background-position: -100px 0;
}
#upgrade-browser a.opera {
	background-position: -150px 0;
}
#upgrade-browser a.safari {
	background-position: -200px 0;
}
#upgrade-browser span {
	font-size: 16px;
	line-height: 18px;
	display: inline-block;
	margin: 10px;
}
#upgrade-browser .close-warning {
	height: 50px; 
	width: 50px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	background: url('../images/browser-sprite.jpg') no-repeat -250px 0;
}
/* end of upgrade browser */
/* ==========================================================================
   Media Queries
   ========================================================================== */
@media only screen and (max-width: 1340px) {
	.welcome h1 {
		font-size: 50px;
	}
	.welcome p {
		font-size: 22px;
	}
	.wrapper {
		width: auto;
		margin: 0 20px;
	}
	.wrapper.narrow {
		width: 80%;
		margin: 0 auto;
	}
	.split-view .text {
		padding: 50px;
	}
	.innovation-box {
		width: 40%;
		left: 10%;
	}
	.innovation-list li:nth-child(even) .innovation-box {
		right: 10%;
	}
}
@media only screen and (max-width: 1160px) {
	.menu {
		bottom: 0;
		overflow-y: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.main-nav ul {
		width: 33.33%;
	}
	.timeline {
		margin: 150px 0 0 0;
	}
	.grid-squares2 h2 {
		font-size: 50px;
	}
	.map-container {
		width: 66.667%;
		-webkit-transform: translate3d(77.5%,0,0);
		transform: translate3d(77.5%,0,0);
	}
	.contacts .scroll-container {
		width: 70%;
	}
	.header-top h2 {
		font-size: 50px;
	}
}
@media only screen and (max-width: 1024px) {
	.kti-logo {
		margin: 20px 0px 40px 40px;
	}
	.menu-btn {
		margin: 35px 40px 45px 0px;
	}
	.header-top {
		min-height: 213px;    
		padding: 100px 0 30px 0;
	}
	.header-top h2 {
		font-size: 40px;
	}
	.product-grid-aside {
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		width: 100%;
	}
	.product-grid-aside-list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: -8px;
		padding: 50px 0 0 0;
	}
	.product-grid-aside-list li {
		max-width: 33.3%;
		-ms-flex-preferred-size: 33.3%;
		flex-basis: 33.3%;
		padding: 8px;
	}
	.product-grid-aside-title:after {
		margin-left: 20px;
	}
	.product-grid-content {
		padding: 30px 0 0 0;
	}
	.product-list-col {
		max-width: 25%;
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
	}
	.custom-checkbox, 
	.custom-radio {
		font-size: 15px;
	}
}
@media only screen and (max-width: 990px) {
	.search-bar {
		position: static;
		padding: 0 40px 20px 40px;
	}
	.split-header .menu-btn:before {
		border-color: #fff;
	}
	.split-header .menu-btn:after {
		background-color: #fff;
	}
	.split-header .menu-btn span {
		color: #fff;
	}
	.menu .header-inner {
		background-color: transparent!important;
	}
	/* grid */
	.grid .col.col-100,
	.grid .col.col-66 {
		width: 100%;
	}
	.grid .col.col-50 {
		width: 50%;
	}
	.grid .col.col-33 {
		width: 50%;
	}
	/* end of grid */
	/* typography */
	h2 {
		font-size: 60px;
	}
	.text h2 {
		margin: 40px 0;
	}
	/* end of typography */
	.half-popup {
		width: 100%;
		position: relative;
	}
	.welcome .text {
		width: 66.66%;
	}
	.welcome p {
		font-size: 22px;
	}
	.welcome h1 {
		font-size: 50px;
	}
	.grid-squares li,
	.grid-squares2 li {
		padding: 50% 0 0 0;
	}
	.split-view .text,
	.split-view .split-view-product .text {
		padding: 0px 70px 70px 70px;
	}
	.fixed-filter .text {
		margin-bottom: 0px;
	}
	.product-filter {
		position: static;
		padding: 20px;
	}
	.innovation-box {
		width: 55%;
	}
	.innovation-cover {
		height: 473px;
	}
	.split-view {
		bottom: auto;
	}
	.split-view-left,
	.split-view-right {
		position: relative;
		width: 100%;
	}
	.split-view-left {
		height: 600px;
	}
	.split-view-background {
		position: static;
		height: 100%;
	}
	.half-wrapper {
		max-width: none;
		margin: 0;
	}
	.product-page .header-inner {
		background-color: #666;
	}
	.product-logo {
		margin: 160px auto 0px auto;
	}
	.product-slider-container {
	    position: static;
	    -webkit-transform: none;
	    -ms-transform: none;
	    transform: none;
        padding: 70px 40px;
        margin: 0 auto;
    }
	.mainland {
		float: none;
		width: 100%;
		margin: 0;
	}
	.countries-map {
	    display: none;
	}
	.countries-map-pic {
	    display: block;
	}
	/* recptcha */
	#rc-imageselect, 
	.g-recaptcha,
	.small-captcha #rc-imageselect, 
	.small-captcha .g-recaptcha {
		-webkit-transform:scale(0.95394736842105);
		-ms-transform:scale(0.95394736842105);
		transform:scale(0.95394736842105);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
	}
	.g-recaptcha,
	.small-captcha .g-recaptcha, {
		width: 290px;
		float: left;
	}
	/* end of recaptcha */
	form .btn span,
	form .small-captcha .btn span {
		padding: 22px 20px;
	}
	.map-container {
		position: static;
		height: 600px;
		width: 100%;
		background-color: #666;
		z-index: 101;
		margin: 0;
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);
		-webkit-transition: all 0.75s ease;
		-o-transition: all 0.75s ease;
		transition: all 0.75s ease;
		overflow: hidden;
	}
	.map-open .map-container {
		-webkit-transform: translate3d(0,0,0);
		transform: translate3d(0,0,0);	
		margin-left: 0px;
	}
	
	.open-map-btn,
	.close-map-overlay,
	.map-open .close-map-overlay {
		display: none;
	}
	.contacts .scroll-container {
		padding: 0;
		width: 100%;
	}
	/* time line */
	.current-year {
		width: 407px;
	}
	.current-year a {
		font-size: 150px;
		line-height: 250px;
	}
	.prev-years {
		margin-right: 203px;
	}
	.next-years {
		margin-left: 203px;
	}
	/* end of timeline */
	.paginator ul li a.prev-page {
		margin: 0 50px 0 0;
	}
	.paginator ul li a.next-page {
		margin: 0 0 0 50px;
	}
	.header-top h2 {
		font-size: 35px;
	}
	.product-list {
		margin: -15px;
	}
	.product-list-col {
		padding: 15px;
	}
	.product-list-col figure figcaption {
		font-size: 18px;
	}
	.product-grid-aside-list {
		padding: 40px 0 0 0;
	}
	.product-grid-aside-title {
		font-size: 28px;
	}
	.product-grid-aside-title:after {
		width: 100px;
	}
}
@media only screen and (max-width: 767px) {
	.kti-logo {
		margin: 10px 0px 40px 40px;
	}
	.kti-logo img {
		max-width: 110px;
	}
	.kti-logo:after {
		font-size: 11px;
	}
	.menu-btn {
		margin: 20px 40px 45px 0px;
	}
	/* responsive typography */
	h1 {
		font-size: 60px;
	}
	h2 {
		font-size: 48px;
	}
	h3 {
		font-size: 28px;
	}
	p {
		font-size: 16px;
	}
	.grid-squares2 h2 {
		font-size: 42px;
	}
	/* end of responsive typography */
	.welcome.fixed-back {
		background-attachment: scroll!important;
	}
	.welcome p {
		font-size: 20px;
	}
	.welcome h1 {
		font-size: 42px;
	}
	.wrapper.narrow {
		width: auto;
		margin: 0 20px;
	}
	.aboutus-slide {
		padding: 460px 0 0 0;
	}
	.about-screen {
		padding: 460px 0 0 0;
		background-attachment: scroll!important;
	}
	.split-view .text,
	.split-view .split-view-product .text {
		padding: 0px 50px 50px 50px;
	}
	.innovation-box,
	.innovation-list li:nth-child(even) .innovation-box {
		width: 80%;
		left: 10%;
		right: 10%;
	}
	.news-list li article,
	.news-list li:nth-child(even) article {
		padding: 40px 0;
	}
	.news-list figure {
		position: static;
		margin: 0 auto 40px auto;
		width: 100%;
		height: auto;
	}
	.news-list .text {
		display: block;
	}
	.news-list figure {
		width: 100%;
	}
	.paginator ul li a {
		font-size: 40px;
		width: 50px;
		height: 50px;
	}
	.paginator ul li a.prev-page {
		margin: 0 20px 0 0;
	}
	.paginator ul li a.next-page {
		margin: 0 0 0 20px;
	}
	.hilights-list li {
		width: 100%;
		margin: 20px 0;
	}
	.fact-circle,
	.fact-list li img {
		width: 150px;
		height: 150px;
		font-size: 60px;
	}
	.footer-bottom .links {
		display: block;
	}
	.header-top h2 {
		font-size: 32px;
	}
	.product-list-col {
		max-width: 33.3%;
		-ms-flex-preferred-size: 33.3%;
		flex-basis: 33.3%;
	}
	.product-grid {
		padding: 0 0 20px 0;
	}
	.product-grid-aside-list li {
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
	.product-grid-aside-title {
		font-size: 26px;
	}
	.product-grid-aside-title:after {
		width: 80px;
	}
	.product-grid-aside {
		padding: 45px 30px;
	}
	.product-grid-aside-list {
		padding: 35px 0 0 0;
	}
	.header-top {
		margin: 0 0 60px 0;
	}
	.text-block {
		padding: 0 0 60px 0;
	}
	.text-block p {
		font-size: 16px;
	}
}
@media only screen and (max-width: 640px) {
	.header-top {
		min-height: 133px;
	}
	.cookies-bar {
		/*padding-top: 190px;*/
	}
	.cookies {
		padding: 0;
	}
	.cookie-btn {
		position: static;
		width: 100%;
		height: auto;
		border-left: 0;
		border-top: 1px solid #b60000;
	}
	.cookie-ok {
		position: relative;
	}
	.main-nav ul {
		width: 50%;
	}
	.grid.fact-list .col.col-33 {
		width: 100%;
	}
	.fact-circle,
	.fact-list li img {
		width: 170px;
		height: 170px;
		font-size: 70px;
	}
	.grid.grid-squares2 li.col.col-33, {
		width: 100%;
		padding: 100% 0 0 0;	
	}
	.grid-squares2 li.text-only {
		padding-top: 0!important;
	}
	.grid-squares2 li .grid-squares2-inner {
		position: static;
	}
	.grid-squares2 {
		margin: 0;
	}
	.map-container {
		height: 240px;
	}
	/* time line */
	.timeline {
		margin: 100px 0 0 0;
	}
	.current-year {
		width: 133px;
		height: 160px;
	}
	.current-year a {
		font-size: 66px;
		letter-spacing: -3px;
		line-height: 70px;
	}
	.timeline-years li a {
		font-size: 24px;
	}
	.prev-years {
		top: 30px;
		margin-right: 66px;
	}
	.next-years {
		top: 30px;
		margin-left: 66px;
	}
	/* end of timeline */
	.product-slider {
		padding: 100px 0 50px 0;
	}
	.product-slider .owl-carousel .owl-item {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	.innovation-box {
		position: relative;
	}
	.innovation-cover {
		height: 295px;
		margin-bottom: 0;
	}
	.paginator ul li a {
		display: none;
	}
	.paginator ul li a.prev-page,
	.paginator ul li a.next-page,
	.paginator ul li a.active {
		display: block;
	}
	.header-top {
		padding: 100px 0 20px 0;
	}
	.header-top h2 {
		font-size: 30px;
	}
	.product-list-col {
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}
	.product-list-col figure figcaption {
		padding: 20px 0 0 0;
	}
	.product-grid-aside-list li{
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
}
@media only screen and (max-width: 567px) {
	.half-popup .scroll-container {
		padding: 30px;
	}
	.welcome-text-box {
		padding: 80px 40px 120px 40px;
	}
	.welcome .text {
		width: 100%;
	}
	.welcome p {
		font-size: 18px;
	}
	.welcome h1 {
		font-size: 32px;
	}
	.alphabet-container {
		right: 0;
		top: auto;
		bottom: 0;
	}
	.alphabet-container.fixed {
		display: none;
	}
	.alphabet-inner {
		width: 100%;
		text-align: center;
	}
	.alphabet {
		text-align: center;
	}
	.alphabet li {
		display: inline-block;
		margin: 0 5px 20px 5px;
	}
	.alphabet li a {
		width: 46px;
		height: 46px;
		line-height: 42px;
		font-size: 20px;
	}
	.aboutus-slide {
		padding: 260px 0 0 0;
	}
	.about-screen {
		padding: 160px 0 0 0;
	}
	.grid-squares li footer {
		bottom: 5%;
	}
	.product-filter li {
		width: 50%;
	}
	.main-footer nav ul li {
		width: 50%;
	}
	.studiox {
		float: left;
	}
	.header-top h2 {
		font-size: 28px;
	}
	.product-grid-aside-title:after {
		width: 60px;
	}
	.product-grid-aside-title {
		font-size: 24px;
	}
	.product-grid-aside-list {
		padding: 30px 0 0 0;
	}
}
@media only screen and (max-width: 479px) {
	/* grid */
	.grid .col.col-100,
	.grid .col.col-66,
	.grid .col.col-50,
	.grid .col.col-33 {
		width: 100%;
	}
	/* end of grid */
	form .field-1-3,
	form .field-2-3,
	form .field-1-2,
	form .field-1-1 {
		width: 100%;
	}
	.fact {
		width: 280px;
		height: 150px;
	}
	.fact-circle,
	.fact-list li img {
		width: 150px;
		height: 150px;
		font-size: 60px;
	}
	.grid-squares li,
	.grid-squares2 li {
		padding: 100% 0 0 0;
	}
	.grid-squares li.brand-placeholder {
		display: none!important;
	}
	.grid-squares li footer {
		bottom: 10%;
	}
	.grid-squares li .brand-logo {
		padding: 0 40px;
	}
	.split-view .text,
	.split-view .split-view-product .text {
		padding: 0px 30px 30px 30px;
	}
	.split-view-left {
		height: 360px;
	}
	.kti-logo {
		margin: 20px 0px 20px 20px;
	}
	.main-nav ul {
		width: 100%;
		padding: 0 0 20px 0;
	}
	.social-nav {
		margin: 0 20px 20px 0;
	}
	.search-bar {
		padding: 0 20px 20px 20px;
	}
	.cover {
		padding: 20px 0 80px 0;
	}
	.cover-header {
		padding-top: 80px;
	}
	.main-footer nav {
		margin: 0 20px;
	}
	.footer-bottom {
		margin: 0 20px 20px 20px;
	}
	.menu-btn {
		margin: 25px 20px 25px 0px;
	}
	.innovation-box {
		padding: 30px;
	}
	.innovation-box p {
		font-size: 16px;
	}
	.mainland ul {
		width: 50%;
	}
	form .btn {
		float: none;
		margin-top: 14px;
	}
	.g-recaptcha,
	.small-captcha .g-recaptcha {
		float: none;
	}
	.contact-box {
		bottom: 30px;
		left: 30px;
	}
	.main-footer nav ul li,
	.product-filter li {
		width: 100%;
	}
	.split-view .text blockquote {
		padding: 60px 0 0 0;
	}
	.split-view .text blockquote:before {
		
	}
	.certificate-table td {
		display: block;
		text-align: center;
	}
	.certificate-table td img {
		display: block;
		margin: 0 auto!important;
	}
	.brand-slider-toggle {
		/*transform: translate3d(0%,0,0);	*/
		left: 50px;
		right: 50px;
	}
	.search-results p,
	.search-results h1 {
		margin-right: 0;
	} 
	.search-results li a .btn {
		position: static;
	}
	.product-slider-container .slider-arrow.prev {
	    left: -30px;
	}
	.product-slider-container .slider-arrow.next {
	    right: -30px;
	}
	.product-list-col {
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.product-grid {
		padding: 0;
	}
}
@media only screen and (max-width: 359px) {
	/* recptcha */
	#rc-imageselect, 
	.g-recaptcha,
	.small-captcha #rc-imageselect, 
	.small-captcha .g-recaptcha { 
		-webkit-transform:scale(0.88815789473684); 
		-ms-transform:scale(0.88815789473684); 
		transform:scale(0.88815789473684);
		-webkit-transform-origin: top left;
		-ms-transform-origin: top left;
		transform-origin: top left;
	}
	.g-recaptcha,
	.small-captcha .g-recaptcha {
		width: 240px;
		float: left;
	}
	/* end of recaptcha */
	form .btn span,
	form .small-captchaform .btn span {
		padding: 16px;
	}
	form .btn,
	form .small-captcha .btn {
		margin-top: 4px;
	}
	.btn-row .btn {
		margin: 10px 10px;
	}
	.age-verification img {
		margin: 0 0 0 0px;
	}
	.product-grid-aside {
		padding: 40px 25px;
	}
	.product-grid-aside-title:after {
		width: 40px;
	}
	.product-grid-aside-title {
		font-size: 23px;
	}
}
/* vertical product adjustments */
@media only screen and (max-height: 790px) and (min-width: 991px) {
	.product-pic-slider img {
	    max-height: 350px;
	    max-width: 220px;
	}
}
@media only screen and (max-height: 650px) and (min-width: 991px) {
	.product-pic-slider img {
	    max-height: 300px;
	    max-width: 170px;
	}
}
@media only screen and (max-height: 650px) {
    .text h2 {
    	font-size: 60px;
    }
}
/* ==========================================================================
   Print styles
   ========================================================================== */
@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
}   
@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
    /* print job offer */
    .half-popup {
    	width: 100%;
    	position: static;
    }
    .careers .split-view-left, 
    .careers .split-view-right,
    .half-popup form,
    .share-box,
    .main-header {
    	display: none;
    }
    /* end of print job offer */
}
/* ==========================================================================
   Helper classes
   ========================================================================== */
.fl {
	float: left;
}
.fr {
	float: right;
}
.center {
	text-align: center!important;
}
.align-left {
	text-align: left;
}
.align-right {
	text-align: right;
}
.va-top {
	vertical-align: top;
}
.va-bottom {
	vertical-align: bottom;
}
.va-middle {
	vertical-align: middle;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}