.et_post_gallery{padding:0!important;line-height:1.7!important;list-style:none!important}.et_gallery_item{float:left;width:28.353%;margin:0 7.47% 7.47% 0}.blocks-gallery-item,.et_gallery_item{padding-left:0!important}.blocks-gallery-item:before,.et_gallery_item:before{display:none}.et_gallery_item:nth-child(3n){margin-right:0}.et_gallery_item:nth-child(3n+1){clear:both}
.mfp-wrap .mfp-container button:hover{background:transparent!important}.mfp-wrap .mfp-arrow:active{position:absolute;top:50%}.mfp-wrap .mfp-close:active{position:absolute;top:-10px}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{font-family:ETmodules;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.mfp-fade.mfp-bg{opacity:.001;transition:all .5s ease-out}.mfp-fade.mfp-bg.mfp-ready{opacity:.8}.mfp-fade.mfp-bg.mfp-removing{opacity:0}.mfp-fade .mfp-wrap.mfp-wrap.mfp-ready .mfp-content{opacity:1}.mfp-fade .mfp-wrap.mfp-wrap.mfp-removing .mfp-content{opacity:0}.mfp-fade .mfp-wrap .mfp-content{opacity:.001;transition:all .5s ease-out}.mfp-bg{z-index:1000000;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-bg,.mfp-wrap{top:0;left:0;width:100%;height:100%;position:fixed}.mfp-wrap{z-index:1000001;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:"";display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom{cursor:pointer;cursor:zoom-in}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;padding:0;z-index:1046;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#fff;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-arrow{position:absolute;opacity:.55;filter:alpha(opacity=55);top:50%;margin:-32px 0 0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfp-arrow:hover{opacity:1;filter:alpha(opacity=100)}.mfp-arrow-left{left:10px}.mfp-arrow-right{right:10px}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,.6);background:#000}.mfp-arrow{background:none!important;margin-top:-32px!important;line-height:1em!important}.mfp-arrow,.mfp-arrow:after{width:48px!important;height:48px!important}.mfp-arrow:after{margin:0!important;top:0!important;border:none!important}.mfp-arrow-left{left:0!important}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after,.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border:none;font-size:64px;color:#fff}.mfp-arrow-left:before,.mfp-arrow-right:before{display:none}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{content:"4"}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{content:"5"}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{font-size:64px;font-family:Open Sans,Arial,sans-serif;font-weight:200;top:-10px;opacity:.2}.mfp-iframe-holder .mfp-close:hover,.mfp-image-holder .mfp-close:hover{opacity:1}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure,img.mfp-img{line-height:0}.mfp-figure:after{content:"";position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-height:300px),screen and (max-width:800px)and (orientation:landscape){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{transform-origin:0}.mfp-arrow-right{transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}
.et_overlay{z-index:-1;position:absolute;top:0;left:0;display:block;width:100%;height:100%;background:hsla(0,0%,100%,.9);opacity:0;pointer-events:none;transition:all .3s;border:1px solid #e5e5e5;box-sizing:border-box;backface-visibility:hidden;-webkit-font-smoothing:antialiased}.et_overlay:before{color:#2ea3f2;content:"\E050";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:32px;transition:all .4s}.et_portfolio_image,.et_shop_image{position:relative;display:block}.et_pb_has_overlay:not(.et_pb_image):hover .et_overlay,.et_portfolio_image:hover .et_overlay,.et_shop_image:hover .et_overlay{z-index:3;opacity:1}#ie7 .et_overlay,#ie8 .et_overlay{display:none}.et_pb_module.et_pb_has_overlay{position:relative}.et_pb_module.et_pb_has_overlay .et_overlay,article.et_pb_has_overlay{border:none}
:root{--content-width:80%;--content-max-width:1080px;--section-padding:56px;--section-gutter:60px;--row-gutter-grid:60px;--module-gutter-grid:30px}.et_grid_column,.et_grid_grid,.et_grid_group,.et_grid_module,.et_grid_row,.et_grid_section{display:grid;-moz-column-gap:var(--horizontal-gap);column-gap:var(--horizontal-gap);row-gap:var(--vertical-gap);--column-count:1;--row-count:auto;grid-template-columns:repeat(var(--column-count),1fr);grid-template-rows:repeat(var(--row-count),auto)}.et_grid_row{width:var(--content-width);max-width:var(--content-max-width);--horizontal-gap:var(--row-gutter-grid);--vertical-gap:var(--row-gutter-grid);--column-count:3}.et_grid_row .et_pb_row_nested.et_grid_row{width:100%;max-width:none;padding:0;margin:0}.et_grid_section{--horizontal-gap:var(--section-gutter);--vertical-gap:var(--section-gutter);padding:var(--section-padding) 0;align-items:center}.et_grid_column,.et_grid_group,.et_grid_module{--flex-direction:column;--horizontal-gap:var(--module-gutter-grid);--vertical-gap:var(--module-gutter-grid)}.et_grid_column>.et_pb_module,.et_grid_group>.et_pb_module,.et_grid_module>.et_pb_module,.et_pb_section .et_pb_row .et_grid_column>.et_pb_module,.et_pb_section .et_pb_row .et_grid_group>.et_pb_module,.et_pb_section .et_pb_row .et_grid_module>.et_pb_module{margin-bottom:0}.et_grid_row.et_pb_equal_columns,.et_pb_section.et_pb_equal_columns>.et_grid_row{align-items:stretch}body {
font-size: 1rem;
line-height: 180%;
font-weight: 300;
}
h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 130%;
font-weight: 300;
}
h1,
.et_pb_title_container h1 {
font-size: 2rem;
}
a,
img,
.sidebar-cart {
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
@keyframes fromFog {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes forLogo {
0% {
opacity: 0;
margin-top: -30px;
}
100% {
opacity: 1;
margin-top: 0;
}
}
@keyframes forMobileMail {
0% {
opacity: 0;
padding-right: 30px;
}
100% {
opacity: 1;
padding-right: 0;
}
}
header.et-l {
animation: fromFog 0.5s ease-in-out 0s;
animation-fill-mode: backwards;
}
#et-main-area {
animation: fromFog 0.5s ease-in-out 0.5s;
animation-fill-mode: backwards;
}
#screwfix-logo {
animation: forLogo 1s ease-in-out 0.5s;
animation-fill-mode: backwards;
}
#mobile-mail {
animation: forMobileMail 1s ease-in-out 0.5s;
animation-fill-mode: backwards;
}
.dark-bg-info-header {
text-align: right;
}
p.mobile-mail-head {
text-align: right;
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.dark-bg-info-header,
p.mobile-mail-head {
text-align: center;
}
p.mobile-mail-head {
margin-top: 5px;
}
#logo-col {
margin-bottom: 0;
}
}
.et_pb_button {
font-size: 1.2rem;
font-weight: 300;
}
.et_pb_scroll_top.et-pb-icon {
-webkit-border-top-left-radius: 55px;
-webkit-border-bottom-left-radius: 55px;
-moz-border-radius-topleft: 55px;
-moz-border-radius-bottomleft: 55px;
border-top-left-radius: 55px;
border-bottom-left-radius: 55px;
cursor: pointer;
font-size: 30px;
padding: 15px 1px 15px 5px;
color: #fff;
} @media only screen and (max-width: 980px) {
.home .et-pb-controllers,
.home .et_pb_slides .et_pb_slider_container_inner {
display: none;
}
}
.et-pb-controllers a {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
width: 18px;
height: 10px;
}  .et_pb_menu .et-menu>li {
padding-left: 0;
padding-right: 0;
}
.et-menu li {
display: block;
}
.nav li li {
position: relative;
line-height: 100%;
}
.nav li li {
padding: 0;
margin: 0;
}
.et-menu li li a {
width: 240px;
}
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
margin-top: 0;
}
#carpenter-menu nav ul.et-menu a {
overflow: hidden;
border: 0;
color: #fff;
font-family: inherit;
font-size: inherit;
color: inherit;
background: none;
cursor: pointer;
padding: 15px 30px;
display: inline-block;
margin: 0;
font-weight: 300;
outline: none;
position: relative;
-webkit-transition: all 0.8s;
-moz-transition: all 0.8s;
transition: all 0.8s;
font-size: 1.2rem;
}
#carpenter-menu nav ul.et-menu a:hover,
#carpenter-menu nav ul.et-menu a:active {
color: #fffad6;
opacity: 1;
}
#carpenter-menu nav ul.et-menu a:after {
width: 0;
height: 103%;
top: 50%;
left: 50%;
background: #5c4327;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
#carpenter-menu nav ul.et-menu a:hover:after {
width: 100%;
opacity: 1;
}
.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
background-color: #775a3a !important;
}
.nav li ul {
border-top: 3px solid #5c4327;
}  .et_mobile_nav_menu span.mobile_menu_bar:after {
content: 'MENU';
font-size: 1.2rem;
position: absolute !important;
top: 53%;
right: 50px;
color: #fff;
font-weight: 300;
}
@media only screen and (max-width: 767px) {
#main-menu .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu,
#main-menu .et_pb_menu_0_tb_header.et_pb_menu .et_mobile_menu ul {
background-color: #775a3a !important;
}
.et_mobile_menu {
border-top: 3px solid #5c4327;
}
#main-menu .et_mobile_menu a {
font-size: 1.3rem;
padding: 15px 5%;
}
.et_mobile_menu .menu-item-has-children>a {
font-weight: 300;
background-color: inherit;
}
#main-menu li.current_page_item>a {
background-color: #5c4327;
}
.et_mobile_menu li a {
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
}  button#closePopup {
border-style: solid;
border-top-width: 0px;
border-right-width: 0px;
border-left-width: 0px;
border-bottom-width: 0px;
color: #ffffff;
border-color: #382b1c;
background-color: #382b1c;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
font-family: inherit;
font-weight: 500;
font-size: 16px;
line-height: 1em;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
cursor: pointer;
}
#popupWindow .infotxt a {
color: #000;
font-size: 1.6rem;
}
#popupWindow .col50 svg {
fill: #382b1c;
}
.uagb-icon-list__source-wrap svg {
width: 1rem;
height: 1rem;
font-size: 1rem;
}
#popupWindow a.second-prod-icon.whatsapp {
color: #189d0e;
}
#popupWindow .second-prod-icon.whatsapp svg {
fill: #189d0e;
}
.ast-scroll-to-top-right {
right: 23px;
bottom: 120px;
}
#ast-scroll-top {
border-radius: 33px;
}
#popupWindow {
position: fixed;
bottom: 15px;
right: 8px;
width: 400px;
height: 160px;
background-color: #fff;
border: 0;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
border-radius: 4px;
display: none; padding: 10px;
box-sizing: border-box;
z-index: 999999;
}
@media (max-width: 992px) {
#popupWindow {
position: fixed;
bottom: 0;
right: 0;
width: 100%;
}
}
#popupWindow .popupWindow-inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 100%;
}
#closePopup {
position: absolute;
top: -18px;
right: 10px;
}
#popupWindow .infotxt {
flex: 0 0 100%;
text-align: center;
margin: 26px auto 22px;
display: flex;
flex-direction: column;
align-items: center;
font-size: 1.2rem;
}
#popupWindow .col50 {
flex: 1;
}
#popupWindow .infotxt a,
#popupWindow .col50 a {
display: flex;
align-items: center;
padding: 20px 0 0;
}
#popupWindow .infotxt a span,
#popupWindow .col50 a span {
margin-right: 10px;
}
#openInfoFootPopup {
border: 0;
position: fixed;
right: 15px;
bottom: 15px;
display: block;
width: 70px;
height: 70px;
background-color: #fff;
border-radius: 100px;
padding: 0;
margin: 0;
display: flex;
align-items: center;
justify-content: center;
outline: 5px solid #d3d3d3;
z-index: 9999;
overflow: visible;
cursor: pointer;
}
#openInfoFootPopup::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 90%;
height: 90%;
border: 4px solid #9700006e;
border-radius: 50%;
transform: translate(-50%, -50%) scale(1.1);
opacity: 1;
animation: ripple 3s infinite;
z-index: 1;
}
.icon-container {
width: 100%;
height: 100%;
overflow: hidden; border-radius: inherit; position: relative;
z-index: 2; }
.icons-slider {
position: absolute;
left: 0;
top: 0;
display: flex;
width: calc(70px * 5); animation: slide 8s infinite;
background-color: #fff;
}
.icons-slider img {
width: 70px;
height: 70px;
flex-shrink: 0;
}
@keyframes ripple {
0% {
transform: translate(-50%, -50%) scale(1.15);
opacity: 0;
}
33% {
transform: translate(-50%, -50%) scale(1.15);
opacity: 1;
}
66.67% { transform: translate(-50%, -50%) scale(1.35);
opacity: 0;
}
100% { transform: translate(-50%, -50%) scale(1.3);
opacity: 0;
}
}
@keyframes slide {
0% {
transform: translateX(0);
}
17.5% {
transform: translateX(0);
}
25% {
transform: translateX(-70px);
}
42.5% {
transform: translateX(-70px);
}
50% {
transform: translateX(-140px);
}
67.5% {
transform: translateX(-140px);
}
75% {
transform: translateX(-210px);
}
92.5% {
transform: translateX(-210px);
}
100% {
transform: translateX(-280px);
}
}