/* ---------------------------------------------- *  Big Mama Styles!  Here we collate all of our partials into one file ready to be processed and generate that  beautiful CSS.\* ---------------------------------------------- *//* - Index-------------------------------------------------  - Susy ...................................... 1.0.  - Breakpoint ................................ 2.0.  - Modular Scale ............................. 3.0.  - Mixins .................................... 4.0.  - Variables ................................. 5.0.  - Reset ..................................... 6.0.  - Base ...................................... 7.0.  - Grid ...................................... 8.0.  - Typography ................................ 9.0.  - Nav ...................................... 10.0.  - Header ................................... 11.0.  - Content .................................. 12.0.  - Footer ................................... 13.0.*//* -----------------------------------------  1.0. Susy----------------------------------------- *//* -----------------------------------------  2.0. Breakpoint----------------------------------------- *//* -----------------------------------------  3.0. Modular Scale----------------------------------------- *//* -----------------------------------------  4.0. Mixins----------------------------------------- *//* -----------------------------------------  5.0. Variables----------------------------------------- *//* -----------------------------------------  6.0. Reset----------------------------------------- */* {  box-sizing: border-box; }html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; }html, body {  height: 100%; }a img {  border: none; }blockquote {  quotes: none; }blockquote:before, blockquote:after {  content: '';  content: none; }table {  border-collapse: collapse;  border-spacing: 0; }caption, th, td {  text-align: left;  font-weight: normal;  vertical-align: middle; }/* -----------------------------------------  8.0. Grid----------------------------------------- *//* ---------------------------------------------- *  Partial: grid  We're using Susy. Please visit http://susy.readthedocs.org/en/latest/install/  Due to using Susy, we're going to need the Ruby gems installed. Please a see a guide here: [TBD].  Usage  =====\* ---------------------------------------------- *//* - Index-------------------------------------------------  - Global defaults     ............................. 1.0.  - Grid makeup         ............................. 2.0.*//* ---------------------------------------------- *  1.0 Global defaults\* ---------------------------------------------- *//* ---------------------------------------------- *  1.0 Grid makeup\* ---------------------------------------------- */.contain {  max-width: 1080px;  margin-left: auto;  margin-right: auto;  min-width: 1080px; }  .contain:after {    content: " ";    display: block;    clear: both; }  .contain--table {    display: table;    width: 100%;    max-width: 1080px;    min-width: 1080px;    margin: 0 auto; }/* -----------------------------------------  7.0. Base----------------------------------------- */@keyframes fade-in {  0% {    opacity: 0; }  100% {    opacity: 1; } }@keyframes fade-in-up {  0% {    transform: translateY(20px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }@keyframes fade-in-down {  0% {    transform: translateY(-20px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }@keyframes fade-in-up-big {  0% {    transform: translateY(100px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }@keyframes fade-in-down-big {  0% {    transform: translateY(-100px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }@keyframes fade-in-left {  0% {    transform: translateX(-20px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }@keyframes fade-in-left-big {  0% {    transform: translateX(-100px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }@keyframes fade-in-right {  0% {    transform: translateX(20px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }@keyframes fade-in-right-big {  0% {    transform: translateX(100px);    opacity: 0; }  100% {    transform: translate(0);    opacity: 1; } }@keyframes grow {  0% {    transform: scale(0);    opacity: 0; }  100% {    transform: scale(1);    opacity: 1; } }@keyframes element-overlay {  0% {    width: 0;    left: 0;    animation-timing-function: cubic-bezier(0.72, 0.11, 0.61, 0.89); }  30% {    width: 100%;    left: 0;    animation-timing-function: cubic-bezier(0.72, 0.11, 0.61, 0.89); }  50% {    width: 100%;    right: 0;    left: auto;    animation-timing-function: cubic-bezier(0.72, 0.11, 0.61, 0.89); }  100% {    width: 0%;    right: 0;    animation-timing-function: cubic-bezier(0.72, 0.11, 0.61, 0.89); } }@keyframes clip-path-in {  0% {    -webkit-clip-path: polygon(0 86%, 0 100%, 14% 100%, 0 100%);    clip-path: polygon(0 86%, 0 100%, 14% 100%, 0 100%);    opacity: 0; }  100% {    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);    opacity: 1; } }/*! * animsition v4.0.2 * A simple and easy jQuery plugin for CSS animated page transitions. * http://blivesta.github.io/animsition * License : MIT * Author : blivesta (http://blivesta.com/) */.animsition,.animsition-overlay {  position: relative;  opacity: 0;  animation-fill-mode: both; }/** * overlay option */.animsition-overlay-slide {  position: fixed;  z-index: 1;  width: 100%;  height: 100%;  background-color: #ddd; }/* loading option */.animsition-loading,.animsition-loading:after {  width: 32px;  height: 32px;  position: fixed;  top: 50%;  left: 50%;  margin-top: -16px;  margin-left: -16px;  border-radius: 50%;  z-index: 100; }.animsition-loading {  background-color: transparent;  border-top: 5px solid rgba(0, 0, 0, 0.2);  border-right: 5px solid rgba(0, 0, 0, 0.2);  border-bottom: 5px solid rgba(0, 0, 0, 0.2);  border-left: 5px solid #eee;  transform: translateZ(0);  animation-iteration-count: infinite;  animation-timing-function: linear;  animation-duration: .8s;  animation-name: animsition-loading; }@keyframes animsition-loading {  0% {    transform: rotate(0deg); }  100% {    transform: rotate(360deg); } }@keyframes fade-in {  0% {    opacity: 0; }  100% {    opacity: 1; } }.fade-in {  animation-name: fade-in; }@keyframes fade-out-up {  0% {    transform: translateY(0);    opacity: 1; }  100% {    transform: translateY(-500px);    opacity: 0; } }.fade-out-up {  animation-name: fade-out-up; }/* ---------------------------------------------- *  Partial: base  Here you place the base defaults to any project\* ---------------------------------------------- */*, *:before, *:after {  box-sizing: border-box; }html {  font-size: 100%;  -webkit-text-size-adjust: 100%;      -ms-text-size-adjust: 100%;          text-size-adjust: 100%; }body {  color: #151515;  font-family: "Karla", Verdana, Geneva, sans-serif;  font-size: 0.875em;  line-height: 1.6;  margin: 0;  background-color: #f1f1f1;  font-size: 0.875em; }  @media (min-width: 600px) {    body {      font-size: calc(0.875em + 0.125 * (100vw - 600px) / 430); } }  @media (min-width: 1030px) {    body {      font-size: 1em; } }  body.show-menu {    overflow: hidden; }html, body {  height: 100%;  min-height: 100%; }small {  font-size: 0.85em; }ul li {  list-style: none; }ol li {  list-style: none; }img, object, embed {  height: auto;  max-width: 100%; }blockquote {  color: #FFFFFF;  font-size: 1.1em;  font-style: italic;  margin: 0 0 1.250em 1.250em;  padding: 0.625em 1.250em 1.250em; }  blockquote p:last-child {    margin-bottom: 0; }/*********************************************  - 2.0 -  LINKS*********************************************//* - 2.1. - BASE LINK STYLES  ------------------------------------------ */a {  color: #283b8e;  cursor: pointer;  text-decoration: none;  /* Improve readability when focused and hovered in all browsers: h5bp.com/h */ }  a:hover {    color: #556fe4; }  a:focus {    color: #556fe4; }  a:focus, a:active {    outline: none; }/* - 2.2. - HEADER LINKS   ------------------------------------------ */h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {  color: #283b8e; }/*********************************************  - 3.0 -  Helpers*********************************************/.hide {  display: none; }.center-align {  text-align: center; }.container {  width: 84%;  margin: auto;  max-width: 1450px; }  @media (min-width: 78.75em) {    .container {      padding: 0 2em; } }section {  padding: 4em 0; }  section:before, section:after {    content: "";    display: table; }  section:after {    clear: both; }  @media (min-width: 37.5em) {    section {      padding: 6em 0; } }.eyebrow {  text-transform: uppercase;  color: #6d6d6d;  margin-bottom: 1.5em;  opacity: 0;  -ms-transform: translateX(-20px);      transform: translateX(-20px); }  .eyebrow:before {    content: "";    display: inline-block;    vertical-align: middle;    width: 2em;    height: 2px;    background-color: #6d6d6d;    margin-right: 1em;    opacity: 0;    -ms-transform: translateX(-20px);        transform: translateX(-20px); }  .eyebrow + * {    margin-top: 0; }  .inviewport .eyebrow, .previewFrame .eyebrow {    animation: fade-in-left 400ms ease-out 100ms forwards; }    .inviewport .eyebrow:before, .previewFrame .eyebrow:before {      animation: fade-in-left 400ms ease-out 500ms forwards; }.section-title {  margin-bottom: 3em; }  .section-title h1 {    color: #1d2c70;    max-width: 64rem;    opacity: 0;    -ms-transform: translateY(20px);        transform: translateY(20px); }    .inviewport .section-title h1, .previewFrame .section-title h1 {      animation: fade-in-up 400ms ease-out 300ms forwards; }  .section-title h5 {    margin-top: 0;    opacity: 0;    -ms-transform: translateY(20px);        transform: translateY(20px); }    .inviewport .section-title h5, .previewFrame .section-title h5 {      animation: fade-in-up 400ms ease-out 500ms forwards; }/* -----------------------------------------  9.0. Typography----------------------------------------- *//* ---------------------------------------------- *  Partial: typography  I set all typographic styles here. First we list our variables such as fonts (maybe we're using some @font-face) and  additionally and maps we might want to use. Then we specificy the typographic scales we want.\* ---------------------------------------------- */@font-face {  font-family: 'font-name';  src: url("/dgclaimssolutions-co-uk/_img/fonts/font-name.eot");  src: url("/dgclaimssolutions-co-uk/_img/fonts/font-name.eot?#iefix") format("embedded-opentype"), url("/dgclaimssolutions-co-uk/_img/fonts/font-name.woff") format("woff"), url("/dgclaimssolutions-co-uk/_img/fonts/font-name.ttf") format("truetype"); }h1, h2, h3, h4, h5, h6 {  font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;  font-style: normal;  color: inherit;  text-rendering: optimizeLegibility;  margin: 2em 0 0.75em;  line-height: 1.4; }  h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {    margin-top: 0; }h1, .h1 {  font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;  font-size: 2.48832em; }  @media (min-width: 30em) {    h1, .h1 {      font-size: 2.98598em; } }h2, .h2 {  font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;  font-size: 2.0736em; }  @media (min-width: 30em) {    h2, .h2 {      font-size: 2.48832em; } }h3, .h3 {  font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;  font-size: 1.728em; }  @media (min-width: 30em) {    h3, .h3 {      font-size: 2.0736em; } }h4, .h4 {  font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;  font-size: 1.728em; }h5, .h5 {  font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;  font-size: 1.44em; }h6, .h6 {  font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;  font-size: 1.2em; }p, .p {  font-family: "Karla", Verdana, Geneva, sans-serif;  font-size: 1em;  line-height: 1.7;  text-rendering: optimizeLegibility;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale; }  p:not(:last-child), .p:not(:last-child) {    margin-bottom: 1.4em; }strong, b {  font-family: "Karla", Verdana, Geneva, sans-serif;  font-style: normal;  font-weight: 700; }em {  font-family: "Karla", Verdana, Geneva, sans-serif;  font-style: italic; }/* -----------------------------------------  10.0. Nav----------------------------------------- *//* ---------------------------------------------- *  Partial: nav  All navigation styles here. This is sort that we can try keep things seperated and easy to maintain. You can  include all global navigation styles here.\* ---------------------------------------------- */.main-nav .nav > ul {  display: -ms-flexbox;  display: flex; }  .main-nav .nav > ul > li {    position: relative;    list-style: none;    padding: 0 0.75em;    opacity: 0;    -ms-transform: translateY(20px);        transform: translateY(20px); }    .page-loaded .main-nav .nav > ul > li {      animation: fade-in-up 400ms ease-out forwards; }    @media (min-width: 75em) {      .main-nav .nav > ul > li {        padding: 0 0.25em; } }    .main-nav .nav > ul > li > a {      text-decoration: none;      color: #6d6d6d;      display: block;      padding: 1em;      font-family: "Karla", Verdana, Geneva, sans-serif;      text-transform: uppercase;      font-weight: 700;      font-size: 0.9333em; }      @media (min-width: 75em) {        .main-nav .nav > ul > li > a {          padding: 1em 2em; } }    .main-nav .nav > ul > li.liLinkActive > a {      color: #283b8e; }    .main-nav .nav > ul > li.liLinkActive:hover > a {      color: #283b8e; }    .main-nav .nav > ul > li:hover > a {      color: #556fe4; }    .no-cssanimations .main-nav .nav > ul > li:hover > ul {      display: block; }    .cssanimations .main-nav .nav > ul > li:hover > ul {      visibility: visible;      animation: fade-in-down 300ms ease-out forwards; }    .main-nav .nav > ul > li > ul {      position: absolute;      top: 100%;      padding: 1rem 0.5rem;      min-width: 10em;      background-color: rgba(19, 28, 71, 0.95);      box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.1);      left: 0;      text-align: left; }      .no-cssanimations .main-nav .nav > ul > li > ul {        display: none; }      .cssanimations .main-nav .nav > ul > li > ul {        opacity: 0;        visibility: hidden;        -ms-transform: translateY(-100%);            transform: translateY(-100%); }      .main-nav .nav > ul > li > ul > li {        display: block; }        .main-nav .nav > ul > li > ul > li a {          display: block;          white-space: nowrap;          padding: 0.5em 1em;          font-family: "Karla", Verdana, Geneva, sans-serif;          color: #fff;          font-size: 14px; }        .main-nav .nav > ul > li > ul > li:hover a {          color: #bc900b; }.mobile-nav {  opacity: 0;  visibility: hidden;  z-index: -1;  position: fixed;  top: 0;  left: 0;  width: 90%;  height: 100%;  background-color: #101d5c;  padding: 6em 0 4em;  display: -ms-flexbox;  display: flex;  -ms-transform: translateX(-100%);      transform: translateX(-100%);  -ms-overflow-style: -ms-autohiding-scrollbar;  transition: opacity 250ms ease-out, transform 400ms ease-out, box-shadow 700ms ease-out;  box-shadow: 0 0 0 0 rgba(8, 15, 49, 0.1); }  .mobile-nav::-webkit-scrollbar {    width: 0 !important; }  .show-menu .mobile-nav {    opacity: 1;    visibility: visible;    z-index: 1000;    -ms-transform: translateX(0);        transform: translateX(0);    box-shadow: 20vw 0 20px 0 rgba(8, 15, 49, 0.5), 3px 0 10px 0 rgba(8, 15, 49, 0.5); }  .mobile-nav__inner {    display: -ms-flexbox;    display: flex;    -ms-flex-align: center;        align-items: center;    -ms-flex-pack: distribute;        justify-content: space-around;    overflow-y: scroll;    -ms-flex-direction: column;        flex-direction: column;    -ms-flex-align: start;        align-items: flex-start;    padding: 3em;    width: 100%; }    .mobile-nav__inner h6 {      color: #fff;      font-size: 1em;      margin-bottom: 2em; }  @media (min-width: 51.25em) {    .mobile-nav {      opacity: 0;      visibility: hidden;      z-index: -1; } }  .mobile-nav .nav {    overflow: hidden;    text-align: center;    -webkit-backface-visibility: hidden;            backface-visibility: hidden;    width: 100%; }    .mobile-nav .nav > ul {      height: 100%;      -webkit-backface-visibility: hidden;              backface-visibility: hidden;      text-align: left; }    .mobile-nav .nav li {      display: block;      opacity: 0;      -ms-transform: translateY(20px);          transform: translateY(20px); }      .show-menu .mobile-nav .nav li {        animation: fade-in-up 400ms ease-out forwards; }      .mobile-nav .nav li.parent > a {        display: inline-block;        vertical-align: middle; }        .mobile-nav .nav li.parent > a:after {          content: "";          background-image: url(/dgclaimssolutions-co-uk/_img/images/svg/cross.svg);          background-position: 50% 50%;          background-size: contain;          background-repeat: no-repeat;          color: #222;          display: inline-block;          height: 0.75em;          width: 0.75em;          position: relative;          left: 1rem;          line-height: 1;          font-size: 16px;          -ms-transform: rotate(0deg);          transform: rotate(0deg);          transition: transform 300ms ease-out; }        .mobile-nav .nav li.parent > a:hover:after {          color: #283b8e; }      .mobile-nav .nav li.parent.open > a:after {        -ms-transform: rotate(225deg);            transform: rotate(225deg); }      .mobile-nav .nav li a {        padding: 0.5rem 1rem;        display: block;        font-size: calc(1em + 0.75vw);        line-height: 1.5;        font-weight: 700;        color: #fff;        font-family: "Karla", Verdana, Geneva, sans-serif; }        @media (min-width: 30em) {          .mobile-nav .nav li a {            line-height: 1.75; } }        @media (min-width: 40em) {          .mobile-nav .nav li a {            padding: 0.5rem 2rem; } }        .mobile-nav .nav li a:hover {          color: #283b8e;          text-decoration: none; }      .mobile-nav .nav li.open > ul {        display: block; }      .mobile-nav .nav li > ul {        padding-bottom: 1em;        display: none; }        .mobile-nav .nav li > ul li a {          font-size: 13px;          font-family: "Karla", Verdana, Geneva, sans-serif;          line-height: 1.5;          font-weight: 300;          color: rgba(255, 255, 255, 0.7); }          .mobile-nav .nav li > ul li a:hover {            color: #fff; }  .mobile-nav__contact {    width: 100%;    text-align: left;    padding-left: 1rem;    padding-top: 2em;    border-top: 1px solid rgba(255, 255, 255, 0.3); }    @media (min-width: 40em) {      .mobile-nav__contact {        padding-left: 2rem; } }    .mobile-nav__contact span {      display: block;      color: #fff;      opacity: 0;      -ms-transform: translateY(20px);          transform: translateY(20px); }      .show-menu .mobile-nav__contact span {        animation: fade-in-up 400ms ease-out forwards; }      .mobile-nav__contact span a {        color: #fff; }      .mobile-nav__contact span.phone {        padding-bottom: 1em;        animation-delay: 1000ms; }      .mobile-nav__contact span.email {        animation-delay: 1200ms; }/* -----------------------------------------  11.0. Header----------------------------------------- */header {  position: relative;  top: 0;  left: 0;  width: 100%;  z-index: 1005;  padding: 0.5em 1em 0.25em;  background-color: #fff; }  @media (min-width: 40em) {    header {      padding: 0.5em 2.5em 0.25em; } }  .scrolled header {    position: fixed;    animation: fade-in-down 300ms ease-out forwards;    background-color: transparent;    padding: 0.25em 1.5em; }    @media (min-width: 51.25em) {      .scrolled header {        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.1);        background-color: #fff; } }  .show-menu header {    background-color: transparent; }.nav-bar {  transition: all 300ms ease-out;  display: -ms-flexbox;  display: flex;  -ms-flex-pack: justify;      justify-content: space-between;  -ms-flex-align: center;      align-items: center; }  .show-menu .nav-bar {    background-color: transparent; }.main-logo {  width: 12em;  display: inline-block;  vertical-align: middle;  margin: 0 1.75em;  line-height: 1;  opacity: 0;  -ms-transform: translateY(-20px);      transform: translateY(-20px); }  @media (min-width: 34.375em) {    .main-logo {      margin: 0 2em 0 1.75em; } }  @media (min-width: 51.25em) {    .main-logo {      width: 12em;      margin: 0 2em; } }  .page-loaded .main-logo {    animation: fade-in-down 400ms ease-out 400ms forwards; }  .scrolled .main-logo, .show-menu .main-logo {    width: 4em;    display: none; }    @media (min-width: 51.25em) {      .scrolled .main-logo, .show-menu .main-logo {        display: block; } }.main-nav {  display: none;  vertical-align: middle;  transition: width 300ms ease-out;  margin-right: auto;  padding-left: 0; }  @media (min-width: 51.25em) {    .main-nav {      display: inline-block; } }  @media (min-width: 75em) {    .main-nav {      padding-left: 4em; } }.header-contact {  text-align: right;  width: calc(50% - 4.5em);  padding: 0;  opacity: 0;  -ms-transform: translateX(20px);      transform: translateX(20px); }  .page-loaded .header-contact {    animation: fade-in-right 400ms ease-out 200ms forwards; }  @media (min-width: 34.375em) {    .header-contact {      padding: 0 2em 0 0; } }  @media (min-width: 51.25em) {    .header-contact {      width: auto;      padding: 0 2em 0 0; } }  .scrolled .header-contact, .show-menu .header-contact {    display: none; }    @media (min-width: 51.25em) {      .scrolled .header-contact, .show-menu .header-contact {        display: block; } }  .header-contact span {    font-weight: 700; }    @media (min-width: 57.5em) {      .header-contact span {        margin-left: 2em; } }  .header-contact .phone {    display: inline-block;    font-size: 0.7em;    vertical-align: middle; }    @media (min-width: 26.25em) {      .header-contact .phone {        font-size: 1em; } }  .header-contact .email-icon {    display: block;    height: 2em;    width: 2em;    text-align: right;    margin-left: auto; }    .header-contact .email-icon a {      display: block; }    .header-contact .email-icon svg {      fill: #1d2c70; }    @media (min-width: 64.375em) {      .header-contact .email-icon {        display: none; } }  .header-contact .email {    display: none; }    @media (min-width: 64.375em) {      .header-contact .email {        display: inline-block;        vertical-align: middle; } }.nav-button {  width: calc(50% - 4.5em);  padding: 0 2em 0 0;  opacity: 0;  -ms-transform: translateX(-20px);      transform: translateX(-20px); }  .page-loaded .nav-button {    animation: fade-in-left 400ms ease-out 200ms forwards; }  @media (min-width: 34.375em) {    .nav-button {      padding: 0 2em; } }  .nav-button button {    padding: 0; }  @media (min-width: 51.25em) {    .nav-button {      display: none; } }  .scrolled .nav-button, .show-menu .nav-button {    width: auto; }    .scrolled .nav-button .hamburger, .show-menu .nav-button .hamburger {      position: relative;      margin-top: 1.5em;      background-color: #283b8e;      display: inline-block;      border-radius: 50px;      height: 55px;      width: 55px; }      .scrolled .nav-button .hamburger-box, .show-menu .nav-button .hamburger-box {        position: absolute;        left: 50%;        top: 50%;        -ms-transform: translate(-50%, -50%);            transform: translate(-50%, -50%); }      .scrolled .nav-button .hamburger-inner, .show-menu .nav-button .hamburger-inner {        background-color: #fff; }        .scrolled .nav-button .hamburger-inner::before, .scrolled .nav-button .hamburger-inner::after, .show-menu .nav-button .hamburger-inner::before, .show-menu .nav-button .hamburger-inner::after {          background-color: #fff; }/* -----------------------------------------  12.0. Content----------------------------------------- *//* Slider */.slick-slider {  position: relative;  display: block;  box-sizing: border-box;  -webkit-touch-callout: none;  -webkit-user-select: none;  -moz-user-select: none;  -ms-user-select: none;  user-select: none;  -ms-touch-action: pan-y;  touch-action: pan-y;  -webkit-tap-highlight-color: transparent; }.slick-list {  position: relative;  overflow: hidden;  display: block;  margin: 0;  padding: 0; }  .slick-list:focus {    outline: none; }  .slick-list.dragging {    cursor: pointer;    cursor: hand; }.slick-slider .slick-track,.slick-slider .slick-list {  -ms-transform: translate3d(0, 0, 0);  transform: translate3d(0, 0, 0); }.slick-track {  position: relative;  left: 0;  top: 0;  display: block;  margin-left: auto;  margin-right: auto; }  .slick-track:before, .slick-track:after {    content: "";    display: table; }  .slick-track:after {    clear: both; }  .slick-loading .slick-track {    visibility: hidden; }.slick-slide {  float: left;  height: 100%;  min-height: 1px;  display: none; }  [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; }/*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */.hamburger {  display: inline-block;  cursor: pointer;  transition-property: opacity, -webkit-filter;  transition-property: opacity, transform, -webkit-filter;  transition-property: opacity, filter, transform;  transition-property: opacity, filter, transform, -webkit-filter;  transition-property: opacity, filter, -webkit-filter;  transition-duration: 0.15s;  transition-timing-function: linear;  font: inherit;  color: inherit;  text-transform: none;  background-color: transparent;  border: 0;  margin: 0;  outline: none;  overflow: visible; }.hamburger:hover {  -ms-transform: scale(1.05);      transform: scale(1.05); }.hamburger-box {  width: 33px;  height: 24px;  display: inline-block;  position: relative; }.hamburger-inner {  display: block;  top: 50%;  margin-top: -2px; }.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {  width: 33px;  height: 4px;  background-color: #1d2c70;  border-radius: 4px;  position: absolute;  transition-property: transform;  transition-duration: 0.15s;  transition-timing-function: ease; }.hamburger-inner::before, .hamburger-inner::after {  content: "";  display: block; }.hamburger-inner::before {  top: -10px; }.hamburger-inner::after {  bottom: -10px; }/* * 3DX *//* * Elastic *//* * Slider */.hamburger--slider .hamburger-inner {  top: 2px; }.hamburger--slider .hamburger-inner::before {  top: 10px;  transition-property: transform, opacity;  transition-timing-function: ease;  transition-duration: 0.2s; }.hamburger--slider .hamburger-inner::after {  top: 20px; }.hamburger--slider.is-active .hamburger-inner {  transform: translate3d(0, 10px, 0) rotate(45deg); }.hamburger--slider.is-active .hamburger-inner::before {  transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);  opacity: 0; }.hamburger--slider.is-active .hamburger-inner::after {  transform: translate3d(0, -20px, 0) rotate(-90deg); }/* ---------------------------------------------- *  Partial: buttons  This is a work-in-progress. Please deploy your own method or use my exaple below.   Namespace structure  [interaction][-Button][-Variant]\* ---------------------------------------------- */.button {  display: inline-block; }  .button a {    padding: 0.4em 1.75em;    font-size: 1em;    color: #151515;    background-color: #FFFFFF;    transition: all 300ms ease-out;    display: inline-block;    text-align: center;    min-width: 150px;    white-space: nowrap;    font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;    font-weight: 700; }    .button a:hover {      background-color: #151515;      color: #FFFFFF; }.arrow-button {  z-index: 2; }  .arrow-button a {    position: relative;    font-size: 1.2em;    padding: 0.75em 5em 0.75em 0.5em;    background-color: transparent;    transition: all 400ms ease-out; }    .arrow-button a span {      position: relative;      z-index: 1; }    .arrow-button a:before {      content: "";      position: absolute;      right: 1em;      top: 50%;      -ms-transform: translateY(-50%);          transform: translateY(-50%);      height: 0.8125rem;      width: 1.1875rem;      display: inline-block;      transition: background 400ms ease-out;      z-index: 1;      background-image: url("/dgclaimssolutions-co-uk/_img/images/right-arrow-black.svg");      background-size: contain;      background-repeat: no-repeat; }    .arrow-button a:after {      content: "";      position: absolute;      bottom: 0;      left: 0;      width: 100%;      height: 2px;      background-color: #151515;      z-index: -1;      transition: height 400ms ease-out; }    .arrow-button a:hover {      color: #fff;      padding: 0.75em 5em 0.75em 1em;      background-color: transparent; }      .arrow-button a:hover:before {        background-image: url("/dgclaimssolutions-co-uk/_img/images/right-arrow-white.svg"); }      .arrow-button a:hover:after {        height: 100%; }  .arrow-button.base a {    color: #1d2c70; }    .arrow-button.base a:before {      background-image: url("/dgclaimssolutions-co-uk/_img/images/right-arrow-blue.svg"); }    .arrow-button.base a:after {      background-color: #1d2c70; }    .arrow-button.base a:hover {      background-color: transparent;      color: #fff;      padding: 0.75em 5em 0.75em 1em; }      .arrow-button.base a:hover:before {        background-image: url("/dgclaimssolutions-co-uk/_img/images/right-arrow-white.svg"); }  .arrow-button.white a {    color: #FFFFFF; }    .arrow-button.white a:before {      background-image: url("/dgclaimssolutions-co-uk/_img/images/right-arrow-white.svg"); }    .arrow-button.white a:after {      background-color: #FFFFFF; }    .arrow-button.white a:hover {      background-color: transparent;      color: #1d2c70;      padding: 0.75em 5em 0.75em 1em; }      .arrow-button.white a:hover:before {        background-image: url("/dgclaimssolutions-co-uk/_img/images/right-arrow-blue.svg"); }.border-button a {  border: 2px solid currentColor;  background-color: transparent; }.border-button.base a {  border-color: #1d2c70;  color: #FFFFFF; }  .border-button.base a:hover {    background-color: #1d2c70; }.border-button.comp a {  border-color: #bc900b;  color: #FFFFFF; }  .border-button.comp a:hover {    background-color: #bc900b;    color: #FFFFFF;    text-shadow: none; }.border-button.white a {  border-color: #FFFFFF;  color: #FFFFFF; }  .border-button.white a:hover {    background-color: #FFFFFF;    color: #151515;    text-shadow: none; }.solid-button a {  border: none; }.solid-button.base a {  background-color: #1d2c70;  color: #FFFFFF; }  .solid-button.base a:hover {    background-color: #131c47; }.solid-button.comp a {  background-color: #bc900b;  color: #FFFFFF; }  .solid-button.comp a:hover {    background-color: #8c6b08;    color: #FFFFFF;    text-shadow: none; }.solid-button.white a {  background-color: #FFFFFF;  color: #1d2c70; }  .solid-button.white a:hover {    background-color: #cccccc;    color: #1d2c70;    text-shadow: none; }.solid-button.grad::before {  content: "";  display: block;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1;  opacity: 0;  transition: opacity 400ms ease-out;  background-color: #283b8e;  background-image: linear-gradient(to right, #1d2c70, #283b8e); }.solid-button.grad::after {  content: "";  display: block;  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1;  opacity: 1;  transition: opacity 400ms ease-out;  background-color: #1d2c70;  background-image: linear-gradient(to right, #283b8e, #1d2c70); }.solid-button.grad a {  background-color: transparent;  color: #fff;  position: relative;  z-index: 3; }  .solid-button.grad a:hover {    color: #fff;    text-shadow: none; }.solid-button.grad:hover::before {  opacity: 1; }.solid-button.grad:hover::after {  opacity: 0; }.solid-button.grad.grad-dark::before {  background-color: #1d2c70;  background-image: linear-gradient(to right, #005865, #00808c); }.solid-button.grad.grad-dark::after {  background-color: #101d5c;  background-image: linear-gradient(to right, #00808c, #005865); }input {  line-height: normal; }input, textarea, keygen, select, button {  text-rendering: auto;  color: initial;  letter-spacing: normal;  word-spacing: normal;  text-transform: none;  text-indent: 0px;  text-shadow: none;  display: inline-block;  text-align: start;  margin: 0em 0em 0em 0em;  font: 13.3333px Arial; }[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'], [type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea {  display: block;  box-sizing: border-box;  width: 100%;  padding: 1rem;  border: 1px solid #aaa;  margin: 0 0 1rem;  font-family: inherit;  font-size: 1rem;  color: #0a0a0a;  background-color: #f1f1f1;  box-shadow: none;  border-radius: 0;  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;  -webkit-appearance: none;  -moz-appearance: none; }  [type='text']:focus, [type='password']:focus, [type='date']:focus, [type='datetime']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='week']:focus, [type='email']:focus, [type='number']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='url']:focus, [type='color']:focus, textarea:focus {    outline: none; }  [type='text']:focus, [type='text']:hover, [type='password']:focus, [type='password']:hover, [type='date']:focus, [type='date']:hover, [type='datetime']:focus, [type='datetime']:hover, [type='datetime-local']:focus, [type='datetime-local']:hover, [type='month']:focus, [type='month']:hover, [type='week']:focus, [type='week']:hover, [type='email']:focus, [type='email']:hover, [type='number']:focus, [type='number']:hover, [type='search']:focus, [type='search']:hover, [type='tel']:focus, [type='tel']:hover, [type='time']:focus, [type='time']:hover, [type='url']:focus, [type='url']:hover, [type='color']:focus, [type='color']:hover, textarea:focus, textarea:hover {    border-color: #4f66cd; }textarea {  border-radius: 0;  max-width: 100%;  height: auto;  min-height: 8em;  max-height: 8em;  border-radius: 0;  overflow: auto; }label {  display: block;  margin: 0;  font-size: 0.875rem;  font-weight: normal;  line-height: 1.8;  color: #0a0a0a; }input[type="submit"] {  padding: 0.8em 3em;  text-transform: uppercase;  font-size: 18px;  color: #FFFFFF;  border: none;  background-color: #283b8e;  transition: all 300ms ease-out;  display: inline-block;  text-shadow: 0 1px 5px rgba(0, 0, 0, 0.1);  text-align: center;  min-width: 150px;  border-radius: 0;  white-space: nowrap;  font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;  font-weight: 600;  cursor: pointer;  -webkit-appearance: none;  -moz-appearance: none; }  input[type="submit"]:hover {    background-color: #101d5c;    color: #FFFFFF;    text-decoration: none; }input[type="file"] {  width: 100%;  padding: 1rem;  border: 1px solid #cacaca;  margin-bottom: 2em;  border-radius: 0; }.inputset {  position: relative; }.form_error_wrap {  display: none; }.form_error_specific {  color: red;  position: absolute;  top: -3px;  right: 2px;  font-size: 13px; }.error {  background-color: #fcbca6;  padding: 1em;  border: 1px solid firebrick;  font-size: 0.875rem;  color: firebrick; }  @media (min-width: 40em) {    .error {      padding: 2rem 3rem; } }.errorTitle {  font-weight: 700;  margin-bottom: 5px; }.errorItem {  padding: 2px 0; }.alert {  padding: 1em;  color: #d68f15;  background-color: #fbf5db;  border: 1px solid #d68f15;  font-size: 0.875rem;  font-weight: 700; }  @media (min-width: 40em) {    .alert {      padding: 2rem 3rem; } }/*Blog*/.blog-page {  padding: 0; }  .blog-page #listNews {    display: -ms-flexbox;    display: flex;    -ms-flex-wrap: wrap;        flex-wrap: wrap;    -ms-flex-pack: start;        justify-content: flex-start;    width: 100%;    width: 100%;    margin: auto;    padding: 4em 2em 3em;    max-width: 1650px; }  .blog-page .newsItem {    padding-bottom: 2rem;    cursor: pointer; }  .blog-page .listNewsItem {    width: 97%;    -ms-flex-preferred-size: 100%;        flex-basis: 100%;    margin: 1.5%;    text-align: left;    -ms-transform: scale(1);        transform: scale(1);    transition: transform 250ms ease-out; }    .no-flexbox .blog-page .listNewsItem {      display: inline-block;      vertical-align: top; }    @media (min-width: 30em) {      .blog-page .listNewsItem {        width: calc(47% - 5px);        -ms-flex-preferred-size: 47%;            flex-basis: 47%; } }    @media (min-width: 57.5em) {      .blog-page .listNewsItem {        width: calc(31.333% - 5px);        -ms-flex-preferred-size: 31.333%;            flex-basis: 31.333%;        margin: 1%; } }    .blog-page .listNewsItem:hover {      -ms-transform: scale(1.025);          transform: scale(1.025); }      .blog-page .listNewsItem:hover .newsImageTop {        box-shadow: 0 8px 25px 0 rgba(21, 21, 21, 0.1), 0 2px 6px rgba(21, 21, 21, 0.1); }    .blog-page .listNewsItem .newsImageTop {      line-height: 0;      display: inline-block;      width: 100%;      opacity: 0;      -ms-transform: translateX(-20px);          transform: translateX(-20px);      background-size: cover;      background-position: 50% 50%;      background-repeat: no-repeat;      transition: box-shadow 250ms ease-out; }      .blog-page .listNewsItem .newsImageTop:after {        content: "";        display: block;        padding: 33%; }      .blog-page .listNewsItem .newsImageTop a {        display: block;        line-height: 0; }    .blog-page .listNewsItem .newsTitle {      font-size: 1.2em;      line-height: 1.3;      color: #151515;      margin: 0.5rem 0;      opacity: 0;      -ms-transform: translateY(20px);          transform: translateY(20px); }      @media (min-width: 48em) {        .blog-page .listNewsItem .newsTitle {          font-size: 1.44em;          margin: 1rem 0; } }      .blog-page .listNewsItem .newsTitle a {        color: #151515; }    .blog-page .listNewsItem .newsInfoWrap, .blog-page .listNewsItem .newsImageBottom, .blog-page .listNewsItem .newsSummary {      display: none; }    .blog-page .listNewsItem .newsSummaryLink {      margin-top: 0.5em;      opacity: 0;      -ms-transform: translateY(20px);          transform: translateY(20px); }      .blog-page .listNewsItem .newsSummaryLink a {        font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;        padding: 0.5em 0em 0.5em 0;        position: relative;        color: #1d2c70; }        .blog-page .listNewsItem .newsSummaryLink a:after {          content: "";          display: block;          width: 100%;          height: 2px;          background-color: #1d2c70;          position: absolute;          bottom: 0;          left: 0;          transition: width 350ms ease-out, color 200ms linear; }        .blog-page .listNewsItem .newsSummaryLink a:hover {          color: #283b8e; }          .blog-page .listNewsItem .newsSummaryLink a:hover:after {            width: 125%;            background-color: #283b8e; }#displayIndividualBlogStory {  background-color: #fff; }  @media (min-width: 64.375em) {    .cssvhunit.object-fit #displayIndividualBlogStory.hasImage {      position: relative;      padding-left: 50%;      height: 100vh;      width: 100%;      overflow: hidden; }      .cssvhunit.object-fit #displayIndividualBlogStory.hasImage .blogSummaryImageStory {        position: absolute;        left: 0;        top: 0;        bottom: 0;        width: 50%;        margin: 0; }        .cssvhunit.object-fit #displayIndividualBlogStory.hasImage .blogSummaryImageStory img {          width: 100%;          height: 100%;          object-fit: cover;          object-position: center;          max-width: none;          box-shadow: none; }      .cssvhunit.object-fit #displayIndividualBlogStory.hasImage #displayBlogStory {        overflow-y: scroll;        height: 100vh;        -ms-overflow-style: none; }        .cssvhunit.object-fit #displayIndividualBlogStory.hasImage #displayBlogStory::-webkit-scrollbar {          display: none; } }    @media (min-width: 64.375em) and (min-width: 78.75em) {      .cssvhunit.object-fit #displayIndividualBlogStory.hasImage #displayBlogStory {        padding: 6em 7em 1em; } }    @media (min-width: 64.375em) and (min-width: 51.25em) {      .cssvhunit.object-fit #displayIndividualBlogStory.hasImage #displayBlogStory p {        font-size: 1rem; } }#displayBlogStory {  width: 100%;  padding: 3em 2em;  margin: auto;  max-width: 920px; }  @media (min-width: 30em) {    #displayBlogStory {      padding: 4em 3em; } }  @media (min-width: 48em) {    #displayBlogStory {      padding: 6em 4em; } }  @media (min-width: 78.75em) {    #displayBlogStory {      padding: 6em 7em; } }  #displayBlogStory h1 {    color: #1d2c70;    font-size: 2.0736em;    line-height: 1.2;    margin-bottom: 1.5rem; }    @media (min-width: 30em) {      #displayBlogStory h1 {        font-size: 2.48832em;        margin-bottom: 2rem; } }    @media (min-width: 57.5em) {      #displayBlogStory h1 {        font-size: 2.98598em;        margin-bottom: 2.5rem; } }  #displayBlogStory .newsInfoWrap {    display: none; }.blogSummaryImageStory {  margin: 0rem -1em 1rem;  position: relative;  line-height: 0; }  @media (min-width: 30em) {    .blogSummaryImageStory {      margin: 0rem -1.5em 2rem; } }  @media (min-width: 48em) {    .blogSummaryImageStory {      margin: 0rem -2em 2rem; } }  @media (min-width: 57.5em) {    .blogSummaryImageStory {      margin: 0rem -2em 3rem; } }  @media (min-width: 64.375em) {    .blogSummaryImageStory {      margin: 0rem -5em 3rem; } }  .blogSummaryImageStory img {    position: relative;    z-index: 5;    width: 100%;    line-height: 0;    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.3);    box-shadow: 0 8px 25px 0 rgba(21, 21, 21, 0.1), 0 2px 6px rgba(21, 21, 21, 0.1); }.inner-hero {  min-height: 60vh; }  @media (min-width: 34.375em) {    .inner-hero {      min-height: 80vh; } }  .services-page .inner-hero {    background-position: 75% center !important; }  .inner-hero.full-hero {    margin-bottom: 3em; }    .inner-hero.full-hero .hero-content__inner {      padding-bottom: 7em; }    .inner-hero.full-hero .button {      font-size: 0.875em; }      @media (min-width: 30em) {        .inner-hero.full-hero .button {          font-size: 1em; } }  .inner-hero .hero-content__inner {    padding-bottom: 2em;    font-size: 1.2em;    padding-top: 8em; }    @media (min-width: 57.5em) {      .inner-hero .hero-content__inner {        font-size: 1.45em; } }  .inner-hero .hero-overlay {    width: 100%;    position: absolute;    top: 0;    left: 0;    height: 100%;    display: -ms-flexbox;    display: flex; }    .inner-hero .hero-overlay:before {      content: "";      display: block;      position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background-color: #010931;      opacity: 0.4; }    .inner-hero .hero-overlay:after {      content: "";      position: absolute;      bottom: -2px;      left: 0;      width: 100%;      height: 25%;      background-image: linear-gradient(to top, #f1f1f1 15%, rgba(241, 241, 241, 0.5) 65%, transparent); }.main-content {  max-width: 1000px;  margin: auto; }  .main-content ul {    list-style-type: disc;    margin-left: 1.25rem;    line-height: 1.6;    margin-bottom: 1rem; }    .main-content ul li {      display: list-item; }  .main-content ul {    list-style-type: decimal;    margin-left: 1.25rem;    line-height: 1.6;    margin-bottom: 1rem; }    .main-content ul li {      display: list-item; }.split-section {  padding: 2em 0; }  .split-section:before, .split-section:after {    content: "";    display: table; }  .split-section:after {    clear: both; }  @media (min-width: 37.5em) {    .split-section {      padding: 3em 0; } }  @media (min-width: 51.25em) {    .split-section__image, .split-section__content {      width: 50%;      float: left;      padding: 0 2.5%; } }  @media (min-width: 78.75em) {    .split-section__image, .split-section__content {      padding: 0 5%; } }  .split-section__content {    opacity: 0;    -ms-transform: translateX(20px);        transform: translateX(20px);    margin-top: 2em; }    @media (min-width: 37.5em) {      .split-section__content {        padding: 0 2.5em; } }    @media (min-width: 51.25em) {      .split-section__content {        margin-top: 0;        -ms-transform: translateX(100px);            transform: translateX(100px); } }  @media (min-width: 51.25em) {    .split-section.reverse .split-section__image {      float: right; } }  @media (min-width: 51.25em) {    .flexbox .split-section {      display: -ms-flexbox;      display: flex;      -ms-flex-align: center;          align-items: center; }      .flexbox .split-section.reverse {        -ms-flex-direction: row-reverse;            flex-direction: row-reverse; } }.services-wrap {  padding: 2em 0 0; }.service-section {  padding: 4em 0; }  @media (min-width: 22.5em) {    .service-section {      padding: 5em 0; } }  @media (min-width: 37.5em) {    .service-section {      padding: 6em 0; } }  @media (min-width: 84.375em) {    .service-section {      padding: 8em 0; } }  .service-section:nth-child(3n + 1) {    background-color: #f1f1f1; }  .service-section:nth-child(3n + 2) {    background-color: #283b8e;    color: #fff; }    .service-section:nth-child(3n + 2) .service-section__title {      color: #fff; }    .service-section:nth-child(3n + 2) .service-section__icon {      display: none; }    .service-section:nth-child(3n + 2) .service-section__icon.light {      display: block !important; }    .service-section:nth-child(3n + 2) .service-section__heading {      border-color: #fff; }  .service-section:nth-child(3n + 3) {    background-color: #FFFFFF; }  .service-section__icon {    width: 5em;    height: 4em;    margin-bottom: 1em;    display: inline-block; }    .service-section__icon img {      max-height: 100%; }    .service-section__icon.light {      display: none; }  .service-section__inner {    width: 86%;    margin: auto;    max-width: 1450px;    display: -ms-flexbox;    display: flex;    -ms-flex-direction: column;        flex-direction: column;    padding: 0 1em; }    @media (min-width: 51.25em) {      .service-section__inner {        -ms-flex-direction: row;            flex-direction: row;        padding: 0; } }    @media (min-width: 78.75em) {      .service-section__inner {        padding: 0 2em; } }  .service-section__heading {    width: 100%;    border-bottom: 2px solid #1d2c70;    margin-bottom: 4em;    font-size: 0.875em; }    @media (min-width: 30em) {      .service-section__heading {        font-size: 1em; } }    @media (min-width: 51.25em) {      .service-section__heading {        width: 40%;        margin-bottom: 0; } }  .service-section__title {    color: #1d2c70; }  .service-section__info {    width: 100%; }    @media (min-width: 51.25em) {      .service-section__info {        padding-left: 5%;        width: 60%; } }    @media (min-width: 75em) {      .service-section__info {        padding-left: 10%; } }  .service-section__content p:first-child {    font-size: 1.2em;    line-height: 1.6; }  .service-section__bullets ul {    line-height: 1.55;    margin: 1.25rem 0 1.25rem 1.25rem;    margin: 1.25rem 0 0 1.25rem; }    .service-section__bullets ul li {      display: list-item;      list-style-type: disc;      padding: 0.25em 0; }  .service-section__extra {    margin-top: 2em; }    .service-section__extra:empty {      display: none; }.about-page .container {  max-width: 64rem; }.about-section2 {  margin-top: -20vh;  padding-top: 2em;  padding-bottom: 6em; }  @media (min-width: 50em) {    .about-section2 {      margin-top: 0;      padding-top: 6em;      font-size: 1.2em; } }.about-split {  padding: 0 0 3em; }  @media (min-width: 78.75em) {    .about-split {      padding: 3em 0; } }  .about-split__inner {    display: -ms-flexbox;    display: flex;    -ms-flex-direction: column;        flex-direction: column; }    @media (min-width: 50em) {      .about-split__inner {        -ms-flex-direction: row;            flex-direction: row; } }  .about-split__image {    width: 85%;    height: 60vh;    background-size: cover;    background-position: 50% 50%;    background-repeat: no-repeat; }    @media (min-width: 30em) {      .about-split__image {        width: 80%;        margin-left: 5%;        height: 70vh; } }    @media (min-width: 50em) {      .about-split__image {        width: 50%;        height: auto;        margin-left: 0; } }    .previewFrame .about-split__image {      min-height: 40em !important; }  .about-split__content {    background-color: #1d2c70;    background-image: linear-gradient(to top right, #101d5c, #283b8e);    -ms-transform: translateY(-20vh);        transform: translateY(-20vh);    color: #fff;    width: 86%;    margin-left: 7%;    padding: 9% 7%;    box-shadow: -6px 6px 10px 0 rgba(0, 0, 30, 0.1), -15px 15px 40px 0 rgba(0, 0, 30, 0.3); }    @media (min-width: 30em) {      .about-split__content {        width: 85%;        margin-left: 10%;        padding: 9%; } }    @media (min-width: 50em) {      .about-split__content {        width: 50%;        padding: 5%;        -ms-transform: translateY(4em);            transform: translateY(4em);        margin-left: 0; } }    @media (min-width: 84.375em) {      .about-split__content {        padding: 6% 7.5%; } }    .previewFrame .about-split__content {      -ms-transform: translateY(-5em);          transform: translateY(-5em); }.quote-section {  background-color: #fff; }.quote-name p {  font-weight: 700;  font-size: 1.2em;  color: #1d2c70;  opacity: 0;  -ms-transform: translateX(-20px);      transform: translateX(-20px); }  .quote-name p:before {    content: "";    display: inline-block;    vertical-align: middle;    width: 2em;    height: 2px;    background-color: #6d6d6d;    margin-right: 1em;    opacity: 0;    -ms-transform: translateX(-20px);        transform: translateX(-20px); }  .inviewport .quote-name p, .previewFrame .quote-name p {    animation: fade-in-left 400ms ease-out 100ms forwards; }    .inviewport .quote-name p:before, .previewFrame .quote-name p:before {      animation: fade-in-left 400ms ease-out 500ms forwards; }.contact-page .container {  max-width: 55rem; }.contact-split {  padding: 3em 0; }  @media (min-width: 40em) {    .contact-split {      padding: 3em 3em 0 3em; } }  @media (min-width: 50em) {    .contact-split {      padding: 3em; } }  @media (min-width: 78.75em) {    .contact-split {      padding: 5em 3em; } }  .contact-split__inner {    display: -ms-flexbox;    display: flex;    -ms-flex-direction: column;        flex-direction: column; }    @media (min-width: 50em) {      .contact-split__inner {        -ms-flex-direction: row;            flex-direction: row; } }  .contact-split__map {    position: relative;    width: 86%;    height: 50vh;    margin-left: 7%;    box-shadow: 0 6px 10px 0 rgba(0, 0, 30, 0.1), 0 15px 40px 0 rgba(0, 0, 30, 0.3);    background-size: cover;    background-position: 50% 50%;    background-repeat: no-repeat; }    @media (min-width: 30em) {      .contact-split__map {        height: 70vh; } }    @media (min-width: 50em) {      .contact-split__map {        box-shadow: none;        width: 50%;        height: auto;        margin-left: 0; } }    .previewFrame .contact-split__map {      min-height: 40em !important; }  .contact-split #map {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%; }  .contact-split #marker {    background-image: url("/dgclaimssolutions-co-uk/_img/images/map-pin.png");    background-size: contain;    background-position: center bottom;    width: 47px;    height: 60px;    margin-top: -30px;    cursor: pointer; }  .contact-split__content {    background-color: #1d2c70;    background-image: linear-gradient(to top right, #101d5c, #283b8e);    color: #fff;    width: 86%;    margin-left: 7%;    padding: 9% 7%;    box-shadow: 0 6px 10px 0 rgba(0, 0, 30, 0.1), 0 15px 40px 0 rgba(0, 0, 30, 0.3); }    @media (min-width: 30em) {      .contact-split__content {        padding: 9%; } }    @media (min-width: 50em) {      .contact-split__content {        z-index: 2;        width: 50%;        padding: 5%;        -ms-transform: translateY(4em);            transform: translateY(4em);        margin-left: 0;        box-shadow: 6px 6px 10px 0 rgba(0, 0, 30, 0.1), 15px 15px 40px 0 rgba(0, 0, 30, 0.3); } }    @media (min-width: 84.375em) {      .contact-split__content {        padding: 6% 7.5%; } }    .previewFrame .contact-split__content {      -ms-transform: translateY(-5em);          transform: translateY(-5em); }    .contact-split__content h4 {      margin-bottom: 0; }.contact-section2 .defaultForm {  margin-top: 2em; }  .contact-section2 .defaultForm .inputset {    position: relative;    padding-top: 1em;    margin-top: 1.5em; }  .contact-section2 .defaultForm label {    background-color: #f1f1f1;    font-weight: 700;    position: absolute;    z-index: 2;    top: 0.1em;    left: 6px;    padding: 0 10px; }.contact-section2 .form_submit {  text-align: center;  margin-top: 3em; }.contact-section2 input[type="submit"] {  font-family: "Karla", Verdana, Geneva, sans-serif;  color: #1d2c70;  background-color: transparent;  font-size: 1.2em;  padding: 0.75em 1.75em;  border: 2px solid #1d2c70; }  .contact-section2 input[type="submit"]:hover {    background-color: #1d2c70;    color: #fff; }.hero {  min-height: 85vh;  padding: 0 1em;  position: relative;  display: -ms-flexbox;  display: flex;  -ms-flex-align: center;      align-items: center; }  @media (min-width: 40em) {    .hero {      padding: 0 2.5em; } }  @media (min-width: 51.25em) {    .hero {      min-height: 95vh; } }  .previewFrame .hero {    min-height: 40em !important; }  .hero-content {    max-width: 1450px;    margin: auto;    width: 85%;    position: relative;    z-index: 5;    padding-right: 2em; }    .hero-content__inner {      color: #fff;      padding: 6em 0 3em;      max-width: 47rem; }      @media (min-width: 40em) {        .hero-content__inner {          font-size: 1.1em; } }      @media (min-width: 75em) {        .hero-content__inner {          font-size: 1.2em; } }      .hero-content__inner h1 {        margin-bottom: 0.35em;        line-height: 1.15;        text-shadow: 0 8px 30px rgba(16, 29, 92, 0.4);        opacity: 0;        -ms-transform: translateY(20px);            transform: translateY(20px); }        .page-loaded .hero-content__inner h1 {          animation: fade-in-up 400ms ease-out 100ms forwards; }      .hero-content__inner h1, .hero-content__inner h2, .hero-content__inner h3, .hero-content__inner h4, .hero-content__inner h5, .hero-content__inner h6, .hero-content__inner p {        pointer-events: none; }      .hero-content__inner p, .hero-content__inner .button {        padding: 0 1em 0 0;        opacity: 0;        -ms-transform: translateY(20px);            transform: translateY(20px); }        @media (min-width: 30em) {          .hero-content__inner p, .hero-content__inner .button {            padding: 0 3em 0 0; } }        .page-loaded .hero-content__inner p, .page-loaded .hero-content__inner .button {          animation: fade-in-up 400ms ease-out 500ms forwards; }        @media (min-width: 57.5em) {          .hero-content__inner p, .hero-content__inner .button {            padding: 0 3em 0 1em; } }      .page-loaded .hero-content__inner .button {        animation-delay: 700ms; }  @media (min-width: 40em) {    .hero:before, .hero:after {      content: "";      width: 3em;      height: 102%;      position: absolute;      top: 0;      display: block;      background-image: linear-gradient(to bottom, #ffffff 20%, #f1f1f1);      z-index: 3; } }  .hero:before {    left: 0; }  .hero:after {    right: 0; }  .hero-slider {    width: 100%;    position: absolute;    top: 0;    left: 0;    height: 100%;    display: -ms-flexbox;    display: flex; }    .hero-slider:after {      content: "";      position: absolute;      bottom: -2px;      left: 0;      width: 100%;      height: 25%;      background-image: linear-gradient(to top, #f1f1f1 15%, rgba(241, 241, 241, 0.5) 65%, transparent); }  .hero .slick-dots {    position: absolute;    right: 1em;    top: 50%; }    @media (min-width: 40em) {      .hero .slick-dots {        right: 5em; } }    .hero .slick-dots li {      display: block;      height: 9px;      width: 9px;      margin: 0.75rem; }      .hero .slick-dots li.slick-active button {        opacity: 1; }      .hero .slick-dots li button {        display: block;        height: 9px;        width: 9px;        border-radius: 10px;        background-color: #fff;        opacity: 0.6;        border: none;        background-image: none;        font-size: 0;        padding: 0;        cursor: pointer; }  .hero .slick-list {    display: -ms-flexbox;    display: flex;    width: 100%;    min-height: 85vh; }    @media (min-width: 51.25em) {      .hero .slick-list {        min-height: 95vh; } }    .previewFrame .hero .slick-list {      min-height: 40em !important; }  .hero .slick-track {    display: -ms-flexbox;    display: flex; }  .hero .slider-image {    position: relative;    background-size: cover;    background-position: 50% 50%;    background-repeat: no-repeat; }    .hero .slider-image:after {      content: "";      display: block;      position: absolute;      top: 0;      left: 0;      width: 100%;      height: 100%;      background-color: #010931;      opacity: 0.4; }.home-intro {  padding: 0; }  .home-intro .container {    padding: 6em 2em; }    @media (min-width: 64.375em) {      .home-intro .container {        padding: 6em 4em; } }  .home-intro__title {    color: #1d2c70; }    .home-intro__title h1 {      opacity: 0;      -ms-transform: translateY(20px);          transform: translateY(20px); }  .home-intro__content {    opacity: 0;    -ms-transform: translateY(20px);        transform: translateY(20px); }  @media (min-width: 45em) {    .home-intro .container {      display: -ms-flexbox;      display: flex;      /*border-bottom: 1px solid #bbb;*/ }    .home-intro__title {      width: 50%;      padding-right: 2em; }    .home-intro__content {      width: 50%;      padding-top: 3em; } }  .home-intro.inviewport h1, .previewFrame .home-intro h1 {    animation: fade-in-up 400ms ease-out 100ms forwards; }  .home-intro.inviewport .home-intro__content, .previewFrame .home-intro .home-intro__content {    animation: fade-in-up 400ms ease-out 500ms forwards; }@media (min-width: 22.5em) {  .home-services .section-title {    padding: 0 2em; } }@media (min-width: 78.75em) {  .home-services .section-title {    padding: 0; } }.service-tiles {  display: -ms-flexbox;  display: flex;  -ms-flex-wrap: wrap;      flex-wrap: wrap;  -ms-flex-pack: justify;      justify-content: space-between;  margin: 1em 0 0; }  @media (min-width: 78.75em) {    .service-tiles {      margin: 1em -2em 0; } }.service-tile {  width: 100%;  margin-bottom: 10px;  background-color: #fff;  border: 1px solid #dadada;  padding: 2em;  box-shadow: 0 15px 30px 0 rgba(21, 21, 21, 0.07);  transition: all 600ms ease-out;  opacity: 0;  -ms-transform: translateY(20px);      transform: translateY(20px);  display: -ms-flexbox;  display: flex;  -ms-flex-direction: column;      flex-direction: column; }  .inviewport .service-tile, .previewFrame .service-tile {    animation: fade-in-up 400ms ease-out 300ms forwards; }  @media (min-width: 30em) {    .service-tile {      width: calc(100% / 2 - 5px); } }  @media (min-width: 34.375em) {    .service-tile {      width: calc(100% / 2 - 10px);      margin-bottom: 20px;      padding: 2.5em; } }  @media (min-width: 57.5em) {    .service-tile {      width: calc(100% / 3 - 20px);      margin-bottom: 30px; } }  .service-tile:hover {    border-color: #1d2c70;    box-shadow: 0 20px 40px 0 rgba(21, 21, 21, 0.2), inset 0 0 0 5px #1d2c70; }  .service-tile .button {    font-size: 0.8125em; }  .service-tile.link-tile {    background-color: #1d2c70;    display: -ms-flexbox;    display: flex;    -ms-flex-align: end;        align-items: flex-end; }    @media (min-width: 37.5em) {      .service-tile.link-tile .button {        font-size: 1.05em; } }    @media (min-width: 78.75em) {      .service-tile.link-tile .button {        font-size: 1.25em; } }  .service-tile__icon {    width: 5em;    height: 4em;    margin-bottom: 0.5em;    display: inline-block; }    .service-tile__icon img {      max-height: 100%; }    .service-tile__icon svg {      fill: #1d2c70; }  .service-tile__title {    font-family: "Merriweather", Georgia, Times, "Times New Roman", serif;    font-weight: 700;    font-size: 1.44em;    color: #1d2c70;    margin-bottom: 0.5em;    line-height: 1.4; }  .service-tile__content {    padding-bottom: 25%;    -ms-flex: 1;        flex: 1; }.why-choose {  padding: 0 0 3em; }  @media (min-width: 78.75em) {    .why-choose {      padding: 2em 0; } }  .why-choose__inner {    display: -ms-flexbox;    display: flex;    -ms-flex-direction: column;        flex-direction: column; }    @media (min-width: 50em) {      .why-choose__inner {        -ms-flex-direction: row;            flex-direction: row; } }  .why-choose__image {    width: 85%;    height: 60vh;    background-size: cover;    background-position: 50% 50%;    background-repeat: no-repeat; }    @media (min-width: 30em) {      .why-choose__image {        width: 80%;        margin-left: 5%;        height: 70vh; } }    @media (min-width: 50em) {      .why-choose__image {        width: 50%;        height: auto;        margin-left: 0; } }    .previewFrame .why-choose__image {      min-height: 40em !important; }  .why-choose__content {    background-color: #1d2c70;    background-image: linear-gradient(to top right, #101d5c, #283b8e);    -ms-transform: translateY(-20vh);        transform: translateY(-20vh);    color: #fff;    width: 86%;    margin-left: 7%;    padding: 9% 7%;    box-shadow: -6px 6px 10px 0 rgba(0, 0, 30, 0.1), -15px 15px 40px 0 rgba(0, 0, 30, 0.3);    font-size: 0.875em; }    @media (min-width: 30em) {      .why-choose__content {        width: 85%;        margin-left: 10%;        padding: 9%; } }    @media (min-width: 50em) {      .why-choose__content {        width: 50%;        padding: 5%;        -ms-transform: translateY(4em);            transform: translateY(4em);        margin-left: 0; } }    @media (min-width: 75em) {      .why-choose__content {        font-size: 1em; } }    @media (min-width: 84.375em) {      .why-choose__content {        padding: 6% 7.5%; } }    .previewFrame .why-choose__content {      -ms-transform: translateY(-5em);          transform: translateY(-5em); }    .why-choose__content .eyebrow {      color: #fff; }      .why-choose__content .eyebrow:before {        background-color: #fff; }    .why-choose__content h1 {      max-width: 530px;      opacity: 0;      -ms-transform: translateY(20px);          transform: translateY(20px); }      .inviewport .why-choose__content h1, .previewFrame .why-choose__content h1 {        animation: fade-in-up 400ms ease-out 300ms forwards; }    .why-choose__content li {      opacity: 0;      -ms-transform: translateY(20px);          transform: translateY(20px); }      .inviewport .why-choose__content li, .previewFrame .why-choose__content li {        animation: fade-in-up 400ms ease-out 300ms forwards; }      .why-choose__content li:not(:last-child) {        margin-bottom: 2em; }  @media (min-width: 84.375em) {    .why-choose__list {      padding-left: 2.5em; } }.contact-section1 {  padding-bottom: 0; }.home-page .contact-banner {  margin-top: -20vh;  padding-top: 3em;  padding-bottom: 6em; }  @media (min-width: 50em) {    .home-page .contact-banner {      margin-top: 0;      padding-top: 6em; } }@media (min-width: 45em) {  .contact-banner .container {    display: -ms-flexbox;    display: flex;    -ms-flex-pack: justify;        justify-content: space-between;    -ms-flex-align: end;        align-items: flex-end; } }.contact-banner__text {  max-width: 38em;  color: #1d2c70;  margin-bottom: 3em; }  @media (min-width: 26.25em) {    .contact-banner__text {      padding-right: 3em; } }  @media (min-width: 45em) {    .contact-banner__text {      margin-bottom: 0; } }  .contact-banner__text h2 {    margin-bottom: 0;    opacity: 0;    -ms-transform: translateX(-20px);        transform: translateX(-20px); }    .inviewport .contact-banner__text h2, .previewFrame .contact-banner__text h2 {      animation: fade-in-left 400ms ease-out 300ms forwards; }.contact-banner__link {  opacity: 0;  -ms-transform: translateY(20px);      transform: translateY(20px); }  .inviewport .contact-banner__link, .previewFrame .contact-banner__link {    animation: fade-in-up 400ms ease-out 500ms forwards; }/* -----------------------------------------  13.0. Footer----------------------------------------- */.footer {  background-image: linear-gradient(to top right, #101d5c, #283b8e);  padding: 6em 0;  color: #fff; }  .footer-top, .footer-bottom {    width: 86%;    margin: auto;    padding: 0;    max-width: 1450px; }    @media (min-width: 78.75em) {      .footer-top, .footer-bottom {        padding: 0 4em; } }  .footer-top {    padding-bottom: 3em;    margin-bottom: 3em;    border-bottom: 1px solid rgba(255, 255, 255, 0.35);    width: 86%;    line-height: 2; }    @media (min-width: 37.5em) {      .footer-top {        display: -ms-flexbox;        display: flex;        -ms-flex-pack: justify;            justify-content: space-between; } }    .footer-top p {      line-height: 2;      opacity: 0.7; }    .footer-top h5 {      margin-bottom: 1em; }  .footer-bottom {    font-size: 0.875em; }    .footer-bottom p {      color: #abadbf; }    .footer-bottom a {      color: #abadbf; }      .footer-bottom a:hover {        color: #fff; }  .footer-nav {    -ms-flex: 3;        flex: 3;    margin-bottom: 2em; }    @media (min-width: 37.5em) {      .footer-nav {        margin-bottom: 0; } }    .footer-nav a {      color: #fff;      opacity: 0.7; }      .footer-nav a:hover {        opacity: 1; }  .footer-address {    -ms-flex: 2;        flex: 2;    margin-bottom: 2em; }    @media (min-width: 37.5em) {      .footer-address {        margin-bottom: 0; } }  .footer-contact {    -ms-flex: 1;        flex: 1; }    .footer-contact span {      display: block;      opacity: 0.7; }    .footer-contact a {      display: block;      color: #fff;      opacity: 0.7; }      .footer-contact a:hover {        opacity: 1; }  .footer-social__icons {    margin-top: 1em;    display: -ms-flexbox;    display: flex; }  .footer-social__icon {    height: 2.25em;    width: 2.25em;    margin-right: 0.4em; }    .footer-social__icon a {      display: block; }    .footer-social__icon svg {      fill: #fff;      height: 2.25em;      width: 2.25em; }.why-choose__list li img {width:  30px;}.why-choose__list li h5 {margin-top: 0px;}  .team-wrapper {    width: 86%;    margin: auto;    max-width: 1450px;    display: -ms-flexbox;    display: flex;    flex-wrap:  wrap;    padding: 0 1em; }    .team-item {width:  24%; margin-right: 1%; margin-bottom: 20px;}    .team-image {width: 100%; padding-top: 100%;}    .team-deatils {width:  100%; padding: 20px; background: #fff;}    .team-deatils a:hover {background-color: #1d2c70 !important;}     .previewFrame .hero-image {width: 30px;}  .inner-row {    width: 86%;    margin: auto;    max-width: 1450px;    display: -ms-flexbox;    display: flex;    flex-wrap:  wrap;    padding: 0 1em; }.careers-wrapper {width:  100%; display:  block;}.career-item {width:  100%; padding: 20px; display:  block; background: #1d2c70; margin-bottom:  15px;}.career-item:hover {background:#3a4b98 ;}/*.career-item.Available {background: #0cb333;}.career-item.Unavailable {background: #ff0000;}*/.career-item h3 {color: #fff; font-size: 20px;}.career-item p {color: #fff; }.footer-nav .nav ul li ul {display:  none;}.service-text-left {width:  78%; margin-right: 2%;}.service-text-right {width:  20%; }.service-text-right p {margin-bottom: 0px;}.service-text-right-inner {padding:  20px; background: #fff;}.service-text-right-inner h3 {font-size:  25px;}.service-text-right h3 {margin: 0px;}.inner-row ul {width:  100%; display:  block; margin-bottom: 20px;}.main-nav div#navInsmenu.nav ul#menu.menu li#menu1 ul li:first-of-type {display:  none;}@media all and (max-width: 1000px) and (min-width: 0px) {.team-item {width: 49%;}}@media all and (max-width: 480px) and (min-width: 0px) {.team-item {width: 100%; margin-right:  0px;}}
/* not required */