.contact-form #bx_form_iframe_2 {
	height: 500px !important;
}

.metal-recycle-boxes-form #bx_form_iframe_2 {
	width: auto !important;
}

#bx_form_iframe_2 {
	left: 0 !important;
}

.crm-webform-captcha {
	justify-content: flex-end !important;
}

#recaptcha-cont {
	margin: -12px -28px 0 !important;
}
.crm-webform-header-container{
	display: none !important;
}
/* .crm-webform-label {
	display: none !important;
} */

/* #bx_form_iframe_2 {
	height: 100% !important;
} */

.bx-crm-widget-form-copyright-disabled .bx-crm-widget-form-config-sidebar-info {
	padding: 20px;
}

.crm-webform-label-content,
.page-theme-transparent .content {
	background: transparent !important;
}

.crm-webform-body,
.crm-webform-wrapper .container {
	padding: 0 !important;
}

.crm-webform-input-label i {
	display: none !important;
}

.crm-webform-fieldset {
	padding: 0 !important;
}

textarea.crm-webform-textarea {
	height: 243px !important;
}

.metal-recycle-boxes-form textarea.crm-webform-textarea {
	height: 100px !important;
}

.crm-webform-fieldset .row:nth-child(1),
.crm-webform-fieldset .row:nth-child(2),
.crm-webform-fieldset .row:nth-child(3) {
	width: 48% !important;
}

.crm-webform-submit-button {
	top: -108px;
	right: 0;
	position: absolute !important;
}

.page-theme-transparent .content {
	min-height: auto !important;
}

.crm-webform-fieldset .row:nth-child(4) {
	top: 0 !important;
	right: 0 !important;
	width: 50% !important;
	position: absolute !important;
}

.crm-webform-label {
	font-weight: 400 !important;
}

.crm-webform-label,
.crm-webform-submit-button {
	font-size: 1.2em !important;
	color: #666 !important;
	font-family: 'Poppins', sans-serif !important;
}

.crm-webform-submit-button {
	font-size: 1.12em !important;
	opacity: 1 !important;
}

@media (max-width: 840px) {
	.crm-webform-fieldset .row:nth-child(1),
	.crm-webform-fieldset .row:nth-child(2),
	.crm-webform-fieldset .row:nth-child(3) {
		width: 100% !important;
	}
	.crm-webform-fieldset .row:nth-child(4) {
		width: 100% !important;
		position: relative !important;
	}
	.crm-webform-fieldset-footer {
		top: 82% !important;
	}
}

.row {
	margin: 0 !important;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
	padding: 0 !important;
}

.flexible-middle-width .content-wrap {
	min-width: 100% !important;
	max-width: 100% !important;
}

.crm-webform-input {
	width: 100% !important;
	max-width: 100% !important;
	height: auto !important;
	padding: 15px !important;
	margin-bottom: 20px !important;
	outline: 0 !important;
	color: #666 !important;
	border: none !important;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	-ms-border-radius: 6px !important;
	-o-border-radius: 6px !important;
	border-radius: 6px !important;
	font-size: .98em !important;
	font-weight: 400 !important;
	background: rgba(229, 229, 229, .6) !important;
}

.crm-webform-submit-button {
	padding: 10px 20px !important;
	margin: 0 !important;
	height: 76px !important;
	line-height: 60px !important;
	border: none !important;
	outline: 0 !important;
	color: #fff !important;
	display: block !important;
	-webkit-border-radius: 4px !important;
	-moz-border-radius: 4px !important;
	-ms-border-radius: 4px !important;
	-o-border-radius: 4px !important;
	border-radius: 4px !important;
	text-transform: uppercase !important;
	-webkit-transition: all .2s ease-in-out !important;
	-moz-transition: all .2s ease-in-out !important;
	-ms-transition: all .2s ease-in-out !important;
	-o-transition: all .2s ease-in-out !important;
	transition: all .2s ease-in-out !important;
	background: #292e3a !important;
}

@keyframes fadeIn {
	from {
		opacity: 0
	}
	to {
		opacity: 1
	}
}
body {
	overflow-x: hidden
}
.rightbar {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	z-index: 999;
	position: fixed;
	background: rgba(0, 0, 0, .5)
}
.rightbar-head {
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid #ddd
}
.rightbar-head span {
	display: block;
	color: #292e3a;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase
}
.rightbar-head svg {
	width: 20px;
	height: 20px;
	cursor: pointer;
	color: #292e3a
}
.rightbar-in {
	top: 0;
	right: 0;
	bottom: 0;
	width: 320px;
	position: fixed;
	background: #fff
}
.rightbar-in ul {
	padding: 10px
}
.rightbar-in ul li a {
	padding: 10px 0px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	color: #292e3a;
	font-size: 0.9em;
	font-weight: 600;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.rightbar-in ul li a:hover {
	color: #027569
}
.rightbar-in ul li a:hover svg {
	fill: #027569
}
.rightbar-in ul li ul{ padding: 0; }
.rightbar-in ul li ul li a{ padding: 10px 0px; }

.kt-error_container ul {
	margin-left: 7.85rem;
	padding: 0;
	display: flex
}
.kt-error_container ul li {
	list-style: none
}
.kt-error_container ul li:nth-child(n+2) {
	margin: 0 0 0 20px
}
.kt-error_container ul li a {
	color: #595d6e;
	font-size: 1.2rem;
	font-weight: 700
}
.kt-error_container ul li a:hover {
	color: #fff
}
.eng-loader-wp {
	width: 100%;
	height: 100%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-flex;
	display: flex;
	align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	justify-content: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	flex-direction: column;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	-o-flex-direction: column
}
.eng-loader {
	border: 4px solid rgba(0, 0, 0, .1);
	border-top: 4px solid #fff;
	border-radius: 50%;
	width: 23px;
	height: 23px;
	animation: spin .4s linear infinite
}
.eng-loader2 {
	border: 4px solid rgba(0, 0, 0, .19);
	border-top: 4px solid #fff;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	animation: spin .4s linear infinite
}
@keyframes spin {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}
.product-page-number {
	margin: 40px 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.product-page-number ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap
}
.product-page-number ul li {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 9px
}
.product-page-number ul li a {
	padding: 10px 15px;
	display: block;
	text-align: center;
	min-width: 40px;
	color: #000;
	border-radius: 4px;
	font-size: .9em;
	font-weight: 400;
	transition: all .2s ease;
	border: 1px solid rgba(159, 172, 189, .5)
}
.product-page-number ul li a:hover {
	color: #fff;
	background: #292e3a;
	border: 1px solid transparent
}
.product-page-number ul li span {
	color: #dedede
}
.product-page-number ul li:nth-child(n+2) {
	margin-left: 9px
}
.product-page-number-active a {
	color: #fff!important;
	background: #292e3a!important;
	border: 1px solid transparent!important
}
.product-page-number .active {
	color: #fff!important;
	background: #292e3a!important;
	border-radius: 4px
}
.product-page-number .active a {
	color: #fff!important
}
.product-page-number .active a:hover {
	color: #292e3a!important;
	background: #fff!important;
	border: 1px solid #292e3a!important
}
.product-page-number,
.product-page-number ul {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex
}
.product-page-number ul li a {
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease
}
.customer-reviews {
	margin: 0 0 -100px;
	padding: 60px 0 140px
}
.customer-reviews ul {
	margin: -10px
}
.customer-reviews ul li {
	padding: 10px
}
.customer-reviews-box-media a img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	background: #eee
}
.customer-reviews-box-media a button {
	top: 50%;
	left: 50%;
	width: 70px;
	height: 70px;
	border-radius: 100%;
	border: 2px solid #fff;
	background: rgba(0, 0, 0, .3);
	transition: all .3s ease-in-out;
	transform: translate(-50%, -50%)
}
.customer-reviews-box-media a button svg {
	margin: 0 0 0 6px;
	width: 32px;
	height: 32px;
	fill: #fff
}
.customer-reviews-box-media-on {
	padding: 20px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2)
}
.customer-reviews-box-media-on span {
	color: #0a181c;
	font-size: 1.1em;
	font-weight: 700
}
.customer-reviews-box-media-on p {
	margin: 5px 0 0;
	color: #666;
	font-size: 1.1em;
	font-weight: 400
}
.customer-reviews-box-text {
	margin: 20px 0 0
}
.customer-reviews-box-text span {
	color: #0a181c;
	font-size: 1.3em;
	font-weight: 700
}
.customer-reviews-box-text p {
	margin: 5px 0 0;
	color: #666;
	font-size: 1.1em;
	font-weight: 400
}
.customer-reviews-box:hover .customer-reviews-box-media a button {
	width: 80px;
	height: 80px
}
.flex {
	display: flex
}
.mx-auto {
	margin-left: auto;
	margin-right: auto
}
.block {
	display: block
}
.absolute {
	position: absolute
}
.justify-end {
	justify-content: flex-end
}
.flex-col {
	flex-direction: column
}
.relative {
	position: relative
}
.w-1\/3 {
	width: 33.333333%
}
.z-10 {
	z-index: 10
}
.justify-center {
	justify-content: center
}
.items-center {
	align-items: center
}
.sub-mobile-menu a {
	align-items: center
}
.sub-mobile-menu svg {
	fill: #292e3a;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0!important;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.container {
	margin: 0 auto;
	width: 1170px
}
.slide {
	width: 100%;
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center
}
.slide-arrow a {
	width: 60px;
	height: 60px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	-ms-justify-content: center;
	-o-justify-content: center;
	justify-content: center;
	background: #fff
}
.slide-arrow a svg {
	width: 24px;
	height: 24px;
	fill: #292e3a
}
.slide-box {
	width: 100%;
	position: relative;
	display: none
}
.slide-box:first-child,
.slide-box.is-active {
	display: block
}
.slide-boxes[data-hero-slider="ready"] .slide-box {
	display: none
}
.slide-boxes[data-hero-slider="ready"] .slide-box.is-active {
	display: block
}
.slide-box img {
	width: 100%;
	height: 520px;
	object-fit: cover
}
.slide-box-on {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	position: absolute
}
.slide-box-text p {
	width: 50%;
	color: #fff;
	font-size: 3.5em;
	line-height: 1.2em;
	font-weight: 700;
	text-shadow: 2px 2px 0 #111;
	text-transform: uppercase;
	margin-bottom: 30px
}
.slide-box-text p span {
	padding: 0 20px;
	color: #fff;
	display: inline-block;
	background: rgba(103, 182, 91, .5)
}
.slide-box-buttons {
	display: flex
}
.slide-box-buttons a {
	display: flex;
	align-items: center;
	padding: 13px 20px;
	margin: 10px 10px 10px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background: #019e8e
}
.slide-box-buttons a:first-child {
	background: #019e8e
}
.slide-box-buttons a svg {
	margin: 0 0 0 20px;
	width: 20px;
	height: 20px;
	fill: #fff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.slide-box-buttons a:hover {
	background: #00c3af
}
.slide-box-buttons a:first-child:hover {
	background: #00c3af
}
.slide-box::before {
	content: "";
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: absolute
}
.sleft {
	top: 50%;
	left: 70px;
	z-index: 90;
	position: absolute;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.sright {
	top: 50%;
	right: 70px;
	z-index: 90;
	position: absolute;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	transform: translate(0, -50%)
}
.head {
	margin: 0 0 40px;
	text-align: center
}
.metal-recycle .head {
	text-align: left
}
.head h1,
.head h2,
.head h3 {
	position: relative;
	color: #00423b;
	font-size: 2em;
	font-weight: 700;
	text-transform: uppercase
}
.head h1 span,
.head h2 span,
.head h3 span {
	color: #027569
}
.less-about-us {
	margin: 80px 0 0
}
.less-about-us-boxes {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: flex-start;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	align-items: flex-start
}
.less-about-us-text {
	width: 100%
}
.less-about-us-text p {
	line-height: 1.6;
	text-align: justify;
	color: #586977;
	font-size: 1em;
	font-weight: 400
}
.less-about-us-text p:nth-child(n+3) {
	margin: 20px 0 0
}
.less-about-us-text a {
	margin: 40px 0 0;
	padding: 13px 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	display: inline-flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center;
	background: 0 0;
	color: #027569;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 2px solid #027569
}
.less-about-us-text a svg {
	margin: 0 0 0 20px;
	width: 16px;
	height: 16px;
	fill: #027569;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.less-about-us-text a:hover {
	color: #fff;
	background: #027569
}
.less-about-us-text a:hover svg {
	fill: #fff
}
.less-about-us-text .head {
	text-align: left;
	margin-bottom: 20px;
}
.less-about-us-image {
	margin: 0 0 0 40px;
	width: 100%;
	background: #fff;
	cursor: pointer
}
.less-about-us-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.less-about-us-video {
	width: 100%;
	height: 100%;
	display: none;
	height: 460px
}
.less-about-us-video iframe {
	width: 100%;
	height: 100%;
	height: 550px
}
.less-about-us-text .corporate-partial {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	padding: 60px 0px 40px 0px;
}
.less-about-us-text .corporate-partial .text {
	margin: 0 30px 0 0;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	-webkit-box-flex: 1;
	flex: 1
}
.less-about-us-text .reverse .text {
	margin: 0 0 0 30px!important
}
.less-about-us-text h1 {
	font-size: 2.5em;
	padding-right: 80px;
	line-height: 1.4em;
	color: #00423b;
	text-transform: uppercase;
}
.less-about-us-text .corporate-partial .image {
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	-webkit-box-flex: 1;
	flex: 1
}
.less-about-us-text .corporate-partial .image img {
	width: 100%;
}
.less-about-us-text .catalogue {
	padding: 10px 0 50px 0
}
.less-about-us-text .catalogue a {
	border: none;
	background: 0 0;
	margin: 0;
	padding: 0
}
.less-about-us-text .catalogue img {
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}
.corporate-group {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 30px -20px
}
.corporate-group .group {
	width: calc(100% / 3 - 40px);
	margin: 20px;
	padding: 30px;
	cursor: pointer;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 1px solid rgba(146, 164, 179, .05);
	-webkit-box-shadow: 0 10px 20px rgba(41, 46, 58, .2);
	-moz-box-shadow: 0 10px 20px rgba(41, 46, 58, .2);
	-ms-box-shadow: 0 10px 20px rgba(41, 46, 58, .2);
	-o-box-shadow: 0 10px 20px rgba(41, 46, 58, .2);
	box-shadow: 0 10px 20px rgba(41, 46, 58, .2)
}
.corporate-group .group h3 {
	position: relative;
	font-size: 1.6em;
	margin: 0;
	padding: 0 0 0 35px;
	line-height: 1em;
	display: inline-block
}
.corporate-group .group h3:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 24px;
	height: 24px;
	background: #027569;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px
}
.corporate-group .group p {
	font-size: 1em;
	line-height: 1.6;
	font-weight: 400
}
.corporate-group .group a,
.corporate-group .group a:hover {
	background: 0 0;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.9em;
	text-transform: inherit;
	color: #027569;
	margin: 0;
	padding: 0;
	border: 0
}
.certificates {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 20px -20px 0
}
.certificates .certificates-box {
	width: calc(100% / 3 - 40px);
	padding: 20px;
	background: #fff;
	box-shadow: 0 10px 20px #ddd;
	margin: 20px
}
.certificates .certificates-box a {
	margin: 0;
	padding: 0;
	background: 0 0;
	border: none
}
.certificates .certificates-box img {
	height: 100px;
	width: 100%;
	object-fit: contain;
	display: block;
	margin: 0 auto;
	filter: grayscale(1);
	transition: all, .2s, false
}
.certificates .certificates-box:hover img {
	filter: grayscale(0)
}
.less-about-us-text .using-area {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	padding: 60px 0
}
.less-about-us-text .using-reverse .text {
	margin: 0 0 0 30px!important
}
.less-about-us-text .using-area .text {
	margin: 0 30px 0 0;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	-webkit-box-flex: 1;
	flex: 1
}
.less-about-us-text .using-area:nth-child(2n) img {
	margin-top: 0
}
.less-about-us-text .using-area .image {
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	-webkit-box-flex: 1;
	flex: 1
}
.less-about-us-text .using-area .image img {
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}
.less-services {
	margin: 50px 0 0
}
.less-services-boxes {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin: -20px
}
.less-services-box {
	width: calc(100% / 2 - 40px);
	margin: 20px;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 1px solid rgba(146, 164, 179, .05);
	-webkit-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	-moz-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	-ms-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	-o-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	box-shadow: 0 10px 40px rgba(41, 46, 58, .1)
}
.less-services-box-detail {
	width: calc(100% / 2 - 40px);
	margin: 20px;
	cursor: pointer;
	text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 1px solid rgba(146, 164, 179, .05);
	-webkit-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	-moz-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	-ms-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	-o-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	box-shadow: 0 10px 40px rgba(41, 46, 58, .1)
}
.less-services-box-image {
	position: relative;
	overflow: hidden;
}

.less-services-box-image img {
	width: 100%;
	display: block;
	padding: 0;
	object-fit: cover;
	transition: transform 0.3s ease;
}

.less-services-box-detail:hover .less-services-box-image img {
	transform: scale(1.05);
}
.less-services-box-text {
	padding: 20px
}
.less-services-box-text h2,
.less-services-box-text h3 {
	color: #292e3a;
	font-size: 1.3em;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.less-services-box-text p {
	margin: 10px 0 0;
	line-height: 1.6;
	text-align: justify;
	color: #4d5a65;
	font-size: 1em;
	font-weight: 400
}
.less-services-box-detail:hover,
.less-services-box:hover {
	border: 1px solid #027569;
	-webkit-box-shadow: 0 20px 40px rgba(41, 46, 58, .06);
	-moz-box-shadow: 0 20px 40px rgba(41, 46, 58, .06);
	-ms-box-shadow: 0 20px 40px rgba(41, 46, 58, .06);
	-o-box-shadow: 0 20px 40px rgba(41, 46, 58, .06);
	box-shadow: 0 20px 40px rgba(41, 46, 58, .06)
}
.less-services-box-detail:hover span,
.less-services-box:hover span,
.less-services-box-detail:hover h3,
.less-services-box:hover h3 {
	color: #027569
}

/* Homepage Product Improvements */
.product-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(2, 117, 105, 0.8);
	display: flex;
	align-items: center;
	justify-content: center;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.less-services-box-detail:hover .product-overlay {
	opacity: 1;
	visibility: visible;
}

.view-product {
	color: white;
	font-size: 1.1em;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.less-services-box-text h3 {
	color: #292e3a;
	font-size: 1.4em;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 15px;
	line-height: 1.3;
	transition: all 0.3s ease;
}

	.less-services-box-detail:hover .less-services-box-text h3 {
	color: #027569;
}

/* Mobile responsive for improved homepage products */
@media (max-width: 740px) {
	.product-overlay {
		opacity: 1;
		visibility: visible;
		background: rgba(2, 117, 105, 0.9);
	}

	.view-product {
		font-size: 1em;
	}

	.less-services-box-text h3 {
		font-size: 1.2em;
	}

	.read-more-link {
		font-size: 0.9em;
		padding: 6px 12px;
	}
}

.read-more-link {
	display: inline-block;
	color: #027569;
	font-weight: 600;
	text-decoration: none;
	font-size: 0.95em;
	transition: all 0.3s ease;
	border: 1px solid #027569;
	padding: 8px 16px;
	border-radius: 4px;
}

.read-more-link:hover {
	background: #027569;
	color: white;
	text-decoration: none;
}

.product-link {
	margin-top: 20px;
	text-align: center;
}
.infobar {
	margin: 80px 0 0
}
.infobar-box {
	position: relative
}
.infobar-box img {
	width: 100%;
	height: 370px;
	display: block;
	object-fit: cover;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}
.infobar-box-on {
	padding: 0 100px 0 420px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	position: absolute;
	text-align: right;
	align-items: flex-end;
	flex-direction: column;
	justify-content: center
}
.infobar-box-on h3 {
	font-size: 1.8em;
	letter-spacing: -1px;
	font-weight: 700;
	color: #fff;
	text-shadow: 0 1px 1px #333
}
.infobar-box-on p {
	margin: 10px 0 0;
	font-size: 1em;
	line-height: 1.4;
	font-weight: 400;
	color: #fff;
	text-shadow: 0 1px 1px #333
}
.footer {
	margin-top: 140px;
	padding: 40px 0 20px 0;
	background: #00423b;
	position: relative
}

.footer .container {
	position: relative
}
.footer-nav {
	display: flex;
	justify-content: space-between;
	margin: 0 -20px;
	padding-top: 70px
}
.footer-nav-box {
	margin: 20px
}
.footer-nav ul.navbar-nav li {
	text-align: center
}
.footer-nav-box h6 {
	margin: 0 0 13px;
	color: #fff;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase
}
.footer-nav-box ul li a {
	padding: 3px 0;
	color: #fff;
	display: block;
	font-size: .9em;
	font-weight: 400
}
.footer-nav-box ul li a svg {
	margin: 0 10px -3px 0;
	width: 16px;
	height: 16px;
	color: #fff
}
.footer-nav-box:last-child ul li p {
	display: inline-block
}
.footer-nav-box .logo {
	padding-right: 0
}
.footer-nav-box .logo img {
	width: 292px;
	height: auto
}
.footer-bottom {
	margin: 40px 0 0;
	padding: 20px 0 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #002d28
}
.footer-bottom span {
	color: #fff;
	font-weight: 400;
	font-size: .9em
}
.footer-bottom a {
	color: #fff;
	font-weight: 400;
	font-size: .9em
}

.socials ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}
.socials ul li a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.socials ul li a svg {
	width: 24px;
	height: 24px;
	fill: #fff;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.socials ul li a:hover svg {
	fill: #027569
}
.socials ul li:nth-child(n+2) {
	margin: 0 0 0 20px
}
.newsletter {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: absolute;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 40px 30px;
	top: -120px;
	left: 50%;
	width: 100%;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	background: #fff;
	transform: translate(-50%, 0);
	-webkit-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	-moz-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	-ms-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	-o-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	box-shadow: 0 10px 40px rgba(41, 46, 58, .1)
}
.newsletter-text {
	text-align: left
}
.newsletter-text span {
	color: #0a181c;
	font-size: 1.5em;
	font-weight: 700
}
.newsletter-text p {
	color: #666;
	font-size: 1em;
	line-height: 1.6;
	font-weight: 400
}
.newsletter-input a {
	padding: 13px 20px;
	border: none;
	outline: 0;
	display: block;
	color: #fff;
	font-size: 1em;
	font-weight: 700;
	background: #00423b;
	text-transform: uppercase;
	border-radius: 0 2px 2px 0;
	text-align: center
}
.about-us {
	margin: 40px 0 0
}
.about-us-boxes {
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse
}
.about-us-boxes .less-about-us-image {
	margin: 0 0 40px;
	padding: 0
}
.contact {
	margin: 40px 0 0;
	display: flex;
	flex-wrap: wrap
}
.contact-address {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 5px -15px;
	flex-wrap: wrap
}
.contact-address .address {
	margin: 15px;
	width: calc(100% / 2 - 30px);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background: #fff;
	-webkit-box-shadow: 0 20px 30px rgba(10, 24, 28, .15);
	-moz-box-shadow: 0 20px 30px rgba(10, 24, 28, .15);
	-ms-box-shadow: 0 20px 30px rgba(10, 24, 28, .15);
	-o-box-shadow: 0 20px 30px rgba(10, 24, 28, .15);
	box-shadow: 0 20px 30px rgba(10, 24, 28, .15)
}

.contact-address iframe{ width: 100%; min-height: 200px; }


.contact-address .address .image {
	flex: 3;
	line-height: 0
}
.contact-address .address .image img {
	width: 100%;
	height: 225px;
	object-fit: cover
}
.contact-address .address .text {
	flex: 5;
	padding: 15px 20px 10px
}
.contact-address .address .text h6 {
	font-size: 1.1em;
	font-weight: 700
}
.contact-address .address .text p {
	margin: 4px 0 20px 0;
	color: #666;
	font-size: 1.1em;
	font-weight: 400;
}
.contact-address .address .text a {
	color: #666;
	font-size: 1.1em;
	font-weight: 400;
	display: block;
}
.contact-address .address .text a p {
	display: inline-block
}
.contact-address .address .text svg {
	margin: 0 10px -3px 0;
	width: 18px;
	height: 18px;
	fill: #666
}
.contact-bottom {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-top: 40px;
	padding: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background: #fff;
	-webkit-box-shadow: 0 20px 30px rgba(10, 24, 28, .15);
	-moz-box-shadow: 0 20px 30px rgba(10, 24, 28, .15);
	-ms-box-shadow: 0 20px 30px rgba(10, 24, 28, .15);
	-o-box-shadow: 0 20px 30px rgba(10, 24, 28, .15);
	box-shadow: 0 20px 30px rgba(10, 24, 28, .15)
}
.contact-bottom h6 {
	font-size: 1.1em;
	font-weight: 700
}

.contact-bottom .contact-form {
	position: relative;
	flex: 10
}
.contact-bottom .contact-form form {
	margin-top: 20px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex
}
.contact-bottom .contact-form .inputs {
	flex: 1
}
.contact-bottom .contact-form .messages {
	flex: 1;
	padding-left: 30px
}
.contact-bottom .contact-form input[type=text] {
	display: block;
	width: 100%;
	padding: 15px;
	margin-bottom: 20px;
	outline: 0;
	color: #666;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	font-size: .98em;
	font-weight: 400;
	background: rgba(229, 229, 229, .6)
}


.contact-bottom .contact-form textarea {
	width: 100%;
	padding: 10px;
	height: 272px;
	outline: 0;
	color: #666;
	border: none;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	font-size: .98em;
	font-weight: 400;
	background: rgba(229, 229, 229, .6)
}
.contact-bottom .contact-form button {
	position: absolute;
	bottom: 35px;
	right: 15px;
	padding: 10px 20px;
	margin: 0;
	border: none;
	outline: 0;
	color: #fff;
	display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font-size: .9em;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background: #00423b
}
.contact-bottom .contact-social {
	padding-left: 30px;
	flex: 3
}
.contact-bottom .contact-social ul {
	margin-top: 20px
}
.contact-bottom .contact-social ul li {
	margin-bottom: 8px
}
.contact-bottom .contact-social ul li a svg {
	width: 40px;
	height: 40px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	background: #ddd;
	padding: 10px;
	margin-right: 20px
}
.contact-bottom .contact-social ul li a span {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
	font-size: 1em;
	font-weight: 400;
	color: #666
}
.recycle {
	margin: 40px 0 0
}
.recycle-boxes {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center
}
.recycle-image {
	width: 100%;
	height: 570px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 10px 40px rgba(41, 46, 58, .05);
	-moz-box-shadow: 0 10px 40px rgba(41, 46, 58, .05);
	-ms-box-shadow: 0 10px 40px rgba(41, 46, 58, .05);
	-o-box-shadow: 0 10px 40px rgba(41, 46, 58, .05);
	box-shadow: 0 10px 40px rgba(41, 46, 58, .05)
}
.recycle-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}
.recycle-text {
	margin: 0 0 0 40px;
	width: 100%
}
.recycle-text-box h2 {
	color: #292e3a;
	font-size: 1.3em;
	font-weight: 700
}
.recycle-text-box p {
	margin: 20px 0 0;
	line-height: 2;
	text-align: justify;
	color: #586977;
	font-size: 1em;
	font-weight: 400
}
.recycle-text-box p:nth-child(n+3) {
	margin: 20px 0 0
}
.recycle-text-box:nth-child(n+2) {
	margin: 40px 0 0
}
.plastic-recycle {
	margin: 40px 0 0
}
.plastic-recycle-image {
	width: 100%;
	height: 400px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 10px 40px rgba(41, 46, 58, .05);
	-moz-box-shadow: 0 10px 40px rgba(41, 46, 58, .05);
	-ms-box-shadow: 0 10px 40px rgba(41, 46, 58, .05);
	-o-box-shadow: 0 10px 40px rgba(41, 46, 58, .05);
	box-shadow: 0 10px 40px rgba(41, 46, 58, .05)
}
.plastic-recycle-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}
.plastic-recycle-text {
	margin: 40px 0 0
}
.plastic-recycle-text p {
	line-height: 2;
	text-align: justify;
	color: #586977;
	font-size: 1em;
	font-weight: 400
}
.plastic-recycle-text p:nth-child(n+3) {
	margin: 20px 0 0
}
.metal-recycle {
	margin: 40px 0 0
}
.metal-recycle-boxes {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-moz-align-items: flex-start;
	-ms-align-items: flex-start;
	-o-align-items: flex-start;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}
.metal-recycle-boxes-content {
	margin: 0 30px 0 0;
	-moz-flex: 1;
	-ms-flex: 1;
	-o-flex: 1;
	-webkit-box-flex: 1;
	flex: 3
}
.metal-recycle-boxes-form {
	-moz-flex: 3;
	-ms-flex: 3;
	-o-flex: 3;
	-webkit-box-flex: 3;
	flex: 1;
	top: 18%;
	position: sticky;
	border-left: 1px solid #ddd;
	padding-left: 30px
}
.metal-recycle-boxes-form>a {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 0 0 10px;
	padding: 15px;
	color: #fff;
	font-size: 1em;
	font-weight: 700;
	background: #f05a22;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	justify-content: space-between
}
.metal-recycle-boxes-form>a svg {
	margin: 0 0 0 10px;
	width: 20px;
	height: 20px;
	fill: #fff
}
.metal-recycle-boxes-form h3 {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 0 0 10px;
	padding: 15px;
	color: #fff;
	text-align: left;
	font-size: 1em;
	font-weight: 700;
	background: #027569;
	text-transform: uppercase;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	justify-content: space-between
}
.metal-recycle-boxes-form h3 svg {
	margin: 0 0 0 10px;
	width: 20px;
	height: 20px;
	min-width: 20px;
	fill: #fff
}
.metal-recycle-boxes-form form {
	position: relative
}
.metal-recycle-boxes-form form input {
	margin: 0 0 14px;
	padding: 10px 20px;
	width: 100%;
	outline: 0;
	color: #292e3a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font-size: 1em;
	font-weight: 400;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 1px solid #ddd
}
.metal-recycle-boxes-form form input::placeholder {
	color: #292e3a
}
.metal-recycle-boxes-form form input:focus {
	border: 1px solid #027569
}
.metal-recycle-boxes-form form select {
	margin: 0 0 14px;
	padding: 10px 20px;
	width: 100%;
	outline: 0;
	color: #292e3a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font-size: 1em;
	font-weight: 400;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 1px solid #ddd
}
.metal-recycle-boxes-form form textarea {
	margin: 0 0 5px;
	padding: 10px 20px;
	width: 100%;
	height: 120px;
	min-height: 120px;
	outline: 0;
	resize: vertical;
	color: #292e3a;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font-size: 1em;
	font-weight: 400;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border: 1px solid #ddd
}
.metal-recycle-boxes-form form textarea::placeholder {
	color: #292e3a
}
.metal-recycle-boxes-form form textarea:focus {
	border: 1px solid #027569
}
.metal-recycle-boxes-form form button {
	padding: 10px;
	margin: 0;
	border: none;
	outline: 0;
	color: #fff;
	display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	font-size: .9em;
	font-weight: 700;
	text-transform: uppercase;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	background: #00423b;
	position: absolute;
	bottom: 20px;
	right: 10px
}
.metal-recycle-boxes-form form button:hover {
	background: #00423b
}
.metal-recycle-boxes-form .call {
	display: block;
	clear: both;
	margin-top: 30px
}
.metal-recycle-boxes-form .call {
	border-bottom: 1px solid #999;
	min-height: 90px;
	background: url(../images/contact.png) no-repeat right top
}
.metal-recycle-boxes-form .call a {
	margin: 0;
	padding: 0;
	display: block
}
.metal-recycle-boxes-form .call span {
	display: block;
	font-size: 0.9em;
	font-weight: 400;
	padding: 15px 0 0 5px;
	margin: 0;
	text-shadow: 1px 1px 0 #fff
}
.metal-recycle-boxes-form .call em {
	font-style: normal;
	display: block;
	color: #666;
	font-size: 1.5em;
	font-weight: 700;
	letter-spacing: -1px;
	padding: 0 0 10px 5px;
	text-shadow: 1px 1px 0 #fff
}
.metal-recycle-boxes-form .sidebardealers {
	display: block;
	clear: both;
	margin-top: 30px
}
.metal-recycle-boxes-form .sidebardealers {
	border-bottom: 1px solid #999;
	min-height: 90px;
	background: url(../images/dealers.png) no-repeat right top
}
.metal-recycle-boxes-form .sidebardealers a {
	margin: 0;
	padding: 0;
	display: block
}
.metal-recycle-boxes-form .sidebardealers span {
	display: block;
	font-size: 0.9em;
	font-weight: 400;
	padding: 15px 0 0 5px;
	margin: 0;
	text-shadow: 1px 1px 0 #fff
}
.metal-recycle-boxes-form .sidebardealers em {
	font-style: normal;
	display: block;
	color: #666;
	font-size: 1.5em;
	font-weight: 700;
	letter-spacing: -1px;
	padding: 0 0 10px 5px;
	text-shadow: 1px 1px 0 #fff
}
.metal-recycle-image {
	width: 100%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 10px 40px rgba(41, 46, 58, .05);
	-moz-box-shadow: 0 10px 40px rgba(41, 46, 58, .05);
	-ms-box-shadow: 0 10px 40px rgba(41, 46, 58, .05);
	-o-box-shadow: 0 10px 40px rgba(41, 46, 58, .05);
	box-shadow: 0 10px 40px rgba(41, 46, 58, .05)
}
.metal-recycle-image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}
.metal-recycle-text {
	margin: 40px 0 0
}
.metal-recycle-text>p {
	line-height: 1.5;
	text-align: justify;
	color: #586977;
	font-size: 1em;
	font-weight: 400;
	margin: 15px 0 0
}
.metal-recycle-text h3 {
	color: #586977;
	margin-top: 40px
}
.metal-recycle-text ul>li {
	padding: 5px;
	color: #586977;
	font-size: 1em
}
.metal-recycle-text ul li>svg {
	width: 10px;
	height: 10x;
	color: #292e3a
}
.app-area ul {
	margin: 5px -10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap
}
.app-area ul li {
	margin: 10px;
	width: calc(100% / 2 - 20px);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 0 0 12px rgba(41, 46, 58, .2);
	-moz-box-shadow: 0 0 12px rgba(41, 46, 58, .2);
	-ms-box-shadow: 0 0 12px rgba(41, 46, 58, .2);
	-o-box-shadow: 0 0 12px rgba(41, 46, 58, .2);
	box-shadow: 0 0 12px rgba(41, 46, 58, .2);
	padding: 20px;
	align-items: center
}
.app-area ul li span {
	color: #586977;
	font-size: 1em;
	font-weight: 700;
	position: relative
}
.app-area ul li span::before {
	content: '•';
	margin: 0 10px 0 0
}
.activities {
	margin: 40px 0 0
}
.activities-boxes {
	margin: -10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap
}
.activities-box {
	margin: 10px;
	width: calc(100% / 2 - 20px);
	display: block;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	-moz-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	-ms-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	-o-box-shadow: 0 10px 40px rgba(41, 46, 58, .1);
	box-shadow: 0 10px 40px rgba(41, 46, 58, .1)
}
.activities-box-image {
	display: block;
	background: #586977;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	line-height: 0
}
.activities-box-image a {
	width: 100%;
	height: 100%
}
.activities-box-image a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}
.activities-box-text {
	padding: 20px;
	display: block
}
.activities-box-text a {
	display: block
}
.activities-box-text a h2 {
	color: #292e3a;
	font-size: 1em;
	font-weight: 700;
	letter-spacing: -.1px;
	text-transform: uppercase
}
.activities-box-text p {
	margin: 10px 0 0;
	line-height: 1.5;
	color: #586977;
	text-align: justify;
	font-size: 1em;
	font-weight: 400
}
.gallery {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin: 50px -10px 10px
}
.gallery a {
	width: calc(100% / 3 - 20px);
	margin: 10px
}
.gallery a img {
	width: 100%
}
.bedealer,
.offer-area,
.viewdealer {
	z-index: 99999;
	display: none;
	position: relative
}
.modal-overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	overflow-x: scroll;
	background: rgba(17, 28, 35, .5)
}
.modal-overlay::-webkit-scrollbar {
	width: 0
}
.modal-content {
	margin: 50px auto;
	padding: 20px;
	width: 800px;
	background: #fff;
	position: relative
}
.modal-close {
	padding: 10px;
	top: 0;
	right: -36px;
	display: flex;
	cursor: pointer;
	background: #fff;
	position: absolute
}
.modal-close svg {
	width: 16px;
	height: 16px;
	fill: #111c23
}
.modal-content span {
	margin: 0 38px 20px 0;
	display: block;
	color: #111c23;
	font-size: 1.3em;
	font-weight: 700;
	text-transform: uppercase
}
.modal-content form {
	margin: -10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end
}
.modal-content form input {
	margin: 10px;
	padding: 8px 20px;
	width: calc(100% / 2 - 20px);
	outline: 0;
	font-size: 1em;
	font-weight: 400;
	color: #a4a4a4;
	background: 0 0;
	border: 1px solid #ddd
}
.modal-content select {
	margin: 10px;
	padding: 8px 20px;
	width: calc(100% / 2 - 20px);
	outline: 0;
	font-size: 1em;
	font-weight: 400;
	color: #a4a4a4;
	background: 0 0;
	border: 1px solid #ddd
}
.modal-content form textarea {
	margin: 10px;
	padding: 8px 20px;
	width: 100%;
	outline: 0;
	font-size: 1em;
	font-weight: 400;
	color: #a4a4a4;
	background: 0 0;
	border: 1px solid #ddd
}
.modal-content form button {
	margin: 20px 10px 10px;
	padding: 8px 15px;
	border: none;
	outline: 0;
	color: #fff;
	font-size: 1em;
	font-weight: 700;
	background: #00423b;
	text-transform: uppercase;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}
.modal-content form button:hover {
	background: #027569
}
.modal-content form input::placeholder,
.modal-content form textarea::placeholder {
	color: #a4a4a4
}
.breaking {
	padding: 7px 0!important;
	background: #027569;
	color: #fff;
	text-align: right;
	display: block;
	font-size: .85em
}
.breaking a {
	background: #03544c;
	border-radius: 2px;
	color: #fff;
	font-weight: 400;
	padding: 0 6px;
	margin-right: 5px
}
.breaking span {
	margin: 0 5px 0 0
}
.breaking em {
	font-weight: 700;
	font-style: normal;
	color: #fff;
	padding: 0 10px;
	margin: 0 10px;
	text-shadow: 0 1px 1px #0e8440
}
.breaking em {
	border-left: 1px solid #fff;
	border-right: 1px solid #fff
}
.price-bar {
	display: block;
	width: 100%;
	margin: 70px 0 0
}
.price-bar img {
	width: 100%
}
.service-list {
	margin: 40px 0 0
}
.service-list .services {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	background: #fff;
	-webkit-box-shadow: 0 3px 6px rgba(41, 46, 58, .1);
	-moz-box-shadow: 0 3px 6px rgba(41, 46, 58, .1);
	-ms-box-shadow: 0 3px 6px rgba(41, 46, 58, .1);
	-o-box-shadow: 0 3px 6px rgba(41, 46, 58, .1);
	box-shadow: 0 3px 6px rgba(41, 46, 58, .1)
}
.service-list .services .image {
	-moz-flex: 2;
	-ms-flex: 2;
	-o-flex: 2;
	-webkit-box-flex: 2;
	flex: 2;
	line-height: 0
}
.service-list .services h2 {
	font-size: 1.5em
}
.service-list .services .image img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px
}
.service-list .services .text {
	-moz-flex: 5;
	-ms-flex: 5;
	-o-flex: 5;
	-webkit-box-flex: 5;
	flex: 5;
	padding: 30px
}
table {
	border-collapse: collapse;
	margin: 10px 0;
	width: 100%
}
table tbody {
	border: 1px solid #ddd
}
table tr:nth-of-type(odd) {
	background: #f9f9f9
}
table th {
	background: #3498db;
	color: #fff;
	font-weight: 700
}
table td,
table th {
	padding: 10px!important;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	text-align: left;
	font-size: 1em;
	color: #586977
}
table tr:hover {
	background: #f3f3f3
}
.export {
	padding: 60px 0;
	background: #0a181c
}
.export-info a {
	padding: 20px 30px;
	color: #fff;
	font-size: 1em;
	font-weight: 700;
	display: block;
	border-radius: 4px;
	background: #292e3a;
	transition: all .2s ease-in-out
}
.export-info a:hover {
	background: #027569
}
.export-page .export-info a {
	background: #0a181c
}
.export-info {
	margin: 50px 0 0
}
.being-cdealer {
	display: none
}
.export .head-left h3,
.export .head-left span {
	color: #fff
}
.export .head-left p {
	color: #b3b5b9
}
.export-boxes {
	margin: 0;
	width: 100%
}
.export-boxes>p {
	margin: 0;
	text-align: center;
	line-height: 1.8;
	color: #666;
	font-size: 1em;
	font-weight: 400
}
.export-box {
	position: relative
}
.export-box ul {
	margin: -10px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap
}
.export-box ul li {
	box-sizing: inherit;
	margin: 10px;
	width: calc(100% / 5 - 20px)
}
.export-box ul li a {
	display: flex;
	padding: 20px 30px;
	width: 100%;
	align-items: center;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	color: #b3b5b9;
	font-size: 0.95em;
	font-weight: 700;
	background: #292e3a;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.export-box ul li a span {
	flex-shrink: 0;
	display: block;
	margin: 0 15px 0 0;
	width: 20px;
	height: 20px;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	background: #515151;
	border: 5px solid #0a181c;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out
}
.export-box ul li p {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap
}
.export-box ul li a:hover {
	color: #fff
}
.export-box ul li a:hover span {
	background: #027569
}
.export-box ul::-webkit-scrollbar {
	width: 7px
}
.export-box ul::-webkit-scrollbar-truck {
	background: #0a181c
}
.export-box ul::-webkit-scrollbar-thumb {
	background: #132529
}
.export-box svg path {
	cursor: pointer;
	-webkit-transition: fill .2s ease-in-out;
	-moz-transition: fill .2s ease-in-out;
	-ms-transition: fill .2s ease-in-out;
	-o-transition: fill .2s ease-in-out;
	transition: fill .2s ease-in-out
}
.export-box svg path:hover {
	fill: #747a86!important
}
.country-names {
	position: absolute
}
.country-names div {
	padding: 8px 16px;
	color: #fff;
	border-radius: 6px;
	background: #027569
}
.export-page {
	margin: 0 0 -100px;
	padding: 100px 0 200px;
	background: #132529
}
.export-page .head-left h1,
.export-page .head-left h2,
.export-page .head-left h3,
.export-page .head-left h4,
.export-page .head-left h5,
.export-page .head-left h6 {
	color: #fff
}
.export-page .export-box svg {
	height: 550px
}
.export-page .export-box ul {
	height: auto;
	overflow: initial
}
.export-page .export-box ul li a {
	background: #0a181c;
	display: block
}
.export-map svg {
	height: 500px
}
.export-detail {
	padding: 60px 0 0;
	background: #132529
}
.export-detail .export-page {
	margin: 0 0 -100px
}
.export-detail .head-left h1,
.export-detail .head-left span {
	color: #fff
}
.export-detail .head-left p {
	color: #b3b5b9
}
.export-detail-boxes {
	width: 100%;
	margin: 0 0 70px 0;
	flex-direction: row;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap
}
.export-detail-box {
	margin: 10px;
	width: calc(100% / 2 - 20px);
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background: #027569;
	-webkit-box-shadow: 0 20px 30px rgba(10, 24, 28, .1);
	-moz-box-shadow: 0 20px 30px rgba(10, 24, 28, .1);
	-ms-box-shadow: 0 20px 30px rgba(10, 24, 28, .1);
	-o-box-shadow: 0 20px 30px rgba(10, 24, 28, .1);
	box-shadow: 0 20px 30px rgba(10, 24, 28, .1)
}
.export-detail-box-head {
	padding: 30px;
	border-bottom: 4px solid #60a555
}
.export-detail-box-head span {
	display: block;
	text-align: center;
	color: #fff;
	font-size: 1.3em;
	font-weight: 700
}
.export-detail-box-content {
	padding: 30px
}
.export-detail-box-content a {
	padding: 15px 20px;
	border: none;
	display: block;
	width: 100%;
	color: #60a555;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	font-size: 1.1em;
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
	background: #fff
}
.export-detail-box-content .input-groups {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: -10px
}
.export::before {
	content: '';
	top: -36px;
	left: 0;
	width: 100%;
	height: 36px;
	position: absolute;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%230A181C' viewBox='0 0 100 100' version='1.1' width='100%25' height='96px' preserveAspectRatio='none'%3E%3Cpath d='M0,0 C16.6666667,66 33.3333333,99 50,99 C66.6666667,99 83.3333333,66 100,0 L100,100 L0,100 L0,0 Z'%3E%3C/path%3E%3C/svg%3E")
}
.video-reference ul {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 -10px!important
}
.video-reference ul li {
	padding: 10px;
	margin: 10px;
	width: calc(100% / 4 - 20px)
}
.video-reference a,
.video-reference a:hover {
	display: block;
	margin: 0!important;
	padding: 0!important;
	border: none;
	background: 0 0;
	text-transform: inherit;
	text-align: center
}
.video-reference .brand-detail-media-box {
	overflow: hidden;
	border-radius: 10px;
	position: relative
}
.video-reference .brand-detail-media-box img {
	display: block;
	width: 100%;
	height: auto;
	background: #027569
}
.video-reference .brand-detail-media-box-on {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	position: absolute;
	justify-content: flex-end;
	align-items: center;
	flex-direction: column;
	padding: 20px;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to bottom, transparent, #0a181c)
}
.video-reference .brand-detail-media-box-on button {
	margin: 0 0 20px;
	padding: 0;
	background: 0 0;
	border: none
}
.video-reference .brand-detail-media-box-on button svg {
	width: 100px;
	height: 100px;
	fill: #fff;
	margin: 0
}
.video-reference .brand-detail-media-box-on span {
	color: #fff;
	font-size: 1.5em;
	font-weight: 700
}
.video-reference .brand-detail-media-box-on p {
	margin: 5px 0 30px 0!important;
	color: #b3b5b9;
	font-size: 1.3em;
	font-weight: 400;
	text-align: center
}
.features {
	margin: 50px 0 0;
	padding: 50px 0;
	position: relative;
	background: #f7f4ee;
	box-shadow: 0 1px 1px #999;
	z-index: 10!important
}
.feature-boxes {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin: -30px
}
.feature-box {
	width: calc(100% / 3 - 60px);
	margin: 30px
}
.feature-box .title {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: center;
	-moz-align-items: center;
	-ms-align-items: center;
	-o-align-items: center;
	align-items: center
}
.feature-box .title svg {
	width: 50px;
	min-width: 50px;
	height: 50px;
	margin: 0 10px 0 0;
	padding: 5px;
	border: 1px solid #ddd;
	border-radius: 50%
}
.feature-box .title h2 {
	color: #292e3a;
	font-size: 1.1em;
	font-weight: 700;
	text-transform: uppercase;
	text-shadow: 1px 1px 0 #fff
}
.feature-box .text p {
	margin: 5px 0 0;
	line-height: 1.5;
	text-align: justify;
	color: #4d5a65;
	font-size: 1em;
	font-weight: 400;
	text-shadow: 1px 1px 0 #fff
}
.whatsapplink {
	bottom: 20px;
	left: 20px;
	z-index: 777;
	position: fixed
}
.whatsapplink .whatsapp-icon {
	width: 64px;
	height: 64px;
	opacity: .8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #25d366;
	border-radius: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}
.whatsapplink .live {
	position: absolute;
	-webkit-transition: all 5s ease-in-out;
	-o-transition: all 5s ease-in-out;
	transition: all 5s ease-in-out;
	background: #25d366
}
.whatsapplink a {
	width: 64px;
	height: 64px;
	opacity: .8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	cursor: pointer;
	position: relative;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #25d366;
	border-radius: 100%;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	animation: rubberBand 2.5s linear .1s infinite
}
.whatsapplink a svg {
	width: 40px;
	height: 40px;
	fill: #fff
}
.whatsapplink .waves1 {
	animation: waves 2.5s linear .1s infinite
}
.whatsapplink .waves2 {
	animation: waves 2.5s linear .7s infinite forwards
}
@keyframes waves {
	0% {
		transform: scale(1);
		opacity: 1
	}
	100% {
		transform: scale(1.5);
		opacity: 0
	}
}
.theme-faq-info-in {
	margin-top: 30px
}
.theme-faq-info {
	padding: 110px;
	background: #fff
}
.theme-faq-info-in-head h3 {
	color: #586977;
	margin-bottom: 10px
}
.theme-faq-info ul {
	margin: 30px 0 0;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea
}
.theme-faq-info-in ul li {
	background: #f9f9f9;
	border: 1px solid #ddd;
	font-size: 16px
}
.theme-faq-info ul li.open .theme-faq-qa-head svg {
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0)
}
.theme-faq-info ul li.open .theme-faq-qa-content {
	margin: 25px 0 0;
	height: 120px
}
.theme-faq-info ul li:nth-child(n+2) {
	border-top: 1px solid #eaeaea
}
.theme-faq-qa-head {
	padding: 15px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between
}
.theme-faq-qa-head h2 {
	color: #586977;
	font-size: 1em;
	font-weight: 400;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis
}
.theme-faq-qa-head svg {
	margin: 0 0 0 20px;
	width: 20px;
	height: 20px;
	fill: #292e3a;
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: transform .2s ease-in-out;
	-moz-transition: transform .2s ease-in-out;
	-ms-transition: transform .2s ease-in-out;
	-o-transition: transform .2s ease-in-out;
	transition: transform .2s ease-in-out;
	flex-shrink: 0
}
.theme-faq-qa-content {
	border-top: 1px solid #ddd;
	padding: 15px;
	display: none;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.theme-faq-qa-content p {
	line-height: 1.5;
	color: #586977;
	font-size: 1em;
	font-weight: 400
}
.theme-faq-qa-content p:nth-child(n+2) {
	margin: 25px 0 0
}
.content-gallery {
	margin: 45px 0 0 0
}
.content-gallery ul {
	display: flex;
	flex-wrap: wrap
}
.content-gallery ul li {
	width: 33.33%;
	padding: 5px
}
.content-gallery ul li a img {
	width: 100%;
	display: block
}
.less-about-us-text p:nth-child(n+2) {
	margin: 20px 0 0 0
}
.less-about-us-text h3 {
	color: #292e3a;
	margin: 30px 0 0 0
}
.less-about-us-text ul {
	margin: 10px 0 0 0
}
.less-about-us-text ul li {
	padding: 5px;
	color: #586977;
	font-size: 1em
}
.less-about-us-text ul li svg {
	width: 10px;
	height: 10px;
	color: #292e3a
}
@media (max-width: 1460px) {
	.slide-box-buttons,
	.slide-box-text {
		margin: 0 50px
	}
}
@media (max-width: 1370px) {
	.slide-box-buttons,
	.slide-box-text {
		margin: 0 100px
	}
}
@media (max-width: 1280px) {
	.slide-box-buttons,
	.slide-box-text {
		margin: 0 150px
	}
}
@media (max-width: 1230px) {
	.container,
	.slide-box-buttons,
	.slide-box-text {
		width: 90%
	}
	.slide-arrow {
		display: none
	}
	.slide-box-text p {
		width: 100%
	}
	.less-about-us-boxes {
		flex-direction: column
	}
	.about-us-boxes {
		flex-direction: column-reverse
	}
	.less-about-us-image img {
		object-fit: fill
	}
	.footer-nav-box>a {
		font-size: 1.3em
	}
	.slide-box-buttons,
	.slide-box-text {
		margin: 0
	}
	.less-about-us {
		margin: 50px 0 0 0
	}
	.less-about-us-image {
		display: none
	}
	.about-us-boxes .less-about-us-image {
		margin: 0;
		padding: 0;
		height: 400px;
		display: block;
		height: auto
	}
	.less-about-us-text .corporate-partial .text {
		margin: 0
	}
	.corporate-group .group h3,
	.less-about-us-text .corporate-partial .text h1,
	.less-about-us-text h1 {
		font-size: 1.4em
	}
	.corporate-partial {
		flex-direction: column-reverse;
		flex-wrap: nowrap!important
	}
	.less-about-us-text .corporate-partial {
		padding: 0
	}
	.less-about-us-text .corporate-partial img {
		object-fit: cover;
		height: 200px;
		margin-bottom: 20px;
	}
	.less-about-us-text .reverse img {
		display: block;
		margin-top: 30px
	}
	.corporate-group {
		margin-top: 10px;
		margin-bottom: 10px
	}
	.less-about-us-text .reverse .text {
		margin-left: 0!important
	}
	.less-about-us-text .catalogue {
		padding: 0 0 20px 0
	}
	.metal-recycle-boxes-form .call,
	.metal-recycle-boxes-form .sidebardealers {
		background: 0 0
	}
	.service-list .services .image {
		-moz-flex: 3;
		-ms-flex: 3;
		-o-flex: 3;
		-webkit-box-flex: 3;
		flex: 3
	}
	.contact-address .address {
		width: calc(100% / 1 - 30px)
	}
	.contact-address .address .image {
		flex: 2
	}
	.contact-bottom {
		flex-flow: column
	}
	.contact-bottom .contact-social {
		padding-left: 0
	}
	.contact-social {
		margin-top: 20px
	}
	.export-box ul li {
		width: calc(100% / 4 - 20px)
	}
	.corporate-text .reverse img {
		margin-bottom: 40px
	}
	.infobar {
		margin: 80px 0
	}
	.infobar-box-on {
		padding: 0 100px 0 240px
	}
	.feature-box {
		width: calc(100% / 2 - 60px)
	}

	.contact-address .address:first-child .image{
	  flex: 2;
	}

	.contact-address .address:first-child .image img{
	  width: 100%;
	}
}
@media (max-width: 1200px) {
	.contact-fi {
		flex-direction: column
	}
	.contact-form {
		top: 0;
		position: relative
	}
}
@media (max-width: 1100px) {

	.footer-nav-box ul li a{
		font-size: 0.8em;
	}
}
@media (max-width: 1040px) {
	.footer-right {
		flex-wrap: wrap
	}
	.footer-nav {
		padding-top: 120px
	}
	.footer-nav-box:first-child {
		display: none
	}
	.footer-nav-box {
		margin: 20px
	}
	.footer-nav ul.navbar-nav li {
		text-align: left
	}
	.footer-nav-box:nth-child(n+2) {
		margin: 20px
	}
	.modal-content {
		width: 100%
	}
	.modal-close {
		top: 16px;
		right: 17px
	}
	.modal-content form input,
	.modal-content form select {
		width: calc(100% - 20px)
	}
	.export-box {
		margin-top: 50px
	}
	.export-box #svg-country {
		display: none
	}
	.export-detail-box {
		width: calc(100% / 1 - 20px)
	}
	.newsletter {
		flex-direction: column
	}
	.newsletter-text {
		text-align: center
	}
	.newsletter-input {
		margin-top: 30px
	}
	.less-about-us-text .using-area {
		padding: 40px 0
	}
	.service-list .services:last-child {
		margin-bottom: 0
	}
	.less-about-us-text .using-area:last-child {
		padding-bottom: 0
	}
}
@media (max-width: 970px) {
	.slide-box {
		height: 400px
	}
	.metal-recycle-boxes {
		display: block
	}
	.metal-recycle-boxes-content,
	.metal-recycle-boxes-form {
		margin: 0 0 30px 0;
		border: none;
		padding: 0
	}
	.slide-box-buttons {
		bottom: 50px
	}
	.corporate-group .group {
		width: 100%
	}
	.metal-recycle-boxes-form .call {
		background: url(../images/contact.png) no-repeat right top
	}
	.metal-recycle-boxes-form .sidebardealers {
		background: url(../images/dealers.png) no-repeat right top
	}
	.export-box ul li {
		width: calc(100% / 3 - 20px)
	}
	.infobar-box-on {
		padding: 0 100px
	}
	.less-about-us-text .using-area {
		flex-flow: column;
		padding: 10px 0
	}
	.less-about-us-text .using-area .text {
		text-align: center;
		margin-left: 0!important;
		margin-right: 0!important
	}
	.less-about-us-text .using-area .text p {
		text-align: center
	}
	.less-about-us-text .using-area .image {
		margin-bottom: 20px
	}
	.less-about-us-text .using-area:nth-child(2n) {
		flex-direction: column-reverse
	}
	.breaking span {
		display: none
	}
	.breaking em {
		border: none;
		padding: 0;
		margin: 0
	}

	.newsletter {
		padding-top: 30px;
		padding-bottom: 30px;
	}
}
@media (max-width: 840px) {
	.less-services {
		margin-bottom: 60px
	}
	.less-services-box {
		width: 100%
	}
	.infobar {
		display: none
	}
	.footer-nav-box>a span,
	.head h1,
	.head h2,
	.head h3 {
		display: block
	}
	.slide-box-text p {
		font-size: 3em
	}
	.contact-bottom .contact-form form {
		flex-flow: column
	}
	.contact-bottom .contact-form .messages {
		padding-left: 0
	}

	.contact-bottom .contact-form button{ bottom: 20px; }

	.video-reference ul li {
		width: calc(100% / 2 - 20px)
	}
	.video-reference .brand-detail-media-box-on span {
		font-size: 1.3em
	}

	.video-reference .brand-detail-media-box-on p {
		font-size: 1.2em
	}
	.activities-box {
		width: 100%
	}
}
@media (max-width: 740px) {
	.kt-error_container ul,
	.kt-error_description,
	.kt-error_number h1,
	.kt-error_subtitle {
		margin-left: 2rem!important
	}
	.activities-box {
		flex-direction: column
	}
	.activities-box-image {
		width: 100%;
		height: 250px
	}
	.gallery a {
		width: calc(100% / 2 - 20px)
	}
	.slide-box-buttons a {
		font-size: .9em
	}
	.price-bar {
		display: none
	}
	.less-services-box-detail {
		width: 100%
	}
	.app-area ul li {
		width: calc(100% / 1 - 20px)
	}
	.corporate-partial img {
		height: 300px
	}

	.footer-nav {
		flex-direction: column;
		margin: 0
	}
	.footer-nav-box:first-child {
		display: block;
		margin: 0 auto
	}
	.footer-nav-box {
		text-align: center
	}
	.footer-bottom {
		flex-direction: column;
		text-align: center
	}
	.footer-bottom a {
		margin: 10px 0 0
	}

	.footer-nav-box:nth-child(3) h6{ display: none; }

	.footer-nav-box .logo img {
		max-width: 100%
	}
	.footer-right {
		justify-content: flex-start
	}
	.less-services-box-image img {
		height: 200px
	}
	.service-list {
		margin-top: 0
	}
	.service-list .services {
		flex-flow: column
	}
	.service-list .services .image {
		height: 200px
	}
	.export-box ul li {
		width: calc(100% / 1 - 20px)
	}
	.feature-boxes {
		margin: -30px 0
	}
	.feature-box {
		width: calc(100%)
	}
	.feature-boxes .feature-box .title svg {
		display: none
	}
	.feature-boxes .feature-box .text p,
	.feature-boxes .feature-box .title {
		justify-content: center;
		text-align: center
	}
	.certificates .certificates-box {
		width: 100%
	}

	.footer-nav-box ul li a{
		font-size: 0.9em;
	}

	table {
		width: 100%
	}
	table,
	tbody,
	td,
	th,
	thead,
	tr {
		display: block
	}
	table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px
	}
	table tr {
		border: 1px solid #ccc
	}
	table td {
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%
	}
	table td:before {
		position: absolute;
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		content: attr(data-column);
		color: #000;
		font-weight: 700
	}
}
@media (max-width: 640px) {
	.slide-box-text p {
		font-size: 2.5em
	}
}
@media (max-width: 540px) {
	.breaking {
		text-align: center
	}
	.breaking a {
		margin-right: 0
	}
	.slide-box-buttons {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap
	}
	.slide-box-buttons a {
		width: calc(100% / 2 - 10px);
		margin: 10px 5px;
		padding: 13px 12px;
		float: none
	}
	.slide-box-buttons a svg {
		display: none
	}
	.slide-box-text p {
		font-size: 2em;
		 margin-bottom: 10px;
	}
	.contact-address {
		margin-top: -20px
	}
	.contact-address .address {
		flex-flow: column
	}
	.contact-address .address .text {
		padding: 15px 15px 10px
	}
	.newsletter-text span {
		font-size: 1.3em
	}
	.newsletter-text p {
		font-size: 0.9em
	}
	.newsletter {
		padding: 30px 10px
	}
	.service-list .services h2,
	.using-area h2 {
		font-size: 1.2em
	}
	.product-page-number ul li a {
		padding: 10px;
		min-width: 30px
	}

	.video-reference ul li {
		width: calc(100% / 1 - 20px)
	}

}
@media (max-width: 490px) {
	.certificates .certificates-box img {
		height: 100px
	}
	.certificates .certificates-box {
		width: 100%
	}
}
@media (max-width: 480px) {
	#recaptcha-cont {
		margin: -12px -73px 0 !important;
	}
	.head h1,
	.head h2,
	.head h3,
	.less-services-box-text h2 {
		font-size: 1.1em
	}
	.less-about-us-text a {
		padding: 13px 20px
	}
	.less-services-boxes {
		margin: -15px
	}
	.slide-box-buttons a {
		margin-bottom: 0
	}
	.breaking {
		text-align: center
	}
	.breaking span {
		display: none
	}
	.breaking em {
		display: block
	}
	.certificates,
	.certificates .certificates-box,
	.corporate-group,
	.corporate-group .group {
		margin-left: 0;
		margin-right: 0
	}
}
@media (max-width: 430px) {
	.slide-box-buttons {
		bottom: 60px
	}
	.contact-info-text a {
		margin: 0 0 0 5px
	}
	.contact-info-text a {
		font-size: .8em
	}
	.logo svg {
		width: 180px;
		height: 63px
	}
}
.slide-boxes {
	width: 100%;
	height: 520px;
	position: relative;
	overflow: hidden
}
.slide-box {
	height: 520px
}
.slick-slide {
	max-height: 520px;
	width: 100%
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list,
.slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.slick-track:after,
.slick-track:before {
	display: table;
	content: ''
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}
[dir=rtl] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
@media (max-width: 380px) {

	.logo img{
		max-width: 230px;
		height: auto;
	}

	.slide {
		height: 400px
	}
	.slide-box img {
		height: 400px
	}
	.less-services {
		margin: 0 0 60px 0
	}

	.less-services-detail-list{ margin: 50px 0 60px 0; }

	.modal-content span {
		font-size: 1.1em;
	}

}



.modal {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	background: rgba(0, 0, 0, .5)
}
.reference-video-modal {
	z-index: 9999;
	position: fixed;
	display: none
}
.video-modal-content {
	margin-top: 70px;
	width: 800px;
	background: #fff
}
.video-modal-close {
	top: 0;
	right: 0
}
.video-modal-close button {
	width: 40px;
	height: 40px;
	background: #fff;
	border: 0;
	outline: 0
}
.video-modal-close button svg {
	width: 20px;
	height: 20px;
	color: #161616
}
.video-modal-head {
	padding: 30px;
	background: #f9f9f9
}
.video-modal-head span {
	font-size: 1.5em;
	font-weight: 700;
	color: #161616;
	text-transform: uppercase
}
.video-modal-content-in {
	padding: 30px
}
.video-modal-content-in iframe {
	width: 100%;
	height: 420px
}
.sds-button a {
	margin: 30px 0 0 0;
	display: block;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 10px;
	width: 190px;
	background: #004a42;
	text-align: center;
	color: #fff;
	border-radius: 4px;
	font-weight: 700;
	transition: .2s
}
.sds-button a svg {
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	fill: #fff
}
.sds-button a:hover {
	background: #004a42
}








.mobile-circle {
  bottom: 40px;
  right: 40px;
  z-index: 777;
  position: fixed;
}

.status-icon {
  width: 50px;
  height: 50px;
  opacity: .8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #44bd32;
  border-radius: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.live {
  position: absolute;
  -webkit-transition: all 5s ease-in-out;
  -o-transition: all 5s ease-in-out;
  transition: all 5s ease-in-out;
  background: #44bd32;
}

.mobile-circle a {
  width: 50px;
  height: 50px;
  opacity: .8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #44bd32;
  border-radius: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.delay1 {
  animation: waves 2.5s linear 0.1s infinite;
}
.delay2 {
  animation: waves 2.5s linear 0.7s infinite forwards;
}

@keyframes waves {
  0% {
      transform: scale(1);
      opacity: 1;
  }
  100% {
      transform: scale(2.5);
      opacity: 0;
  }
}

@keyframes rubberBand {
  from {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }
  30% {
      -webkit-transform: scale3d(1.25, 0.75, 1);
      transform: scale3d(1.25, 0.75, 1);
  }
  40% {
      -webkit-transform: scale3d(0.75, 1.25, 1);
      transform: scale3d(0.75, 1.25, 1);
  }
  50% {
      -webkit-transform: scale3d(1.15, 0.85, 1);
      transform: scale3d(1.15, 0.85, 1);
  }
  65% {
      -webkit-transform: scale3d(0.95, 1.05, 1);
      transform: scale3d(0.95, 1.05, 1);
  }
  75% {
      -webkit-transform: scale3d(1.05, 0.95, 1);
      transform: scale3d(1.05, 0.95, 1);
  }
  to {
      -webkit-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
  }
}

@keyframes jello {
  from,
  11.1%,
  to {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  22.2% {
      -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
      transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
      -webkit-transform: skewX(6.25deg) skewY(6.25deg);
      transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
      -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
      transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
      -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
      transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
      -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
      transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
      -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
      transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
      -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
      transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}


.mobile-circle a svg {
  width: 30px;
  height: 30px;
  fill: #fff;
}