body {
margin: 0;
padding: 0;
font-family: 'Inter', sans-serif;
-webkit-font-smoothing: antialiased;
-webkit-font-smoothing: subpixel-antialiased;
}
ul,
li,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ol {
padding: 0;
margin: 0;
list-style: none;
font-weight: 400;
animation: none;
-webkit-animation: none;
}
a {
animation: none;
-webkit-animation: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
animation: none;
-webkit-animation: none;
}
img {
max-width: 100%;
}
a {
text-decoration: none;
}
a:focus,
*:focus {
outline: none;
outline-width: 0;
}
:root {
--color-black: #000000;
--color-blue: #1E96FC;
--color-wh: #ffffff;
--color-orange: #FF5C00;
} .slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track{
visibility: hidden;
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}  header {
height: 133px;
position: relative;
z-index: 9;
}
header .header-row {
width: 100%;
left: 0px;
top: 0px;
position: fixed;
background: var(--color-wh);
}
header .header-inn {
display: flex;
justify-content: space-between;
padding: 25px 0px 22px;
}
header .header-inn .site-branding {
max-width: 191px;
margin-top: 13px;
}
.custom-logo-link {
display: inline-block;
width: 191px;
}
header .contact-links a {
font-size: 16px;
line-height: 1;
color: var(--color-blue);
font-weight: 400;
letter-spacing: 0.02em;
position: relative;
margin-left: 35px;
padding-left: 20px;
text-decoration-color: var(--color-blue);
text-underline-offset: 3px;
text-decoration: underline;
text-decoration-thickness: 1px;
}
header .contact-links a.mail:before {
content: "";
position: absolute;
left: 0px;
top: 5px;
width: 15px;
height: 12px;
display: inline-block;
background: url(//eliteglasspolishing.uk/wp-content/themes/egp/images/mail.svg) center no-repeat;
}
header .contact-links a.phone:before {
content: "";
position: absolute;
left: 0px;
top: 2px;
width: 15px;
height: 15px;
display: inline-block;
background: url(//eliteglasspolishing.uk/wp-content/themes/egp/images/call.svg) center no-repeat;
}
header .header-right {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
}
header .header-right .menu-toggle {
display: none;
}
header .main-navigation {
width: 100%;
margin-top: 18px;
}
header .main-navigation .menu {
display: flex;
justify-content: flex-end;
align-items: center;
}
header .main-navigation .menu li.menu-item {
margin-left: 58px;
position: relative;
}
header .main-navigation .menu li.menu-item-has-children a {
padding-right: 15px;
position: relative;
}
header .main-navigation .menu li.menu-item-has-children a:after {
content: "";
position: absolute;
right: 0px;
top: 4px;
border-width: 0.1em 0.1em 0px 0px;
border-style: solid;
border-color: var(--color-black);
padding: 3px;
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
header .main-navigation .menu li.menu-item-has-children a.act:after{
border-color: var(--color-orange);
}
header .main-navigation .menu li.menu-item a {
font-size: 18px;
font-weight: 400;
line-height: 1;
color: var(--color-black);
display: inline-block;
}
header .main-navigation .menu li.menu-item a.act{
color: var(--color-orange)
}
header .main-navigation .menu li.contact-us a {
background: var(--color-orange);
font-weight: 700;
font-size: 18px;
letter-spacing: 0.02em;
color: #FFFFFF;
border-radius: 10px;
padding: 13px 16px;
line-height: 1;
border: 0px;
text-transform: uppercase;
display: inline-block;
border: 2px solid var(--color-orange);
}
header .main-navigation .menu li.contact-us a.act{
background: var(--color-wh);
color: var(--color-orange);
}
header .main-navigation .menu li.menu-item ul.sub-menu {
width: 150px;
position: absolute;
left: 0px;
top: 54px;
background: var(--color-wh);
padding: 5px 15px;
border-radius: 0 0 5px 5px;
display: none;
}
header .main-navigation .menu li.menu-item ul.sub-menu:before {
content: "";
position: absolute;
top: -36px;
left: 0px;
width: 100%;
height: 40px
}
header .main-navigation .menu li.menu-item:hover ul.sub-menu {
display: block;
}
header .main-navigation .menu li.menu-item ul.sub-menu li {
margin: 10px 0px;
}
header .main-navigation .menu li.menu-item ul.sub-menu li a {
background: none;
padding: 0px;
font-size: 16px;
padding: 5px 0px;
color: var(--color-black);
}
header .main-navigation .menu li.menu-item ul.sub-menu li a:after {
display: none;
}
header .mobile-menu {
display: none;
}  .btn-check:focus+.btn,
.btn:focus {
box-shadow: none;
}
.banner {
width: 100%;
display: flex;
flex-wrap: wrap;
position: relative;
}
.banner img {
width: 100%;
}
.banner h1 {
color: var(--color-black);
font-weight: 800;
letter-spacing: 0.02em;
font-size: 65px;
line-height: 1;
}
.banner-con {
position: absolute;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
max-width: 700px;
}
.banner-con p {
font-weight: 400;
font-size: 24px;
line-height: 120%;
color: var(--color-black);
margin: 13px 0px 0px 0px;
}
.banner-btn {
margin: 27px 0px 0px 0px;
}
.btn {
padding: 0px;
box-shadow: none;
margin: 0px;
text-transform: uppercase;
}
.org-btn {
background: var(--color-orange);
border: 2px solid var(--color-orange);
font-weight: 700;
font-size: 18px;
letter-spacing: 0.02em;
color: var(--color-wh);
border-radius: 10px;
padding: 20px 26px 20px 26px;
line-height: 1;
}
.blue-btn {
border: 2px solid var(--color-blue);
border-radius: 10px;
padding: 18px 16px 18px 16px;
line-height: 1;
font-weight: 700;
font-size: 18px;
letter-spacing: 0.02em;
color: var(--color-blue);
}
.banner-btn .org-btn {
margin-right: 17px;
}  .aboutus-section {
background: #1f96fc;
width: 100%;
display: flex;
padding: 86px 0px 86px 0px;
}
.aboutus-section .row {
align-items: center;
}
.about-con h2 {
font-weight: 800;
font-size: 32px;
line-height: 100%;
letter-spacing: 0.02em;
color: var(--color-wh);
}
.about-con p {
font-size: 18px;
line-height: 120%;
color: var(--color-wh);
margin: 11px 0px 0px 0px;
}
.about-con p a{
color: var(--color-wh);
text-decoration: underline;
}
.about-con ul {
list-style: none;
margin-top: 11px;
padding: 0px;
counter-reset: section;
}
.about-con ul li {
margin: 11px 0 0 0;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: var(--color-wh);
padding-left: 30px;
position: relative;
}
.about-con ul li:first-child {
margin-top: 0;
}
.about-con ul li a {
color: var(--color-wh);
text-decoration: underline;
}
.about-con ul li:before {
content: '';
background: var(--color-wh);
position: absolute;
left: 0;
top: 7px;
height: 7px;
width: 7px;
border-radius: 50%;
display: inline-block;
}
.about-con ol {
counter-reset: section;
list-style-type: none;
margin-top: 11px;
padding: 0px;
}
.about-con ol li:first-child {
margin-top: 0;
}
.about-con ol li {
margin: 11px 0 0 0;
padding-left: 30px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: var(--color-wh);
position: relative;
}
.about-con ol li a {
color: var(--color-wh);
text-decoration: underline;
}
.about-con ol li:before {
position: absolute;
left: 0;
top: 0px;
counter-increment: section;
content: counters(section, ".") ".";
font-weight: 500;
font-size: 18px;
line-height: 120%;
color: var(--color-wh);
height: auto;
width: auto;
background: none;
}
.about-con ul ol li:before {
height: auto;
width: auto;
background: none;
}
.about-con ol ul li:before {
height: 7px;
width: 7px;
content: '';
top: 8px;
background: var(--color-wh);
}
.about-con ul ol,
.about-con ol ul {
padding-left: 20px;
}
.about-con ol li ol li {
padding-left: 40px;
}
.about-con {
max-width: 530px;
}  .ourservices-section {
width: 100%;
display: flex;
padding: 60px 0px 107px 0px;
}
.ourservices-section h2 {
font-weight: 800;
font-size: 32px;
line-height: 100%;
text-align: center;
letter-spacing: 0.02em;
color: var(--color-black);
margin-bottom: 60px;
}
.service-box {
background: var(--color-blue);
width: 300px;
height: 300px;
border-radius: 200px;
display: flex;
flex-wrap: wrap;
align-content: center;
justify-content: center;
text-align: center;
}
.ourservices-section .col-md-3 {
margin-bottom: 28px;
}
.service-icon {
width: 100%;
display: flex;
justify-content: center;
align-items: flex-start;
}
.service-box h3 {
font-size: 22px;
line-height: 100%;
color: var(--color-wh);
margin-top: 20px;
padding: 0 40px;
}
.ourservices-con {
max-width: 815px;
margin: auto;
margin-top: 57px;
}
.ourservices-con p {
font-size: 18px;
line-height: 120%;
text-align: center;
color: var(--color-black);
margin-bottom: 36px;
}
.ourservices-btn {
width: 100%;
display: flex;
justify-content: center;
}
.org-btn.getin-touch {
padding: 20px 20px 20px 20px;
}  .whatourcustomers-section {
background: rgba(30, 150, 252, 0.1);
padding: 80px 0 120px 0;
}
.whatourcustomers-section h2 {
font-weight: 800;
font-size: 32px;
line-height: 100%;
text-align: center;
letter-spacing: 0.02em;
color: var(--color-black);
}
.whatourcustomers-list {
padding: 35px 0 0 0;
}
.whatourcustomers-list .col-md-3{ 
padding:24px 12px 0; 
}
.whatourcustomers-list .slick-list{
overflow:visible;
}
.whatourcustomers-box {
background: var(--color-wh);
padding: 72px 37px 150px 37px;
box-shadow: 0px 3.48993px 34.8993px rgba(0, 0, 0, 0.25);
position: relative;
height: 100%;
}
.whatourcustomers-box:after {
content: "";
position: absolute;
right: 14px;
top: 16px;
background: url(//eliteglasspolishing.uk/wp-content/themes/egp/images/quote-icon.svg) no-repeat 0 0;
width: 41px;
height: 37px;
}
.whatourcustomers-content p:first-child {
padding: 0;
}
.whatourcustomers-content p {
font-weight: 200;
font-size: 14px;
line-height: 120%;
letter-spacing: 0.436242px;
color: var(--color-black);
padding: 25px 0 0 0;
}
.client-name {
position: absolute;
left: 35px;
bottom: 27px;
font-weight: 400;
font-size: 15px;
line-height: 140%;
letter-spacing: 0.130872px;
color: var(--color-blue);
}
.client-name strong {
font-weight: 700;
display: block;
}  .pricing-section {
padding: 59px 0 97px;
}
.pricing-section .container {
max-width: 1108px;
}
.pricing-section h3 {
font-weight: 800;
font-size: 32px;
line-height: 100%;
text-align: center;
letter-spacing: 0.02em;
color: var(--color-black);
}
.pricing-section .accordion-item { 
padding: 28px 0 0 0; 
border: none; 
border-radius: 0; 
}
.pricing-section .accordion-button {
padding: 25px 70px 25px 25px;
background: var(--color-blue);
border: none;
border-radius: 10px;
font-weight: 600;
font-size: 24px;
line-height: 120%;
color: var(--color-wh);
position:relative;
}
.pricing-section .accordion-button:after {
content: "";
position: absolute;
top: 0; 
right: 0;
background:url(//eliteglasspolishing.uk/wp-content/themes/egp/images/accordion_downarrow.svg) no-repeat center;
width:70px;
height:80px;
}
.pricing-section .accordion-button:not(.collapsed):after {
background: url(//eliteglasspolishing.uk/wp-content/themes/egp/images/accordion_uparrow.svg) no-repeat center;
transform: rotate(0);
-webkit-transform: rotate(0);
}
.pricing-section .accordion-item:first-of-type .accordion-button {
border-radius: 10px;
}
.pricing-section .accordion-item:last-of-type .accordion-button.collapsed {
border-radius: 10px;
}
.accordion-button:focus { 
box-shadow: none; 
}
.pricing-section .accordion-body {
padding: 26px 25px 14px 25px;	
}
.pricing-section .accordion-body h4,
.pricing-section .accordion-body h5,
.pricing-section .accordion-body h6 {
font-weight: 700;
font-size: 18px;
line-height: 120%;
color: var(--color-black);
}
.pricing-section .accordion-body p {
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: var(--color-black);
padding: 14px 0 10px;
}
.pricing-section .accordion-body p a {
color: var(--color-black);
text-decoration: underline;
}
.pricing-section .accordion-body ul {
list-style: none;
margin-top: 14px;
padding: 0px;
counter-reset: section;
}
.pricing-section .accordion-body ul li {
margin: 11px 0 0 0;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: var(--color-black);
padding-left: 30px;
position: relative;
}
.pricing-section .accordion-body ul li:first-child {
margin-top: 0;
}
.pricing-section .accordion-body ul li a {
color: var(--color-wh);
text-decoration: underline;
}
.pricing-section .accordion-body ul li:before {
content: '';
background: var(--color-black);
position: absolute;
left: 0;
top: 7px;
height: 7px;
width: 7px;
border-radius: 50%;
display: inline-block;
}
.pricing-section .accordion-body ol {
counter-reset: section;
list-style-type: none;
margin-top: 14px;
padding: 0px;
}
.pricing-section .accordion-body ol li:first-child {
margin-top: 0;
}
.pricing-section .accordion-body ol li {
margin: 11px 0 0 0;
padding-left: 30px;
font-style: normal;
font-weight: 400;
font-size: 18px;
line-height: 120%;
color: var(--color-black);
position: relative;
}
.pricing-section .accordion-body ol li a {
color: var(--color-black);
text-decoration: underline;
}
.pricing-section .accordion-body ol li:before {
position: absolute;
left: 0;
top: 0px;
counter-increment: section;
content: counters(section, ".") ".";
font-weight: 500;
font-size: 18px;
line-height: 120%;
color: var(--color-black);
height: auto;
width: auto;
background: none;
}
.pricing-section .accordion-body ul ol li:before {
height: auto;
width: auto;
background: none;
}
.pricing-section .accordion-body ol ul li:before {
height: 7px;
width: 7px;
content: '';
top: 8px;
background: var(--color-black);
}
.pricing-section .accordion-body ul ol,
.pricing-section .accordion-body ol ul {
padding-left: 20px;
}
.pricing-section .accordion-body ol li ol li {
padding-left: 40px;
}  .contactinfo-section {
padding: 69px 0;
background: var(--color-blue) url(//eliteglasspolishing.uk/wp-content/themes/egp/images/contact-bg.png);
background-size: cover;
position: relative;
}
.contactinfo-section .container {
max-width: 1108px;
}
.contactinfo-section .row {
align-items: center;
}
.contactinfo-wrap h3 {
max-width: 350px;
font-weight: 700;
font-size: 45px;
line-height: 54px;
letter-spacing: 0.25px;
color: var(--color-wh);
}
.cont-phone {
padding: 42px 0 0 0;
}
.cont-phone a {
display: inline-block;
position: relative;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.02em;
text-decoration: underline;
color: var(--color-wh);
padding: 0 0 0 29px;
}
.cont-phone a:after {
content: "";
position: absolute;
left: 0;
top: 50%;
margin-top: -7px;
background: url(//eliteglasspolishing.uk/wp-content/themes/egp/images/phone-wh.svg) no-repeat 0 0;
width: 15px;
height: 15px;
}
.cont-email {
padding: 4px 0 0 0;
}
.cont-email a {
display: inline-block;
position: relative;
font-size: 18px;
line-height: 24px;
letter-spacing: 0.02em;
text-decoration: underline;
color: var(--color-wh);
padding: 0 0 0 29px;
}
.cont-email a:after {
content: "";
position: absolute;
left: 0;
top: 50%;
margin-top: -4px;
background: url(//eliteglasspolishing.uk/wp-content/themes/egp/images/email-wh.svg) no-repeat 0 0;
width: 15px;
height: 12px;
}
.cont-address {
margin: 23px 0 0 0;
padding: 0 0 0 29px;
font-size: 18px;
line-height: 29px;
letter-spacing: 0.02em;
color: var(--color-wh);
display: block;
position: relative;
}
.cont-address p{
font-size: 18px;
line-height: 29px;
letter-spacing: 0.02em;
color: var(--color-wh);
}
.cont-address:after {
content: "";
position: absolute;
left: 0;
top: 6px;
background: url(//eliteglasspolishing.uk/wp-content/themes/egp/images/address-icon.svg) no-repeat 0 0;
width: 10px;
height: 16px;
}
.conatct-form {
position: relative;
background: var(--color-wh);
padding: 68px 81px 69px 81px;
border-radius: 10px;
}
.conatct-form h2 {
font-weight: 700;
font-size: 38px;
line-height: 46px;
text-align: center;
color: var(--color-blue);
}
.contacttext-box {
padding: 45px 0 0 0;
}
input[type="text"] {
width: 100%;
height: 32px;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
color: var(--color-black);
border: none;
border-bottom: 1px solid var(--color-blue);
padding: 0 10px;
letter-spacing: 1.5px;
}
input[type="text"]::-webkit-input-placeholder {
color: var(--color-black);
opacity: 0.8;
}
input[type="text"]::-moz-placeholder {
color: var(--color-black);
opacity: 0.8;
}
input[type="text"]:-ms-input-placeholder {
color: var(--color-black);
opacity: 0.8;
}
input[type="text"]:-moz-placeholder {
color: var(--color-black);
opacity: 0.8;
}
input[type="email"] {
width: 100%;
height: 32px;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
color: var(--color-black);
border: none;
border-bottom: 1px solid var(--color-blue);
padding: 0 10px;
letter-spacing: 1.5px;
}
input[type="email"]::-webkit-input-placeholder {
color: var(--color-black);
opacity: 0.8;
}
input[type="email"]::-moz-placeholder {
color: var(--color-black);
opacity: 0.8;
}
input[type="email"]:-ms-input-placeholder {
color: var(--color-black);
opacity: 0.8;
}
input[type="email"]:-moz-placeholder {
color: var(--color-black);
opacity: 0.8;
}
.contacttextarea-box {
padding: 45px 0 0 0;
}
textarea {
width: 100%;
height: 112px;
font-weight: 500;
font-size: 12px;
text-transform: uppercase;
color: var(--color-black);
border: none;
border-bottom: 1px solid var(--color-blue);
padding: 0 10px 20px;
letter-spacing: 1.5px;
}
textarea::-webkit-input-placeholder {
color: var(--color-black);
opacity: 0.8;
}
textarea::-moz-placeholder {
color: var(--color-black);
opacity: 0.8;
}
textarea:-ms-input-placeholder {
color: var(--color-black);
opacity: 0.8;
}
textarea:-moz-placeholder {
color: var(--color-black);
opacity: 0.8;
}
.contactsubmit-box {
padding: 40px 0 0 0;
text-align: center;
}
.contactsubmit-box p {
position: relative;
margin-top: 40px;
}
.contactsubmit-box .g-recaptcha{
display: flex;
justify-content: center;
}
input[type="submit"].wpcf7-submit {
display: inline-block;
width: 188px;
background: var(--color-orange);
height: 48px;
font-weight: 700;
font-size: 18px;
text-align: center;
letter-spacing: 0.02em;
text-transform: uppercase;
color: var(--color-wh);
border: none;
border-radius: 10px;
}
.contactsubmit-box .wpcf7-spinner {
position: absolute;
left: 50%;
margin-left: 100px;
top: 12px;
}
.conatct-form .invalid .wpcf7-response-output {
display: none;
}
.conatct-form .wpcf7 form.sent .wpcf7-response-output {
border: none;
text-align: center;
color: green;
padding: 0;
margin: 25px 0 0 0;
}  .site-footer {
width: 100%;
display: flex;
background: #1671BF;
padding: 20px 0px 20px 0px;
}
.footer-wrapper {
justify-content: space-between;
display: flex;
width: 100%;
align-items: center;
}
.footer-menu {
width: 100%;
}
.footer-logo {
width: 100%;
text-align: center;
}
.site-info {
width: 100%;
text-align: right;
}
.footer-menu ul {
display: flex;
}
.footer-menu ul li {
padding: 0px 22px;
}
.footer-menu ul li:first-child {
padding-left: 0px;
}
.footer-menu ul li a {
letter-spacing: 0.02em;
font-size: 15px;
color: var(--color-wh);
font-weight: 300;
}
.site-info {
letter-spacing: 0.02em;
color: var(--color-wh);
font-weight: 300;
font-size: 15px;
}
.site-info a{
color: #FFFFFF;
}