:root {
	--white: #FFFFFF;
	--copy: #4F4F4F;
	--blue: #3A6DA4;
	--orange: #EB9D2F;
	--purple: #852F6A;
	--grey: #E6E7E8;
	--lightgrey: #EFEFEF;
	--greytint: #F8F8F8;
	--black: #000000;
	--lightblue: #90b6cc;
}

html {scroll-behavior: smooth !important;background-color: #3a6da4;}
body {font-family: 'Titillium Web', sans-serif;}
p {margin:8px 0;}
a:focus {outline:none;}
.btn-primary {background:var(--blue);border:2px solid #90b6cc;color:var(--white);padding:10px 20px;border-radius:25px;font-weight:700;}
.btn-primary:hover {background:var(--blue);border:2px solid var(--orange);color:var(--white);}
.btn-secondary {background:transparent;border:2px solid var(--orange);color:var(--black);padding:10px 20px;border-radius:25px;font-weight:700;}
.btn-secondary:hover {background:transparent;border:2px solid var(--orange);color:var(--black);}
.btn-tertiary {background:transparent;border:2px solid var(--purple);color:var(--black);padding:10px 20px 10px 70px;border-radius:25px;font-weight:700;position:relative;}
.btn-tertiary:hover {background:transparent;border:2px solid var(--purple);color:var(--black);}
.btn-tertiary:before {content:"\f054";font-family:'Font Awesome\ 5 Free';font-weight:800;color:var(--white);background:var(--purple);border-radius:100%;position:absolute;left:-2px;top:-10px;width:65px;height:65px;font-size:30px;padding:10px;}
h1 {font-weight:700;font-size:30px;text-decoration:none;text-decoration-skip-ink:none;text-decoration-color:var(--blue);}
.solution-icon {background:var(--blue);border-radius:100%;width:60px;height:60px;padding:5px;margin:20px 0 10px 0;}
.solution-icon img {width:50px;padding:10px;}


header .navbar {background:var(--blue);padding:0;}
header .navbar .navbar-brand img {height:50px;}
header .navbar .contact img {height:50px;}
header .navbar .dropdown-menu {margin-top:0;padding:0;border:none;background:none;}
header .navbar .nav-item .dropdown-toggle:after {content:"\f078";font-family:'Font Awesome\ 5 Free';font-size:12px;border:none;font-weight:700;position:relative;left:5px;margin:0;vertical-align:0;}
header .navbar .nav-item .dropdown-toggle.show:after {content:"\f077";}


.hero {position:relative;overflow:hidden;height: 16em;}
.hero img {position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;color: #fff;}
.hero p:first-of-type {font-weight:700;}


#hero-app {	
	background: url(https://eyecomply.uk/images/hero-gradient.jpg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #3a6da4;
}

#hero-eyecomply-dev {	
	background: url(https://eyecomply.uk/images/hero-gradient.jpg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #3a6da4;
	color: #FFFFFF;
}


.hero-audits {	
	background: url(https://eyecomply.uk/images/hero-audits.jpg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #3a6da4;
	background-position: top;
	color: #FFFFFF;
}

.hero-casestudies {	
	background: url(https://eyecomply.uk/images/hero-resource.jpg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #919394;
	background-position: top;
	color: #FFFFFF;
}

.hero-estates {	
	background: url(https://eyecomply.uk/images/hero-estate-management.jpg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #3a6da4;
	background-position: center;
	color: #FFFFFF;
}

.hero-facilities {	
	background: url(https://eyecomply.uk/images/hero-facility-management.jpg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #3a6da4;
	background-position: center;
	color: #FFFFFF;
}

.hero-projects {	
	background: url(https://eyecomply.uk/images/hero-project-management.jpg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #3a6da4;
	background-position: center;
	color: #FFFFFF;
}

.hero-solutions {	
	background: url(https://eyecomply.uk/images/hero-solutions.jpg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #3a6da4;
	background-position: center;
	color: #FFFFFF;
}

.hero-whatis {	
	background: url(https://eyecomply.uk/images/hero-whatiseyecomply.jpg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #3a6da4;
	background-position: 0 -15em;
	color: #FFFFFF;
}

.hero-whoarewe {	
	background: url(https://eyecomply.uk/images/hero-whoarewe.jpg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #3a6da4;
	background-position: center;
	color: #FFFFFF;
}

.hero-skillset {	
	background: url(https://eyecomply.uk/images/hero-skillset.jpg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #3a6da4;
	color: #FFFFFF;
}

.hero-accredited {	
	background: url(https://eyecomply.uk/images/hero-resource.jpg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #3a6da4;
	background-position: 0 -15em;
	color: #FFFFFF;
}

.hero-contact {	
	background: url(https://eyecomply.uk/images/hero-gradient.jpg);	
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #3a6da4;
	background-position:center;
}



.hero-blocks [class^='col-'] {position:relative;overflow:hidden;}
.hero-blocks img {position:relative;height:115%;top:50%;left:50%;transform:translate(-50%, -50%);}
.hero-blocks .clip {border:10px solid var(--white);}
.hero-blocks .content {position:absolute;top:0;left:0;padding:20px;width:50%;background:var(--white);}
.hero-blocks .content p:first-of-type {font-weight:700;}


.homepage-modules {background-color:var(--lightgrey);}
.homepage-modules .content div {background:var(--white);padding:20px;min-height:21em;}
.homepage-modules .content div p:first-of-type {font-weight:700;font-size:24px;text-decoration:none;text-decoration-skip-ink:none;text-decoration-color:var(--orange);}


.cta {background:#90b6cc;color:var(--white);font-size:26px;}
/* .cta p:first-of-type {font-weight:700;font-size:42px;text-decoration:none;text-decoration-skip-ink:none;text-decoration-color:var(--white);} */


footer {background-color:var(--blue);background-repeat:no-repeat;color:var(--white);}
footer img {height:50px;}
footer .nav-link {color:var(--white);padding:0 0 5px 0;}
footer a, footer a:hover {color:var(--white);text-decoration:none;}
/* footer [class^='col-'] p:first-of-type {color:var(--orange);font-weight:700;} */
footer hr {border:0;height:1px;background:var(--white);}


.highlights {background:var(--lightgrey);}
.highlights p {margin:0;padding:0;line-height:16px;}
.highlights p:first-of-type {color:var(--black);font-weight:700;padding-top:4px;}
.highlights img {height:40px;padding-right:10px;}
.highlights a {text-decoration:none;color:var(--copy);}
.highlights .nav {flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;}
.highlights .nav-tabs {border-bottom:none;}
.highlights .tab-navigation {position:relative;}
.highlights .nav-item {margin-right:20px;}
.highlights .nav-link {padding:0 50px 0 0;border:none;}
.highlights .nav-link:hover {border:none;background:transparent;}
.highlights ::-webkit-scrollbar {display:none;}


.modular-title {background:var(--blue);background:linear-gradient(145deg, var(--lightgrey) 1%,var(--blue) 100%);}
.modular-title p:first-of-type {color:var(--black);font-weight:700;font-size:60px;}
.modular-title .solution-icon {background:var(--blue);border-radius:100%;width:100px;height:100px;padding:15px;margin:20px 0 10px 0;}
.modular-title .solution-icon img {width:70px;padding:10px;}


.anchors {background:var(--lightgrey);}
.anchors img {display:block;height:50px;}
.anchors .solution-icon, .anchors img {display:block;margin:0 auto;}
.anchors .nav {flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;border-right:1px solid var(--grey);}
.anchors .nav-tabs {border-bottom:none;}
.anchors .tab-navigation {position:relative;}
.anchors .tab-navigation:after {content:" ";}
.anchors .nav-link {color:var(--black);padding:15px 40px;}
.anchors .nav-link:hover {border:none;background:transparent;}
.anchors ::-webkit-scrollbar {display:none;}


.benefits {background:var(--lightgrey);}
.benefits img {width:70px;display:block;margin:0 auto;}
.benefits .title {font-weight:700;color:var(--blue);font-size:40px;}
.benefits [class^='col-'] p:first-of-type {font-weight:700;font-size:30px;text-decoration:underline;text-decoration-skip-ink:none;text-decoration-color:var(--orange);}


.module-blocks [class^='col'] {position:relative;}
.module-blocks [class^='col'] .content {position:relative;background:var(--white);padding:20px;border-top:8px solid var(--orange) !important;border:1px solid var(--grey);}
.module-blocks p:first-of-type {font-weight:700;font-size:30px;text-decoration:underline;text-decoration-skip-ink:none;text-decoration-color:var(--orange);}
.module-detail {background:var(--greytint);color:var(--black);font-weight:700;font-size:20px;}
.module-content #features p:first-of-type, .module-content #functions p:first-of-type, .module-content #benefits p:first-of-type {font-weight:700;font-size:30px;text-decoration:underline;text-decoration-skip-ink:none;text-decoration-color:var(--orange);}


.modal-backdrop.show {opacity:0.8;}
.modal-content {border:none;border-radius:0;background:var(--blue);}
.modal-footer {justify-content:center;border-top:none;}


.case-studies {background:var(--blue);background:linear-gradient(145deg, var(--lightgrey) 1%,var(--blue) 100%);}
.case-studies p:first-of-type {color:var(--black);font-weight:700;font-size:60px;}
#casestudies .content div {background:var(--white);padding:20px;position:relative;top:-45px;margin:0 15px;border-top:8px solid var(--orange);box-shadow:0 4px 5px var(--copy);}
#casestudies p:first-of-type {color:var(--black);font-weight:700;font-size:20px;}


.case-study h1 {text-decoration:none;font-size:60px;}
.case-study .title {font-weight:700;font-size:20px;position:relative;}
.case-study .title:before {content:" ";height:4px;background:var(--orange);position:absolute;left:0;top:0;width:30%;}


.case-study-nav {background:var(--lightgrey);}
.case-study-nav a:first-of-type:before {content:"\f053";font-family:'Font Awesome\ 5 Free';font-weight:800;padding-right:10px;}
.case-study-nav a:last-of-type:after {content:"\f054";font-family:'Font Awesome\ 5 Free';font-weight:800;padding-left:10px;}


@media screen and (min-width: 1200px) {
	.module-blocks [class^='col'] .content {width:40% !important;}
}

@media screen and (max-width: 990px) {
	.homepage-modules .content div {position:relative;top:-15px;margin:0 15px;}
	.module-blocks .solution-icon {position:absolute;top:-100px;width:100px;height:100px;padding:15px;}
	.module-blocks .solution-icon img {width:70px;padding:10px;}
}

@media screen and (min-width: 990px) {
	.homepage-modules .content {position:relative;}
	/* .homepage-modules .content div {position:absolute;bottom:-10px;right:-10px;width:100%;} */
	.module-blocks [class^='col'] {overflow:hidden;}
	.module-blocks [class^='col']:nth-of-type(odd) .module-img {position:relative;left:10%;}
	.module-blocks [class^='col']:nth-of-type(even) .module-img {position:relative;right:10%;}
	.module-blocks [class^='col']:nth-of-type(even) .content {right:15px;}
	.module-blocks .solution-icon {position:absolute;top:-100px;width:100px;height:100px;padding:15px;}
	.module-blocks .solution-icon img {width:70px;padding:10px;}
	.module-blocks [class^='col'] .content {position:absolute;top:50%;transform:translate(0, -50%);width:50%;box-shadow:0 4px 5px var(--copy);}
}

@media screen and (max-width: 768px) {
	body {margin-top:68px;}
	header .navbar {border-bottom:2px solid var(--lightblue);font-weight:700;position: fixed;top:0;right:0;left:0;z-index:1030;}
	header .navbar-nav {width:100%;}
	header .navbar-collapse {background:var(--blue);border-top:2px solid var(--lightblue);}
	header .navbar .nav-item {border-bottom:1px solid var(--copy);}
	header .navbar .nav-item:last-of-type {border-bottom:none;}
	header .navbar .d-flex .nav-item:last-of-type {border-bottom:none;background:var(--purple);}
	header .navbar .d-flex .nav-item:last-of-type .nav-link {color:var(--white);}
	header .navbar .nav-link {color:var(--copy);padding:15px 20px !important;}
	header .navbar .nav-item .dropdown-toggle:after {float:right;font-size:16px;}
	header .navbar .dropdown-menu {border-top:1px solid var(--copy);border-radius:0;background:var(--lightgrey);}
	header .navbar .dropdown-menu .nav-link {padding-left:8px !important;}
	header .navbar .dropdown-menu .nav-link:before {content:"\f054";font-family:'Font Awesome\ 5 Free';font-weight:800;padding-right:10px;}
	header .navbar .dropdown-menu .solutions {background:var(--orange);}
	header .navbar-toggler {color:var(--white);background:var(--lightblue);border-radius:0;padding:22px;}
	header .navbar-toggler:focus {box-shadow:0 0 0 0;}
	header .navbar .contact {position:absolute;top:14px;right:78px;}
	header .navbar .contact img {height:40px;}
	.hero {text-align:center;}
	.hero p:first-of-type {font-size:30px;}
	.cta {text-align:center;}
	.modular-title {text-align:center;}
	.modular-title .solution-icon {display:block;margin:0 auto;}
	.modular-title p:first-of-type {font-size:30px;}
	.module-content img {width:60px;}
	.benefits .title {font-size:30px;}
	
}

@media screen and (min-width: 768px) {
	header .navbar .nav-link {color:var(--white);padding:8px 20px !important;}
	header .navbar .nav-link:hover, header .navbar .nav-link.show {color:var(--orange);}
	header .navbar .dropdown-menu .nav-link {color:var(--copy);padding:10px 0 !important;font-weight:800;}
	header .navbar .dropdown-menu .container-lg {background:var(--white);padding:30px 20px 20px 20px;border-top:0;box-shadow:0 4px 5px var(--copy);border-top:4px solid var(--orange);position:relative;}
	header .navbar .dropdown-menu .solutions .nav-link {background:var(--orange);display:inline-block;padding:10px !important;position:absolute;top:0px;left:0px;}
	header .navbar .dropdown-menu .solutions .nav-link:after {content:"\f054";font-family:'Font Awesome\ 5 Free';font-weight:800;padding-left:10px;}
	.hero p:first-of-type {font-size:60px;color: #fff;}
	.hero p {font-size:24px;color: #fff;}
	
	.anchors .nav-item {border-left:1px solid var(--grey);}
}

@media screen and (max-width: 575px) {
	
}

@media screen and (min-width: 575px) {
	
}


header .navbar-nav-social .nav-link a {color: #fff;}
header .navbar-nav-social .nav-link {color: #fff;padding:0.5em !important;}

#carouselExampleCaptions {font-size: 2em;}

.btn {
	margin:1em 0;
}

#mc_embed_signup input.button
{
	background-color: #3a6da4;
	border: 2px solid #90b6cc;
	border-radius: 25px;
	font-weight: 700;
}

.api-anim
{
	background-color: #1470be;
}

.module-detail-sfg {background:var(--white);}

.cta-blue {background:var(--blue);color:var(--white);font-size:26px;}
.cta-light-blue {background:var(--lightblue);color:var(--white);font-size:26px;}
#mc_embed_signup input.email {width: 100%;}
.field100{width: 100% !important;}
#mc_embed_signup form{padding: 0 !important;}