/* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 500; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* hebrew */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format('woff2'); unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F; } /* vietnamese */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 800; font-stretch: 100%; src: url(fonts/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url(fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmhduz8A.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url(fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwkxduz8A.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url(fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmxduz8A.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url(fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlBduz8A.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url(fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmBduz8A.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url(fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Source Sans Pro'; font-style: normal; font-weight: 600; src: url(fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwlxdu.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* cyrillic-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url(fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w0aXpsog.woff2) format('woff2'); unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } /* cyrillic */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url(fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w9aXpsog.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* vietnamese */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url(fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w2aXpsog.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } /* latin-ext */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url(fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w3aXpsog.woff2) format('woff2'); unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url(fonts/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM73w5aXo.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'UKNumberPlate'; font-style: normal; font-weight: 400; src: local('UKNumberPlate'), url('fonts/UKNumberPlate.woff') format('woff'); } body { font-family: Open Sans,sans-serif!important; } .navbar-toggle { border: none; background: transparent !important; } .navbar-toggle:hover { background: transparent !important; } .navbar-toggle .icon-bar { width: 22px; -webkit-transition: all 0.2s; transition: all 0.2s; } /* ANIMATED X */ .navbar-toggle.x .icon-bar:nth-of-type(1) { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 10% 10%; -ms-transform-origin: 10% 10%; transform-origin: 10% 10%; } .navbar-toggle.x .icon-bar:nth-of-type(2) { opacity: 0; filter: alpha(opacity=0); } .navbar-toggle.x .icon-bar:nth-of-type(3) { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 10% 90%; -ms-transform-origin: 10% 90%; transform-origin: 10% 90%; } /* ANIMATED X COLLAPSED */ .navbar-toggle.x.collapsed .icon-bar:nth-of-type(1) { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } .navbar-toggle.x.collapsed .icon-bar:nth-of-type(2) { opacity: 1; filter: alpha(opacity=100); } .navbar-toggle.x.collapsed .icon-bar:nth-of-type(3) { -webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); } /* END ANIMATED X */ .navbar-toggle .icon-bar { background-color: #000; } header { background: linear-gradient(90deg,#24ea9e -14.38%,#1ada8d 77.77%,#16d386 111.85%); min-height: 75px; padding-left: 15px; padding-top: 10px; } .top-banner { background: #2661c5; color: #fff; font-weight: 600; line-height: 19px; padding: 6px 20px; text-align: center; } .navbar-nav li a { color: #000; font-weight: bold; } .nav>li>a:hover, .nav>li>a:focus { background: none!important; } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus{ background: none; } .navbar-nav li a:active { background: none; } .navbar-collapse { background: linear-gradient(90deg,#24ea9e -14.38%,#1ada8d 77.77%,#16d386 111.85%); width: 105%; margin-left: -16px; } .nav-phone { background: #2661c5; border: 3px solid #2661c5; border-radius: 12px; color: #fff; padding: 8px 16px 8px 43px; position: relative; width: 160px; margin-top: 3px; margin-left: 10px; } .nav-phone:hover { background-color: #024ece; border: 3px solid #023ea5; } .nav-phone:before { content: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.6875 15.4792C12.8541 15.4792 11.0937 15.1562 9.40621 14.5104C7.71871 13.8646 6.22565 12.9687 4.92704 11.8229C3.62843 10.6771 2.59371 9.32292 1.82288 7.76042C1.05204 6.19792 0.666626 4.5 0.666626 2.66667C0.666626 2.05556 0.836765 1.54167 1.17704 1.125C1.51732 0.708333 1.99996 0.5 2.62496 0.5H4.56246C4.93746 0.5 5.22913 0.607639 5.43746 0.822917C5.64579 1.03819 5.79163 1.34722 5.87496 1.75C5.95829 2.16667 6.05204 2.59722 6.15621 3.04167C6.26038 3.48611 6.3819 3.88194 6.52079 4.22917C6.64579 4.52083 6.68399 4.79514 6.63538 5.05208C6.58676 5.30903 6.4444 5.55556 6.20829 5.79167L4.58329 7.375C5.24996 8.34722 6.17704 9.28819 7.36454 10.1979C8.55204 11.1076 9.70829 11.7292 10.8333 12.0625L11.7916 10.125C11.9166 9.875 12.0763 9.70486 12.2708 9.61458C12.4652 9.52431 12.7361 9.49306 13.0833 9.52083C13.4444 9.54861 13.802 9.5625 14.1562 9.5625C14.5104 9.5625 14.9097 9.54861 15.3541 9.52083C15.7708 9.49306 16.1215 9.60417 16.4062 9.85417C16.6909 10.1042 16.8819 10.5069 16.9791 11.0625L17.3125 12.9375C17.3125 12.9375 17.3263 13.0556 17.3541 13.2917C17.3541 13.875 17.1145 14.3854 16.6354 14.8229C16.1562 15.2604 15.5069 15.4792 14.6875 15.4792Z' fill='%2319D88B'/%3e%3c/svg%3e "); display: inline-block; left: 18px; position: absolute; top: 50%; transform: translateY(-40%); } .nav-phone a { padding: 0!important; } li.nav-phone a { color: #fff; } .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { text-decoration: none; color: #000; background: none!important; } .dropdown-menu>li>a { padding: 5px 0px; } .dropdown-menu { padding: 10px; } .mt-40{ margin-top: 40px; } .mt-20{ margin-top: 20px; } .mt-10{ margin-top: 10px; } .entry-content{ text-align: center; } .steps-banner{ width: 100%; margin: auto; margin-top: 30px; } .entry-content .main-heading{ font-family: 'Source Sans Pro'; font-weight: 600; line-height: 1.2; font-size: 40px; color: #000; } .entry-content .sub-heading { font-size: 25px; font-weight: 600; line-height: 1.4; color: #000; } .form-wrapper{ text-align: center; margin-top: 20px; } .form-wrapper .form-heading { font-family: 'Source Sans Pro'; font-weight: 600; color: #000; } #value_form { padding: 20px; border-radius: 15px; float: left; width: 100%; } #value_form .form-row { margin-bottom: 15px; float: left; width: 100%; text-align: center; } #value_form label { width: 100%; float: left; } #value_form input { width: 100%; float: left; } #value_form .form-row button { background: #2caa59; } #value_form .form-row button { width: 100%; max-width: 500px; border-radius: 15px; outline: 0; border: 0; color: #fff; line-height: 30px; padding: 10px 40px; margin-top: 10px; font-size: 17px; } button:focus, .menu-toggle:hover, button:hover, .ast-button:hover, .ast-custom-button:hover .button:hover, .ast-custom-button:hover, input[type=reset]:hover, input[type=reset]:focus, input#submit:hover, input#submit:focus, input[type=button]:hover, input[type=button]:focus, input[type=submit]:hover, input[type=submit]:focus { color: #fff; } input[type=email], input[type=number], input[type=password], input[type=reset], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea { color: #666; padding: 0.75em; height: auto; border-width: 1px; border-style: solid; border-color: #eaeaea; border-radius: 2px; background: #fafafa; box-shadow: none; box-sizing: border-box; transition: all .2s linear; } input[type=email], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], textarea { color: #666; border: 1px solid #ccc; border-radius: 2px; -webkit-appearance: none; } button, input, select, textarea, .ast-button, .ast-custom-button { font-family: 'Montserrat',sans-serif; font-weight: 700; } .post-content h2{ font-family: 'Source Sans Pro'; font-weight: 600; color: #000; } .post-content p{ font-size: 15px; font-style: normal; font-weight: 400; color: rgb(122, 122, 122); white-space: normal; line-height: 24px; } /*** ==================================================================== Main Header style ==================================================================== ***/ .main-header{ position:absolute; left:0px; top:0px; z-index:999; width:100%; } .main-header .auto-container{ position:relative; } .main-header .main-box{ position:relative; padding:0px 0px; left:0px; top:0px; width:100%; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-header.fixed-header .main-box{ position:fixed; border-bottom:1px solid #181818; padding:0px 0px; z-index:999; opacity:1; visibility:visible; background-color:#212121; } .main-header .main-box .outer-container{ position:relative; } .main-header .main-box .logo-box{ position:relative; float:left; left:0px; z-index:10; padding:22px 0px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .fixed-header .main-box .logo-box{ padding:1px 0px; } .main-header .main-box .logo-box .logo img{ display:inline-block; max-width:100%; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-header .nav-toggler button{ position:relative; display:block; color:#444444; text-align:center; font-size:24px; line-height:34px; font-weight:normal; background:none; } .main-header .nav-outer{ position:relative; float:right; } .main-menu{ position:relative; float:left; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-menu .navbar-collapse{ padding:0px; } .main-menu .navigation{ position:relative; margin:0px; } .main-menu .navigation > li{ position:relative; margin-right:30px; display:inline-block; padding:20px 0px 20px; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -moz-transition:all 300ms ease; transition:all 300ms ease; } .main-menu .navigation > li:last-child{ margin-right:0px; } .fixed-header .main-menu .navigation > li{ padding:20px 0px; } .fixed-header .info-options{ padding:38px 0px !important; } .header-style-two .main-menu .navigation > li > a{ color:#1b3452; } .header-style-two.alternate{ position:relative; border-bottom:1px solid #eeeeee; } .main-menu .navigation > li > a{ position:relative; display:block; padding:0px 0px; color:#ffffff; text-align:center; line-height:30px; text-transform:capitalize; letter-spacing:0px; opacity:1; font-weight:700; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; font-family: Open Sans,sans-serif; font-size: 14px; } .main-menu .navigation > li > a:hover{ border-bottom: 3px solid #db6c38; text-decoration:none; width: 100%; left: 0; z-index: 2; } .main-menu .navigation > li.dropdown > a:before { font-family: 'FontAwesome'; content: "\f107"; position: absolute; right: 0px; font-size: 14px; line-height:32px; } .main-menu .navigation > li.dropdown a { padding-right: 15px; } .main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a{ color:#ffffff; opacity:1; } .header-top { background: #2661c5; color: #fff; font-weight: 600; line-height: 19px; padding: 6px 20px; text-align: center; } .main-menu .navigation > li > ul{ position:absolute; top:60%; width:340px; padding:0px; z-index:100; display:none; background:#ffffff; border-radius:12px; left: 50%; text-align:center; position: absolute; transform: translateX(-50%); transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li{ position:relative; width:100%; /*border-bottom:1px solid rgba(0,0,0,0.07);*/ } .main-menu .navigation > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > a{ position:relative; display:block; padding:10px 15px; line-height:24px; font-weight:500; font-size:14px; border-radius:12px; color:#292929; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li:hover > a{ color:#000; background:#ffffff; } .main-menu .navigation > li > ul > li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f105"; position:absolute; right:10px; top:12px; width:10px; height:20px; display:block; color:#292929; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li.dropdown:hover > a:after{ color:#ffffff; } .main-menu .navigation > li > ul > li > ul{ position:absolute; left:100%; top:20px; width:220px; padding:0px; z-index:100; display:none; background:#ffffff; border-top:2px solid #7e7ae6; -webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -ms-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -o-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); box-shadow:2px 2px 5px 1px rgba(0,0,0,0.05),-2px 0px 5px 1px rgba(0,0,0,0.05); } .main-menu .navigation > li > ul > li > ul.from-right{ left:auto; right:0px; } .main-menu .navigation > li > ul > li > ul > li{ position:relative; width:100%; border-bottom:1px solid rgba(0,0,0,0.07); } .main-menu .navigation > li > ul > li > ul > li:last-child{ border-bottom:none; } .main-menu .navigation > li > ul > li > ul > li > a{ position:relative; display:block; padding:10px 15px; line-height:24px; font-weight:500; font-size:14px; text-transform:capitalize; color:#292929; transition:all 500ms ease; -moz-transition:all 500ms ease; -webkit-transition:all 500ms ease; -ms-transition:all 500ms ease; -o-transition:all 500ms ease; } .main-menu .navigation > li > ul > li > ul > li:hover > a{ color:#ffffff; background:#7e7ae6; padding-left:25px; } .main-menu .navigation > li > ul > li > ul > li.dropdown > a:after{ font-family: 'FontAwesome'; content: "\f105"; position:absolute; right:10px; top:11px; width:10px; height:20px; display:block; color:#292929; line-height:20px; font-size:16px; font-weight:normal; text-align:center; z-index:5; } .main-menu .navigation > li > ul > li > ul > li.dropdown:hover > a:after{ color:#ffffff; } .main-menu .navigation > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:100%; } .main-menu .navigation li > ul > li.dropdown:hover > ul{ visibility:visible; opacity:1; top:0; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .main-menu .navbar-collapse > ul li.dropdown .dropdown-btn{ position:absolute; right:10px; top:6px; width:34px; height:30px; text-align:center; color:#ffffff; line-height:28px; border:0px solid #ffffff; background-size:20px; cursor:pointer; z-index:5; display:none; } .main-header .outer-box{ position:relative; float:right; margin-left:25px; padding: 20px 0px; transition:all 300ms ease; -moz-transition:all 300ms ease; -webkit-transition:all 300ms ease; -ms-transition:all 300ms ease; -o-transition:all 300ms ease; } .fixed-header .outer-box{ padding:17px 0px 8px; } .main-header .outer-box .cart-btn{ position:relative; color:#ffffff; font-size:20px; } .main-header .outer-box .cart-btn:hover{ opacity:0.70; } .header-style-two .main-menu .navigation > li > a, .header-style-two .outer-box .cart-btn, .header-style-three.fixed-header .main-menu .navigation > li > a, .header-style-three.fixed-header .outer-box .cart-btn{ color:#232323; } .header-style-two.fixed-header .main-box, .header-style-three.fixed-header .main-box{ background-color:#ffffff; border-color:#eeeeee; } @media only screen and (min-width: 1200px){ .container { width: 1280px; } } @media only screen and (min-width: 769px){ header { padding: 10px 70px; } .dropdown-menu:before { border-bottom: 20px solid #fff; border-left: 20px solid transparent; border-right: 20px solid transparent; content: ""; height: 0; position: absolute; top: -8px; right: 40px; width: 0; } .dropdown-menu{ border-radius: 12px!important; background-color: #fff; } .navbar-right { margin-right: -50px; } .steps-banner{ width: 90%; } } @media only screen and (min-width: 769px) and (max-width: 810px){ header { padding: 10px 70px 10px 25px; } } @media only screen and (min-width: 1000px){ .navbar-right { margin-right: 20px; } .nav li { margin-left: 5px; margin-right: 5px; font-size: 15px; } } footer{ background-color: #2d2d2b; padding-top: 50px; font-family: "Roboto",Sans-serif; font-size: 16px; font-weight: 400; line-height: 1.2em; } footer .row{ margin: 0; } .main-footer{ position:relative; } .main-footer .footer-upper{ position:relative; } .main-footer .footer-upper .content-column{ position:relative; margin-bottom:30px; } .main-footer .footer-upper h2{ position:relative; color:#ffffff; font-size:42px; font-weight:600; line-height:1.3em; margin-bottom:30px; } .main-footer .footer-upper h2 span{ font-weight:300; } .main-footer .footer-upper .btns-box{ position:relative; } .main-footer .footer-upper .btns-box a{ position:relative; margin-right:18px; margin-bottom:15px; display:inline-block; } .main-footer .footer-upper .form-column{ position:relative; text-align:right; } .main-footer .footer-upper .form-column h2{ position:relative; color:#ffffff; font-size:42px; font-weight:600; line-height:1.3em; margin-bottom:30px; } .main-footer.style-two{ padding-top:0px; background-color:#0a15a9; } .main-footer .widgets-section{ position:relative; padding-top:50px; } .main-footer .widgets-section .footer-column{ position:relative; margin-bottom:30px; } .main-footer .widgets-section .logo-widget .text{ position:relative; font-size:14px; font-weight:400; color:#ffffff; line-height:1.7em; margin-bottom:20px; } .main-footer .widgets-section h2{ position:relative; color:#ffffff; font-size:20px; font-weight:600; line-height:1.4em; margin-bottom:22px; letter-spacing:1px; } /*List*/ .main-footer .list{ position:relative; } .main-footer .list li{ position:relative; margin-bottom:18px; } .main-footer .list li a{ position:relative; font-size:15px; padding-left:25px; color:rgba(255,255,255,0.90); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .main-footer .list li a:before{ position:absolute; content:'\f105'; left:0px; top:0px; line-height:1em; font-family: 'FontAwesome'; } .main-footer .list li a:hover{ color:#fdd415; } /*List Two*/ .main-footer .list-two{ position:relative; } .main-footer .list-two li{ padding:13px 0px; } .main-footer .list-two li a{ position:relative; font-family: "Roboto",Sans-serif; font-size: 16px; font-weight: 400; /* list-style: none; */ padding: 13px 0px; text-transform:capitalize; color:rgba(255,255,255,0.95); transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; } .main-footer .list-two li a:hover{ color: #db6c38; text-decoration: none; } .main-footer .footer-bottom{ position:relative; } .main-footer .footer-bottom .bottom-inner{ color:#ffffff; position:relative; padding:22px 0px; border-top:0px solid rgba(255,255,255,0.60); } .main-footer .footer-bottom .bottom-inner .text{ position:relative; color:#ffffff; font-size:14px; } .main-footer .footer-bottom .bottom-inner .social-column{ text-align:center; } .footer-column ul { list-style: none; } footer ul li a:focus { text-decoration: none; outline: 0; } .footer-widget ul { padding-left: 0; } .social-column{ line-height: 22px; } .social-column a{ color: #fff; } .social-column a:focus, .social-column a:hover{ text-decoration: none; outline: 0; color: #db6c38; } @media (max-width: 992px){ .footer-column { margin-bottom: 20px; } footer{ font-size: 13px; } .footer-column ul li a { font-size: 13px!important; } } @media only screen and (max-width: 475px){ .footer-column { padding: 0; margin-left: -17px; } .footer-widget ul { padding-left: 20px; } } header { background: linear-gradient(90deg,#24ea9e -14.38%,#1ada8d 77.77%,#16d386 111.85%); justify-content: space-between; padding: 20px; width: 100%; font-family: 'Open Sans'; font-weight: 800; } header.green-background { background: linear-gradient(90deg,#24ea9e -14.38%,#1ada8d 77.77%,#16d386 111.85%) } .nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background: none !important; } .nav .open>a, .nav .open>a:hover, .nav .open>a:focus { background: none; } .nav-toggle { display: none } .nav-toggle-label { cursor: pointer; position: absolute; right: 2rem } .nav-toggle-label span,.nav-toggle-label span:after,.nav-toggle-label span:before { background: #000; border-radius: 2px; display: inline-block; height: 2px; position: relative; width: 2rem } .nav-toggle-label span:after,.nav-toggle-label span:before { content: ""; position: absolute } .nav-toggle-label span:before { bottom: 7px } .nav-toggle-label span:after { top: 7px } nav.elementary-nav { max-height: 0; opacity: 0; transform: scaleY(0); transform-origin: top; transition: opacity .2s ease-out,transform .3s ease-out } .nav-toggle:checked~nav { max-height: 100vh; opacity: 1; transform: scaleY(1) } .nav-toggle:checked~.nav-toggle-label span { background: 0 0 } .nav-toggle:checked~.nav-toggle-label span:before { top: 0; transform: rotate(-45deg) } .nav-toggle:checked~.nav-toggle-label span:after { top: 0; transform: rotate(45deg) } .nav { list-style-type: none; margin: 0 auto; padding-top: 10px; text-align: center } .nav__item a { color: #000; display: block; font-size: 14px; font-weight: 700; position: relative } .nav__item a:hover { text-decoration: underline } .nav__item.phone-number { background: #2661c5; border: 3px solid #2661c5; border-radius: 12px; display: inline-block; margin-top: .5rem; padding: 5px 16px } .nav__item.phone-number a { color: #fff } .sub-menu { height: 0; opacity: 0; transition: all .3s ease-out } .sub-menu li { display: block; list-style-type: none } .nav__item.has-sub-menu { cursor: pointer; position: relative } .nav__item.has-sub-menu a { pointer-events: none } .nav__item.nav__item.has-sub-menu.open { transition: all .5s ease-out } .nav__item.nav__item.has-sub-menu.open .sub-menu { height: 100%; opacity: 1; padding-left:0; } .nav__item.nav__item.has-sub-menu.open a { pointer-events: unset } .nav__item.has-sub-menu:before { color: #2661c5; content: url(../images/sub-nav-dropdown.svg); float: right; font-weight: 700; margin-left: 5px; position: absolute; right: 0; min-width: 50px; min-height: 40px; z-index: 999; line-height: 40px; } .desktop-only{ display: none; } @media(min-width: 1000px) { header { display: flex !important; padding-left: 80px; padding-right: 80px; padding-top: 0; padding-bottom: 0; } .desktop-only{ display: inline-block; } /* nav */ .logo { display: flex; } .logo svg{ margin: auto; } .nav-toggle-label { display: none; } nav.elementary-nav { display: block; height: unset; opacity: 1; transform: unset; max-height: unset; } .nav { display: flex; height: 100%; align-items: center; padding: 20px 0; } .nav__item { margin-left: 20px !important; } .nav__item a { display: unset; } .nav__item a:hover { text-decoration: none; } .nav-item a:after { content: ""; position: absolute; bottom: -5px; left: 0; width: 100%; height: 0.2rem; background-color: #000; opacity: 0; transition: opacity .2s ease-out; } .nav-item a:hover:after, .nav-item a:focus:after { opacity: 1; } .nav-item a:after { opacity: 0; } .nav-item a:hover:after, .nav-item a:focus:after { opacity: 0; } .nav-item { position: relative; } .nav-item:after { content: ""; position: absolute; bottom: -5px; left: 0; width: 100%; height: 0.2rem; background-color: #000; opacity: 0; transition: opacity .2s ease-out; } .nav-item:hover:after, .nav0item:focus:after { opacity: 1; } .nav-item a { padding-bottom: 20px; } .nav__item.phone-number { padding: unset; display: unset; padding: unset; background: unset; display: unset; background: unset; border: unset; } .nav__item:last-child a { background: #2661C5; color: #fff; padding: 8px 16px 8px 43px; position: relative; border-radius: 12px; border: solid 3px #2661C5; } .nav-item.has-sub-menu a { pointer-events: unset; } .nav__item.has-sub-menu:before { position: unset; right: unset; display:none; } .nav__item:last-child a:before { content: url('../images/phone.svg'); position: absolute; display: inline-block; top: 50%; transform: translateY(-40%); left: 18px; } .nav__item:last-child a:hover { border: solid 3px #023EA5; background-color: #024ECE; } /* sub menu */ .nav__item.has-sub-menu { position: relative; } .nav__item.has-sub-menu:before { float: right; margin-left: 5px; font-weight: 700; content: url('../images/sub-nav-dropdown.svg');; color: #2661c5; } .sub-menu { background: #fff; border-radius: 12px; position: absolute; top: 42px; margin: 0; width: 330px; padding: 16px 0; left: 50%; transform: translateX(-50%); display: none; opacity: 1; height: unset; z-index:999; } .sub-menu:before { content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; position: absolute; top: -8px; left: 50%; transform: translateX(-50%); } .nav__item.has-sub-menu:hover .sub-menu { display: block; } .sub-menu li{ padding-bottom: 10px; } .sub-menu li a { font-size: 14px; color: #000; line-height: 19px; font-weight: 700; padding-bottom: 0; } .sub-menu a:after { content: ""; position: absolute; bottom: -5px; left: 0; width: 100%; height: 0.2rem; background-color: #000; opacity: 0; transition: opacity .2s ease-out; } .sub-menu li a:hover:after, .sub-menu li a:focus:after { opacity: 1; } } /* reviews start */ .testimonial-meta-inner { display: inline-block; } .testimonial-image { display: table-cell; vertical-align: middle; padding-right: 15px; } .testimonial-image img { width: 60px; height: 60px; border-radius: 50%; -o-object-fit: cover; object-fit: cover; max-width: none; } .testimonial-details { display: table-cell; vertical-align: middle; } .testimonial-name { line-height: 1.5; color: #818a91; font-weight: 600; } .testimonial-job { font-size: .85em; display: block; text-align: left; color: #818a91; font-weight: 600; } .testimonail-item-text { color: #818a91; font-weight: 600; } .reviews h1 { font-weight: 600; margin-top: 60px; } .reviews h3 { font-weight: 600; } .testimonail-item-text-bottom { color: #818a91; } .feefo-reviews { margin-top: 20px; text-align: center; overflow: hidden; } /* reviews end */ .pc-hero-content{ text-align: center; } .pc-hero-content h1{ font-family: 'Source Sans Pro'; font-weight: 600; color: #000; } .pc-mid-content{ margin-top: 60px; margin-left: 0; margin-right: 0; } .pc-mid-content .col{ margin-bottom: 40px; } .pc-mid-content h2, .pc-end-content h2{ font-family: 'Source Sans Pro'; font-weight: 600; color: #000; margin-bottom: 25px; } .pc-mid-content h4{ font-size: 20px; font-weight: 600; line-height: 1.5; color: #000; font-family: sans-serif!important; margin-bottom: 25px; } .pc-mid-content p, .pc-end-content p{ color: #808285; font-weight: 600; font-family: sans-serif!important; line-height: 1.85; margin-bottom: 10px; } .pc-end-content h3{ color: #000; font-size: 25px; font-weight: 600; margin-bottom: 25px; line-height: 1.3; font-family: sans-serif!important; } .pc-end-content{ margin-left: 0; margin-right: 0; } .pc-end-content img{ width: 100%; } .pc-end-content{ margin-bottom: 50px; } /* powered by copart end */ /* cfc-global start */ .cfc-global, .cfc-global h1, .cfc-global h2, .cfc-global h4, .cfc-global h3 { font-weight: 600; margin-bottom: 30px; color: #000; } .cfc-global p { color: #818a91; } .cfc-global a , .container.terms a{ color:#2caa59; } /* cfc-global end */ .container.terms p, .container.terms ol, .container.terms ul { text-align: left; color: #818a91; font-weight: 600; } .container.promise h1, .container.promise h2, .container.promise h3, .container.promise h4 { font-weight: 600; margin-bottom: 20px; } /* thank you start */ .mt-40{ margin-top: 40px; } .mt-20{ margin-top: 20px; } .mt-10{ margin-top: 10px; } .thank-you-intro { border: 40px solid #16d386; display: flex; margin: 70px auto 80px; max-width: 1280px; height: auto; border-left: 0; margin-right: 20px; } .intro-content-desktop { display: none; } .thank-you-intro h2 { color: #000; font-size: 33px; font-weight: 800; line-height: 1.3; margin-bottom: 20px; font-family: 'Source Sans Pro'; } .thank-you-intro p { font-weight: 600; padding-top: 8px; font-family: 'Source Sans Pro'; } .intro-image { flex: 1; margin: -80px 0; position: relative; text-align: center; margin-left: 60px; } .intro-content-mobile { display: block; padding: 0 25px; text-align: center; width: 100%; margin-bottom: 40px; } .intro-content-mobile h2{ color: #000; font-size: 30px; font-weight: 800; line-height: 1.3; margin-bottom: 20px; font-family: 'Source Sans Pro'; } .intro-content-mobile p { font-weight: 600; font-family: 'Source Sans Pro'; padding-top: 8px; } .thank-you-points-container { background-color: #f2f2f2; padding-top: 40px; text-align: center; } .thank-you-points-container h2{ color: #000; font-size: 30px; font-weight: 800; line-height: 1.3; margin-bottom: 20px; font-family: 'Source Sans Pro'; } .thank-you-point { border: 2px solid #ddd; border-radius: 1.3333333333rem; padding: 60px 30px 35px; margin-bottom: 30px; } .thank-you-points { padding: 0 20px 55px; margin: 0 auto; max-width: 400px; } .thank-you-point p{ font-weight: 600; line-height: 1.8; margin-top: 25px; font-family: 'Source Sans Pro'; } .quote-form-tc-content { background-color: #eee; color: #000; margin: 0; padding: 40px 20px; } .quote-form-tc-content--inner { margin: 0 auto; max-width: 1280px; } .quote-form-tc-content p { font-weight: 600; line-height: 1.8; margin: 0 10px; font-family: 'Source Sans Pro'; } .quote-form-tc-content--inner a{ cursor: pointer; color: #2caa59; } .quote-form-tc-content--inner a:hover{ text-decoration: none; color: #000; } .modal-content h3{ font-family: "Roboto",Sans-serif; font-size: 16px; font-weight: 600; padding-left: 10px; } .modal-content p, .modal-content ol li { font-weight: 700; color: #888; line-height: 1.8; font-size: 13px; } .modal-content ol{ padding-left: 25px; } .drop-off-message { padding-bottom: 65px; padding-top: 65px; position: relative; margin: 0 10px; } .drop-off-message__inner { border: 8px solid #16d386; border-radius: 10px; display: flex; margin: 0 auto; max-width: 1280px; } .drop-off-message__content h3 { font-size: 30px; font-weight: 800; line-height: 1.5; color: #000; font-family: 'Source Sans Pro'; } .drop-off-message p { font-weight: 600; color: #000; font-family: 'Source Sans Pro'; line-height: 1.8; } .drop-off-message__content { padding: 2.6666666667rem; width: 65%; } .drop-off-message__image { flex: 1; padding-bottom: 35px; text-align: center; } .drop-off-message__image img { margin-top: -4rem; position: relative; } /* thank you end */ /* cash for my car start */ .cash-for-my-car svg { height: 40px; width: 100% !important; } .cash-for-my-car .col-md-4 { margin-top: 60px; } .cash-for-my-car h3 { font-weight: 800; font-size: 3rem; max-width: 300px; margin: auto; } .cash-for-my-car .col-md-4 { margin-top: 60px; } .cash-for-my-car { text-align: center; max-width: 80%; margin: auto; } /* cash for my car end */ /* faq start */ .faq h1 { font-weight: 600; } .faq details.accordion { text-align: left; border: 1px solid #d4d4d4; margin: 0; /* margin: 15px 20px; */ font-weight: 700; line-height: 1; cursor: pointer; outline: none; } .faq summary { padding: 20px; } .faq .content { /* padding: 15px 20px; */ border-top: 1px solid #d4d4d4; margin-top: 10px; padding: 15px 20px; } .faq p { font-weight: 400; } .faq .fa-shipping-fast { display:none; } .faq details.accordion[open] .fa-shipping-fast { display:inline-block; } .faq details.accordion[open] .fa-caret-square-down { display:none; } .faq details.accordion .fa-caret-square-down { display:inline-block; } .faq svg { display:inline; margin-right:10px; } .faq .accordion-block { color: #818a91; } /* faq end */ /* need help start */ .need-help-bg{ background: url('../content/images/why-cash-for-cars-bg.jpg') #2caa59; background-position: bottom center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; opacity: .95; background-blend-mode: multiply; transition: background .3s,border-radius .3s,opacity .3s; } .hero-image { background: url('../content/images/cfc-uk-contact-center.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 185px; } .need-help-content{ text-align: center; background-color: #fff; padding-top: 40px; padding-bottom: 30px; } .need-help-content h1, .need-help-content h2{ font-family: 'Source Sans Pro'; font-weight: 600; color: #000; } .nh-icon{ font-size: 55px; color: #818a91; } .nh-icon-link { margin-bottom: 40px; } .nh-icon-link a{ color: #2caa59; } .nh-icon-link a:hover{ color: #000; text-decoration: none; } .nh-icon-link a:focus{ text-decoration: none; } .nh-icon-link h3{ font-weight: bold; line-height: 1.3; } .services-section{ text-align: center; padding: 60px 0; } .services-head{ margin: 0 15px 25px; color: #fff; } .services-grid{ margin: 5px; } .services-grid .col{ background-color: #f6f6f6; padding: 35px 15px; margin: 20px 0; } .services-grid > .col > .nh-icon{ margin-bottom: 20px; } .services-grid > .col > .nh-icon:hover{ animation: zoom 1s; } @keyframes zoom { 0% {transform: none;} 25% {transform: scale(1)} 50% {transform: scale(1.5)} 100% {transform: scale(1)} } .services-text h3{ font-family: 'Source Sans Pro'; font-size: 32px; font-weight: 600; letter-spacing: -1px; color: #000; } .nh-end-banner{ background-color: #000; text-align: center; padding: 40px 15px; } .nh-end-banner img{ max-width: 350px; width: 100%; } /* need help end */ /* get a quote start */ .insta-quote h1 { font-weight: 600; margin: 40px 0; } .insta-quote h2 { font-size: 2.5rem; font-weight: 600; margin-bottom: 40px; } /* get a quote end */ /* contact start */ .contact-container { margin-right: auto; margin-left: auto; position: relative; text-align: center; padding: 10px; } .contact-heading-title{ font-family: "SourceSansPro",Sans-serif; font-size: 34px; font-weight: 600; color:#000; padding: 40px 0px 0px 0px; } .contact-field-group{ margin-bottom: 35px !important; } .contact-field-label{ font-family: "Roboto",Sans-serif; font-weight: 600; color:#818a91; } .contact-field-label::placeholder{ font-family: "Roboto",Sans-serif; font-weight: 600; color:#818a91; } .contact-input{ background-color: #fafafa; border-radius: 15px !important; color: #818a91; border: 1px solid #818a91 !important; vertical-align: middle; box-shadow: none !important; box-sizing: border-box; padding: 0.75em; line-height: 1.4; font-size: 15px !important; min-height: 45px !important; } .contact-field-type-html { padding-bottom: 0; color: #000; font-family: "Roboto",Sans-serif; font-size: 15px; font-weight: 400; margin-bottom: 35px; line-height:35px; } .contact-field-type-html .page-title a { color: #2caa59; } .contact-button { background-color: #4c8a69; color: #fff; border-radius: 15px !important; font-size: 16px !important; padding: 15px 30px !important; width: 100%; font-weight: 700 !important; margin-top: 40px; } .contact-button:hover, .contact-button:focus { color: #fff !important; text-decoration: none; } span.hint { font-style: italic; color: #7f4f4f; margin-top: 5px; display: inline-block; } /* contact end */ /* jobs start */ .content-wrapper{ max-width: 1280px; width: 100%; margin: auto; padding: 0 15px; } .jobs-hero{ text-align: center; margin-bottom: 40px; } .jobs-hero img{ width: 100%; max-width: 1035px; } .jobs-hero-content h2, .jobs-mid-content h2, .jobs-end-content h2{ font-size: 30px; line-height: 1.3; font-weight: 600; font-family: sans-serif!important; margin-bottom: 20px; } .jobs-hero-content p{ color: #808285; font-family: sans-serif!important; line-height: 1.85; font-size: 15px; } .jobs-mid-content .row, .jobs-end-content .row{ margin: 0; } .jobs-mid-content .col, .jobs-end-content .col{ padding: 0; } .jobs-mid-content ul li{ color: #808285; font-family: sans-serif!important; line-height: 1.85; font-size: 15px; font-weight: 600; } .jobs-mid-images{ text-align: center; } .jobs-mid-images img{ width: 100%; max-width: 570px; margin: auto; } .mid-email-banner-full{ background-color: #1b2241; transition: background .3s,border .3s,border-radius .3s,box-shadow .3s; margin-top: 50px; margin-bottom: 0; padding: 0; } .mid-email-banner{ text-align: center; color: #fff; font-family: "Roboto",Sans-serif; font-weight: 700; font-size: 26px; padding: 30px 20px; line-height: 1.5; word-break: break-word; } .mid-email-banner p{ margin: 0; } .mid-email-banner a{ color: #2caa59; } .mid-email-banner a:hover, .mid-email-banner a:focus{ text-decoration: none; color: #64ffa4; } .jobs-end-content p{ color: #808285; font-family: sans-serif!important; line-height: 1.85; font-size: 15px; font-weight: 600; } .jobs-about h4{ font-family: 'Open Sans'; font-weight: 900; border: 8px solid #2caa59; width: 161px; padding: 6px 12px; margin-bottom: 15px; } .jobs-end-content ul{ color: #808285; font-family: sans-serif!important; line-height: 1.85; font-size: 15px; margin-left: 20px; } .end-email-banner p{ text-align: center; font-family: "Roboto",Sans-serif; font-weight: 700; font-size: 26px; padding: 30px 20px; color: #000; line-height: 1.5; word-break: break-word; } .end-email-banner a{ color: #2caa59; } .end-email-banner a:hover{ color: #000; } /* jobs end */ /* all about start */ .need-help-banner img { width: 100%; } .need-help h1 , .need-help h2 , .need-help h3{ font-weight: 600; } .need-help h2 { margin-bottom:30px; } .explore-icon svg { color: #818a91; font-size: 50px; margin-bottom: 30px; } .need-help-explore a { color: #2caa59; } .need-help-explore a:hover { color: #000; text-decoration:none; } .need-help-fixed-banner { background-image: url(/content/uploads/2020/06/why-cash-for-cars-bg.jpg.webp); background-position: bottom center; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; position:relative; } .need-help-fixed-banner-overlay { background-color: #2caa59; opacity: .95; mix-blend-mode: multiply; transition: background .3s,border-radius .3s,opacity .3s; height: 100%; width: 100%; top: 0; left: 0; position: absolute; } .sell-item { background: #f6f6f6; } .need-help-fixed-banner .entry-content.container { position: relative; } .need-help-fixed-banner h2 { color: #fff; margin-bottom: 30px; font-size: 3.5rem; } .sell-icon svg { color: #818a91; font-size: 50px; } .sell-container { display: flex; flex-wrap: wrap; justify-content: center; } .sell-item { background: #f6f6f6; width: 25%; min-height: 190px; margin: 10px; padding: 25px; } .sell-item h3 { font-weight: 600; font-size: 2.8rem; } .cfc-blackbg-logo-area { background: #0e0f13; text-align: center; padding: 50px 0px; margin-top: 50px; margin-bottom: -50px; } .need-help-explore p { font-size: 17px; margin-top: 40px; color: #818a91; font-weight: 600; } /* all about end */ /* ========================================== Start ULEZ Main CSS =========================================== */ .hero-title { color: #000!important; font-size: 30px; font-weight: 800; margin-bottom: 16px; font-family: 'Open Sans'!important; } .hero-text { color: #000; font-size: 18px; font-weight: 600; line-height: 24.51px; margin: 0 auto 48px; font-family: Open Sans,sans-serif!important; } .hero-green-layout { background: linear-gradient(90deg,#24ea9e -14.38%,#1ada8d 77.77%,#16d386 111.85%); min-height: auto; padding-bottom: 3rem; padding-top: 0; text-align: center; } .container { margin: 0 auto; max-width: 1400px; } .hero-extra-text { color: #000!important; margin: 0 auto 3rem; font-weight: 700; font-family: Open Sans,sans-serif!important; } .which-cars-block { margin-bottom: 6rem; padding: 0 80px!important; } @media (max-width: 1400px) { .which-cars-block { padding:0 40px!important; } } .which-cars-block .which-cars-text-block { margin: 0 auto; max-width: 60%; } @media (max-width: 768px) { .which-cars-block .which-cars-text-block { max-width:100%; } } .which-cars-block p.which-cars-block-opening-text { color: #000; font-size: 18px; font-weight: 400; text-align: center; line-height: 1.8; font-family: sans-serif!important; } .which-cars-block .which-cars-grid { -moz-column-gap: 2rem; column-gap: 2rem; display: grid; grid-template-columns: repeat(2,1fr); margin: 85px auto; max-width: 80%; row-gap: 2rem; } @media (max-width: 1440px) { .which-cars-block .which-cars-grid { max-width:95%; } } @media (max-width: 768px) { .which-cars-block .which-cars-grid { max-width:100%; } } @media (max-width: 960px) { .which-cars-block .which-cars-grid { display:block; margin-bottom: 0; } } .which-cars-block .which-cars-grid .car-grid-area { border-radius: 22px; color: #000; -moz-column-gap: 1rem; column-gap: 1rem; display: grid; grid-template-columns: 1fr 2fr; } @media (max-width: 960px) { .which-cars-block .which-cars-grid .car-grid-area { -moz-column-gap:4rem; column-gap: 4rem; margin-bottom: 2rem; } .which-cars-block .which-cars-grid .car-grid-area:last-child { margin-bottom: 0; } } @media (max-width: 768px) { .which-cars-block .which-cars-grid .car-grid-area { display:block; text-align: center; } .which-cars-block .which-cars-grid .car-grid-area img { height: 150px; } } .which-cars-block .which-cars-grid .car-grid-area:nth-child(4n) { background-color: #f0f1f3; } @media (max-width: 768px) { .which-cars-block .which-cars-grid .car-grid-area:nth-child(4n) .car-text { padding:45px 15px; } } .which-cars-block .which-cars-grid .car-grid-area .car-image { margin-left: -22px; margin-top: -22px; position: relative; } @media (max-width: 768px) { .which-cars-block .which-cars-grid .car-grid-area .car-image { margin-left:0; } } .which-cars-block .which-cars-grid .car-grid-area .car-text { padding: 45px 10px 45px 0; } @media (max-width: 768px) { .which-cars-block .which-cars-grid .car-grid-area .car-text { padding:45px 0; } } .which-cars-block .which-cars-grid .car-grid-area .car-text .car-grid-title-text { display: inline-block; margin-bottom: 15px; } @media (max-width: 1120px) { .which-cars-block .which-cars-grid .car-grid-area .car-text .car-grid-title-text { padding-right:40px; } } @media (max-width: 768px) { .which-cars-block .which-cars-grid .car-grid-area .car-text .car-grid-title-text { padding-right:0; } } .which-cars-block .which-cars-grid .car-grid-area .car-text .car-grid-title-text h4 { font-size: 20px; font-weight: 700; margin-bottom: 0; line-height: 1.5; } @media (min-width: 769px) { .which-cars-block .which-cars-grid .car-grid-area .car-text .car-grid-title-text .car-title-text-border { border:3px solid #24ea9e; margin-top: -7px; height:5px; } } .which-cars-block .which-cars-grid .car-grid-area .car-text p { font-size: 16px; font-weight: 600; margin-bottom: 20px; } @media (max-width: 768px) { .which-cars-block .which-cars-grid .car-grid-area .car-text p { line-height:20px } } .which-cars-block .which-cars-grid .car-grid-area .car-text p:last-child { margin-bottom: 0; } .car-image img{ max-width: 100%; margin: auto; } .cars-block__text, .cars-block__title { text-align: center; } .cars-block__title{ font-weight: 800; margin-bottom: 20px; margin-top: 30px; font-size: 30px; line-height: 1.3; } .text-and-image-block { background-color: #24ea9e; padding: 40px 0; } .banner-image img{ width: 100%; margin-top: 25px; } .text-and-image-block .content-container-area h2 { font-size: 30px; margin-bottom: 50px; font-weight: 700; line-height: 1.3; } .text-and-image-block .content-container-area .text-and-image-block__text p { color: #000; font-size: 16px; font-weight: 500; line-height: 21px; margin-bottom: 25px; } .banner-content p{ color: #000; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { color: #000; } .page-text-block { margin-bottom: 3rem; } .page-text-block .inner-container { margin: 0 auto; max-width: 900px; padding: 0 20px; } .page-text-block .inner-container p { color: #000; font-weight: 400; line-height:1.85; } .page-text-block h2{ margin-bottom: 20px; margin-top: 50px; font-weight: 700; } .added-top-margin { margin-top: 5rem; } @media (min-width: 1000px){ .icons-grid { grid-gap: 35px 140px; align-content: center; display: grid!important; grid-template-columns: repeat(3,1fr); padding: 0 80px!important; } } .icon-block { margin-bottom: 61px; } .splide__slide { text-align: center; } .icon-block__image { height: 82px; margin-bottom: 25px; -o-object-fit: contain; object-fit: contain; } .icon-block__image img { margin-bottom: 25px; } .icon-block__text,.icon-block__title { color: #000; } .icon-block__title { font-size: 20px!important; font-weight: 800; margin-bottom: 9px!important; } .icon-block__text { font-size: 16px; font-weight: 600; margin-bottom: 39px; } .splide__pagination { bottom: 0; } .splide__pagination li:nth-child(2) { margin: 0 24px; } #thumbnail-carousel { display: flex; justify-content: center; } .icon-block { margin-bottom: 61px; } .splide__slide { text-align: center; } .icon-block__image { margin-bottom: 25px; object-fit: contain; height: 82px; img { margin-bottom: 25px; } } .icon-block__title, .icon-block__text { color: #000; } .icon-block__title { margin-bottom: 9px !important; font-size: 20px !important; font-weight: 800; } .icon-block__text { font-weight: 600; margin-bottom: 39px; font-size: 16px; } .splide__pagination { bottom: 0; } .splide__pagination__page { height: 4px; width: 64px; background: #2661c5; border-radius: 0; } .splide__pagination__page.is-active { background: #1dde91; transform: none; } .splide__pagination li:nth-child(2) { margin: 0 24px; } .got-a-question-block { padding: 40px 0; } .got-a-question-block.block-background-colour { background-color: #f2f2f2; } .got-a-question-block .title-area { margin-bottom: 50px; font-weight: 700; } .got-a-question-block .question-answer-area { border-bottom: 1px solid #d9d9d9; color: #000; padding-top: 20px; } .got-a-question-block .question-answer-area:first-child { padding-top: 0; } .got-a-question-block .question-answer-area:last-child { border-bottom: none; } .got-a-question-block .question-answer-area .question-text { border-bottom: 1px solid #d9d9d9; display: block; font-size: 14px; font-weight: 800; padding-bottom: 17px; line-height: 1.85; } .got-a-question-block .question-answer-area .content { font-size: 16px; font-weight: 600; padding-top: 15px; color: #000; line-height: 1.85; } .content-container { margin: 0 20px; } @media (min-width: 768px){ .content-container { margin: 0 auto; max-width: 100%; width: 800px; } } .quote-block { background: #1dde91; margin-top: 0px; padding: 60px 0; text-align: center; } @media only screen and (min-width: 769px){ .hero-text { max-width: 75%; } .hero-extra-text { max-width: 75%; } .hero-title{ font-size: 40px; } .hero-green-layout { padding-top: 20px; } .cars-block__title{ font-size: 30px; } .text-and-image-block { background-image: url(../content/images/box-bg-part.png); background-position: 0 100%; background-repeat: no-repeat; padding: 40px 0; } .content-container-area { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; grid-column-gap: 30px; grid-row-gap: 0px; width: 80%; margin-left: 15%; } .banner-content { grid-area: 1 / 1 / 2 / 2; } .banner-image { grid-area: 1 / 2 / 2 / 3; } .banner-content p{ color: #000; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: sans-serif; color: #000; } .got-a-question-block .question-answer-area .content { font-size: 16px; font-weight: 200; padding-top: 15px; color: #000; line-height: 1.85; } .quote-block { background: url(../content/images/quote-banner.jpg); background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .banner__form { background: #fff; border-radius: 12px; display: flex; justify-content: center; margin: 0 auto; max-width: 800px; padding: 16px; } .banner__form .form-div{ display: flex; justify-content: space-evenly; width: 100%; } .banner__form .form-row { margin-left: 16px; max-width: 180px; width: 100%; } .banner__form input { border: 1px solid #d9d9d9; border-radius: 12px; font-family: UKNumberPlate,Sans-serif; font-size: 22px; font-weight: 600; margin-bottom: 2px; max-width: 269px; padding: 9px; text-align: center; text-transform: uppercase; width: 100%; } #step_0_form_submit_btn { background-color: #024ece; border: 3px solid #024ece; border-radius: 12px; font-family: SourceSansPro-SemiBold,Sans-serif; font-size: 16px; font-weight: 600; line-height: 1.5!important; max-width: 269px; padding: 14px 66px; width: 100%; color: #fff; min-height: 48px; padding: 0; } } /* ========================================== End of ULEZ CSS =========================================== */ /* media queries start */ @media only screen and (min-width: 769px){ body{ font-family: sans-serif!important } .pc-end-content img{ margin-top: 30px; width: 100%; max-width: 460px; margin-left: auto; margin-right: auto; } .intro-content-desktop { display: block; background: #fff; margin: -60px 40px 0; padding: 0 20px; text-align: left; width: 50%; } .intro-content-mobile { display: none; } .thank-you-intro { border: 40px solid #16d386; display: flex; margin: 70px auto 100px; max-width: 1280px; height: auto; } .intro-image { flex: 1; margin: -80px 0; position: relative; text-align: center; } .thank-you-points { display: grid; gap: 40px; grid-template-columns: repeat(3,1fr); margin: 0 auto; max-width: 1280px; padding: 0 20px 55px; } .hero-image { background: url('../content/images/cfc-uk-contact-center.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 350px; } .service-box-1 { grid-area: 1 / 1 / 2 / 2; } .service-box-2 { grid-area: 1 / 2 / 2 / 3; } .service-box-3 { grid-area: 1 / 3 / 2 / 4; } .service-box-4 { grid-area: 2 / 1 / 3 / 2; } .service-box-5 { grid-area: 2 / 2 / 3 / 3; } .service-box-6 { grid-area: 2 / 3 / 3 / 4; } .services-grid{ max-width: 1000px; display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 30px; grid-row-gap: 30px; margin: auto; } .services-grid .col{ margin: 0; } } @media only screen and (max-width: 800px) { .drop-off-message__inner { display:flex; flex-direction: column; margin: 0 20px; } .drop-off-message__image img { margin-top:-2.6666666667rem; max-width: 170px; } .drop-off-message__content { order:2; padding: 0 1.6666666667rem .6666666667rem; text-align: center; width: 100%; } } @media only screen and (max-width: 767px) { .drop-off-message__inner { flex-direction: column-reverse; } .quote-form-thank-you__point { margin-bottom:20px; } .quote-form-thank-you__points { display:block; } .drop-off-message__content { width:100%; } .quote-form-thank-you--intro-content { margin-top: 0px; margin-left: 20px; text-align: left; margin-right: 10px; } .quote-form-thank-you--intro-image { margin: 2.333333rem 0; position: initial; } .quote-form-thank-you h2 { font-size: 2.5rem; line-height: 2.733333rem; margin-bottom: 2.666667rem; } .quote-form-thank-you--intro { border: 20px solid #16d386; display: flex; margin: 10px auto 50px; flex-flow: column-reverse; } .remarket-message__content { margin-top:0px; } .remarket-message__image { margin-bottom:0px; } .remarket-message__inner { flex-direction: column; } .sell-item { width:100% } .need-help-content h1{ font-size: 32px; margin-top: 0; } .need-help-content h2{ font-size: 25px; } }