@import url('https://fonts.googleapis.com/css?family=Montserrat|Open+Sans|Work+Sans|Raleway|Oswald|Poppins|Roboto&display=swap');

.font-5 {
	font-size: 5px;
}

.font-10 {
	font-size: 10px;
}

.font-11 {
	font-size: 11px;
}

.font-12 {
	font-size: 12px;
}

. font-13 {
	font-size: 13px;
}

.font-14 {
	font-size: 14px;
}

.font-15 {
	font-size: 15px;
}

.font-16 {
	font-size: 16px;
}

.font-17 {
	font-size: 17px;
}

.font-18 {
	font-size: 18px;
}

.font-19 {
	font-size: 19px;
}

.font-20 {
	font-size: 20px;
}

. font-21 {
	font-size: 21px;
}

.font-22 {
	font-size: 22px;
}

.font-23 {
	font-size: 23px;
}

.font-24 {
	font-size: 24px;
}

.font-25 {
	font-size: 25px;
}

.font-26 {
	font-size: 26px;
}

.font-27 {
	font-size: 27px;
}

.font-28 {
	font-size: 28px;
}

. font-29 {
	font-size: 29px;
}

.font-30 {
	font-size: 30px;
}

.font-31 {
	font-size: 31px;
}

.font-32 {
	font-size: 32px;
}

.font-34 {
	font-size: 34px;
}

.font-35 {
	font-size: 35px;
}

.font-36 {
	font-size: 36px;
}

.font-37 {
	font-size: 37px;
}

. font-38 {
	font-size: 38px;
}

.font-39 {
	font-size: 39px;
}

.font-40 {
	font-size: 40px;
}

.font-46 {
	font-size: 46px;
}

.font-w-200 {
	font-weight: 200;
}

.font-w-300 {
	font-weight: 300;
}

.font-w-400 {
	font-weight: 400;
}

.font-w-500 {
	font-weight: 500;
}

.font-w-600 {
	font-weight: 600;
}

.font-w-700 {
	font-weight: 700;
}

.font-w-800 {
	font-weight: 800;
}

.raleway {
	font-family: 'Raleway', sans-serif;
}

.roboto {
	font-family: 'Roboto', sans-serif;
}

.montserrat {
	font-family: 'Montserrat', sans-serif;
}

.opensans {
	font-family: 'Open Sans', sans-serif;
}

.worksans {
	font-family: 'Work Sans', sans-serif;
}

.poppins {
	font-family: 'Poppins', sans-serif;
}

.oswald {
	font-family: 'Oswald', sans-serif;
}

.overlay,
img,
video {
	pointer-events: none
}

body h1 {
	font-family: 'Oswald', sans-serif;
}

body h2 {
	font-family: 'Roboto', sans-serif;
}

.bolded,
.header-upper h1 {
	font-weight: bolder
}

#slider-main:after,
.expand:after,
.products-horizontal-slider-div:after {
	content: ''
}

.addthis_inline_share_toolbox {
	width: 100%;
	min-height: 50px;
}

#select-dropdown ul,
.header-upper-top-menu ul,
.nav ul,
.nav-contact ul,
.org-chart ul,
ol.features,
ul.features,
ul.features li {
	list-style: none
}

.org-chart,
.org-chart.cf:after {
	clear: both
}

@-webkit-keyframes chartjs-render-animation {
	from {
		opacity: .99
	}

	to {
		opacity: 1
	}
}

@keyframes chartjs-render-animation {
	from {
		opacity: .99
	}

	to {
		opacity: 1
	}
}

.chartjs-render-monitor {
	-webkit-animation: chartjs-render-animation 1ms;
	animation: chartjs-render-animation 1ms
}

body,
html {
	width: 100%;
	padding: 0;
	margin: 0
}

body {
	font-family: 'Roboto', 'Open Sans', "Helvetica Neue", Helvetica, Helvetica, Arial, sans-serif;
	font-size: 16px
}

.btn.btn-vivid {
	background-color: rgb(2, 113, 189);
	color: white;
	font-weight: 300;
	text-transform: uppercase;
}

/*border-radius: 100px;}*/
.btn.btn-vivid-outlined {
	border: 2px solid rgb(255, 255, 255);
	color: white;
	font-weight: 600;
	border-radius: 100px;
	background-color: transparent;
	transition: all 0.3s ease;
}

.btn.btn-vivid-outlined:hover {
	background-color: rgb(2, 113, 189);
}

.btn.btn-vivid-outlined-text-dark {
	border: 2px solid rgb(2, 113, 189);
	color: black;
	font-weight: 600;
	border-radius: 100px;
	background-color: transparent;
	transition: all 0.3s ease;
}

.btn.btn-vivid-outlined-text-dark:hover {
	background-color: rgb(2, 113, 189);
	color: white;
}

.btn.btn-vivid-outlined-text-dark-squared {
	border: 2px solid rgb(2, 113, 189);
	color: black;
	font-weight: 600;
	border-radius: 10px;
	background-color: transparent;
	transition: all 0.3s ease;
}

.btn.btn-vivid-new {
	background-color: rgb(2, 113, 189);
	color: white;
	border-radius: 100px;
}

.btn.btn-vivid-new:hover {
	background-color: #005088
}

.text-vivid {
	color: rgb(2, 113, 189);
}

.btn.btn-silver {
	background-color: silver;
	color: white;
	font-weight: 300;
	text-transform: uppercase;
	border-radius: 100px;
}

.btn.btn-silver-outlined {
	border: 2px solid silver;
	color: white;
	font-weight: 600;
	border-radius: 100px;
	background-color: transparent;
}

.btn-silver,
.btn-style {
	font-family: Arial;
	text-transform: uppercase
}

a.link-underlined {
	text-decoration: none;
	/* border-bottom: 2px solid rgb(2, 113, 189); */
}

a.nav-item:hover {
	background-color: red !important;
}

li#language-french {
	border-color: #0271bd;
}

a.header-contact {
	margin-left: 15px;
	font-size: 17px;
	color: rgb(2, 113, 189) !important;
	font-weight: bold;
	padding-bottom: 10px;
}

a.header-contact:hover {
	color: rgb(4, 35, 61) !important;
	border-bottom: 3px solid rgb(22, 61, 87);
}



a.link-underlined:hover {
	text-decoration: none;
}

.centered {
	width: 100%;
	min-height: 20px;
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center
}

.blued {
	color: #005894
}

.greened {
	color: #145046
}

.oranged {
	color: #ca6900
}

.red_c {
	color: #942000
}

.brown_c {
	color: #502114
}

.orange_c {
	color: #943400
}

.blue_c {
	color: #0e6672
}

.underlined {
	text-decoration: underline
}

.font14 {
	font-size: 14px
}

.font16 {
	font-size: 16px
}

.font20 {
	font-size: 20px
}

.fontBig0 {
	font-size: 30px
}

.fontBig {
	font-size: 35px
}

.fontBig2 {
	font-size: 90px
}

p {
	text-align: justify;
	font-size: 16px
}

a:hover {
	text-decoration: none
}



.hoverchange {
	color: black;
	font-weight: normal;
	/* border: 1px solid transparent;
	border-radius: 6px;
    transition: opacity 0.2s ease, border-color 0.2s ease; */

}

.contactform {
	box-shadow: 0px 1px 3px #0000001f !important;

}

.contactinfo {
	color: #007bff !important;
	font-weight: bold;
}

.hoverchange:hover {
	border-bottom: 3px solid rgb(2, 113, 189);
	color: rgb(2, 113, 189) !important;
	font-weight: bold !important;
	transform: scale(0.2 2s 1s)
		/* background-color: rgba(248, 248, 248, 0.151);
	border-color: grey;
	color:#002c4a;
	box-shadow: 1px 1px 1px 1px rgba(80, 71, 133, 0.4); */
}

@keyframes slowfade {
	from {
		opacity: 0
	}

	to {
		opcaity: 1
	}
}

button:focus {
	outline: 0
}

canvas#myChart1 {
	margin: 20px 20px 20px 50px;
	width: 800px !important;
	height: 400px !important;
	cursor: pointer
}

canvas#myChart2 {
	margin: 20px;
	width: 900px !important;
	height: 350px !important;
	cursor: pointer
}

.bluescroll {
	margin-left: 15px;
	font-size: 17px;
	color: rgb(78, 183, 253) !important;
	font-weight: bold;
}


.bluescroll:hover {
	color: rgb(194, 233, 255) !important;
}

.scrollToTop {
	color: rgb(113, 178, 222);
	position: fixed;
	bottom: 75px;
	right: 150px;
	display: none;
	cursor: pointer;
	text-align: center
}

.scrollToTop i {
	margin-bottom: 10px;
	display: block
}

img {
	color: transparent;
	text-indent: -9999px
}

.btn-style,
.btn-style:hover {
	color: #fff;
	text-decoration: none
}

.mobile-tablet {
	display: none
}

.title-container {
	width: 100%;
	min-height: 50px;
	margin-bottom: 20px;
	margin-top: 0
}

.text-container {
	width: 100%;
	min-height: 40px;
	margin-bottom: 40px;
	margin-top: 0
}

.floated-left {
	float: left
}

.floated-right {
	float: right
}

.margined {
	margin: 10px
}

.show {
	display: block
}

.btn-style {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 15px;
	background: #519681;
	border: 1px solid #519681;
	padding: 7px 10px;
	margin-top: 10px
}

.btn-style:hover {
	background: #145046;
	border: 1px solid #145046
}

.btn-silver {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background: silver;
	border: 1px solid silver;
	padding: 5px;
	text-decoration: none;
}

.btn-silver:hover {
	background: #e8e8e8;
	text-decoration: none;
}

.simple-list li {
	list-style-position: inside
}



@keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-moz-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-ms-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-o-keyframes fadein {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@keyframes underline {
	from {
		visibility: hidden;
		transform: scaleX(0)
	}

	to {
		visibility: visible;
		transform: scaleX(1)
	}
}

@-moz-keyframes underline {
	from {
		visibility: hidden;
		transform: scaleX(0)
	}

	to {
		visibility: visible;
		transform: scaleX(1)
	}
}

@-webkit-keyframes underline {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-ms-keyframes underline {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

@-o-keyframes underline {
	from {
		opacity: 0
	}

	to {
		opacity: 1
	}
}

#banner-div {
	position: relative;
	margin: 0;
	width: 100%;
	height: 700px;
	overflow: hidden;
}

#banner-div video {
	position: absolute;
	height: auto !important;
	background-size: cover;
	transition: 1s opacity;
	z-index: -1;
}

#video-overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.45);
	z-index: 1
}

video::-webkit-media-controls-fullscreen-button {
	display: none !important
}

#industrial-equipment-manufacturing {
	font-weight: 500;
	font-size: 60px
}

.header {
	width: 100%;
	min-height: 137px;
	background-color: white;
	display: table;
	transition: all 0.3s;
	/* margin-bot/tom:60px */
}

.navbar-scroll {
	top: -60px;
	color: white;
	/* transition: all 0.2s; */
}

.headerscroll {
	background-color: #363636 !important;
	transition: all 0.3s;
}

.visible {
	opacity: 1;
	transition: all 0.3s;
}

.invisible {
	opacity: 0;
	transition: all 0.3s;
	padding-bottom: 2rem;
}

.visible-2 {
	position: absolute;
	opacity: 1;
	left: 2px !important;
	transition: all 0.3s;
}

.invisible-2 {
	opacity: 0;
	transition: all 0.3s;
	left: 2px !important;
	padding-bottom: 2rem;
	bottom: 5rem;
	position: relative;
}

.bg-white {
	transition: all 100s;
}

.headertop {
	/* background-color: white !important; */
	transition: all 0.2s;

}

.header-upper {
	width: 100%;
	min-height: 100px;
	background-color: #fff;
	position: relative;
}



.header-upper img,
h1 {
	float: left;
}

.header-upper h1 {
	font-size: 20px;
	margin-top: 50px;
	margin-left: 40px;
	color: #191919
}


#mainNav div>ul>li>a {
	font-weight: 400;
	color: black;
	font-size: 16px;
}

#kuka-page:hover {
	cursor: pointer
}

.proudly-made-in-canada {
	width: 100%;
	min-height: 20px;
	text-align: right;
	position: absolute;
	top: -15px;
	left: 0
}

.proudly-made-in-canada img {
	float: right;
	margin-top: 0;
	height: 30px
}

.proudly-made-in-canada span {
	float: right;
	font-size: 14px;
	margin-top: -1px;
	margin-right: 380px;
	margin-left: 10px;
	color: #d52b1e;
	font-weight: bolder;
}

.phone-header {
	color: #b90701
}

.phone-header a {
	color: #000;
	text-decoration: none;
	font-style: bolder;
	font-size: 25px
}

.header-upper-top-menu {
	position: fixed;
	top: 5px;
	right: 181px;
	z-index: 200;
}

.header-upper-top-menu ul li {
	text-align: center;
	font-weight: 700;
	padding-top: 8px;
	cursor: pointer;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 5px;
	float: left
}

.button-border {
	padding: .2em .25em .15em;
	border: solid 0.08em #eeeeee;
	border-radius: .1em;
}

#title1 {
	font-size: 26px
}

#primary {
	position: fixed;
	width: 354px;
	min-height: 100px;
	display: table;
	top: 0;
	right: 80px;
	z-index: 300;
	background-color: #fff;
	border: 1px solid #145046;
	padding: 15px 25px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px
}

#primary input,
.field textarea,
select,
textarea {
	padding: 7px;
	margin: 6px 0 4px;
	background: #fafafa;
	color: #000;
	font-family: sans-serif;
	line-height: normal;
	box-sizing: border-box;
	width: 100%;
	font-size: 14px
}

#primary input,
select,
textarea {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
	border: 1px solid rgba(81, 203, 238, 1)
}

.field textarea {
	border: 1px solid #ccc;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px
}

#dialog-congratulations,
#dialog-simple-section {
	display: none;
	min-height: 140px;
	background: #fff;
	border: 1px solid #c5c5c5;
	padding: 5px 5px 20px;
	top: 200px;
	max-width: 100%;
	max-height: 200px;
	overflow: auto;
	color: #363636;
	outline: 0;
	position: absolute;
	text-align: center;
	z-index: 999
}

#captcha {
	width: 100%;
	margin-bottom: 10px
}

.dialog-dgt {
	display: none
}

#dialog-simple-section {
	width: 310px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-moz-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-o-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-ms-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	border: 1px solid rgba(0, 88, 148, .8);
	left: 22px
}

#dialog-congratulations {
	width: 330px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-moz-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-o-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-ms-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	border: 1px solid rgba(0, 88, 148, .8);
	left: 18px
}

#email-layout {
	width: 500px;
	min-height: 200px;
	display: table;
	position: absolute;
	z-index: 999;
	top: 200px;
	left: -600px
}

.email-from,
.email-message {
	width: 100%;
	padding: 20px;
	display: table
}

.email-message {
	min-height: 50px;
	background-color: #e8e8e8
}

.email-from {
	min-height: 100px;
	background-color: rgb(6, 120, 81, .5);
	font-size: 14px
}

#dialog-loading-simple-section {
	display: none;
	width: 310px;
	max-width: 100%;
	min-height: 140px;
	max-height: 200px;
	overflow: auto;
	background: #fff;
	border: 1px solid #c5c5c5;
	color: #363636;
	padding: 5px 5px 20px;
	outline: 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position: absolute;
	-moz-box-shadow: 2px 2px 2px 2px #ccc;
	-webkit-box-shadow: 2px 2px 2px 2px #ccc;
	box-shadow: 2px 2px 2px 2px #ccc;
	text-align: center;
	z-index: 999;
	top: -180px;
	left: calc(50% - 150px)
}

#dialog-simple-section p span {
	margin-top: 15px;
	padding-bottom: 7px;
	float: right;
	margin-right: 100px
}

#spinner-simple-section {
	margin-right: 20px
}

.dialog-title-div {
	width: 99%;
	height: 30px;
	color: #999;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	margin: 0 auto
}

.dialog-title {
	width: calc(100% - 23px);
	padding: 5px 5px 5px 10px;
	font-size: 15px;
	font-weight: 700;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	float: left
}

.dialog-close-circle {
	width: 25px;
	height: 25px;
	background-color: #fff;
	float: right;
	margin-top: 5px;
	margin-right: 3px;
	border: 2px solid #145046;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	font-size: 14px;
	color: #145046;
	cursor: pointer;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center
}

.dialog-close-circle:hover {
	transform: scale(1.1);
	display: -webkit-flex;
	display: flex;
	align-items: center;
	justify-content: center
}

#to-close {
	margin-top: 10px
}

.first-page-menu {
	width: 78%;
	height: 40px;
	display: table;
	margin-left: 22%
}

.nav ul {
	text-align: center;
	padding: 0;
	margin: 0;
}

.nav li {
	font-size: 18px;
	font-weight: 700;
	line-height: 20px;
	text-align: left
}

.nav a {
	text-decoration: none;
	color: #191919;
	display: block;
	padding-left: 15px;
	transition: .3s background-color
}

.nav a:hover {
	color: #525356;
	text-decoration: none
}

.nav li li {
	font-size: 18px;
}

@media screen and (min-width:992px) {

	.nav a,
	.nav li {
		border-bottom: none
	}

	.nav a,
	.nav>ul>li>a {
		color: #191919;
		text-decoration: none
	}

	.nav a,
	.nav li,
	.nav li ul,
	.nav li ul li,
	.nav>ul>li,
	.nav>ul>li>a {
		text-decoration: none
	}

	.nav li {
		height: 50px;
		line-height: 50px;
		padding-right: 20px;
		font-size: 18px;
		display: inline-block
	}

	.nav>ul>li {
		text-align: center
	}

	.nav>ul>li>a {
		padding-left: 0
	}

	.nav li ul {
		position: absolute;
		z-index: 1000;
		display: none;
		width: inherit;
		background-color: #f9f9f9
	}

	.nav li:hover ul {
		display: block;
		margin-top: 0
	}

	.nav li ul li {
		display: block;
		margin-top: 2px
	}

}

#slider-main,
.center,
.footer,
.slider {
	display: table
}

.footer {
	width: 100%;
	min-height: 270px;
	background-color: #363636;
	color: #fff;
	position: relative;
	padding-top: 15px;
}

.quick-links {
	margin-top: 5px;
}

.footer-left {
	width: 30%;
	height: 240px;
	float: left;
	text-align: center;
	font-size: 18px
}

.footer-left h1 {
	font-size: 20px;
	font-weight: lighter
}

.footer-logo {
	width: 100%;
	height: 150px;
	text-align: center;
	padding-left: 40px;
	padding-right: 40px;
	margin-top: 10px
}

.footer-logo p {
	margin-top: 10px;
	color: #1a1a1a;
	font-weight: 700;
	font-size: 14px
}

#logo-footer {
	margin-top: 30px
}

.footer-right-sitemap {
	width: 100%
}

.footer-right,
.footer-righter {
	width: 20%;
	height: 240px;
	float: left
}

.footer-right h3 {
	font-size: 20px;
}

.footer-right-sitemap a {
	text-decoration: none;
	color: #000
}

.footer-righter {
	margin-top: 10px
}

#mapDiv>div>div>div:nth-child(1)>div:nth-child(3) .footer-center {
	width: 20%;
	height: 240px;
	float: left
}

.contact-cell {
	float: left;
	width: 20%;
	min-width: 220px
}

.footer-center h1 {
	font-size: 18px;
	font-weight: lighter
}

.footer-left-follow-us {
	width: 100%;
	height: 40px;
	text-align: center;
	padding: 5px
}

.social-icon {
	margin-right: 5px
}

.footer-left-follow-us a {
	text-decoration: none;
	font-size: 20px
}

.sitemap {
	width: 100%;
	height: 270px
}

.sitemap a {
	padding-right: 30px;
	font-size: 18px;
	text-decoration: none;
	color: #fff;
	line-height: 30px
}

.copyright a,
.sitemap h1 {
	font-size: 14px
}

.sitemap a:hover {
	text-decoration: none
}

.sitemap p {
	font-size: 14px;
	font-weight: lighter;
	text-decoration: underline
}

.copyright {
	width: 100%;
	height: 30px;
	float: left;
	text-align: center
}

.copyright a {
	text-decoration: none;
	color: #fff
}

.center {
	width: 100%;
	min-height: 1000px
}

.slider,
.slider-center,
.slider-left,
.slider-right {
	min-height: 600px
}

.slider {
	width: 100%;
	text-align: center;
	margin-top: 0
}

.slider-center {
	width: 100%;
	display: table
}

.slider-left {
	padding: 20px;
	width: 800px;
	float: left;
	position: relative;
	background: -moz-linear-gradient(top, rgba(151, 200, 235, 0.8) 0, #fff 50%, rgba(151, 200, 235, 0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(151, 200, 235, 0.8) 0, #fff 50%, rgba(151, 200, 235, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(151, 200, 235, 0.8) 0, #fff 50%, rgba(151, 200, 235, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#97c8eb', endColorstr='#97c8eb', GradientType=0)
}

.homepage-image {
	max-width: 300px
}

:root {
	--slider_main_delay: 0.1s
}

#slider-main {
	width: 100%;
	min-height: 20px;
	font-size: 30px;
	color: #000;
	text-align: center;
	transition: opacity .5s linear;
	-webkit-animation: fadein var(--slider_main_delay);
	-moz-animation: fadein var(--slider_main_delay);
	-ms-animation: fadein var(--slider_main_delay);
	-o-animation: fadein var(--slider_main_delay);
	animation: fadein var(--slider_main_delay);
	margin-top: 30px;
}

#slider-main:after {
	display: block;
	border-bottom: 1px solid #000;
	width: 90%;
	animation: underline .5s ease-in-out .5s forwards;
	-webkit-animation: underline .5s ease-in-out .5s forwards;
	-moz-animation: underline .5s ease-in-out .5s forwards;
	-ms-animation: underline .5s ease-in-out .5s forwards;
	-o-animation: underline .5s ease-in-out .5s forwards;
	transition: all .2s ease-out;
	visibility: hidden;
	margin: 15px 5%;
}

.slider-right {
	width: calc(100% - 800px);
	float: left
}

#background-video-div {
	position: relative;
	min-height: 600px;
	width: 100%;
	overflow: hidden;
	background: url(../images/logo/logo-dgt-solutions-5.svg) center center no-repeat rgba(0, 0, 0, 0.9);
	background-size: 40%
}

.fade-in-video {
	position: absolute;
	top: 0;
	left: 0;
	height: 600px;
	z-index: 0
}

@-webkit-keyframes Fade-in-video {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-moz-keyframes Fade-in-video {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-o-keyframes Fade-in-video {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@keyframes Fade-in-video {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

@-webkit-keyframes Fade-out-video {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-moz-keyframes Fade-out-video {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@-o-keyframes Fade-out-video {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

@keyframes Fade-out-video {
	0% {
		opacity: 1
	}

	100% {
		opacity: 0
	}
}

.h-100 {
	position: relative;
	z-index: 2
}

.overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .3);
	z-index: 1
}

.fade-in-video {
	opacity: 0;
	transition: opacity .8s linear
}

.fade-in-video.is-playing {
	opacity: 1
}

.slider-image {
	height: 500px;
	float: left
}

.slider-left-list {
	width: 100%;
	min-height: 200px;
	display: table;
	margin-top: 10px;
	margin-bottom: 30px;
	text-align: center
}

.slider-left-list hr {
	width: 90%;
	color: #fff;
	background-color: #fff;
	margin: 0 auto
}

.slider-left-list ul {
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center
}

.slider-left-list-left,
.slider-left-list-right {
	width: 50%;
	float: left;
	min-height: 100px;
	display: table
}

.slider-left-list li {
	margin-top: 20px;
	list-style: none;
	font-size: 22px;
	line-height: 55px;
	color: #fff
}

.lister li {
	display: none
}


.goals {
	width: 60%;
	min-height: 400px;
	margin: 10px auto 0;
	display: table;
	padding: 20px;
	font-size: 16px;
	line-height: 170%
}

.goals h1 {
	text-align: center
}

.goals h3 {
	color: #006124;
	margin-bottom: 20px
}

.goals-title {
	width: 100%;
	min-height: 20px;
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center
}

.goals-title h1 {
	font-size: 28px
}

.goals-title h2 {
	font-size: 22px
}

.goals-title img {
	margin-left: 50px
}

.small-title {
	font-size: 22px;
	color: #005894;
	margin-top: 25px
}

.goals-introduction {
	width: 100%;
	min-height: 20px;
	display: table;
}

.goals-introduction.about-slider-images {
	margin-top: 40px;
}

.welcome-div {
	width: 60%;
	min-height: 400px;
	margin: 50px auto 30px;
	display: table;
	padding: 20px;
	font-size: 16px;
	line-height: 170%
}

.welcome-div h2 {
	margin-bottom: 0;
	text-transform: uppercase;
	font-size: 20px;
}

.welcome-text {
	width: 100%;
	min-height: 200px;
	float: left;
	padding: 10px
}

.welcome-text a {
	color: #0281bd;
}

.video-homepage-div {
	width: 60%;
	min-height: 100px;
	margin: 50px auto 30px;
	display: table;
	padding: 20px;
	font-size: 16px;
	line-height: 170%
}

.video-homepage-text {
	width: 100%;
	min-height: 200px;
	float: left;
	padding: 10px
}

.video-thumbnail {
	position: relative;
	display: inline-block;
	cursor: pointer;
	margin: 30px;
}

.padded {
	padding: 20px;
}



.video-thumbnail.mobile-tablet {
	display: none;
}

.video-thumbnail {
	opacity: 0.7
}

.video-thumbnail:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	content: "\f01d";
	font-family: FontAwesome;
	font-size: 100px;
	color: #fff;
	opacity: .8;
	text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5);
}


.video-thumbnail:hover:before {
	color: #eee;
}

.welcome-video {
	width: 450px;
	min-height: 350px;
	float: left;
	margin-left: 30px;
	position: relative
}

video#video-products,
video#video-welcome {
	width: 450px;
	min-height: 300px;
	background-color: #000;
	border: 1px solid #005894;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	padding-bottom: 5px;
	margin-top: 50px
}

.video-title {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 1000;
	opacity: .7;
	color: #fff
}

.products-text {
	width: 100%;
	min-height: 50px;
	display: table;
}

.products-horizontal-slider-container {
	width: 100%;
	min-height: 600px;
	margin-top: 30px;
	margin-bottom: 50px;
	position: relative
}

.products-horizontal-slider-title {
	width: 100%;
	min-height: 30px;
	text-align: center;
	display: table
}

.products-horizontal-slider-title h2 {
	width: 100%;
	min-height: 100px
}

.products-horizontal-slider-div {
	width: 100%;
	height: 300px;
	position: relative;
	margin-top: 30px
}

.products-horizontal-slider-div:after {
	z-index: -1;
	width: 100%;
	height: 620px;
	position: absolute;
	background-attachment: fixed;
	top: -70px;
	left: 0;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top
}


.products-horizontal-slider {
	width: 100%;
	min-height: 480px;
	padding-left: 35px;
	padding-right: 35px
}

.horizontal-slider-content,
.horizontal-slider-content p {
	width: 100%;
	min-height: 100px;
	display: table
}

.horizontal-slider-content {
	margin: 0 auto
}

div.container h3 {
	font-family: 'Oswald', sans-serif;
}

.horizontal-slider-content h3 {
	font-size: 18px;
	font-weight: bolder
}

.horizontal-slider-text {
	width: 80%;
	min-height: 455px;
	background-color: #fff;
	text-align: center;
	padding-top: 15px;
	display: table;
	padding-bottom: 10px
}

.horizontal-slider-text p {
	padding-left: 20px;
	padding-right: 20px;
	height: 80px;
	font-size: 16px
}

.outer-slider-div {
	width: 90%;
	height: 250px;
	overflow: hidden;
	cursor: pointer;
	margin-left: 5%
}

.inner-slider-div {
	height: 100%;
	width: 100%;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	transition: all .5s ease
}

.inner-slider-div:hover {
	transform: scale(1.1)
}

.products-image {
	max-width: 250px
}

.products-main-image {
	max-width: 400px;
	max-height: 400px
}

.carousel-control-units-div {
	width: 100%;
	min-height: 40px;
	z-index: 1000;
	position: absolute;
	bottom: 50px;
	left: 0;
	text-align: center
}

.carousel-control-units {
	font-size: 50px;
	color: #519681;
	display: inline-block
}

.owl-dots {
	display: none
}

.owl-nav button span {
	display: none;
	font-size: 40px;
	color: #519681;
	font-weight: bolder;
	padding-left: 20px;
	padding-right: 20px
}

#pause-carousel-unit,
#play-carousel-unit {
	display: inline-block;
	cursor: pointer
}

#pause-carousel-unit:hover,
#play-carousel-unit:hover {
	color: #93bcb4;
	transform: scale(1.2)
}

#pause-carousel-unit {
	margin-left: 20px
}

.industries-served-container-index {
	width: 60%;
	margin: 30px auto 0;
	min-height: 300px;
	display: table
}

div#columns {
	width: 100%;
	min-height: 100px;
	text-align: center;
	justify-content: center;
	margin-top: 30px
}

.col-md-4,
.equal {
	justify-content: center
}

div#columns figure {
	width: 350px;
	height: 250px;
	margin-bottom: 20px;
	position: relative;
	cursor: pointer;
	float: left;
	background-color: #e8e8e8;
	margin-left: 20px
}

div#columns figure:hover .industrial {
	opacity: .4
}

div#columns figure:hover button,
div#columns figure:hover figcaption {
	display: block
}

div#columns a {
	color: #002c4a
}

div#columns a:hover {
	text-decoration: none;
	color: #002c4a
}

div#columns figure figcaption {
	display: none;
	width: 350px;
	color: #000;
	height: 250px;
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
	justify-content: center
}

div#columns figure figcaption h3 {
	margin-top: 80px;
	text-align: center;
	color: #002c4a
}

div#columns figure figcaption button {
	display: none
}

div#columns:hover figure:hover {
	background: #e0eaf1
}

@media screen and (max-width:750px) {
	#columns {
		column-gap: 0
	}

	#columns figure {
		width: 100%
	}

	#columns figure figcaption {
		width: 90%;
		min-height: 30px
	}
}

.expand {
	position: relative;
	text-decoration: none;
	display: inline-block
}

.expand:after {
	display: block;
	border-bottom: solid 3px #002c4a;
	transform: scaleX(0);
	transition: transform 250ms ease-in-out
}

.expand:hover:after {
	transform: scaleX(1)
}

.expand a:hover {
	text-decoration: none
}

.features-div {
	width: 50%;
	min-height: 50px;
	display: table;
	padding: 25px;
	float: left
}

ul.features {
	margin: 0;
	padding: 0
}

ul.features li {
	line-height: 170%;
	margin: 0;
	padding: 0
}

ol.features {
	margin-left: 10px;
	padding: 0;
	counter-reset: numList
}

ol.features li {
	line-height: 200%;
	margin-left: 20px;
	padding: 0;
	position: relative
}

ol.features li:before {
	counter-increment: numList;
	content: counter(numList);
	float: left;
	position: absolute;
	left: -30px;
	top: 5px;
	font: 700 12px sans-serif;
	text-align: center;
	color: #fff;
	line-height: 18px;
	font-size: 15px;
	margin-right: 10px;
	width: 22px;
	height: 22px;
	background: #145046;
	padding-top: 3px;
	-moz-border-radius: 999px;
	border-radius: 999px
}

.content-org,
.org-chart,
.org-chart ul li {
	position: relative
}

.content-org-div {
	width: 85%;
	min-height: 200px;
	margin: 0 auto;
	text-align: center
}

.content-org-div h2 {
	font-size: 22px
}

.content-org * {
	margin: 0 auto
}

.org-chart {
	display: block;
	margin-bottom: 15px
}

.org-chart.cf:after,
.org-chart.cf:before {
	content: " ";
	display: table
}

.org-chart ul {
	padding: 0;
	margin: 0
}

.org-chart ul li span {
	display: block;
	border: 2px solid #000;
	text-align: center;
	overflow: hidden;
	text-decoration: none;
	color: #000;
	font-size: 17px;
	padding: 10px
}

.org-chart .lvl-b {
	background: #e6e6e6;
	color: #000;
	margin-left: -1px;
	font-size: 20px;
	padding: 20px
}

.org-chart .departments {
	width: 100%;
	display: block;
	clear: both
}

.org-chart .departments:before {
	content: "";
	display: block;
	width: 85%;
	height: 22px;
	margin: 0 auto;
	top: 0
}

.org-chart .department {
	border-left: 2px solid #000;
	width: 22%;
	float: left;
	margin: 0 10px 0 5px
}

.org-chart .department:after {
	content: "";
	position: absolute;
	display: block;
	width: 10px;
	height: 22px;
	left: 50%;
	top: -22px
}

.org-chart .department:first-child:after,
.org-chart .department:last-child:after {
	display: none
}

.org-chart .department li:last-child {
	margin: 0
}

.org-chart .department li {
	padding-left: 25px;
	border-bottom: 2px solid #000;
	line-height: 20px;
	min-height: 80px;
	margin-bottom: 10px
}

.org-chart .department li span {
	top: 38px;
	position: absolute;
	z-index: 1;
	width: 95%;
	height: auto;
	vertical-align: middle;
	right: 0;
	line-height: 25px;
	border: 2px solid #000;
	padding: 20px 15px;
}

.org-chart .department .sections {
	margin-top: -15px
}

.section-1 {
	background: #c9e2da
}

.section-2 {
	background: #fcedb0
}

.section-3 {
	background: #f1bd85
}

.section-4 {
	background: #fff3e9
}

.about-banner {
	width: 100%;
	height: 260px;
	position: relative;
	text-align: center;
	margin-top: 0px;
}

.about-banner:after {
	z-index: -1;
	content: '';
	position: absolute;
	/*background-image:url("../images/banner/labeling-banner.png");*/

	background-image: url(../images/products/IMG_9113-1.png);

	width: 100%;
	height: 260px;
	position: absolute;
	top: 0px;
	left: 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 30%;
}

.about-container,
.services-container {
	width: 60%;
	min-height: 1200px;
	margin: 30px auto 40px;
	display: table
}


.inner-div2,
.inner-div3 {
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center;
	transition: all .5s ease;
	cursor: pointer;
	text-align: center;
}

.about-main-text {
	width: 100%;
	min-height: 600px;
	font-size: 16px;
	line-height: 170%
}

.chartjs-render-monitor {
	width: 200px;
	height: 200px
}

.horizontal-slider-text-about {
	width: 250px;
	min-height: 350px;
	background-color: #fff;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	display: table
}

.horizontal-slider-text-about h3 {
	font-size: 16px;
	font-weight: 700;
	margin-top: 15px;
	line-height: 160%;
	padding-left: 10px;
	padding-right: 10px
}

.about-slider-images {
	width: 90%;
	min-height: 400px;
	margin: 0 auto;
	display: table
}

.about-list {
	display: block;
	margin-left: 0;
	padding-left: 0
}

.about-list li {
	font-size: 16px;
	color: #000;
	display: inline-block;
	padding: 10px 15px;
	margin: 10px 10px 10px 0;
	text-decoration: none;
	border: 1px solid #145046;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.about-list li img {
	margin-left: 20px
}


.outer-div2 {
	width: 300px;
	height: 200px;
	overflow: hidden
}

.inner-div2 {
	width: 98%;
	height: 90%;
	margin: 5% 1% 1%;
	-moz-background-size: cover;
	background-size: cover
}

.inner-div2:hover {
	transform: scale(1.2)
}

.outer-div3 {
	width: 100%;
	height: 200px;
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 15px;
}

.inner-div3,
.panel {
	height: 100%;
	width: 100%
}

.inner-div3 {
	-moz-background-size: cover;
	background-size: cover
}

.inner-div3:hover {
	transform: scale(1.1)
}

.inner-div:hover,
.inner-industries-div:hover {
	transform: scale(1.2)
}

.about-image {
	max-width: 300px;
	max-height: 300px
}

#h3-smaller {
	font-size: 16px;
}

.client-logos-items,
.customers-image {
	justify-content: center;
	text-align: center
}

.panel h3 {
	font-size: 18px;
	color: #363636
}

.suppliers-list {
	list-style-type: none;
	margin: 0;
	width: 100%;
	min-height: 30px;
	display: table
}

.suppliers-list li {
	min-width: 100px;
	min-height: 60px;
	margin: 20px;
	display: inline-block
}


.clients-banner:after,
.services-banner:after,
.industries-served-banner:after {}

.clients-banner:after,
.services-banner:after,
.products-banner:after {
	top: 0;
	left: 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	content: ''
}

.article-banner h1 {
	z-index: 10;
	color: #fff;
	text-transform: uppercase;
	margin-top: 100px
}

.customers-container {
	width: 60%;
	min-height: 800px;
	margin: 0 auto;
	display: table;
	text-align: center;
	padding-top: 30px
}

.services-container {
	width: 60%;
	min-height: 800px;
	margin: 0 auto;
	display: table;
	text-align: center;
	padding-top: 30px
}

.customer-details {
	width: 100%;
	min-height: 200px;
	margin: 40px auto 50px;
	display: table;
	border: 1px solid silver;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.customer-details img {
	float: right;
	margin: 0 auto
}

.customers-image {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	padding: 50px
}

.customers-text {
	float: left;
	width: calc(100% - 300px);
	min-height: 100px;
	margin: 0 auto;
	text-align: center;
	font-size: 18px;
	padding: 50px
}

.customers-quote {
	width: 100%;
	font-size: 25px;
	min-height: 100px;
	margin: 0 auto;
	display: table;
	border-bottom: 1px solid silver
}

.quote-mark {
	font-size: 40px;
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	margin-right: 15px
}

.quote-span {
	font-size: 22px;
}

.clients-banner,
.services-banner {
	width: 100%;
	height: 260px;
	position: relative;
	text-align: center;
	margin-top: 0
}

.clients-banner:after {
	z-index: -1;
	background-image: url(../images/banner/box-feed-machine.png);
	width: 100%;
	height: 260px;
	position: absolute;
	background-position: center 20%;
}

.services-banner:after {
	z-index: -1;
	background-image: url(../images/banner/labeling-banner.png);
	width: 100%;
	height: 260px;
	position: absolute;
	background-position: center 20%;
}

.clients-banner h1. .services-banner h1 {
	z-index: 10;
	color: #fff;
	text-transform: uppercase;
	margin-top: 100px
}

.client-logos {
	width: 100%;
	min-height: 200px;
	margin-top: 40px;
	margin-bottom: 40px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	display: table;
	padding: 10px
}

.client-logos-items {
	min-width: 100px;
	max-width: 300px;
	height: 120px;
	float: left;
	margin: 20px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex
}

.customers-quote-silver {
	width: 100%;
	min-height: 20px;
	margin: 0 auto 20px;
	display: table;
	background-color: #f8f8f8;
	padding-left: 30px
}

.products-container {
	width: 70%;
	height: 1500px;
	margin: 0 auto;
	display: table
}

.products-banner {
	width: 100%;
	height: 260px;
	position: relative;
	text-align: center;
	margin-top: 0
}


.product-general {
	width: 100%;
	min-height: 300px;
	margin-bottom: 10px;
	display: table;
	font-size: 17px;
	float: left;
	padding-right: 20px
}

#product-videoarea,
.product-video {
	width: 400px;
	min-height: 250px;
	float: left
}

.product-video {
	position: relative
}

#product-videoarea {
	background-color: #000;
	border: 1px solid #005894;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	padding-bottom: 5px;
	margin-top: 50px
}

.play-products {
	position: absolute;
	left: 42%;
	top: 35%;
	z-index: 1000;
	opacity: .7;
	cursor: pointer
}

.product-details {
	width: 100%;
	min-height: 60px;
	/*background-color: #f8f8f8;*/
	margin-bottom: 30px;
	padding: 10px 20px 10px 10px;
	line-height: 170%;
	font-size: 17px;
	display: table
}

.product-image {
	width: 350px;
	height: 220px;
	background-color: #e8e8e8;
	float: left;
	margin-top: 10px;
	cursor: pointer;
	display: inline-block;
	margin-right: 30px;
	margin-bottom: 40px
}

.product-toggle {
	display: none;
	-webkit-transition: .4s;
	-moz-transition: .4s;
	-ms-transition: .4s;
	-o-transition: .4s;
	transition: .4s
}

.product-description {
	width: 100%;
	min-height: 50px;
	padding-right: 10px;
	line-height: 170%;
}

.outer-div {
	width: 350px;
	height: 250px;
	overflow: hidden
}

.inner-div,
.inner-div img {
	width: 100%
}

.inner-div {
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	transition: all .5s ease;
	cursor: pointer
}

.conveyors-list {
	display: inline-block;
	float: left;
	margin-left: 0;
	padding-left: 0
}

.conveyors-list li {
	font-size: 16px;
	color: #000;
	display: inline-block;
	padding: 10px 15px;
	margin: 10px 10px 10px 0;
	text-decoration: none;
	border: 1px solid #145046;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px
}

.application-list-items {
	width: 100%;
	min-height: 156px;
	display: table;
	text-align: center;
}

.application-item {
	min-width: 100px;
	min-height: 156px;
	display: table;
	margin-left: 10px;
	float: left;
	text-align: center;
}

.application-item-image {
	width: 80px;
	height: 80px;
	text-align: center;
}

.application-item-text {
	min-width: 80px;
	min-height: 56px;
	text-align: center
}

.product-processed .card {
	border: 0;
	margin-bottom: 5px;
}

.product-processed h5 {
	font-size: 16px;
	font-weight: lighter
}

.twentyyears {
	margin-right: 250px;
}

.kukapartners {
	margin-left: auto;
	margin-right: 171px;
	margin-bottom: 34px;
	margin-top: -43px;
}

.contact-us-container {
	width: 60%;
	min-height: 300px;
	margin: 0 auto 30px;
	display: table;
	font-size: 16px;
	line-height: 170%
}

.contact-us-container-left {
	width: calc(100% - 550px);
	min-height: 300px;
	display: table;
	float: left;
	padding-top: 10px
}

.contact-us-container-right {
	width: 550px;
	min-height: 300px;
	display: table;
	float: right;
	margin-top: 0px;
	position: relative
}

.working-hours {
	width: 40%;
	min-height: 300px;
	float: left
}

.directions {
	width: 60%;
	min-height: 300px;
	float: left;
	text-align: center;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: center
}

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner.vc_icon_element-size-sm.vc_icon_element-have-style-inner {
	width: 3.15em !important;
	height: 3.15em !important
}

#contact-us-form input,
#contact-us-form select,
#contact-us-form textarea {
	width: 100%;
	padding: 10px;
	margin: 6px 0 4px;
	background: #fafafa;
	font-family: sans-serif;
	font-size: 14px;
	line-height: normal;
	box-sizing: border-box;
	box-shadow: none;
	color: #000
}

.characters-count {
	width: 100%;
	min-height: 22px;
	font-size: 14px;
	color: #087cdc;
	margin-bottom: 0px;
	margin-top: 10px;
}

.characters-count-videos {
	width: 100%;
	min-height: 27px;
	font-size: 14px;
	color: #087cdc;
	margin-bottom: 0px;
	margin-top: 2px;
}

#video-message {
	box-shadow: none;
}

#video-message:focus {
	box-shadow: 0 0 5px rgba(81, 203, 238, 1);
}

.fill-form {
	cursor: pointer
}

#contact-us-form-request select,
textarea {
	box-shadow: none;
}

#contact-us-form {
	width: 550px;
	min-height: 100px;
	display: table;
	background-color: #fff;
}

#contact-us-form input,
#contact-us-form select,
#contact-us-form textarea {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border: 1px solid #ccc
}

select#equipment {
	cursor: pointer;
	-webkit-appearance: menulist-button;
	height: 50px;
	line-height: 47px
}

#contact-us-form textarea {
	border: 1px solid #ccc;
	resize: vertical;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px
}

.machine-disc {
	margin: 2rem;
}

.headershadow {
	box-shadow: 1px 0.2px 10px #00000066;
}

.height80 {
	height: 80px;
}

.socials {
	position: fixed;
	margin-left: -362px !important;
}


.fadein {
	animation: fadeIn 5s;
	transition: all 0.25s ease-in;
	transform: translateY(-10px);
}

.prompt-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.video-area {
	flex: 1;
}

.text-area {
	flex: 1;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	max-width: 968px;
}

.video-text-area {
	flex: 1;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 80%;
	max-height: 200px;
	overflow: hidden;
	position: relative;
	margin-bottom: 2rem;

}

.interactive-h3L {
	/* border-left: 1px solid rgb(0 0 0 / 26%);
    border-top: 1px solid rgb(0 0 0 / 26%); */
	padding-left: 35px;
	padding-top: 20px;
	padding-bottom: 3rem;
}

.interactive-h3R {
	border-right: 1px solid rgb(0 0 0 / 26%);
	border-top: 1px solid rgb(0 0 0 / 26%);
	padding-right: 35px;
	padding-top: 20px;
}


.interactivecards {
	background-color: lightblue;
	height: 500px;
	overflow: hidden;
	position: relative;
	transition: 0.3s;
	box-shadow: 0px 3px 10px #00000045;


}

/* .interactivecards:hover {
	box-shadow: 1px 0.9px 10px #00000042;
	transition: 0.3s;
} */










* {
	box-sizing: border-box
}

/* Slideshow container */
.slideshow-container {
	max-width: 1000px;
	position: relative;
	margin: auto;
}

/* Hide the images by default */
.mySlides {
	display: none;
}

/* Next & previous buttons */
.prev,
.next {
	cursor: pointer;
	position: absolute;
	top: 55%;
	width: auto;
	margin-top: -22px;
	padding: 16px;
	color: rgb(255, 255, 255);
	font-weight: bold;
	font-size: 18px;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	z-index: 10;
	color: white !important;
}

/* Position the "next button" to the right */
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
	display: block;
	color: white;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}

/* Caption text */
.text {
	color: #f2f2f2;
	font-size: 15px;
	padding: 8px 12px;
	position: absolute;
	bottom: 8px;
	width: 100%;
	text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
	color: #f2f2f2;
	font-size: 12px;
	padding: 8px 12px;
	position: absolute;
	top: 0;
}

/* The dots/bullets/indicators */

/* .slideshowanimation {
animation-name: fadeInOut, moveLeft300px, bounce !important;
animation-duration: 0.7s !important;
animation-iteration-count: 1 !important;
} */

.selected,
.dot:hover {
	background-color: #424242 !important;
}

/* Fading animation */
.fadeslide {
	animation-name: fade;
	animation-duration: 1s;
}

.industries-img {
	padding-top: 2rem;
	max-width: 80%;
	height: auto;
}

@keyframes fade {
	from {
		opacity: .4
	}

	to {
		opacity: 1
	}
}

/* @keyframes moveLeft300px {
	from {transform: translateX(-120px);
		opacity: 0}
	to {opacity: 1}
} */

.dot {
	cursor: pointer;
	height: 15px;
	width: 15px;
	padding-top: 1rem;
	margin: 0 2px;
	background-color: #bbb;
	border-radius: 50%;
	display: inline-block;
	transition: background-color 0.6s ease;
}












.interactivecards .interactivecards-background {
	width: 120%;
	height: 120%;
	background-image: linear-gradient(to left, rgba(255, 0, 0, 0), rgba(19, 19, 19, 0), rgb(19 19 19 / 41%), rgb(19 19 19 / 79%), rgb(19 19 19 / 83%));
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 1;
	transition: opacity 0.3s ease;
	/* Add transition property to the default state */
}

/* .interactivecards:hover .interactivecards-background {
    opacity: 1;
} */

.interactivecards-text {
	position: absolute;
	width: 500px;
	color: white;
	padding-top: 6rem;
	padding-left: 4rem;
}

#interactivecards-video {
	z-index: -1;
}

.video-text-h1 {
	text-align: center;
	/* Center text horizontally */
	margin-top: 80px;
	z-index: 3;
	position: relative;
	color: white;
	padding-top: 2rem;
}



/* #video-text-overlay {	
	flex: 1;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	max-height: 200px;
	overflow: hidden;
	background: rgba(0, 0, 0, 0.45);
	z-index: 1;
	position:absolute;
} */

/* .video-text-area {
	flex: 1;
	width: 100%;
	max-width: 1200px;
	max-height: 200px;
	overflow: hidden;
	position: relative; /* Added */


#video-container {
	position: relative;
	/* Added */
}

#video-text-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.45);
	z-index: 2;
	/* Increased z-index */
}

#video-text-overlay-pallet {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.45);
	z-index: 2;
	/* Increased z-index */
}

.btnmore {
	border: 2px solid rgb(255, 255, 255);
	font-weight: 600;
	border-radius: 100px;
	background-color: rgb(0, 0, 0);
	transition: all 0.3s ease;
	color: #ffffff !important;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	top: 1rem;
	position: relative;

}

.smalllogo {
	width: 110px;
	height: 100%;
	float: right;

}



@keyframes fadeIn {
	0% {
		opacity: 0;
	}

	5% {
		opacity: 0;
	}

	40% {
		opacity: 1;
	}
}

/* @keyframes animate1{
    0%{
        opacity: 0;
    }
    100%{
        opacity: 10;
    }
} */

/* For hover feature */
.dropdown:hover .dropdown-menu {
	display: block;
	animation: appear 200ms ease;

}

div.dropdown-menu {
	top: 90%;
}

.paddingtop {
	/* padding-top: 32px !important; */
}


.textshow {
	position: relative;
	margin-bottom: 100px;
	opacity: 1;
}

.slidertext h4 {
	font-size: 2rem;
}

div div.slidertext {
	height: 45px;
	overflow: hidden;
	background-color: rgba(211, 211, 211, 0);
	position: absolute;
	color: white;
	margin-top: -85px;
}

.slidertext div,
.slidertext div h4 {
	margin: 0;
	padding: 3px;
}

.marginbot7 {
	margin-bottom: 7rem;
}

.machinetitle {
	padding-bottom: 0.15rem;
	background-color: #ffffff !important;
	border-radius: 20px;
	border: 1px solid #0271bd !important;
	transition: all 0.3s;
}

div.card-img-overlay:hover span.machinetitle {
	background-color: #0271bd !important;
	color: white;
	transition: all 0.3s;

}

.slidertext div {
	animation: slide 23s 1s infinite;
}

@keyframes slide {
	0% {
		margin-top: 0;
	}

	3.84% {
		margin-top: 0px;
	}

	7.68% {
		margin-top: -55px;
	}

	11.52% {
		margin-top: -55px;
	}

	15.36% {
		margin-top: -108px;
	}

	19.2% {
		margin-top: -108px;
	}

	23.04% {
		margin-top: -158px;
	}

	26.08% {
		margin-top: -158px;
	}

	30.72% {
		margin-top: -208px;
	}

	34.56% {
		margin-top: -208px;
	}

	38.4% {
		margin-top: -258px;
	}

	42.24% {
		margin-top: -258px;
	}

	46.08% {
		margin-top: -308px;
	}

	49.94% {
		margin-top: -308px;
	}

	53.76% {
		margin-top: -358px;
	}

	57.6% {
		margin-top: -358px;
	}

	61.44% {
		margin-top: -408px;
	}

	65.28% {
		margin-top: -408px;
	}

	69.12% {
		margin-top: -458px;
	}

	72.96% {
		margin-top: -458px;
	}

	76.8% {
		margin-top: -508px;
	}

	80.64% {
		margin-top: -508px;
	}

	84.48% {
		margin-top: -558px;
	}

	88.32% {
		margin-top: -558px;
	}

	92.16% {
		margin-top: -608px;
	}

	96% {
		margin-top: -608px;
	}

	100% {
		margin-top: 0px;
	}


}

.slidertextfr h4 {
	font-size: 2rem;
}

div div.slidertextfr {
	height: 69px;
	overflow: hidden;
	background-color: rgba(211, 211, 211, 0);
	position: absolute;
	color: white;
	margin-top: -85px;
}

.slidertextfr div,
.slidertextfr div h4 {
	margin: 0;
	padding-bottom: 18px;
}

.slidertextfr div {
	animation: slidefr 23s 1s infinite;
}

@keyframes slidefr {
	0% {
		margin-top: 0;
	}

	/* Machine palettisation */
	3.84% {
		margin-top: 0px;
	}

	7.68% {
		margin-top: -74px;
	}

	/* Machine remplissage */
	11.52% {
		margin-top: -74px;
	}

	15.36% {
		margin-top: -148px;
	}

	/* Machine detiquetage automatique */
	19.2% {
		margin-top: -148px;
	}

	23.04% {
		margin-top: -223px;
	}

	/* Machine traitement */
	26.08% {
		margin-top: -223px;
	}

	30.72% {
		margin-top: -296px;
	}

	/* Machine d'alimentation */
	34.56% {
		margin-top: -296px;
	}

	38.4% {
		margin-top: -371px;
	}

	/* Machine cartonnage */
	42.24% {
		margin-top: -371px;
	}

	46.08% {
		margin-top: -454px;
	}

	/* Machine manchonnage retractable */
	49.94% {
		margin-top: -454px;
	}

	53.76% {
		margin-top: -559px;
	}

	/* Machine formage de plateaux */
	57.6% {
		margin-top: -559px;
	}

	61.44% {
		margin-top: -633px;
	}

	/* Machine enroulement de palettes */
	65.28% {
		margin-top: -633px;
	}

	69.12% {
		margin-top: -715px;
	}

	/* Machine remplissage de futs robotisee */
	72.96% {
		margin-top: -715px;
	}

	76.8% {
		margin-top: -828px;
	}

	/* Machine remplissage de liquides chimiques */
	80.64% {
		margin-top: -828px;
	}

	84.48% {
		margin-top: -935px;
	}

	/* Machine convoyage */
	88.32% {
		margin-top: -935px;
	}

	92.16% {
		margin-top: -1009px;
	}

	/* Machine ensachage */
	96% {
		margin-top: -1009px;
	}

	100% {
		margin-top: 0px;
	}


}

/* .slideshowtext {
	position:absolute;
} */

.palletizer {
	animation: animate1 2.5s 1s 1 ease-in-out;
	color: rgb(255, 255, 255);
	opacity: 0;
	font-size: 30px;
}

.fillercapper {
	animation: animate1 2.5s 4.5s 1 ease-in-out;
	color: rgb(255, 255, 255);
	opacity: 0;
	font-size: 30px
}

.labeler {
	animation: animate1 2.5s 9s 1 ease-in-out;
	color: rgb(255, 255, 255);
	opacity: 0;
	font-size: 30px
}

.processing {
	animation: animate1 2.5s 12.5s 1 ease-in-out;
	color: rgb(255, 255, 255);
	opacity: 0;
	font-size: 30px
}

.infeed {
	animation: animate1 2.5s 16s 1 ease-in-out;
	color: rgb(255, 255, 255);
	opacity: 0;
	font-size: 30px
}

.cartoning {
	animation: animate1 2.5s 19.5s 1 ease-in-out;
	color: rgb(255, 255, 255);
	opacity: 0;
	font-size: 30px
}

@keyframes animate1 {

	0%,
	100% {
		opacity: 0;
	}

	20%,
	80% {
		opacity: 10;
	}
}

@keyframes animate2 {

	0%,
	100% {
		opacity: 0;
	}

	20%,
	80% {
		opacity: 10;
	}
}

@keyframes animate3 {

	0%,
	100% {
		opacity: 0;
	}

	20%,
	80% {
		opacity: 10;
	}
}



@keyframes appear {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.videobio {
	opacity: 50%;
}

.view-all {
	font-weight: bold;
	font-size: 19px;
}

.lightboxshadow-downwards {
	box-shadow: 0px 3px 10px #00000014;
}

.dropdown-item {
	border: 0.5px solid rgba(211, 211, 211, 0.473) !important;
	border-radius: 7px;
	transition: all 0.3s;
}

a.dropdown-item:hover {
	box-shadow: 0px 3px 10px #00000014;
	border: 0.5px solid rgba(0, 0, 0, 0.247) !important;
	border-radius: 0px;
	transition: all 0.3s;
}




.contactinfo {
	color: #007bff;
	font-weight: bold;
}

.companybio:not(:hover) .videobio {
	animation: opacitychange-out 0.7s forwards;
}

@keyframes opacitychange-out {
	from {
		opacity: 100%;
	}

	to {
		opacity: 50%;
	}
}

.companybio:hover .videobio {
	animation: opacitychange 0.7s forwards;

}

@keyframes opacitychange {
	form {
		opacity: 50%
	}

	to {
		opacity: 100%
	}
}


#select-dropdown ul {
	text-align: center;
	padding: 0;
	margin: 0
}

#select-dropdown li {
	font-size: 16px;
	font-weight: bolder;
	line-height: 20px;
	text-align: left
}

#select-dropdown a {
	text-decoration: none;
	color: #000;
	display: block;
	padding-left: 15px;
	border-bottom: 1px solid #888;
	transition: .3s background-color;
	cursor: pointer
}

#select-dropdown li:hover {
	background: #e8e8e8
}

#select-dropdown li a:hover {
	border-bottom: none;
	text-decoration: none;
	background: #e8e8e8
}

#select-dropdown li li {
	font-size: 18px;
	font-weight: lighter
}

@media screen and (max-width:1635px) {
	.visible-2 {
		padding-bottom: 1.5rem;
	}
}

@media screen and (min-width:992px) {

	#select-dropdown a,
	#select-dropdown li {
		border-bottom: none;
		text-decoration: none
	}

	#select-dropdown li {
		height: 50px;
		line-height: 30px;
		font-size: 20px;
		display: inline-block;
		margin-right: -20px
	}

	#select-dropdown a {
		color: #000
	}

	#select-dropdown>ul>li {
		text-align: center;
		text-decoration: none
	}

	#select-dropdown>ul>li>a {
		padding-left: 0;
		text-decoration: none;
		color: #000
	}

	#select-dropdown li ul {
		position: absolute;
		z-index: 1000;
		display: none;
		width: inherit;
		text-decoration: none;
		background-color: #f9f9f9
	}

	#select-dropdown li:hover ul {
		margin-top: 0
	}

	#select-dropdown li ul li {
		display: block;
		text-decoration: none;
		margin-top: 2px
	}
}

.m10px {
	margin: 10px
}

.dropdown-toggle {
	width: 100%;
	margin: 0;
	padding: 0
}

#dialog-empty,
#dialog-loading,
#dialog-recaptcha,
#dialog-success {
	display: none;
	max-width: 100%;
	overflow: auto;
	background: #fff;
	border: 1px solid #c5c5c5;
	color: #363636;
	padding: 5px 5px 20px;
	outline: 0;
	top: 100px;
	left: 20%;
	text-align: center
}

#ajax-contact-page {
	position: relative
}

.modal-body p {
	text-align: center
}

#dialog-empty,
#dialog-loading,
#dialog-success {
	width: 330px;
	min-height: 140px;
	max-height: 200px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-moz-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-o-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-ms-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	border: 1px solid rgba(0, 88, 148, .8);
	position: absolute;
	z-index: 999
}

#dialog-recaptcha {
	width: 330px;
	min-height: 200px;
	max-height: 300px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-webkit-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-moz-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-o-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	-ms-box-shadow: 0 0 5px 2px rgba(0, 88, 148, .8);
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	border: 1px solid rgba(0, 88, 148, .8);
	position: absolute;
	z-index: 999
}

.industries-served-banner:after,
.inner-industries-div {}

.nav-contact ul {
	text-align: center;
	padding: 0;
	margin: 0
}

.industries-served-container {
	width: 60%;
	min-height: 900px;
	margin: 0 auto;
	display: table;
	padding-bottom: 50px
}

.industries-served-container h2 {
	font-size: 24px;
}

.industries-served-banner {
	width: 100%;
	height: 260px;
	position: relative;
	text-align: center;
	margin-top: 0
}

.industries-served-banner:after {
	z-index: -1;
	content: '';
	background-image: url(../images/banner/filling-banner.png);
	width: 100%;
	height: 260px;
	position: absolute;
	top: 0;
	left: 0;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center 30%;
}

.industries-served-banner h1 {
	z-index: 10;
	color: #fff;
	text-transform: uppercase;
	margin-top: 100px
}

.industries-served-item {
	width: 100%;
	min-height: 50px;
	padding-top: 30px;
	margin-bottom: 50px
}

.industries-served-item-text {
	float: left
}

.industries-served-item-text h2 {
	text-align: center
}




@import url('https://fonts.googleapis.com/css?family=Signika+Negative:300,400&display=swap');

html,
body,
section.horizontal {
	overflow-x: hidden;
}

body {
	font-family: "Signika Negative", sans-serif;
	font-weight: 300;

	margin: 0;
	padding: 0;
}

section {
	width: 100%;
	height: 50%;
	position: relative;

}


section:nth-of-type(odd) {
	background-color: #ffffff;
}

section:nth-of-type(even) {
	background-color: #ffffff;
}




@media screen and (min-width:1901px) {

	section.horizontal div.pin-spacer {
		overflow-x: clip !important;
		height: 3300px !important;
	}
}

@media screen and (min-width:2550px) {

	section.horizontal div.pin-spacer {
		
		height: 2900px !important;
	}
}

@media screen and (min-width:3400px) {

	section.horizontal div.pin-spacer {
		
		height: 2050px !important;
	}
}

@media screen and (max-width:1900px) and (max-height: 900px) {

	section.horizontal div.pin-spacer {
		
		height: 3830px !important;
	}

	div.item .img {
		width: 80% !important;

	}
}

@media screen and (max-width:1900px) {

	section.horizontal div.pin-spacer {
		
		height: 3200px !important;
	}
}


@media screen and (max-width:1700px) {

	section.horizontal div.pin-spacer {
		
		height: 3580px !important;
	}

}

@media screen and (max-width:1600px) {

	section.horizontal div.pin-spacer {
		
		height: 3690px !important;
	}
}



@media screen and (max-width:1899px) and (max-height: 1550px) {

	section.horizontal div.pin-spacer {
		
		height: 3830px !important;
	}

	div.item .img {
		width: 80% !important;

	}
}

@media screen and (max-width: 1350px) and (max-height: 650px) {

	section.horizontal div.pin-spacer {
		height: 3662px !important;
	}

	div.item .img {
		width: 50% !important;

	}

	div.item-head h1 {
		top: -9.5rem !important;
		position: relative !important;
	}
}

@media screen and (min-width: 1600px) and (max-width: 1750px) and (max-height: 849px) {

	section.horizontal div.pin-spacer {
		
		height: 3390px !important;
	}

	div.item .img {
		width: 50% !important;

	}

	div.item-head h1 {
		top: -9.5rem !important;
		position: relative !important;
	}

}

@media screen and (min-width: 1900px) and (max-height: 1500px) {

	section.horizontal div.pin-spacer {
		
		height: 3558px !important;
	}

	div.item .img {
		width: 70% !important;

	}

	div.item-head h1 {
		top: -4.5rem !important;
		position: relative !important;
	}



}

@media screen and (min-width: 1900px) and (max-height: 1200px) {

	section.horizontal div.pin-spacer {
		
		height: 3250px !important;
	}

	div.item .img {
		width: 70% !important;

	}

	div.item-head h1 {
		top: -4.5rem !important;
		position: relative !important;
	}



}

@media screen and (min-width: 1751px) and (max-height: 950px) {

	section.horizontal div.pin-spacer {
		
		height: 3390px !important;
	}

	div.item .img {
		width: 70% !important;

	}

	div.item-head h1 {
		top: -4.5rem !important;
		position: relative !important;
	}



}

@media screen and (max-width:1400px) {

	section.horizontal div.pin-spacer {
		
		height: 3940px !important;
	}
}

@media screen and (max-width:1200px) {

	section.horizontal div.pin-spacer {
		
		height: 4080px !important;
	}
}




@media screen and (max-width:992px) {

	section.horizontal {

		display: none !important;

	}
}

@media screen and (max-width:430px) {
	.mobile {
		display: block;
	}

	.desktop {
		display: none !important;
	}
}

@media screen and (max-width:770px) {
	.mobilelogo {
	margin-top: 1rem !important;
}
}

.mobile {
	display: none !important;
}

.item {
	position: relative;
	padding: 150px 80px;
	flex: 0 0 600px;
	height: calc(100vh - 400px);
	display: flex;
	align-items: center;
	line-height: 1.7;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-right: 1px solid rgba(0, 0, 0, 0.199);
	background-color: transparent;
}






section.horizontal {
	overflow-x: hidden;
}

section.horizontal .pin-wrap,
section.horizontal .animation-wrap {
	display: flex;
	position: relative;
	z-index: 1;
	height: 100vh;
}

@media screen and (min-height:1400px) {
	section.horizontal .item {
		position: relative;
		padding: 0px 80px;
		flex: 0 0 600px;
		height: calc(100vh - 700px);
		display: flex;
		align-items: center;
		line-height: 1.7;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		border-right: 1px solid rgba(0, 0, 0, 0.322);
		background-color: transparent;
		flex-wrap: wrap;
		top: -50px;
	}
}


@media screen and (max-height:1399px) {
	section.horizontal .item {
	position: relative;
	padding: 0px 80px;
	flex: 0 0 600px;
	height: calc(100vh - 400px);
	display: flex;
	align-items: center;
	line-height: 1.7;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border-right: 1px solid rgba(0, 0, 0, 0.322);
	background-color: transparent;
	flex-wrap: wrap;
	top: -50px;
}
}

section.horizontal .item:before {
	position: absolute;
	font-size: 100px;
	opacity: .13;
	font-weight: bold;
	z-index: -1;
	-webkit-transform: translate(-30px, -50px);
	transform: translate(-30px, -50px);
	line-height: 1;
}



@media screen and (max-height:1399px) {
	section.horizontal .animation-wrap.to-right {
	float: left;
	margin-top: 200px;
}
}

@media screen and (min-height:1400px) {
	section.horizontal .animation-wrap.to-right {
	float: left;
	margin-top: 350px;
}
}


section.horizontal .animation-wrap.to-left {
	float: right;
}

div.item .img {
	height: auto;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 2rem;

}

@media screen and (max-height:900px) {

	/* div.item .img {
		width: 80%;
		
	}

	section.horizontal div.pin-spacer {
		overflow: hidden !important;
		height: 3938px !important;
	}
	
	div.item-head h1 {
		top: -6rem;
		position: relative;
	} */

}

@media screen and (max-height:700px) {

	div.item .img {
		width: 55% !important;

	}

	section.horizontal div.pin-spacer {
		
		height: 3900px !important;
	}

	div.item-head h1 {
		top: -7.5rem !important;
		position: relative;
	}
}



div.item h1 {
	padding: 0;
}

div.item-head h1 {
	font-size: 4rem !important;
	text-align: right;
	padding: 0 !important;
	writing-mode: vertical-lr;
	text-orientation: mixed;
	transform: rotate(180deg);
	margin-top: 8rem;
	font-weight: 800;
	margin-left: 4.5rem;
}

.h1-head {
	font-size: 3rem;
	margin-bottom: 3rem;

}





html {
	scroll-behavior: smooth;
}

.image {}

@keyframes enter-animation {
	0% {
		transform: translateY(100px);
		opacity: 0;
	}

	100% {
		transform: translateY(0);
		opacity: 1;
	}
}

@media (prefers-reduced-motion: no-preference) {
	.image-animation {
		animation: enter-animation 0.8s 1;
	}
}

.industries-served-image {
	width: 240px;
	height: 140px;
	padding-right: 50px;
	padding-top: 20px;
	padding-bottom: 50px;
	float: left;
	margin-right: 20px
}

.outer-industries-div {
	width: 240px;
	height: 140px;
	overflow: hidden
}

.inner-industries-div {
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
	transition: all .5s ease
}

.industrial-applications {
	display: inline-block;
	margin-left: 0;
	padding-left: 0
}

.industrial-applications li {
	font-size: 16px;
	color: #000;
	float: left;
	display: inline-block;
	padding: 10px 15px;
	margin: 10px 10px 10px 0;
	text-decoration: none;
	border: 1px solid #145046
}

div#columns1 {
	column-width: 300px;
	column-gap: 10px;
	width: 100%;
	margin: 0 auto;
	text-align: center
}

div#columns1 figure {
	padding: 5px;
	text-align: center;
	margin-bottom: 40px;
	transition: opacity .4s ease-in-out;
	display: inline-block;
	column-break-inside: avoid
}

div#columns1 figure img {
	max-width: 300px;
	height: auto;
	margin-bottom: 5px
}

div#columns1 figure figcaption {
	max-width: 300px;
	color: #444;
	min-height: 30px
}

div#columns1 figure figcaption h3 {
	font-size: 18px;
	margin-top: 10px;
}

.figure-div a {
	color: black;
}

.figure-div a:hover {
	text-decoration: none;
}

div#columns1 small {
	font-size: 1rem;
	float: left;
	text-transform: uppercase;
	color: #aaa
}

div#columns1 small a {
	color: #666;
	text-decoration: none;
	transition: .4s color
}

@media screen and (max-width:750px) {
	#columns1 {
		column-gap: 0
	}

	#columns1 figure {
		width: 100%
	}

	#columns1 figure figcaption {
		width: 100%;
		min-height: 30px
	}
}

.outer-div1 {
	width: 300px;
	height: 200px;
	overflow: hidden
}

.inner-div1 {
	height: 90%;
	width: 90%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center;
	transition: all .5s ease;
	cursor: pointer
}

.inner-div1:hover {
	transform: scale(1.1)
}

/*-- Rating --*/
.modal-xl {
	width: 1400px !important;
}

.panel-body-existing i {
	font-size: 24px;
	color: #f2c215;
}

.panel-body i {
	font-size: 24px;
	color: #f2c215;
	cursor: pointer;
	transition: all .2s;
}

.panel-body i:hover {
	transform: rotate(-5deg) scale(1.1);
}

.reviews-existing-item {
	width: 100%;
	min-height: 20px;
	display: table;
	padding: 0px;
	margin-bottom: 15px;
}

.panel-body-existing p {
	text-align: left;
}

/*---------------- videos------------------------------------ */



.videos-content {
	width: 60%;
	min-height: 900px;
	display: table;
	margin: 0 auto;
}

.videos-content h2 {
	font-size: 22px;
}

.videos-content h3 {
	font-size: 20px;
}

.videos-banner {
	width: 100%;
	height: 260px;
	position: relative;
	text-align: center;
	margin-top: 0px;
}

.videos-banner:after {
	z-index: -1;
	content: '';
	position: absolute;
	background-image: url("../images/banner/DSC_4095-1.jpg");
	width: 100%;
	height: 260px;
	position: absolute;
	top: 0px;
	left: 0;
	background-attachment: fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center 80%;
}

video::-internal-media-controls-download-button {
	display: none;
}

video::-webkit-media-controls-enclosure {
	overflow: hidden;
}

video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
	/* Adjust as needed */
}

#ajax-enable-access input {
	margin-bottom: 7px;
}

#submit-ajax-enable-access {
	cursor: pointer;
}

.explanations {
	font-size: 13px;
}

/*---------------- contacted------------------------------------ */

.contacted {
	width: 70%;
	min-height: 500px;
	display: table;
	margin: 0 auto;
	margin-bottom: 20px;
}

.customer-contacted {
	border-bottom: 1px solid #0271bd;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 15px;
}

.customer-contacted-message {
	color: #0271bd;
}

.row.customer-contacted .col-sm-11 {
	text-align: justify;
}

.remove_message,
.remove_video_message,
.remove_deleted_message {
	color: #ff0000;
	font-size: 18px;
	cursor: pointer;
	opacity: 0.5;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.remove_message:hover,
.remove_video_message:hover,
.remove_deleted_message:hover {
	opacity: 1;
	transform: scale(1.2);
}

.edit_video_message {
	color: green;
	font-size: 18px;
	cursor: pointer;
	opacity: 0.5;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
}

.edit_video_message:hover {
	opacity: 1;
	transform: scale(1.2);
}

.container.container-small {
	width: 400px;
	margin: 0 auto;
}

.admin-banner {
	width: 100%;
	height: 100px;
	background: #0271bd;
	/* fallback for old browsers */
	background: -webkit-linear-gradient(to left, #01538b, #0280d6);
	/* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to left, #01538b, #0280d6);
	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.admin-banner h1 {
	font-size: 50px;
	font-weight: 200;
	color: white;
	margin-top: 15px;
}

#nav-link.active {
	background: #0271bd
}

#nav-link.active.show {
	background: #0271bd;
	border-bottom: 1px solid transparent;
}

.nav-pills .nav-link,
.nav-pills>.nav-link {
	/*padding: 5px 8px 5px 8px!important;*/
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
	color: #fff;
	background-color: #0271bd !important;
	/*padding: 5px 8px 5px 8px!important;*/
}

#myTab .nav-item {
	height: 68px !important;
}

#deleted-tab,
#deleted {
	background-color: #f8f8f8;
}

.remove_deleted_message {
	font-size: 25px;
}

.select_deleted_message {
	font-size: 25px;
}

.selected_deleted_message {
	font-size: 24px;
}

.rating {
	border: none;
	float: left;
}

.rating>input {
	display: none;
}

.rating>label:before {
	margin: 5px;
	font-size: 24px;
	font-family: FontAwesome;
	display: inline-block;
	content: "\f005";
}

.rating>.half:before {
	content: "\f089";
	position: absolute;
}

.rating>label {
	color: #ddd;
	float: right;
	cursor: pointer;
}

.rating>input:checked~label,
.rating:not(:checked),
.rating:not(:checked) {
	color: #FFD700;
}

.rating>input:checked,
.rating>input:checked,
.rating>input:checked~label,
.rating>input:checked~label {
	color: #ffc107;
}

.individual-product h1 {
	font-size: 28px;
	font-weight: 500;
}

.individual-product h2 {
	font-size: 18px;
	font-weight: 500;
}

.individual-product h3 {
	font-size: 24px;
	font-weight: 300;
}

ul.unbulleted li {
	list-style: none;
	float: left;
	font-weight: 400;
	font-size: 20px;
	line-height: 40px;
}

ul.unbulleted-2 li {
	list-style: none;
}

ul.unbulleted li>ul li {
	list-style-type: square;
	list-style-position: outside;
	font-weight: 700;
	font-size: 16px;
	line-height: 40px;
	display: block;
	float: none;
}

ul.unbulleted li>ul li i {
	color: rgb(113, 178, 222);
}

.container-bordered {
	width: 100%;
	min-height: 50px;
	display: table;
	border: 1px solid #d4d4d4;
	padding-top: 15px;
	padding-bottom: 15px;
}

.container-growing {
	width: 100%;
	min-height: 20px;
	display: table;
}

.characteristics-individual-product {
	min-height: 100px;
	display: table;
}

.process-item {}

.process-arrow {
	width: 100px;
	min-height: 60px;
	display: table;
	text-align: right;
	float: right;
}

.process-arrow-right {
	color: rgba(113, 178, 222, 1);
	font-size: 40px;
	float: right;
}

/*#automated-production-process .owl-item.active > div:after {
  content: 'active';
}
#automated-production-process .owl-item.center > div:after {
  content: 'center';
}
#automated-production-process .owl-item.active.center > div:after {
  content: 'active center';
}*/
#automated-production-process .owl-item.active.center {
	border: 5px solid #0087ae;
}

#automated-production-process .owl-item {
	padding: 10px;
	border: 5px solid white;
	text-align: center;
}

.production-item-active {
	padding: 10px;
	border: 5px solid #0087ae;
	text-align: center;
}

.production-item-active-orange {
	padding: 10px;
	/*border:5px solid #ca6900;*/
	border: 2px solid #0087ae;
	text-align: center;
}

#automated-production-process h4 {
	padding: 10px;
	border: 5px solid white;
	text-align: center;
	font-size: 20px;
	margin-top: 50px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 500;
}

.carousel-container-growing {
	position: relative;
}

.automated-production-process-arrow {
	color: #0087ae;
	cursor: pointer;
	text-align: center;
	font-size: 50px;
	position: absolute;
	z-index: 999;
	top: 40%;
}

#automated-production-process {
	width: 95%;
	margin: 0 auto;
}

#automated-production-process h2 {
	font-size: 16px;
	font-weight: 400;
	padding: 10px;
	color: #0087ae;
	font-family: 'Montserrat', sans-serif;
}

.automated-production-process-arrow i {
	display: block
}

.automated-production-process-left {
	left: -10px;
}

.automated-production-process-right {
	right: -10px;
}

#collapseOne h2 {}

h5.title {
	float:left;
	font-size: 1.75rem;
}

.texticon {
    width: 53px;
    margin-bottom: -7px;
    margin-top: -10px;
    float: left;
    margin-left: 27px;
}

#collapseOne h5 {
	color: #0087ae;
	font-weight: 500;
	font-size: 16px;
}

#collapseTwo h2 {}

#collapseTwo h5 {
	color: #0087ae;
	font-weight: 500;
	font-size: 16px;
}

#links a,
#web-designer a,
#copyright a {
	color: #fff;
}

#links a,
#web-designer a,
#copyright a:hover {
	text-decoration: none;
}

#links>li>a {
	line-height: 35px;
}

#location-icons-footer>li {
	line-height: 35px;
}

.slider-products-list li a {
	color: #000;
}

.slider-products-list li a:hover {
	text-decoration: none;
}

.review__rating__progress {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
}

.review__rating__progress .review__rating__level,
.review__rating__progress .review__rating__count {
	flex: 1 1 10%;
}

.review__rating__progress .review__rating__level {
	text-align: right;
}

.review__rating__progress .progress {
	margin: 0.25rem 1rem;
	flex-grow: 8;
}

.container-logo {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.container-text {
	padding-top: 1.7rem;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0rem;
}

.hoverzoom {
	margin-left: auto;
	width: 336px;
	opacity: 82%;
	transition: transform 0.2s ease-in-out;
	margin-right: auto;
	padding-bottom: 20px;
}

.hoverzoom:hover {
	opacity: 100%;
	transform: scale(1.05);
}

.dropdown-menu-contents {
	min-width: 1000px;
	min-height: 500px;
	overflow-y: auto;
	overflow-x: auto;
	max-height: 700px;
}

#myTab>div.btn.btn-link.nav-tabs>div {
	white-space: normal;
	border-bottom: none;
	/*text-align:left;*/
}

#myTab>div.btn.btn-link.nav-tabs:hover {
	text-decoration: none;
}

#myTab {
	border-bottom: none;
}

.header>div {
	/* border-bottom:1px solid #c0c0c0transparent; */
}


.tab-pane.fade.show.active>div>div>a {
	white-space: normal;
	background-color:
		/*rgba(113, 178, 222, 0.01)*/
		transparent !important;
}

.tab-pane.fade.show.active>div>div>a:hover {
	background-color: rgba(113, 178, 222, 0.2) !important;
}

.tab-pane.fade.show.active>div>div>a:hover {
	background-color: rgba(113, 178, 222, 0.2) !important;
}

#myTab .btn.btn-link {
	border-bottom: none;
	background-color: rgba(113, 178, 222, 0.1);
}

#myTab .btn.btn-link:hover {
	border-bottom: none;
	background-color: rgba(113, 178, 222, 0.5);
}

#myTab .btn.btn-link.active:hover {
	border-bottom: none;
	background-color: rgba(113, 178, 222, 0.5);
}

#myTab>div>div {
	color: #000000;
}

#myTab .btn.btn-link.active {
	background-color: rgba(113, 178, 222, 0.5);
}

#myTab>div>div>i {
	color: transparent;
}

#myTab>div.active>div>i {
	color: #363636;
}

#myTab>div>div>i:hover {
	color: #363636;
}

.tab-pane.fade>div>div>a img {
	float: right;
	padding-right: 20px;
}

.tab-pane.fade>div>div>a span {
	float: right;
	padding-left: 20px;
}

#mainNav>div>ul>li.nav-item.px-4.dropdown.show>div>div>div>div.col-12.col-sm-12.col-md-9.col-lg-9 {
	border: 1px solid #c0c0c0;
	min-height: 478px;
}

#myTab>div.btn.btn-link.nav-tabs>div {
	position: relative;
	display: inline-block;
}

/*#myTab > div.btn.btn-link.nav-tabs.active > div::after*/
#myTab>div.btn.btn-link.nav-tabs.activated-triangle>div::after {
	border-bottom: transparent;
	border-left: transparent;
	border-right: white;
	border-top: transparent;
	border-width: 10px;
	border-style: solid;
	width: 0;
	height: 0;
	content: "";
	display: block;
	position: absolute;
	left: calc(100% - 5px);
	top: 20%;
	z-index: 9999;
}

#myTab>div.btn.btn-link.nav-tabs.activated-triangle>div::before {
	border-bottom: transparent;
	border-left: transparent;
	border-right: #c0c0c0;
	border-top: transparent;
	border-width: 11px;
	border-style: solid;
	width: 0;
	height: 0;
	content: "";
	display: block;
	position: absolute;
	left: calc(100% - 8px);
	top: calc(20% - 1px);
}






#myTabProducts>div.btn.btn-link.nav-tabs>div {
	white-space: normal;
	border-bottom: none;
	/*text-align:left;*/
}

#myTabProducts>div.btn.btn-link.nav-tabs:hover {
	text-decoration: none;
}

#myTabProducts {
	border-bottom: none;
}

#myTabProducts .btn.btn-link {
	border-bottom: none;
	background-color: rgba(113, 178, 222, 0.1);
}

#myTabProducts .btn.btn-link:hover {
	border-bottom: none;
	background-color: rgba(113, 178, 222, 0.5);
}

#myTabProducts .btn.btn-link.active:hover {
	border-bottom: none;
	background-color: rgba(113, 178, 222, 0.5);
}

#myTabProducts>div>div {
	color: #000000;
}

#myTabProducts .btn.btn-link.active {
	background-color: rgba(113, 178, 222, 0.5);
}

#myTabProducts>div>div>i {
	color: transparent;
}

#myTabProducts>div.active>div>i {
	color: #363636;
}

#myTabProducts>div>div>i:hover {
	color: #363636;
}

#tab_machines_products>div>div {
	border: 1px solid #c0c0c0;
	min-height: 478px;
}

#myTabProducts>div.btn.btn-link.nav-tabs>div {
	position: relative;
	display: inline-block;
}

/*#myTab > div.btn.btn-link.nav-tabs.active > div::after*/
#myTabProducts>div.btn.btn-link.nav-tabs.activated-triangle>div::after {
	border-bottom: transparent;
	border-left: transparent;
	border-right: white;
	border-top: transparent;
	border-width: 10px;
	border-style: solid;
	width: 0;
	height: 0;
	content: "";
	display: block;
	position: absolute;
	left: calc(100% - 5px);
	top: 20%;
	z-index: 9999;
}

#myTabProducts>div.btn.btn-link.nav-tabs.activated-triangle>div::before {
	border-bottom: transparent;
	border-left: transparent;
	border-right: #c0c0c0;
	border-top: transparent;
	border-width: 11px;
	border-style: solid;
	width: 0;
	height: 0;
	content: "";
	display: block;
	position: absolute;
	left: calc(100% - 8px);
	top: calc(20% - 1px);
}

.owl-theme {
	.custom-nav {
		position: absolute;
		top: 20%;
		left: 0;
		right: 0;

		.owl-prev,
		.owl-next {
			position: absolute;
			height: 100px;
			color: inherit;
			background: none;
			border: none;
			z-index: 999;

			i {
				font-size: 2.5rem;
				color: #cecece;
			}
		}

		.owl-prev {
			left: 0;
		}

		.owl-next {
			right: 0;
		}
	}
}

@media only screen and (max-width: 992px) {
	.text-black {
		color: black
	}
}