/* Extended CSS Styles */

/* Text */

body, .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	font-family: 'Antic Didone', serif;
	color: #27395A;
	letter-spacing: 1px;
}

body, p {
	font-size: 16px;
	line-height: 28px;
}

h1 {
	font-weight: 500;
	font-size: 100px;
	line-height: 130px;
}

h2 {
	font-weight: 400;
  font-size: 48px;
  line-height: 48px;
	margin: 0;
}

h3 {
	font-weight: 400;
	font-size: 24px;
	line-height: 32px;
	margin: 0;
}

h4 {
	font-weight: 400;
	font-size: 18px;
	line-height: 28px;
	margin: 0;
}

h5 {
	font-weight: 700;
	font-size: 16px;
	line-height: 28px;
	margin: 0;
}

h6 {
	font-weight: 700;
	font-size: 14px;
	line-height: 28px;
	margin: 0;
}

.special {
	
}

a:hover {
	color: #03AEED;
	transition: background-color .25s ease-out,color .25s ease-out;
}

a:focus,
button:focus,
.slick-slide:focus {
	outline: none;
	cursor: pointer;
}

table {
	table-layout: fixed;
}

/* Animation */

@keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* Layout */

body {
	background: none;
	overflow-x: hidden;
}

.section-container {
	background-image: url('/wp-content/uploads/2023/01/pexels-henry-co-2341290@2x.png')!important;
  background-position: 0px 500px;
  background-size: 25%;
  background-repeat: no-repeat;
}

.grid-container {
	max-width: 80rem;
}

.grid-container.full {
	padding: 0 15px;
}

header .grid-container.full {
	padding: 0;
}

.height-100 {
	float: left;
	height: 100%;
}

.section-container {
	float: left;
	width: 100%;
	padding-top: 124px;
}

.section {
	float: left;
	width: 100%;
	padding: 60px 0;
}

.section.reduced {
	padding: 20px 0;
}

.section.border-top {
	border-top: 18px solid #03AEED;
	margin-top: 60px;
	padding-top: 0;
}
.section.border-bottom {
	border-bottom: 58px solid #CCB26A;
	padding-bottom: 0;
}

@media screen and (min-width: 1024px) {

.centralise-content {
	display: flex;
  justify-content: center;
  align-items: center;
}

.centralise-content.flex-start {
	justify-content: flex-start;
}

.centralise-content.flex-end {
	justify-content: flex-end;
}

}

.text-center {
	text-align: center;
}

.text-right {
	text-align: right;
}

.remove-padding {
	padding: 0!important;
}

.banner-overlay {
  position: absolute;
  height: 100%;
  width: 75%;
  top: 0;
}

.home .banner-overlay {
	width: 100%;
}

.banner-overlay.light {
	background: rgba(7,7,7,0.4);
}

.banner-overlay.dark {
	background: rgba(29,41,63,0.9);
}

.blog .banner-overlay {
	background: rgba(29,41,63,0.9);
}

.align-center {
	display: table;
	margin: auto;
}

/* Breadcrumbs */

#breadcrumbs, 
#breadcrumbs a,
#breadcrumbs span {
	color: #001489;
    font-weight: 400;
    margin-bottom: 10px;
}

/* Forms */

form label {
	color: #091F4B;
}

form input,
form textarea {
	box-shadow: none!important;
	border: 1px solid #103767!important;
}

form input[type=text],
form input[type=tel],
form input[type=email],
form input[type=number],
form textarea {
	background: none;
}

form .wpcf7-file {
	border: none!important;
}

/* Buttons & Links */

.button,
.wpcf7-submit {
		background-color: #1D1D1D;
    color: #FFFFFF;
    text-align: center;
    padding: 18px 45px!important;
    font-size: 16px!important;
    letter-spacing: 1px;
}

.wpcf7-submit {
	border: none!important;
}

.button.primary {
	background-color: #333d66;
}

.button.secondary {
	background-color: #03AEED;
}

.button.tertiary {
	background-color: #004DA9;
}

.button.outline {
	background: none;
	border: 1px solid #303F5C!important;
	color: #303F5C;
}

.button.outline.light {
	border-color: #FFFFFF!important;
	color: #FFFFFF;
}

.button:hover,
.button.primary:hover,
.button.secondary:hover,
.button.tertiary:hover {
	background-color: #1D1D1D;
}

.button.outline:hover {
	background: none;
}

.button.full {
	width: 100%;
}

.submit .button {
	margin-top: 20px;
	text-transform: uppercase;
}

/* Header */

header {
	position: fixed;
  width: 100%;
  z-index: 100;
  transition: transform 0.4s;
  background-color: #ffffff;
}

.scroll-down header {
  transform: translate3d(0, -100%, 0);
}

.scroll-up header {
  transform: none;
}

header .main-header {
	padding: 30px 0;
}

header .main-header #menu-header-menu li a {
	color: #C6A254;
	font-size: 24px;
	padding: 10px 40px;
}

header .main-header #menu-header-menu li:last-child a {
	padding-right: 0;
}

header .logo {
	float: left;
	max-width: 220px;
}

header .mega-sub-menu .menu li {
	float: left;
	width: 100%;
}

header .mega-sub-menu h4 {
	font-family: 'Crimson Text', serif!important;
}

header .mega-sub-menu .menu li a {
	padding-left: 0;
	color: #1D1D1D;
	font-size: 16px;
}

header .mega-sub-menu .menu li a:hover {
	color: #333d66;
}

header .grid-menu {
	padding: 60px 0;
	background-color: #273a59;
}

header .grid-menu .menu {
	display: block;
}

header .grid-menu h3 {
	margin-bottom: 20px;
}

header .grid-menu .menu ul {
	margin: 0;
	list-style: none;
}

header .grid-menu .menu li a {
	padding: 7px 0;
	color: #ffffff;
}

header .grid-menu #menu-header-menu-products {
	columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

.hamburger {
	float: right;
	padding: 0;
}

.hamburger:focus {
	background: none;
}

.hamburger-box {
	width: 25px;
  height: 37px;
  margin-top: 24px;
}

.hamburger > div {
	float: left;
	margin-right: 15px;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before, .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
	background-color: #262262;
}

.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
	width: 25px;
  height: 3px;
}

.hamburger-inner:before {
	top: -8px;
}

.hamburger-inner:after {
	bottom: -8px;
}

.hamburger.is-active:hover, .hamburger:hover {
	opacity: 1;
}

/* Footer */

footer {
	float: left;
	width: 100%;
	position: relative;
	margin-top: 90px;
}

footer:before {
	content: '';
      height: 36px;
    width: 33%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #c5a254;
}

footer .main-footer {
	background: #EDEDED;
  float: left;
  width: 100%;
  padding: 60px 0;
}

footer .main-footer .menu ul {
	margin: 0;
	list-style: none;
}

footer .top-footer {
	padding: 30px 0 40px 0;
}

footer a {
	color: #FFFFFF;
	font-size: 18px;
}

footer a:hover {
	color: #03AEED;
}

footer h4 {
	font-weight: 400;
  font-size: 28px;
	margin-bottom: 24px;
	color: #707070;
}

footer .contact h4 {
	margin-bottom: 0;
}

footer .contact .tel {
	margin-bottom: 20px;
}

footer address {
	font-style: normal;
	color: #707070;
}

footer .contact {
	margin-top: 20px;
}

footer .contact a {
	color: #707070;
}

footer .contact p {
	margin: 0;
}

footer .menu ul {
	columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

footer .menu {
	display: block;
}

footer .menu {
	list-style: none;
	margin: 0;
}

footer .menu a {
	padding: 7px 0;
	color: #707070;
	margin-bottom: 20px;
}

footer .menu a:hover {
	color: #27395A;
}

footer .main-footer address span {
	display: none;
}

footer .social-links {
	position: relative;
}

footer .social {
	list-style: none;
	margin: 0;
	position: absolute;
  right: 0;
  bottom: 0;
}

footer .social li {
	display: inline-block;
}

footer .social a {
	color: #27395A;
	padding: 7px 0;
	font-size: 36px;
}

footer .social a > i {
	margin-right: 10px;
}

footer .lower-footer {
    padding: 15px 0;
    background: #27395A;
    float: left;
    width: 100%;
}

footer .lower-footer a,
footer .lower-footer p {
	color: #FFFFFF;
}

footer .lower-footer h6 {
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 10px;
}

footer .lower-footer #gtranslate_selector {
	background: none;
  color: #ffffff;
}

footer .lower-footer .copy a {
	opacity: 1;
	font-size: 16px;
}

footer .lower-footer .menu {
	float: right;
}

footer .lower-footer .menu li {
	float: left;
}

footer .lower-footer .menu li a {
	padding: 7px;
}

.latest-news .section-title {
	padding-top: 60px;
  margin-bottom: 30px;
}

.latest-news .post .post-content p {
	color: #091F4B;
	font-size: 16px;
}

.latest-news .post .post-content .button {
	margin: 0;
}

.latest-news {
	position: relative;
}

footer .footer-contact .wpcf7 br {
	display: none;
}

footer .footer-contact .wpcf7 input,
footer .footer-contact .wpcf7 select,
footer .footer-contact .wpcf7 textarea {
	border: 1px solid #03AEED!important;
	color: #03AEED;
}

footer .footer-contact .wpcf7 textarea {
	min-height: 281px;
}

footer .footer-contact .wpcf7 input.button {
	border: none!important;
	color: #ffffff;
	float: right;
}

/* Home */

#global-hero {
	height: 75vh;
	min-height: 400px;
	position: relative;
	background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 58px solid #CCB26A;
}

.home #global-hero {
	min-height: 85vh;
}

#global-hero .hero--content {
	width: 100%;
  height: 100%;
  position: absolute;
  display: table;
  margin: auto;
  z-index: 1;
}

#global-hero .hero--content .full-height {
	height: 100%;
}

#global-hero .hero--content .content {
	max-width: 80%;
}

#global-hero .hero--content .content h1 {
	margin-bottom: 20px;
	color: #ffffff;
}

#global-hero .hero--content .content p {
	color: #ffffff;
	font-size: 20px;
	line-height: 28px;
}

#global-hero .hero--content .content .meta p {
	font-size: 14px;
}

.page--title {
	padding: 40px 0;
}

.page--title h1 {
	margin-bottom: 20px;
	font-family: 'Crimson Text', serif;
	font-size: 56px;
}

.page--title .meta p {
	margin: 0;
}

/* Slick Customisation */ 

.carousel--buttons {
	float: right;
}

.carousel--buttons button {
	color: #FFFFFF;
    font-size: 14px;
    padding: 0 10px;
    background: #001489;
    margin: 0 5px;
    height: 50px;
    width: 50px;
    border: 1px solid #001489;
    cursor: pointer;
    border-radius: 3px;
}

.carousel--buttons button.slick-prev {
	background: none;
	border: 1px solid #001489;
	color: #001489;
}

.carousel--buttons button:hover {
	background-color: #B42B35;
	border-color: #B42B35;
	color: #FFFFFF!important;
	transition: background-color .25s ease-out,color .25s ease-out;
}

/* Page Blocks */

#page-blocks {
	float: left;
	width: 100%;
}

#page-blocks #video {
	min-height: 90vh;
}

#page-blocks #video .content h1 {
	color: #ffffff;
	    font-size: 90px;
    line-height: 80px;
} 

#page-blocks #banner {
	float: left;
	width: 100%;
	margin-bottom: 30px;
	border-bottom: 58px solid #CCB26A;
}

.home #page-blocks #banner {
	margin-bottom: 0;
}

#page-blocks #banner .banner .image-background {
	min-height: 90vh;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#page-blocks #banner .banner .image-background .banner-content {
	width: 100%;
	z-index: 1;
}

#page-blocks #banner .banner .image-background .banner-content h1,
#page-blocks #banner .banner .image-background .banner-content h2,
#page-blocks #banner .banner .image-background .banner-content p {
	color: #ffffff;
}

#page-blocks #banner .banner .image-background .banner-content h1,
#page-blocks #banner .banner .image-background .banner-content h2 {
	margin-bottom: 20px;
}

#page-blocks #banner .banner .image-background .banner-content h2.increase {
	font-size: 90px;
	line-height: 80px;
}

#page-blocks #banner .banner .image-background .banner-content p {
	font-size: 26px;
  line-height: 34px;
}

#page-blocks #banner .slick-arrow {
	position: absolute;
  z-index: 1;
  background: #ffffff;
  padding: 15px 19px;
  top: 40%;
  font-size: 20px;
}

#page-blocks #banner .slick-arrow.slick-prev {
	left: 0;
}

#page-blocks #banner .slick-arrow.slick-next {
	right: 0;
}

#page-blocks #gallery .masonry-grid .grid-item {
	width: 32%;
	padding: 10px;
}

#page-blocks #full-text h2,
#page-blocks #products h2,
h2.section-title {
	position: relative;
	color: #CCB26A;
	margin-bottom: 60px;
}

#page-blocks h2.section-title {
	overflow: hidden;
}

#page-blocks h2.section-title > span{
    position: relative;
    display: inline-block;
    padding: 0 40px;
}
#page-blocks h2.section-title.text-center > span:before, #page-blocks h2.section-title.text-center > span:after{
    content: '';
    position: absolute;
    top: 50%;
    border-bottom: 2px solid;
    width: 70px; /* half of limiter*/
    margin: 0 20px;
}
#page-blocks h2.section-title.text-center > span:before{
    right: 100%;
}
#page-blocks h2.section-title.text-center > span:after{
    left: 100%;
}

#page-blocks h2.section-title.left::before {
	content: '';
  border: 1px solid #CCB26A;
  width: 260px;
  display: block;
  position: absolute;
  top: 25px;
  left: 0;
}

#page-blocks h2.section-title.left {
	padding-left: 300px;
}

.page-id-70 #page-blocks #products {
	padding-bottom: 0;
}

#page-blocks #products h3 {
	color: #CCB26A;
	padding: 20px 0;
}

#page-blocks #full-image {
	background-size: cover;
  background-position: center;
  min-height: 90vh;
  position: relative;
}

#page-blocks #full-image .full-caption,
#page-blocks #full-image h2 {
	z-index: 1;
	position: relative;
}

#page-blocks #full-image h2,
#page-blocks #full-image .full-caption p {
	color: #ffffff;
}

#page-blocks #full-image h2 {
	width: 100%;
}

#page-blocks #full-image .full-caption p {
	margin: -30px 0 30px 0;
}

/*#page-blocks #full-image h2 {
	font-size: 15vw;
    line-height: 16vw;
    text-align: center;
    width: 100%;
}*/

#page-blocks #icon-blocks .image-container img {
	max-width: 130px;
	margin-bottom: 20px;
}

#page-blocks #icon-blocks h3 {
	margin-bottom: 20px;
}

#page-blocks #image-text .content {
	padding-right: 60px;
}

@media screen and (min-width: 1601px) {

#page-blocks #image-text .content {
	max-width: 75%;
}

}

#page-blocks #image-text .image-container {
	background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

#page-blocks #image-text .image-container .banner-overlay {
	background: rgba(38, 34, 98, 0.70);
}

#page-blocks #image-text h2 {
	margin-bottom: 20px;
}

#page-blocks #image-text .button {
	margin-top: 30px;
}

#page-blocks #accordion button.accordion {
	position: relative;
	background-color: #FFFFFF;
    cursor: pointer;
    padding: 24px;
    width: 100%;
    text-align: left;
    border: 1px solid #05aeed;
    outline: none;
    transition: 0.4s;
    margin-bottom: 20px;
}

#page-blocks #accordion .panel ul {
	list-style: none;
}

#page-blocks #accordion .panel ul li {
	padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}

#page-blocks #accordion .panel ul li:last-child {
	border: none;
}

#page-blocks #accordion .panel ul li > a p {
	margin: 0;
}

#page-blocks #accordion .panel ul li > a {
	color: #0a1389;
}

#page-blocks #accordion .panel ul li > a i {
	margin-right: 10px;
}

#page-blocks .accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  margin-bottom: 10px;
  border: none;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
#page-blocks .active, #page-blocks .accordion:hover,
button:focus {
  background-color: #ccc;
  background: #ccc;
  border: none;
}

/* Style the accordion panel. Note: hidden by default */
#page-blocks .panel {
    background-color: #262262;
    display: none;
    overflow: hidden;
    margin-top: -20px;
    margin-bottom: 20px;
    color: #ffffff;
}

#page-blocks .panel .content {
	float: left;
	width: 100%;
	padding: 40px;
}

#page-blocks .panel p {
	font-size: 14px;
}

#page-blocks .panel .button {
	margin-bottom: 0;
	float: right;
	margin-top: 10px;
}

#page-blocks .accordion:after {
  content: '\02795';
  color: #262262;
  position: absolute;
  right: 4%;
  top: 45%;
}

#page-blocks .active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

#page-blocks #map {
	float: left;
	width: 100%;
	border-top: 18px solid #03AEED;
	border-bottom: 18px solid #03AEED;
	margin-top: 60px;
}

#page-blocks #two-images .image-container {
	position: relative;
	min-height: 90vh;
  background-size: cover;
  background-position: center;
}

#page-blocks .trans-border::before,
.latest-news.trans-border::before,
#page-blocks #video.trans-border::before {
	content: '';
  display: block;
  width: 100%;
  position: absolute;
  height: 40px;
  background: rgba(255,255,255,0.4);
  z-index: 1;
}

#page-blocks #video.trans-border::before {
	top: 0;
}

#page-blocks #two-images .image-container.centralise-content .content {
	position: relative;
}

@media screen and (min-width: 1601px) {

#page-blocks #two-images .image-container.centralise-content .content {
	max-width: 75%;
}

}

#page-blocks #two-images .image-container .content {
	position: absolute;
	width: 100%;
	bottom: 0;
	padding: 50px;
}

#page-blocks #two-images .image-container .content.has-background {
	background: rgba(255,255,255,0.7);
	padding-bottom: 10px;
}

#page-blocks #two-images .image-container .content h2 {
	  color: #ffffff;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

#page-blocks #two-images .image-container .content.has-background h2 {
	color: #1d1d1d;
	padding-bottom: 30px;
  border-bottom: 1px solid #1d1d1d;
}

#page-blocks #two-images .image-container .content p {
	color: #ffffff;
	margin-bottom: 20px;
}

#page-blocks #product-highlight {
	float: left;
	width: 100%;
}

#page-blocks #product-highlight .image-container {
	min-height: 90vh;
}

#page-blocks #product-highlight .content {
	padding: 100px 60px;
}

#page-blocks #product-highlight h2,
#page-blocks #product-highlight p {
	color: #ffffff;
}

#page-blocks #product-highlight h2 {
	border-bottom: 2px solid;
  padding-bottom: 40px;
  margin-bottom: 40px;
  font-size: 54px;
  letter-spacing: 2px;
}

#page-blocks #product-highlight p {
	margin-bottom: 40px;
}

#page-blocks #image-grid .grid-item {
	float: left;
  margin: 10px;
}

#page-blocks .masonry-container {
  display: flex;
  flex-flow: column wrap;
  align-content: space-between;
  /* Your container needs a fixed height, and it 
   * needs to be taller than your tallest column. */
  height: 1200px;
}

#page-blocks .masonry-container .grid-item {
  width: 32%;
  /* Optional */
  position: relative;
  margin-bottom: 2%;
  color: #fff;
  padding: 15px;
  box-sizing: border-box;
}

#page-blocks #image-grid .button {
	display: table;
	margin: auto;
}

#page-blocks #product-gallery .product-nav {
	padding-top: 70px;
}

#page-blocks #product-gallery .product-for .image-container {
	height: 60vh;
}

#page-blocks #product-gallery .product-nav .image-container {
	height: 175px;
}

#page-blocks #product-gallery .product-nav .slick-arrow {
    background-color: #ffffff;
    position: absolute;
    top: 145px;
    z-index: 1;
    height: 30px;
    width: 30px;
    border-radius: 15px;
}

#page-blocks #product-gallery .product-nav .slick-arrow.slick-prev {
	left: 12px;
}

#page-blocks #product-gallery .product-nav .slick-arrow.slick-next {
	right: 12px;
}

#page-blocks #background-text .add-bg {
	background-image: url('/wp-content/uploads/2023/01/AVALANCHE_SLAB-2@2x.png');
	background-size: cover;
	padding: 30px;
}

#page-blocks #background-text .top-image {
	  min-height: 40vh;
    background-size: cover;
    background-position: center;
}

#page-blocks #background-text .content {
	background: #ffffff;
	padding: 40px 0;
}

#page-blocks #background-text .content h2 {
	color: #CCB26A;
}

#page-blocks #background-text .content p {
	padding: 40px 0;
}

/* Force new columns */
.container::before,
.container::after {
  content: "";
  flex-basis: 100%;
  width: 0;
  order: 2;
}

/* About */

.page-id-68 .grid-container {
}

/* Contact */

#contact {
	padding-top: 0;
}

#contact .wpcf7-form br {
	display: none;
}

#contact .section-title {
	padding-left: 0;
}

#contact .section-title.underline:after {
	    content: '';
    display: block;
    height: 1px;
    width: 75%;
    background: #ccb26a;
    margin-top: 40px;
    margin-right: 20px;
}

#contact .intro {
	font-family: 'Arial', sans-serif;
  margin-bottom: 40px;
  display: none;
}

.page-template-contact #contact {
	display: none;
}

.page-template-contact .wpcf7 br {
	display: none;
}

.page-template-contact .contact-form {
	padding: 40px;
	background-color: #E7ECF3;
}

.page-template-contact .address address {
	font-style: normal;
}

.page-template-contact .address .button {
	margin-top: 20px;
}

.page-template-contact .contact-block {
	min-height: 280px;
}

.page-template-contact .contact-block .contact-links {
	padding: 20px 0;
}

.page-template-contact .contact-block .contact-links.address {
	padding: 20px 15px;
}

.page-template-contact .contact-links h3,
.page-template-contact .address h3 {
	margin-bottom: 10px;
}

.page-template-contact .contact-links p {
	margin: 0;
}

.page-template-contact .contact-block .contact-links a {
	color: #1d1d1d;
}

.page-template-contact .contact-block .contact-links i,
footer .contact i {
	margin-right: 10px;
	background: #27395A;
    padding: 20px 20px;
    color: white;
    border-radius: 40px;
}

/* Product */

.single-product #global-hero .hero--content .content {
	width: 100%;
	max-width: 100%;
}

.single-product .product-details {
	position: absolute;
  width: 100%;
  bottom: 20px;
  left: 0;
}

.single-product .product-details ul {
	list-style: none;
}

.single-product .product-details ul li {
	display: inline-block;
	color: #ffffff;
	text-transform: uppercase;
	font-family: 'Arial', sans-serif;
	font-weight: 700;
	margin: 0 20px;
	border-bottom: 1px solid #ffffff;
  padding-bottom: 5px;
}

.single-product #page-blocks #image-text h2 {
	color: #CCB26A;
}

/* Sidebar */

.sidebar-content {
	float: left;
    width: 100%;
    padding-bottom: 100px;
}

.sidebar-content .side-nav {
	margin-bottom: 40px;
}

.sidebar-content .side-nav h3 {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

.sidebar-content .side-nav > div {
	float: left;
	width: 100%;
}

.sidebar-content ul {
	list-style: none;
	margin: 0;
}

.sidebar-content ul li {
	padding: 10px 0;
	border-bottom: 1px solid #ebebeb;
	width: 100%;
}

.sidebar-content ul li a {
	color: #091F4B;
	padding: 5px 0;
}

/* Blog */

.blog .section-container {
	padding-top: 140px;
}

.blog .latest-news {
	float: left;
	width: 100%;
	min-height: 100vh;
}

.blog .latest-news .blog-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
}

.blog .latest-news .overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-image: linear-gradient(to right, rgba(14,21,33,0.7), rgba(14,21,33,0));
	width: 100%;
  height: 100%;
}

.blog .latest-news .all-news {
	position: relative;
	padding: 100px 0;
}

.blog .post .hidden {
	display: none;
}

.blog .post #blog-image {
	display: none;
}

.blog .post #blog-image.display {
	display: block;
	animation: fadeIn 1s; 
}

.blog .post #blog-image.display .blog-image {
	  position: absolute;
    top: 0;
    display: table;
    margin: auto;
    width: 75%;
}

.blog .post #blog-image.display .blog-image img {
	    max-width: 60%;
    display: table;
    margin: auto;
    padding-top: 100px;
}

.blog .post #blog-content .button {
	width: 200px;
	float: right;
	margin-top: 30px;
}

.blog #full-text {
	padding-bottom: 0;
}

.single-post .page--title {
	text-align: center;
}

.single-post #global-hero .hero--content .content h1 {
	font-size: 54px;
	line-height: 64px;
}

.single-post #global-hero .hero--content .content p {
	font-family: 'Arial', sans-serif;
}

.single-post p {
	margin-bottom: 20px;
}

.single-post h2,
.single-post h4 {
	color: #CCB26A;
	margin-bottom: 20px;
}

.single-post p img {
	padding: 10px 0;
}

.post {
	margin-bottom: 40px;
}

.post a {
	color: #262262;
}

.post .entry-date {
	color: #1D1D1D;
	float: left;
  width: 100%;
	margin-bottom: 10px;
}

.post .post-content {
	padding: 20px 0;
}

.post .blog-image {
	min-height: 240px;
  background-size: cover;
}

.post .post-content h3 {
	margin-bottom: 24px;
}

.pagination .screen-reader-text {
	display: none;
}
.pagination {
	width: 100%;
}
.pagination .nav-links {
	display: table;
	margin: auto;
}
.pagination .nav-links span,
.pagination .nav-links a {
	float: left;
    padding: 10px 20px;
    font-size: 16px;
    border: none;
    border-radius: 5px;
}

/* Cookie Notice */

.cky-consent-bar .cky-notice-des p,
.cky-notice-btn-wrapper .cky-btn {
	font-family: 'Arial', sans-serif;
}

/* RESPONSIVE */

@media screen and (min-width: 1601px) {
	#page-blocks #full-image {
		min-height: 60vh;
	}

	.home #global-hero {
		min-height: 65vh;
		height: 65vh;
	}

	#global-hero {
		height: 55vh;
	}
}

@media screen and (max-width: 1024px) {

	h1 {
		font-size: 42px;
		line-height: 48px;
	}

	h2 {
		font-size: 36px;
		line-height: 36px;
	}

	h3 {
		font-size: 24px;
		line-height: 30px;
	}

	h4 {
		font-size: 16px;
		line-height: 21px;
	}

	.section {
		padding: 30px 0;
	}

	header .logo {
		max-width: 180px;
	}

	#hero .scroll {
		display: none;
	}

	.hide-for-small-only {
		display: none;
	}

	footer .social-links,
	footer h4 {
		padding-top: 30px;
	}

	#hero .hero--overlay {
		width: 100%;
		background: rgba(28, 76, 122, 0.70);
	}

	#global-hero .hero--content {
		position: relative;
    	max-width: 100%;
	}

	#page-blocks,
	#contact {
		padding: 0 5px;
	}

	#page-blocks #banner .banner .image-background {
		min-height: 50vh;
	}

	#page-blocks #background-text .content {
		padding: 40px 30px;
	}

	#global-hero .hero--content .content p {
		font-size: 16px;
	}

	#mobile-menu {
		padding: 40px 0;
	}

	#mobile-menu .open-menu a {
		font-weight: 700;
    	font-size: 21px;
	}

	#mobile-menu .open-menu .sub-menu {
		list-style: none;
		margin: 0;
	}

	#mobile-menu .open-menu .sub-menu li > a {
		font-weight: 400;
		font-size: 16px;
	}

	#mobile-menu .menu li a {
		padding: 12px 0;
    font-size: 18px;
	}

	#mobile-menu .social {
		margin-top: 20px;
	}

	#mobile-menu .social a {
		color: #ffffff;
	}

	#contact .wpcf7-form .left {
		padding-left: 0;
	}

	.latest-news .post .post-content h3,
	.latest-news .post .post-content p {
		min-height: auto;
	}

	.section-container {
		padding-top: 150px;
	}

	.home #global-hero {
		min-height: 30vh;
	}

	header .main-header {
		padding: 30px 15px;
	}

	#page-blocks #icon-blocks .icon-box {
		margin-bottom: 30px;
	}

	.latest-news::before {
		display: none;
	}

	.page-template-contact .contact-block {
		padding: 40px 0;
	}

	.post:first-of-type .entry-date {
    color: #262262;
	}

	#page-blocks #banner .banner .image-background .banner-content {
		position: absolute;
		padding: 60px 20px 0 20px;
	}

	footer .main-footer #menu-footer {
		display: block;
		text-align: center;
	}

	footer .main-footer .menu-footer-container {
		padding: 0;
		margin-bottom: 20px;
	}

	footer .social {
		padding: 0;
		position: relative;
	}

	footer .social li {
		padding: 5px 0;
	}

	#global-hero {
		min-height: 30vh;
	}

	#product-gallery .product-for {
		margin-top: 40px;
	}

	#global-hero .hero--content .content {
		padding: 60px 20px 0 20px;
	}

}

@media screen and (max-width: 768px) {

	header nav {
		float: right;
	}

	.banner-overlay {
		width: 95%;
	}

	#full-image .banner-overlay {
		width: 100%;
	}

	#page-blocks #full-image .full-caption p {
		margin: 30px 0 30px 0;
    float: left;
    width: 100%;
	}

	#mega-menu-wrap-header .mega-menu-toggle + #mega-menu-header {
		margin-top: 25px;
	}	

	#global-hero .hero--image {
		min-height: 50vh;
	}

	#page-blocks .half--half .content {
		width: 85%;
	}

	#page-blocks #image-text .content {
		padding-right: 0;
	}

	#mega-menu-wrap-mobile #mega-menu-mobile > li.mega-menu-item > a.mega-menu-link {
		color: #001489!important;
	}

	#page-blocks #three-blocks .content h3 {
		min-height: auto;
	}

	#page-blocks #three-blocks .content .button {
		margin-top: 20px;
	}

	.hero--content .content h1 {
		margin-bottom: 20px;
	}

	.hero--content .content .button {
		margin-top: 40px;
	}

	.single-product .product-details ul li {
		display: block;
    border: none;
    padding-bottom: 10px;
	}

	#page-blocks #gallery .masonry-grid .grid-item {
		width: 45%;
	}

}

@media screen and (max-width: 640px) {

	#global-hero .hero--content .content {
		padding: 50px 10%;
		max-width: 100%;
	}

	#hero .hero--overlay {
		width: 100%;
	}

	#services .service-block,
	#latest-projects .project-block {
		margin-bottom: 24px;
	}

	#points .point {
		padding: 24px 0;
	}

	#gallery .gallery--image {
		min-height: 50vh;
	}

	#contact .sidebar {
		margin-top: 40px;
	}

	#gallery .carousel--buttons {
    	bottom: 20px;
    	right: 15%;
	}

	footer .main-footer {
		padding: 60px 20px;
	}

	footer .main-footer .cell {
		margin-bottom: 20px;
	}

	footer address {
		margin-bottom: 20px;
	}

	footer .lower-footer .copy {
		text-align: center;
	}

	footer .menu-lower-footer-menu-container {
		display: table;
		margin: auto;
	}

	#product-page-blocks #product-tabs #tabs iframe {
		max-width: 100%;
		height: auto;
	}

	footer .accreditations h3 {
		margin-bottom: 20px;
		text-align: center;
	}

	footer .accreditations .accreditation img {
		display: table;
		margin: auto;
		float: none;
	}

	#page-blocks #team .blog-image {
		max-height: 180px;
	}

	table thead {
    display: none;
	  }
	  table td {
	    display: flex;
	  }
	  
	  table td::before {
	    content: attr(th);
	    font-weight: bold;
	    width: 120px;
	    min-width: 120px;
	  }

	  #page-blocks #background-text .add-bg {
	  	padding: 10px;
	  }

}

@media screen and (max-width: 460px) {

	#global-hero {
		height: 55vh;
	}

	.page-id-70 #global-hero {
		height: 75vh;
	}

	#page-blocks #gallery .masonry-grid .grid-item {
		width: 100%;
	}

	.single-product .hero--content .content h1 {
		text-align: center;
	}

	#page-blocks h2.section-title.left::before {
		display: none;
	}

	#page-blocks h2.section-title.left {
		padding-left: 0;
	}

	#page-blocks #full-text h2, #page-blocks #products h2, h2.section-title {
		margin-bottom: 30px;
	}

	#page-blocks h2.section-title > span {
		padding: 0;
	}

	#gallery .carousel--buttons {
	        display: table;
    	margin: auto;
    	position: relative;
    	top: 20px;
    	right: 0;
	}

	.woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
		width: 100%;
	}

	#page-blocks #banner .slick-arrow {
		display: none!important;
	}

	.page-template-contact .contact-block .contact-links i, footer .contact i {
		padding: 10px;
	}

}