/*
Theme Name: ArcelorMittal - Sheet Piling
Author: ArcelorMittal
Author URI: https://www.arcelormittal.lu/
Version: 1.0
*/

@font-face {
	font-family: 'vag_light_ssk';
	src: url('assets/css/fonts/VAGrounded_light_SSK.eot');
	src: local('☺'), url('assets/css/fonts/VAGrounded_light_SSK.woff') format('woff'),
									 url('assets/css/fonts/VAGrounded_light_SSK.ttf') format('truetype'),
									 url('assets/css/fonts/VAGrounded_light_SSK.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* -------------------------------------------- */
/* ---------- main ------------- */
/* -------------------------------------------- */

html,body{
	font-family: Arial;
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#696969;
  height: 100%;
}

*:focus
{
    outline: none;
}

body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #696969;
    background-color: #ffffff;
}
.error{
	border:1px solid #ff0000 !important;
}
a {
    text-decoration: none !important;
    color:inherit;
}
a:visited{
    color:inherit;
}

textarea {
   font-family: inherit;
   font-size: inherit;
}

ul{
	margin-left:0;
}

svg:not(:root) {
	overflow: hidden;
}

svg {
	display:none !important;
}

.topRedLine {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ff3700;
}

.custom-logo {
	width: 146px !important;
	height: 60px !important;
}

.maxwidth{
	margin:auto;
	width:100%;
	max-width:980px;
	padding: 0;
	box-sizing: border-box;
	display: block;
/*	overflow: auto;*/
}

.header {
	margin-top:12px;
}

.site-header {
	width: 100%;
	height: 130px;
}

.site-branding .wrap {
	padding-left:20px;
	position:relative;
	font-size:12px;
	color:#c0bfbf;
	padding-top:15px;
}

.lang-switcher {
	float: left;
	padding-top: 3px;
}

#page{
	overflow: inherit !important;
	padding-bottom:0px !important;
}


/*	==================================================================	*/
/*	menu	==========================================================	*/
/*	==================================================================	*/

.headertitle_top{
	font-size:20px;
	color:#ff3700;
}
.headertitle_bottom{
	font-size:14px;
	color:#696969;
}

#responsive-menu-button {
	display: none !important;
}

.searchinput{
	outline: none;
	background-color:#ecebeb;
	border-color: inherit;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0px;
	text-indent: 5px;
	color:#ff3700;
	width: 300px;
}
.searchinput:focus{
	outline: none;
}

.searchinput::-webkit-input-placeholder { /* WebKit, Blink, Edge */
	color:#ff3700;
}
.searchinput:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	color:#ff3700;
}
.searchinput::-moz-placeholder { /* Mozilla Firefox 19+ */
	color:#ff3700;
}
.searchinput:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color:#ff3700;
}
.search-form button {
	background: none;
	border: none;
	outline:none;
}
.search-form button i {
	font-size:17px;
	color:#ff3700;
	cursor: pointer;
}
.search-form button:hover i {
	color:#000000;
}


/*	==================================================================	*/
/*	leftmenu	==========================================================	*/
/*	==================================================================	*/

.spacebreadcrump{
	height:30px;
}

.menuleft{
	width:200px;
	position:absolute;
	top:0px;
}

.menuleft .title{
	font-size:22px;
	color:#ff3700;
	padding-bottom:25px;
}

.menuleft .items{
	font-size:12px;
	color:#696969;
	line-height:20px;
	width:100%;
}

.menuleft .items .selected{
	font-size:12px;
	color:#ff3700;
}


/*	==================================================================	*/
/*	rightcontent	==================================================	*/
/*	==================================================================	*/
.breadcrump{
	height:40px;
	line-height:40px;
	font-size:10px;
}

.rightcontent{
	padding-left:200px;
	min-height:400px;
}

.leftcontent {
	padding-right:180px;
	min-height:400px;
}

.fullcontent {
	width: 100%;
	min-height:400px;
}

.floatright {
	position: absolute;
	top: -25px;
	right: 0px;
	width: 180px;
}

.rightcontent .title,
.fullcontent .title,
.leftcontent .title
{
	font-size:18px;
	margin-bottom:20px;
}

h1{
	padding-top:22px;
	margin-top:0px;
	margin-bottom:10px;
	color:#ff3700;
	font-size:22px;
}

h2{
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	margin-top:20px;
}

.button{
	cursor:pointer;
	color:#ffffff;
	background-color:#ff3700;
	padding:5px;
	padding-left:15px;
	padding-right:15px;
	font-weight:bold;
	font-size:10px;
	display:block;
}

.link{
	color:#ff3700;
	padding-top:3px;
}

.product{
	width:50%;
	float:left;
	margin-top:25px;
}

.w50{
	float:left;
	width:100%;
}

.product h1{
	padding-top:0px;
	margin-top:0px;
	margin-bottom:5px;
	color:#ff3700;
	font-size:15px;
}

pre{
	white-space:inherit;
}


/*
	==============================================
	table switcher	==============================
	==============================================
*/
.slider:before{
	background-color:#ff3700 !important;
	height:15px !important;
	width:15px !important;
	left:0px !important;
	bottom:-2px !important;
}
input:checked + .slider{
	opacity:0.6;
	background-color:#ccc !important;
}


/*
	==============================================
	contact	======================================
	==============================================
*/

	.contacttextblock{
		font-size:12px;
		margin-left:20px;
		background-color:#f0f0f0;
		padding:10px;
	}

	.contactformmargin{
		margin-left:20px;
	}

	.continent{
		position:relative;
		margin-bottom:20px;
	}
	.continenttext{
		color:#ffffff;
		background-color:rgba(105, 105, 105,0.8);
		line-height:30px;
		position:absolute;
		bottom:0px;
		left:0px;
		width:100%;
		cursor:pointer;
	}

	.continent:hover .continenttext,
	.continent.active .continenttext
	{
		background-color:rgba(255, 55, 0, 0.8);
	}


	.formdiv .table select{
		width:100%;
		line-height:50px;
		height:50px;
		border:1px solid #f0f0f0;
		background-color:transparent;
		color:#696969;
		font-size:18px;
		font-weight:400;
	}

	.filter select{
		margin-bottom:10px;
		width:100%;
		line-height:50px;
		height:50px;
		border:1px solid #f0f0f0;
		background-color:transparent;
		color:#696969;
		font-size:18px;
		font-weight:400;

	}

	::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	    color: inherit;
	    opacity: 1; /* Firefox */
	}

	:-ms-input-placeholder { /* Internet Explorer 10-11 */
	    color: inherit;
	}

	::-ms-input-placeholder { /* Microsoft Edge */
	    color: inherit;
	}


	input, textarea{
	 /* Remove First */
	    -webkit-appearance: none;
	    -moz-appearance: none;
	    appearance: none;
	}
	.formdiv .table input, .formdiv .table textarea, select{


		text-indent: 10px;
		width:100%;
		line-height:50px;
		height:50px;
		border:1px solid #f0f0f0;
		background-color:transparent;
		color:#696969;
		font-size:18px;
		font-weight:400;
		padding:0px;
	}

	.formdiv .table select.error {
		border:1px solid red;
	}

	#thankyou {
		color: green;
		font-size: 20px;
	}

	.formdiv .table{
		width:100%;
		margin-bottom:10px;
	}
	.formdiv .table .title{
		display:table-cell;
		font-size:16px;
		color:#696969;
		width:130px;
		line-height:50px;
		vertical-align: top;
	}
	.formdiv .table .input{
		display:table-cell;
	}
	.formdiv .table .input input{
		width:100%;
		line-height:50px;
		height:50px;
		border:1px solid #f0f0f0;
	}

	.formdiv .table .input input.error{
		border:1px solid red;
	}

	.formdiv .table .input textarea{
		width:100%;
		height:150px;
		border:1px solid #f0f0f0;
	}
	.formdiv .table .input textarea.error{
		border:1px solid red;
	}



















/*
	==============================================
	menu	==============================
	==============================================
*/

#mainmenu{
	z-index:10;
	font-family:verdana;
	letter-spacing:1px;
	line-height:35px;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	text-align:center;
}
#burgermenu{
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}
.menubg{
	background-color:#ffffff;
}
.menutext{
	color:#ffffff;
}

.menuline{
	height:2px;
	background-color:#ffffff;
	width:20px;
}
.menutext .menuline{
	background-color:#ffffff;
}

.hideleftmenu a{
	opacity:0.5;
}
.hideleftmenu div{
	display:none;
}


.menulist{
	margin-top:1px;
	font-size:14px;
	font-weight:700;
	text-transform: uppercase;
	color:#ffffff;
	background-color:#8b6c42;
	width:180px;
	padding:20px;
	padding-bottom:15px;
	padding-right:0px;
	min-width:220px;
	line-height:16px;
}

.menulist div{
	cursor: pointer;
	padding-bottom:5px;
}
.menulist div:hover{
	padding-left:10px;
}

.menulist div.select{
	text-decoration: underline;
}

/*
.whitebg{
		 background-color: #ffffff;
        -webkit-transition: background-color 200ms linear;
        -moz-transition: background-color 200ms linear;
        -o-transition: background-color 200ms linear;
        -ms-transition: background-color 200ms linear;
        transition: background-color 200ms linear;
}
*/





/*
	==============================================
	home	======================================
	==============================================
*/

.animimg {
    transition: transform 9s;
    transform: scale(1.1);
}
.homepunchline{
	position:absolute;
	top:52px;
	right:45px;
	color:#ffffff;
	font-size:57px;
	font-family:agencyfb_Regular;
}
.homeslidecontent{
	z-index:3;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.1);
}


/*
 * home-image-slider
 */

#home-image-slider {
	height: 278px;
	width: 100%;
	margin-top: 40px;
	position: relative;
	overflow: hidden;
}

#home-image-slides {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	-webkit-transition: top .35s;
	-moz-transition: top .35s;
	transition: top .35s;
}

.home-image-slide {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100%;
	left: 0px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;


}

.home-image-slide-description {
	position: absolute;
	top: 50px;
	left: 0px;
	padding: 10px 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;

	width: 320px;
	color: #fff;
	font-size: 12px;
	background-color: #696969;
	background-color: rgba(105, 105, 105, 0.6);
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	border-bottom-right-radius: 30px;
}

.home-image-slide-description a:after {
	content: "\00a0\00a0";
	padding-left: 5px;
	background-image: url(assets/images/home-slider-arrow.png);
	background-position: right;
	background-repeat: no-repeat;
}

.home-image-slide-title {
	font-size: 28px;
	font-family: 'vag_light_ssk';
}

#home-image-slider-nav {
	position: absolute;
	top: 50px;
	right: 0px;
}

#home-image-slider-nav>div {
	/*width: 30px;
	height: 30px;
	line-height: 30px;*/
	text-align: center;
	background-color: #696969;
	color: #fff;
	cursor: pointer;
}

#home-image-slider-nav>div.active {
	background-color: #adaeae;
}

#home-news-slider{
	padding-right:20px;
}
.home-news-slide-text {
	font-size: 12px;
	padding: 10px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#home-news-slider-container {
	overflow-y:hidden !important;
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 172px;

}

#home-news-slider-container>div {
	position: relative;
}

#home-news-slider-title {
	font-family: 'vag_light_ssk';
	font-size: 28px;
	color: #696969;
	height: 50px;
	line-height: 50px;
	text-align: left;
	margin-top: 25px;
	position: relative;
}

.orange {
	color: #ff3700 !important;
}

.home-news-slide {

	display: inline-block;
	position: absolute;
	width: 33.333%;
	padding-right: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;

}

.swiper-slide>div {
	width: 100%;
	height: 170px;
	background-color: #ecebeb;
}
.home-news-slide-image {
	height: 100px;
	background-size: cover;
}
.home-slide-txt {
	font-size: 12px;
	padding: 13px 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.home-slide-txt strong {
	display: block;
}

.home-slide-txt a { color: #ff3700; }

.home-slide-txt a:after {
    content: "\00a0\00a0";
    padding-left: 5px;
    background-image: url(assets/images/home-slider-arrow.png);
    background-position: right;
    background-repeat: no-repeat;
}

.home-textblock {
	width: 66.666%;
	padding-right: 20px;
	margin-top: 20px;
	font-size: 14px;
}
.home-textblock>div {
	background-color: #ecebeb;
	padding: 12px 10px;
}

.home-textblock strong {
	color: #000000;
}

.tabs {
	width: 100%;
	margin-top: 20px;
	border-bottom: 1px solid #eeeeee;
}

.tabs>div {
	float: left;
	padding: 4px 10px;
	border: 1px solid #eeeeee;
	border-left: none;
	border-bottom: none;
	margin-top: 2px;
	padding-top: 2px;
	cursor: pointer;
	position: relative;
}
.tabs>div.active {
	margin-top: 0px;
	padding-top: 4px;
	color: #ff3700;
}
.tabs>div>div {
	display: none;
	position: absolute;
	bottom: -1px;
	height: 1px;
	left: 0px;
	background-color: #ffffff;
	width: 100%;
	z-index: 1;
}

.tabs>div.active>div {
	display: block;
}

.tabs>div.home-clear-both {
	clear: both;
	height: auto;
	float: none;
	border: none;
	padding: 0px;
	margin: 0px;
}

.tabs-conatiner {
	padding: 10px 5px;
	font-size: 12px;
}

.tab {
	display: none;
}
.tab.active {
	display: block;
}

.tab>div {
	padding: 10px 0px;
}

.more-news {
	color: #ff3700;
	margin-top: 10px;
	display: inline-block;
}

.more-news:hover {
	color: #ff3700;
}

a.more-news:after {
	 content: "\00a0\00a0";
	 padding-left: 5px;
	 background-image: url(assets/images/home-slider-arrow.png);
	 background-position: right;
	 background-repeat: no-repeat;
}

.home-arrow {
	position: absolute;
	right: 0px;
	top: 20px;
	height: 12px;
	width: 7px;
	background-position: center;
	cursor: pointer;
}

#home-news-slider-next {
	background-image: url(assets/images/home-news-arrow-right.png);
	right: 0px;
}
#home-news-slider-prev {
	background-image: url(assets/images/home-news-arrow-left.png);
	right: 20px;
}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}

/*  SVGs Fallbacks */

.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}

.no-svg .dropdown-toggle {
	padding: 0.5em 0 0;
	right: 0;
	text-align: center;
	width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
	-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	-ms-transform: rotate(0); /* IE 9 */
	transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
	content: "\005E";
}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
	background: transparent;
	color: #222;
	height: auto;
	width: auto;
}

/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
	clip: auto;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	height: auto;
	position: relative !important; /* overrides previous !important styles */
	width: auto;
}

/* Main Navigation */
.js .menu-toggle,
.js .dropdown-toggle {
	display: none;
}

#menu-top-menu {
	line-height:30px;
	height:30px;
	position:relative;
	font-size:14px;
	color:#ffffff;
	background-color:#696969;
	margin-top: 20px;
}

#menu-top-menu img {
	width: 13px;
	height: 12px;
}

#menu-top-menu .menu-item {
	float:left;
}

#menu-top-menu .menu_right {
	float:right;
}

.main-navigation {
	width: auto;
}

.js .main-navigation ul,
.js .main-navigation ul ul,
.js .main-navigation > div > ul {
	display: block;
}

.main-navigation ul {
	background: transparent;
	padding: 0;
}

.main-navigation > div > ul {
	border: 0;
	margin-bottom: 0;
	padding: 0;
}

.main-navigation li {
	border: 0;
	display: inline-block;
}

.main-navigation li li {
	display: block;
}

.main-navigation a {
	padding: 1em 1.25em;
}

.main-navigation ul ul {
	background: #ff3700; 
	border: 1px solid #bbb;
	left: -999em;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 99999;
	width: 98%;
}

.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:before,
.main-navigation ul li.page_item_has_children:after {
	/*
	border-style: solid;
	border-width: 0 6px 6px;
	content: "";
	display: none;
	height: 0;
	position: absolute;
	right: 1em;
	bottom: -1px;
	width: 0;
	z-index: 100000;
	*/
}

.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
	display: block;
}

.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before {
	border-color: transparent transparent #bbb;
	bottom: 0;
}

.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
	border-color: transparent transparent #fff;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
	right: auto;
}

.main-navigation ul ul a {
	padding: 0.75em 1.25em;
	width: 16em;
}

.main-navigation li li {
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

.main-navigation li li:hover,
.main-navigation li li.focus {
	background: #767676;
}

.main-navigation li li a {
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

.main-navigation li li.focus > a,
.main-navigation li li:focus > a,
.main-navigation li li:hover > a,
.main-navigation li li a:hover,
.main-navigation li li a:focus,
.main-navigation li li.current_page_item a:hover,
.main-navigation li li.current-menu-item a:hover,
.main-navigation li li.current_page_item a:focus,
.main-navigation li li.current-menu-item a:focus {
	color: #fff;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: 0.5em;
	right: auto;
}

.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon {
	display: inline;
	left: 5px;
	position: relative;
	top: -1px;
}

.main-navigation ul ul .menu-item-has-children > a > .icon,
.main-navigation ul ul .page_item_has_children > a > .icon {
	margin-top: -9px;
	left: auto;
	position: absolute;
	right: 1em;
	top: 50%;
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(-90deg); /* IE 9 */
	transform: rotate(-90deg);
}

.main-navigation ul ul ul {
	left: -999em;
	margin-top: -1px;
	top: 0;
}

.main-navigation ul ul li.menu-item-has-children.focus:before,
.main-navigation ul ul li.menu-item-has-children:hover:before,
.main-navigation ul ul li.menu-item-has-children.focus:after,
.main-navigation ul ul li.menu-item-has-children:hover:after,
.main-navigation ul ul li.page_item_has_children.focus:before,
.main-navigation ul ul li.page_item_has_children:hover:before,
.main-navigation ul ul li.page_item_has_children.focus:after,
.main-navigation ul ul li.page_item_has_children:hover:after {
	display: none;
}

.site-header .site-navigation-fixed .menu-scroll-down {
	display: none;
}

/* Scroll down arrow */

.site-header .menu-scroll-down {
	display: block;
	padding: 1em;
	position: absolute;
	right: 0;
}

.site-header .menu-scroll-down .icon {
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(90deg); /* IE 9 */
	transform: rotate(90deg);
}

.site-header .menu-scroll-down {
	color: #fff;
	top: 2em;
}

.site-header .navigation-top .menu-scroll-down {
	color: #767676;
	top: 0.7em;
}

.menu-scroll-down:focus {
	outline: thin dotted;
}

.menu-scroll-down .icon {
	height: 18px;
	width: 18px;
}


/* Social Navigation */

.js .menu-toggle,
.js .dropdown-toggle {
	display: none;
}

.social-navigation {
	width: auto;
	float: left;
}
.social-navigation .wrap-custom-infos {
	position: absolute;
	top: 0;
	right: 20px;
	font-size: 12px;
}
.social-navigation ul{
	margin: 0;
	padding: 3px 0 0;
	list-style: none;
	display: inline-block;
}
.social-navigation ul li{
	display: inline-block;
	padding-right:10px;
}

.social-navigation ul li i {
	font-size: 20px;
	color: #ff3700;
}
.social-navigation ul li i:hover {
	color: #c0bfbf;
}


.js .social-navigation ul,
.js .social-navigation ul ul,
.js .social-navigation > div > ul {
	display: block;
}

.social-navigation ul {
	background: transparent;
	padding: 0;
}

.social-navigation > div > ul {
	border: 0;
	margin-bottom: 0;
	padding: 0;
}

.social-navigation li {
	border: 0;
	display: inline-block;
}

.social-navigation li li {
	display: block;
}

.social-navigation a {
	padding: 0;
}

.social-navigation ul ul {
	background: #fff;
	border: 1px solid #bbb;
	left: -999em;
	padding: 0;
	position: absolute;
	top: 100%;
	z-index: 99999;
}

.social-navigation ul li.menu-item-has-children:before,
.social-navigation ul li.menu-item-has-children:after,
.social-navigation ul li.page_item_has_children:before,
.social-navigation ul li.page_item_has_children:after {
	border-style: solid;
	border-width: 0 6px 6px;
	content: "";
	display: none;
	height: 0;
	position: absolute;
	right: 1em;
	bottom: -1px;
	width: 0;
	z-index: 100000;
}

.social-navigation ul li.menu-item-has-children.focus:before,
.social-navigation ul li.menu-item-has-children:hover:before,
.social-navigation ul li.menu-item-has-children.focus:after,
.social-navigation ul li.menu-item-has-children:hover:after,
.social-navigation ul li.page_item_has_children.focus:before,
.social-navigation ul li.page_item_has_children:hover:before,
.social-navigation ul li.page_item_has_children.focus:after,
.social-navigation ul li.page_item_has_children:hover:after {
	display: block;
}

.social-navigation ul li.menu-item-has-children:before,
.social-navigation ul li.page_item_has_children:before {
	border-color: transparent transparent #bbb;
	bottom: 0;
}

.social-navigation ul li.menu-item-has-children:after,
.social-navigation ul li.page_item_has_children:after {
	border-color: transparent transparent #fff;
}

.social-navigation ul ul li:hover > ul,
.social-navigation ul ul li.focus > ul {
	left: 100%;
	right: auto;
}

.social-navigation ul ul a {
	padding: 0.75em 1.25em;
	width: 16em;
}

.social-navigation li li {
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}

.social-navigation li li:hover,
.social-navigation li li.focus {
	background: #767676;
}

.social-navigation li li a {
	-webkit-transition: color 0.3s ease-in-out;
	transition: color 0.3s ease-in-out;
}

.social-navigation li li.focus > a,
.social-navigation li li:focus > a,
.social-navigation li li:hover > a,
.social-navigation li li a:hover,
.social-navigation li li a:focus,
.social-navigation li li.current_page_item a:hover,
.social-navigation li li.current-menu-item a:hover,
.social-navigation li li.current_page_item a:focus,
.social-navigation li li.current-menu-item a:focus {
	color: #fff;
}

.social-navigation ul li:hover > ul,
.social-navigation ul li.focus > ul {
	left: 0.5em;
	right: auto;
}

.social-navigation .menu-item-has-children > a > .icon,
.social-navigation .page_item_has_children > a > .icon {
	display: inline;
	left: 5px;
	position: relative;
	top: -1px;
}

.social-navigation ul ul .menu-item-has-children > a > .icon,
.social-navigation ul ul .page_item_has_children > a > .icon {
	margin-top: -9px;
	left: auto;
	position: absolute;
	right: 1em;
	top: 50%;
	-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(-90deg); /* IE 9 */
	transform: rotate(-90deg);
}

.social-navigation ul ul ul {
	left: -999em;
	margin-top: -1px;
	top: 0;
}

.social-navigation ul ul li.menu-item-has-children.focus:before,
.social-navigation ul ul li.menu-item-has-children:hover:before,
.social-navigation ul ul li.menu-item-has-children.focus:after,
.social-navigation ul ul li.menu-item-has-children:hover:after,
.social-navigation ul ul li.page_item_has_children.focus:before,
.social-navigation ul ul li.page_item_has_children:hover:before,
.social-navigation ul ul li.page_item_has_children.focus:after,
.social-navigation ul ul li.page_item_has_children:hover:after {
	display: none;
}

.site-footer {
	height:90px;
	background-color:#e5e5e6;
	/*
	width:100%;
	position:fixed !important;
	z-index:99;
	bottom:0px;
	*/
}




#menu-footer-menu {
	list-style: none;
	margin: 0;
	padding:0;
	padding-top:10px;
}
#menu-footer-menu .menu-item {
	font-size:12px;
	color:#c0bfbf;
	float:left;
	padding-right:25px;
	padding-top:10px;
}

table.metriccontent,
table.imperialcontent {
	border-spacing: 0 !important;s
}

.product_table th {
	color:#696969;
	font-size: 9px;
	font-family: Arial;
	font-weight: 300;
	border: 1px #ffffff solid;
}

table.metriccontent th,
table.imperialcontent th {
	border: 1px #ffffff solid;
}


.product_table td {
	color: #696969;
	font-size: 12px;
}

table.metriccontent td,
table.imperialcontent td {
	border: 1px #ffffff solid;
}

.product_table td.section {
	color:#ff3700;
	font-size: 12px;
	font-family: Arial;
	font-weight: 800;
}

.home-textblock .blockcontent{
	margin-right:6px;
}


.swiper-pagination-bullet-active{
	background:#ff3700 !important;
}


.w33{
	width:33%;
	float:left;
}
.w66{
	width:66%;
	float:left;
}

.home_block_img{
	height:130px;box-sizing: border-box;padding-right:15px;
}
.home_block_txt{
	padding-left:15px;
}

.hideindesktop_footer{
	display:none;
}

	.cataloglist{
		padding-left:20px;
	}
	.cataloglistwidth{
		width:120px;
	}

@media screen and (max-width: 860px) {
	.main-navigation a {
		padding: 0px 8px;
	}
}

	.hideindesktop{
		display:none;
	}


.gallery20{
	float:left;
	width:20%;
}

.display_table{
	display:table-cell;
}

.continent{
	width:100%;

}
.contentparent{
	float:left;width:33%;
}
.contactform{
	float:left;
	width:66%;
}

.table_w60{
	width:60%;
}

.hidesliderindesktop{
	display:none;
}

.template-aboutgrid{
	background-color:#ecebeb;
	height:195px;
}

@media screen and (max-width: 750px) {
	.hidesliderinmobile{
		display:none;
	}
	.hidesliderindesktop{
		display:inline;
	}
}

@media screen and (max-width: 1000px) {
	body{
		margin-left:10px;
		margin-right:10px;
	}
}

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

	body{
		margin-left:0px;
		margin-right:0px;
	}

	.template-aboutgrid{
		background-color:#ecebeb;
		height:auto;
	}
		.site-branding {
		text-align: left;
		padding-left: 20px;
	}
	.custom-logo {
		width: auto !important;
		height: 35px !important;
	}
	.cataloglist{
		padding-left:0px;
	}
	.cataloglistwidth{
		width:100%;
	}

	.table_w60{
		width:100%;
	}
	.contentparent{
		float:left;
		width:100%;
	}
	.contactform{
		margin-top:20px;
		float:left;
		width:100%;
	}
	.continent{
		float:left;
		width:50%;
		padding:5px;
		box-sizing: border-box;
		margin:0px;
	}
	.display_table{
		display:inline-block;
	}
	.gallery20{
		float:left;
		width:33%;
	}
	.removepaddingtop{
		padding-top:0px !important;
	}

	.paddingcontent{
		padding-left:20;
	}

	.w33{
		width:100%;
	}
	.w66{
		width:100%;
	}


	.home_block_img{
		height:130px;box-sizing: border-box;padding-right:0px;
	}
	.home_block_txt{
		padding-left:0px;
		padding-top:10px;
	}



	#masthead {
		border-bottom: 1px solid #ecebeb;
	}

	.hideinmobile{
		display:none;
	}
	.hideindesktop{
		display:inline;
	}

	.hideindesktoptable{
		display:table;
	}


	.hideindesktop_footer{
		display:block;
	}


	.w50{
		float:left;
		width:100%;
	}


	.textcontent{
		padding-left:10px;
		padding-right:10px;
	}

	.paddingcontent{
		padding-left:10px !important;
		padding-right:10px !important;
	}

	.contacttextblock{
		margin-left:0px;
	}
	.contactformmargin{
		margin-left:0px;
	}





	.site-header {
		height: auto;
	}
	.site-branding .wrap {
		padding: 0px;
	}
	.custom-logo-link {
		display: block;
		text-align: center;
	}
	.social-navigation {
		margin-top: 10px;
	}
	.social-navigation ul li {
		padding: 0px 5px;
	}
	.wrap-custom-infos>div {
		position: relative !important;
		right: auto !important;
		text-align: center;
	}
	.wrap-custom-infos>div>div {
		float: none !important;
		margin-top: 10px;
	}
	.wrap-custom-infos>div>div table {
    margin: 0 auto !important;
	}
	.searchinput {
		width: 140px;
	}
	.social-navigation {
		float: none;
	}
	.wrap-custom-infos>div>div>div {
		position: relative !important;
		top: 10px !important;
		left: auto !important;
	}
	#menu-top-menu {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0px;
		z-index: 1;
		margin: 0px;
		left: -100%;

		-webkit-transition: left .35s;
    -moz-transition: left .35s;
    transition: left .35s;
	}
	#menu-top-menu.open {
		left: 0px;
		padding-top: 32px;
	}
	.main-navigation a {
    padding: 0px 13px;
	}

	#menu-top-menu .menu-item {
    float: none;
    display: block;
	}
	#menu-top-menu .menu_right {
    float: none;
	}
	#menu_open {
		background-image: url(assets/images/menu_open.png);
		width: 20px;
		height: 20px;
		background-size: 20px 20px;
		position: absolute;
		left: 10px;
		top: 10px;
		z-index: 2;

		-webkit-transition: background-image .35s;
    -moz-transition: background-image .35s;
    transition: background-image .35s;
	}
	#menu_open.open {
		background-image: url(assets/images/menu_open_white.png);
	}

	.leftcontent {
		padding-right: 0px;
	}

	.swiper-slide>div{
		height:auto;
	}
	#home-news-slider-container {
		padding-bottom:30px;
		height: auto;
		overflow:auto;
	}
	.swiper-container{
/*		overflow:auto !important;*/
	}
	.swiper-pagination-bullet{
		margin-left:2px;
		margin-right:2px;
	}
	.swiper-pagination{
		bottom:-25px;
	}

	#home-news-slider-title {
/*		padding: 10px;*/
		box-sizing: border-box;
		margin-top: 0px;
	}

	.home-news-slide {
		/*
		position: relative !important;
		left: 0px !important;
		width: 100% !important;
		padding: 10px;
		*/
		padding-right:0px;
	}

	.home-textblock {
		width: 100%;
    padding-right: 0px;
    font-size: 14px;
    box-sizing: border-box;
		margin-top: 0px;
	}

	.home-textblock .blockcontent{
		margin-right:0px;
	}

	.floatright {
		display: none;
	}

	#home-news-slider{
		padding-right:10px;
		padding-left:10px;
	}

	#home-news-slider-next, #home-news-slider-prev {display: none;}

	#secondary {
		display: none;
	}
	.rightcontent {
		padding: 0px;
	}

	.leftcontent, .rightcontent .floatleft, .rightcontent .floatright {
		width: 100% !important;
		float: none !important;
		position: relative;
		padding: 0px !important;
	}
	.t-1-block {
		height: auto !important;
	}
	.t-1-block .floatleft {
		padding: 0px 10px !important;
	}
	.breadcrump {
		padding: 10px;
		padding-top:20px;
		padding-bottom:0px;
		line-height:16px;
	}
	.product {
		padding-right: 0px;
	}
	.product>div {
		width: 75% !important;
	}
	.product>div:first-child {
		width: 25% !important;
	}
	.product-container {
		padding-left: 10px !important;
		padding-right: 10px !important;
	}





	/* mobile - header */
	/* hide site-menu-icon */
	#menu_open {
		display: none;
	}

	/* plugin menu icon */
	button#responsive-menu-button {
		display: inline-block !important;
		width: 20px !important;
		height: 20px !important;
		background-color: transparent !important;
		margin-top: 12px !important;
		position: absolute !important;
	}
	body.logged-in button#responsive-menu-button {
		margin-top: 58px !important;
	}

	.responsive-menu-box {
		width: 20px !important;
	}
	.responsive-menu-inner, .responsive-menu-inner::before, .responsive-menu-inner::after {
		background-color: #ff3700 !important;
		width: 20px !important;
	}
	.responsive-menu-inner::before {
		top: -6px !important;
	}
	.responsive-menu-inner::after {
		bottom: -6px !important;
	}
	.responsive-menu-button.is-active .responsive-menu-inner::after {
		bottom: 0px !important;
	}


	.header {
		margin-bottom: 12px;
	}
	.site-branding {
		text-align: left;
		padding-left: 20px;
	}
	.custom-logo {
		padding-right: 10px;
	}
	.custom-logo-link, .navigation-social {
		display: inline-block;
	}
	.header-search-form, .social-navigation {
		display: none;
	}
	.wrap-custom-infos>div>div>div.site-header-title {
		top: 0 !important;
		text-align: left;
	}

	#menu-footer-menu{
		padding-left:20px !important;
		padding-right:80px !important;
	}
	#responsive-menu-container .responsive-menu-search-box{
		background-color:transparent !important;
		color:#ffffff !important;
	}

	.headertitle_top{
		font-size:16px;
	}
	.headertitle_bottom{
		font-size:12px;
	}

	.site-footer {
		height:auto;
	}

}

@media screen and (max-width: 640px) {
	.product{
		width: 100%;
	}
}

@media screen and (max-width: 500px) {
	.site-branding {
		text-align: left;
		padding-left: 20px;
	}
	.custom-logo {
		width: auto !important;
		height: 35px !important;
	}
}


.onlyprint{
	display:none;
}
@media print
{
	.nobreak{
        page-break-inside: avoid;
	}
	.noprint{
		display:none;
	}
	.onlyprint{
		display: inline;
	}
	.rightcontent{
		padding-left:0px !important;
	}
    .no-print, .no-print *
    {
        display: none !important;
    }
	.header-search-form{
		opacity:0;
	}
    .social-navigation,
    .navigation-top,
    #secondary,
    #colophon,
	.slidernavigatons
    {
        display: none !important;
    }
}



/* webinar alert box */
.alertify-notifier {
	color: #fff;
}
.alert-success {
	padding: 15px;
	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;
}
.alert-error {
	padding: 15px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;
}
.alert-info {
	padding: 15px;
	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;
}



.swiper-pagination-clickable .swiper-pagination-bullet{
	margin:0px 4px;
}

.swiper-button-disabled{
	opacity:0.5;
}




.table_scroll::-webkit-scrollbar {
  -webkit-appearance: none;
  height:3px;
  width:3px;
}
.table_scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #ff3700;
}

.table_scroll {
	position: relative;
	overflow: auto;
	white-space: nowrap;
}

.sticky-col {
	position: sticky;
	position: -webkit-sticky;
	background-color: white;
	left: 0;
	border-right: 2px #ffffff solid !important;
}

.sticky-col + th,
.sticky-col + td {
	border-left: 2px #f7f7f7 solid !important;
}

.metriccontent th:first-child,
.imperialcontent th:first-child,
.metriccontent td:first-child,
.imperialcontent td:first-child{
	border-left: 2px #f7f7f7 solid !important;
}

.small_text{
	font-size:11px;
}













table .grey{

}





/*	============================================	*/
/*	============================================	*/
/*	============================================	*/

.rightcontent table:not(.product_table){
	border-spacing: 2px;
}
.rightcontent table:not(.product_table) th{
	background-color:#f7f7f7;
	color:#000000;
	font-size:12px;
	font-weight:300;
	font-family:Arial;
	padding:3px;
	text-align: right;
}
.rightcontent table:not(.product_table) td{
	background-color:#f7f7f7;
	color:#696969;
	font-size:14px;
	font-weight:300;
	font-family:Arial;
	padding:3px;
	text-align: right;
}

.rightcontent table:not(.product_table) td:first-child{
	width:50px;
}

.product_table td{
	padding-right:20px !important;
}

.innercontent table td{
	background-color:inherit !important;
	padding:0px !important;
	text-align: left;
}


.innercontent table.type1{
	border-collapse: collapse;
}
.innercontent table.type1 thead td{
	border-right:0px solid #ffffff !important;
	border-left:0px solid #ffffff !important;
	border-top:1px solid #ff3700;
	border-bottom:1px solid #ff3700;
	background-color:#f7f7f7;
	color:#000000;
	font-size:12px;
	font-weight:300;
	font-family:Arial;
	padding:6px !important;
	padding-top:8px !important;
	padding-bottom:8px !important;
	text-align: right;
}

.innercontent table.type1 td{
	border:1px solid #ffffff;
	background-color:#f7f7f7 !important;
	color:#696969;
	font-size:14px;
	font-weight:300;
	font-family:Arial;
	padding:6px !important;
	text-align: right;
	min-width:50px;
	text-align:left;
}

.innercontent table.type1 td div{
	text-align:inherit !important;
	display:block;
}

/*	============================================	*/
/*	switcher	================================	*/
/*	============================================	*/


/* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #ff3700;
}

input:focus + .slider {
  box-shadow: 0 0 1px #ff3700;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.d-none {
	display: none;
}
@media screen and (min-width:769px) {
	.d-sm-none {
		display: none !important;
	}
}
@media screen and (max-width:768px) {
	.d-block {
		display: block !important;
	}
}