html {font-size:62.5%;}
body {font-size:1.5em; line-height:1.6; font-weight:300; font-family: "Rubik", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; color:rgba(69,87,103,1); background:rgba(233,233,233,1);} header nav {display:none;}
header {width:100%; padding:2rem 0; background:transparent; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; z-index:9999; top:0; position:fixed;}
.shrink {padding:1.5rem 0; background:rgba(69,87,103,0.5);}
.shrink .logo {width:6rem;}
.logo {z-index:200; width:10rem; -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out;} 
#responsive-menu-container #responsive-menu {margin-top:3rem !important;}
#responsive-menu-container * ul {margin-top:12rem !important; }
#responsive-menu-container * ul li {list-style:none !important; font-weight:100 !important; font-size:1.4rem;}
#responsive-menu-container * ul li a {color:#fff !important; text-decoration:none;}
footer {background:rgba(137,173,205,1); margin-top:3rem; padding:3rem 0 5rem;}
.logo__footer {display:none;}
ul.footer__contact li {list-style:none; font-size:1.7rem;}
ul.footer__contact li.address {display:inline-block; margin:0;}
ul.footer__contact li.telephone {display:list-item; margin:1rem 0 0;}
ul.footer__contact li.email {display:list-item;}
ul.footer__contact li.email a {color:rgba(69,87,103,1); text-decoration:none; margin-bottom:0;}
footer nav ul {margin-bottom:0;}
footer nav ul li {list-style:none; font-size:2.2rem; margin-bottom:0;}
footer nav ul li a {color:#fff; text-decoration:none;}
footer nav.footer__sub-menu ul {margin-bottom:1rem;}
footer nav.footer__sub-menu ul li {font-size:1.6rem;}
footer p.small {margin-bottom:0; font-size:1.4rem; color:#5a7790;}
.main {padding-top:3rem;}
.main ul {list-style:none; padding:0; margin:0 0 2.5rem; margin-left:4rem;}
.main ul li:before {display: inline-block; content: '\2015'; width:4rem; margin-left:-4rem;}
.col-mar {margin-bottom:5%;}
.row.pad {padding:3rem 0;}
.tile .inner {padding:3rem;}
@media (min-width: 568px) {
footer nav ul li {display:inline-block; margin-right:1rem;}
}
@media (min-width: 768px) {
.logo {width:130px;}
footer {margin-top:3rem; padding:4rem 0 5rem;}
.col-mar {margin-bottom:2%;}
.tile .inner {padding:5rem;}
}
@media (min-width: 992px) {
header {padding:3rem 0;}
header nav {display:block; float:right; margin-top:1rem;} 
header nav ul {margin-bottom:0;}
header nav ul li {display:inline-block; list-style-type:none; font-size:2.2rem; font-weight:400; margin:0; text-align:right; line-height:1.4; margin-left:1.5rem;}
header nav ul li a {text-decoration:none; color:#fff; transition: all 0.5s ease;}
header nav ul li a:hover {color:#fff; }
header.shrink nav ul li a {color:#fff;} 
.logo {width:13rem;}
.logo__footer {display:block;}
footer {margin-top:3rem; padding:5rem 0 2rem;}
ul.footer__contact li,
ul.footer__contact li.email a {font-size:1.6rem;}
footer nav ul li {font-size:1.8rem; display:list-item;}
footer nav.footer__sub-menu ul li {font-size:1.4rem;}
.row.pad {padding:4.5rem 0;}
.tile {height:340px;}
.tile .inner {padding:3.5rem;}
#responsive-menu-container {    width: 50% !important;}
}
@media (min-width: 1280px) {
header nav {margin-top:2rem;}
.logo {width:15rem;}
.shrink .logo {width:8rem;}
ul.footer__contact li.telephone {margin-top:3rem;}
ul.footer__contact li,
ul.footer__contact li.email a {font-size:1.9rem;}
footer nav ul li {font-size:2.2rem;}
.row.pad {padding:6rem 0;}
.tile {height:430px;}
.tile .inner {padding:4rem;}
}
@media (min-width: 1366px) {
.main {padding-top: 6rem;}
.tile {height:470px;}
.tile .inner {padding:4.5rem;}
}
@media (min-width: 1680px) {
nav ul li {font-size:2rem; font-weight:300; line-height: 1.3;}
.tile {height:570px;}
.tile .inner {padding:5.5rem;}
}  h1, h2, h3, h4, h5, h6 {margin-top:0; margin-bottom:2rem; font-weight:300;}
h1 { font-size: 3.0rem; line-height: 1.3; margin-bottom:3rem;}
h2 { font-size: 2rem; line-height: 1.4;}
h3 { font-size: 2rem; line-height: 1.4; }
h4 { font-size: 1.8rem; line-height: 1.35;  }
h5 { font-size: 1.7rem; line-height: 1.5; }
h6 { font-size: 1.5rem; line-height: 1.6; }
p, li {font-size:1.8rem;}
h2.white {color:rgba(255,255,255,1);}
h2.dash {position:relative; display:inline-block; margin-top:2rem;}
h2.dash:before {content:''; position:absolute; bottom:100%; margin:20px auto; width:5.5rem; height:0.3rem; background:rgba(69,87,103,1);}
h2.dash.white:before {background:#fff;}
h2.dash.black:before {background:#000;} .bg--blue {background-color:rgba(90,119,145,1);}
.bg--paleblue {background-color:rgba(140,183,216,1);}
.link {font-size:1.8rem; margin-bottom:2rem; text-decoration:none;}
.link {display:inline-block; cursor:pointer; color:rgba(106,144,177,1);}
.link:hover {color:rgba(106,144,177,1);}
.link.lrg {color:rgba(90,119,145,1); font-size:1.8rem;}
.link-slide {display:inline-block; position:relative; padding-bottom:0.3rem;}
.link-slide:before {content: ''; display:block; position:absolute; left:0; bottom:0; height:0.15rem; width:100%; transition:width 0s ease;}
.link-slide:after {content: ''; display:block;  position:absolute; right:0; bottom:0; height:0.15rem; width:100%; background:rgba(106,144,177,1); transition:width .5s ease;}
.link-slide:hover:before {width:0%; background:rgba(106,144,177,1); transition:width .5s ease;}
.link-slide:hover:after {width:0%; background:transparent; transition:width 0s ease;} @media (min-width: 550px) {
h1 { font-size: 4rem; line-height:5rem; }
h2 { font-size: 2.5rem; line-height:3.5rem;}
h3 { font-size: 2.5rem; }
h4 { font-size: 3.0rem; }
h5 { font-size: 2.4rem; }
h6 { font-size: 1.5rem; }
.link.lrg {font-size:2.8rem;}
}
@media (min-width: 992px) {
h1 { font-size: 3rem; line-height:4rem; }
h2 { font-size: 2.2rem; line-height:3rem;}
h3 { font-size: 2.2rem; }
.link.lrg {font-size:2.2rem;}
}
@media (min-width: 1280px) {
h1 { font-size: 3.2rem; line-height:4.5rem; }
}
@media (min-width: 1680px) {
h1 { font-size: 3.8rem; line-height:5rem; }
h2 { font-size: 2.8rem; line-height:4rem;}
h3 { font-size: 2.8rem; }
}  .home__hero {position:relative; transition: all 1s ease;}
.home__hero .hero__overlay {background:rgba(90,119,145,0.65); position:absolute; top:0; left:0; width:100%; height:100vh; z-index:2; transition: all 1s ease;}
.home__hero .hero__content {position:absolute; top:20rem; z-index:3; width:100%;}
.home__hero .hero__content h1 {color:#fff; font-size:4rem; line-height:5rem; font-weight:300; }
.home__hero .hero__content h1 span {border-bottom:#fff solid 0.25rem;}
.home__hero .hero__content i {color:#fff; font-size:3rem; margin-top:8rem;}
.slider__home-hero div {position:relative; background-position:center center; -webkit-background-size:cover; -moz-background-size:cover; -o-background-size:cover; background-size:cover; padding:0; height:100vh; transition: all 1s ease;} .tile__project {max-width:1000px; margin:0 auto; list-style:none; text-align:center;}
.tile__project a {position: absolute; width:100%; height:100%; left:0; top:0;}
.tile__project img {object-fit:cover; height:100%;}
.tile__project figure {margin:0; position:relative;}
.tile__project figure img { display:block; position:relative;}
.tile__project figure h3.project-title {position:absolute; bottom:1.5rem; left:2.5rem; color:#fff; margin:0; padding:0; text-align: left;}
.tile__project figcaption {position:absolute; top:0; left:0;	background:rgba(239,239,239,1); color:rgba(69,87,103,1); text-align:left;}
.tile__project figcaption a {text-align:left; text-decoration:none; margin:0; height:8rem; line-height:8rem; text-indent:3rem; display:block; font-weight:300; -webkit-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.tile__project figcaption a:hover {color:#999;}
.tile__project figcaption a:hover i {padding-left:10px;}
.tile__project figcaption i {position:absolute; right:2rem; top:45%; -webkit-transition:.4s ease-in-out; transition:.4s ease-in-out;}
.cap-up figure {overflow:hidden; height:300px;}
.cap-up figure img {-webkit-transition: -webkit-transform 0.4s;	-moz-transition: -moz-transform 0.4s;	transition: transform 0.4s;}
.no-touch .cap-up figure:hover img,
.cap-up figure.cs-hover img {-webkit-transform:translateY(-50px); -moz-transform:translateY(-50px); -ms-transform:translateY(-50px); transform:translateY(-50px); opacity:.75; -webkit-transition:.4s ease-in-out;	transition:.4s ease-in-out;}
.cap-up figcaption {height:8rem; width:100%; top:auto; bottom:0; opacity:0; -webkit-transform:translateY(100%); -moz-transform:translateY(100%); -ms-transform:translateY(100%); transform:translateY(100%); -webkit-transition:-webkit-transform 0.4s, opacity 0.1s 0.3s; -moz-transition:-moz-transform 0.4s, opacity 0.1s 0.3s; transition:transform 0.4s, opacity 0.1s 0.3s;}
.no-touch .cap-up figure:hover figcaption,
.cap-up figure.cs-hover figcaption {opacity:1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px);	-ms-transform: translateY(0px);	transform: translateY(0px);	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;	-moz-transition: -moz-transform 0.4s, opacity 0.1s;	transition: transform 0.4s, opacity 0.1s;}
.no-touch .cap-up figure:hover figcaption:hover i {opacity:.25; } .slider__home-process img {width:40%; margin-bottom:2rem;}
.slider__home-process h3 {margin-bottom:0.25rem; font-size:1.8rem;}
.slider__home-process .sub-title {margin-bottom:1rem; font-size:1.6rem; color:#6a90b1;}
.slider__home-process .info {margin-bottom:0; font-size:1.3rem; color:#fff; font-weight:300;}
.slider__home-process .info a {text-decoration:none; border-bottom:#fff solid 1px; padding-bottom:0.2rem; color:#fff; }
.slider__home-testimonial h3 {color:#e3f2ff; font-weight:300;}
.slider__clients .slick-slide img {width:55%; height:auto; margin: 0 auto;} .floating {animation-name:floating; -webkit-animation-name:floating; animation-duration:1.5s; -webkit-animation-duration:1.5s; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite;}
@keyframes floating {	0% {transform:translateY(0%);} 50% {transform:translateY(8%);} 100% {transform:translateY(0%);}	}
@-webkit-keyframes floating {	0% {-webkit-transform:translateY(0%);} 50% {-webkit-transform:translateY(8%);} 100% {-webkit-transform:translateY(0%);} }
.tile.team {position:relative;}
.tile.team img {width:100%; height:auto;}
.tile.team h3 {position:absolute; bottom:2.5rem; left:2rem; margin-bottom:0; opacity:0;}
.tile.team:hover h3 {opacity:1;} @media (min-width: 667px) { .home__hero .hero__content {top:16rem;}
.home__hero .hero__content i {margin-top:2rem;}
} @media (min-width: 768px) { .home__hero .hero__content {top:30rem;}
.home__hero .hero__content h1 {font-size:5.5rem; line-height:7rem;}
.home__hero .hero__content h1 span {border-bottom: #fff solid 0.3rem;}
.home__hero .hero__content i {font-size:5rem; margin-top:16rem;} .tile__project figure h3.project-title {bottom:4rem; left:4rem;}
.tile__project figcaption a {height:12rem; line-height:12rem; text-indent:4rem; font-size:2rem;}
.cap-up figcaption {height:12rem;}
.tile__project figcaption i {right:4rem; top:45%;} .slider__home-process .three.columns {width:23.5%;}
.slider__home-process .eight.columns {width:66%;}
.slider__home-process .offset-by-one.columns {margin-left:7.666%;}
.slider__home-process img {width:100%; margin-bottom:0;}
.slider__home-testimonial {margin:3rem 0 2rem;}
.slider__home-testimonial h3 {font-size:3.2rem;}
.tile.team {overflow:hidden;}
.tile.team a {display:block;}
.tile.team h3 {left:4rem; bottom:4rem; }
.tile.team img {opacity:1; -webkit-transition:.5s ease-in-out;	transition:.5s ease-in-out; vertical-align:middle;}
.tile.team:hover img { transform:scale(1.05); opacity:.25; cursor:pointer;}
.tile.team:hover .link-slide:before {width:0%; background:rgba(106,144,177,1); transition:width 1s ease;}
.tile.team:hover .link-slide:after {width:0%; background:transparent; transition:width 0s ease;}
}
@media (min-width: 992px) { .home__hero .slider-home-hero div {height:100vh;}
.home__hero .hero__overlay {width:50vw; height:100vh;}
.home__hero .hero__content {top:24rem;}
.home__hero .hero__content i {margin-top:8rem;} .cap-up figure {height:34rem;} .slider__home-process h3 {margin-bottom:0.25rem; font-size:1.8rem;}
.slider__home-process .sub-title {margin-bottom:1rem; font-size:1.6rem; color:#6a90b1; line-height:1.2;}
.slider__home-process .info {margin-bottom:0; font-size:1.2rem; color:#fff; font-weight:300;}
.slider__home-process .info a {text-decoration:none; border-bottom:#fff solid 1px; padding-bottom:0.2rem; color:#fff; display:inline-block; }
.slider__home-testimonial {margin:1rem 0 1rem;}
.slider__home-testimonial h3 {font-size:2.2rem;}
.tile.team {overflow:hidden;}
.tile.team img {width:100%; height:auto;}
} @media (min-width: 1280px) { .home__hero .hero__content {top:27rem;} .cap-up figure {height:43rem;} .slider__home-process .three.columns {width:31.999%;}
.slider__home-process .eight.columns {width:57.5%;}
.slider__home-process .offset-by-one.columns {margin-left:7.666%;}
.slider__home-process {margin-top:2rem;}
.slider__-home-process h3 {font-size:2.2rem;}
.slider__home-process .sub-title {margin-bottom:2rem; font-size:1.8rem; }
.slider__home-process .info {font-size:1.4rem;}
.slider__home-process .info a {margin-bottom:1rem;}
.slider__home-testimonial {margin:3rem 0 2rem;}
.slider__home-testimonial h3 {font-size:2.68rem;}
} @media (min-width: 1366px) { .cap-up figure {height:47rem;} .slider__home-process {margin-top:2rem;}
.slider__home-process .sub-title {font-size:2rem; line-height:1.3; }
.slider__home-process .info {font-size:1.6rem;}
.slider__home-testimonial {margin:4rem 0 0;}
}
@media (min-width: 1680px) { .home__hero .hero__content {top:35rem;}
.home__hero .hero__content h1 {font-size:7.5rem; line-height:9rem}
.home__hero .hero__content h1 span {border-bottom: #fff solid 0.4rem;}
.home__hero .hero__content i {font-size:7rem; margin-top:10rem;} .tile__project figure h3.project-title {left:5rem; bottom:5rem;}
.tile__project figcaption i {right:5rem;}
.cap-up figure {height:51rem;}
#intro .cap-up figure {height:57rem;}
.tile__project figcaption a {height:14rem; line-height:14rem; text-indent:5rem;}
.cap-up figcaption {height:14rem;} .slider__home-process {margin-top:3rem;}
.slider__home-process h3 {font-size:2.8rem;}
.slider__home-process .sub-title {font-size:2.4rem; }
.slider__home-process .info {font-size:1.8rem; margin-bottom:0.5rem;}
.slider__home-testimonial {margin:4rem 0 0;}
.slider__home-testimonial h3 {font-size:3.2rem; line-height:4.5rem;} 
} .page__hero {background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative; transition:all 1s ease;}
.hero__overlay {width:100%; height:100%; background-color:rgba(69,87,103,0.8); position:absolute; left:0; top:0;}
.page__title {color:#fff; margin-bottom:10px; font-size:4rem; padding-top:13rem; line-height:1.1;}
.basic-page__hero {height:30rem;}
.basic-page__hero .page__title {padding-top:13rem;}
.project-single__hero .hero__overlay {background-color:rgba(69,87,103,0.5)}
.blog .page-name__project-archive .cap-up figure {}
.project-archive__hero .hero__overlay {width:100%;}
.project-archive__hero {background-image:url(http://bluesky.wearefactory.net/wp-content/uploads/2017/02/unilever-header.jpg);}
.process__hero {background-image:url(//www.blueskydesigninteriors.co.uk/images/header3.jpg);}
.process__hero .hero__overlay {width:100%;} .project-single__hero .container{height:50rem; }
.project-single__hero .page__title {font-size:4rem; padding-top:35rem;}
.project--title {font-size:2.6rem; line-height:3.6rem;}
.project-details {margin:0;}
.project-details h3 {font-size:1.8rem; line-height:1.3;}
.project-details h3.title {margin-bottom:0;}
.project-details h3.sub--title {font-size:1.8rem; display:block; color:#999; margin-bottom:1rem;} .slider__project-slider .slick-slide {padding:0 0.5rem;}
.slider__project-slider .slick-slide img {height:25rem; width:auto;}
ul.slick-dots li::before {content:initial; margin:inherit; width:inherit; }
ul.slick-dots li button:before {opacity:1 !important;}
ul.slick-dots li.slick-active button:before {color:rgba(69,87,103,1);}
ul.slick-dots {margin:0;}
ul.undertaken {list-style:none;}	
.project__nav { text-decoration:none;}
.project__nav a {text-decoration:none; display:inline-block; padding:3rem 0; width:80%;}
.project__nav a:hover {color:#5a7790;}
.project__nav h2 {margin-bottom:0; padding:0 3rem;}
.project__nav:hover {background:rgba(255,255,255,0.3);}
.project__nav.next {text-align:right;}
.before_after_slider {  position: relative;  margin: 60px;  width: 640px;  height: 400px;}
.before_after_slider > * {    position: absolute;}
.black_white {  overflow: hidden;} .profile_image img {width:100%; height:auto; } .process {padding:2rem 0;}
.process h2 {margin-bottom:0;}
.process h3 {margin-bottom:1rem; color:#6a90b1;}	
.process p {margin-bottom:0.5rem;}
.process__icon img {width:50%; height:auto; margin-bottom:2rem;}
.process__block {display:block;}
.process__block.block-active {padding:2.5rem; border:none; border-bottom:rgba(69,87,103,1) 0.5rem solid; background:rgba(240,240,240,1);}
.process__block.block-default {padding:2.5rem 1.5rem; opacity:0.75;}
.process__block img {display:inline-block; height:auto; vertical-align:middle; width:20%}
.process__block .info {display:inline-block; vertical-align:middle; width:73%; padding-left:5%;}
.process__block .info h2 a {text-decoration:none;}
.process__block .info h3, .process__block .info a.link {display:none;} ul.list__contact {margin-left:0;}
ul.list__contact li {list-style:none; font-size:1.8rem; line-height:1.3; margin-bottom:0.5rem;}
ul.list__contact li:before {content:''; width:0;    margin-left:0;}	
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.cn-button.wp-default {line-height:38px;}
@media (min-width: 667px) { .process__icon img {width:50%; height:auto; margin-bottom:2rem;}
.process__block img {width:10%;} .project-single__hero .container{height:80vh;}
.project-single__hero .page__title {padding-top:210px;}
.slider__project-slider .slick-slide img {height:30rem;}	
}
@media (min-width: 768px) {
.page__title {font-size:4rem; padding-top:280px;}
.project-single__hero .page__title {font-size:6rem; padding-top:600px;}
.template__about .tile.team {height:auto;}
.template__about .four.columns:nth-child(4) {margin-left:0;} .process__block img {width:15%;}
.process__icon img {width:30%; height:auto; margin-bottom:2rem;}
}
@media (min-width: 992px) { .page-name__project-archive .six.columns {width:49%; margin-left:2%;}
.page-name__project-archive .six.columns:nth-child(odd) {margin-left:0;}
.project-single__hero .container{height:70vh;}
.project-single__hero .page__title {padding-top:390px;}
.slider__project-slider .slick-slide img {height:35rem;} .process__icon img {width:75%;}
.process__block {padding:0; text-align:center;}
.process__block img {width:80%; margin-bottom:2rem;}
.process__block .info {width:100%; padding-left:0;}
.process__block .info h2 {font-size:1.6rem; line-height:1.3;}
.process__block.block-active {padding:2rem; border:none; border-bottom:rgba(69,87,103,1) 0.5rem solid; }
.process__block.block-default {padding:1rem; opacity:.4;}
.process__block.block-default img {width:50%;}
}
@media (min-width: 1280px) { .project-single__hero .container{height:75vh;}
.slider__project-slider .slick-slide img {height:40rem;} .process__block {text-align:left;}
.process__block img {width:50%;}
.process__block a:hover {color:#5a7790;}
.process__block.block-default:hover {opacity:1;}
.process__block .info h2 {font-size:1.8rem;}
.process__block .info h3 {font-size:1.6rem; display:block;}
.process__block .info a.link {display:inline-block; font-size:1.4rem;}
}
@media (min-width: 1366px) {
}
@media (min-width: 1680px) { .process__block.block-active {padding:3rem; }
.process__block.block-default {padding:1rem;}
.process__block.block-default img {width:40%;}
.process__block .info h2 {font-size:2.2rem;}
.process__block .info h3 {font-size:2.2rem;}
.page__hero .page__title {font-size:6rem; padding-top:25rem;}
.project-single__hero .page__title {padding-top:60rem;}
.slider__project-slider .slick-slide img {height:50rem;}	
} .blog {font-family: skolar-latin, serif; font-weight: 400; font-style: normal;}	
.blog .tile__project .overlay {position: absolute; width:100%;}
.blog.lt {font-weight: 300;}
.blog-article figure {margin: 0;}
.project-single__hero .page__title.blog {font-size:2.5rem; padding: 0;}
.blog-hero time {display: block; color:#fff; opacity: 0.7; margin-top: 2rem;}
.blog-hero .author {color:#fff; opacity: 0.7; font-size:1.5rem;}
.blog-article time {display: block; opacity: 0.7; margin-top: 2rem;}
.blog-article .author { opacity: 0.7; font-size:1.5rem;}
.header-left {position:relative;}
.blog-hero .title {position:absolute; bottom:20px; left:5%; width: 90%;}
.blog-article blockquote {margin: 2rem 3rem; padding: 2rem 0; border-top:2px solid rgba(69,87,103,1); border-bottom:2px solid rgba(69,87,103,1); }
.pdf-view {width:100%; background-color:#fff; text-align: center; padding: 3rem 0;}
.pdf-view img {height:100%; border:1px solid #ccc; box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.1);}
.pdf-view .tile {height:600px}
@media (min-width: 667px) {
}
@media (min-width: 768px) {
.blog-hero .title {position:absolute; bottom:20px; left:0%; width: 40%;}
.project-single__hero .page__title.blog {font-size:4rem;}
}
@media (min-width: 992px) {
}
@media (min-width: 1280px) {
.blog-hero .title {position:absolute; bottom:20px; left:17%; width: 32%;}
}
@media (min-width: 1366px) {
}
@media (min-width: 1680px) {
}
.cd-image-container {
position: relative;
width: 100%;
max-width: 100%;
margin: 0em auto;
}
.cd-image-container img {
display: block;
width:100%;
height:auto;
}
.cd-image-label {
position: absolute;
bottom: 0;
right: 0;
color: #ffffff;
padding: 1em;
font-weight:500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
opacity: 0;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
-ms-transform: translateY(20px);
-o-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0.3s 0.7s;
-moz-transition: -moz-transform 0.3s 0.7s, opacity 0.3s 0.7s;
transition: transform 0.3s 0.7s, opacity 0.3s 0.7s;
}
.cd-image-label.is-hidden {
visibility: hidden;
}
.is-visible .cd-image-label {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
.cd-resize-img {
position: absolute;
top: 0;
left: 0;
width: 0;
height: 100%;
overflow: hidden; -webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.cd-resize-img img {
position: absolute;
left: 0;
top: 0;
display: block;
height: 100%;
width: auto;
max-width: none;
}
.cd-resize-img .cd-image-label {
right: auto;
left: 0;
}
.is-visible .cd-resize-img {
width: 15%; -webkit-animation: cd-bounce-in 0.7s;
-moz-animation: cd-bounce-in 0.7s;
animation: cd-bounce-in 0.7s;
}
@-webkit-keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 35%;
}
100% {
width: 15%;
}
}
@-moz-keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 35%;
}
100% {
width: 15%;
}
}
@keyframes cd-bounce-in {
0% {
width: 0;
}
60% {
width: 50%;
}
100% {
width: 15%;
}
}
.cd-handle {
position: absolute;
height: 44px;
width: 44px; left: 15%;
top: 50%;
margin-left: -22px;
margin-top: -22px;
border-radius: 50%;
background: rgba(69,87,103,1) url(//www.blueskydesigninteriors.co.uk/images/projects/cd-arrows.svg) no-repeat center center;
cursor: move;
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
opacity: 0;
-webkit-transform: translate3d(0, 0, 0) scale(0);
-moz-transform: translate3d(0, 0, 0) scale(0);
-ms-transform: translate3d(0, 0, 0) scale(0);
-o-transform: translate3d(0, 0, 0) scale(0);
transform: translate3d(0, 0, 0) scale(0);
}
.cd-handle.draggable { background-color: #445b7c;
}
.is-visible .cd-handle {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0) scale(1);
-moz-transform: translate3d(0, 0, 0) scale(1);
-ms-transform: translate3d(0, 0, 0) scale(1);
-o-transform: translate3d(0, 0, 0) scale(1);
transform: translate3d(0, 0, 0) scale(1);
-webkit-transition: -webkit-transform 0.3s 0.7s, opacity 0s 0.7s;
-moz-transition: -moz-transform 0.3s 0.7s, opacity 0s 0.7s;
transition: transform 0.3s 0.7s, opacity 0s 0.7s;
} .ba-wrapper {display:flex; flex-flow:row wrap; justify-content: space-between; align-content: flex-start; align-items: flex-start;}
.ba-project {flex:0 0 100%; margin-bottom: 60px;}
.ba-slider .handle:after{
height: 44px;
width: 44px;
margin: -22px 0 0 -22px;
background: rgba(69,87,103,1) url(//www.blueskydesigninteriors.co.uk/images/projects/cd-arrows.svg) no-repeat center center;
border: 0;
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
content: "";
}
.handle.ba-draggable:after { background-color: #445b7c;
}
.cd-image-label {opacity:1; bottom: 20px;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
.ba-project {flex:0 0 48%;}
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {	
} @media (min-width: 1500px) {	
} .filter .wpc-filters-widget-containers-wrapper {display:flex; flex-flow: row-reverse wrap; gap:2%; margin-bottom: 30px;}
.filter .wpc-filters-widget-top-container {flex:1 1 20%; background: transparent;}
.filter .wpc-filters-scroll-container {flex:1 1 78%; background: transparent;}
.filter .wpc-horizontal-layout .wpc-posts-found {flex:0 0 20%;}
.filter .wpc-filter-chips-list li, body .wpc-filter-chips-list li.wpc-filter-chip, li.wpc-filter-chip {display:inline-block;}
.filter .wpc-widget-top-inside .wpc-inner-widget-chips-wrapper {overflow-y: visible;}
.filter .wpc-filters-widget-top-container:before {background:transparent;}
.filter .wpc-edit-filter-set {display:none; flex:0 0 100%;}
.filter .wpc-horizontal-layout .wpc-filters-widget-wrapper {flex-flow:row-reverse; justify-content: flex-end;}
.filter .wpc-filter-chips-list a, .filter .wpc-filter-chips-list li.wpc-filter-chip a {background-color:#587b9b; border-color:#587b9b; color:#fff; border-radius:5px;}
.filter .wpc-filter-chips-list li.wpc-chip-reset-all a {background-color:#9b5988; border-color:#9b5988; color:#fff; border-radius:5px;}
.filter .wpc-filter-title {font-size:1.8rem;} .ba-slider .handle:after{
height: 44px;
width: 44px;
margin: -22px 0 0 -22px;
background: rgba(69,87,103,1) url(//www.blueskydesigninteriors.co.uk/images/projects/cd-arrows.svg) no-repeat center center;
border: 0;
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
content: "";
}
.handle.ba-draggable:after { background-color: #445b7c;
}
.showall {text-align:center;}
.showall .button  {font-weight:100; text-transform: none; height:60px; line-height:60px; border:none; background-color:#fff; transition:0.5s all; }
.showall .button:hover {background-color:#587b9b; color:#fff;}:root {
--blue: rgba(137,173,205,1);
}
figure { margin: 1rem 0;}
.slider__home-hero div {transition: none;}
header .overlay {content:""; display: block; position:absolute; left:0; top:0; width:100%; height:150px;background: rgb(0,0,0);
background: linear-gradient(180deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);}
header .header-info {position:relative; z-index: 9;}
.blog .tile__project .overlay {width:100%; height:100%; background: rgb(0,0,0); background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);}
.award-wrapper {text-align:right;}
.award-logo {width:100%; height:auto; max-width: 150px;}
.bg--white {background-color:#fff;}
.bg--white h2 {color:var(--blue);} ul.menu-address {list-style: none;  position:absolute; bottom:0; text-align: left;}
ul.menu-address li {font-size:1.4rem;}
ul.menu-address a {color:#fff;} .ba-slider .handle:after{
height: 44px;
width: 44px;
margin: -22px 0 0 -22px;
background: rgba(69,87,103,1) url(//www.blueskydesigninteriors.co.uk/images/projects/cd-arrows.svg) no-repeat center center;
border: 0;
box-shadow: 0 0 0 6px rgba(0, 0, 0, 0.2), 0 0 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.3);
content: "";
}
.ba-slider img {height:100%;}
.handle.ba-draggable:after { background-color: #445b7c;
}
.showall {text-align:center;}
.showall .button  {font-weight:100; text-transform: none; height:60px; line-height:60px; border:none; background-color:#fff; transition:0.5s all; }
.showall .button:hover {background-color:#587b9b; color:#fff;}
.before-wrapper {position:relative;}
.before-shot-view {position:absolute; right:0;}
.before-gallery {display:none;} .hero-info-wrap {position:absolute; bottom:20px; left:0; width:100%; display:flex; justify-content: space-between;align-items: center; align-content:center; flex-flow: row; }
.title-left {flex:1 1 50%;}
.award-right {flex:0 0 20%; text-align: right;}
.project-single__hero .page__title {padding-top:0 !important;}
.tile__project figure {background-size:cover; background-position:center;}
.tile__project figure img {width:100%; height:auto;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
} .project-query ul {margin:0;}
.project-query ul li::before {margin-left:0;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
} @media (min-width: 1500px) {
} .blog-article .wp-block-image img {width:100%; max-width:unset;} .slider-clients-24 { height:340px;}
.slider-clients-24 .slide { height:340px; background-size: cover; background-repeat: no-repeat; background-position: center;} @media (min-width: 400px) {} @media (min-width: 550px) {} @media (min-width: 750px) {
} @media (min-width: 1000px) {
} @media (min-width: 1200px) {
.slider-clients-24 { height:430px;}
.slider-clients-24 .slide { height:430px;
} @media (min-width: 1366px) {
.slider-clients-24 .slide { height:470px;}
.slider-clients-24 { height:470px;}
} @media (min-width: 1680px) {
.slider-clients-24 .slide { height:570px;}
.slider-clients-24 { height:570px;}
}