/*
Theme Name:   CB Castle 2021
Theme URI:    https://castlebuilder.com/
Description:  A beautiful Twenty Twenty-One website for Castle Builder
Author:       Castle Builder Design
Author URI:   https://castlebuilder.com/
Template:     twentytwentyone
Version:      1.0.0
Text Domain:  cb-castle21
*/
/*MIXINS*/
/* media query mixins */
/*DYNAMIC FONT*/
/*DYNAMIC WIDTH*/
/*DYNAMIC padding*/
/* BASE STYLES */
body {
	margin-top: 30px;
	scroll-padding-top: var(--top-spacing);
	margin: var(--top-spacing) auto; }

html {
	--top-spacing: 100px; }

html, body {
	height: 100%;
	width: 100%;
	margin-top: 0 !important;
	margin: 0 auto; }

ul {
	list-style-type: none; }
ul:first-child {
	padding-left: 0; }

header {
	text-align: center; }

input {
	width: 100%;
	box-sizing: border-box; }

/*COLORS*/
:root {
	/* Colors - override parent variables */
	--global--color-blue: #3497D0;
	--global--color-yellow: #FEC84B; }

.cb-yellow, .has-yellow-color {
	color: #FEC84B; }

.cb-blue, .has-blue-color {
	color: #3497D0; }

.cb-light-blue, .has-light-blue-color {
	color: #A4D6F1; }

.cb-deep-blue, .has-deep-blue-color {
	color: #12699D; }

.cb-dark-blue, .has-dark-blue-color {
	color: #1A3544; }

.cb-white, .has-white-color, .bg-title {
	color: #FFFFFF; }

.bg, .has-dark-blue-background-color {
	background-color: #1A3544; }

.has-deep-blue-background-color {
	background-color: #12699D; }

.bg-yellow, .has-yellow-background-color {
	background-color: #FEC84B; }

.bg-cb-blue, .has-blue-background-color {
	background-color: #3497D0; }

.bg-white, .has-white-background-color {
	background-color: #FFFFFF; }

.bg-lt-blue, .has-light-blue-background-color {
	background-color: #A4D6F1; }


.cloud-svg svg,
.cloud-svg img{
	position: absolute;
	width: 300px;
	height: 90px;
	bottom: 0; }

.right svg,
.right img{
	right: 0; }

.left svg,
.left img{
	left: 0; }

.cb-cloud {
	position: absolute;
	background-repeat: no-repeat;
	background-image: url(https://castlebuilder.com/wp-content/uploads/2021/02/cloud-1-copy.png);
	height: 200px;
	width: 100%; }
.cb-cloud.right {
	top: 1;
	right: 0;
	background-position: right bottom;
	left: 0;
	bottom: 0; }
.cb-cloud.left {
	top: 1;
	right: 0;
	background-position: left bottom;
	left: 0;
	bottom: 0; }

.clouds-svg svg {
	position: absolute;
	height: 200px;
	width: auto; }

/*HOVER EFFECTS*/
.cb-btn-trans a {
	text-decoration: none;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out; }

.cb-btn-trans a:hover {
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out; }

/*BASE STYLES*/
.float-right {
	float: none; }
@media only screen and (min-width: 768px) {
	.float-right {
		float: right; } }

.flex {
	display: flex; }

.flex-wrap-mobile {
	flex-wrap: wrap; }
@media only screen and (min-width: 768px) {
	.flex-wrap-mobile {
		flex-wrap: none; } }

.justify-center {
	justify-content: center; }
.justify-space-between {
	justify-content: space-between;
}

.bg {
	margin: 0;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-right: 20px;
	padding-left: 20px;
	position: relative;
}

section.bg.bg-cb-blue .flex.justify-center {
    flex-wrap: wrap;
}

section.bg.bg-cb-blue .flex.justify-center img {
    margin-right: 40px;
}
@media only screen and (max-width: 680px) {
	section.bg.bg-cb-blue .flex.justify-center {
		text-align: center;
	}

	section.bg.bg-cb-blue .flex.justify-center h1 {
		text-align: center;
	}


	section.bg.bg-cb-blue .flex.justify-center img {
		margin: 0 auto 30px !important;
		display: flex;
	}
	
	section.bg.bg-cb-blue .flex.justify-center {
		display: block !important;
	}
}

/*OVERRIDE*/
.primary-navigation {
	top: 40% !important; }

.site-main {
	padding-top: 0 !important;
	padding-bottom: 0 !important; }

.primary-navigation a {
	padding: 0; }

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	background: transparent; }

.widget-area a {
	text-decoration: none; }

.site-main > * {
	margin-bottom: 0;
	margin-top: calc(1 * var(--global--spacing-vertical));
}

.site .button:not(:hover):not(:active):not(.has-background), button:not(:hover):not(:active):not(.has-background), input[type=submit]:not(:hover):not(:active):not(.has-background), input[type=reset]:not(:hover):not(:active):not(.has-background), .wp-block-search .wp-block-search__button:not(:hover):not(:active):not(.has-background), .wp-block-button .wp-block-button__link:not(:hover):not(:active):not(.has-background), .wp-block-file a.wp-block-file__button:not(:hover):not(:active):not(.has-background) {
	background-color: transparent; }

.singular .entry-header {
	border-color: transparent; }

.site-main {
	position: relative; }

.site-main > article > *:first-child {
	margin-top: 84px;
	margin-bottom: 0; }

.site-main > article > * {
	margin-top: 0; }

.singular .entry-header {
	border: none; }

.single-client article figure {
	max-width: 600px;
}

/*BUTTONS*/
.cb-button-yellow a {
	padding: 10px 20px 10px 20px;
	border-radius: 5px;
	color: #FFFFFF;
	margin-top: 20px;
	background-color: #FEC84B;
	cursor: pointer;
	text-align: center;
	text-decoration: none; }
.cb-button-yellow a:hover {
	background-color: #FFFFFF;
	color: #FEC84B !important; }

.cb-button-yellow-margin {
	margin-top: 10px;
	margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
	.cb-button-yellow-margin {
		margin-top: 20px;
		margin-bottom: 20px; } }

.center {
	text-align: center; }

.cb-button-lt-blue {
	text-align: center; }
.cb-button-lt-blue a {
	padding: 10px 20px 10px 20px;
	border-radius: 5px;
	color: #3497D0;
	margin-top: 20px;
	background-color: #FFFFFF;
	text-align: center;
	text-decoration: none; }
.cb-button-lt-blue a:hover {
	background-color: #3497D0;
	color: #FFFFFF; }
.cb-button-lt-blue-margin {
	margin-top: 10px;
	margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
	.cb-button-lt-blue-margin {
		margin-top: 20px;
		margin-bottom: 20px; } }

.cb-button-dk-blue {
	text-align: center; }
footer.cb-footer.cb .cb-button-margin a.cb-button.cb-button-yellow {
	padding: 10px 20px 10px 20px;
	border-radius: 5px;
	color: #FFFFFF;
	margin-top: 20px;
	background-color: #FEC84B;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
}
.cb-button-dk-blue a {
	padding: 10px 20px 10px 20px;
	border-radius: 5px;
	color: #FFFFFF;
	background-color: #1A3544;
	text-align: center;
	text-decoration: none;
	border: 1px solid transparent; }
.cb-button-dk-blue a:hover {
	background-color: #FFFFFF;
	color: #1A3544;
	border: 1px solid #1A3544; }
.cb-button-dk-blue-margin {
	margin-top: 10px;
	margin-bottom: 10px; }
@media only screen and (min-width: 768px) {
	.cb-button-dk-blue-margin {
		margin-top: 20px;
		margin-bottom: 20px; } }

.section {
	position: relative;
	width: 100%;
	margin: 0 auto;
	xheight: 800px; }

.sub-title-margin p {
	margin: 0 auto;
	max-width: 600px; }

/*functional*/
.copy-container {
	max-width: 800px;
	margin: 0 auto; }

/*TYPOGRAPHY*/
/*fonts*/
/*font weight*/
/*ADELLE*/
.adelle-bold {
	font-family: "Adelle", Georgia, serif;
	font-weight: 700;
	font-style: normal; }

.adelle-regular, .adelle h1 {
	font-family: "Adelle", Georgia, serif;
	font-weight: 400;
	font-style: normal; }

.adelle-regular-italic {
	font-family: "Adelle", Georgia, serif;
	font-weight: 400;
	font-style: italic; }

.adelle-semi-bold {
	font-family: "Adelle", Georgia, serif;
	font-weight: 600;
	font-style: normal; }

.adelle-light {
	font-family: "Adelle", Georgia, serif;
	font-weight: 300;
	font-style: normal; }

.adelle-light-italic {
	font-family: "Adelle", Georgia, serif;
	font-weight: 300;
	font-style: italic; }

.adelle-thin {
	font-family: "Adelle", Georgia, serif;
	font-weight: 100;
	font-style: normal; }

/*ADELLE SANS*/
.adelle-sans {
	/*BASE TYPOGRAPHT*/ }
.adelle-sans-light {
	font-family: "Adelle-sans", Arial, sans-serif;
	font-weight: 300;
	font-style: normal; }
.adelle-sans-regular {
	font-family: "Adelle-sans", Arial, sans-serif;
	font-weight: 400;
	font-style: normal; }
.adelle-sans-semibold {
	font-family: "Adelle-sans", Arial, sans-serif;
	font-weight: 600;
	font-style: normal; }
.adelle-sans-thin {
	font-family: "Adelle-sans", Arial, sans-serif;
	font-weight: 100;
	font-style: normal; }

/*cb end*/
h1 {
	color: #FFFFFF;
	font-weight: 400;
	font-family: "Adelle", Georgia, serif;
	font-size: calc(25px + 23 * ( (100vw - 420px) / 1180)); }
@media screen and (max-width: 420px) {
	h1 {
		font-size: 25px; } }
@media screen and (min-width: 1600px) {
	h1 {
		font-size: 48px; } }

.services p {
	font-size: calc(14px + 0 * ( (100vw - 420px) / 1180));
	max-width: 500px; }
@media screen and (max-width: 420px) {
	.services p {
		font-size: 14px; } }
@media screen and (min-width: 1600px) {
	.services p {
		font-size: 14px; } }

h2, .services h2 p {
	color: #FFFFFF;
	font-weight: 400;
	font-family: "Adelle", Georgia, serif;
	font-size: calc(15px + 7 * ( (100vw - 420px) / 1180)); }
@media screen and (max-width: 420px) {
	h2, .services h2 p {
		font-size: 15px; } }
@media screen and (min-width: 1600px) {
	h2, .services h2 p {
		font-size: 22px; } }

h3 {
	color: #FFFFFF;
	font-weight: 400;
	text-align: center;
	font-family: "Adelle", Georgia, serif;
	font-size: calc(15px + 7 * ( (100vw - 420px) / 1180)); }
@media screen and (max-width: 420px) {
	h3 {
		font-size: 15px; } }
@media screen and (min-width: 1600px) {
	h3 {
		font-size: 22px; } }

a {
	font-weight: 400;
	font-family: "Adelle-sans", Arial, sans-serif; }

body {
	color: #000000;
	font-weight: 300;
	font-family: "Adelle-sans", Arial, sans-serif; }

.cb-button a {
	font-weight: 600;
	font-family: "Adelle-sans", Arial, sans-serif;
	font-size: calc(13px + 7 * ( (100vw - 420px) / 1180)); }
@media screen and (max-width: 420px) {
	.cb-button a {
		font-size: 13px; } }
@media screen and (min-width: 1600px) {
	.cb-button a {
		font-size: 20px; } }

/*COMPONANTS*/
/*FOOTER*/
footer p {
	color: #FFFFFF; }
footer p.custom-spacer {
	margin-top: 8px;
	margin-bottom: 8px; }

footer div a {
	color: #FFFFFF !important; }

footer h2 {
	font-size: calc(30px + 7 * ( (100vw - 420px) / 1180));
	font-weight: 400;
	font-family: "Adelle-sans", Arial, sans-serif; }
@media screen and (max-width: 420px) {
	footer h2 {
		font-size: 30px; } }
@media screen and (min-width: 1600px) {
	footer h2 {
		font-size: 37px; } }

footer a {
	text-decoration: none; }

/*OVERRIDES*/
@media (max-width: 1300px) {
.services .illustration-services {
    margin-right: 0px !important;
	}}
@media (max-width: 1023px) {
	#text-3, #nav_menu-3 {
		display: none; } }

#media_image-2 {
	text-align: center; }

.footer-logo {
	width: 200px; }
@media only screen and (min-width: 1024px) {
	.footer-logo {
		width: 248px;
		margin-right: 50px; } }

.cb-footer .cb-button {
	margin-top: 20px; }

.cb-footer {
	background-image: url(https://castlebuilder.com/wp-content/uploads/2021/03/cb-bg-footer.jpg);
	width: 100%;
	height: auto;
	color: #FFF;
	position: relative;
	background-size: cover;
	text-align: center;
	padding: calc(10px + 70 * ( (100vw - 420px) / 1180)); }
@media screen and (max-width: 420px) {

	.cb-footer {
		padding: 10px; } }
@media screen and (min-width: 1600px) {
	.cb-footer {
		padding: 80px; } }
@media only screen and (min-width: 768px) {
	.cb-footer {
		text-align: left; } }
.cb-footer h2, .single.single-post .cb-footer h2 {
	color: #FFF;
}
.cb-footer .social-icons-container-footer {
	display: flex;
	margin-left: 0;
	margin-top: 0;
	justify-content: center;
	margin-right: 0; }
.cb-footer .social-icons-container-footer a:nth-child(1) {
	margin-right: 10px; }
@media only screen and (min-width: 768px) {
	.cb-footer .social-icons-container-footer a:nth-child(1) {
		margin-right: 13px; } }
.cb-footer .social-icons-container-footer a:nth-child(2) {
	margin-right: 17px; }
@media only screen and (min-width: 768px) {
	.cb-footer .social-icons-container-footer a:nth-child(2) {
		margin-right: 17px; } }
.cb-footer .social-icons-container-footer a:nth-child(3) {
	padding-top: 0px; }
@media only screen and (min-width: 768px) {
	.cb-footer .social-icons-container-footer {
		margin-left: 0;
		margin-right: 48px; } }

.cb .footer-nav {
	justify-content: center;
	margin-right: 0; }
@media only screen and (min-width: 768px) {
	.cb .footer-nav {
		margin-right: -44px; } }
@media only screen and (min-width: 1024px) {
	.cb .footer-nav {
		margin-right: -33px; } }
.cb .footer-nav ul {
	column-count: 1;
	column-gap: 0; }
@media only screen and (min-width: 768px) {
	.cb .footer-nav ul {
		column-count: 2;
		column-gap: 90px; } }
@media only screen and (min-width: 1024px) {
	.cb .footer-nav ul {
		column-count: 2;
		column-gap: 90px; } }
.cb .footer-nav li:nth-child(n+3) {
	xfloat: left; }

.cb .fb-logo {
	fill: #FFFFFF;
	height: auto;
	width: calc(28px + 2 * ( (100vw - 420px) / 1180));
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out; }
@media screen and (max-width: 420px) {
	.cb .fb-logo {
		width: 28px; } }
@media screen and (min-width: 1600px) {
	.cb .fb-logo {
		width: 30px; } }
.cb .fb-logo:hover {
	fill: #205370;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out; }

.cb .insta-logo {
	fill: #FFFFFF;
	height: auto;
	width: calc(28px + 2 * ( (100vw - 420px) / 1180));
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out; }
@media screen and (max-width: 420px) {
	.cb .insta-logo {
		width: 28px; } }
@media screen and (min-width: 1600px) {
	.cb .insta-logo {
		width: 30px; } }
.cb .insta-logo:hover {
	fill: #205370;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out; }

.cb .twitter-logo {
	fill: #FFFFFF;
	height: auto;
	width: calc(30px + 2 * ( (100vw - 420px) / 1180));
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	margin-top: 0; }
@media screen and (max-width: 420px) {
	.cb .twitter-logo {
		width: 30px; } }
@media screen and (min-width: 1600px) {
	.cb .twitter-logo {
		width: 32px; } }
.cb .twitter-logo:hover {
	fill: #205370;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out; }

.copywrite {
	font-size: calc(15px + 1 * ( (100vw - 420px) / 1180)); }
@media screen and (max-width: 420px) {
	.copywrite {
		font-size: 15px; } }
@media screen and (min-width: 1600px) {
	.copywrite {
		font-size: 16px; } }

.footer-container {
	width: 90%;
	margin-left: auto;
	margin-right: auto; }
@media only screen and (min-width: 33.75em) {
	.footer-container {
		width: 80%; } }
@media only screen and (min-width: 45em) {
	.footer-container {
		width: 88%; } }
@media only screen and (min-width: 60em) {
	.footer-container {
		width: 75%; } }

.row {
	position: relative;
	width: 100%; }

.row [class^="col"] {
	float: left;
	margin: 1.5rem 2%;
	min-height: 0.125rem; }

.row::after {
	content: "";
	display: table;
	clear: both; }

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
	width: 96%; }

.col-1-sm {
	width: 4.33333%; }

.col-2-sm {
	width: 12.66667%; }

.col-3-sm {
	width: 21%; }

.col-4-sm {
	width: 29.33333%; }

.col-5-sm {
	width: 37.66667%; }

.col-6-sm {
	width: 46%; }

.col-7-sm {
	width: 54.33333%; }

.col-8-sm {
	width: 62.66667%; }

.col-9-sm {
	width: 71%; }

.col-10-sm {
	width: 79.33333%; }

.col-11-sm {
	width: 87.66667%; }

.col-12-sm {
	width: 96%; }

@media only screen and (min-width: 45em) {
	.col-1 {
		width: 4.33333%; }
	.col-2 {
		width: 12.66667%; }
	.col-3 {
		width: 21%; }
	.col-4 {
		width: 29.33333%; }
	.col-5 {
		width: 37.66667%; }
	.col-6 {
		width: 46%; }
	.col-7 {
		width: 54.33333%; }
	.col-8 {
		width: 62.66667%; }
	.col-9 {
		width: 71%; }
	.col-10 {
		width: 79.33333%; }
	.col-11 {
		width: 87.66667%; }
	.col-12 {
		width: 96%; }
	.hidden-sm {
		display: block; } }

/*HEADER*/
.header {
	height: 100%;
	/* ADDED */
	width: 100%;
	top: 0; }
.header .overlay-text {
	max-width: 800px !important;
	margin: 0 auto;
	padding-right: 15px;
	padding-left: 15px; }
.header h1, .header h2 {
	padding-bottom: 20px; }
@media only screen and (min-width: 768px) {
	.header h1, .header h2 {
		padding-bottom: 30px; } }

.cb-header {
	background-image: url(https://castlebuilder.com/wp-content/uploads/2021/03/CB-blue-Fade.jpg);
	height: 90vh;
	/*should be 100vh - not sure why 86 vh is working but it will be a temporary hack for now*/
	width: 100%;
	background-size: cover;
	position: relative; }

.cb-header-text h1 {
	text-align: center; }

.spacer {
	width: 100%;
	height: 18px; }

.header-copy-container {
	position: absolute;
	top: 38%;
	bottom: 0;
	right: 0;
	left: 0; }

/*NAVIGATION*/
.cb-nav-item {
	color: #FFFFFF;
	font-family: "Adelle-sans", Arial, sans-serif;
	font-weight: 300; }

.cb-nav-item-special {
	color: #FFFFFF;
	font-family: "Adelle", Georgia, serif;
	font-weight: 600; }

.cb-nav-container {
	background-color: #FFFFFF;
	box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.3);
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;
	max-width: inherit;
	padding-top: 10px;
	top: 0;
	padding-bottom: 16px;
	position: fixed;
	z-index: 100; }
@media(max-width:768px) {
	section>div:not(.alignfull) {
		padding: 0 30px;
	}
	section>p{
		padding: 0 30px !important;
	}
}
@media only screen and (min-width: 768px) {
	.cb-nav-container {
		padding-top: 10px;
		padding-bottom: 20px;
		padding-left: 30px;
		padding-right: 20px; } }

.cb-logo img {
	width: 165px;
	height: auto; }
@media only screen and (min-width: 768px) {
	.cb-logo img {
		width: 240px; } }

.logged-in.admin-bar .cb-nav-container {
	top: 0; }
@media only screen and (min-width: 783px) {
	.logged-in.admin-bar .cb-nav-container {
		top: 32px; } }

@media only screen and (min-width: 320px) {
	.menu-button-container {
		display: flex; } }

.container {
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 40%;
	left: 0;
	margin: 0 auto; }
.container p {
	font-size: 20px; }
.container a {
	display: inline-block;
	position: relative;
	text-align: center;
	color: #3497D0;
	text-decoration: none;
	font-size: 20px;
	color: #FFFFFF;
	font-weight: 400;
	text-align: center;
	font-size: calc(21px + 18 * ( (100vw - 420px) / 1180));
	font-family: "Adelle", Georgia, serif;
	overflow: hidden;
	top: 5px;
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out; }
@media screen and (max-width: 420px) {
	.container a {
		font-size: 21px; } }
@media screen and (min-width: 1600px) {
	.container a {
		font-size: 39px; } }
.container a:hover {
	color: #205370 !important;
	transition: .3s ease-in-out !important;
	-webkit-transition: .3s ease-in-out !important;
	text-decoration: none !important;
	text-decoration-style: unset !important; }

h1 {
	position: relative;
	text-align: center;
	font-family: 'Vollkorn', serif; }

.social-icons-container {
	display: flex;
	margin-left: 27px;
	margin-top: 14px; }
.social-icons-container a:nth-child(1) {
	margin-right: 10px; }
@media only screen and (min-width: 768px) {
	.social-icons-container a:nth-child(1) {
		margin-right: 23px; } }
.social-icons-container a:nth-child(2) {
	margin-right: 17px; }
@media only screen and (min-width: 768px) {
	.social-icons-container a:nth-child(2) {
		margin-right: 30px; } }
.social-icons-container a:nth-child(3) {
	padding-top: 0; }
@media only screen and (min-width: 768px) {
	.social-icons-container {
		margin-top: -6px;
		margin-left: 30px; } }
@media only screen and (min-width: 1024px) {
	.social-icons-container {
		margin-top: 11px;
		margin-left: 64px;
		margin-right: 87px; } }

.fb-logo {
	fill: #FFFFFF;
	height: auto;
	width: calc(28px + 2 * ( (100vw - 420px) / 1180));
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out; }
@media screen and (max-width: 420px) {
	.fb-logo {
		width: 28px; } }
@media screen and (min-width: 1600px) {
	.fb-logo {
		width: 30px; } }
.fb-logo:hover {
	fill: #205370 !important;
	transition: .3s ease-in-out !important;
	-webkit-transition: .3s ease-in-out !important; }

.insta-logo {
	fill: #FFFFFF;
	height: auto;
	width: calc(28px + 2 * ( (100vw - 420px) / 1180));
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out; }
@media screen and (max-width: 420px) {
	.insta-logo {
		width: 28px; } }
@media screen and (min-width: 1600px) {
	.insta-logo {
		width: 30px; } }
.insta-logo:hover {
	fill: #205370 !important;
	transition: .3s ease-in-out !important;
	-webkit-transition: .3s ease-in-out !important; }

.twitter-logo {
	fill: #FFFFFF;
	height: auto;
	width: calc(30px + 4 * ( (100vw - 420px) / 1180));
	transition: .3s ease-in-out;
	-webkit-transition: .3s ease-in-out;
	margin-top: 0; }
@media screen and (max-width: 420px) {
	.twitter-logo {
		width: 30px; } }
@media screen and (min-width: 1600px) {
	.twitter-logo {
		width: 34px; } }
.twitter-logo:hover {
	fill: #205370 !important;
	transition: .3s ease-in-out !important;
	-webkit-transition: .3s ease-in-out !important; }

.button_container {
	position: fixed !important;
	right: 6%;
	width: 35px;
	height: 35px;
	cursor: pointer;
	z-index: 100;
	transition: opacity .25s ease;
	margin-top: -3px; }
@media only screen and (min-width: 768px) {
	.button_container {
		right: 4%; } }
.button_container:hover {
	opacity: .7; }
.button_container.active .top {
	transform: translateY(11px) translateX(0) rotate(45deg);
	background: #205370; }
.button_container.active .middle {
	opacity: 0;
	background: #205370; }
.button_container.active .bottom {
	transform: translateY(-11px) translateX(0) rotate(-45deg);
	background: #205370; }
.button_container span {
	background: #3497D0;
	border: none;
	height: 3px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .35s ease;
	cursor: pointer; }
@media only screen and (min-width: 768px) {
	.button_container span {
		height: 3px; } }
.button_container span:nth-of-type(2) {
	top: 11px; }
.button_container span:nth-of-type(3) {
	top: 22px; }

.overlay {
	position: fixed;
	background: #3497D0;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden; }
.overlay.open {
	opacity: .96;
	visibility: visible;
	height: 100%;
	z-index: 1; }
.overlay.open li {
	animation: fadeInRight .5s ease forwards;
	animation-delay: .35s; }
.overlay.open li:nth-of-type(2) {
	animation-delay: .4s; }
.overlay.open li:nth-of-type(3) {
	animation-delay: .45s; }
.overlay.open li:nth-of-type(4) {
	animation-delay: .5s; }
.overlay.open li:nth-of-type(5) {
	animation-delay: .55s; }
.overlay.open li:nth-of-type(6) {
	animation-delay: .6s; }
.overlay.open li:nth-of-type(7) {
	animation-delay: .70s; }
.overlay nav {
	position: relative;
	height: 70%;
	top: 42%;
	transform: translateY(-50%);
	font-size: 50px;
	font-weight: 400;
	text-align: center; }
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	top: 9%; }
@media only screen and (min-width: 768px) {
	.overlay ul {
		top: 0; } }
.overlay ul li {
	display: block;
	height: 11%;
	height: calc(100% / 7);
	min-height: 50px;
	margin: 0 auto;
	width: fit-content;
	position: relative;
	max-width: auto;
	opacity: 0; }
.overlay ul li a {
	display: block;
	position: relative;
	color: #FFF !important;
	text-decoration: none;
	overflow: hidden;
	padding: 10px; }

@keyframes fadeInRight {
	0% {
		opacity: 0;
		left: 20%; }
	100% {
		opacity: 1;
		left: 0; } }

/*HOME STYLES*/
.section h1 {
	font-weight: 400;
	font-family: "Adelle", Georgia, serif;
	font-size: calc(30px + 15 * ( (100vw - 420px) / 1180));
	margin-bottom: 20px; }
@media screen and (max-width: 420px) {
	.section h1 {
		font-size: 30px; } }
@media screen and (min-width: 1600px) {
	.section h1 {
		font-size: 45px; } }

.section .our-services {
	text-align: center; }
.section .work h1 {
	color: #fff;
}

.section .work .card-title h1 {
	color: #A4D6F1;
}

.section .clients .client-section img {
	max-height: 88px;
}
.section .clients .clients-button {
	display: flex;
	align-items: center;
}
.section .our-services h2 {
	color: #1A3544;
	font-weight: 400;
	font-family: "Adelle-sans", Arial, sans-serif;
	font-size: calc(15px + 7 * ( (100vw - 420px) / 1180));
	margin-bottom: 20px; }
@media screen and (max-width: 420px) {
	.section .our-services h2 {
		font-size: 15px; } }
@media screen and (min-width: 1600px) {
	.section .our-services h2 {
		font-size: 22px; } }
.section .our-services h3 {
	color: #FFFFFF;
	font-weight: 700;
	font-family: "Adelle-sans", Arial, sans-serif;
	font-size: calc(18px + 17 * ( (100vw - 420px) / 1180));
	margin-bottom: 20px;
    white-space: pre;
}

.section .our-services .relative .cb-btn-trans:nth-child(3) h3 {
	transform: rotate(14deg) !important;
}

.section .our-services .relative .cb-btn-trans:nth-child(4) h3 {
	transform: rotate(14deg) !important;
}

.section .our-services .relative .cb-btn-trans:nth-child(6) h3 {
	transform: rotate(-18deg) !important;
}

.section .our-services .relative .cb-btn-trans:nth-child(5) h3 {
	transform: rotate(-18deg) !important;
}

@media screen and (max-width: 767px) {
	.section .our-services .relative .cb-btn-trans:nth-child(5) h3 {
		transform: rotate(-28deg) !important;
	}
	
	.section .our-services .relative .cb-btn-trans:nth-child(6) h3 {
		transform: rotate(-28deg) !important;
	}
	
	.section .our-services .relative .cb-btn-trans:nth-child(3) h3,
	.section .our-services .relative .cb-btn-trans:nth-child(4) h3{
		transform: rotate(27deg) !important;
	}

}

@media screen and (max-width: 540px){
	.section .our-services h3 {
		white-space: unset;
	}
	
	.section .our-services .relative .cb-btn-trans:nth-child(3) h3,
	.section .our-services .relative .cb-btn-trans:nth-child(4) h3 {
		transform: rotate(36deg) !important;
	}
	
	.section .our-services .relative .cb-btn-trans:nth-child(5) h3,
	.section .our-services .relative .cb-btn-trans:nth-child(6) h3{
		transform: rotate(-34deg) !important;
	}
}
@media screen and (max-width: 390px){
	.section .our-services .relative .cb-btn-trans:nth-child(5) h3,
	.section .our-services .relative .cb-btn-trans:nth-child(6) h3 {
		transform: rotate(-46deg) !important;
	}
	
	.section .our-services .relative .cb-btn-trans:nth-child(3) h3,
	.section .our-services .relative .cb-btn-trans:nth-child(4) h3 {
		transform: rotate(46deg) !important;
	}
}

@media screen and (max-width: 420px) {
	.section .our-services h3 {
		font-size: 18px; } }
@media screen and (min-width: 1600px) {
	.section .our-services h3 {
		font-size: 35px; } }
.section .our-services a {
	cursor: pointer;
	font-weight: 600;
	color: #FFFFFF; }
.section .our-services a:hover {
	font-weight: 700; }

.section .work {
	background: linear-gradient(130deg, #3497D0, #12699D);
	padding-bottom: 100px;
	padding-right: 20px;
	padding-left: 20px;
	width: 100%;
	position: relative;
	height: auto; 
	padding-top: 20px;
}

/*testimonials*/

.section .testimonials {
	padding: 20px;
	width: 100%;
	height: auto;
	background: #A4D6F1;
	background-size: 400% 400%;
	-webkit-animation: gradient 16s ease infinite;
	-moz-animation: gradient 16s ease infinite;
	animation: gradient 16s ease infinite; }


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

.home .quote .flex{
	align-items: center;
	justify-content: center;
}

.home .testimonials .slick-list.draggable{
	max-width: 600px;
	margin: 0 auto;
}

.home .testimonials .slick-next:before{
	display: none;
}

.home .testimonials .slick-next{
	right: 0 !important;
	width: 80px !important;
	height: 80px !important;
}

.testimonials .cloud-svg.right svg{
	width:400px;
	height:120px;
}

.home .testimonials .slick-next{
	right: 0 !important;
	width: 80px !important;
	height: 80px !important;
	margin-top: -50px !important;
}

.home .testimonials .slick-dotted.slick-slider {
	margin-bottom: -100px;
}

@media(max-width:767px){
	.home .testimonials .slider{
		overflow: visible !important;
	}
	.social-icons-container {
		justify-content: center;
	}
	.home .testimonials .slick-next.slick-arrow {
		width: 60px !important;
		height: 60px !important;
		right:-25px !important;
	}

	.home .testimonials .slick-prev.slick-arrow{ width: 60px !important;      height: 60px !important; left: -25px !important;}
	.home .testimonials .slick-list.draggable{
		max-width: 90%;;
	}
}

.section .clients {
	background-color: #FFFFFF;
	padding: 20px; }
.section .clients .copy-container h1 {
	color: #1A3544;
	font-style: normal;
	font-weight: normal;
	line-height: 37px; }

.section .relative {
	position: relative; }

.section .copy-container {
	text-align: center;
	padding-top: 40px; }
@media only screen and (min-width: 768px) {
	.section .copy-container {
		width: auto; } }

.section .services-copy {
	left: 50%;
	transform: translateX(-50%);
	position: absolute;
	top: 7%; }

.section .copy-maintenance {
	position: absolute;
	transform: translate(-50%, -50%);
	top: 67%;
	left: 21%; }
@media only screen and (min-width: 768px) {
	.section .copy-maintenance {
		top: 64%;
		left: 15%; } }

.section .copy-design {
	position: absolute;
	top: 89%;
	left: 18%;
	transform: translate(-50%, -50%); }

.section .copy-more {
	position: absolute;
	top: 66%;
	left: 82%;
	transform: translate(-50%, -50%); }

.section .copy-cm {
	position: absolute;
	top: 91%;
	left: 79%;
	min-width: auto;
	transform: translate(-50%, -50%); }
@media only screen and (min-width: 768px) {
	.section .copy-cm {
		min-width: x450px;
		left: 85%; } }

.content {
	margin: auto;
	margin-top: 60px;
	padding: 20px;
	width: 99%;
	max-width: 1200px;
	min-width: 300px; }

.slick-slider {
	margin: 0 auto 50px; }

.slick-prev,
.slick-next {
	color: white;
	opacity: 1;
	height: 40px !important;
	width: 40px !important;
	margin-top: -20px !important; }
.slick-prev path,
.slick-next path {
	fill: #1A3544;; }
.slick-prev:hover path,
.slick-next:hover path {
	fill: #FFFFFF; }

.slider {
	overflow: hidden !important; }

.slick-prev {
	left: -86px !important; }

.slick-next {
	right: -86px !important; }

.slick-prev:before,
.slick-next:before {
	content: none; }

.slick-dots {
	display: none !important; }

.quote-container {
	min-height: 200px;
	color: #FFFFFF;
	margin-top: 0;
	font-size: 36px;
	position: relative; }
.quote-container:hover {
	cursor: grab; }
.quote-container .portrait {
	position: relative;
	top: 0;
	bottom: 0;
	margin-right: 25px;
	height: auto;
	width: 75px; }
@media only screen and (min-width: 768px) {
	.quote-container .portrait {
		width: 95px; } }
.quote-container .portrait img {
	display: block;
	height: 95px;
	width: 95px;
	border-radius: 50%; }
.quote-container blockquote {
	position: relative;
	margin: 0;
	font-size: 20px;
	font-style: italic;
	line-height: 1.4 !important;
	font-family: "Adelle", Georgia, serif;
	color: white; }
.quote-container blockquote p {
	position: relative;
	margin-bottom: 20px;
	color: #1A3544;
	font-family: "Adelle", Georgia, serif;
	font-weight: 400;
	font-size: 17px; }
.quote-container .slick-prev, .quote-container .slick-next {
	color: white;
	opacity: 1;
	height: 40px;
	width: 40px;
	margin-top: -62px; }

blockquote:before {
	content: no-open-quote !important;
	font-size: var(--quote--font-size);
	line-height: var(--quote--line-height);
	position: absolute;
	left: calc(-0.5 * var(--global--spacing-horizontal)); }

.cite {
	display: block;
	font-size: 14px; 
	color: #1A3544;
}
.cite .name {
	font-size: 16px;
	font-family: "Adelle-sans", Arial, sans-serif;
	font-weight: 600;
	letter-spacing: 1px;
	color: #1A3544;
	text-transform: capitalize;
	font-style: normal; }

.dragging .quote-container {
	cursor: grabbing; }


/*card*/

.card-container {
	display: block;
	margin-top: 40px;
	padding-bottom: 40px;
	width: 256px;
	justify-content: center; }
@media only screen and (max-width: 991px) {
	.card-container {
	flex-wrap: wrap;
	}
}
@media only screen and (min-width: 768px) {
	.card-container {
		display: flex;
		width: auto; } }

.card {
	width: 330px;
	height: 300px;
}
@media only screen and (min-width: 768px) {
	.card {
		margin: 0 30px;
		left: 0; }
	.card:last-child {
		margin-right: 0; } }

.card-title h1 {
	font-family: "Adelle-sans", Arial, sans-serif;
	font-style: normal;
	font-weight: 600;
	font-size: 20px;
	line-height: 26px;
	text-align: center;
	text-transform: capitalize;
	color: #A4D6F1;
    max-width: 300px;
    margin: 25px auto 0px;
}

.card-title h1 a {
	color: #3497D0; 
	font-weight: 600;
	text-decoration: none;
}

.card-title h1 a:hover {
	text-decoration: underline;
}

.card-img {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0;
	bottom: 0;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px; }

.client-container {
	margin-top: 40px;
	margin-bottom: 60px; 
	gap: 50px;
}

.client-circle img {
	max-width: 250px;
	/*width: 150px;*/
	margin-right: 20px; }



/*About page custom style*/

section.about-castle-builder {
	margin-bottom: 0;
}

section.about-castle-builder .about-castle-builder-row {
	flex-wrap: wrap;
	max-width: 100%;
	margin-bottom: 0;
}
section.about-castle-builder .left-image-castle-builder {
	width: 30%;
	background-repeat: no-repeat;
	background-size: cover;
}
section.team-member .team-member-row {
	flex-wrap: wrap;
	grid-row-gap: 3rem;
	row-gap: 3rem;
}
section.about-castle-builder .right-content-castle-builder {
	width: 70%;
	padding: 50px 40px 30px 40px;
}

section.about-castle-builder .right-content-castle-builder h2 {
	color: #3497d0;
	text-align: left;
	font-size: 36px;
}

section.about-castle-builder .right-content-castle-builder h3 {
	color: #000;
	text-align: left;
	font-size: 29px;
	margin-bottom: 30px;
}

section.about-castle-builder .right-content-castle-builder p {
	margin-bottom: 15px;
}

section.about-castle-builder .right-content-castle-builder .socials-icons-list {
	display: flex;
}

section.about-castle-builder .right-content-castle-builder .socials-icons-list .socials-icons-item {
	padding-right: 20px;
}

section.team-member {
	padding: 80px 110px;
	position: unset;
}

section.team-member .teams-member-item {
	text-align: center;
	width: 32%;
	cursor: pointer;
}

section.team-member .teams-member-item img {
	border-radius: 50%;
	max-width: 100%;
	width: 300px;
	height: 300px;
	transition: transform .5s;
}
section.team-member .teams-member-item h2:hover,section.team-member .teams-member-item h3:hover {
	color:#fff;
}
section.team-member .teams-member-item h2 {
	margin-top: 30px;
	color: #000;
	font-weight: 700 !important;
	font-size: 25px;
}

section.team-member .teams-member-item h3 {
	color: #000;
}

section.team-member .team-popup .team-popup-overlay {
	display: none;
	position: fixed;
	top: 50%;
	width: 90%;
	right: 110px;
	background-color: #3497d0;
	transform: translate(-50%,-50%);
	left: 50%;
	border-bottom: 7px solid #fec84b;
	z-index: 9999;
	overflow-y: auto;
	max-height: 550px;
}

.popup-closed {
	width: 30px;
	height: 30px;
	text-align: center;
	background-color: #fec84b;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	position: fixed;
	top: 20px;
	cursor: pointer;
	right: 103px;
	z-index: 999000;
	display: none;
	transform: translate(-50%,-50%);
	right: -10px;
}


section.team-member .team-popup .team-popup-overlay .team-popup-inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	padding: 60px 30px;
	align-items: center;
}

section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-left-image {
	width: 25%;
}

section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-right-image {
	width: 25%;
	text-align: center;
}
.popup-closed p {
	font-size: 18px;
}
section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-content {
	width: 40%;
}

section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-left-image img {
	max-width: 100%;
	border-radius: 50%;
}

section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-content h3 {
	text-align: left;
	margin-bottom: 20px;
}

section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-content p {
	color: #fff;
}

section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-content .socials-icons-list {
	display: flex;
	margin-top: 30px;
}
section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-content .socials-icons-list .socials-icons-item {
	padding-right: 15px;
}
section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-right-image img {
	max-width: 100%;
}
body.active {
	position: relative;
	overflow: hidden;
}

.site.active {
	position: relative;
}

.site.active:before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: #000000c7;
	z-index: 999;
}

.team-member-inner-image {
	overflow: hidden;
	width: 300px;
	height: 300px;
	border-radius: 50%;
	margin: 0 auto;
}

section.team-member .teams-member-item img:hover {
	transform: scale(1.2);
}

/* Call page style */

.calendly-inline-widget {
	margin-top: -80px !important;
}

/* Blog page style */
section.recent-post .recent-post-column {
	width: 100%;
	max-height: 267px;
	overflow: hidden;
}

section.recent-post {
	padding: 40px 40px !important;
	margin-bottom: 0;
}

section.recent-post .recent-post-column img {
	max-width: 100% !important;
	height: auto !important;
}
.post-content a {
	color: #3497d0 !important;
	text-decoration: none;
	padding-top: 10px;
	display: block;
}

.post-content a:hover {
	color: #000 !important;
}

.latest-tweet  .latest-tweet-items {
	max-width: 800px;
	margin: 0 auto;
}

.latest-tweet-items div#ctf .ctf-header a.ctf-header-link .ctf-header-text p.ctf-header-user span.ctf-header-name {
	padding-bottom: 10px;
	display: inline-block;
}

.ctf-tweet-text, .ctf-tweet-text a {
	color: #FFF !important;
}

section.recent-post .recent-post-column.recent-post-content {
	width: 100%;
	max-height: unset !important;
}



section.recent-post .recent-post-castle-builder-row {
	justify-content: space-between;
	max-width: 100%;
	flex-wrap: wrap;
	margin-bottom: 0;
}

section.about-castle-builder .mobile-picture{
	display: none;
}

section.recent-post .recent-post-column h2 a {
	text-decoration: none !important;
	font-family: "Adelle-sans", Arial, sans-serif;
	font-weight: 700;
	font-size: 30px;
	color: #3497d0 !important;
}

section.recent-post .recent-post-column h3.author-name {
	font-family: "Adelle-sans", Arial, sans-serif;
	font-weight: 500;
	font-size: 20px;
	color: #000;
	text-align: left;
	margin-top: 7px;
	margin-bottom: 20px;
}

section.recent-post .recent-post-column .post-content p {
	font-family: "Adelle", Georgia, serif;
	font-weight: 400;
	line-height: 28px;
}

/* Archive page style */

.archive-page h1.page-title {
	font-size: 0;
	font-family: "Adelle", Georgia, serif;
}

.archive-page h1.page-title span {
	font-size: 48px;
	font-weight: 400;
}
.archive-page h1.page-title span a {
	color: #fff;
	text-decoration: none;
	font-family: "Adelle", Georgia, serif;
}

header.archive-page {
	margin-top: 74px !important;
	padding-bottom: 60px;
}
.archive-page h1.page-title span a:hover {
	color: #000;
}
.archive-page .archive-description {
	margin: 0 auto;
	max-width: 600px;
}

.archive-page .archive-description p {
	font-size: 22px;
	line-height: 37px;
	color: #fff;
	font-family: "Adelle", Georgia, serif;
	font-weight: 400;
}

section.blog-archive {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

section.blog-archive .blog-archive-row {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 1823px;
}

section.blog-archive .blog-archive-row article {
	width: 30%;
}


section.blog-archive .blog-archive-row article figure.post-thumbnail img {
	margin-top: 0;
}

section.blog-archive .blog-archive-row article h2.entry-title a {
	text-decoration: none !important;
	font-weight: 700;
	font-size: 25px;
	color: #3497d0 !important;
	font-family: "Adelle", Georgia, serif;
}

section.blog-archive .blog-archive-row article h2.entry-title {
	text-align: left;
	margin-top: 20px;
	line-height: 20px;
}

section.blog-archive .blog-archive-row article header.entry-header {
	margin-top: 0;
	margin-bottom: 0;
}

section.blog-archive .blog-archive-row article .entry-content {
	margin-top: 10px;
}

section.blog-archive .blog-archive-row article .entry-content p {
	font-weight: 400;
	line-height: 24px;
	font-family: "Adelle-sans", Arial, sans-serif;
	font-size: 16px;
}

section.blog-archive .blog-archive-row article .entry-content p a.more-link {
	display: none;
}

section.blog-archive .blog-archive-row article h2.entry-title a:hover {
	color: #000!important;
}

section.blog-archive .blog-archive-row article h3.author-name {
	font-family: "Adelle-sans", Arial, sans-serif;
	font-weight: 500;
	font-size: 16px;
	color: #000;
	text-align: left;
	margin-top: 10px;
	margin-bottom: 20px;
	text-transform: capitalize;
}

section.blog-archive nav.navigation.pagination {
	max-width: 400px;
	border-top: navajowhite;
	margin-top: 0 !important;
	padding-top: 0;
}

section.blog-archive nav.navigation.pagination .nav-links {justify-content: center;}

section.blog-archive nav.navigation.pagination .nav-links span {
	margin-top: 0;
	text-align: center;
	margin: 0;
	padding: 0 5px;
	border: 1px solid #000;
	color: #000 !important;
	display: block;
}

section.blog-archive nav.navigation.pagination .nav-links a {
	margin-top: 0;
	text-align: center;
	margin: 0;
	padding: 0 5px;
	border: 1px solid #000;
	color: #000 !important;
	display: block;
}

section.blog-archive nav.navigation.pagination .nav-links  .current {
	text-decoration: none;
	background-color: #cec6c6;
	color: #fff;
}

/* Single page Style */

.single-page h1.entry-title {
	font-family: "Adelle", Georgia, serif;
	font-weight: 400;
	font-style: normal;
	font-size: 48px;
	line-height: 52px;
	color: #fff;
	margin: 20px 0;
}

.single-page span.category-item a {
	color: #FFFFFF;
	font-weight: 400;
	font-family: "Adelle", Georgia, serif;
	font-size: 22px;
}

.single-page .cat-date h3 {
	display: inline-block;
}
.single-page span.category-item {
	color: #fff;
}

.single-page span.category-item a:hover {
	color: #000;
}

.single-page .cat-date span.space-list {
	padding: 0 5px;
}

.single-page .cat-date .category-item:last-of-type span.space-list {
	display:none;
}

.single-blog-content {
	padding: 50px 0;
}
.single-blog-content .row.single-blog-row>* {
	max-width: 1200px ;
	padding: 0;
	margin: 0 auto;
}

.single-blog-content .row.single-blog-row figure {
	float: unset !important;
	margin-bottom: 30px;
}

.single-blog-row div, .single-blog-row p, .single-blog-row ul, .row.single-blog-row h2, .row.single-blog-row h3, .row.single-blog-row h4 {
	margin-bottom: 20px !important;
	max-width: 800px !important;
	margin: 0 auto 20px auto !important;
	/*   padding: 0 20px !important; */
}

.single-blog-comments {
	padding: 0 20px;
	max-width: 1200px;
	margin: 0 auto;
}

.single-blog-comments div#comments {
	max-width: 100%;
}

.single-blog-comments h2.comment-reply-title {
	color: #000;
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	line-height: 35px;
	margin: 20px 0;
}

.single-blog-comments input#submit {
	border-color: currentColor;
	color: #fff;
	background-color: #3497d0;
	border: 3px solid #3497d0 !important;
	border-radius: 5px;
	font-weight: 600 !important;
	padding: 10px 20px 10px 20px !important;
	font-size: 20px !important;
	font-family: "Adelle-sans", Arial, sans-serif;
	transition: .3s ease-in-out;
}

.single-blog-comments form label {
	font-weight: 700;
}

.single-blog-comments form textarea {
	border: 3px solid #000;
	font-size: 16px;
	font-weight: 300;
}

.single-blog-comments input#submit:hover {
	background-color: #fff;
	color: #000;
	font-weight: 700;
	border-radius: 6px !important;
	border: 3px solid #000 !important;
}

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

.row.single-blog-row h2{
	color: #FFFFFF;
	font-weight: 400;
	font-family: "Adelle", Georgia, serif;
	font-size: 22px;
}
nav.navigation.post-navigation {
	padding-bottom: 30px;
}
@media(max-width:1572px) {
	section.about-castle-builder .left-image-castle-builder {
		width: 50%;
	}
	section.about-castle-builder .right-content-castle-builder {
		width: 50%;
	}

}

@media(max-width:876px) {
	section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-content,section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-left-image,section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-right-image {
		width: 100%;
	}
	section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-content .socials-icons-list {
		justify-content: center;
	}

	section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-content h3 {
		text-align: center;
	}

	section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-content {
		margin-top: 30px;
		margin-bottom: 30px;
		text-align: justify;
	}
	section.blog-archive .blog-archive-row article figure.post-thumbnail {
		max-height: 248px;
	}

	section.blog-archive .blog-archive-row article figure.post-thumbnail img {
		min-height: 238px !important;
	}

	section.blog-archive .blog-archive-row article {
		width: 48%;
	}
	section.blog-archive .blog-archive-row article h2.entry-title a {
		font-size: 22px;
	}

	section.blog-archive .blog-archive-row article h2.entry-title {
		line-height: 25px;
	}

}



@media(max-width:768px) {
	section.about-castle-builder .left-image-castle-builder {
		display: none;
	}
	
	section.about-castle-builder .mobile-picture {
		display: block;
		max-width: 330px;
		margin: 30px auto 10px;
	}
	
	section.about-castle-builder .mobile-picture img {
		width: 100%;
		border-radius: 500px;
	}

	header.entry-header.bg.bg-cb-blue h2.sub-title-margin {
		padding-bottom: 30px;
	}
	.card {
		margin: 0 auto;
	}
	.site-main > article > *:first-child {
		margin-top: 30px;
		margin-bottom: 0; }
	section.about-castle-builder .right-content-castle-builder {
		width: 100%;
		text-align: justify;
	}
	section.team-member .teams-member-item {
		width: 50%;
		margin-bottom: 30px;
		padding: 0 20px;
	}
	section.team-member .team-member-row {
		justify-content: center !important;
	}
	section.team-member {
		padding: 80px 40px;
		position: unset;
	}
	.page-id-3111 h2.sub-title-margin {
		margin-bottom: 60px;
	}
	section.about-castle-builder .right-content-castle-builder {
		padding: 0 20px 30px 20px;
	}
	section.team-member .team-popup .team-popup-overlay .team-popup-inner {
		padding: 20px 30px;
	}
	section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-left-image img {
		display:none;
	}
	section.about-castle-builder .right-content-castle-builder h2 {
		font-size: 27px;
		text-align: center;
	}
	section.about-castle-builder .right-content-castle-builder h3 {
		font-size: 22px;
		margin-bottom: 20px;
		text-align: center;
	}
	section.about-castle-builder .right-content-castle-builder .socials-icons-list {
		justify-content: center;
	}
	header.archive-page {
		margin-top: 60px !important;
	}


}


@media(max-width:480px) {
	.single-page span.category-item a {
		line-height: 19px;
		font-size: calc(15px + 7 * ( (100vw - 420px) / 1180));
	}

	.single-page h1.entry-title {
		font-size: calc(25px + 23 * ( (100vw - 420px) / 1180));
		line-height: var(--heading--line-height-h1);
	}

	header.single-page h3.author-name {
		padding-bottom: 30px;
	}
	section.team-member .teams-member-item {
		width: 100%;
		margin-bottom: 30px;
		padding: 0;
	}
	section.team-member .teams-member-item img {
		height: auto;
	}
	section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-right-image {
		display: none;
	}
	section.about-castle-builder .right-content-castle-builder h2,section.about-castle-builder .right-content-castle-builder h3 {
		text-align: center;
	}

	section.about-castle-builder .right-content-castle-builder .socials-icons-list {
		justify-content: center;
	}

	section.about-castle-builder .right-content-castle-builder p,section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-content p {
		font-size: 16px;
		line-height: 24px;
	}

	section.about-castle-builder .right-content-castle-builder {
		margin-bottom: 30px;
	}

	section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-content h2 {
		font-size: 24px;
		text-align: center;
	}

	section.team-member .team-popup .team-popup-overlay .team-popup-inner .team-popup-content h3 {
		font-size: 18px;
	}
	section.blog-archive .blog-archive-row article figure.post-thumbnail {
		max-height: 100%;
		margin-bottom: 20px !important;
	}

	section.blog-archive .blog-archive-row article figure.post-thumbnail img {
		min-height: 100% !important;
	}

	section.blog-archive .blog-archive-row article {
		width: 100%;
	}
	header.archive-page {
		margin-top: 30px !important;
	}

	header.archive-page .category-block {
		margin-top: 0;
	}

	.archive-page h1.page-title span {
		font-size: 25px;
		font-weight: 400;
	}

	.archive-page .archive-description p {
		font-size: 16px;
		line-height: 30px;
	}
	.category-block .category-item a {
		font-size: 16px;
	}


}

/*.client-circle img:last-child {
margin-right: 0; }*/

.services .wp img {
	height: auto;
	width: 240px;
	vertical-align: unset;
	margin-right: 40px; }

.services .drupal img {
	height: auto;
	width: 173px;
	vertical-align: inherit; }

.services .logo-container {
	align-items: center;
	justify-content: center;
	margin-top: 40px; }

.services .illustration-services {
	margin-right: 40px;
	text-align: left; }

.services .illustration-txt {
	align-self: center; }

.services .services-header {
	text-align: left;
	font-size: calc(20px + 8 * ( (100vw - 420px) / 1180)); }
@media screen and (max-width: 420px) {
	.services .services-header {
		font-size: 20px; } }
@media screen and (min-width: 1600px) {
	.services .services-header {
		font-size: 28px; } }
.services .services-header:h1 {
	text-decoration: uppercase; }

/********************************************************************************/

.home .testimonials .slick-prev {
	left: 0 !important;
	width: 80px !important;
	height: 80px !important;
	margin-top: -50px !important;
}

.home .testimonials .slick-prev:before{
	display: none;
}
.clientListBlock{
	background: #A4D6F1;
	padding: 80px 0 100px !important;
	position: relative;
	max-width: 100% !important;
	margin-bottom: 0 !important;
}

#client-list{
	display: flex;
	flex-wrap: wrap;
}

#client-list p{
	width: 40%;
	border-bottom: 2px solid #fff;
	line-height: 50px;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	color: #11699C;
	font-family: "Adelle-sans", Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
}

#client-list p a {
	color: #11699C;
	font-family: "Adelle-sans", Arial, sans-serif;
	font-weight: 600;
	font-size: 18px;
	text-decoration: none;
}

#client-list p:hover {
	background: #FEC84B;
	color: #fff;
	padding-left: 20px;
}

#client-list p a:hover{
	color: #fff;
}

#client-list p:nth-child(odd){
	margin-right: 10%;
}

#client-list p:nth-child(even){
	margin-left: 10%;
}

.wrapper{
	max-width: 1170px;
	padding-left: 15px;
	padding-right: 15px;
	margin: 0 auto;
}

.logoWrapper{
	overflow: hidden;
	padding: 0 50px;
	position: relative;
}

.logoWrapper .slick-slide{
	text-align: center;
}

.logoWrapper .slick-slide img{
	display: inline-block;
	max-width: 100%;
	height: auto;
}

.logoWrapper .slick-prev{
	left: -40px !important;
	margin-top: 0 !important;
}

.logoWrapper .slick-prev:before{
	content: '\f104';
	color: #11699C;
	font-size: 40px;
}

.logoWrapper .slick-next {
	right: -40px !important;
	margin-top: 0 !important;
}

.logoWrapper .slick-next:before{
	content: '\f105';
	color: #11699C;
	font-size: 40px;
}

.page-id-3115 .bg.bg-white{
	padding-bottom: 0;
}

.page-id-3115 footer.entry-footer.default-max-width{
	display: none;
}

.page-id-3115 header.entry-header .cloud-svg svg{
	left: 0;
	right: initial;
}




/*
.page-id-3115 header.entry-header h2,
.page-id-3115 header.entry-header .cloud-svg{ display: none;}
.clientTestimonaial{margin-left: -20px; margin-right: -20px; margin-top: -140px; margin-bottom: 80px; padding-bottom: 30px; text-align: center;}
.clientTestimonaial h2{line-height: 36px;}*/
/*
.clientTestimonaial .slick-next:before,
.clientTestimonaial .slick-prev:before,*/
.logoWrapper .slick-next:before,
.logoWrapper .slick-prev:before{
	font: normal normal normal 65px/1 FontAwesome;
	font-weight: bold;
	opacity: .4;
}

.logoWrapper .slick-next:before,
.logoWrapper .slick-prev:before{
	font-size: 40px;
}
/*
.clientTestimonaial .slick-next:before:hover,
.clientTestimonaial .slick-prev:before:hover,*/
.logoWrapper .slick-next:before:hover,
.logoWrapper .slick-prev:before:hover{
	opacity: 1;
}

.clientTestimonaial .slick-next:before{
	content: "\f105";
}
.clientTestimonaial .slick-prev:before{
	content: "\f104";
}




.client-template-default .type-client,
.client-template-default #masthead{ display: flex; flex-wrap: wrap;  max-width: 1170px; padding-left: 15px; padding-right: 15px; margin: 0 auto; position: relative;}
.client-template-default #masthead{justify-content: space-between; padding: 50px 0;     max-width: initial; padding-top: 10px;
	padding-bottom: 20px;  padding-left: 30px;  padding-right: 20px;}
.client-template-default .close img{ width:45px;}
.client-template-default .type-client > figure{position: absolute; width: 350px; right:0px;}
.client-template-default .type-client > figure img{ width: 100%; max-height: 350px; -webkit-box-shadow:-4px 8px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
	box-shadow:-4px 8px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);}
.client-template-default .type-client .entry-footer {  width: 100%; max-width: initial;}
.client-template-default #client-details{ width:190px; padding-right:25px;}
.client-template-default .entry-content{ margin: 0; width:calc(100% - 380px);     padding: 50px 20px 80px 20px;}

.client-template-default header.entry-header{padding: 0 !important; margin: 0;}
.client-template-default header.entry-header h1{ font-size: 35px;}

.client-template-default #client-content{padding-right: 100px;}

.client-template-default #client-testimonials{ display: flex; flex-wrap: wrap; padding-right: 100px;}
.client-template-default #client-testimonials figure{ margin-right: 20px; text-align: center; width: 95px;}

.client-template-default #client-testimonials figure img{width:95px !important; height: 95px !important; border-radius:50%;}
.client-template-default #client-testimonials .clientDes{ width: calc(100% - 115px);    text-align: justify;}
.client-template-default #client-testimonials .clientDes:after{content: ''; display: block; clear: both;}

.clientLeftDet{ padding-top:40px; font-size: 16px;}
.clientLeftDet h2{font-size: 16px;     margin-bottom: 10px;}

.clientCloud{text-align: right;}
.clientCloud svg{margin-bottom: -10px;}

.leftBotImgWrap img{ max-width: 100%;}
.leftBotImgWrap{padding-top: 30px; padding-right: 20px;}
.leftBotImgWrap ul{list-style:none; text-align: center;}
.leftBotImgWrap ul li{padding: 20px 0;}

.clientCustRight{width: calc(100% - 380px);margin: 0 auto;}
.clientCustRight .leftBotImgWrap{padding: 0;}
.clientCustRight .leftBotImgWrap ul{list-style: none; display: flex; flex-wrap: wrap; }
.clientCustRight .leftBotImgWrap ul li{width: 13%;}

#client-details.has-white-color
h2 {
	font-weight: 800;
}


.client-template-default #client-testimonials .clientDes {
	font-size: 18px;
}

.client-template-default #client-content {
	font-size: 18px
}


.client-template-default #client-testimonials .clientDes {
	font-size: 13px;
	font-family: "Adelle", Georgia, serif;
	font-weight: 600;
	padding-bottom: 20px;
}

.client-template-default #client-testimonials figcaption, .client-template-default #client-testimonials .clientDes span { font-size: 13px; font-family: "Adelle-sans", Arial, sans-serif; font-weight: 400; line-height: normal; padding-top: 10px;}

#client-content p {
	font-size: 15px;
	font-family: "Adelle-sans", Arial, sans-serif;
	padding-bottom: 20px;
	line-height: 150%;
}

#client-content {
	padding-top: 20px;
}

.client-template-default #client-testimonials figure img {
	width: 60%;
	height: 60%;
	max-width: 150px;
}

.button_container.active .top,
.button_container.active .bottom{background: #fff;}

.mobFig{display: none;}


section>div:not(.alignfull) {
	max-width: 1200px;
	margin: 0 auto 15px auto;
}

section.maintenace-management .row {
	width: 100%;
	max-width: 100%;
}


section>p {
	max-width: 1200px;
	margin: 0 auto 30px auto;
}

section .alignfull {
	margin-bottom: 30px !important;
}

section {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.alignwide p {
	max-width: 100% !important;
}

.margin-equal {
	margin: 40px auto;
}

section form {
	margin: 0 auto;
	padding: 20px 0;
	max-width: 800px;
}

section form input,section form select,section form textarea {
	line-height: 20px !important;
	font-weight: 300 !important;
	padding: 10px 15px !important;
	font-size: 20px !important;
	border: 3px solid !important;
	margin-bottom: 17px !important;
	margin-top: 12px !important;
	width: 100%;
}

section form p {
	line-height: 20px !important;
	font-weight: 700 !important;
	font-size: 16px !important;
}
.single-blog-content .row.single-blog-row {
	max-width: 100% !IMPORTANT;
}

.single-blog-content .row.single-blog-row>.alignfull {
	max-width: 100% !important;
}
section form input.wpcf7-submit {
	background-color: #3497d0 !important;
	width: 100%;
	margin: 20px auto !important;
	display: block;
	border: 3px solid #3497d0 !important;
	border-radius: 5px;
	font-weight: 600 !important;
	padding: 10px 20px 10px 20px !important;
	font-size: 20px !important;
	font-family: "Adelle-sans", Arial, sans-serif;
	transition: .3s ease-in-out;
}

section form input.wpcf7-submit:hover {
	background-color: #fff !important;
	color: #000 !important;
	border: 3px solid #000 !important;
}

/*Blog page style*/

.single-blog-content .row.single-blog-row ul,
.single-blog-content .row.single-blog-row ol{
	margin-bottom: 20px;
	padding-left: 70px !important;
}

.single-blog-row ul li {
	list-style-type: disc;
}
.latest-tweet-items div#ctf {
	display: flex;
	flex-wrap: wrap;
}

.latest-tweet-items div#ctf .ctf-header {
	order: 2;
	max-width: 300px;
	margin: 0 auto;
}

.ctf-tweet-content p.ctf-tweet-text {
	text-align: center;
}
.latest-tweet-items .ctf-tweets {
	order: 1;
	width: 100%;
}

.navigation a {
	color: #000 !important;
}

a {
	transition: .3s ease-in-out;
}

.navigation a:hover {
	color: #3497d0 !important;
	text-decoration: none;
}

.post-navigation .meta-nav {
	color: #000 !important;
}

.post-navigation .meta-nav:hover {
	color: #3497d0 !important;
}

.latest-tweet-items div#ctf .ctf-header a.ctf-header-link {
	display: flex;
	float: unset;
}

.latest-tweet-items div#ctf .ctf-header a.ctf-header-link .ctf-header-text {
	order: 2;
	float: unset;
}

.latest-tweet-items div#ctf .ctf-header a.ctf-header-link .ctf-header-img {
	margin: 0 !important;
	width: 87px;
}

.latest-tweet-items div#ctf .ctf-header a.ctf-header-link .ctf-header-text * {
	float: unset !important;
}

.latest-tweet-items div#ctf .ctf-header a.ctf-header-link .ctf-header-img img {
	width: 60px !important;
}

.latest-tweet-items div#ctf .ctf-header a.ctf-header-link .ctf-header-text p.ctf-header-user {margin: 0 !IMPORTANT;max-width: 180px;padding-left: 20px !important;color: #fff;}

section.insta-feed {
	background: #A4D6F1;
	padding: 50px 60px 30px 60px !important;
}

section.insta-feed .insta-feedrow {
	max-width: 100%;
}

section.insta-feed .insta-feedrow .sbi_item {
	/*width: 30% !important;*/
}

section.insta-feed .insta-feedrow div#sbi_images {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

section.latest-tweet {
	margin-bottom: 0;
	background-color: #1A3544;
}
.category-block .category-item {
	display: inline-block;
	padding: 0 48px;
}

.category-block .category-item a {
	color: #fff;
	text-decoration: underline;
}
.post-content a.more-link {
	display: none;
}
section.recent-post .recent-post-castle-builder-row .blog-list {
	justify-content: space-between;
	max-width: 100%;
	flex-wrap: wrap;
	width: 25%;
	padding: 20px 30px;
}

section.recent-post .recent-post-castle-builder-row .blog-list:nth-child(1) {
	width: 100%;
	padding: 0;
	align-items: center;
	display: flex;
}

section.recent-post .recent-post-castle-builder-row .blog-list:nth-child(1) .recent-post-column {
	width: 50%;
	max-height: 830px;
}

section.recent-post .recent-post-castle-builder-row .blog-list:nth-child(1) .recent-post-column.recent-post-content {
	width: 43%;
}

.category-block .category-item a:hover {
	color: #000;
}
.single-blog-row ul {
	margin-bottom: 20px;
}

.single-blog-row ul li {
	list-style-type: disc;
}

.row.single-blog-row a {
	color: #000 !important;
}
.row.single-blog-row >* {
	color: #000;
}
.row.single-blog-row a:hover {
	color: #3497d0 !important;
}

h2.comments-title {
	color: #000;
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	line-height: 35px;
}

.row.single-blog-row * {
	color: #000;
}

.row.single-blog-row h2,.row.single-blog-row h3,.row.single-blog-row h4 {
	margin-bottom: 20px;
}
.single-blog-row p, .single-blog-row ul, .row.single-blog-row h2, .row.single-blog-row h3, .row.single-blog-row h4 {
	margin-bottom: 20px !important;
	max-width: 800px !important;
	margin: 0 auto 20px auto !important;
	padding: 0 20px !important;
}

.single-blog-row  a.button {
	color: #000 !important;
	background-color: transparent !important;
	border-color: currentColor !important;
	display: inline-block;
}

@media(max-width:1140px){
	.client-template-default .type-client > figure { width: 300px;  margin-top: 160px;}
}

@media(max-width:767px){
	.mobFig{display: block;}
	.desktopFig,
	.clientCustRight{display: none;}

	.client-template-default .entry-content {  margin: 0;  width: calc(100% - 190px);}
	.client-template-default #client-content,
	.client-template-default #client-testimonials{padding-right: 0;}
	.client-template-default header.entry-header h1 { font-size: 25px;}

	#client-list p{line-height: normal; padding-top: 8px; padding-bottom: 8px;}
	#client-list p a{font-size: 15px;}
	section.recent-post .recent-post-column.recent-post-content {
		width: 100%;
	}
	section.recent-post .recent-post-column {
		width: 100%;
	}
	.ctf-tweet-content {
		margin: 0 !important;
	}

	.latest-tweet-items {
		padding: 0 20px;
	}
	section.insta-feed .insta-feedrow .sbi_item {
		width: 100% !important;
	}
	section.recent-post {
		padding: 40px 0px !important;
	}
	section.recent-post .recent-post-castle-builder-row .blog-list:nth-child(1) .recent-post-column {
		width: 100%;
	}
	section.recent-post .recent-post-castle-builder-row .blog-list:nth-child(1) .recent-post-column.recent-post-content {
		width: 100%;
	}
	section.recent-post .recent-post-castle-builder-row .blog-list {
		width: 100%;
		padding: 0;
	}
}


@media(max-width:500px){
	section.insta-feed {
		background: #A4D6F1;
		padding: 50px 0px 30px 0px !important;
	}
	.clientCloud svg{  max-width: 300px;  height: auto;}
	.client-template-default .type-client{display: block;}
	.client-template-default #client-details {   width: auto;  padding-right: 0;     display: flex;  flex-wrap: wrap}
	.client-template-default .entry-content{width: auto;}
	.site-branding{margin-right: 0;}
	.clientLeftDet{width: 50%;}
	.client-template-default #client-testimonials{display: block;}
	.client-template-default #client-testimonials figure{margin: 0 auto;}
	.client-template-default #client-testimonials figcaption{padding-top: 0;}
	.client-template-default #client-testimonials .clientDes {  width: auto;  text-align: center;}

	#client-details .clientLeftDet:nth-child(1){order:1;}
	#client-details .clientLeftDet:nth-child(2){order:4;}
	#client-details .clientLeftDet:nth-child(3){order:3;}
	#client-details .clientLeftDet:nth-child(4){order:2;}
	.category-block {
		margin-top: -40px;
		padding-bottom: 30px;
	}

	.category-block .category-item {
		padding: 0 12px;
	}
}

.image-sect { 
	display: inline-block;
	position: relative;
	width: 300px;
	height: 200px;
	overflow: hidden;
	border-radius: 20px;
} 
.image-sect img { 
	width: 100%;
}


.card {
	text-align: center;
	flex-flow: column wrap;
	display: flex;
}
.cb-button-dk-blue a:focus {
	background-color: #FFFFFF !important;
	color: #1A3544 !important;
	border: 1px solid #1A3544 !important;
}
@media (min-width: 1140px){
	.client-template-default .type-client > figure {
		top: 135px;
	}
}

.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
	outline: none;
}
.site .button:focus, button:focus, input[type=submit]:focus, input[type=reset]:focus, .wp-block-search .wp-block-search__button:focus, .wp-block-button .wp-block-button__link:focus, .wp-block-file a.wp-block-file__button:focus {
	outline: none;
}
.is-style-outline .wp-block-button__link[style*=radius]:focus, .wp-block-button a.wp-block-button__link[style*=radius]:focus {
	outline: none;
}
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	outline: none;
	text-decoration: none;
}

.quote-container a {
	text-decoration: none;
}
.clientDes.mobile {
	display: none;
}
.section .our-services h2 {
	display: none;
}
.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
	color: #000;
}
.section .our-services a:hover {
	color: #000;
}
.section.all-work .work {
	background: #A4D6F1;
}
.section.all-work .card .image-sect {
	box-shadow: 0px 0px 12px 0px rgb(0 0 0 / 39%);
	height: 380px;
	overflow: hidden;
	width: 100%;
}
.section.all-work .card .image-sect img {
	max-width: 100%;
}
footer.cb-footer.cb {
	margin-top: 0;
}
.section.all-work .work .card-title {}

.section.all-work .work .card-title h1 {
	color: #261605;
}
.section .our-services a {
	text-decoration: none;
}
.home .testimonials h1 {
	color: #1A3544;
}
footer.cb-footer.cb .cb-button-margin a.cb-button.cb-button-yellow:hover {
	background-color: #FFFFFF;
	color: #FEC84B !important;
}

.services-icons {
	display: flex;
	justify-content: center;
	padding-top:20px;
}


.work-button {
	width: 100%;
	margin-top: 40px;
}
section.desing-section .desing-section-row {
	flex-wrap: wrap;
}

section.desing-section .desing-section-row .illustration-services {
	margin-right: 0;
	width: 50%;
	text-align: center;
}

section.desing-section .desing-section-row  .illustration-txt {
	width: 50%;
	text-align: left;
	padding: 1.5rem 2%;
}

.section .services-copy {
	width: 350px;
}

section.maintenace-management h1.services-header {
	margin-bottom: 20px;
}
section.desing-section .desing-section-row .illustration-txt h1.services-header {
	text-align: left;
	font-size: 38px;
}

section.desing-section .desing-section-row .illustration-txt p {
	text-align: left;
	margin: 0;
	font-size: 18px;
	padding: 15px 0;
}

.content-management .illustration-txt h1,.content-management .illustration-txt p,.content-management .illustration-txt a{
	color: #1a3544;
}
.services .illustration-txt h1.services-header {
	margin-bottom: 20px;
}

.section .work .card-container {
	padding-bottom: 0;
	justify-content: center;
	width: 80%;
	margin: 0 auto;
	flex-wrap: wrap;
}

.section.all-work .work .card-title {
    margin-bottom: 20px;
}

.section.all-work .card {
	width: 45%;
	margin-right: 0;
	height: auto;
	padding: 0 30px;
}




@media(max-width:1284px) {
	.section .clients .client-container a:nth-child(2) {
		display: none;
	}
}

@media(max-width:1100px) {
	section.desing-section .desing-section-row .illustration-services {
		width: 100%;
	}
	section.desing-section .desing-section-row .illustration-services img {
		max-width: 100%;
	}
	section.desing-section .desing-section-row .illustration-txt {
		width: 100%;
		padding-top: 60px;
	}

}

@media(max-width:968px) {
	.section .clients .client-container a:nth-child(3) {
		display: none;
	}

	.section .work .card-container {
		width: 100%;

	}
	.section.all-work .card {
		width: 100%;
	}
	.section.all-work .card .image-sect {
		height: 260px;
	}
}

@media(max-width:702px) {
	.section .clients .client-container a:nth-child(5) {
		display: none;
	}
	.work-button {
		width: 100%;
		margin-top: 10px;
		margin-bottom: 30px;
	}
	.home .testimonials .slick-dotted.slick-slider {
		margin-bottom: -40px;
	}
	.section .services-copy {
		width: 90%;
	}
	header.entry-header.bg.bg-yellow h2.sub-title-margin {
		padding-bottom: 30px;
	}
}
@media(max-width: 576px)
{
	.clientDes.desktop {
		display: none;
	}
	.clientDes.mobile {
		display: block;
	}
	.cb-header {
		height: 480px;
	}
	.header-copy-container {
		top: 27%;
	}
}
.mobile-article {
	display: none;
}
@media(max-width: 576px)
{
	.desktop-article {
		display: none;
	}
	.mobile-article {
		display: block;
	}
}
figure.mobFig img{
	-webkit-box-shadow: -4px 8px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
	box-shadow: -4px 8px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%);
}
.mobile-article {
	margin-top: 40px;
}

.mobile-article h2.adelle-semi-bold.cb-deep-blue {
	margin-top: 40px;
}

.card-container {
	width: 100%;
}
.card a {
	text-decoration: none;
	flex: 1;
}
.card h1:hover {
	color: #fff;
}