.et_pb_with_border .et-pb-icon,.et_pb_with_border .et_pb_image_wrap{border:0 solid #333}.et_pb_blurb_content{max-width:550px;margin:0 auto;position:relative;text-align:center;word-wrap:break-word;width:100%}.et_pb_blurb_content .et_pb_blurb_description>:where(.et_pb_module:not([class*=et_pb_text_align_])),.et_pb_blurb_content>:where(.et_pb_module:not([class*=et_pb_text_align_])){text-align:initial}.et_pb_blurb_container{display:flex;flex-direction:column}.et_pb_blurb.et_pb_text_align_left .et_pb_blurb_content .et_pb_blurb_container{text-align:left}.et_pb_blurb.et_pb_text_align_right .et_pb_blurb_content .et_pb_blurb_container{text-align:right}.et_pb_blurb.et_pb_text_align_justified .et_pb_blurb_content .et_pb_blurb_container{text-align:justify}.et_pb_blurb.et_pb_text_align_center .et_pb_blurb_content .et_pb_blurb_container{text-align:center}.et_pb_blurb_content p:last-of-type{padding-bottom:0}.et_pb_blurb .et_pb_module_header a,.et_pb_blurb h4 a{text-decoration:none}.et_pb_blurb .et_pb_image_wrap:not(.et_flex_module):not(.et_grid_module){display:block}.et_pb_blurb .et_pb_image_wrap{margin:auto}.et_pb_main_blurb_image{line-height:0;max-width:100%}.et_block_module>.et_pb_blurb_content .et_pb_main_blurb_image{margin-bottom:30px}.et_pb_main_blurb_image img[src*=".svg"]{width:auto}.et_pb_sticky_module .et_pb_main_blurb_image .et_pb_image_wrap{width:100%;max-width:100%}.et_pb_blurb_position_left .et_pb_blurb_content,.et_pb_blurb_position_right .et_pb_blurb_content{display:table;word-break:break-word}.et_pb_blurb_position_left .et_pb_main_blurb_image,.et_pb_blurb_position_right .et_pb_main_blurb_image{width:32px;display:table-cell;line-height:0}.et_pb_blurb_position_left .et-pb-icon,.et_pb_blurb_position_right .et-pb-icon{font-size:32px}.et_pb_blurb_position_right .et-pb-icon{display:table-cell}.et_pb_blurb_position_left .et_pb_blurb_container,.et_pb_blurb_position_right .et_pb_blurb_container{display:table-cell;vertical-align:top}.et_pb_blurb_position_left .et_pb_blurb_container{padding-left:15px}.et_pb_blurb_position_left .et_pb_blurb_content{text-align:left}.et_pb_blurb_position_right .et_pb_blurb_container{padding-right:15px}.et_pb_blurb_position_right .et_pb_blurb_content{text-align:right}.et_pb_blurb_position_right .et_pb_main_blurb_image{left:auto;right:0}.et_pb_blurb_position_right .et-pb-icon{margin-right:0;margin-left:20px}@media (max-width:980px){.et_pb_blurb_position_left_tablet .et_pb_main_blurb_image,.et_pb_blurb_position_right_tablet .et_pb_main_blurb_image{width:32px;display:table-cell;line-height:0}.et_pb_blurb_position_left_tablet .et-pb-icon,.et_pb_blurb_position_right_tablet .et-pb-icon{font-size:32px;display:table-cell}.et_pb_blurb_position_left_tablet .et_pb_blurb_container,.et_pb_blurb_position_right_tablet .et_pb_blurb_container{display:table-cell;vertical-align:top}.et_pb_blurb_position_left_tablet .et_pb_blurb_container{padding-left:15px}.et_pb_blurb_position_left_tablet .et_pb_blurb_content{text-align:left;word-break:break-word}.et_pb_blurb_position_right_tablet .et_pb_blurb_container{padding-right:15px}.et_pb_blurb_position_right_tablet .et_pb_blurb_content{padding-right:52px;text-align:right;word-break:break-word}.et_pb_blurb_position_right_tablet .et_pb_main_blurb_image{left:auto;right:0}.et_pb_blurb_position_right_tablet .et-pb-icon{margin-right:0;margin-left:20px}.et_pb_blurb_position_top_tablet .et_pb_main_blurb_image{display:block;width:auto}.et_pb_blurb_position_top_tablet .et-pb-icon{font-size:96px;display:initial}.et_pb_blurb_position_top_tablet .et_pb_blurb_container{display:block;padding-left:0;padding-right:0}.et_pb_blurb_position_top_tablet .et_pb_blurb_content{display:inline-block;text-align:center;padding-right:0;word-break:normal}}@media (max-width:767px){.et_pb_blurb_position_left_phone .et_pb_main_blurb_image,.et_pb_blurb_position_right_phone .et_pb_main_blurb_image{width:32px;display:table-cell;line-height:0}.et_pb_blurb_position_left_phone .et_pb_main_blurb_image img,.et_pb_blurb_position_right_phone .et_pb_main_blurb_image img{width:inherit}.et_pb_blurb_position_left_phone .et-pb-icon,.et_pb_blurb_position_right_phone .et-pb-icon{font-size:32px;display:table-cell}.et_pb_blurb_position_left_phone .et_pb_blurb_container,.et_pb_blurb_position_right_phone .et_pb_blurb_container{display:table-cell;vertical-align:top}.et_pb_blurb_position_left_phone .et_pb_blurb_container{padding-left:15px}.et_pb_blurb_position_left_phone .et_pb_blurb_content{text-align:left;word-break:break-word}.et_pb_blurb_position_right_phone .et_pb_blurb_container{padding-right:15px}.et_pb_blurb_position_right_phone .et_pb_blurb_content{padding-right:52px;text-align:right;word-break:break-word}.et_pb_blurb_position_right_phone .et_pb_main_blurb_image{left:auto;right:0}.et_pb_blurb_position_right_phone .et-pb-icon{margin-right:0;margin-left:20px}.et_pb_blurb_position_top_phone .et_pb_main_blurb_image{display:block;width:auto}.et_pb_blurb_position_top_phone .et-pb-icon{font-size:96px;display:initial}.et_pb_blurb_position_top_phone .et_pb_blurb_container{display:block;padding-left:0;padding-right:0}.et_pb_blurb_position_top_phone .et_pb_blurb_content{display:inline-block;text-align:center;padding-right:0;word-break:normal}}@media (max-width:980px){.et_pb_blurb.et_pb_text_align_left-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:left}.et_pb_blurb.et_pb_text_align_right-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:right}.et_pb_blurb.et_pb_text_align_justified-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:justify}.et_pb_blurb.et_pb_text_align_center-tablet .et_pb_blurb_content .et_pb_blurb_container{text-align:center}}@media (max-width:767px){.et_pb_blurb.et_pb_text_align_left-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:left}.et_pb_blurb.et_pb_text_align_right-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:right}.et_pb_blurb.et_pb_text_align_justified-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:justify}.et_pb_blurb.et_pb_text_align_center-phone .et_pb_blurb_content .et_pb_blurb_container{text-align:center}}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);
}
}