/*
Theme Name: Ramsay McMichael
Theme URI: https://www.ramsaymcmichael.co.uk
Author: Red Sun Design - CSR
Author URI: https://www.redsundesign.co.uk
Description: Bespoke theme development
Version: 1.0
Date: September 2020
*/

/* ----------reset css-------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,button,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 {max-width:100%;height:auto;}
@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;}

.group:before, .group:after {content:"";display:table;} 
.group:after {clear: both;}
.group {zoom: 1;}

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

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


/* ---------- start css -------------- */
html {}
body {margin:0px;padding:0px;font-family:proxima-nova,Arial,Helvetica,sans-serif;font-size:18px;font-weight:400;color:#666;background:#FFF;overflow-x:hidden;line-height:normal;position:relative;}
.container {clear:both;width:960px;margin:0 auto;padding:0;position:relative;}
.wide .container {width:1200px;}


/* ---------- text and common styles -------------- */
a {color:#003264;text-decoration:underline;}
a:hover {text-decoration:underline;}
p {padding:0px 0px 17px 0px;}
strong, .bold {font-weight:700;color:#000;}
hr {height:0;border-top:1px solid #E6E6E6;border-bottom:1px solid #E6E6E6;margin-bottom:10px;}

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

/*.col-left ul,.content.col-single.left-align ul {list-style:none;margin:3px 0px 10px 30px;padding:0px;}
.col-left li,.content.col-single.left-align li {margin:0px;padding:0px 0px 10px 20px;position:relative;}
.col-left li:before,.content.col-single.left-align li:before {content:'\25A0';color:#DDD;font-size:14px;position:absolute;left:0;top:-1px;}*/

.row-mid ul {list-style:none;margin:3px 0px 15px 3px;padding:0px;}
.row-mid li {font-weight:500;margin:0px;padding:0px 0px 10px 20px;color:#003264;position:relative;}
.row-mid li:before {content:'\25A0';color:#003264;font-size:18px;position:absolute;left:0;top:-2px;}

h1,h2,h3,h4,h5,h6 {color:#003264;font-weight:600;line-height:115%;}
h1 {font-size:36px;padding:0px 0px 25px 0px;margin-top:-3px;}
h2 {font-size:24px;padding:0px 0px 20px 0px;}
h3 {font-size:24px;padding:25px 0px 20px 0px;}
h4 {font-size:24px;padding:0px 0px 15px 0px;}
h5, h6 {font-size:16px;padding:0px 0px 12px 0px;}
h1.inline {display:inline;}
h1.no-pad {padding:0 0 3px 0;}
h1.underline {display:inline-block;}
.underline:after {content:'';display:block;border-bottom:2px solid #7D8184;padding:20px 0 0 0;}
h3.wee-head {font-size:24px;}

.txt-small {font-size:12px;line-height:120%;}
.txt-large {font-size:21px;line-height:135%;}

.blue {color:#003264;}

sup, sub {vertical-align:baseline;position:relative;top:-0.4em;}
sub {top:0.4em;}

.alignleft {display:inline;float:left;margin-right:30px;margin-top:5px;margin-bottom:20px;}
.alignright {display:inline;float:right;margin-left:30px;margin-top:5px;margin-bottom:20px;}
.aligncenter {clear:both;display:block;margin-left:auto;margin-right:auto;}
img.alignleft, img.alignright, img.aligncenter {}

.wp-caption {max-width:100%;}
.wp-caption-text {font-size:14px;line-height:130%;font-style:italic;}

.btn-solid {display:inline-block;padding:16px 35px;margin-top:10px;font-size:16px;font-weight:600;text-align:center;text-transform:none;text-decoration:none;line-height:100%;color:#FFF;background:#003264;}
.btn-solid {border:none;-webkit-appearance:none;-webkit-border-radius:25px;border-radius:25px;}
.btn-solid:hover {text-decoration:none;transform:translateY(-3px);-webkit-box-shadow:0 3px 10px 0 rgba(0,0,0,0.4);box-shadow:0 3px 10px 0 rgba(0,0,0,0.4);cursor:pointer;}

.btn-line {display:inline-block;padding:12px 30px;margin-top:10px;font-size:16px;font-weight:600;text-align:center;text-transform:none;text-decoration:none;line-height:100%;color:#003264;background:none;}
.btn-line {border:2px solid #003264;-webkit-appearance:none;-webkit-border-radius:25px;border-radius:25px;-webkit-box-sizing:border-box;box-sizing:border-box;}
.btn-line:hover {color:#FFF;background:#003264;border:2px solid #003264;text-decoration:none;cursor:pointer;}
.btn-line.white {color:#FFF;border:2px solid #FFF;}
.btn-line.white:hover {color:#003264;background:#FFF;border:2px solid #FFF;}

.app-link {width:auto;height:42px;margin:30px 30px 0;}
.app-link:hover {transform:translateY(-3px);cursor:pointer;}

.separator-add {clear:both;height:1px;line-height:1px;border-top:0px solid #CCCCCC;margin-top:4px;margin-bottom:14px;}

.placeholder {display:block;width:100%;height:auto;}
.border-box {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.fadein, .anim-up, .anim-left, .anim-right {opacity:0;}

.trans-0-1 {transition:all 0.1s ease-in-out;}
.trans-0-2 {transition:all 0.25s 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;}


/* ---------- cookie consent -------------- */
#cookie-consent {display:none;position:fixed;left:0;bottom:0;width:100%;color:#FFF;background:#003264;padding:40px 0;z-index:999;}
#cookie-consent {-webkit-box-shadow:0 -10px 15px 0 rgba(0,0,0,0.25);box-shadow:0 -10px 15px 0 rgba(0,0,0,0.25);}
#cookie-consent .content {margin-right:220px;}
#cookie-consent .btn-line {position:absolute;right:0;top:0;margin:0;}


/* ---------- masthead and menus -------------- */
#masthead {position:fixed;width:100%;background:rgba(0,50,100,0.9);z-index:100;-webkit-box-shadow:0 10px 15px rgba(0,0,0,0.25);box-shadow:0 10px 15px rgba(0,0,0,0.25);}
#masthead .container {width:auto;height:100%;margin:0 50px;padding:0;}
#masthead .header-logo {float:left;display:block;width:102px;height:auto;margin-top:23px;}
#masthead .header-text {position:absolute;left:150px;top:43px;font-size:20px;font-weight:700;text-transform:uppercase;color:#FFF;}
#masthead .header-text-02 {font-size:15px;font-weight:500;text-transform:none;padding:2px 0 0 0;}
#masthead, #content-offset {height:120px;}
#masthead, #content-offset {height:120px;}
#masthead.scrolling {height:60px;}
#masthead.scrolling .header-logo {margin-top:-80px;}
#masthead.scrolling .header-text {margin-top:-90px;}
#masthead.scrolling #nav {bottom:18px;}
#content-offset {background:#003264;}

#nav {position:absolute;right:0;bottom:46px;}
#nav ul {list-style:none;margin:0;padding:0;}
#nav li {float:left;margin:0;padding:0;position:relative;}
#nav li a {display:block;padding-left:40px;color:#FFF;font-size:21px;font-weight:600;text-decoration:none;text-transform:lowercase;position:relative;opacity:0.5;transition:opacity 0.3s ease-in-out;z-index:20;}
#nav li a:hover {opacity:1;}
#nav li.link-home a {padding-left:0;}
#nav li.link-home img {display:block;width:26px;height:20px;color:#003264;}
#nav li.link-home span {display:none;}
#nav > ul > li.current_page_item > a, #nav > ul > li.current_page_ancestor > a {opacity:1;}
.home #nav li.link-home a {opacity:1;}

#nav li:hover ul {max-height:2000px;-webkit-transition:max-height 1s ease-in;transition:max-height 1s ease-in;}

#nav ul ul {max-height:0;overflow:hidden;position:absolute;left:10px;top:20px;min-width:300px;background:#003264;z-index:10;-webkit-box-shadow:0 20px 15px 0 rgba(0,0,0,0.25);box-shadow:0 20px 15px 0 rgba(0,0,0,0.25);}
#nav li li {float:none;height:auto;text-align:left;margin:0;padding:0;white-space:nowrap;}
#nav li li a {display:block;width:auto;color:#FFF;padding:8px 20px 8px 30px;font-size:18px;font-weight:400;transition:all 0.3s ease-in-out;}
#nav li li:first-child a {margin-top:35px;}
#nav li li:last-child a {padding-bottom:35px;}
#nav li li a:after {display:none!important;}
#nav li li a:hover {opacity:1;}
#nav li li.current_page_item a {opacity:1;}

/*#back-page {position:fixed;bottom:40px;left:40px;width:150px;height:40px;text-decoration:none;opacity:0;z-index:200;}
#back-page img {width:40px;height:auto;}
#back-page span.image {width:50px;}
#back-page span.text {font-size:15px;}
#back-page span.table {opacity:0.3;text-align:left;}
#back-page:hover span.table {opacity:0.6;}*/

/*#back-top {position:fixed;bottom:40px;right:40px;display:none;width:40px;height:40px;z-index:200;}
#back-top img {opacity:0.2;}
#back-top:hover img {opacity:0.5;}*/

.fancybox-is-open .fancybox-bg {opacity:1;}
.fancybox-bg {background:#FFF;}
.fancybox-button--zoom {display:none!important;}
.fancybox-caption-wrap {text-align:center;}
.fancybox-caption-wrap {}
.fancybox-caption {color:#000;border-top:none;font-size:14px;background:none!important;}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited, .fancybox-navigation .fancybox-button {color:#FFF;}
.fancybox-button, .fancybox-infobar__body {background:rgba(0,50,100,0.6);transition:background 0.3s ease-in-out;}
.fancybox-button:hover {background:rgba(0,50,100,1);}
.fancybox-button--thumbs {display:none;}
.fancybox-thumbs {top:auto;right:auto;left:0;bottom:0;width:100%;height:85px;background:rgba(255,255,255,0.3);}
.fancybox-thumbs__list {text-align:center;overflow-x:auto;overflow-y:hidden;}
.fancybox-thumbs__list a {float:none;display:inline-block;}
.fancybox-thumbs__list a::before {border:6px solid #0095B3;}
.fancybox-show-thumbs .fancybox-inner {right:0;bottom:85px;}


/* -------------------- banners and galleries -------------------- */
#banner-wrapper {width:100%;height:460px;overflow:hidden;margin:0;padding:0;position:relative;background:#003264;z-index:50;}
.home #banner-wrapper {height:100vh;}
#banner-wrapper .btn-down-wrapper {position:absolute;left:0;bottom:20px;width:100%;text-align:center;z-index:150;}
#btn-prev, #btn-next {display:none;width:30px;height:30px;cursor:pointer;position:absolute;top:50%;margin-top:-15px;color:#003264;opacity:0.4;z-index:150;}
#btn-down {width:30px;height:30px;cursor:pointer;color:#003264;opacity:0.4;/*margin-right:25px;*/}
#btn-prev:hover, #btn-next:hover, #btn-down:hover {opacity:0.9;}
#btn-prev {left:25px;transform:rotate(90deg);}
#btn-next {right:25px;transform:rotate(-90deg);}
#banner {width:100%;height:100%;overflow:hidden;position:relative;}
#banner .slide {width:100%;height:100%;overflow:hidden;position:relative;}
#banner .container {height:100%;color:#FFF;z-index:100;}
.home #banner .container {width:92%;margin:0; padding:0 4%;}
#banner .headline {font-size:48px;font-weight:700;line-height:115%;margin:0;padding:0;animation-delay:1s;}
#banner .text {font-size:24px;font-weight:700;line-height:125%;margin-top:10px;padding:0;animation-delay:1.5s;}
#banner .btn-wrapper {animation-delay:2s;}
#banner .btn-line {margin-top:30px;}
#banner .bnr-overlay {display:block;position:absolute;left:0;bottom:0;width:100%;padding:140px 0 90px;z-index:50;}
.home #banner .bnr-overlay {opacity:1;}
.home #banner .bnr-overlay {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003264+0,000000+100&0+0,0.6+35,0.95+100 */
background: -moz-linear-gradient(top,  rgba(0,50,100,0) 0%, rgba(0,33,65,0.6) 35%, rgba(0,0,0,0.95) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,50,100,0) 0%,rgba(0,33,65,0.6) 35%,rgba(0,0,0,0.95) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,50,100,0) 0%,rgba(0,33,65,0.6) 35%,rgba(0,0,0,0.95) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003264', endColorstr='#f2000000',GradientType=0 ); /* IE6-9 */}
#banner .bnr-overlay {opacity:0.5;}
#banner .bnr-overlay {/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#003264+0,000000+100&0+0,0.6+35,0.95+100 */
background: -moz-linear-gradient(top,  rgba(0,50,100,0) 0%, rgba(0,33,65,0.45) 35%, rgba(0,0,0,0.8) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,50,100,0) 0%,rgba(0,33,65,0.45) 35%,rgba(0,0,0,0.8) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,50,100,0) 0%,rgba(0,33,65,0.45) 35%,rgba(0,0,0,0.8) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00003264', endColorstr='#f2000000',GradientType=0 ); /* IE6-9 */}
#banner .image {position:relative;width:100%;height:100%;z-index:10;}
/*#banner .outer {color:#FFF;width:100%;height:100%;position:absolute;left:0;top:0;z-index:145;}
#banner .outer:before {content:'';display:inline-block;height:100%;vertical-align:middle;}
#banner .block {display:inline-block;vertical-align:middle;width:95%;margin-top:60px;}*/


.rdsn-gallery {padding:30px 0 0 0;}
.grid-gallery-wrapper {}
.grid-gallery {position:relative;float:left;width:32%;margin:0 2% 2% 0;overflow:hidden;}
.grid-gallery {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.grid-gallery:nth-child(3n) {margin-right:0;}
.grid-gallery .overlay {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.2;transition:opacity 0.3s ease-in-out;z-index:20;}
.grid-gallery .inner {position:relative;width:100%;height:100%;margin:0;background-repeat:no-repeat;background-position:center center;background-size:cover;transition:transform 0.5s ease-in-out;z-index:10;}
.grid-gallery .inner img {color:#FFF;}
.grid-gallery:hover .overlay {opacity:0;}
.grid-gallery:hover .inner {transform:scale(1.2);}
.grid-gallery-wrapper .grid-gallery:nth-child(3n+1) {animation-delay:0s;}
.grid-gallery-wrapper .grid-gallery:nth-child(3n+2) {animation-delay:0.25s;}
.grid-gallery-wrapper .grid-gallery:nth-child(3n+3) {animation-delay:0.5s;}


/* -------------------- page -------------------- */
.row-mid {padding:90px 0;line-height:135%;}
.col-left {float:left;width:61%;text-align:left;}
.col-right {float:right;width:31%;}

.grid-wrapper {text-align:center;}
.grid-item {display:inline-block;vertical-align:top;position:relative;overflow:hidden;webkit-box-sizing:border-box;box-sizing:border-box;}
.grid-item .grid-img-wrapper {position:relative;overflow:hidden;}
.grid-item .grid-img {position:absolute;left:0;top:0;width:100%;height:100%;}
.grid-item a {text-decoration:none;}
.grid-item a:hover .grid-img, .grid-item.hovered .grid-img {transform:scale(1.1);}

.grid-item.animdelay-4:nth-child(1), .cs-item.animdelay-4:nth-child(4n+1) {animation-delay:0s;}
.grid-item.animdelay-4:nth-child(2), .cs-item.animdelay-4:nth-child(4n+2) {animation-delay:0.25s;}
.grid-item.animdelay-4:nth-child(3), .cs-item.animdelay-4:nth-child(4n+3) {animation-delay:0.5s;}
.grid-item.animdelay-4:nth-child(4), .cs-item.animdelay-4:nth-child(4n+4) {animation-delay:0.75s;}

#home-boxes {margin:0 0 90px 0;}
#home-boxes .grid-wrapper {margin:0 -2%;} 
#home-boxes .grid-item {width:31.33%;margin:0 1%;}
#home-boxes .title {background:#EEE;padding:30px 0;}
#home-boxes h3.inner {font-size:24px;font-weight:700;text-transform:uppercase;padding:0 20px;}

#rdsn-team {background:#EEE;padding:80px 0 120px;}
#rdsn-team h2 {font-size:36px;font-weight:700;padding:0 0 40px 0;}
#rdsn-team .grid-wrapper {margin:0 -1%;}
#rdsn-team .grid-item {width:31.33%;margin:0 1% 40px;-web-webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);}
#rdsn-team .title {background:#FFF;}
#rdsn-team .inner {padding:20px 20px;}
#rdsn-team .name {font-size:23px;font-weight:700;color:#003264;}
#rdsn-team .job-title {font-size:16px;font-weight:400;color:#003264;padding-top:3px;}
#rdsn-team .btn-line {margin:15px 0 5px;padding:8px 20px;font-size:14px;}

#rdsn-team .grid-item:nth-child(3n+1) {animation-delay:0s;}
#rdsn-team .grid-item:nth-child(3n+2) {animation-delay:0.25s;}
#rdsn-team .grid-item:nth-child(3n+3) {animation-delay:0.5s;}

.rdsn-fbox-team .fancybox-bg {opacity:1;}
.rdsn-fbox-team .fancybox-close-small {color:#FFF!important;opacity:1;}
.team-modal {position:relative;width:100%;max-width:820px;-web-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.25);box-shadow:0 10px 20px 0 rgba(0,0,0,0.25);}
.team-modal.fancybox-content {padding:0;}
.team-modal .left {position:relative;float:left;width:42%;z-index:20;}
.team-modal .left-bg {position:absolute;left:0;top:0;width:42%;height:100%;background:#003264;z-index:10;}
.team-modal .image {/*border-bottom:4px solid #FFF;*/}
.team-modal .logo-wrapper {overflow:hidden;padding:20%;}
.team-modal .logo {display:inline;width:100%;height:auto;opacity:0.14;}
.team-modal .right {float:right;width:58%;}
.team-modal .inner {padding:50px 40px 45px;}
.team-modal .name {font-size:24px;font-weight:700;color:#000;}
.team-modal .name span {display:block;font-size:16px;font-weight:400;}
.team-modal .job-title {font-size:16px;font-weight:400;font-style:italic;color:#000;padding-top:3px;}
.team-modal .content {padding-top:17px;}
.team-modal .content .link {padding-bottom:4px;}
.team-modal .content .link a {font-weight:400;text-decoration:none;}
.team-modal .content .link a:hover {color:#38B2E4;}
.team-modal .content .dashicons {font-weight:400;margin:3px 10px 0 0;}
.team-modal .text {line-height:140%;padding-top:20px;}
.team-modal .text p {padding-bottom:8px;}
.team-modal .text p:last-child {padding-bottom:0;}

#featured-projects {background:#EEE;padding:60px 0;text-align:center;}
#featured-projects h2 {font-size:36px;font-weight:700;text-align:center;padding:0 0 40px 0;}
#featured-projects .grid-wrapper {margin:0 1.5%;} 
#featured-projects .grid-item {width:22%;margin:0 1.5%;-web-webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);}
#featured-projects .grid-item:hover {-web-webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,0.35);box-shadow:0 5px 20px 0 rgba(0,0,0,0.35);}
#featured-projects .title {background:#FFF;padding:25px 0;}
#featured-projects h4.inner {font-size:18px;font-weight:700;line-height:130%;padding:0 20px;}
#featured-projects .btn-line {margin-top:60px;}

#services-links {background:#EEE;padding:120px 0;text-align:center;}
#services-links .grid-wrapper {margin:0 1.5% -1.5%;}
#services-links .grid-item {width:22%;margin:0 1.5% 1.5%;background:#004678;}
#services-links .content {position:absolute;left:0;top:0;width:100%;height:100%;z-index:30;}
#services-links h3 {font-size:18px;font-weight:700;text-transform:uppercase;color:#FFF;padding:20px 20px 0;}
#services-links .icon {color:#003264;width:30%;}
#services-links .overlay {position:absolute;left:0;top:0;width:100%;height:100%;background:#003264;z-index:20;}
#services-links .image {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
#services-links .grid-item:nth-child(4n+1) {animation-delay:0s;}
#services-links .grid-item:nth-child(4n+2) {animation-delay:0.25s;}
#services-links .grid-item:nth-child(4n+3) {animation-delay:0.5s;}
#services-links .grid-item:nth-child(4n+4) {animation-delay:0.75s;}

a.back-link {margin-top:33px;padding-left:25px;}
.social-sharing {padding:25px 0 25px;border-bottom:2px solid #CCC;}
.share-text {font-size:12px;font-weight:600;text-transform:uppercase;color:#003264;padding:30px 0 4px;}
.at-resp-share-element .at-share-btn .at-icon-wrapper {width:28px!important;height:28px!important;text-align:center;line-height:28px!important;}
.at-resp-share-element .at-icon {width:24px!important;height:28px!important;}


/* -------------------- projects -------------------- */
#title-bar {padding:50px 2% 0 2%;text-align:center;}
#title-bar .title {display:none;font-weight:500;text-transform:uppercase;color:#003264;padding-bottom:10px;}
#title-bar .sort-items {font-size:0;font-weight:600;}
#title-bar .btn {display:inline-block;vertical-align:top;margin:0 2px;}
#title-bar .btn a {display:block;font-size:16px;text-decoration:none;padding:10px 20px;color:#003264;background:#EEE;-webkit-border-radius:3px;border-radius:3px;}
#title-bar .btn a:hover {color:#FFF;background:#003264;}
#title-bar .btn.active a {color:#FFF;background:#003264;}

#cs-grid-wrapper {padding:2% 2% 3%;background:#FFF;}
#cs-grid {margin:0 -1% 0 0;position:relative;z-index:20;}
#cs-grid .grid-sizer, #cs-grid .cs-item {width:24%;}
#cs-grid .gutter-sizer {width:1%;}
#cs-grid .cs-item {margin-bottom:1%;-web-webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);}
#cs-grid .cs-item .image-wrapper {position:relative;overflow:hidden;}
#cs-grid .overlay {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.1;z-index:20;}   /* background:#003264; */
#cs-grid .cs-item .image {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
#cs-grid .cs-item:hover {-web-webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,0.35);box-shadow:0 5px 20px 0 rgba(0,0,0,0.35);}
#cs-grid .cs-item:hover .overlay {opacity:0;}
#cs-grid .cs-item:hover .image {transform:scale(1.1);}
#cs-grid .btn-line {position:absolute;left:30px;bottom:20px;margin:0;z-index:30;color:#FFF;border:2px solid #FFF;}
#cs-grid .btn-line:hover {color:#000;background:#FFF;border:2px solid #FFF;}
#cs-grid .title-wrapper {background:#FFF;padding:20px 0 25px;}
#cs-grid .title {height:100%;text-align:center;padding:0 20px;}
#cs-grid .title h3 {font-size:18px;font-weight:700;text-align:center;line-height:110%;color:#003264;padding:0;}

.project-details {padding-bottom:30px;}
.project-details .row {/*margin-bottom:10px;*/padding-bottom:10px;/*border-bottom:1px solid #CCC;*/}
.project-details .left {float:left;width:25%;font-weight:600;color:#003264;}
.project-details .right {float:right;width:75%;}

.rdsn-download {font-weight:bold;text-transform:uppercase;margin:20px 0 20px;}
.rdsn-download a {color:#000;text-decoration:none;}
.rdsn-download a:hover {color:#38B2E4;text-decoration:none;}
.rdsn-download .dashicons {font-size:28px;line-height:inherit;width:auto;height:auto;}


/* -------------------- news -------------------- */
#news-list {margin:-40px 0 0 0;padding:80px 0;}
#news-list .news-item {position:relative;margin:0 0 40px 0;background:#FFF;-web-webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);}
#news-list .news-item.hovered .image {transform:scale(1.1);}
#news-list .image-wrapper {position:absolute;left:0;top:0;width:30%;height:100%;overflow:hidden;}
#news-list .image  {position:absolute;left:0;top:0;width:100%;height:100%;}
#news-list .content {float:right;width:70%;}
#news-list .inner {padding:30px;}
#news-list h3 {font-size:24px;font-weight:bold;padding:0;}
#news-list .date {font-weight:400;color:#003264;padding-bottom:10px;}
#news-list .text {padding-bottom:10px;}

.wp-pagenavi {padding-top:20px;}
.wp-pagenavi a, .wp-pagenavi span {display:inline-block;font-weight:400;text-align:center;min-width:24px!important;padding:7px 7px!important;border:none!important;}
.wp-pagenavi a {color:#003264!important;background:#EEE!important;transition:all 0.3s ease-in-out;}
.wp-pagenavi a:hover {color:#FFF!important;background:#003264!important;}
.wp-pagenavi span.current {color:#FFF!important;background:#003264!important;}

.post-single {}
.post-single .date {font-weight:400;color:#003264;margin-top:-20px;padding-bottom:20px;}
.post-single a.back-link {margin-top:33px;padding-left:20px;}

#latest-news {}
#latest-news h4 {font-size:18px;font-weight:700;text-transform:uppercase;color:#003264;background:#FFF;margin:10px 0 15px;/*padding:15px;*/}
#latest-news .news-item {margin-bottom:25px;}
#latest-news .news-item:hover .image {transform:scale(1.1);}
#latest-news a {text-decoration:none;}
#latest-news .image-wrapper {overflow:hidden;}
#latest-news .title {background:#FFF;padding:10px 0;}
#latest-news .heading {font-weight:600;line-height:125%;color:#003264;/*padding:0 15px;*/}


/* -------------------- contact page -------------------- */
#contact-info {margin:0 0 15px 0;}
#contact-info .company {font-weight:bold;color:#000;}
#contact-info .address {padding-bottom:15px;}
#contact-info a {color:#003264;text-decoration:none;transition:color 0.3s ease-in-out;}
#contact-info a:hover {color:#87A8BF;}

#google-map {margin-bottom:25px;border:1px solid #CCC;-webkit-box-sizing:border-box;box-sizing:border-box;}
#google-map iframe {width:100%;height:300px;}


/* -------------------- footer -------------------- */
#footer {color:#FFF;background:#003264;font-size:16px;line-height:150%;padding:60px 0 60px;}
#footer .col {float:left}
#footer .col-01 {width:40%;}
#footer .col-02 {width:30%;}
#footer .col-03 {width:30%;text-align:right;}
#footer .title {font-size:21px;font-weight:700;color:#87A8BF;padding-bottom:20px;}
#footer ul {list-style:none;margin:0;padding:0;}
#footer li {margin:0;padding:0;}
#footer li a {display:block;margin:0;padding:0 0 8px 0;text-decoration:none;}
#footer li a span {display:inline-block;vertical-align:top;margin:-1px 7px 0 0;color:#87A8BF;font-weight:600;}
#footer li.current_page_item a {color:#87A8BF;}
#footer a {color:#FFF;text-decoration:none;transition:color 0.3s ease-in-out;}
#footer a:hover {color:#87A8BF;}
#footer .address {padding-bottom:15px;}
#footer .logo-rics-rev {width:120px;height:auto;}

#footer-end {background:#EEE;font-size:14px;padding:30px 0;}
#footer-end .col-left {width:80%;}
#footer-end .col-right {float:none;position:absolute;right:0;top:0;width:20%;text-align:right;}
#footer-end ul {list-style:none;margin:0;padding:0;}
#footer-end li {float:left;margin:0;padding:0 30px 0 0;position:relative;}
#footer-end li:after {content:'\2022';font-size:18px;color:#777;position:absolute;right:12px;top:-3px;}
#footer-end li:last-child:after {display:none;}
#footer-end li a {font-weight:600;text-decoration:none;color:#003264;}
#footer-end a.no-link {color:#777;text-decoration:none;}
#footer-end span.copyright {display:block;padding-top:3px;}
#footer-end .social img {display:inline-block;width:32px;height:auto;margin-left:7px;}
#footer-end .social img:hover {opacity:0.5;}


/*.social {margin-bottom:33px;}
.social img {width:auto;height:19px;margin-right:20px;}
.social img:hover {transform:translateY(-2px);}

#nav-footer ul {list-style:none;margin:0;padding:0;}
#nav-footer li {margin:0;padding:0;}
#nav-footer li a {display:block;margin:0;padding:0 0 23px 0;}

.accreditations {margin-bottom:20px;}
.accreditations img {width:auto;height:42px;margin-left:20px;}

.trademark {font-size:13px;margin-bottom:8px;}
.trademark img {margin-top:3px;}

.sign-off {font-size:12px;}*/


/* -------------------- forms -------------------- */
.rdsn-form {font-family:proxima-nova;}
.rdsn-form .row {clear:both;margin:0 0 8px 0;padding:0;}
.rdsn-form label {padding:0 0 7px 0;font-size:15px;}
.rdsn-form .input {width:100%;background:#EEE;color:#003264;font-size:15px;line-height:normal;padding:15px 15px;border:none;}
.rdsn-form .input {font-family:proxima-nova;}
.rdsn-form .input {webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.rdsn-form .input {-webkit-appearance:none;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
.rdsn-form label.error {display:none!important;}
.rdsn-form .input.error {background:#ffb3b3!important;}
.rdsn-form .btn-form {margin-top:6px;padding:14px 35px;}
.rdsn-form .lt-ie10 {display:none;}

#contact-form {margin-top:0;}

#contact-complete-message {max-height:0;overflow:hidden;color:#FFF;background:#003264;}
#contact-complete-message.open {max-height:500px;}
#contact-complete-message .inner {padding:40px 0;}
#contact-complete-message h3 {color:#FFF;padding:0 0 10px 0;}
#contact-complete-message .btn-solid {margin-top:10px;background:#004d99;}

/*.contact-form img.icon-contact {width:20px;height:auto;}
.contact-form .phone {padding-bottom:7px;}
.contact-form .phone img.icon-contact {margin:0 10px -12px 0;}
.contact-form .email img.icon-contact {margin:0 10px -5px 0;}*/

.rdsn-table {margin:10px 0 30px;}
.rdsn-table td {background:#F1F1F2;border-right:4px solid #FFF;border-bottom:4px solid #FFF;min-width:200px;padding:10px;}

/* -------------------- responsive -------------------- */
#nav-icon, #nav-mobile {display:none;}
.responsive-frame {position:relative;padding-bottom: 56.25%;height:0;overflow:hidden;margin:10px 0;}
.responsive-frame iframe, .responsive-frame object, .responsive-frame embed {position:absolute;top:0;left:0;width:100%;height:100%;}


/* -------------------- responsive over-rides -------------------- */
@media (max-width: 1300px) {
#nav li.link-home {display:none;}
#nav li a {padding-left:30px;}
}

@media (max-width: 1200px) {
.wide .container {width:auto;margin:0 30px;}

.home #banner-wrapper {height:100vh;}
#banner-wrapper {height:350px;}
#banner-wrapper #btn-prev, #banner-wrapper #btn-next {top:auto;bottom:50px;}
#banner-wrapper #btn-prev {left:30px;}
#banner-wrapper #btn-next {right:30px;}
#banner .headline {font-size:36px;}

#nav {display:none;}

#nav-icon {display:block;position:absolute;right:0;top:46px;width:42px;height:38px;margin:0;cursor:pointer;z-index:300;}
#nav-icon {-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;}
#nav-icon span {display:block;position:absolute;height:4px;width:100%;background:#FFF;border-radius:0;opacity:1;left:0;}
#nav-icon span {-webkit-transform: rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-icon span:nth-child(1) {top:0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top:12px;}
#nav-icon span:nth-child(4) {top:24px;}
#nav-icon.open span:nth-child(1) {top:12px;width:0%;left:50%;}
#nav-icon.open span:nth-child(2) {-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
#nav-icon.open span:nth-child(3) {-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
#nav-icon.open span:nth-child(4) {top:12px;width:0%;left:50%;}
#masthead.scrolling #nav-icon {top:16px;}

#nav-mobile {display:block;position:fixed;right:-300px;top:0;bottom:0;overflow-y:scroll;overflow-x:hidden;width:300px;height:100%;background:#003264;text-align:left;transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out;z-index:200;}
#nav-mobile.open {right:0;-webkit-box-shadow:-10px 0 15px 0 rgba(0,0,0,0.25);-moz-box-shadow:-10px 0 15px 0 rgba(0,0,0,0.25);box-shadow:-10px 0 15px 0 rgba(0,0,0,0.25);}
#nav-mobile > ul {margin:50px 0 0 0;}
#nav-mobile ul {list-style:none;width:200px;padding:50px;}
#nav-mobile li {margin:0;padding:0;position:relative;}
#nav-mobile li a {display:block;margin:0;padding:12px 0;font-size:20px;color:#FFF;opacity:0.6;text-decoration:none;}
#nav-mobile li a:hover {color:#FFF;text-decoration:none;}
#nav-mobile li.current_page_item a, #nav li.current_page_item a:hover, #nav-mobile li.current_page_ancestor a, #nav li.current_page_ancestor a:hover {color:#FFF;opacity:1;text-decoration:none;}
#nav-mobile li.link-home img {display:none;}
.home #nav-mobile li.link-home a {opacity:1;}

#nav-mobile ul ul {display:none;max-height:0;overflow:hidden;margin:0;padding:0 0 0 30px;transition:max-height 0.8s ease-in-out;}
#nav-mobile li li a {color:#FFF!important;padding:10px 0;}

#nav-mobile > ul > li .btn-nav {position:absolute;right:-10px;top:14px;width:26px;height:26px;line-height:24px;font-size:24px;border-radius:50%;background:none;text-align:center;z-index:10;cursor:pointer;}
#nav-mobile > ul > li .btn-nav {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
#nav-mobile > ul > li .btn-nav span {display:block;width:26px;height:26px;background:url(../img/btn-nav.png) center center no-repeat;background-size:26px 26px;transition:all 0.3s ease-in-out;}

#nav-mobile > ul > li.page_item_has_children.current_page_item > ul {max-height:2000px;}
#nav-mobile > ul > li.page_item_has_children.current_page_ancestor > ul {max-height:2000px;}
#nav-mobile li li.current_page_item a {color:#FEDC32!important;}

#nav-mobile ul ul.open {max-height:2000px;}

#home-boxes .title {padding:20px 0;}
#home-boxes h3.inner {font-size:21px;}
.row-mid {padding:70px 0;}
#title-bar .btn {margin:0 2px 10px;}
}


@media (max-width: 960px) {
#masthead .header-text {display:none;}
.container {width:auto;margin:0 30px;}
#banner-wrapper #btn-prev, #banner-wrapper #btn-next, .btn-prev, .btn-next {display:none!important;}

#home-boxes {margin-bottom:50px;}
#home-boxes h3.inner {font-size:18px;}

#featured-projects .grid-wrapper {margin:0 2% -4%;}
#featured-projects .grid-item {width:46%;margin:0 2% 4%;}

#rdsn-team .grid-item {width:48%;}
#rdsn-team .grid-item:nth-child(3n+1) {animation-delay:0s;}
#rdsn-team .grid-item:nth-child(3n+2) {animation-delay:0s;}
#rdsn-team .grid-item:nth-child(3n+3) {animation-delay:0s;}
#rdsn-team .grid-item:nth-child(2n+1) {animation-delay:0s;}
#rdsn-team .grid-item:nth-child(2n+2) {animation-delay:0.25s;}

#services-links .grid-item {width:46%;margin:0 2% 4%;}
#services-links .grid-item:nth-child(4n+1) {animation-delay:0s;}
#services-links .grid-item:nth-child(4n+2) {animation-delay:0s;}
#services-links .grid-item:nth-child(4n+3) {animation-delay:0s;}
#services-links .grid-item:nth-child(4n+4) {animation-delay:0s;}
#services-links .grid-item:nth-child(2n+1) {animation-delay:0s;}
#services-links .grid-item:nth-child(2n+2) {animation-delay:0.25s;}

#cs-grid-wrapper {padding:2% 2% 3%;background:#FFF;}
#cs-grid {margin:0 -1% 0 0;position:relative;z-index:20;}
#cs-grid .grid-sizer, #cs-grid .cs-item {width:48%;}
#cs-grid .gutter-sizer {width:1%;}
/*#cs-grid .cs-item {margin-bottom:1%;-web-webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);box-shadow:0 5px 20px 0 rgba(0,0,0,0.1);}
#cs-grid .cs-item .image-wrapper {position:relative;overflow:hidden;}
#cs-grid .overlay {position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.1;z-index:20;}    background:#003264; 
#cs-grid .cs-item .image {position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;}
#cs-grid .cs-item:hover {-web-webkit-box-shadow:0 5px 20px 0 rgba(0,0,0,0.35);box-shadow:0 5px 20px 0 rgba(0,0,0,0.35);}
#cs-grid .cs-item:hover .overlay {opacity:0;}
#cs-grid .cs-item:hover .image {transform:scale(1.1);}
#cs-grid .btn-line {position:absolute;left:30px;bottom:20px;margin:0;z-index:30;color:#FFF;border:2px solid #FFF;}
#cs-grid .btn-line:hover {color:#000;background:#FFF;border:2px solid #FFF;}
#cs-grid .title-wrapper {background:#FFF;padding:20px 0 25px;}
#cs-grid .title {height:100%;text-align:center;padding:0 20px;}
#cs-grid .title h3 {font-size:18px;font-weight:700;text-align:center;line-height:110%;color:#003264;padding:0;}*/
}

@media (max-height: 720px) {
}

@media (max-width: 720px) {
#banner .text {font-size:20px;}
.col-left, .col-right {float:none;width:100%;}
.col-left {margin-bottom:30px;}
#home-boxes .grid-item {width:100%;}

#featured-projects .grid-wrapper {margin:0 20px -30px;}
#featured-projects .grid-item {width:100%;margin:0 0 30px 0;}

#rdsn-team .grid-wrapper {margin:0;}
#rdsn-team .grid-item {width:100%;margin:0 0 30px 0;}
#rdsn-team .grid-item:nth-child(2n+1) {animation-delay:0s;}
#rdsn-team .grid-item:nth-child(2n+2) {animation-delay:0s;}
.team-modal .left {float:none;width:100%;}
.team-modal .left-bg {display:none;}
.team-modal .logo-wrapper {display:none;}
.team-modal .right {float:none;width:100%;}

#services-links {padding:60px 0;}
#services-links .grid-wrapper {margin:0 30px -30px;}
#services-links .grid-item {width:100%;margin:0 0 30px;}
#services-links .grid-item:nth-child(2n+1) {animation-delay:0s;}
#services-links .grid-item:nth-child(2n+2) {animation-delay:0s;}

#cs-grid-wrapper {padding:20px;}
#cs-grid {margin:0;position:relative;z-index:20;}
#cs-grid .grid-sizer, #cs-grid .cs-item {width:100%;}
#cs-grid .gutter-sizer {width:0;}
#cs-grid .cs-item {margin-bottom:20px;}

.grid-gallery {width:48%;}
.grid-gallery-wrapper {margin:0 -2% 0 0;}
.grid-gallery:nth-child(2n) {margin-right:0;}
.grid-gallery:nth-child(3n) {margin-right:2%;}
.grid-gallery-wrapper .grid-gallery:nth-child(3n+1) {animation-delay:0s;}
.grid-gallery-wrapper .grid-gallery:nth-child(3n+2) {animation-delay:0s;}
.grid-gallery-wrapper .grid-gallery:nth-child(3n+3) {animation-delay:0s;}

.grid-item.animdelay-4:nth-child(1), .cs-item.animdelay-4:nth-child(4n+1) {animation-delay:0s;}
.grid-item.animdelay-4:nth-child(2), .cs-item.animdelay-4:nth-child(4n+2) {animation-delay:0s;}
.grid-item.animdelay-4:nth-child(3), .cs-item.animdelay-4:nth-child(4n+3) {animation-delay:0s;}
.grid-item.animdelay-4:nth-child(4), .cs-item.animdelay-4:nth-child(4n+4) {animation-delay:0s;}

#news-list {padding-bottom:0;}
#news-list .image-wrapper {position:relative;left:auto;top:auto;width:100%;height:200px;}
#news-list .content {float:none;width:100%;}

#footer .col {float:none;}
#footer .col-01, #footer .col-02, #footer .col-03 {width:100%;}
#footer .col-01, #footer .col-02 {margin-bottom:50px;}
#footer .col-03 {text-align:left;}
#footer-end .col-left {width:100%;}
#footer-end .col-right {position:relative;right:auto;top:auto;width:100%;text-align:left;}
#footer-end li {float:none;padding:0 0 7px 0;}
#footer-end li:after {display:none;}
#footer-end li a {display:block;padding:0;}
#footer-end span.copyright {padding-top:10px;}
}


@media (max-width: 640px) {
#cookie-consent .content {margin-right:0;}
#cookie-consent .btn-solid {position:relative;right:auto;top:auto;margin-top:15px;}
}