.m-0 {margin: 0!important}
.m-20 {margin: 20px!important}
.m-25 {margin: 25px!important}
.m-30 {margin: 30px!important}
.m-40 {margin: 40px!important}
.m-50 {margin: 50px!important}
.mx-0 {margin-left: 0!important; margin-right: 0!important}
.mx-10 {margin-left: 10px; margin-right: 10px}
.mx-20 {margin-left: 20px; margin-right: 20px}
.mx-40 {margin-left: 40px; margin-right: 40px}
.my-0 {margin-top: 0!important; margin-bottom: 0!important}
.my-10 {margin-top: 10px; margin-bottom: 10px}
.my-15 {margin-top: 15px; margin-bottom: 15px}
.my-20 {margin-top: 20px; margin-bottom: 20px}
.my-25 {margin-top: 25px; margin-bottom: 25px}
.mt-0 {margin-top: 0!important}
.mt-10 {margin-top: 10px}
.mt-15 {margin-top: 15px}
.mt-20 {margin-top: 20px}
.mt-25 {margin-top: 25px}
.mt-50 {margin-top: 50px}
.mt-60 {margin-top: 60px}
@media (min-width: 641px) { .mt-md-25 {margin-top: 25px} .mt-md-35 {margin-top: 35px} .mt-md-60 {margin-top: 60px}
}
@media (min-width: 1025px) { .mt-lg-20 {margin-top: 20px} .mt-lg-40 {margin-top: 40px}
}
.mr-40 {margin-right: 40px}
@media (min-width: 641px) { .mr-md-30 {margin-right: 30px} .mr-md-60 {margin-right: 60px}
}
@media (min-width: 1025px) { .mr-lg-0 {margin-right: 0}
}
.mb-0 {margin-bottom: 0!important}
.mb-10 {margin-bottom: 10px}
.mb-15 {margin-bottom: 15px}
.mb-20 {margin-bottom: 20px}
.mb-25 {margin-bottom: 25px}
.mb-35 {margin-bottom: 35px}
.mb-40 {margin-bottom: 40px}
@media (min-width: 641px) { .mb-md-30 {margin-bottom: 30px}
}
@media (min-width: 1025px) { .mb-lg-35 {margin-bottom: 35px} .mb-lg-40 {margin-bottom: 40px}
}
.ml-20 {margin-left: 20px}
.ml-40 {margin-left: 40px}
.nmt-50 {margin-top: -50px!important}
.nmt-90 {margin-top: -90px!important}
.nmx-3 {margin-left: -3px!important; margin-right: -3px!important}
.nmx-4 {margin-left: -4px!important; margin-right: -4px!important}
.nmx-5 {margin-left: -5px!important; margin-right: -5px!important}
.nmx-8 {margin-left: -8px!important; margin-right: -8px!important}
.nmx-10 {margin-left: -10px!important; margin-right: -10px!important}
.nmx-12 {margin-left: -12px!important; margin-right: -12px!important}
.nmx-14 {margin-left: -14px!important; margin-right: -14px!important}
@media (min-width: 641px) { .nmx-md-5 {margin-left: -5px!important; margin-right: -5px!important} .nmx-md-10 {margin-left: -10px!important; margin-right: -10px!important} .nmx-md-12 {margin-left: -12px!important; margin-right: -12px!important} .nmx-md-16 {margin-left: -16px!important; margin-right: -16px!important}
}
@media (min-width: 1025px) { .nmx-lg-30 {margin-left:-30px!important; margin-right: -30px!important}
}
.p-10 {padding: 10px!important}
.p-15 {padding: 15px!important}
.p-20 {padding: 20px!important}
.p-25 {padding: 25px!important}
.p-40 {padding: 40px!important}
.p-50 {padding: 50px!important}
.px-0 {padding-right: 0!important; padding-left: 0!important}
.px-10 {padding-right: 10px!important; padding-left: 10px!important}
.px-20 {padding-right: 20px!important; padding-left: 20px!important}
.px-45 {padding-right: 45px!important; padding-left: 45px!important}
@media (min-width: 641px) { .px-md-0 {padding-left: 0!important; padding-right: 0!important}
}
@media (min-width: 1025px) { .px-lg-90 {padding-right: 90px!important; padding-left: 90px!important}
}
.py-30 {padding-top: 30px!important; padding-bottom: 30px!important}
.py-40 {padding-top: 40px!important; padding-bottom: 40px!important}
@media (min-width: 641px) { .py-md-0 {padding-top: 0!important; padding-bottom: 0!important}
}
.pt-30 {padding-top: 30px!important}
.pt-45 {padding-top: 45px!important}
.pt-50 {padding-top: 50px!important}
.pt-60 {padding-top: 60px!important}
@media (min-width: 641px) { .pt-md-0 {padding-top: 0} .pt-md-45 {padding-top: 45px!important} .pt-md-60 {padding-top: 60px!important}
}
.pb-60 {padding-bottom: 60px}
@media (min-width: 641px) { .pb-md-80 {padding-bottom: 80px!important}
}
.pl-20 {padding-left: 20px!important}
.pl-30 {padding-left: 30px!important}
@media (min-width: 641px) { .pl-md-20 {padding-left: 20px!important}
}
.copy-text-bgcolor {background-color: #db001c!important}
.bg-white {background-color: #fff}
.bg-black {background-color: #000}
.bg-light-grey {background-color: #f6f6f6}
.text-white {color: #fff}
.text-black {color: #000}
.text-upper {text-transform: uppercase}
.text-centre {text-align: center}
.text-bold {font-weight: bold}
.screwfix-regular {font-family: 'screwfix_betaregular', arial, sans-serif}
.screwfix-bold {font-family: 'screwfix_betabold', arial, sans-serif}
.screwfix-heavy {font-family: 'screwfix_betaheavy', arial, sans-serif}
.sans-serif-stack {font-family: arial, helvetica, sans-serif}
.t-11 {font-size: 11px} .t-12 {font-size: 12px} .t-13 {font-size: 13px} .t-14 {font-size: 14px} .t-16 {font-size: 16px} .t-17 {font-size: 17px} .t-25 {font-size: 25px} .t-18 {font-size: 18px} .t-22 {font-size: 22px} .t-24 {font-size: 24px} .t-26 {font-size: 26px} .t-28 {font-size: 28px} .t-30 {font-size: 30px} .t-36 {font-size: 36px} .t-38 {font-size: 38px} .t-40 {font-size: 40px} .t-45 {font-size: 45px} .t-48 {font-size: 48px} .t-50 {font-size: 50px} .t-60 {font-size: 60px} .t-70 {font-size: 70px} .t-100 {font-size: 100px}
@media (min-width: 641px) { .t-md-11 {font-size: 11px} .t-md-12 {font-size: 12px} .t-md-13 {font-size: 13px} .t-md-14 {font-size: 14px} .t-md-15 {font-size: 15px} .t-md-16 {font-size: 16px} .t-md-17 {font-size: 17px} .t-md-18 {font-size: 18px} .t-md-22 {font-size: 22px} .t-md-24 {font-size: 24px} .t-md-26 {font-size: 26px} .t-md-28 {font-size: 28px} .t-md-30 {font-size: 30px} .t-md-40 {font-size: 40px} .t-md-48 {font-size: 48px} .t-md-50 {font-size: 50px} .t-md-60 {font-size: 60px} .t-md-70 {font-size: 70px} .t-md-100 {font-size: 100px}
}
@media (min-width: 1025px) { .t-lg-11 {font-size: 11px} .t-lg-12 {font-size: 12px} .t-lg-13 {font-size: 13px} .t-lg-14 {font-size: 14px} .t-lg-16 {font-size: 16px} .t-lg-17 {font-size: 17px} .t-lg-18 {font-size: 18px} .t-lg-22 {font-size: 22px} .t-lg-24 {font-size: 24px} .t-lg-26 {font-size: 26px} .t-lg-28 {font-size: 28px} .t-lg-30 {font-size: 30px} .t-lg-40 {font-size: 40px} .t-lg-48 {font-size: 48px} .t-lg-50 {font-size: 50px} .t-lg-60 {font-size: 60px} .t-lg-70 {font-size: 70px}
}
.lh-1 {line-height: 1}
.lh-1-1 {line-height: 1.1}
.lh-1-2 {line-height: 1.2}
.lh-1-25 {line-height: 1.25}
.lh-1-3 {line-height: 1.3}
.lh-1-4 {line-height: 1.4}
.lh-1-5 {line-height: 1.5}
.lh-1-6 {line-height: 1.6}
.lh-1-7 {line-height: 1.7}
.lh-1-8 {line-height: 1.8}
@media (min-width: 641px) { .lh-md-1-25 {line-height: 1.25}
}
.position-relative {position: relative}
.position-absolute {position: absolute}
.z-1 {z-index: 1}
.z-2 {z-index: 2}
.z-3 {z-index: 3}
.top-0 {top: 0}
.top-auto {top: auto}
.bottom-0 {bottom: 0}
.bottom-auto {bottom: auto}
.right-0 {right: 0}
.left-0 {left: 0}
@media (min-width: 641px) { .top-md-0 {top: 0} .top-md-auto {top: auto} .bottom-md-0 {bottom: 0} .bottom-md-auto {bottom: auto}
}
@media (min-width: 1025px) { .top-lg-0 {top: 0} .top-lg-auto {top: auto} .bottom-lg-0 {bottom: 0} .bottom-lg-auto {bottom: auto}
}
.trbl-0 { top: 0; right: 0; bottom: 0; left: 0;
}
.w-100p {width: 100%}
.w-90p {width: 90%}
.w-80p {width: 80%}
.w-70p {width: 70%}
.w-26 {width: 26px}
.w-50 {width: 50px}
@media (min-width: 641px) { .w-md-42 {width: 42px}
}
.mw-100p {max-width: 100%}
.mw-90p {max-width: 90%}
.mw-80p {max-width: 80%}
.mw-70p {max-width: 70%}
.mw-60p {max-width: 60%}
.mw-400 {max-width: 400px}
.h-100p {height: 100%}
.h-90p {height: 90%}
.h-80p {height: 80%}
.h-70p {height: 70%}
.h-26 {height: 26px}
.h-50 {height: 50px}
.h-400 {height: 400px}
.h-auto {height: auto!important}
@media (min-width: 641px) { .h-md-42 {height: 42px}
}
.min-h-400 {min-height: 400px}
.max-h-400 {max-height: 400px}
.drop {box-shadow: 0 4px 6px -2px rgba(0,0,0,.2)}
.drop-2 {box-shadow: 0 8px 12px -2px rgba(0,0,0,.4)}
.drop-top {box-shadow: inset 0 20px 20px -15px rgba(0,0,0,0.2)}
.border {border: 1px solid #d1d1d1}
.border-black {border: 1px solid #000}
.border-radius-50p {border-radius: 50%}
.frame { background: #fff; padding: 6px;
}
@media (min-width: 1025px) { .frame { padding: 9px; }
}
.o-w-8 {background-color: rgba(255,255,255,0.8)}
.o-b-4 {background-color: rgba(0,0,0,0.4)}
.o-b-6 {background-color: rgba(0,0,0,0.6)}
.o-b-8 {background-color: rgba(0,0,0,0.8)}
.d-none {display: none}
.d-inline {display: inline}
.d-inline-block {display: inline-block}
.d-block {display: block}
.d-flex {display: flex}
@media (min-width: 641px) { .d-md-none {display:none!important} .d-md-block {display: block!important}
}
@media (min-width: 1025px) { .d-lg-none {display:none!important} .d-lg-block {display: block!important}
}
.flex-no-shrink { flex-shrink: 0;
}
.flex-no-grow { flex-grow: 0;
}
.flex-vh-centre { display: flex; align-items: center; justify-content: center;
}
.flex-wrap { flex-wrap: wrap;
}
.flex-order-1 {order: 1}
.flex-order-2 {order: 2}
@media (min-width: 641px) { .flex-order-md-1 {order: 1} .flex-order-md-2 {order: 2}
}
@media (min-width: 1025px) { .flex-order-lg-1 {order: 1} .flex-order-lg-2 {order: 2}
}
.flex-basis-auto {flex-basis: auto!important}
*::-ms-backdrop, .flex-vh-centre p {width: 100%}
*::-ms-backdrop, .flex-vh-centre h2 {width: 100%}
*::-ms-backdrop, .flex-vh-centre > div {width: 100%}
*::-ms-backdrop, .flex-vh-centre img {flex-shrink: 0}
.rotate-45 { -webkit-transform: rotate(45deg); transform: rotate(45deg);
}
.rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg);
}