/*
Theme Name: Ground Developments v3
Theme URI: http://grounddevelopments.co.uk
Author: reflex blue
Author URI: http://www.reflexblue.co.uk
Description: reflexblue bespoke theme development
Version: 3.0
Date: March 2020
*/

/* ----------reset all css-------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
form {margin-top:0;margin-bottom:0;}
object {outline:none;}
html {overflow-y:scroll;}
img {-ms-interpolation-mode:bicubic;}
@media \0screen {img { width:auto; /* for ie 8 */}}
a {outline-style:none;}
textarea {resize:vertical;}
textarea, input {outline:none;}
.clearboth {clear:both;height:0;font-size:1px;line-height:0px;}



/* ---------- layout elements and animation -------------- */
.group:before, .group:after {content:"";display:table;} 
.group:after {clear: both;}
.group {zoom: 1;}

.vcenter-outer {width:100%;height:100%;}
.vcenter-outer:before {content:'';display:inline-block;height:100%;vertical-align:middle;}
.vcenter-inner {display:inline-block;vertical-align:middle;width:100%;}

.table {display:table;width:100%;}
.table-cell {display:table-cell;vertical-align:middle;}

.fade-in,.anim-up {opacity:0;}

.adelay-0 {animation-delay:0s;}
.adelay-1 {animation-delay:0.25s;}
.adelay-2 {animation-delay:0.5s;}
.adelay-3 {animation-delay:0.75s;}

.trans-0-1 {transition:all 0.1s ease-in-out;}
.trans-0-2 {transition:all 0.2s ease-in-out;}
.trans-0-25 {transition:all 0.25s ease-in-out;}
.trans-0-3 {transition:all 0.3s ease-in-out;}
.trans-0-5 {transition:all 0.5s ease-in-out;}
.trans-0-75 {transition:all 0.75s ease-in-out;}
.trans-1 {transition:all 1s ease-in-out;}
.trans-1-5 {transition:all 1.5s ease-in-out;}
.trans-2 {transition:all 2s ease-in-out;}

input[type="text"],input[type="email"],input[type="password"],input[type="button"],input[type="submit"] {-webkit-appearance:none;/*border-radius:0;*/}


/* ---------- text and common styles -------------- */
a {color:#4A4A4A;text-decoration:none; font-weight: 700}
a:hover {color:#009A44;text-decoration:none;}
p {padding:0px 0px 15px 0px; color:#4A4A4A}
strong {font-weight:700;}

ul{margin:3px 0px 7px 35px;padding:0px;}
ol{margin:3px 0px 7px 35px;padding:0px;}
li{margin:0px;padding:0px 0px 5px 0px;}

h1 {font-weight:800;line-height:125%;color:#545454;text-transform:uppercase;}
h2,h3 {font-weight:800;line-height:normal;color:#000;}
h1 {font-size:32px;padding:0px 0px 15px 0px;}
h2 {font-size:21px;padding:0px 0px 12px 0px;}
h3 {font-size:21px;padding:18px 0px 12px 0px;}
h2.styled, h4 {font-size:18px;font-weight:700;text-transform:uppercase;line-height:normal;color:#FFF;background:#545454;margin:20px -5px 15px;padding:10px 20px 8px;}
h2.styled, h4 {-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
h1.inline {display:inline;}
h1 span.title {color:#70ADDD;}
.single-post h1 {font-size:36px;}

.txt_small {font-size:12px;line-height:normal;}
.txt_default {font-size:14px;}
.txt_large {font-size:18px;line-height:normal;}
.txt_big {font-size:24px;line-height:normal;}

.alignleft {display:block;float:left;margin-right:20px;margin-top:5px;margin-bottom:20px;}
.alignright {display:block;float:right;margin-left:20px;margin-top:5px;margin-bottom:20px;}
.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}
img.alignleft,img.alignright,img.aligncenter {/*margin-top:4px;margin-bottom:5px;*/}
@media \0screen {img { width: auto; /* for ie 8 */}}

.wp-caption {width:auto!important;}
.wp-caption img {margin-bottom:10px;}
.wp-caption-text {font-size:14px;line-height:130%;}

blockquote {color:#FFF;border-left:8px solid #FFF;margin:25px 0 20px 0;padding:0 0 4px 15px;font-style:italic;}
blockquote p {display:inline;}

.uppercase {text-transform:uppercase;}
.no-margin {margin-right:0!important;}

hr {border:0;height:0;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;}

.btn-line {display:inline-block;padding:8px 16px 8px 16px;color:#CCC;background:none;border:2px solid #CCC;font-size:14px;text-align:center;text-decoration:none;text-transform:uppercase;}
.btn-line {-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.btn-line:hover {color:#FFF;background:#CCC;border:2px solid #CCC;text-decoration:none;cursor:pointer;}
.btn-line.red {color:#fff;border-color:#fff;}
.btn-line.red:hover {color:#FFF;background:#009A44;border-color:#009A44;}
.btn-line.green {color:#000;border-color:#00A94E;}
.btn-line.green:hover {color:#FFF;background:#00A94E;border-color:#00A94E;}
.btn-line.white {color:#FFF;border-color:#FFF;}
.btn-line.white:hover {color:#545454;background:#FFF;border-color:#FFF;}
.btn-line.small {font-size:12px;padding:6px 12px;line-height:normal;}

.btn-solid {display:inline-block;padding:8px 16px 8px 16px;color:#FFF;background:#CCC;border:2px solid #CCC;font-size:14px;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;}
.btn-solid {-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;}
.btn-solid:hover {color:#FFF;background:#CCC;border:2px solid #CCC;text-decoration:none;cursor:pointer;}
.btn-solid.red {color:#FFF;background:#00A94E;border:2px solid #00A94E;}
.btn-solid.red:hover {color:#fff;background:#00A94E;border:2px solid #00A94E;}
.btn-solid.small {font-size:12px;padding:6px 12px;line-height:normal;}
#contact-form .btn-solid.red:hover {color:#00A94E;background:#fff;border:2px solid #00A94E;}

.placeholder {display:block;width:100%;height:auto;}

.red {color:#D93A41;}  /*rgba(217,58,65,1)*/
.green {color:#00A94E;} /*rgba(0,169,78,1)*/

.grid-wrapper {text-align:center;}
.grid-item {display:inline-block;vertical-align:top;position:relative;overflow:hidden;webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.grid-item a {text-decoration:none;}
.grid-item .image-wrapper {position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;z-index:10;}
.grid-item .image {position:absolute;left:0;top:0;width:100%;height:100%;}


/* ---------- start css -------------- */
html {}
body {margin:0;padding:0;font-family:proxima-nova,Arial,Helvetica,sans-serif;font-weight:400;color:#000;font-size:18px;background:#FFF;overflow-x:hidden;line-height:normal;/*-webkit-font-smoothing: antialiased;*/}


/* ---------- header -------------- */
#masthead {position:fixed;left:0;top:0;width:100%;background:#FFF;z-index:500;}
#masthead, #content-offset {height:170px;}
#header {padding:0 40px;}
#header .left {float:left;}
#header .right {float:right;margin-top:52px;font-size:14px;position:relative;}
#header .logo-gdl {display:block;width:160px;height:auto;margin-top:18px;}
#header .header-item {display:inline-block;font-weight:600;line-height:18px;padding:0 15px;position:relative;}
#header .header-item:last-child {padding:0;}
#header .header-item a {display:block;color:#545454;}
#header .header-item .icon-gdl {float:left;display:block;fill:#00A94E;margin-right:4px;}
#header .header-item #icon-linked-in {margin-right:210px;}
#header .header-item .icon-linked-in {margin-top:-4px;}
#header .header-item:hover a {color:#00A94E;}
#header .header-item:hover .icon-gdl {fill:#00A94E;}
#header .header-item .btn-line {min-width:80px;text-transform:none;}

#btn-contact {width:160px;position:absolute;right:0;top:-24px;background:#FFF;z-index:100;}
#btn-contact {-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
#btn-contact:hover {color:#00A94E;}
#btn-contact:hover #btn-contact-menu {max-height:1000px;}
#btn-contact span {margin-left:-17px;}
#btn-contact:after {content:url('../img/arrow-down-green.svg');position:absolute;right:57px;top:5px;width:24px;height:24px;}
#btn-contact-menu {max-height:0px;overflow:hidden;transition:max-height 0.3s ease-in-out;-webkit-transition:max-height 0.3s ease-in-out;}
#btn-contact-menu.active {max-height:1000px;}
#btn-contact-menu a {padding:3px 0;color:#00A94E!important;}
#btn-contact-menu a:hover {color:#545454!important;}

/*#masthead.scrolling {height:50px;}
#masthead.scrolling #header {margin-top:-120px;}*/

#nav {position:absolute;left:0;bottom:0;width:100%;height:50px;text-align:center;background:#545454;}
#nav ul {display:inline-block;list-style:none;margin:15px 0 0 0;padding:0;}
#nav li {float:left;margin:0;padding:0;position:relative;}
#nav li a {display:block;color:#FFF;font-size:18px;font-weight:600;text-decoration:none;padding:0 30px;position:relative;z-index:20;}
#nav li a:after {content:'';display:block;width:0;height:2px;background:#FFF;margin:-1px auto auto auto;transition:width 0.5s ease, background-color 0.5s ease;}
#nav li a:hover:after {width:100%;background:#FFF;}
/*#nav li.current_page_item a:after, #nav li.current_page_ancestor a:after {content:'';display:block;width:100%;height:2px;background:#FFF;margin:-1px auto auto auto;}*/
#nav li.page_item_has_children a {padding-right:30px;}
#nav li.page_item_has_children a:before {content:url('../img/arrow-down.svg');position:absolute;right:0;top:0;width:24px;height:24px;background:#545454;}

#nav ul ul.hovered {max-height:2000px;transition:max-height 1s ease-in;z-index:15;}

#nav ul ul {display:block;max-height:0;overflow:hidden;position:absolute;left:50%;top:20px;transform:translateX(-50%);width:300px;margin:0;padding:0;background:#545454;z-index:10;}
#nav li li {float:none;height:auto;margin:0;padding:0;}
#nav li li a {display:inline-block;width:auto;color:#FFF;font-size:16px;padding:10px 20px;transition:all 0.3s ease-in-out;}
#nav li li a:before {display:none!important;}
#nav li li a:after {display:none!important;}
#nav li li:first-child a {margin-top:25px;}
#nav li li:last-child a {padding-bottom:25px;}
/*#nav li li.current_page_item a:after, #nav li li.current_page_ancestor a:after {display:block!important;content:'';width:100%;height:2px;background:#FFF;margin:-1px auto auto auto;}*/
#nav li li.page_item_has_children a:before {display:block!important;content:url('../img/arrow-down.svg');position:absolute;right:0;top:9px;width:24px;height:24px;background:#545454;}

#nav ul ul ul.hovered, #nav ul ul li.current_page_parent ul {max-height:2000px;transition:max-height 1s ease-in;z-index:15;}

#nav ul ul ul {max-height:0;overflow:hidden;position:relative;left:auto;top:auto;transform:none;min-width:0;}
#nav li li li a {margin:0!important;font-size:14px;font-weight:400;padding:7px 20px;}
#nav li li li a:after {display:none!important;}
#nav li li.current_page_item li a:after, #nav li li.current_page_ancestor li a:after {display:none!important;}
/*#nav li li li.current_page_item a:after {display:block!important;content:'';width:100%;height:2px;background:#FFF;margin:-1px auto auto auto;}*/
#nav li li.page_item_has_children li a:before {display:none!important;}


/* ---------- banner -------------- */
.page-home #banner-wrapper {height:700px;}
.page-home #banner .content-wrapper {left:0;bottom:150px;}
.page-home #pager {bottom:90px;}
#banner-wrapper {width:100%;height:500px;margin:0;padding:0;position:relative;background:#FFF;z-index:10;}
#banner {width:100%;height:100%;overflow:hidden;text-align:center;color:#FFF;opacity:0;position:relative;transition:opacity 0.5s linear;}
#banner.visible {opacity:1;}
#banner .slide {width:100%;height:100%;overflow:hidden;position:relative;}
#banner .container {height:100%;overflow:hidden;z-index:30;}
#banner .content-wrapper {position:absolute;width:100%;bottom:80px;}
#banner .title {font-size:56px;font-weight:800;text-transform:uppercase;line-height:110%;animation-delay:0.25s;}
#banner .title h1 {color:inherit;font-size:inherit;line-height:inherit;}
#banner .text {font-size:21px;margin-top:18px;line-height:130%;animation-delay:0.5s;}
#banner .overlay {position:absolute;left:0;top:0;width:100%;height:100%;z-index:20;}
#banner .image {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
.no-banner {/*margin-bottom:-60px;*/}

#banner .overlay {
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 60%,
    rgba(0, 0, 0, 0.5) 80%,
    rgba(0, 0, 0, 0.7) 100%
  ); /* FF3.6-15 */

  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 30%,
    rgba(0, 0, 0, 0.5) 60%,
    rgba(0, 0, 0, 0.7) 100%
  ); /* Chrome10-25,Safari5.1-6 */

  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 30%,
    rgba(0, 0, 0, 0.5) 60%,
    rgba(0, 0, 0, 0.7) 100%
  ); /* Modern Browsers */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000',GradientType=0); /* IE6-9 */
}

#pager {text-align:center;width:100%;z-index:100;position:absolute;bottom:20px;overflow:hidden;}
#pager a {display:inline-block;width:12px;height:12px;background:transparent;border:2px solid #FFF;border-radius:50%;margin:0 4px 0 4px;cursor:pointer;text-decoration:none;transition:background 0.25s ease-in-out;}
#pager a:hover {background:#FFF;cursor:pointer;text-decoration:none;}
#pager a.cycle-pager-active {background:#FFF;cursor:default;}


/* ---------- breadcrumbs -------------- */
.breadcrumbs {background:#EBECEC;padding:10px 0;font-size:16px;font-weight:500;color:#00A94E;margin-left:-8px;border-bottom:4px solid #FFF;}
.breadcrumbs span {display:inline-block;padding:0 8px;color:#00A94E;}
.breadcrumbs span a {transition:color 0.25s ease-in-out;}


/* ---------- modals -------------- */
.rdsn-modal {position:fixed;left:0;top:0;width:100%;height:100%;z-index:-1;}
.rdsn-modal .bg {position:absolute;left:0;top:0;width:100%;height:100%;opacity:0;background:rgba(84, 84, 84, 0.8); overflow-y:auto;}
.rdsn-modal .icon-close {position:absolute;right:30px;top:30px;width:44px;height:44px;fill:#FFF;z-index:10;}
.rdsn-modal .icon-close:hover {cursor:pointer;fill:#00A94E;}
.rdsn-modal.open {z-index:1000;}
.rdsn-modal .bg.open {opacity:1;}
.rdsn-modal .container {height:100%;}
.rdsn-modal .vcenter-inner {width:80%;padding-left:10%;}

#search-title {color:#FFF;font-size:36px;font-weight:800;text-align:center;text-transform:uppercase;line-height:120%;margin-bottom:30px;}
#search-close {display:block;color:#FFF;font-size:21px;font-weight:800;text-align:center;text-decoration:none;text-transform:uppercase;margin-top:30px;}
#search-close:hover {color:#00A94E;text-decoration:none;}
#search-form {position:relative;max-width:800px;margin:0 auto;}
#search-form .input {width:100%;height:76px;line-height:76px;padding:0 80px 0 20px;font-family:proxima-nova,Arial,Helvetica,sans-serif;font-size:21px;border:2px solid #FFF;}
#search-form .input {-webkit-appearance:none;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;}
#search-form .input.error {border:2px solid #FF0000;}
#search-form label.error {display:none!important;}
#search-form .input, #search-form .btn-submit {position:relative;webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;z-index:20px;}
#search-form .btn-submit {position:absolute;right:0;top:0;width:76px;height:76px;vertical-align:middle;font-family:Arial,Helvetica,sans-serif;font-size:21px;border:none;background:transparent;z-index:10;}
#search-form .btn-submit:hover {cursor:pointer;}
#search-form .icon-search {position:absolute;top:12px;right:20px;width:50px;height:53px;fill:#545454;z-index:10px;}
#search-form .icon-search.hovered {fill:#00A94E;}


/* ---------- main layout -------------- */
.row-mid {padding:50px 0;line-height:140%;}
.row-mid img {display:block;max-width:100%;height:auto;}
.container {width:960px;margin:0 auto;padding:0;position:relative;height:100%;}

#home-links {width:1100px;margin:-70px auto -1.5% auto;position:relative;z-index:20;}
#home-links .grid-wrapper {margin:0 -1%;}
#home-links .grid-item {width:31.33%;margin:0 1% 2%;border:2px solid #FFF;}
#home-links .caption-wrapper {position:absolute;left:0;bottom:30px;width:100%;z-index:30;}
#home-links .caption {padding:0 30px;text-align:left;}
#home-links .caption h3 {font-size:28px;font-weight:800;line-height:110%;color:#FFF;}
#home-links .btn-solid {border:1px solid #FFF;}
#home-links .grid-item:hover .btn-solid {background:#545454;}
#home-links .overlay {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:20;}
#home-links .grid-item:hover .overlay {background:rgba(0,0,0,0);}
#home-links .grid-item:hover .image {transform:scale(1.1);}

#page-links {margin:30px 0 0 0;position:relative;z-index:20;}
#page-links h2 {text-transform:uppercase;color:#545454;padding-bottom:15px;}
#page-links .grid-wrapper {text-align:left;margin:0 -1%;}
#page-links .grid-item {width:31.33%;margin:0 1% 2%;border:2px solid #FFF;}
#page-links .grid-item .image-wrapper {position:relative;left:auto;top:auto;}
#page-links .title-wrapper {position:absolute;left:0;bottom:30px;width:100%;z-index:30;}
#page-links .title {padding:0 30px;text-align:left;}
#page-links .title h3 {font-size:26px;font-weight:800;line-height:110%;text-transform:uppercase;color:#FFF;}
#page-links .btn-solid {border:1px solid #FFF;}
#page-links .overlay {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:20;}
#page-links .summary {display:none;padding:10px 0 0 0;text-align:left;line-height:120%;} /* temp hidden */
#page-links .grid-item:hover .btn-solid {background:#00A94E;}
#page-links .grid-item:hover .overlay {background:rgba(0,0,0,0);}
#page-links .grid-item:hover .image {transform:scale(1.1);}

.page-title {padding:40px 0;}
.page-title h1 {font-size:36px;text-align:center;padding:0;}

h3.cs-grid-home-title {text-align:center;text-transform:uppercase;color:#545454;padding:20px 0;}
#cs-grid-home {margin:0 -4px;}
#cs-grid-home .grid-item {width:33.33%;padding:0 2px;border:none;}
#cs-grid-home .grid-item .image-wrapper {position:relative;left:auto;top:auto;background:#EBECEC;}
#cs-grid-home .grid-item .content {background:#A9A9A9;}
#cs-grid-home .grid-item .inner {position:relative;padding:30px 30px 90px 30px;}
#cs-grid-home .grid-item .title {font-size:21px;font-weight:800;text-transform:uppercase;color:#fff;padding:0 0 10px 0;}
#cs-grid-home .grid-item .btn-line {position:absolute;left:30px;bottom:30px;}
#cs-grid-home .grid-item .image.hovered {transform:scale(1.1);}

.content .inner .text {
  color: #fff; /* white text */
}

#cs-page-grid {text-align:center;margin:-10px 0 50px 0;padding:80px 0 30px;background:url(../img/bg-case-studies.jpg) center center no-repeat;background-size:cover;}
#cs-page-grid h3 {font-size:36px;text-align:center;text-transform:uppercase;color:#FFF;padding:0 0 40px 0;}
#cs-page-grid .grid-item {width:33.33%;margin-bottom:50px;}
#cs-page-grid .grid-item img.icon-doc {width:38px;height:auto;}
#cs-page-grid .grid-item .content {position:relative;color:#FFF;padding:0 0 50px 0;}
#cs-page-grid .grid-item .text {margin-top:10px;text-transform:uppercase;}
#cs-page-grid .grid-item .btn-wrapper {position:absolute;left:0;bottom:0;width:100%;}
#cs-page-grid .grid-item .btn-solid {min-width:70px;border:1px solid #FFF;margin:0 5px;}
.page-id-1758 #cs-page-grid {text-align:left;}
.page-id-1758 #cs-page-grid .grid-item .btn-wrapper {bottom:10px;}
.page-id-1758 #cs-page-grid .grid-item .btn-solid  {margin:0;}

#dload-grid {text-align:center;margin:0 0 50px 0;}
#dload-grid .grid-item {width:33.33%;margin-bottom:50px;}
#dload-grid .grid-item img.icon-dload {width:48px;height:auto;}
#dload-grid .grid-item .content {position:relative;padding:0 0 50px 0;}
#dload-grid .grid-item .text {margin-top:10px;text-transform:uppercase;}
#dload-grid .grid-item .btn-wrapper {position:absolute;left:0;bottom:0;width:100%;}

#equipment-banner {text-align:center;margin:-10px 0 20px 0;padding:80px 0;background:url(../img/bg-case-studies.jpg) center center no-repeat;background-size:cover;}
#equipment-banner h3 {font-size:36px;text-align:center;text-transform:uppercase;color:#FFF;padding:0 0 20px 0;}
#equipment-banner .content {position:relative;color:#FFF;padding:0 0 20px 0;}
#equipment-banner .btn-solid {min-width:160px;border:1px solid #FFF;}

.rdsn-carousel {margin-bottom:80px;}
.rdsn-carousel .carousel-cell {margin-right:10px;opacity:0.3;transition:opacity 0.3s ease-in;}
.rdsn-carousel .carousel-cell.is-selected {opacity:1;}
.rdsn-carousel .carousel-cell .btn-vid {display:none;position:absolute;width:33%;height:33%;z-index:100;opacity:0.65;left:50%;top:50%;margin-left:-15%;margin-top:-15%;}
.rdsn-carousel .carousel-cell.is-selected .btn-vid {display:block;}
.rdsn-carousel .carousel-cell .btn-vid:hover {opacity:1;}
.rdsn-carousel .carousel-cell .btn-vid img {display:block;width:100%;height:auto;}

.rdsn-carousel .flickity-button, .rdsn-carousel .flickity-button:hover {background:transparent;}
.rdsn-carousel .flickity-button:focus {outline:none;}
button::-moz-focus-inner {border:0;}
.rdsn-carousel .flickity-button-icon {fill:white;}
.rdsn-carousel .flickity-button:disabled {display:none;}


#banner-boxes {margin:0 -4px;}
#banner-boxes .grid-item {width:33.33%;padding:0 2px;border:none;}
#banner-boxes .inner {padding:30px;background:#EBECEC;}
#banner-boxes .title {font-size:21px;font-weight:700;color:#545454;padding:0 0 10px 0;}

#tst-grid {margin:50px -2% 0 0;text-align:center;position:relative;z-index:30;}
#tst-grid .grid-sizer, #tst-grid .tst-item {width:31.33%;}
#tst-grid .gutter-sizer {width:2%;}
#tst-grid .tst-item {margin-bottom:40px;}
#tst-grid .tst-item p:last-child {padding:0;}
#tst-grid .logo {width:50%;margin:0 auto 15px;border:4px solid #00A94E;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
#tst-grid .title-text {font-weight:700;color:#545454;padding-bottom:10px;}
#tst-grid .name {color:#00A94E;}
#tst-grid .content {font-style:italic;line-height:160%;background:#EBECEC;padding:20px;}
#tst-grid .arrow-up {margin:0 auto;width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid #EBECEC;}

#title-bar {background:#EBECEC;height:50px;line-height:50px;}
#title-bar .sort-items {float:left;color:#000;font-weight:600}
#title-bar .sort-items a {display:block;color:#000;}
#title-bar .sort-items > div.active a {color:#F04E23;}
#title-bar .sort-items > div {float:left;margin-right:30px;}
#title-bar .sort-items > div:last-child {margin-right:0;}
#title-bar .sort-menu {position:relative;}
#title-bar .sort-menu ul {display:none;margin:0;padding:0 0 10px 0;background:#EBECEC;position:absolute;left:-20px;top:45px;min-width:250px;z-index:200;}
#title-bar .sort-menu ul li {list-style:none;margin:0;padding:0;line-height:normal;text-align:left;}
#title-bar .sort-menu ul li.active a {color:#00A94E;}
#title-bar .sort-menu ul li a {display:block;margin:0;padding:10px 20px 10px 20px;}
#title-bar .sort-menu ul li a:hover {color:#545454;text-decoration:none;}
#title-bar .sort-menu a.sort-title {padding-right:10px;}
#title-bar .sort-menu a.sort-title:after {content:url('../img/arrow-down-black.svg');position:absolute;right:-12px;top:6px;width:24px;height:24px;}

#cs-grid {margin:0 -2% 0 0;position:relative;z-index:20;}
#cs-grid .grid-sizer, #cs-grid .cs-item {width:31.33%;}
#cs-grid .gutter-sizer {width:2%;}
#cs-grid .cs-item {margin-bottom:2%;}
#cs-grid .cs-item .image-wrapper {position:relative;overflow:hidden;}
#cs-grid .cs-item .image {position:absolute;left:0;top:0;width:100%;height:100%;}
#cs-grid .title-wrapper {position:absolute;left:0;bottom:30px;width:100%;z-index:30;}
#cs-grid .title {padding:0 30px;text-align:left;}
#cs-grid .title h3 {font-size:26px;font-weight:800;line-height:110%;text-transform:uppercase;color:#FFF;padding:0;}
#cs-grid .btn-solid {margin-top:10px;border:1px solid #FFF;}
#cs-grid .overlay {position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.4);z-index:20;}
#cs-grid .summary {display:none;padding:10px 0 0 0;font-size:16px;text-align:left;line-height:120%;}
#cs-grid .cs-item:hover .btn-solid {background:#00A94E;}
#cs-grid .cs-item:hover .overlay {background:rgba(0,0,0,0);}
#cs-grid .cs-item:hover .image {transform:scale(1.1);}

.cs-details {margin-bottom:30px;}
.cs-details .col-left {float:left;width:48%;}
.cs-details .col-right {float:right;width:48%;}
.cs-details .row {margin-bottom:20px;}
.cs-details .caption {float:left;width:30%;font-size:16px;font-weight:600;line-height:130%;}
.cs-details .text {float:right;width:66%;}

.fancybox-container--ready .fancybox-bg {opacity:1;}
.fancybox-bg {background:#000!important;}
.fancybox-button--thumbs {display:none!important;}
.fancybox-button, .fancybox-infobar__body {background:rgba(217,58,65,1);transition:background 0.3s ease-in-out;}
.fancybox-button:hover {background:rgba(0,169,78,1);}

.single-case-study .btn-line {margin-top:20px;}
.link-btn {display:block;text-decoration:none;text-transform:uppercase;margin-top:30px;}

#news-grid {margin:0 -1px;}
#news-grid .grid-item {width:31.33%;margin:0 1% 30px;padding-bottom:35px;}
#news-grid .grid-item .image-wrapper {position:relative;left:auto;top:auto;background:#EBECEC;}
#news-grid .grid-item h2 {font-size:21px;font-weight:800;text-transform:uppercase;color:#545454;padding:10px 0;}
#news-grid .grid-item .btn-line {position:absolute;left:0;bottom:0;min-width:56px;}
#news-grid .grid-item .image.hovered {transform:scale(1.1);}

.single-news .page-title, .single-case-study .page-title {/*margin-bottom:-30px;padding-bottom:0;*/} /* added when breadcrumbs were removed - removed 02/2021 */
.single-news .page-title h1, .single-case-study .page-title h1, .page-404 .page-title h1 {text-align:left;}

.page-contact .col-left {float:left;width:48%;}
.page-contact .col-right {float:right;width:48%;}
.page-contact .item {margin-bottom:20px;}
.page-contact .sub-title {font-weight:600;}

.wp-pagenavi {margin:15px 0 0 0;padding:25px 0 0 0;border-top:1px solid #FFF;font-weight:400;}
.wp-pagenavi span.pages, .wp-pagenavi span.extend, .wp-pagenavi a.first, .wp-pagenavi a.last {display:none;}
.wp-pagenavi a, .wp-pagenavi span {display:inline-block;min-width:24px;text-align:center;color:#00A94E;border:1px solid #00A94E!important;}
.wp-pagenavi span.current {font-weight:400!important;}
.wp-pagenavi a:hover,.wp-pagenavi span.current {color:#FFF!important;background:#00A94E;border-color:#00A94E!important;}

#acf-map {width:100%;height:400px;position:relative;z-index:50;overflow:hidden;background:#A9A9A9;margin-bottom:50px;}
.map-label {color:#FFF;background:#545454;padding:10px;line-height:normal;font-family:"Arial",sans-serif;font-size:14px;font-weight:bold;text-align:center;white-space:nowrap;}
.gm-style img {max-width:none!important;}

/*.address-map .left {float:left;padding-right:50px;}
.address-map .right {float:left;width:60%;}*/

.wp-image-1199 {margin-bottom:15px;max-width:355px;}


/* ---------- forms -------------- */
#list-form {color:#FFF;margin:0 0 55px 0;padding:0 40px;}
#list-form .form-title {margin-bottom:15px;}
#list-form .input {width:100%;color:#fff;background:#545454;border:2px solid #FFF;font-family:proxima-nova,Arial,Helvetica,sans-serif;font-size:14px;text-align:center;margin-bottom:15px;padding:8px 10px 8px 10px;}
#list-form .input::placeholder {
    color: #fff;   /* White placeholder */
    opacity: 1;    /* Ensure full visibility */
}
#list-form .input {-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#list-form label.error {display:none!important;}
#list-form .input.error {background:#FFB3B3;}
#list-form .row.checkbox {margin-bottom:10px;}
#list-form .row.checkbox .inner {display:inline-block;padding:7px 10px;font-size:14px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
#list-form .row.checkbox .inner.error {background:#e2696f;}
#list-form .box-checkbox {margin-top:8px;}

#contact-form-wrapper {margin-bottom:50px;}
#contact-form .row {clear:both;margin:0px 0px 10px 0px;}
#contact-form label {float:left;width:100px;padding:7px 0 0 0;font-weight:600;font-size:16px;}
#contact-form .input, #contact-form textarea {float:left;font-family:proxima-nova,Arial,Helvetica,sans-serif;border:2px solid #545454;color:#000;font-size:16px;background:#FFF;padding:8px 10px 8px 10px;width:calc(100% - 100px);}
#contact-form .input, #contact-form textarea {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;}
#contact-form label.error {display:none!important;}
#contact-form .input.error {background:#FFB3B3;}
#contact-form .btn-solid {min-width:100px;margin:15px 0 0 100px;}
#contact-complete {display:none;}
#contact-form .btn-label {display:none;}


/* ---------- footer -------------- */
#icons {margin:10px 0 50px;font-size:0;}
#icons .container {width:580px;}
#icons .grid-wrapper {margin:0 -1.5%;}
#icons .grid-item {width:22%;margin:0 1.5%;}
#icons a {color:#4A4A4A;}
#icons .grid-item img {display:block;width:100%;height:auto;}
#icons .grid-item:hover {transform:translateY(-4px);}
#icons .icon {width:80%;margin:0 auto;}
#icons .title {margin-top:12px;font-size:14px;font-weight:600;text-transform:uppercase;line-height:125%;}
#icons .grid-item:nth-child(4n+1) .icon {animation-delay:0s;}
#icons .grid-item:nth-child(4n+2) .icon {animation-delay:0.25s;}
#icons .grid-item:nth-child(4n+3) .icon {animation-delay:0.5s;}
#icons .grid-item:nth-child(4n+4) .icon {animation-delay:0.75s;}

#footer {color:#FFF;background:#545454;padding:60px 0 50px;text-align:center;position:relative;z-index:10;}
#footer {-webkit-box-shadow:0 5px 10px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px 0 rgba(0,0,0,0.2);box-shadow:0 5px 10px 0 rgba(0,0,0,0.2);}
#footer .logo-gdl {display:inline-block;width:180px;height:auto;margin-bottom:45px;}
#footer a {color:#FFF;}
#footer a:hover {text-decoration:underline;}
#footer .footer-cols {font-size:0;}
#footer .footer-col {width:25%;font-size:16px;text-align:center;}
#footer .footer-col .title {font-size:18px;font-weight:700;margin-bottom:20px;}
#footer .footer-col .sub-title {font-weight:700;}
#footer .footer-col ul {list-style:none;margin:0;padding:0;}
#footer .footer-col li {margin:0;padding:0;}
#footer .footer-col li a {display:block;padding-bottom:14px;}
#footer .footer-col li:last-child a {padding-bottom:0;}
#footer .footer-col .item {margin-bottom:20px;}
#footer .footer-col .item:last-child {margin-bottom:0;}
#footer .footer-col.col-02 {padding:0 30px;}

#footer-btm {background:#FFF;padding:26px 0 20px;text-align:center;}
#footer-btm .logos {}
#footer-btm .logos img {width:auto;height:50px;margin:0 5px;}


/* ---------- responsive -------------- */
#nav-menu-mobile, #nav-mobile {display:none;}


/* ✅ Full overlay on mobil */ 
@media (max-width: 768px) {
  #banner .overlay {
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    );
  }
}


@media (max-width: 1120px) {
#header .header-item {padding:0 0 0 10px;}
#home-links {width:960px;}
}

@media (max-width: 960px) {
#header .left {float:none;}
#header .right {display:none;}
#header .logo-gdl {margin:18px auto 0 auto;}	
#nav {display:none;}

#masthead-mobile {display:block;}
#nav-menu-mobile {display:block;position:absolute;left:0;bottom:0;width:100%;height:50px;background:#545454;}
#nav-menu-mobile ul {margin:0;padding:0;list-style:none;height:100%;font-size:0;}
#nav-menu-mobile li {display:inline-block;vertical-align:middle;margin:0;padding:0;width:25%;height:100%;text-align:center;border-right:1px solid #FFF;webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#nav-menu-mobile li:last-child {border-right:none;}
#nav-menu-mobile li a {display:block;height:100%;}
#nav-menu-mobile li svg {fill:#FFF;}
#nav-menu-mobile .icon-envelope {width:30px;height:auto;margin-top:14px;}
#nav-menu-mobile .icon-phone {width:28px;height:auto;margin-top:11px;}
#nav-menu-mobile .icon-search {width:28px;height:auto;margin-top:12px;}
#nav-menu-mobile .icon-menu {width:30px;height:auto;margin-top:14px;}

#nav-mobile {display:block;position:fixed;right:0;top:0;bottom:0;overflow-x:hidden;overflow-y:scroll;width:0;height:100%;font-size:18px;line-height:165%;text-align:left;background:#545454;transition:width 0.3s ease-in-out;-webkit-transition:width 0.3s ease-in-out;z-index:300;}
#nav-mobile.open {width:450px;-webkit-box-shadow:-10px 0 20px 0 rgba(0,0,0,0.3);-moz-box-shadow:-10px 0 20px 0 rgba(0,0,0,0.3);box-shadow:-10px 0 25px 0 rgba(0,0,0,0.3);}
#nav-close {position:absolute;right:30px;top:30px;width:25px;height:auto;fill:#FFF;}
#nav-close:hover {cursor:pointer;}

#nav-mobile ul {list-style:none;margin:0;padding:50px 30px 50px 70px;width:350px;}

#nav-mobile li {margin:0;padding:0;position:relative;}
#nav-mobile li a {display:block;padding:12px 0 10px 0;color:#FFF;text-decoration:none;font-weight:700;opacity:0.6;transition:opacity 0.3s ease-in-out;}
#nav-mobile li a:hover {opacity:1;}

#nav-mobile li.current_page_item > a {opacity:1;}
#nav-mobile li.current_page_ancestor > a {opacity:1;}
#nav-mobile li.page_item_has_children.current_page_item > ul {max-height:2000px;}
#nav-mobile li.page_item_has_children.current_page_ancestor > ul {max-height:2000px;}

#nav-mobile ul ul {padding:0 0 0 15px;max-width:300px;max-height:0;overflow:hidden;transition:max-height 0.8s ease-in-out;}
#nav-mobile ul ul.open {max-height:2000px;}
#nav-mobile li li a {display:block;padding:5px 0 5px 20px;color:#FFF;text-decoration:none;font-weight:400;}

#nav-mobile ul ul ul {padding:0 0 0 0;}
#nav-mobile li li li a {display:block;padding:5px 0 5px 40px;color:#FFF;text-decoration:none;font-weight:400;}

#nav-mobile ul .btn-nav {position:absolute;left:-34px;top:18px;width:28px;height:20px;z-index:10;cursor:pointer;}
#nav-mobile ul .btn-nav {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#nav-mobile ul .btn-nav span {display:block;width:28px;height:20px;background:url(../img/icon-nav-open.svg) center center no-repeat;background-size:28px 20px;transition:all 0.3s ease-in-out;}
#nav-mobile ul ul .btn-nav {left:-16px;top:10px;}

.container, #home-links {width:auto;padding:0 50px;}
.container.main {margin:0 50px;padding:0;}

#home-links .grid-item, #page-links .grid-item, #cs-page-grid .grid-item, #tst-grid .grid-sizer, #tst-grid .tst-item, #cs-grid .grid-sizer, #cs-grid .cs-item, #news-grid .grid-item {width:48%;}

#banner .title {font-size:42px;}
#banner .content-wrapper {webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 30px;}
#banner .container {margin:0;padding:0;}

#cs-grid-home {margin:0;}
#cs-grid-home .grid-item {width:100%;padding:0;}

.page-contact .col-left, .page-contact .col-right {float:none;width:auto;}
.page-contact .col-left {margin-bottom:60px;}

#footer {padding:60px 0 10px 0;}
#footer .footer-col {width:50%;margin-bottom:60px;}
#list-form {margin-bottom:0;}
}


@media (max-width: 760px) {
.page-home #banner-wrapper {height:500px;}
#banner-wrapper {height:350px;}
#banner .title {font-size:32px;}
#banner .content-wrapper {bottom:40px;}

.grid-wrapper {margin:0!important;}
.grid-item {margin:0 0 20px 0!important;}
#home-links .grid-item, #page-links .grid-item, #cs-page-grid .grid-item, #tst-grid .grid-sizer, #tst-grid .tst-item, #cs-grid .grid-sizer, #cs-grid .cs-item, #icons .grid-item, #dload-grid .grid-item, #news-grid .grid-item {width:100%;}

#icons .container {width:auto;}
#icons .grid-item {width:48%;}
#icons .grid-item:nth-child(4n+1) .icon {animation-delay:0s;}
#icons .grid-item:nth-child(4n+2) .icon {animation-delay:0s;}
#icons .grid-item:nth-child(4n+3) .icon {animation-delay:0s;}
#icons .grid-item:nth-child(4n+4) .icon {animation-delay:0s;}
#icons .grid-item:nth-child(2n+1) .icon {animation-delay:0s;}
#icons .grid-item:nth-child(2n+2) .icon {animation-delay:0.25s;}

#cs-grid {margin:0;}
#cs-grid-home .grid-item {margin-bottom:0!important;}
#cs-page-grid .grid-item {margin-bottom:60px!important;}
#dload-grid .grid-item {margin-bottom:40px!important;}

.container, #home-links {width:auto;padding:0 30px;}
.container.main {margin:0 30px;padding:0;}

.cs-details .col-left, .cs-details .col-right {float:none;width:auto;}

#footer .footer-col {width:100%;margin-bottom:60px!important;}
}

@media (max-width: 460px) {
#nav-mobile.open {width:100%;}
#nav-mobile ul {padding:50px 40px 50px 60px;width:350px;}
#nav-mobile ul ul {max-width:280px;}
#nav-mobile li li li a {padding:5px 0 5px 20px;}

#title-bar .sort-items .title {display:none;}
#title-bar .sort-menu.application ul {left:auto;right:-20px;}	
}
/*-- banner css --*/
#banner-wrapper .slide {
  position: relative;
  overflow: hidden;
  height: 100vh; /* or your preferred height */
}
#banner-wrapper .slide .media-wrapper video,
#banner-wrapper .slide .media-wrapper.image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#banner-wrapper .slide .overlay {
  background: #000;
}
#banner-wrapper .slide .content-wrapper {
  position: relative;
  z-index: 2;
  text-align: center;
  color: #fff;
}