/*Nav*/
.fusion-tb-header {
    z-index: 100;
    position: relative;
    margin-bottom: -7rem;
}

/*Typography*/
h2.fusion-responsive-typography-calculated {
    font-size: 7rem !important;
}


/*Header*/
	.flex-heading {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.do-heading {
		font-size: 30rem !important;
	}
	.do-heading--sub {
		font-family: 'dax-regular';
		font-size: 13rem !important;
	}
	.do-heading, .do-heading--sub {
		margin-bottom: 0 !important;
	}
	.hp-bottom-header .fusion-column-wrapper, .hp-bottom-header {
		margin: 0 !important;
	}
	.hp-bottom-header--left:before, .hp-bottom-header--right:before {
		content: '';
		height: 100%;
		width: 100%;
		position: absolute;
	}
	.hp-bottom-header--left:before {
		background: #516577;
		left: -100%;
	}
	.hp-bottom-header--right:before {
		background: #9ea0a4;
		right: -100%;
	}
	.hp-bottom-header--right:after {
		content: '';
		height: 100%;
		width: -webkit-fill-available;
		position: absolute;
		background: url(https://designoffice.co.uk/wp-content/uploads/2023/04/horizontal-bg-graphics-img.png);
		background-repeat: no-repeat;
		background-position: bottom;
		right: -100%;
	}
	.hp-bottom-header--left .fusion-column-wrapper {
		padding-right: 6rem !important;
	}
	.hp-bottom-header--right .fusion-column-wrapper {
		padding-left: 6rem !important;
	}
	.hp-bottom-header--right .fusion-column-wrapper, .hp-bottom-header--left .fusion-column-wrapper {
		padding-top: 4rem !important;
	}
	.flex-button{
		margin-top: 3rem !important;
	}

/*3 COL CLICKS*/
	.col-clicks {
		padding-top: 9rem !important;
		padding-bottom: 8rem !important;
	}
	.col-clicks:after {
		content: '';
		height: 30%;
		width: 100%;
		position: absolute;
		background: url(https://designoffice.co.uk/wp-content/uploads/2023/04/horizontal-bg-graphics-img.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: bottom right;
		right: 0%;
		bottom: 0;
	}


@media screen and (max-width: 1200px){
	.fusion-layout-column.paralax-col {
		margin-right: -30% !important;
		margin-left: 30% !important;
	}
	.fullwidth-box.video-background .fullwidth-video video {
		left: 60% !important;
	}
	.hp--heading.hp--heading__large {
		font-size: 6rem !important;
	}
}
@media screen and (max-width: 1150px){
	.do-heading--sub {
		font-family: 'dax-regular';
		font-size: 10rem !important;
	}
	.do-heading {
		font-size: 26rem !important;
		margin-right: 3rem;
	}
}
@media screen and (max-width: 1100px){
	.hp--header-container {
		background-size: cover !important;
		min-height: 950px;
		margin-top: -20rem !important;
		padding-top: 25rem important;
	}
	.hp-bottom-header--right .fusion-column-wrapper, .half-col .fusion-column-wrapper{
		justify-content: flex-end !important;
	}
}
@media screen and (max-width: 1000px){
	.hp--heading.hp--heading__large {
		font-size: 5rem !important;
	}
	.do-heading {
        font-size: 20rem !important;
    }
	.do-heading--sub {
		font-family: 'dax-regular';
		font-size: 7rem !important;
	}
}
@media screen and (max-width: 800px){
	.fusion-layout-column.paralax-col {
		margin-right: -30% !important;
		margin-left: 30% !important;
		margin-top: -30rem !important;
		margin-bottom: 0 !important;
		opacity: .2;
	}
	.services-container .fusion_builder_column_1_3, .innovators-container .fusion_builder_column_1_3 {
		margin: auto;
		width: auto;
		position: relative;
	}
	.services-container	.fusion-builder-row, .innovators-container .fusion-builder-row {
		justify-content: center !important;
	}
	.services-container h2.fusion-responsive-typography-calculated {
		text-align: center;
	}
	.clients-container {
		flex-direction: column-reverse !important;
	}
	.clients-container .fusion-layout-column:first-child {
		order: 2;
		display: flex;
	}
	.clients-container img{
		width: 100%;
	}
	.hp-bottom-header--left .fusion-column-wrapper {
		padding-right: 3rem !important;
		padding-bottom: 4rem !important;
		padding-top: 3rem !important;
		padding-left: 3rem !important;
	}
	div#clients img {
		width: 100%;
	}
}
@media screen and (max-width: 700px){
	.flex-heading {
		display: none;
	}
	.service-box .fusion-column-wrapper {
        background-color: #516477 !important;
    }
}
@media screen and (max-width: 500px){
	.hp--heading.hp--heading__large {
		font-size: 3.5rem !important;
	}
}



/* ANIMATED DROPPER */
.content-dropper{
	padding: 0rem !important;
    margin-top: -22rem !important;
}
#main .content-dropper .fusion-builder-row {
    min-width: 100% !important;
    max-width: 100% !important;
}
#main .content-dropper .fusion-column-wrapper {
    margin: 0 !important;
}
.content-dropper .fusion-layout-column {
	margin-bottom: 0rem !important;
}
.grid-item.top {
    padding-top: 28rem;
    padding-bottom: 15rem;
}
.grid-row {
    display: grid;
    grid-template-columns: 35% 1fr 35%;
}
.grid-item {
    background: red;
    border: 1px solid white;
    min-height: 300px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-item:nth-child(1) {
	background-image: url(https://development.designoffice.co.uk/wp-content/uploads/2026/01/creative-bg-img.png);
}