@import "https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800&display=swap";

html {
-moz-osx-font-smoothing:grayscale;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
font-weight:300
}

body {
margin:0;
-webkit-overflow-scrolling:touch;
font-family:Poppins;
line-height:200%;
letter-spacing:0;
background:#fff
}


span.socialicons span {
    margin: 0px 10px 0px 0px!important;
}
span.langicons span {
    margin: 0px 14px 0px 0px!important;
}


.engineer, .handmoney, .warrent, .welding-machine, .worldwide, 
.germany, .money, .united-kingdom, .socialicon1, .socialicon2, 
.socialicon3, .socialicon4, .socialicon5, .socialicon6
{ display: inline-block; background: url('/img/commentelements.png') no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.engineer { background-position: -2px -0px; width: 64px; height: 64px;float: left;
    margin: 0px 15px 0px 0px;  }
.handmoney { background-position: -2px -66px; width: 64px; height: 64px; margin: 10px 20px 0px 0px;    float: left;}
.warrent { background-position: -2px -132px; width: 64px; height: 64px; float: left;
    margin: 0px 15px 0px 0px; }
.welding-machine { background-position: -2px -198px; width: 64px; height: 64px; margin: 10px 20px 0px 0px;    float: left;}
.worldwide { background-position: -2px -264px; width: 64px; height: 64px; float: left;
    margin: 0px 15px 0px 0px;}
.germany { background-position: -2px -330px; width: 32px; height: 32px; }
.money {
    background-position: -2px -364px;
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 14px;
}
.united-kingdom { background-position: -2px -398px; width: 32px; height: 32px; }
.socialicon1 { background-position: -36px -330px; width: 27px; height: 27px; }
.socialicon2 { background-position: -36px -359px; width: 27px; height: 27px; }
.socialicon3 { background-position: -36px -388px; width: 27px; height: 27px; }
.socialicon4 { background-position: -36px -417px; width: 27px; height: 27px; }
.socialicon5 { background-position: -2px -432px; width: 27px; height: 27px; }
.socialicon6 { background-position: -31px -446px; width: 27px; height: 27px; }




.reasonwhy .welding-machine {
    margin: 0px 15px 0px 0px;
}

.drop2 .menusearchbymanu {
margin-left:-40px;
border-radius:0;
margin-top:20px
}

nav#mp-menu {
display:none
}

#topactions {
    width: 1180px;
    margin: 0 auto;
    background: #083a55;
    padding: 15px 60px 0;
    clear: both;
    display: table;
}

#topactions span {
color:#fff;
font-weight:300;
display:inline-flex;
line-height:150%;
padding:0;
margin-right:40px;
letter-spacing:.5px
}

.material-icons {
font-family:'Material Icons';
font-display:swap;
font-weight:400;
font-style:normal;
font-size:24px;
display:inline-block;
line-height:1;
text-transform:none;
letter-spacing:normal;
word-wrap:normal;
white-space:nowrap;
direction:ltr;
-webkit-font-smoothing:antialiased;
text-rendering:optimizeLegibility;
-moz-osx-font-smoothing:grayscale;
font-feature-settings:liga
}

#topactions i.material-icons {
margin-right:5px
}

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

span.adinsightNumber4034 {
margin:0!important
}

#topactions i.material-icons {
margin-right:5px
}

span.socialicons {
position:relative
}

img.socialicon {
margin-right:5px;
opacity:.4;
width:27px;
height:27px
}

span.langicons {
    margin-right: 0!important;
    MARGIN-LEFT: 50PX;
}

img.langicon {
margin-right:10px;
width:27px;
height:27px
}

.selltous {
    float: right;
    background: #3cb57e;
    padding: 20px 30px 25px 30px!important;
    height: 25px;
    margin-top: -14px;
    margin-right: -60px!important;
    font-weight: 400!important;
    font-size: 1.1em;
    display: block!important;
}

.selltous img {
float:left;
margin-right:17px;
width:initial;
margin-top:5px;
height:inherit
}

.selltoustext {
float:left;
display:table!important;
margin:0!important
}

.selltous p {
color:#fff;
padding:0;
margin:0;
margin-top:0;
line-height:170%;
text-align:center;
clear:both;
float:left
}

p.sellsmalltext {
font-size:11px!important;
letter-spacing:1px;
line-height:100%!important;
width:100%;
display:table
}

p {
font-size:.9em;
letter-spacing:.3px;
color:#333;
font-weight:400;
line-height:220%;
padding-top:0;
margin-top:0
}

.homepage #headerouter {
margin:0 auto;
z-index:100000000
}

#headerouter {
width:1300px;
margin:0 auto;
margin-bottom:0;
z-index:100000000;
position:relative;
background:#2482b5
}

#homepage #headerouter {
width:1300px;
margin:0 auto;
margin-bottom:0;
z-index:100000000;
position:relative;
background:0 0;
height:inherit
}

img.logo {
float:left;
padding:20px 0 15px 40px;
width:400px
}

.flex-container {
width:1200px;
margin:0 auto
}

img.moblogo {
display:none
}

i#phonemob {
display:none
}

i#emailmob {
display:none
}

i#quotebasket {
display:none
}

span.desktopsearch {
float:left;
margin-top:39px;
position:absolute;
margin-left:260px
}

input#desktopheadersearch {
padding-left:20px;
border:none;
width:250px;
font-weight:400;
height:55px;
border-bottom-right-radius:0;
border-top-right-radius:0;
font-size:.9em
}

.desktopsearch button.submitbutton {
width:70px;
border-radius:0;
font-size:.9em;
border:none;
height:57px;
padding:17px;
float:right;
background:#083a55;
color:#fff;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s
}

span.quotebasketbutton {
float:right;
margin-top:40px;
color:#fff;
display:table;
font-size:.9em;
border:2px solid #fff;
padding:10px 30px;
font-weight:400;
margin-right:45px;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s
}

span.quotebasketbutton .material-icons {
font-size:18px;
line-height:180%;
margin-right:7px;
vertical-align:middle;
color:#fff;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
float:left
}

span.quotebasketbutton:hover {
background:#39a6cf;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s
}

span.basketcount {
background:#083a55;
width:15px;
height:15px;
display:table;
text-align:center;
line-height:150%;
border-radius:30px;
font-size:10px;
margin-left:-15px;
margin-top:2px;
float:left;
position:relative
}


h2 {
    font-size: 1.8em;
    font-weight: 400;
    color: #404040;
    line-height: 160%;
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 0;
    letter-spacing: 0;
    margin-bottom: 10px;
}

p {
font-size:.9em;
letter-spacing:.3px;
color:#333;
font-weight:400;
line-height:220%;
padding-top:0;
margin-top:0
}
#navmenu {
width:100%;
background:#186995;
display:table;
margin-bottom:1px
}

#navmenu ul {
padding:0;
margin:0
}

#navmenu li {
float:left;
margin-right:0;
position:relative;
list-style-type:none;
text-align:center;
cursor:pointer
}
a.viewmorebrands {
    color: #ffffff!important;
    font-size: 13px!important;
    display: inline-block!important;
    float: right;
    line-height: 107%;
    width: 155px!important;
    text-align: center!important;
    padding: 10px 0px 10px 0!important;
    font-weight: 300!important;
    border: 1px solid #fff;
    border-radius: 40px;
}
#navmenu a {
color:#fff;
text-decoration:none;
font-size:15px;
font-weight:400;
padding:15px;
letter-spacing:.5px;
padding-right:29px;
padding-left:29px;
display:block
}

#navmenu a:hover {
color:#fff;
background:#083a55
}

.menusearchbymanu a {
display:inline!important
}

.menusearchbymanu a {
margin:3px 2px
}

#navmenu li:hover ul a {
text-decoration:none;
color:#525252;
font-size:.9em;
float:left
}

#navmenu li:hover ul {
left:0
}

.drop6 img.dropdownarrowup {
margin-top:-14px;
display:block;
margin-left:141px;
margin-bottom:0
}

a.first {
padding-top:19px!important;
padding-bottom:8px!important;
padding-left:50px!important;
padding-right:13px!important
}

#navmenu ul.drop6 {
position:absolute;
margin:0;
left:-9999px;
display:table;
MARGIN-LEFT:-87PX;
background:#fff;
width:1260px;
padding-top:0;
padding-left:20px;
padding-right:20px;
text-align:center;
padding-bottom:19px;
-webkit-box-shadow:0 27px 50px -30px #000;
-ms-box-shadow:0 27px 50px -30px #000;
box-shadow:0 27px 50px -30px #000
}

.drop6 .menusearchbymanu {
margin-left:-20px;
border:0 solid #fff
}

.menusearchbymanu {
clear:both;
background:#083a55;
margin-right:-20px;
position:initial;
margin-bottom:-20px;
display:table;
padding:20px
}

#navmenu .drop6 a {
font-weight:400;
display:block;
padding-bottom:0;
text-align:center;
border-right:0 solid #eee;
padding:0;
padding-left:0;
padding-right:0
}

.bg-ami {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -4910px -10px
}

.brandmenulogo {
    display: inline-block;
transform:scale(1);
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s
}

.bg-baileigh {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -10px -10px
}

.bg-boc {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -110px -10px
}

.bg-bode {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -210px -10px
}

.bg-bohler {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -310px -10px
}

.bg-britannia {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -410px -10px
}

.bg-british {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -510px -10px
}

.bg-bug {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -610px -10px
}

.bg-burny {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -710px -10px
}

.bg-esab {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -810px -10px
}

.bg-esprint {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -910px -10px
}

.bg-farley {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -1010px -10px
}

.bg-front {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -1110px -10px
}

.bg-gbc {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -1210px -10px
}

.bg-gullco {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -1310px -10px
}

.bg-gys {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -1410px -10px
}

.bg-hyper {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -1510px -10px
}

.bg-jetline {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -1610px -10px
}

.bg-kemperlogo {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -1710px -10px
}

.bg-kemppi {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -1810px -10px
}

.bg-koike {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -1910px -10px
}

.bg-lincoln {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -2010px -10px
}

.bg-lorchlogo {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -2110px -10px
}

.bg-magnalogo {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -2210px -10px
}

.bg-messer {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -2310px -10px
}

.bg-migalogo {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -2410px -10px
}

.bg-miller {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -2510px -10px
}

.bg-nederman {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -2610px -10px
}

.bg-nleson {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -2710px -10px
}

.bg-orbit {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -2810px -10px
}

.bg-orbiteclogo {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -2910px -10px
}

.bg-polysould {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -3010px -10px
}

.bg-proarc {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -3110px -10px
}

.bg-saffro {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -3210px -10px
}

.bg-sciaky {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -3310px -10px
}

.bg-sciakylogo {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -3410px -10px
}

.bg-stork {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -3510px -10px
}

.bg-t {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -3610px -10px
}

.bg-swag {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -3710px -10px
}

.bg-tecna_logo {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -3810px -10px
}

.bg-thermal {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -3910px -10px
}

.bg-thermalarclogo {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -4010px -10px
}

.bg-uburdi {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -4110px -10px
}

.bg-victor {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -4210px -10px
}

.bg-wachslogo {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -4310px -10px
}

.bg-aandn {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -4410px -10px
}

.bg-abb {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -4510px -10px
}

.bg-acs {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -4610px -10px
}

.bg-aec {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -4710px -10px
}

.bg-airliq {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -4810px -10px
}

.bg-ami {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -4910px -10px
}

.bg-arcair {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -5010px -10px
}

.bg-arcgen {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -5110px -10px
}

.bg-aronson {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -5210px -10px
}

.bg-axxair {
width:80px;
height:38px;
background:url(/img/brandsprite2024.png) -5310px -10px
}

#navmenu ul.drop2 {
position:absolute;
margin:0;
left:-9999px;
display:table;
MARGIN-LEFT:-265PX;
background:#fff;
width:1241px;
padding-top:20px;
border-radius:0;
padding-left:40px;
padding-right:20px;
text-align:center;
padding-bottom:20px;
-webkit-box-shadow:0 27px 50px -30px #000;
-ms-box-shadow:0 27px 50px -30px #000;
box-shadow:0 27px 50px -30px #000
}

#navmenu .drop2 a {
font-weight:400;
display:block;
text-align:left;
padding:0;
width:248px
}

ul.drop1 li a,ul.drop2 li a,ul.drop3 li a,ul.drop4 li a,ul.drop5 li a,ul.drop6 li a {
background:0 0!important
}

#navmenu ul.drop3 {
position:absolute;
margin:0;
left:-9999px;
display:table;
MARGIN-LEFT:-434PX;
background:#fff;
width:1260px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
text-align:center;
-webkit-box-shadow:0 27px 50px -30px #000;
-ms-box-shadow:0 27px 50px -30px #000;
box-shadow:0 27px 50px -30px #000
}

#navmenu .drop3 a {
font-weight:400;
display:block;
padding-bottom:0;
text-align:center;
border-right:1px solid #eee;
padding:0;
padding-left:43px;
padding-right:43px
}

#hiredropbar {
width:1300px;
background:#083a55;
display:inline-block;
margin-left:-20px;
padding:20px 0 13px;
margin-bottom:-31px;
margin-right:-20px;
margin-top:20px;
clear:both;
color:#fff
}

#hiredropbar h2 {
text-transform:uppercase;
width:250px;
letter-spacing:1px;
color:#60d0fa;
font-weight:600;
padding-left:40px;
font-size:30px;
text-align:left;
line-height:108%;
padding-top:8px;
float:left;
margin-right:30px
}

#hiredropbar p {
color:#99afb8;
width:310px;
line-height:170%;
margin-top:8px;
float:left;
font-size:12px;
text-align:left
}

span.hirepoint {
float:left;
font-size:13px;
margin-left:20px;
letter-spacing:1px;
margin-top:22px;
font-weight:500;
text-transform:uppercase
}

#navmenu ul.drop5 {
position:absolute;
margin:0;
left:-9999px;
display:table;
MARGIN-LEFT:-630PX;
background:#fff;
width:1261px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
text-align:center;
-webkit-box-shadow:0 27px 50px -30px #000;
-ms-box-shadow:0 27px 50px -30px #000;
box-shadow:0 27px 50px -30px #000
}

#navmenu .drop5 a {
font-weight:400;
display:block;
padding-bottom:0;
text-align:center;
border-right:1px solid #eee;
padding:0;
padding-left:23px;
padding-right:22px
}

#navmenu ul.drop1 {
position:absolute;
margin:0;
left:-9999px;
display:table;
MARGIN-LEFT:-787PX;
background:#fff;
width:1260px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
text-align:center;
-webkit-box-shadow:0 27px 50px -30px #000;
-ms-box-shadow:0 27px 50px -30px #000;
box-shadow:0 27px 50px -30px #000
}

#navmenu .drop1 a {
font-weight:400;
display:block;
padding-bottom:0;
text-align:center;
border-right:1px solid #eee;
padding:0;
padding-left:36px;
padding-right:37px
}

#navmenu ul.drop4 {
position:absolute;
margin:0;
left:-9999px;
display:table;
MARGIN-LEFT:-916PX;
background:#fff;
width:1260px;
padding-top:20px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
text-align:center;
-webkit-box-shadow:0 27px 50px -30px #000;
-ms-box-shadow:0 27px 50px -30px #000;
box-shadow:0 27px 50px -30px #000
}

#navmenu .drop4 a {
font-weight:400;
display:block;
padding-bottom:0;
text-align:center;
border-right:1px solid #eee;
padding:0;
padding-left:37px;
padding-right:37px
}

li.sellmainmenu a {
font-weight:500!important;
color:#fff!important;
border-left:1px solid #4f93ac
}

#highlightsbardesktop {
background:#f7f7f7;
display:table;
width:100%;
border-bottom:1px solid #eee;
padding:7px 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

#highlightsbardesktop a {
padding:0
}

#highlightsbardesktop span {
font-size:13px;
letter-spacing:.6px;
display:flex;
align-items:center;
width:20%;
float:left;
text-align:center;
justify-content:center;
color:#4d4d4d;
font-weight:300
}

#highlightsbardesktop img {
height:25px;
margin-right:7px
}

#heroslider {
width:1300px;
margin:0 auto;
height:710px;
position:relative
}

.unslider {
position:absolute;
width:100%
}

img.socialicon:hover {
margin-right:5px;
opacity:1
}

.unslider-nav ol li.unslider-active {
background:#fff;
cursor:default
}

.unslider-wrap.unslider-carousel li {
float:left
}

.unslider-vertical>ul {
height:100%
}

.unslider-vertical li {
float:none;
width:100%
}

.unslider-fade {
position:relative
}

.banner1 {
height:762px;
width:100%
}

.unslider-fade .unslider-wrap li.unslider-active {
z-index:10
}

.unslider-fade .unslider-wrap li {
position:absolute;
left:0;
top:0;
right:0;
z-index:8
}

.unslider li {
list-style:none;
margin:0;
padding:0;
border:none
}

#hero3 {
background-position:top center;
height:762px
}

video.slidervideo {
width:100%;
position:absolute
}

.slideoverlay {
position:relative;
background-position:top center;
height:inherit;
padding:170px 680px 0 100px;
background:linear-gradient(#ffffff00,#033a69db 50%)
}

.slideoverlay h1, .slideoverlay h2 {
    text-shadow: 0px 0px 20px #000;
    color: #fff;
    font-size: 3em;
    line-height: 110%;
    font-weight: 700;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
}

h2 {
font-size:2em;
font-weight:400;
color:#2c2c2c;
line-height:160%;
padding-top:0;
margin-top:0;
padding-bottom:0;
letter-spacing:0;
margin-bottom:10px
}



.slideoverlay a {
color:#fff;
border:2px solid #fff;
clear:both;
font-size:1em;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
padding:12px 40px;
text-transform:uppercase;
letter-spacing:1px;
display:table;
font-weight:400!important;
text-decoration:none
}

img.familycorner {
position:absolute;
z-index:10;
width:270px
}

p.or {
padding:45px 30px!important;
margin:0!important
}


#ctl00_ctl00_ctl00_ContentArea_FormArea_MainContent_pnlForm {
margin-bottom:30px
}

input#ctl00_ctl00_ctl00_ContentArea_FormArea_MainContent_chkNewsletter {
width:30px;
height:30px;
float:left;
margin-right:10px;
margin-bottom:30px
}

#hero1 {
background-position:top center;
height:762px
}

#hero2 {
background-position:top center;
height:762px
}

#hero3 {
background-position:top center;
height:762px
}

#hero4 {
background-position:top center;
height:762px
}

.slideoverlay {
position:relative;
background-position:top center;
height:inherit;
padding:170px 680px 0 100px;
background:linear-gradient(#ffffff00,#033a69db 50%)
}

#herovideo h2 {
font-size:3.5em;
width:80%;
margin:0 auto;
TEXT-SHADOW:0 0 20PX #000
}

#herovideo p {
font-size:2em;
font-weight:600;
line-height:60%;
TEXT-SHADOW:0 0 20PX #000
}

.menubox1 {
background:#42b1ec;
padding:15px 20px 15px 30px;
width:300px;
float:left;
text-align:center;
transition:transform .2s;
transform:scale(1)
}

.menubox1:hover,.menubox2:hover {
transform:scale(1.1);
transition:transform .2s
}

#slideherobuttons {
margin:0 auto;
display:inline-flex;
margin-top:20px
}

.menubox2 {
background:#3cb57e;
padding:15px 20px 15px 30px;
width:300px;
float:left;
text-align:center;
transition:transform .2s;
transform:scale(1)
}

.menubox1 img,.menubox2 img {
margin-bottom:0;
width:76px;
margin-top:6px;
DISPLAY:flex;
margin-right:20px;
float:left
}

.menubox1 p,.menubox2 p {
font-size:16px!important;
text-align:left!important;
padding:0!important;
line-height:147%!important;
margin-bottom:5px!important;
text-transform:initial;
text-shadow:none!important;
font-weight:500!important
}

.menubox1 h2,.menubox2 h2 {
font-size:30px!important;
text-transform:initial!important;
color:#fff!important;
line-height:125%!important;
font-weight:600!important;
text-align:left;
width:100%!important;
padding-bottom:0!important;
text-shadow:none!important
}

#hero1 {
background-position:top center;
height:762px
}

#hero2 {
background-position:top center;
height:762px
}

#herovideo {
background-position:top center;
height:762px;
background-size:contain
}

.unslider-arrow.next {
left:auto;
right:0;
text-align:right
}

.unslider-arrow {
position:absolute;
top:50%;
z-index:1000;
font-size:2em;
visibility:hidden
}

.unslider-nav {
position:absolute;
right:0;
top:660px;
z-index:1000;
float:right;
margin-right:40px;
text-align:right
}

.unslider-nav ol {
list-style:none;
text-align:center;
padding:0
}

.unslider-nav ol li {
display:inline-block;
width:16px;
height:16px;
margin:0 4px;
background:0 0;
border-radius:25px;
overflow:hidden;
text-indent:-999em;
border:2px solid #fff;
cursor:pointer
}

.unslider-arrow {
position:absolute;
left:30px;
z-index:100000;
cursor:pointer;
font-size:40px;
font-weight:900;
color:#fff
}

.unslider-nav ol li.unslider-active {
background:#fff;
cursor:default
}

#homepagesearch {
background-image:url(/img/darkcurvebg.png);
padding:150px 0 0;
height:120px;
margin:0 auto;
margin-top:-85px;
width:1300px;
text-align:center;
z-index:100;
position:relative
}

#maincontainer-withsidebar a {
text-decoration:none;
font-weight:500;
color:#23a6ee
}

#maincontainer a {
font-weight:400;
color:#6eb2cc;
text-decoration:none
}

#homepagesearch h2 {
color:#787878;
text-transform:uppercase;
font-weight:400;
letter-spacing:2px;
padding:0;
margin-bottom:13px;
display:none
}

.searchtitle h2 {
padding:0;
margin:0;
color:#fff;
font-size:1.9em;
line-height:120%
}


#herovideo .slideoverlay {
padding:240px 0 0;
text-align:center
}

.slideoverlay p {
    color: #fff;
    font-size: 1.1em;
    line-height: 180%;
    font-weight: 400;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
    margin-bottom: 16px;
    text-shadow: 0px 0px 20px #000;
}

.slideoverlay a:hover {
background:#00000029
}

.searchtitle {
float:left;
padding-left:100px;
margin:0;
margin-top:7px
}

#homepagesearch h3 {
font-size:1.8em;
font-weight:300;
color:#fff;
line-height:100%;
padding-top:0;
margin-top:0
}

.searchtitle p {
color:#fff;
font-size:.8em;
margin:0;
padding:0;
font-weight:200;
letter-spacing:1px
}

.searchbar {
padding:0 100px 0 0
}

input#widesearchkeywords {
padding-left:25px;
border:none;
font-weight:300;
width:500px;
border-radius:5px;
border-bottom-right-radius:0;
border-top-right-radius:0;
font-size:1.5em;
height:70px
}

button.submitbutton {
border-radius:5px;
border-bottom-left-radius:0;
border-top-left-radius:0;
font-size:1.5em;
border:none;
margin:0;
background:#3cb57e;
height:72px;
color:#fff;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
padding:0 30px
}

button.submitbutton:hover {
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
background:#39a6cf
}

#whybuyfromus {
padding:50px 0;
margin:0 auto;
margin-top:0;
width:1300px;
text-align:center;
background:#2482b5
}

#whybuyfromus h2 {
color:#fff;
font-weight:500;
letter-spacing:.5px;
padding:0;
margin-bottom:15px
}

.reasonwhy {
    width: 21%;
    display: inline-block;
    margin: 0 10px;
}

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

.bg-weldingicon {
width:56px;
height:56px;
background:url(/img/css_sprites.png) -1038px -228px;
margin-right:10px;
margin-top:5px;
float:left
}

.bg-weldingicon {
width:56px;
height:56px;
background:url(/img/css_sprites.png) -1038px -228px;
margin-right:10px;
margin-top:5px;
float:left
}

.bg-worldicon {
width:56px;
height:56px;
background:url(/img/css_sprites.png) -1114px -228px;
margin-right:10px;
margin-top:5px;
float:left
/* transform: scale(0.6); */
}

.bg-guaranteeicon {
width:56px;
height:56px;
background:url(/img/css_sprites.png)-1114px -152px;
margin-right:10px;
margin-top:5px;
float:left
}

.bg-egineericon {
width:56px;
height:56px;
background:url(/img/css_sprites.png) -1038px -152px;
margin-right:10px;
margin-top:5px;
float:left
}

#whybuyintro {
column-count:2;
width:93%;
margin:0 auto;
margin-top:30px
}

#whybuyintro h2 {
text-align:left;
margin:0;
color:#fff;
font-weight:500;
padding:0;
text-transform:none;
letter-spacing:0;
line-height:130%;
font-size:1.5em;
padding-bottom:16px
}

#whybuyintro p {
color:#fff;
width:100%;
margin:0 auto;
text-align:left;
margin-bottom:15px
}

a.smallbutton {
text-align:center;
font-size:15px;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
color:#fff!important;
border:1px solid #00b67a;
padding:10px 40px;
text-transform:capitalize;
letter-spacing:.5px;
display:table;
font-weight:400!important;
border-radius:0;
text-decoration:none;
background:#00b67a
}

#whybuyfromus a.smallbutton {
text-decoration:none;
border:0 solid #3cb57e;
text-transform:uppercase;
background:0 0;
clear:both;
border-radius:0;
margin-top:-10px;
display:inline-block;
background:#3cb57e;
color:#fff!important
}

#navmenu li:hover ul li a:hover {
color:#197c9f
}

video.slidervideo {
width:100%;
position:absolute
}
div#herovideo div#slideherobuttons a {
    border: none!important;
}

#herovideo .slideoverlay a {
    padding: 0;
    display: block;
    border: none;
}
#whybuyfromus h2 {
color:#fff;
font-weight:500;
letter-spacing:.5px;
padding:0;
margin-bottom:15px
}

h3 {
margin-bottom:0;
color:#333;
font-size:1.3em;
line-height:190%;
font-weight:400;
letter-spacing:0;
padding:0;
margin:0;
padding-bottom:10px
}

h4 {
color:#2482b5;
font-size:1.3em;
line-height:180%;
font-weight:500;
letter-spacing:0;
padding:0;
margin:0;
padding-bottom:5px;
margin-top:20px
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; }
    #cboxTopRight{width:21px; height:21px; }
    #cboxBottomLeft{width:21px; height:21px; }
    #cboxBottomRight{width:21px; height:21px; }
    #cboxMiddleLeft{width:21px; }
    #cboxMiddleRight{width:21px; }
    #cboxTopCenter{height:21px; }
    #cboxBottomCenter{height:21px; }
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
    

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px;  width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxClose{position:absolute; bottom:0; right:0;  width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}





























@media (max-width:670px) {
/*------------------- START MOBILE CSS -----------------*/

@font-face {
font-family:'linecons';
src:url(../fonts/linecons/linecons.eot);
src:url(../fonts/linecons/linecons.eot?#iefix) format("embedded-opentype"),url(../fonts/linecons/linecons.woff) format("woff"),url(../fonts/linecons/linecons.ttf) format("truetype"),url(../fonts/linecons/linecons.svg#linecons) format("svg");
font-weight:400;
font-style:normal;
font-display:swap
}

.icon:before {
font-family:'linecons';
speak:none;
font-style:normal;
font-weight:400;
font-variant:normal;
text-transform:none;
line-height:1;
display:inline-block;
margin-right:.6em;
-webkit-font-smoothing:antialiased
}h2 {
font-size:1.2em
}


.icon-female:before {
content:"\f182"
}

.icon-male:before {
content:"\f183"
}

.icon-arrow-left:before {
content:"\e032"
}

.icon-arrow-left-2:before {
content:"\e034"
}

.icon-arrow-left-3:before {
content:"\e036"
}

.icon-arrow-left-4:before {
content:"\e038"
}

.icon-arrow-right:before {
content:"\e035"
}

.icon-arrow-right-2:before {
content:"\e037"
}

.icon-arrow-right-3:before {
content:"\e039"
}

.icon-arrow-right-4:before {
content:"\e033"
}

.icon-phone:before {
content:"\e000"
}

.icon-news:before {
content:"\e001"
}

.icon-photo:before {
content:"\e002"
}

.icon-shop:before {
content:"\e003"
}

.icon-wallet:before {
content:"\e004"
}

.icon-t-shirt:before {
content:"\e005"
}

.icon-heart:before {
content:"\e006"
}

.icon-cloud:before {
content:"\e007"
}

.icon-display:before {
content:"\e008"
}

.icon-diamond:before {
content:"\e009"
}

.icon-banknote:before {
content:"\e00a"
}

.icon-data:before {
content:"\e00b"
}

.icon-music:before {
content:"\e00c"
}

.icon-location:before {
content:"\e00d"
}

.icon-star:before {
content:"\e00e"
}

.icon-tv:before {
content:"\e00f"
}

.icon-eye:before {
content:"\e010"
}

.icon-megaphone:before {
content:"\e011"
}

.icon-study:before {
content:"\e012"
}

.icon-bubble:before {
content:"\e013"
}

.icon-sound:before {
content:"\e014"
}

.icon-video:before {
content:"\e015"
}

.icon-stack:before {
content:"\e016"
}

.icon-lab:before {
content:"\e017"
}

.icon-food:before {
content:"\e018"
}

.icon-cup:before {
content:"\e019"
}

.icon-trash:before {
content:"\e01a"
}

.icon-user:before {
content:"\e01b"
}

.icon-key:before {
content:"\e01c"
}

.icon-fire:before {
content:"\e01d"
}

.icon-clip:before {
content:"\e01e"
}

.icon-mail:before {
content:"\e01f"
}

.icon-search:before {
content:"\e020"
}

.icon-settings:before {
content:"\e021"
}

.icon-like:before {
content:"\e022"
}

.icon-calendar:before {
content:"\e023"
}

.icon-camera:before {
content:"\e024"
}

.icon-tag:before {
content:"\e025"
}

.icon-note:before {
content:"\e026"
}

.icon-clock:before {
content:"\e027"
}

.icon-lock:before {
content:"\e028"
}

.icon-vynil:before {
content:"\e029"
}

.icon-truck:before {
content:"\e02a"
}

.icon-paperplane:before {
content:"\e02b"
}

.icon-bulb:before {
content:"\e02c"
}

.icon-pen:before {
content:"\e02d"
}

.icon-params:before {
content:"\e02e"
}

.icon-world:before {
}

*,:after,::before {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box
}

html,body,.container,.scroller {
height:100%
}

.scroller {
overflow-y:scroll
}

.scroller,.scroller-inner {
position:relative
}

.container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.menu-trigger {
position:absolute;
padding:23px;
margin:24px 0 0 20PX;
z-index:10000000000
}

.menu-trigger:before {
content:'';
position:absolute;
top:0;
left:0;
width:30px;
height:3px;
background:#fff;
box-shadow:0 4px transparent,0 11px #ffffff,0 19px transparent,0 23px #fff
}

.mp-pusher {
position:relative;
left:0;
height:100%;
perspective:1000px
}

a#trigger:hover {
}

.mp-menu {
position:absolute;
top:0;
left:0;
z-index:1;
width:300px;
height:100%;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}

.mp-level {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#fff;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,.mp-level::after,.mp-level::before {
content:'';
position:absolute;
top:0;
right:0;
width:0;
height:0;
opacity:0
}

.mp-pusher::after,.mp-level::after {
background:rgba(0,0,0,0.3);
-webkit-transition:opacity 0.3s,width .1s 0.3s,height .1s .3s;
transition:opacity 0.3s,width .1s 0.3s,height .1s .3s;
z-index:1000000
}

.mp-level::after {
z-index:-1
}

.mp-pusher.mp-pushed::after,.mp-level.mp-level-overlay::after {
width:100%;
height:100%;
opacity:1;
-webkit-transition:opacity .3s;
transition:opacity .3s
}

.mp-level.mp-level-overlay {
cursor:pointer
}

.mp-level.mp-level-overlay.mp-level::before {
width:100%;
height:100%;
background:transparent;
opacity:1
}

.mp-pusher,.mp-level {
-webkit-transition:-webkit-transform .5s;
transition:transform .5s
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
box-shadow:1px 0 2px rgba(0,0,0,0.2);
-webkit-transform:translate3d(-40px,0,0);
transform:translate3d(-40px,0,0)
}

/* First level */
.mp-menu > .mp-level,.mp-menu > .mp-level.mp-level-open,.mp-menu.mp-overlap > .mp-level,.mp-menu.mp-overlap > .mp-level.mp-level-open {
box-shadow:none;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

/* cover */
.mp-cover .mp-level.mp-level-open {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
overflow:auto
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}

/* content style */
.mp-menu ul {
margin:0;
padding:0;
list-style:none
}

.mp-menu h2 {
margin:0;
padding:1em;
color:rgba(0,0,0,0.4);
text-shadow:0 0 1px rgba(0,0,0,0.1);
font-weight:300;
font-size:2em
}

.mp-menu.mp-overlap h2::before {
position:absolute;
top:0;
right:0;
margin-right:8px;
font-size:75%;
line-height:1.8;
opacity:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transition:opacity 0.3s,-webkit-transform .1s .3s;
transition:opacity 0.3s,transform .1s .3s
}

.mp-menu.mp-cover h2 {
text-transform:uppercase;
letter-spacing:0;
font-weight:700;
color:#444;
font-size:1em;
line-height:160%;
font-weight:500;
padding:0;
text-align:left
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition:-webkit-transform 0.3s,opacity .3s;
transition:transform 0.3s,opacity .3s
}

.mp-menu ul li::before {
position:absolute;
left:13px;
z-index:-1;
color:#fff;
line-height:3.6
}

.mp-level > ul > li:first-child > a {
}

.mp-menu ul li a:hover,.mp-level > ul > li:first-child > a:hover {
background:rgba(0,0,0,0.2);
box-shadow:inset 0 -1px rgba(0,0,0,0)
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,.mp-level.mp-level-overlay > ul > li:first-child > a {
box-shadow:inset 0 -1px rgba(0,0,0,0)
}

.mp-level > ul > li:first-child > a:hover,.mp-level.mp-level-overlay > ul > li:first-child > a {
box-shadow:inset 0 -1px rgba(0,0,0,0),inset 0 1px rgba(0,0,0,0)
}

/* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */
.mp-back {
position:relative;
display:block;
padding:10px 20px;
outline:none;
background:#42b1ec!important;
box-shadow:inset 0 1px #000;
color:#fff;
text-transform:uppercase;
letter-spacing:1px;
font-weight:400;
color:#fff!important;
font-size:1em;
margin-bottom:0;
-webkit-transition:background .3s;
transition:background .3s
}

.mp-back::after {
content:"\e037";
position:absolute;
right:10px;
color:#fff;
font-size:1.3em;
font-family:'linecons';
line-height:.8;
top:18px
}

nav#mp-menu li {
display:block;
padding:3px 30px;
outline:none;
letter-spacing:.5px;
transition:background 0.3s,box-shadow .3s;
text-decoration:none;
font-weight:400;
border-bottom:1px solid #eee;
text-decoration:none;
font-size:17px
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
background:transparent;
box-shadow:none;
color:transparent
}

div.searchtitle h2 {
font-size:1.5em
}

div.slideoverlay p {
color:#fff;
font-size:12px;
line-height:180%;
font-weight:300;
letter-spacing:0;
padding:0;
margin:0;
overflow:hidden;
margin-bottom:10px
}

div#menusearch {
background:#fff;
clear:both;
display:table;
width:100%;
padding-bottom:0;
padding-top:0
}

div#menusearch p {
color:#6b6b6b;
display:none
}

div#menusearch .searchbar {
padding:0;
WIDTH:100%
}

input#mobileheadersearch {
padding:9px;
width:80%;
height:50px;
font-size:13px;
border-bottom:0 solid #d8d8d8;
border-top:0 solid #dedede;
border-radius:0;
float:left;
background:#fff;
border-left:0;
border-right:0
}

div#menusearch button.submitbutton {
padding:0;
width:20%;
float:left;
height:50px;
border:none;
BACKGROUND:#313131;
border-radius:0;
font-size:16px
}

.phonemenu {
background:#fafafa;
clear:both;
display:block;
color:#5a5a5a;
text-align:left;
font-size:1.22em;
padding:20px 10px 20px 30px;
border-bottom:0 solid #4e616f
}

.phonemenu a {
color:#3cb57e!important;
font-size:1em!important
}
.trustpilot {
background:#000032;
clear:both;
display:block;
color:#fff;
text-align:center;
font-size:1.22em;
padding:20px 0
}

.register {
background:#2b3f4e;
clear:both;
display:block;
color:#fff;
text-align:center;
font-size:1.22em;
padding:20px 0
}

.phonemenu h2 {
font-size:1.3em;
color:#fff;
margin:0;
line-height:100%
}

.socialicons {
background:#2482b5;
clear:both;
display:block;
width:100%;
text-align:center;
font-size:1.22em;
padding:10px 0
}

/* Style the collapsible content. Note: hidden by default */
#mp-menu .content {
padding:0;
display:none;
overflow:hidden;
background-color:#fff
}

#mp-menu .collapsible {
background-color:transparent;
cursor:pointer;
padding:0;
width:100%;
border:none;
text-align:left;
outline:none;
border-bottom:1px solid #dfdfdf
}

.trustpilot img {
width:190px;
margin:0
}

.register p {
line-height:170%!important
}

.socialicons img.socialicon {
margin-right:5px;
opacity:1.4
}

img.trustpiloticonstars {
width:130px;
clear:both;
display:block;
margin:0 auto;
margin-top:10px;
margin-bottom:8px
}

div.searchtitle h3 {
display:block!important;
margin-top:0!important;
font-size:1.6em!important;
text-align:center
}

div.searchtitle {
float:none;
padding:0;
margin-top:0;
text-align:center;
margin:0 auto
}

.searchtitle p {
color:#fff;
font-size:.7em;
margin:0;
padding:0;
letter-spacing:1px
}

div.searchbar {
padding:0;
margin:0 auto;
display:table;
width:80%
}

div.searchbar input#search {
padding:17px 20px;
border:none;
width:60%;
border-radius:60px;
border-bottom-right-radius:0;
border-top-right-radius:0;
font-family:Montserrat;
font-size:1em
}
#mp-menu h3 {
color:#393939;
padding:13px;
font-size:1.2em;
padding-left:30px;
letter-spacing:.4px;
font-weight:500;
background:#fafafa;
clear:both;
line-height:130%;
margin:0
}

button.collapsible.active h3 {
background:#2482b5!important;
color:#fff!important
}

#mp-menu a {
text-decoration:none;
color:#000;
font-size:.8em
}

nav#mp-menu li {
display:block;
padding:1px 20px;
outline:none;
letter-spacing:.4px;
transition:background 0.3s,box-shadow .3s;
text-decoration:none;
color:#3a3a3a;
font-weight:300;
border-bottom:1px solid #eee;
text-decoration:none
}
.mobilelang {
background:#fff;
display:inline-block;
padding:16px 17px;
text-align:center;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:100%
}

.mobilelang i.material-icons {
color:#5c5c5c;
float:left;
font-size:1.4em;
margin-right:6px;
vertical-align:middle;
margin-top:6px
}

.mobilelang p {
float:left;
line-height:270%;
margin:0
}

.mobilelang select {
margin-left:10px;
border-radius:23px;
border:none;
padding:5px 15px;
font-size:.8em;
margin-top:0;
border:1px solid #a3a3a3;
width:100%;
padding:9px;
margin:0 auto
}

nav#mp-menu .mobilelang p {
padding:0;
line-height:245%;
color:#5a5a5a;
font-weight:400;
font-size:.9em
}

nav#mp-menu .mobilelang select {
margin-top:-2px;
border:1px solid #a3a3a3;
width:100%;
padding:9px;
margin:0 auto
}

img.menuvideoicon {
width:20px;
float:left;
margin-top:6px;
margin-right:7px
}button.collapsible .material-icons {
font-weight:100;
margin-top:0;
display:table;
float:right;
margin-right:10px;
font-size:25px
}
a.submenutop {
color:#fff!important;
font-size:1.1em!important;
text-transform:uppercase;
padding:5px 18px;
letter-spacing:1px;
font-weight:100;
background:#3cb57e;
display:block;
border-right:10px solid #7bcca7
}

li.icon.icon-arrow-left {
padding:0!important
}

.menubox1 {
width:50%;
float:left
}

.menubox1 p,.menubox2 p {
line-height:140%!important;
color:#fff!important;
font-size:.9em!important
}

.menubox1 img {
margin-bottom:0;
width:100%;
margin-top:0;
DISPLAY:flex
}

.menubox2 {
width:50%;
float:left;
border-bottom:1px solid #fff
}

.phonemenu i.material-icons {
float:left;
margin-right:10px;
font-size:33px;
margin-top:10px
}

.menubox2 img {
margin-bottom:0;
width:100%;
margin-top:0;
DISPLAY:flex
}

.phonemenu p {
color:#4d4d4d!important;
text-align:left!important;
padding:0!important;
font-weight:400!important;
font-size:14px!important;
line-height:150%!important
}

li.icon.icon-arrow-left {
padding:0!important;
text-decoration:none!important;
line-height:inherit!important;
margin:0!important;
padding:0!important;
border:none!important
}

.menubox1 li.icon.icon-arrow-left a {
font-size:inherit!important
}

.menublogbox img {
float:left;
width:35px;
margin-right:-6px;
margin-left:6px
}

.menublogbox {
background:#2482b5;
padding:15px;
display:table;
width:100%
}

.menublogbox p {
font-size:1.4em!important;
text-align:left!important;
float:left
}

div#trustpilotmobmenu {
background:#e3f7f1
}

img.familycorner {
width:140px
}
audio,canvas,video {
display:inline-block
}

audio:not([controls]) {
display:none;
height:0
}.unslider-nav {
    position: absolute;
    top: 87%!important;
    z-index: 10000000000;
    margin-right: 25px!important;
}



div#headerouter {
width:100%;
margin:0 auto;
margin-bottom:0;
z-index:100000000;
position:relative;
background:#2482b5;
height:70px
}img.moblogo {
float:none;
padding:18px 0 0;
width:inherit;
margin:0 auto;
display:block;
height:55px
}span.desktopsearch {
display:none
}
div#homepagesearch {
padding:35px 0 40px;
height:inherit;
margin:0 auto;
margin-top:0;
width:100%;
text-align:center;
z-index:100;
position:relative;
background:#2b2b2b
}
div#homepagesearch h2 {
font-size:.8em;
padding:0;
margin:0;
letter-spacing:1px
}input#widesearchkeywords,input#registerpanelemail {
padding:15px;
border:none;
width:80%;
border-bottom-right-radius:0;
border-top-right-radius:0;
font-size:1em;
height:inherit;
float:left
}button.submitbutton,button.smlsubmitbutton.registerbtn {
width:20%;
border-bottom-left-radius:0;
border-top-left-radius:0;
font-size:1em;
border:none;
background:#3cb57e;
padding:12px 10px;
color:#fff;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
height:inherit
}


div#whybuyfromus {
padding:40px 0;
margin:0 auto;
margin-top:0;
width:100%;
text-align:center;
background:#39a6cf
}

h3 {
font-size:1.2em;
line-height:170%
}div#whybuyfromus h2 {
    line-height: 140%;
    padding: 0px 20px;
}
div#whybuyintro {
column-count:1;
width:90%;
margin:0 auto;
margin-top:30px
}

video.slidervideo {
    height: 100%;
    object-fit: cover;
}
div.slideoverlay h1, div.slideoverlay h2 {
    color: #fff;
    font-size: 1.5em;
    line-height: 120%;
    font-weight: 600;
    letter-spacing: 0;
    padding: 0;
    margin: 0;
    padding-right: 40px;
    padding-bottom: 10px;
}
nav#mp-menu {
display:block
}

#mp-menu p {
text-align:center;
color:#fff;
font-weight:300;
font-size:12px;
padding-left:6%;
line-height:200%;
margin:0;
padding-right:6%
}

#mp-menu a {
text-decoration:none;
color:#000;
font-size:.9em
}

div#navmenu {
display:none;
background:none
}

ul.desktopnavigation {
display:none
}

div#topactions {
display:none
}

span.quotebasketbutton {
display:none
}

div#heroslider {
width:100%;
margin:0 auto;
height:450px;
margin-top:0;
position:relative;
display:inherit;
z-index:100
}

.container {
    position: relative;
    overflow: hidden;
    width: 100%!important;
}
#homepage div#headerouter {
width:100%;
margin:0 auto;
margin-bottom:0;
z-index:10;
position:relative;
height:90px;
background:#27708c;
border-top:10px solid #1f596f
}

img.logo {
float:none;
padding:30px 0 0;
width:60%;
margin:0 auto;
display:none
}

i#searchmob {
color:#fff;
float:left;
margin-top:-17px;
margin-left:40px;
font-size:28px;
position:absolute
}

i#phonemob {
color:#fff;
float:right;
margin-top:-30px;
font-size:23px;
position:absolute;
right:55px;
display:inherit
}

i#emailmob {
color:#fff;
float:right;
margin-top:-30px;
font-size:23px;
position:absolute;
right:92px;
display:none
}

i#quotebasket {
color:#fff;
float:right;
margin-top:-30px;
font-size:23px;
position:absolute;
right:20px;
display:inherit
}

div.slideoverlay {
position:relative;
background-position:top center;
height:450PX;
padding:0 30px 40px;
background:linear-gradient(#ffffff00,#033a69db 70%);
display:table-cell;
vertical-align:bottom
}

.banner1 {
height:450px;
width:100%
}

div#heroslider {
width:100%;
margin:0 auto;
height:450px;
margin-top:0;
position:relative;
display:inherit;
z-index:100
}


.slideoverlay a {
font-size:12px;
color:#fff;
border:2px solid #fff;
clear:both;
-o-transition:.2s;
-ms-transition:.2s;
-moz-transition:.2s;
-webkit-transition:.2s;
padding:5px 30px;
text-transform:uppercase;
letter-spacing:1px;
display:table;
font-weight:400!important;
text-decoration:none
}div.reasonwhy {
    width: 50%;
    display: block;
    margin: 5px 0px 20px 0;
    text-align: center;
    float: left;
}
div.reasonwhy img {
display:none
}

div.reasonwhy p {
    color: #fff;
    text-align: center;
    font-size: .8em;
    line-height: 150%;
    padding: 0px 10px;
    margin: 0;
}

div.reasonwhy h3 {
color:#fff;
font-size:1.6em;
line-height:100%;
font-weight:300;
letter-spacing:-1px;
padding:0;
line-height:130%;
margin:0;
padding-bottom:0
}.reasonwhy .welding-machine {
    margin: 0px 15px 0px 0px;
    float: none;
}.worldwide {
    float: none;
}.warrent {
    float: none;
}.engineer {
    float: none;
}

div#whybuyfromus h2 {
    line-height: 140%;
    padding: 0px 20px;
}.menu-trigger {
position:absolute;
padding:23px;
margin:24px 0 0 20PX;
z-index:10000000000
}

.menu-trigger:before {
content:'';
position:absolute;
top:0;
left:0;
width:30px;
height:3px;
background:#fff;
box-shadow:0 4px transparent,0 11px #ffffff,0 19px transparent,0 23px #fff
}

.mp-pusher {
position:relative;
left:0;
height:100%;
perspective:1000px
}

a#trigger:hover {
}

.mp-menu {
position:absolute;
top:0;
left:0;
z-index:1;
width:300px;
height:100%;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}

.mp-level {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#fff;
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,.mp-level::after,.mp-level::before {
content:'';
position:absolute;
top:0;
right:0;
width:0;
height:0;
opacity:0
}

.mp-pusher::after,.mp-level::after {
background:rgba(0,0,0,0.3);
-webkit-transition:opacity 0.3s,width .1s 0.3s,height .1s .3s;
transition:opacity 0.3s,width .1s 0.3s,height .1s .3s;
z-index:1000000
}

.mp-level::after {
z-index:-1
}

.mp-pusher.mp-pushed::after,.mp-level.mp-level-overlay::after {
width:100%;
height:100%;
opacity:1;
-webkit-transition:opacity .3s;
transition:opacity .3s
}

.mp-level.mp-level-overlay {
cursor:pointer
}

.mp-level.mp-level-overlay.mp-level::before {
width:100%;
height:100%;
background:transparent;
opacity:1
}

.mp-pusher,.mp-level {
-webkit-transition:-webkit-transform .5s;
transition:transform .5s
}

/* overlap */
.mp-overlap .mp-level.mp-level-open {
box-shadow:1px 0 2px rgba(0,0,0,0.2);
-webkit-transform:translate3d(-40px,0,0);
transform:translate3d(-40px,0,0)
}

/* First level */
.mp-menu > .mp-level,.mp-menu > .mp-level.mp-level-open,.mp-menu.mp-overlap > .mp-level,.mp-menu.mp-overlap > .mp-level.mp-level-open {
box-shadow:none;
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}

/* cover */
.mp-cover .mp-level.mp-level-open {
-webkit-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
overflow:auto
}

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
-webkit-transform:translate3d(-100%,0,0);
transform:translate3d(-100%,0,0)
}

/* content style */
.mp-menu ul {
margin:0;
padding:0;
list-style:none
}

.mp-menu h2 {
margin:0;
padding:1em;
color:rgba(0,0,0,0.4);
text-shadow:0 0 1px rgba(0,0,0,0.1);
font-weight:300;
font-size:2em
}

.mp-menu.mp-overlap h2::before {
position:absolute;
top:0;
right:0;
margin-right:8px;
font-size:75%;
line-height:1.8;
opacity:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-transition:opacity 0.3s,-webkit-transform .1s .3s;
transition:opacity 0.3s,transform .1s .3s
}

.mp-menu.mp-cover h2 {
text-transform:uppercase;
letter-spacing:0;
font-weight:700;
color:#444;
font-size:1em;
line-height:160%;
font-weight:500;
padding:0;
text-align:left
}

.mp-overlap .mp-level.mp-level-overlay > h2::before {
opacity:1;
-webkit-transform:translateX(0);
transform:translateX(0);
-webkit-transition:-webkit-transform 0.3s,opacity .3s;
transition:transform 0.3s,opacity .3s
}

.mp-menu ul li::before {
position:absolute;
left:13px;
z-index:-1;
color:#fff;
line-height:3.6
}

.mp-level > ul > li:first-child > a {
}

.mp-menu ul li a:hover,.mp-level > ul > li:first-child > a:hover {
background:rgba(0,0,0,0.2);
box-shadow:inset 0 -1px rgba(0,0,0,0)
}

.mp-menu .mp-level.mp-level-overlay > ul > li > a,.mp-level.mp-level-overlay > ul > li:first-child > a {
box-shadow:inset 0 -1px rgba(0,0,0,0)
}

.mp-level > ul > li:first-child > a:hover,.mp-level.mp-level-overlay > ul > li:first-child > a {
box-shadow:inset 0 -1px rgba(0,0,0,0),inset 0 1px rgba(0,0,0,0)
}

/* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */
.mp-back {
position:relative;
display:block;
padding:10px 20px;
outline:none;
background:#42b1ec!important;
box-shadow:inset 0 1px #000;
color:#fff;
text-transform:uppercase;
letter-spacing:1px;
font-weight:400;
color:#fff!important;
font-size:1em;
margin-bottom:0;
-webkit-transition:background .3s;
transition:background .3s
}

.mp-back::after {
content:"\e037";
position:absolute;
right:10px;
color:#fff;
font-size:1.3em;
font-family:'linecons';
line-height:.8;
top:18px
}

nav#mp-menu li {
display:block;
padding:3px 30px;
outline:none;
letter-spacing:.5px;
transition:background 0.3s,box-shadow .3s;
text-decoration:none;
font-weight:400;
border-bottom:1px solid #eee;
text-decoration:none;
font-size:17px
}

.mp-menu .mp-level.mp-level-overlay > .mp-back,.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
background:transparent;
box-shadow:none;
color:transparent
}.menubox1 img,.menubox2 img {
margin-bottom:0;
width:56px;
margin-top:6px;
DISPLAY:flex;
margin-right:15px;
float:left
}

.menubox1 {
background:#42b1ec;
padding:15px 13px 15px 20px;
width:100%;
float:left;
text-align:center
}

.menubox1 h2,.menubox2 h2 {
font-size:24px!important;
text-transform:initial!important;
color:#fff!important;
line-height:125%!important
}

.menubox1 p,.menubox2 p {
font-size:13px!important;
text-align:left!important;
padding:0!important;
line-height:147%!important
}

.menubox2 {
background:#3cb57e;
padding:15px 13px 15px 20px;
width:100%;
float:left;
text-align:center;
border:none;
transform:none
}img.trustpilotmobmenu {
width:70%;
margin:0 auto;
padding:13px 0;
display:table
}#herovideo div.slideoverlay {
padding:60px 10px 0;
DISPLAY:TABLE;
VERTICAL-ALIGN:inherit;
WIDTH:100%
}

#herovideo div.slideoverlay h2 {
font-size:1.7em;
padding:0;
width:100%;
margin-bottom:2px;
line-height:110%
}

div#herovideo p {
font-size:1em;
line-height:120%
}
div#slideherobuttons {
margin:0 auto;
display:inline-block;
margin-top:10px
}
div#slideherobuttons .menubox1 {
margin-bottom:10px
}

div#slideherobuttons .menubox1 p,#slideherobuttons .menubox2 p {
padding:0!important;
margin:0!important
}p.or {
display:none
}html, body, .container, .scroller {
    height: 100%;
    overflow-x: hidden!important;
}
}