/* ----- ROOT SETUP ----- */
 :root {
  /* COLORS */
  --cp: #175c7d;
  --cs: #477f94;
  --cd: #424242;
  --ct: #424242;
  --cg: #333F48;
  --cl: #f1f1f1;
  --cw: #ffffff;

  /* WIDTH */
  --w2: 20%;
  --wq: 25%;
  --w3: 30%;
  --w4: 40%;
  --w6: 60%;
  --w8: 80%;
  --wf: 100%;

  /* TRANSITIONS */
  --tr: 0.3s all ease;

  font-size: 18px;
 }

/* ----- DRUPAL CORRECTIVE STYLING ----- */
 .container-fluid,
 .col-sm-12 {
 	padding-left: 0px;
 	padding-right: 0px;
 }

 .row {
 	margin-left: 0px;
 	margin-right: 0px;
 }

 .btn {
 	padding: 15px 60px;
 	border-radius: 0px;
 	font-size: 16px;
 }

 .btn-primary {
 	background-color: #477f94;
 	border: none;
 	transition-duration: 0.4s;
 }

 .btn-primary:hover {
 	background-color: #175c7d;
 }


/* ----- FONT STYLING ----- */
 
 body {
 	font-size: 18px;
 	color: #424242;
 	font-family: 'Roboto', sans-serif;
 	font-weight: 300;
 }

 h1 {
 	font-size: 60px;
 	color: #175c7d;
 	font-weight: 300;
 	text-align: center;
 	margin: 40px 0px 40px;
 }

 h1.page-header {
 	padding: 0px;
 	border: none;
 }

 h2 {
 	font-size: 40px;
 	color: #175c7d;
 	font-weight: 400;
 	text-align: center;
 }

 h3 {
 	font-size: 25px;
 	color: #424242;
 	font-weight: 700;
 }

 a {
 	text-decoration: none;
 	color: #175c7d;
 	font-weight: 700;
 	transition-duration: 0.2s;
 }

 a:hover, a:focus, a:active {
 	text-decoration: none;
 	color: #477f94;
 }


/* ----- MENU STYLING ----- */

 .navbar {
	background-color: #175c7d;
  	border: none;
 }

 body.navbar-is-fixed-top {
  	margin-top: 150px;
 }

 /* Logo region */
  .logo img {
  	width: 214px;
  }

  .logo {
  	display: inline-block;
  }

  .navbar-header {
  	width: 80%;
  	margin-left: 10% !important;
  	margin-right: 10% !important;
  }

  /* Contact region */
  #block-menucontactinfo {
  	margin: 10px;
  	float: right;
  }

  .men-itm {
  	display: inline-block;
  }

  .men-icn {
  	display: inline-block;
  	vertical-align: middle;
  }

  .men-icn img {
  	width: 80px;
  }

  .men-info {
  	display: inline-block;
  	vertical-align: middle;
  	color: #ffffff;
  	padding: 0px 50px 0px 10px;
  	font-size: 14px;
  }

  /* Navigation region */
  .menu {
  	width: 100%;
  	text-align: center;
  	background-color: #f1f1f1;
  }

  .navbar-nav li {
  	float: none;
  	display: inline-block;
  	margin-right: -5px;
  }

  .navbar-default .navbar-nav li a {
  	color: #424242;
  	font-weight: 300;
  	background-color: transparent;
  	padding: 15px 25px;
  	font-size: 16px;
  }

  .dropdown-menu {
    border: none;
    padding: 0px;
    background-color: #f1f1f1;
  }

  .navbar-default .navbar-nav .open .dropdown-menu li {
    display: block;
    margin-right: 0px;
  }

  .navbar-default .navbar-nav .open .dropdown-menu a {
    color: #424242;
    background-color: transparent;
  }

  .navbar-default .navbar-nav .open .dropdown-menu a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu .active a,
  .navbar-default .navbar-nav .open .dropdown-menu .active a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu .active a:focus {
    background-color: #477f94;
    color: #ffffff;
  }

  .navbar-default .navbar-nav .open .dropdown-menu li:last-of-type a {
  	transition-duration: 0.4s;
  }

  .navbar-default .navbar-nav .open .dropdown-menu li:last-of-type a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu li:last-of-type.active a,
  .navbar-default .navbar-nav .open .dropdown-menu li:last-of-type.active a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu li:last-of-type.active a:focus {
    border-radius: 4px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }



  .navbar-default .navbar-nav li:hover a,
  .navbar-default .navbar-nav li:active a,
  .navbar-default .navbar-nav li:focus a {
  	background-color: #477f94;
  	color: #ffffff;
  }

  .navbar-default .navbar-nav li:last-child a {
  	background-color: #477f94;
  	color: #ffffff;
  	transition-duration: 0.8s;
  }

  .navbar-default .navbar-nav li:hover:last-child a,
  .navbar-default .navbar-nav li:active:last-child a,
  .navbar-default .navbar-nav li:focus:last-child a {
  	background-color: #b32929;
  	color: #ffffff;
  }

  .navbar-default .navbar-nav .active a,
  .navbar-default .navbar-nav .active a:hover,
  .navbar-default .navbar-nav .active a:focus {
  	background-color: #e7e7e7;
  	color: #424242;
  }

  .navbar-default .navbar-nav li.active:last-child a,
  .navbar-default .navbar-nav li.active:last-child a:hover,
  .navbar-default .navbar-nav li.active:last-child a:focus {
  	background-color: #b32929;
  	color: #ffffff;
  	animation-name: emergency;
    animation-duration: 1.4s;
    animation-iteration-count: infinite;
    animation-direction: alternate-reverse;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: emergency;
    -webkit-animation-duration: 1.4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate-reverse;
    -webkit-animation-timing-function: ease-in-out;
  }

 @keyframes emergency {
    0% {background-color: #477f94;}
    10% {background-color: #477f94;}
    75% {background-color: #b32929;}
 }

 @-webkit-keyframes emergency {
 	0% {background-color: #477f94;}
    10% {background-color: #477f94;}
    75% {background-color: #b32929;}
 }

 .dropdown-menu li.active:last-child a,
 .dropdown-menu li.active:last-child a:hover,
 .dropdown-menu li.active:last-child a:focus {
    animation-name: none;
    animation-duration: 0s;
    -webkit-animation-name: none;
    -webkit-animation-duration: 0s;
    animation: none;

  }


/* ----- HOME PAGE STYLING ----- */
 
 /* Banner styling */
 .view-home-page-banner {
 	height: 60vh;
 	overflow: hidden;
 }

 .view-home-page-banner .views-field-field-banner-image {
 	position: fixed;
 	z-index: -1;
 }

 .view-home-page-banner .views-field-field-banner-image img {
 	height: 60vh;
 	object-position: center;
 	object-fit: cover;
 	background-position: center;
 	background-size: cover;
 }

 /* Services styling */
 #block-views-servicesh {
 	background-color: #175c7d;
 	position: relative;
 	z-index: 20;
 }

 #block-views-servicesh .view-services {
 	width: 80%;
 	margin: auto;
 	margin-bottom: -130px;
 }

 #block-views-servicesh .view-services .views-row {
 	display: inline-block;
 	width: 23%;
 	margin: 10px;
 	background-color: #f1f1f1;
 	text-align: center;
 	padding: 20px;
 	position: relative;
 	top: -150px;
  vertical-align: top;
 }

 #block-views-servicesh .views-field-field-icon {
 	padding-bottom: 20px;
 }

 #block-views-servicesh .views-field-field-icon img {
 	display: inline-block;
 	width: 40px;
 }

 #block-views-servicesh .views-field-title {
 	font-size: 25px;
 	color: #175c7d;
 	text-transform: uppercase;
 	padding-bottom: 20px;
 }

 #block-views-servicesh .views-field-view-node a {
	font-weight: 300;
	color: #ffffff;
	display: inline-block;
	padding: 15px 60px;
	background-color: #175c7d;
	margin-top: 20px;
	transition-duration: 0.4s;
 }

 #block-views-servicesh .views-field-view-node a:hover,
 #block-views-servicesh .views-field-view-node a:active,
 #block-views-servicesh .views-field-view-node a:focus {
 	background-color: #477f94;
   }

 /* Trust block styling */
 .trust h1 {
 	color: #ffffff;
 }

 #block-trustquoteblock {
 	background-color: #175c7d;
 	padding-bottom: 20px;
 	border-bottom: 5px solid #424242;
 	position: relative;
 	z-index: 20;
 }


 /* Basic page content */

 .path-frontpage .page .field--name-body {
 	text-align: center;
 	padding-top: 20px;
 }
 
 .path-frontpage .region-content {
     position: relative;
     z-index: 20;
 }

 .small-list {
 	width: 350px;
 	text-align: left;
 	margin: auto;
 }

 /* Testimonial view styling */
 #block-views-testi {
 	background-color: #f1f1f1;
 	padding: 60px 0px 80px;
 }

 #block-views-testi h2.block-title {
 	font-size: 60px;
 	font-weight: 300;
 	margin-bottom: 40px;
 }

 #block-views-testi .view-testimonials {
 	text-align: center;
 	position: relative;
 }

 #block-views-testi .views_slideshow_cycle_slide {
 	width: 80% !important;
 	height: auto !important;
 	margin: 0px 20%;
 }

 #block-views-testi .views-row {
 	padding: 25px;
 	background-color: #ffffff;
 	width: 100% !important;
 }

 #block-views-testi .views_slideshow_cycle_slide:before {
 	display: inline-block;
 	content: "";
 	width: 60px; 
 	height: 60px;
 	-webkit-clip-path: polygon(40% 50%, 100% 100%, 100% 0);
 	clip-path: polygon(40% 50%, 100% 100%, 100% 0);
 	top: 10px;
 	left: -60px;
 	z-index: 100;
 	background-color: #ffffff;
 	position: absolute;
 }

 #block-views-testi .views-field-field-rating {
 	display: inline-block;
 	padding-right: 15px;
 }

 #block-views-testi .views-field-field-rating .hidethis {
 	display: none;
 }

 #block-views-testi .views-field-field-rating .rat5 {
 	background-image: url(/sites/default/files/icons/5star.png);
 	width: 101px;
 	height: 15px;
 	background-size: 101px 15px;
 	background-repeat: no-repeat;
 }

 #block-views-testi .views-field-field-rating .rat4 {
 	background-image: url(/sites/default/files/icons/4star.png);
 	width: 101px;
 	height: 15px;
 	background-size: 101px 15px;
 	background-repeat: no-repeat;
 }

 #block-views-testi .views-field-field-rating .rat3 {
 	background-image: url(/sites/default/files/icons/3star.png);
 	width: 101px;
 	height: 15px;
 	background-size: 101px 15px;
 	background-repeat: no-repeat;
 }

 #block-views-testi .views-field-field-rating .rat2 {
 	background-image: url(/sites/default/files/icons/2star.png);
 	width: 101px;
 	height: 15px;
 	background-size: 101px 15px;
 	background-repeat: no-repeat;
 }

 #block-views-testi .views-field-field-rating .rat1 {
 	background-image: url(/sites/default/files/icons/1star.png);
 	width: 101px;
 	height: 15px;
 	background-size: 101px 15px;
 	background-repeat: no-repeat;
 }

 #block-views-testi .views-field-title:before {
 	display: inline-block;
 	content: "- ";
 	font-size: 25px;
 	font-weight: 700;
 }

 #block-views-testi .views-field-title {
 	font-size: 25px;
 	font-weight: 700;
 	display: inline-block;
 }

 #block-views-testi .views-field-body {
 	padding-top: 25px;
 }


/* ----- CONTENT BANNER STYLING ----- */
 #block-banner {
 	height: 50vh;
 	overflow: hidden;
 }

 #block-banner h2 a {
 	color: #ffffff;
 	pointer-events: none;
 	font-size: 60px;
 	font-weight: 300;
 	text-align: center;
 	
 }

 #block-banner h2 {
 	padding: 0px;
 	margin: 0px;
 	position: absolute;
 	width: 80%;
 	margin-left: 10%;
 	margin-right: 10%;
 	top: 200px;
 	left: 0px;
 	z-index: 1;
 }

 #block-banner .field--name-field-banner-image {
 	position: fixed;
 }

 #block-banner .field--name-field-banner-image img {
 	height: 50vh;
 	object-fit: cover;
 	object-position: center;
 	background-position: center;
 	background-size: cover;
 	filter: brightness(40%);
 }


/* ----- BASIC PAGE STYLING ----- */

 .page {
	background-color: #ffffff;
 }

 .page .field--name-body {
	width: 80%;
	margin: auto;
	padding: 60px 0px;
 }


/* ----- PARAGRAPHS PAGE STYLING ----- */
 .custom-page .field--name-field-custom-fields {
 	background-color: #ffffff;
 	padding: 80px 0px;
 }

 .custom-page .paragraph--type--contact-block-region {
 	margin: 70px 30px 80px 10%;
 	width: 39%;
 	float: left;
 }

 .custom-page .webform-submission-contact-form-form {
 	margin: 70px 10% 80px 0px;
 	width: 39%;
 	float: left;
 	padding-top: 10px; 
 }

 .paragraph--type--contact-block {
 	background-color: #477f94;
 	color: #ffffff;
 	padding: 23px;
 	margin: 10px;
 	display: inline-block;
 	width: 95%;
 }

 .custom-page .field--name-field-select-webform .form-control {
 	box-shadow: none;
 	border: none;
 	background-color: #f1f1f1;
 	border-radius: 0px;
 	height: 60px;
 	color: #175c7d;
 	padding: 10px 20px;
 }

 .custom-page .field--name-field-select-webform .intl-tel-input input, 
 .custom-page .field--name-field-select-webform .intl-tel-input input[type=text], 
 .custom-page .field--name-field-select-webform .intl-tel-input input[type=tel] {
 	width: 100%;
 }

 .intl-tel-input {
 	width: 100%;
 }

 .custom-page .field--name-field-select-webform .form-textarea {
 	height: auto;
 }

 .custom-page .field--name-field-select-webform .form-actions .btn,
 .custom-page .field--name-field-select-webform .form-actions .btn-group {
 	margin-top: 13px;
 }

 .paragraph--type--contact-block .field--name-field-icon {
 	float: left;
 	padding-right: 20px;
 }

 .paragraph--type--contact-block .field--name-field-icon img {
 	width: 80px;
 }

 .paragraph--type--contact-block .field--name-field-title {
 	float: left;
 	font-weight: 600;
 	width: 80%;
 }

 .paragraph--type--contact-block .field--name-field-contact-info {
 	float: left;
 	width: 80%;
 }

 .paragraph--type--contact-block .field--name-field-contact-info a {
 	color: #ffffff;
 	text-decoration: underline;
 	font-weight: 200;
 }

 .custom-page .field--name-field-custom-fields .map {
 	margin-bottom: -86px;
 }


/* ----- SERVICES PAGE STYLING ----- */
 
 .service {
 	background-color: #ffffff;
 }

 .service .field--name-body {
 	width: 80%;
 	margin: auto;
 	padding: 60px 0px;
 }

 #block-views-services1,
 #block-views-services2 {
 	background-color: #175c7d;
 	padding: 60px 0px;
 }

 #block-views-services1 .view-services,
 #block-views-services2 .view-services {
 	width: 80%;
 	margin: auto;
 }

 #block-views-services1 .view-services .views-row {
 	display: inline-block;
 	width: 23%;
 	margin: 10px;
 	background-color: #f1f1f1;
 	text-align: center;
 	padding: 20px;
 }

 #block-views-services2 .view-services .views-row {
 	display: inline-block;
 	width: 18.4%;
 	margin: 10px;
 	background-color: #f1f1f1;
 	text-align: center;
 	padding: 20px;
 }

 #block-views-services1 .views-field-field-icon,
 #block-views-services2 .views-field-field-icon {
 	padding-bottom: 20px;
 }

 #block-views-services1 .views-field-field-icon img,
 #block-views-services2 .views-field-field-icon img {
 	display: inline-block;
 	width: 40px;
 }

 #block-views-services1 .views-field-title,
 #block-views-services2 .views-field-title {
 	font-size: 25px;
 	color: #175c7d;
 	text-transform: uppercase;
 	padding-bottom: 20px;
 }

 #block-views-services1 .views-field-view-node a,
 #block-views-services2 .views-field-view-node a {
	font-weight: 300;
	color: #ffffff;
	display: inline-block;
	padding: 15px 60px;
	background-color: #175c7d;
	margin-top: 20px;
	transition-duration: 0.4s;
 }

 #block-views-services1 .views-field-view-node a:hover,
 #block-views-services1 .views-field-view-node a:active,
 #block-views-services1 .views-field-view-node a:focus,
 #block-views-services2 .views-field-view-node a:hover,
 #block-views-services2 .views-field-view-node a:active,
 #block-views-services2 .views-field-view-node a:focus {
 	background-color: #477f94;
   }


/* ----- EMERGENCY PAGE STYLIGN ----- */
 .emscont {
 	text-align: center;
 }

 .ems-num {
 	display: inline-block;
 }

 .ems-num a {
 	display: inline-block;
 	padding: 15px 60px;
 	margin: 20px 10px 0px;
 	background-color: #f1f1f1;
 	transition-duration: 0.4s;
 	border-radius: 
 }

 .ems-num a:hover {
 	background-color: #477f94;
 	color: #ffffff;
 }


/* ----- POPUP STYLING ----- */

 .spb_overlay {
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 99999;
  overflow: scroll;
 }

 .spb_center {
  width: 70% !important;
  top: 10%;
  left: 15%;
  border: none;
  border-radius: 7px;
  margin: 0px;
  padding: 0px;
 }

 .spb-controls {
  top: 5px;
 }

 .spb_close {
  border: none;
  border-radius: 50%;
  background-color: var(--cl);
  margin: 0px;
  padding: 5px 13px;
 }

 #block-covid19 .field--name-body h2 {
  background-color: var(--cp);
  padding: 40px 25px;
  color: var(--cw);
  font-weight: 700;
  border-radius: 7px 7px 0px 0px;
  margin: 0px;
 }

 #block-covid19 .field--name-body p,
 #block-covid19 .field--name-body ul,
 #block-covid19 .field--name-body h3 {
  margin: 20px 25px;
 }

 #block-covid19 {
  display: none;
 }

 .simple-popup-blocks-global #block-covid19 {
  display: block;
 }















/* ----- FOOTER STYLING ----- */
 .footer {
 	border: none;
 	padding: 40px 0px;
 	font-size: 14px;
 	background-color: #424242;
 	color: #ffffff;
 	text-align: center;
 	margin-top: 0px;
 }