html,body { height: 100%; }
html { font-size:17px; }
body { font-family: Barlow, Arial, sans-serif; color: #2c2c69; font-size:12px; }
body.homepage {
	background-color: #fff;
}
.green { color: #39b54a; }
.list-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
}
.list {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	flex-wrap: wrap;
}
.list > div { display: flex; align-items: center; margin-bottom: 15px; font-size: 1.1em; }
.list > div img { max-width: 30px; margin-right: 8px; }
footer .list > div { font-size: 1.4em; }
footer .list > div img { max-width: 20px; margin-right: 12px; }
hr { margin-top: 45px; margin-bottom: 45px; border-top: 1px solid #d6d7e2; }
p { font-size: 1.4em; margin: 0 0 25px; }
li { font-size: 1.4em; margin: 0 0 5px; }
main ul, main ol { margin-bottom:25px; }
main li { list-style-position: outside; }
/* p + ul, p + ol { margin-top:-12px; } */
main ul, main ol { padding-left:20px; }
main ul.boxed-bullets, main ol.boxed-bullets,
main ul.ccm-tag-list, main ol.ccm-tag-list { padding-left:0; }
main ul > ul, main ul > ol,
main ol > ol, main ol > ul { padding-left:20px; }
main ul > ul li, main ul > ol li,
main ol > ol li, main ol > ul li { margin-left: 1em; text-indent: -1em; margin-bottom:0; }
/* main ul li, main ol li { margin-left: 1em; text-indent: -1em; } */
/* .internal_page .area ul li { list-style:none; margin: 0 0 0; padding: 12px 20px; text-indent: inherit; -webkit-padding-before:14px; color: #fff; }
.internal_page .area ul li:last-child { margin: 0; }
.internal_page .area ul li:nth-child(odd) { background-color:#2c2c69; }
.internal_page .area ul li:nth-child(even) { background-color:#0093c6; } */
.internal_page .area ul ul li { padding-left:75px; }
.internal_page .area ul ul li:nth-child(odd) { background-color:#e6e7e8; }
.internal_page .area ul ul li:nth-child(even) { background-color:#f1f1f2; }

.separator { border-bottom: 3px solid #2c2c69; width:60px; margin: auto; }


ul.boxed-bullets li { font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; }
ul.boxed-bullets li:nth-child(odd) { background-color:#2c2c69; }
ul.boxed-bullets li:nth-child(even) { background-color:#0093c6; }
ul.boxed-bullets li { list-style:none; margin: 0 0 0; padding: 12px 20px; text-indent: inherit; -webkit-padding-before:14px; color: #fff; }
ul.boxed-bullets li:last-child { margin: 0; }

.internal_page .area ul.normal li:nth-child(odd) { background-color:inherit; }
.internal_page .area ul.normal li:nth-child(even) { background-color:inherit; }
.internal_page .area ul.normal li { color: inherit; list-style-type: inherit; /* margin-left: 1em; */ }

ul.multi_border_list {
	border: 15px solid #fff;
	outline: 15px solid #2c2c69;
	width: 50%;
	margin: 60px auto;
}
@media (max-width: 991px) {
	ul.multi_border_list {
		width: 80%;
	}	
}
@media (max-width: 665px) {
	ul.multi_border_list {
		width: 90%;
	}
}
.text_x2 { font-size: 1.3rem; }
img { max-width:100%; height:auto; }
.text_x2_bold { font-size: 1.4rem; font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; color: #2c2c69; }
.bold { font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; }
.small { font-size: 0.8em; }
.small_bold { font-size: 0.8em; font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; }
.inner-pull-right { float:right; }
strong { font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; font-size: 1.2em; }
a:hover, a:focus { text-decoration :none; outline:none; }
h1,h2,h3,h4,h5 { color:#2c2c69; font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; }
h1, .h1 {
	margin-top: 25px;
	margin-bottom: 25px;
}
h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	margin-top: 25px;
	margin-bottom: 15px;
	line-height: 1.4;
}
h1, .h1 { font-size: 3.5em; }
h2, .h2 { font-size: 2.7em; }
h3, .h3 { font-size: 2.2em; }
h4, .h4 { font-size: 1.9em; }
h5, .h5 { font-size: 1.75em; }
h5 a { color: inherit; }
h5 a:hover { color: #2c2c69; }
.clear { clear: both; }
.how-we-work-review-image { text-align:center; }

.caret {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid;
}

blockquote::before {
	content: "\201C\201D"; /*Unicode for Left Double Quote*/
	font-family:inherit;
	font-size: 120px;
	font-weight: bold;
	line-height: 1;
}
blockquote {
    border-left:none;
    padding: 15px 0 30px;
    text-align: center;
}
blockquote p { max-width:60%; margin-left:auto; margin-right:auto; }
blockquote p:first-child { margin-top:-60px; }

#buttonnav { font-size:1.4em; position: absolute; top: 0;right: 8%; color: #FFFFFF; font-family: Barlow, Arial, sans-serif; text-align: center; position: fixed; z-index:1000; }

#menu-icon {
  cursor: pointer;
  background-color: #2c2c69;
  position: absolute;
  right: 30px;
  z-index: 1000;
  padding: 3px;
  top: 0;
  display:none;
}

#menu-icon .bar {
  border-radius: 1px;
  background-color: #fff;
  height: 4px;
  width: 30px;
  margin: 6px;
  transition: all ease 0.3s;
}

#menu-icon.hb-active .bar:nth-child(2) { opacity: 0; }

#menu-icon.hb-active .bar:nth-child(1) { transform: translateY(10px) rotate(90deg); }

#menu-icon.hb-active .bar:nth-child(3) { transform: translateY(-10px) rotate(0deg); }

.container { max-width:2560px; width:100%; font-size:1.2em; }
/* .container .container { font-size:1em; } */
.container-fluid { font-size:1.2em; }
.homepage .header1 h1 { margin-bottom:75px; }
footer { font-size: 0.75em; }
footer .text_x2_bold { color: #fff; }
footer .hr p { border-bottom: 1px solid #f3f4fa; }
footer a { color:#fff; }
footer a:hover { color:#509DC3; }
footer .container h1 { font-size:3em; }
footer .container h2 { font-size:2em; }

#buttonnav { display:none; color:inherit; }
.area-container { padding:0 5%; }
.homepage video { width: 100%; height:auto; display:block;  }
.area { background-color:#fff; padding:30px 0; }
.homepage .area { padding:45px 0; }
.area .formblock { text-align:left; }
.homepage .area1 { padding-top:90px; }
.homepage .area1 .container { max-width:1500px; width:100%; }
.homepage .area1 .container.bg { background-image: url(../images/BG-Pattern.png); background-repeat: no-repeat; background-position: right center; }
.homepage .area2 { }
.homepage .area2 .container { max-width: 1400px; }
.homepage .area2 .container,
.homepage .area1, .homepage .area2 { }
.homepage .area2 .header1 h1 { margin-bottom:inherit; color:#fff; }
.homepage .area2 p { font-size: 1.2em; }
.homepage .area2a .container { max-width:1500px; width:100%; }
.homepage .area3 { padding-bottom:60px; }
.homepage .area3 .container { max-width:1500px; width:100%; }
.internal_page .area ul.icon-wrapper { text-align:center; }
.homepage .area3 ul.icon-wrapper li,
.internal_page .area ul.icon-wrapper li { width:14%; margin-left:25px; margin-right:25px; background-color:inherit; }
.internal_page .area ul.icon-wrapper li { width:20%; }
.homepage .area3 ul.icon-wrapper .icon, .internal_page .area ul.icon-wrapper .icon { height:auto; }
.homepage .area3 ul.icon-wrapper .icon img,
.internal_page .area ul.icon-wrapper .icon img {
	width:auto;
	position:relative;
	max-height:100%;
	/* -webkit-transform: translateZ(0px);
	-moz-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px); */
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
    /* -webkit-transition: -webkit-transform 0.2s ease 0s;
    -moz-transition: -moz-transform 0.2s ease 0s;
    -o-transition: -o-transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s; */
}
/* .homepage .area3 ul.icon-wrapper .icon img:hover,
.internal_page .area ul.icon-wrapper .icon img:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.homepage .area3 ul.icon-wrapper li:nth-child(1) .icon,
.homepage .area3 ul.icon-wrapper li:nth-child(6) .icon,
.internal_page .area ul.icon-wrapper li:nth-child(1) .icon,
.internal_page .area ul.icon-wrapper li:nth-child(6) .icon {
	-webkit-animation: animation 1.5s ease-in-out infinite;
	-moz-animation: animation 1.5s ease-in-out infinite;
	-o-animation: animation 1.5s ease-in-out infinite;
	animation: animation 1.5s ease-in-out infinite;
}
.homepage .area3 ul.icon-wrapper li:nth-child(2) .icon,
.homepage .area3 ul.icon-wrapper li:nth-child(5) .icon,
.internal_page .area ul.icon-wrapper li:nth-child(2) .icon,
.internal_page .area ul.icon-wrapper li:nth-child(5) .icon {
	-webkit-animation: animation 2s ease-in-out infinite;
	-moz-animation: animation 2s ease-in-out infinite;
	-o-animation: animation 2s ease-in-out infinite;
	animation: animation 2s ease-in-out infinite;
}
.homepage .area3 ul.icon-wrapper li:nth-child(3) .icon,
.homepage .area3 ul.icon-wrapper li:nth-child(8) .icon,
.internal_page .area ul.icon-wrapper li:nth-child(3) .icon,
.internal_page .area ul.icon-wrapper li:nth-child(8) .icon {
	-webkit-animation: animation 1.8s ease-in-out infinite;
	-moz-animation: animation 1.8s ease-in-out infinite;
	-o-animation: animation 1.8s ease-in-out infinite;
	animation: animation 1.8s ease-in-out infinite;
}
.homepage .area3 ul.icon-wrapper li:nth-child(4) .icon,
.homepage .area3 ul.icon-wrapper li:nth-child(7) .icon,
.internal_page .area ul.icon-wrapper li:nth-child(4) .icon,
.internal_page .area ul.icon-wrapper li:nth-child(7) .icon {
	-webkit-animation: animation 2.2s ease-in-out infinite;
	-moz-animation: animation 2.2s ease-in-out infinite;
	-o-animation: animation 2.2s ease-in-out infinite;
	animation: animation 2.2s ease-in-out infinite;
}

@-webkit-keyframes animation {
	0% {
	    -webkit-transform: translate(0px, 5px);
	    transform: translate(0px, 5px);
	}
	50% {
	    -webkit-transform: translate(0px, 0px);
	    transform: translate(0px, 0px);
	}
	100% {
	    -webkit-transform: translate(0px, 5px);
	    transform: translate(0px, 5px);
	}
}

@-moz-keyframes animation {
	0% {
	    -moz-transform: translate(0px, 5px);
	    transform: translate(0px, 5px);
	}
	50% {
	    -moz-transform: translate(0px, 0px);
	    transform: translate(0px, 0px);
	}
	100% {
	    -moz-transform: translate(0px, 5px);
	    transform: translate(0px, 5px);
	}
}

@-o-keyframes animation {
	0% {
	    -o-transform: translate(0px, 5px);
	    transform: translate(0px, 5px);
	}
	50% {
	    -o-transform: translate(0px, 0px);
	    transform: translate(0px, 0px);
	}
	100% {
	    -o-transform: translate(0px, 5px);
	    transform: translate(0px, 5px);
	}
}

@keyframes animation {
	0% {
	    transform: translate(0px, 5px);
	}
	50% {
	    transform: translate(0px, 0px);
	}
	100% {
	    transform: translate(0px, 5px);
	}
} */

.homepage .area4 { padding:0; }
.homepage .area4 .header-content-wrapper { background-color: #2c2c69; padding: 45px 0; margin-bottom: 0; }
.homepage .area5 .container { max-width:1500px; width:100%; }
.homepage .area5 ul.icon-wrapper li { width:15%; margin-left:25px; margin-right:25px; }
.homepage .area5 ul.icon-wrapper .icon { height:auto; }
.homepage .area5 ul.icon-wrapper .icon img {
	width:100%; position:relative; max-width:200px;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s ease 0s;
    -moz-transition: -moz-transform 0.2s ease 0s;
    -o-transition: -o-transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
}
.homepage .area5 ul.icon-wrapper .icon img:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.homepage .area6 { background-color:#297acc; color: #fff; }
.homepage .area6 .container { max-width:1500px; text-align: left; }
.homepage .area6 .container .formblock { margin-top: 0; }
.homepage .area7 .container { max-width:1500px; }
.homepage .area8,
.internal_page .area8 { background-color:#2c2c69; color: #fff; }
.homepage .area8 .container,
.internal_page .area8 .container { max-width:1100px; }

.banner-image, .footer-banner-image {
	background-size:cover;
	background-position:center;
	min-height:400px;
	position:relative;
	background-color:#2c2c69;
}
@media (max-width: 767px) {
	.area9 > .container .footer-col:first-child { margin-bottom: 15px; }
	.footer-col { width: 100%; }
	.internal_page .banner-image { min-height: 200px !important; }
}
.dataview_page .banner-image {
	text-align: center;
	background-size: contain;
	background-position: center;
	min-height: auto;
}
.banner-title, .lower-content {
	left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align:center;
    font-size:1.2em;
    max-width: 400px;
}

.lower-content {
	color: #2c2c69;
}
.lower-content h3 { color: #fff; }

.lower-content .cta { margin: 30px 0 0 0; }
.lower-content .cta a { margin-bottom:0; }

.pricing {
	background-color: #39b54a;
	padding: 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	min-width: 200px;
}
.pricing-arrow { background-image: url(../images/SSH-Pricing-Arrow.png); background-position: bottom center; background-repeat: no-repeat; height:25px; }
.price { font-size: 5em; margin-top: -20px; font-weight: bold; }
.price span { font-size: 0.5em; vertical-align: super; }
.per { margin-top: -20px; font-size: 0.9em; }

.blog_list { margin:60px 0; }
.blog_list .header { border-bottom:1px solid #333; padding-bottom:45px; margin-bottom:45px; }
.blog_list .thumbnail {
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border: none;
	padding:0;
}
.blog_list .thumbnail-imagearea a { display:block; overflow:hidden; }
.research_list .thumbnail-imagearea a { position: relative; }
.research_list .thumbnail-imagearea a div { 
	position: absolute;
	left: 50%;
	top: 50%; 
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	text-align: center; 
	color: #fff; 
	font-size: 4.5em;
	font-family: 'Barlow Semi Condensed', Arial, sans-serif;
	font-weight: 600;
}

text-align: center;
.blog_list .thumbnail h5 a { color: #2c2c69; }

.blog_list .thumbnail img {
	width:100%;
	position:relative;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 0.2s ease 0s;
    -moz-transition: -moz-transform 0.2s ease 0s;
    -o-transition: -o-transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
}
.blog_list .thumbnail img:hover {
	-webkit-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-ms-transform: scale(1.02);
	-o-transform: scale(1.02);
	transform: scale(1.02);
}

.blog_list .blog-item { margin-bottom:10px; }
.blog_list .blog-item:nth-child(odd) { padding-left:0; }
.blog_list .blog-item:nth-child(even) { padding-right:0; }
.blog-title { margin:15px 0 10px; font-size:1.4em; font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; }
.blog-title a { color:#2c2c69; }
.blog-date { color:#9d9dae; font-size:1.1em; }
.blog-sidebar ul li { list-style:none; margin:0; padding:0; font-size:1.2em; font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; text-indent: inherit; }
.blog-sidebar ul ul li { font-size:1em; font-family: Barlow, Arial, sans-serif; margin-bottom:10px; }
.blog-sidebar .ccmDateNav > ul.years, .blog-sidebar .ccmDateNav > ul.months { margin-bottom: 15px; }
.blog-sidebar .ccm-tags-display ul.ccm-tag-list li,
.blog-sidebar ul.ccm-page-list li,
.blog-sidebar .ccmDateNav ul.years li.year,
.blog-sidebar .ccmDateNav > ul.months li.month { font-family: Barlow, Arial, sans-serif; border-bottom: 1px solid #f3f4fa; padding-bottom:10px; margin-bottom:10px; }
.blog-sidebar ul.ccm-page-list li:last-child,
.blog-sidebar .ccm-tags-display ul.ccm-tag-list li:last-child,
.blog-sidebar .ccmDateNav ul.years li.year:last-child,
.blog-sidebar .ccmDateNav > ul.months li.month:last-child { border-bottom: none; }
.blog-sidebar .ccmDateNav ul.years li.year .section,
.blog-sidebar .ccmDateNav > ul.months li.month .section { margin: 0; color: #9d9dae; }
.blog-sidebar .ccmDateNav ul.years li.year .section:hover, .blog-sidebar .ccmDateNav ul.years li.year .section:focus { color: #2a6496; }
.blog-sidebar .ccmDateNav ul.years li.year ul.months li.month { margin: 10px 0; }
.blog-sidebar .ccmDateNav ul.monthsPages li.monthsPage:first-child { margin-top: 10px; }
.blog-sidebar .ccm-tags-display a,
.blog-sidebar ul.ccm-page-list li a,
.blog-sidebar .ccmDateNav ul.monthsPages li.monthsPage a { color: #9d9dae; }
.blog-sidebar .ccm-tags-display a:hover, .blog-sidebar .ccm-tags-display a:focus,
.blog-sidebar ul.ccm-page-list li a:hover, .blog-sidebar ul.ccm-page-list li a:focus,
.blog-sidebar .ccmDateNav ul.monthsPages li.monthsPage a:hover, .blog-sidebar .ccmDateNav ul.monthsPages li.monthsPage a:focus { color: #2a6496; }
.blog-sidebar h3 { border-bottom: 2px solid #d6d7e2; padding-bottom: 15px; }
.blog-sidebar h3 strong { font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; }
.blog-sidebar .ccm-tags-display h3 { margin-top: 0; }

.area-alternate:nth-child(2n+1) {
    background-color:#f3f4fa;
}
.dataview_page .area-alternate:nth-child(2n+1) {
    background-color:#fff;
}
.dataview_page .area:nth-child(2), .dataview_page .area:nth-child(3) { border-bottom: 1px solid #a0a0a1; }
.dataview_page .area:nth-child(4) { background-color: #2c2c69; }
.dataview_page .area:nth-child(6) { background-color: #f3f4fa; }

footer .area { 
	background-color:#2c2c69; color:#fff; padding:0!important; text-align:left!important;
}
footer .area .container { padding:70px 6%; max-width: 1300px; background-image: url("../images/SSH-Footer-Banner-Pattern.png"); background-repeat: no-repeat; background-position: left bottom; }
footer h1, footer h2 { color:#fff; }
footer h1 { margin-top:0; }
footer h2 { margin-bottom:15px; }
footer .contact-info { margin-bottom:30px; }
footer .company-info { margin-bottom:50px; }
footer .area .footer-logo { margin-bottom:15px; }
footer .area .footer-logo img { max-width:150px; width:100%; height:auto; display:inline-block; vertical-align:bottom;  }
footer .area .footer-logo2-wrapper { display:table; height:225px; }
footer .area .footer-logo2 { text-align:center; display:table-cell; height:100%; vertical-align:middle; }
footer .area .footer-logo2 img { max-width:120px; margin-right: 30px; margin-top: 15px; }
footer .area .footer-logo2 img:nth-child(2) { max-width: 72px; }
footer .area .footer-logo2 img:last-child { margin-right: 0; }

.social-media-icon-wrapper { margin-top:15px; }
.social-media-icon { display:inline-block; margin-right:10px; max-width: 40px; }

ul.icon-wrapper { list-style:none; padding:0; margin-bottom: 0; }
ul.icon-wrapper li { display:inline-block; margin:0 0 80px; text-indent: 0; /* width:280px; */ width:350px; }
ul.icon-wrapper .icon { height:145px; position:relative; }
ul.icon-wrapper .icon img { max-width:100px; max-height:100%; width:auto; height:auto; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
ul.icon-wrapper .icon-text { font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; margin-top:15px; display: inline-block; vertical-align:top; text-indent: initial; color: #2c2c69; }
ul.icon-wrapper .icon-text span { font-family: Barlow, Arial, sans-serif; }
ul.icon-wrapper .icon-text .name { color:#2c2c69; }
ul.icon-wrapper .icon-text .title { font-size:0.7em; font-family: Barlow, Arial, sans-serif; }
ul.icon-wrapper li.intro { width: 320px; }
ul.icon-wrapper li.intro .icon { height:100px; }
ul.icon-wrapper li.intro .icon img { max-width:80px; }
ul.icon-wrapper li.intro .icon-text { color: #fff; }
ul.icon-wrapper li.intro .icon-text .blurb { font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 400; }
ul.icon-wrapper li.intro .icon-text .blurb strong { font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; }
ul.icon-wrapper li.intro .icon-text .intro-title { font-size:1.3em; font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; margin-bottom: 30px; }
@media (min-width: 1074px) and (max-width: 1431px) {
	ul.icon-wrapper li.intro { width: 450px; }
}
ul.icon-wrapper li.intro.result { width: 160px; margin-bottom: 40px; }
ul.icon-wrapper li.intro.result .icon img { max-width:120px; }
ul.icon-wrapper li.intro.result .icon-text { margin-top: 0; }
ul.icon-wrapper li.intro.result .icon-text .intro-title { color:#2c2c69; font-size:2em; margin-bottom: 0; }
ul.icon-wrapper li.intro.result .icon-text .blurb { color:#2c2c69; font-size:1.1rem; }
ul.icon-wrapper .icon-text a { color:inherit; }
ul.icon-wrapper .icon-text a:hover,
ul.icon-wrapper .icon-text a:focus { color:#2a6496; }

ul.client-logo-wrapper { list-style:none; padding:0; max-width:1000px; text-align:center; margin:auto; }
ul.client-logo-wrapper li { display:inline-block; margin:0 30px 10px!important; padding:0!important; min-width:120px; background-color: inherit !important; }
ul.client-logo-wrapper .client-logo { height:120px; width:150px; position:relative; }
ul.client-logo-wrapper .client-logo img { max-height:100%; width:auto; height:auto; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }
ul.client-logo-wrapper .client-logo img.hover-image {
	display:none;
	-webkit-transition: .5s all;   
    -webkit-transition-delay: 5s; 
    -moz-transition: .5s all;   
    -moz-transition-delay: 5s; 
    -ms-transition: .5s all;   
    -ms-transition-delay: 5s; 
    -o-transition: .5s all;   
    -o-transition-delay: 5s; 
    transition: .5s all;   
    transition-delay: 5s;
}
ul.client-logo-wrapper .client-logo:hover img { display:none; }
ul.client-logo-wrapper .client-logo:hover img.hover-image {
	display:inline-block;
	-webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
	
}
#innerpage ul.client-logo-wrapper { text-align:center; }
#innerpage ul.client-logo-wrapper li { margin:0 20px 10px; min-width: 100px; }
#innerpage ul.client-logo-wrapper .client-logo img { max-width:100px; }


.homepage .area5 ul.people-icon-wrapper li, .internal_page .area ul.people-icon-wrapper li { width:15%; margin-left:25px; margin-right:25px; }
.homepage .area5 ul.people-icon-wrapper .icon, .internal_page .area ul.people-icon-wrapper .icon { height:auto; }
.homepage .area5 ul.people-icon-wrapper .icon img, .internal_page .area ul.people-icon-wrapper .icon img {
	width:100%; position:relative; max-width:200px;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
	-webkit-transition: -webkit-transform 0.2s ease 0s;
    -moz-transition: -moz-transform 0.2s ease 0s;
    -o-transition: -o-transform 0.2s ease 0s;
    transition: transform 0.2s ease 0s;
}
.homepage .area5 ul.people-icon-wrapper .icon img:hover, .internal_page .area ul.people-icon-wrapper .icon img:hover {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}


ul.case-study-wrapper { list-style:none; padding:0; font-size:16px; text-align:left; }
ul.case-study-wrapper li { display:inline-block; margin-top:-6px; width:20%; /*width:25%;*/ position:relative; overflow:hidden; margin-bottom:0; text-indent: inherit; }
ul.case-study-wrapper .case-study-image img { width:100%; height:auto; /* position:absolute; */ /* top:0; bottom:0; left:0; right:0; margin:auto; */ }
ul.case-study-wrapper .case-study-logo { margin-bottom:30px; }
ul.case-study-wrapper .case-study-logo img { width:100%; height:auto; max-width:200px; margin:auto; }
ul.case-study-wrapper li:hover .case-study-description {
    display: block;
}
ul.case-study-wrapper .case-study-description {
    bottom:0;
    top:0;
    color: #fff;
    display: none;
    left: 0;
    padding: 30px;
    position: absolute;
    right: 0;
    text-align: center;
}
ul.case-study-wrapper li:nth-child(4n + 1):hover .case-study-description { background: rgba(206, 37, 65, 0.9) none repeat scroll 0 0; }
ul.case-study-wrapper li:nth-child(4n + 2):hover .case-study-description { background: rgba(232, 197, 46, 0.9) none repeat scroll 0 0; }
ul.case-study-wrapper li:nth-child(4n + 3):hover .case-study-description { background: rgba(0, 165, 94, 0.9) none repeat scroll 0 0; }
ul.case-study-wrapper li:nth-child(4n + 4):hover .case-study-description { background: rgba(0, 147, 198, 0.9) none repeat scroll 0 0; }
ul.case-study-wrapper .case-study-description-inner-wrapper { height: 100%; width: 100%; max-width:250px; display: table; margin:auto; }
ul.case-study-wrapper .case-study-description-inner { display: table-cell; vertical-align: middle; }
ul.case-study-wrapper .case-study-blurb { margin-bottom:30px; }
ul.case-study-wrapper .case-study-read { border:1px solid #fff; color:#fff; width:80%; margin:auto; }
ul.case-study-wrapper .case-study-read a { color:#fff; display:block; padding:5px 30px; }
#innerpage ul.case-study-wrapper li { width:33.33%; height:34%; }

.in-case-study-navigation { display:none; }
ul.case-study-wrapper.case-study-navigation .in-case-study-navigation { display:block; cursor:pointer; }
ul.case-study-wrapper.case-study-navigation .case-study-non-navigation-description { display:none!important; }
ul.case-study-wrapper.case-study-navigation { text-align:center; }
ul.case-study-wrapper.case-study-navigation li { padding:0; width:12%; margin: 0 2% 0 0; }
ul.case-study-wrapper.case-study-navigation .case-study-logo { margin-bottom:0; }



#buttonnav button { width:100%; border:none; background-color:#ffffff; padding:1.5em 0.7em; display:block; border-radius:0; min-height:3.5em; min-width:3.8em; }
#buttonnav button .icon-bar { width:auto; margin-top: 0.1em; background-color: #2c2c69; /* border-bottom: 2px solid #2c2c69; display: block; width:32px; margin: 0.5em auto; */ }
#buttonnav .menu-label { margin-top: 2px; }

#buttonnav button:before,
#buttonnav button:after {
	content: '';
	height: 0.15em;
	width: 2.5em;
	display: block;
	position: absolute;
	background-color: #2c2c69;
	left:0; 
	right:0;
	margin:0 auto;
	-moz-transform: rotate(0);
	-webkit-transform: rotate(0);
	-o-transform: rotate(0);
	-ms-transform: rotate(0);
	transform: rotate(0);
	
	-moz-transition: all 0.1s;
	-webkit-transition: all 0.1s;
	-o-transition: all 0.1s;
	transition: all 0.1s;
}
#buttonnav button:before {
	margin-top: -0.68em;
}
#buttonnav button:after {
	margin-top: 0.68em;
}
#buttonnav button:hover:before {
	margin-top: 0;
	-moz-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
	box-shadow: none;
}
#buttonnav button:hover:after {
	margin-top: 0;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.offcanvas {
	display:table;
	height:480px;
	margin-top:2em;
}
.offcanvas .clogo {
	line-height:215px; 
	text-align: right;
	border-right: 1px solid #FFFFFF;
	padding-right:6.75em;
}
.offcanvas .ctagline { margin-left:4.5em; }
.offcanvas img { max-width: 100%!important; height: auto; }
#offcanvas .row { margin:0; }

.content {
	display:table-cell;
	vertical-align:middle;
}
.navbar { margin-top:5.5em; margin-bottom: 2.2em; }
.navbar-nav { float: none; /* border: 1px solid red; */ position: relative; margin: 0 auto; /* width: 71.5em; */ width: 76em; }
.navbar-nav > li > a {
	padding-left: 1.5em;
	padding-right: 1.5em;
	font-size:1.6em;
	text-transform: lowercase;
}

.navbar-nav  > li.tel  > a .number { font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; }

.homepage .navbar-nav  > li  > a:hover { color: #2c2c69; }

.copyright { 
	white-space: nowrap; 
	color: #FFFFFF; 
	text-align: center; 
	position: absolute; 
	bottom: 2em; 
	left:0; 
	right:0; 
}
.copyright p { font-size:1.2em; display:inline-block; }
.copyright a { color: #FFFFFF; }
.footer-mininav  { color: #2c2c69; }
.navbar-nav a {
	color: #FFFFFF;
	font-size: 21px;
	font-family: Barlow, Arial, sans-serif;
}
.navbar-nav li > a:hover {
	background-color: transparent;
}

/* Dropdown navigation */
.offcanvas-nav {
	position: fixed; top:0; right:0;
	background-color: #2c2c69;
	min-height: 100%;
	height:100%;
	overflow-y:auto;
	color: #FFFFFF;
	padding:0px;
	z-index: 2000;
}

.offcanvas-nav h3 { text-transform: lowercase; }
.offcanvas-nav h3, .offcanvas-nav h3 a {
	font-family: 'Barlow Semi Condensed', Arial, sans-serif;
	font-weight: 600;
	color:#fff;
}
.offcanvas-nav a:hover h3, .offcanvas-nav a:hover { color:#39b54a; }
.offcanvas-nav a {
	color: #fff;
	text-decoration:none;
	font-family: Barlow, Arial, sans-serif;
}

.offcanvas-nav .cclose a img {
    -webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    overflow:hidden;
}  
 
.offcanvas-nav .cclose a img:hover {
	-webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
}

.offcanvas-nav ul {
	list-style-type: none;
	padding-left:0;
	line-height: 1.5;
}

.offcanvas-nav ul.dropdown-menu { clear:both; margin-top:8px; }

.offcanvas-nav ul.dropdown-menu a {
	padding-left:30px;
	white-space: normal!important;
	font-size:1.2em;
	display:inline-block;
	*display: inline; /* IE6/7 */
    zoom: 1; /* IE6/7 */
}
.offcanvas-nav ul.dropdown-menu a.nav-selected,
.offcanvas-nav ul.dropdown-menu a:hover,
.offcanvas-nav ul.dropdown-menu a:focus {
	background-color: inherit;
	color: #39b54a;
	background-image:url('../images/dark_grey_hor_line.png');
	background-position: left center;
	background-repeat: no-repeat;
}
.offcanvas-nav .box0, .offcanvas-nav .box1, .offcanvas-nav .box2, .offcanvas-nav .box3, .offcanvas-nav .box4 {
	position: relative;
	padding-left:60px;
	padding-right:40px;
	padding-bottom: 15px;
}

.offcanvas-nav .box0 {
	background-color: #fff;
	padding-top:25px;
	padding-bottom:20px;
}

.offcanvas-nav .box1 {
	padding-top:20px;
}
.offcanvas-nav .box2 {
	position: relative;
}
.offcanvas-nav .box3 {
	position: relative;
}
.offcanvas-nav .box4 {
	position: relative;
}

.offcanvas-nav .logo-wrapper { padding:0; }
.offcanvas-nav .logo {
	border:none;
	padding:0;
	position: inherit;
	top:inherit;
	display: inline;
	margin-left:0!important;
}
.offcanvas-nav .logo img { margin:0!important; max-width:150px; height:auto; width:100%; }
.offcanvas-nav .cclose {
	font-size: 1.4em;
	position:absolute;
	bottom:22px;
	right:40px;
	padding:0;
	text-align: right;
}
.offcanvas-nav .cclose .icon-text { color: #2c2c69; }
.offcanvas-nav .home { font-size: 1.78em; clear:both; margin-bottom: 0.5em; }
.offcanvas-nav .home a:hover { color: #2c2c69; }
.offcanvas-nav a.dropdown-toggle:focus { background:none; }
.offcanvas-nav .icon-text {
	margin-left:5px; 
	display: inline-block;
	*display: inline; /* IE6/7 */
    zoom: 1; /* IE6/7 */
	position:relative; 
	top:2px; 
}

.offcanvas-nav .dropdown { display:inherit; margin-top:30px; /* margin:1.2em 0 0.5em; */ }
.offcanvas-nav .dropdown > li { margin:0; }
.offcanvas-nav .dropdown > li img.home-icon { margin-right:10px; margin-bottom:5px; }
.offcanvas-nav .dropdown h3 { font-size:1.8em; }
/* .offcanvas-nav .dropdown h3, .offcanvas-nav .dropdown a.dropdown-toggle { 
    display: table-cell;
    vertical-align: middle;
} */

.offcanvas-nav .dropdown a.dropdown-toggle,
.offcanvas-nav .dropdown a.link {
	/* width:2em; */
	font-family: 'Barlow Semi Condensed',Arial,sans-serif;
	font-weight: 600;
    font-size: 1.6em;
    padding: 0 50px;
}

.offcanvas-nav .dropdown a.dropdown-toggle.link:hover { color:inherit; }

.offcanvas-nav .dropdown .caret {
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid;
	margin-top:-0.1em;	
}
.offcanvas-nav .dropdown.open .caret {
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 8px solid;
	margin-top:0.2em;
}
.offcanvas-nav .dropdown .caret-clicked {
	border-top: 0.7em solid;
	border-bottom: none;
	border-left: 0.7em solid transparent;
	border-right: 0.7em solid transparent;
}

.offcanvas-nav .shadow {
	background-image: url('../images/white_line_divider.png');
	background-position: left bottom;
	background-repeat:no-repeat;
	width: 90%;
	margin: 10px auto;
}
.offcanvas-nav .shadow:after { content: "\00a0"; }

.offcanvas-nav .nav.contact .dropdown-menu > li { padding-left:0; }

.offcanvas-nav .contact .dropdown { margin-left:0; margin-top:0; }
.offcanvas-nav .contact .dropdown-menu p { line-height: 1.4; margin-bottom: 12px; }
.offcanvas-nav .contact .dropdown-menu p a { padding-left:0; background-image: none; }
.offcanvas-nav .contact .dropdown-menu p strong { font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; }
.offcanvas-nav .contact .dropdown-menu .social-icons { margin-top:20px; }
.offcanvas-nav .contact .dropdown-menu .social-icons .icon { margin-right: 5px; }
.offcanvas-nav .contact .dropdown-menu .social-icons .icon:last-child { margin-right:0; }


.slide-left {
	right: -100%;
}
.slide-in.slide-left {
	right:0;
}
.slide-in, .slide-left {
	transition: all .5s ease-in-out;  
}

/* main */
#innerpage #wrapper .row {  height: 100%;  }
#innerpage .cover {
	background: url('../images/blue_imageBG.jpg') no-repeat; 
	background-position: center top;
	background-size: cover;
}

.cover a { color: #FFFFFF; }
.calltoaction { margin-top:2.5em; font-size: 1.4em; }
.inner_content { padding: 0 7em; background-color:#fff; }

.cta { margin:75px 0 45px; }
.cta .btn01,
.cta .btn02,
.more-articles {
	border:2px solid #2c2c69;
	color:#2c2c69;
	padding:8px 12px;
	min-width:230px; 
	margin-left:30px;
	margin-bottom:15px;
	display:inline-block;
	*display: inline; /* IE6/7 */
    zoom: 1; /* IE6/7 */
	text-align: center;
}
.cta .btn01, .more-articles { margin-left: 0; }
.cta span { font-family:'Barlow Semi Condensed',Arial,sans-serif; font-weight: 600; }
.enquire-btn-wrapper .cta .btn01 {
	min-width: 140px;
	border-radius: 30px!important;
	-webkit-border-radius: 30px!important;
	-moz-border-radius: 30px!important;
	border-radius: 30px!important;
	-ms-border-radius: 30px!important;
}
.enquire-btn-wrapper .cta .btn01 span { line-height: 1.4; }

.cta-button { margin-bottom: 60px; }
.area2 .cta-button, .area8 .cta-button { margin-bottom: 30px; }
.cta-button a { min-width: 250px; display: inline-block; padding: 8px 30px; font-size: 1.75em; font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; text-align: center; }

.show-more-wrapper .more-text { display:none; }
.show-more-wrapper .show-more { display:inline-block; }

select.jump-select {
	font-family:'Barlow Semi Condensed',Arial,sans-serif;
	font-weight: 600;
	padding:5px 15px;
	width:100%;
	height:45px;
	line-height:40px;
	-webkit-appearance:none;
	border:1px solid #333;
}
select.jump-select option { padding:5px 15px; height:40px; line-height:35px; -webkit-appearance:none; }
select { height:60px; line-height:50px; -webkit-appearance:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }

.case-study-title-wrapper .case-study-title,
.event-title-wrapper .event-title { margin-bottom:15px; font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; font-size: 1.5em; }
.case-study-title-wrapper .case-study-title .blue-text,
.event-title-wrapper .event-title .blue-text { color:#2c2c69; font-size: 1.8em; }
.case-study-title-wrapper .case-study-logo,
.event-title-wrapper .event-logo { background-color:#e5e5e5; padding: 30px 15px; margin-bottom:15px; }
.case-study-content-wrapper, .event-content-wrapper { margin-top:30px; }
.case-study-content-wrapper .case-study-content-right { margin-top:30px; }
.event-content-outer-wrapper { padding-bottom: 30px; margin-bottom: 40px; border-bottom:1px solid #cbcbcb; }
.event-content-outer-wrapper:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom:none; }
.event-content-wrapper .event-content-left { padding-right:30px; }
.event-content-wrapper .event-content-right { padding-right:0; padding-left:30px; }
@media (max-width: 767px) {
	.event-content-wrapper .event-content-left { padding-right:15px; }
	.event-content-wrapper .event-content-right { margin-top:30px; padding-right:15px; padding-left:15px; }
}
.event-logo { margin-bottom: 25px; }
.event-logo img { width: 280px; }
.event-booking-blurb { }
.event-booking-button {
	color:#fff;
	font-size: 1.5em;
	padding:10px 40px;
	margin-bottom:25px;
	display:inline-block;
	*display: inline; /* IE6/7 */
    zoom: 1; /* IE6/7 */
	text-align: center;
	/* -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; */
	min-width: 280px;
}
.event-booking-button strong { font-family: Calibri, Arial, sans-serif; }
a.event-booking-button:hover, a.event-booking-button:focus { color:#fff; }
.event-location-label { margin-bottom: 15px; }
.event-location-content {
	background-color:#f2f2f3;
	/* -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px; */
	padding: 20px 25px;
	margin-bottom:25px;
}
.area-alternate:nth-child(2n+1) .event-location-content {
	background-color:#e2e3e4;
}
.event-location-content p:first-child strong:first-child { font-size:150%; }
.event-location-content p:last-child { margin-bottom:0; }

.title-icon { display:table; width:100%; }
.title-icon .title, .title-icon .icon { display:table-cell; vertical-align:middle; }
.title-icon .title { padding:0 30px; -webkit-padding-before:4px; line-height:normal; }
.title-icon.icon-right .icon { text-align:right; }
.title-icon.icon-left .icon { width:120px; }
.title-icon.icon-left.anchor .icon { width:40px; }

.title-icon.anchor { padding:10px 30px; }
.title-icon.anchor a { display:block; cursor:pointer; }
.title-icon.anchor .title { font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; font-size:1.5em; }

ul.process { margin-bottom:60px; }
ul.process li {
    display: inline-block;
    line-height:60px;
    margin: 5px 1px 0 0!important;
    padding: 0 10px 0 30px !important;
    position: relative;
    font-size:1.3em;
    text-indent: inherit;
}
ul.process li:first-child {
	padding-left: 20px!important;
}

ul.process li:before {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    left: -2px;
    border-style: solid;
    border-width: 30px 0 30px 25px;
    border-color: transparent transparent transparent #fff;
    z-index: 0;
}

.area-alternate:nth-child(even) ul.process li:before { border-color: transparent transparent transparent #fff; }

ul.process li:first-child:before {
    border-color: transparent;
}
ul.process li:nth-child(1) {
    background-color: #2c2c69!important;
}
ul.process li:nth-child(2) {
    background-color: #0093c6!important;
}
ul.process li:nth-child(3) {
    background-color: #2c2c69!important;
}
ul.process li:nth-child(4) {
    background-color: #0093c6!important;
}
ul.process li:nth-child(5) {
    background-color: #2c2c69!important;
}
ul.process li:nth-child(6) {
    background-color: #0093c6!important;
}

ul.process li div {
    display: inline-block;
    line-height: 60px;
}

ul.process li div:after {
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    right: -25px;
    top:0;
    border-style: solid;
    border-width: 30px 0 30px 25px;
    border-color: transparent transparent transparent #2c2c69;
    z-index: 10;
}

ul.process li:nth-child(1) div:after {
	border-color: transparent transparent transparent #2c2c69;
}
ul.process li:nth-child(2) div:after {
	border-color: transparent transparent transparent #0093c6;
}
ul.process li:nth-child(3) div:after {
	border-color: transparent transparent transparent #2c2c69;
}
ul.process li:nth-child(4) div:after {
	border-color: transparent transparent transparent #0093c6;
}
ul.process li:nth-child(5) div:after {
	border-color: transparent transparent transparent #2c2c69;
}
ul.process li:nth-child(6) div:after {
	border-color: transparent transparent transparent #0093c6;
}

div.case-study-links {
	border-left: 1px solid #2c2c69;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    flex-flow: column nowrap;
    padding:10px 30px;
}
div.case-study-links > div { margin:0 0 15px; display: table; }
div.case-study-links > div:last-child { margin:0; }
div.case-study-links > div a { cursor:pointer; display: table-cell; height: 50px; vertical-align: middle; }

ul.case-study-links {
    columns:3;
    -webkit-columns:3;
    -moz-columns:3;
    
    -webkit-column-rule: 1px solid #2c2c69;
    -moz-column-rule: 1px solid #2c2c69;
    column-rule: 1px solid #2c2c69;
    
    border-left:1px solid #2c2c69;
    margin:0;
}
ul.case-study-links li { background-color:inherit!important; display:table; height:80px; }
ul.case-study-links li:nth-child(even) { font-weight:bold; }
ul.case-study-links li a { color:inherit; cursor:pointer; display:table-cell; vertical-align:middle; }

select.case-study-select, select.event-select {
    border: 1px solid #333;
    font-family: 'Barlow Semi Condensed',Arial,sans-serif;
    font-weight: 600;
    height: 45px;
    line-height: 40px;
    padding: 5px 15px;
    width: 100%;
}

.author-profile {
	display:inline-block;
	font-size:0.7em;
	margin:60px 0 30px; 
}
.author-profile .row { display:flex; align-items:center; }
.author-profile img { border-radius:200px; border:5px solid #d1d3d4; }
.author-profile h5 { margin:0; }
.author-profile p:last-child { margin:0; }


.next-prev-block { margin-bottom:5px; }
.next-prev-block .col { padding:0; }
.next-prev-block .col-left { text-align:right; }
.next-prev-block .col-right { text-align:left; }
.next-prev-block .col-left .text { padding-right:60px; padding-left:30px; }
.next-prev-block .col-right .text { padding-left:60px; padding-right:30px; }
.next-prev-block .image-wrapper { width:100%; display:table; height:300px; background-size:cover; background-position: center; }
.next-prev-block .image-wrapper .overlay { position:absolute; background-color:#000; opacity:0.4; width:100%; height:100%; }
.next-prev-block .image-wrapper .overlay:hover { opacity:0.8; }
.next-prev-block a { color:#fff; }
.next-prev-block a:hover .overlay { opacity:0.5; }
.next-prev-block .image-wrapper .text { display:table-cell; vertical-align:middle; color:#fff; position:relative; }
.next-prev-block .col-left .indicator::before { content:"\2190\00a0"; }
.next-prev-block .col-right .indicator::after { content:"\00a0\2192"; }
.next-prev-block .image-wrapper .text .indicator { font-size:1.2em; font-weight:bold; margin-bottom:10px; }
.next-prev-block .image-wrapper .text .title { font-size:1.8em; font-family:'Barlow Semi Condensed',Arial,sans-serif; font-weight: 600; }

.contentinn { margin: 0 0 3em; }
.contentinn > img { margin:40px 0 20px; }
.contentsub { margin: 30px 0; }
.contentinn  ul, .contentinn ol {
	padding:0;
}
.contentinn ul li span, .contentsub ul li span{
	color:#2c2c69;
}
.contentinn ul li, .contentinn ol li {
	font-size:1.4em;
	list-style-position: outside;
	margin-left: 15px;
    padding-left: 5px;
}
.contentinn ul li {
	list-style-type:square;
}

/* */


.logo , #innerpage .cover .tagline/* , #innerpage .calltoaction */ { padding-left: 15%; }
.logo-mobile { padding-left: 0; }

/* main navigation */
.page-menu { font-size:1.5em; margin-top:30px; margin-bottom:10px; padding:0 5%; border-bottom:none; }
.page-menu .logo { position:relative; top:0; border:none; }
.page-menu .logo img { margin-left:0!important; max-width:150px; height:auto; max-width:250px!important; }
.page-menu .nav { font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; display: inline-block; float: right; margin-top:35px; }
.page-menu .nav li { font-size:0.8em; display:inline-block; margin:0 0 5px 30px; }
.page-menu .nav li img.home-icon { margin-bottom:5px; }
.page-menu .nav li a { font-size: 1.45em; color:#2c2c69; padding:0; }
.page-menu .nav li a:hover,
.page-menu .nav .nav-selected a { color:#39b54a; }
.page-menu ul.dropdown ul {
    background-color: #fff;
    position: absolute;
    /* visibility: hidden; */
    min-width: 160px;
    list-style: outside none none;
    margin:0;
    padding:30px 0 0;
    z-index: 100;
}
.page-menu ul.dropdown > li:nth-child(1) { margin-left:0; }
.page-menu ul.dropdown ul li { margin:0 0 20px; font-size: 1em; padding:0 10px; display: block; }
.page-menu ul.dropdown ul li a { padding:0 10px; }
.page-menu .nav li:last-child {
	background-color: #2c2c69;
	padding: 5px 20px;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	-ms-border-radius: 30px;
}
.page-menu .nav li:last-child:hover { background-color:#54B6E7; }
.page-menu .nav li:last-child a { color: #fff; }

/* subpages */
#innerpage .logo, #subpages .logo { margin-left: -15px; }
#innerpage .logo-mobile { margin-left: 0; }
#innerpage .logo-mobile img, #subpages .logo-mobile img { margin-left: 7em; }
#innerpage .breadcrumbs { margin-top: 10px; }
#subpages .cover { 
	display:table;
	background: url(../images/organisation_development.jpg) no-repeat; 
	background-position: top center; 
	background-size: cover;
	left: 50%; position: fixed; width: 50%;
}
#innerpage .cover { /* display: table; */ left: 50%; position: fixed; width: 50%; }
#subpages .cover-wrap { display: table-cell; vertical-align: middle; background: none; }
#innerpage .cover-wrap { display: table-cell; vertical-align: top; }
#subpages #buttonnav  button, #innerpage #buttonnav button { box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.1);  }
#subpages .bluebox  { 
	width: 4.5em; 
	height: 4.5em;
	line-height: 0.8;
	padding-left: 0.4em; 
	margin-top:1.25em; 
	margin-bottom:0.38em; 
	font-size: 3.5em;
	color: #fff;
	font-weight: bold; 
	display: table;
	font-family: Barlow, Arial, sans-serif;
}

#subpages .bluebox p { display: table-cell; vertical-align: middle; font-size:1em; }
#subpages .bluebox p a { color:#fff; }
#innerpage .calltoaction,
#subpages .calltoaction { position: absolute; bottom:15%; left: 50%; margin-left: -10.7em; text-align: center; }
#innerpage .btn01, #innerpage .btn02 { background-color: rgba(0,0,0,0.6);}
#subpages .contentsub h1 { margin-bottom: 0px; padding-bottom: 0px;font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; line-height: 1.2;}
#subpages .contentsub h1 span { display: block; color: #333333; font-size: 20px; font-family: Barlow, Arial, sans-serif; }
#subpages .contentsub hr.title { width: 33%; border-bottom: 1px solid #d6d7e2; text-align: left; float: left; margin-bottom: 30px;}
#innerpage.blog-index .cover .thumbnail-textarea { padding-left:0; }
#innerpage.blog-index .cover .thumbnail-textarea h5 { height:45px; overflow:hidden; }
#innerpage.blog-index .cover-bottom { height: auto!important; }
#innerpage.blog-index .cover-bottom .cover-wrap { margin-top: 25px; display: block; vertical-align: top; }
#innerpage.blog-entry .more-articles { font-size:1.4em; position: relative; margin-top:30px; }
#innerpage.blog-entry .more-articles .btn02 { color:#fff; width:11.3em; margin-right: 1.8em; }
.ccontent-right { clear: both; padding: 0 15px 1.6em 0; }
.ccontent { margin-bottom:3em; }
.ccontent-right { position: relative; top: 180px; }
#innerpage .cover .tagline { background:transparent; border-left:0; margin: 18.8em 0 0; color:#fff; }
#innerpage .cover .tagline h2 { border-left:0; margin:0; padding:0; white-space: normal; color: #fff; font-family:Barlow, Arial, sans-serif; font-size:5.6em; }
#innerpage .cover .tagline h2 span { font-size: 1.1em; font-family: Barlow, Arial, sans-serif; line-height: 1.1; margin-top:25px;}

#innerpage.void .contentinn { margin-top:5em; }


.footer-mininav li {
	display:inline-block; 
	margin-left: 20px;
	padding-left: 15px; 
	white-space: nowrap; 
	list-style-type: none; 
	font-size:1.32em;
}
.footer-mininav li img { margin-right: 2px; }
.footer-mininav li span, .footer-mininav li span a { font-weight: bold; color:#2c2c69; }

.footer-fixed {
	position: fixed;
	bottom: 0;
	left:7em;
	width:42%;
	padding-bottom:2em;
	padding-top:1em;
	background-color:#fff;
	background-image: url('../images/footer-border.png');
	background-repeat: no-repeat;
	background-position: top center;
}
.footer-fixed .footer-nav1 { margin-bottom:2.1em; }
.footer-nav1 ul { text-align: justify; }
.footer-nav1 ul:after { 
	width: 100%; 
	display: inline-block;
	*display: inline; /* IE6/7 */
    zoom: 1; /* IE6/7 */ 
	content: "."; 
	visibility: hidden; 
}
.footer-nav1 ul li { 
	display: inline-block; 
	*display: inline; /* IE6/7 */
    zoom: 1; /* IE6/7 */
	float: none; 
}
.footer-nav1 .navbar-nav { width: auto; }
.footer-nav1 .navbar-nav  > li  > a { 
	padding:0; 
	color:#2c2c69; 
	font-size:inherit; 
	padding-bottom:5px; 
	font-family: Barlow, Arial, sans-serif; 
	font-size: 1.32em;
	white-space:nowrap;
}
.footer-nav1 .navbar-nav  > li  > a:hover, .footer-nav1 .navbar-nav  > li  > a.nav-selected { border-bottom: 1px solid #2c2c69; padding-bottom:4px; }

.footer-nav2 .home-icon span { font-size:0.9em; line-height:0.9em; vertical-align: middle; }

.header .sub-header.meta {
    font-family: Barlow,Arial,sans-serif;
    font-size: 1.6em;
}
.header-content-wrapper { position: relative; margin-bottom:25px; }
.header-content-wrapper .header-wrapper a { color:inherit; }
.header-content-wrapper .header-wrapper a:hover { color:#428bca; }
h1 span, h1.normal,
h2 span, h2.normal,
h3 span, h3.normal,
h4 span, h4.normal { color: #39b54a; }
.header-content-wrapper img { width:100%; height:auto; }
.header-content-wrapper .border-wrapper { display:inline-block; }
.header-content-wrapper .border {
	border-bottom: 1px solid #dcdddf;
	-webkit-box-shadow: 0px 8px 2px -2px rgba(204,196,204,1);
	-moz-box-shadow: 0px 8px 2px -2px rgba(204,196,204,1);
	box-shadow: 0px 8px 2px -2px rgba(204,196,204,1);
}
.header-content-wrapper .content-wrapper ul:nth-last-child(2),
.header-content-wrapper .content-wrapper ol:nth-last-child(2) { margin-bottom: 3em; }

.header2 { margin-bottom: 25px; }
.header2 .sub-header { padding-bottom:15px; }
.header3 { margin-bottom:80px; }
.header3 h2 { color: #333; }
.header3 .sub-header { letter-spacing: 0.11em; font-size:1.82em; }


.subpage { padding-left: 2.6em; margin-bottom: 1.6em; border-left:4px solid #d5d6d8; }
.subpage:hover { border-left: 4px solid #2c2c69; }
.subpage .title { margin-bottom:0; color:#333; }
.subpage .link { 
	display: inline-block;
	*display: inline; IE6/7
    zoom: 1; IE6/7 
	font-size: 80%; 
	font-family: Barlow, Arial, sans-serif; 
}
.subpage .description { font-size: 1.4em; }



.text-block { padding-left: 30px; margin-bottom: 25px; border-left:4px solid #d5d6d8; }
.text-block:hover { border-left: 4px solid #2c2c69; }
.text-block .title { margin-bottom:0; color:#333; }
.text-block .link { font-family: Barlow, Arial, sans-serif; font-size: 1.2em; }
.text-block .content-wrapper .content1 { font-size: 1.4em; }
.text-block .content-wrapper .content2 { margin-top:25px; }
.text-block .title + .description-wrapper .content-wrapper > .content2 { margin-top: 15px; }

.testimonial { font-size:1.4em; height:12em; margin-left:180px; border-left:1px solid #333; display:table; }
.testimonial .content { padding:0 40px 0 30px; display:table-cell; vertical-align: middle; }
.testimonial .name-wrapper { margin-top: 20px; }
.testimonial .name { font-family: 'Barlow Semi Condensed', Arial, sans-serif; font-weight: 600; }


.transparent-box {
    min-height: 10em;
    position: relative;
    display:table;
    margin:auto;
}

.transparent-box > div.corner {
    display: block;
    position: absolute;
    width: 5.2em;
    height: 5.2em;
}

.transparent-box .top {
    top: 0px;
    border-top-style: solid;
    border-color:#fff;
}

.transparent-box .bottom {
    bottom: 0px;
    border-bottom-style: solid;
    border-color:#fff;
}

.transparent-box .left {
    left: 0px;
    border-left-style: solid;
    border-color:#fff;
}

.transparent-box .right {
    right: 0px;
    border-right-style: solid;
    border-color:#fff;
}

.transparent-box .content { padding:1em 4em; color:#fff; display:table-cell; vertical-align:middle; margin:auto; }
.transparent-box .content .line1 { color:#fff; font-size:4.2em; font-family: Barlow, Arial, sans-serif; }
.transparent-box .content .line2 { color:#fff; font-size:8.36em; line-height:1.1; font-family: Barlow, Arial, sans-serif; margin-top:0; }


/* Contact page */
.contactpage .ccontent h4 { color:#0d0d0d; margin-top:1em; margin-bottom:0.2em; }
.contactpage .ccontent p { color: #0d0d0d; font-size:1.3em; }

/* Carousel */
.carousel {
  height: 100%;
  padding: 0;
}

.carousel-indicators { bottom: 6em; }
.homepage .carousel-indicators { bottom: 0; }

.carousel-caption {
	top: 12%;
	left: 8%;
	right: 5%;
  	text-align: left;
  	margin-bottom: 15px;
  	padding: 20px;
	text-shadow: none;
	font-size: 1.2vw;
}

.carousel-caption h3 { font-size: 5em; color: #fff; line-height: 1.1; }
.carousel-caption p { font-size: 2vw; margin-top: 5vw; }
.carousel-caption strong { font-family:'Barlow Semi Condensed',Arial,sans-serif; font-weight: 600; }

.carousel-inner .item,
.carousel-inner .active,
.carousel-inner {
  height: 100%;
}

.carousel-inner .fill {
  width: 100%;
  height: 100%;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

.carousel-anchor {
	position: absolute;
	bottom: 100px;
	left: 50%;
	z-index: 20;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: #fff;
	font-size: 2em;
	text-decoration: none;
	transition: opacity .3s;
}
.carousel-anchor span {
	position: absolute;
	top: -30px;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}

.scrollup {
    background-image: url("../images/up_icon.png");
    background-position: center center;
    background-repeat: no-repeat;
    bottom: 50px;
    display: none;
    height: 79px;
    position: fixed;
    right: 10px;
    width: 79px;
    z-index: 1000;
}


/* bootstrap overwrite */
.navbar-toggle { display: block!important; float:none; padding:0; margin:0;}
.collapse.in {/*  display:table; */ }
.dropdown-menu > li { padding: 0 20px; margin:0; list-style:none; }
.dropdown-menu  { position: relative; float:none; background: transparent; border:0; border-radius:0; box-shadow:none; }
.dropdown-menu li a { color: #FFFFFF; }
.dropdown-menu li:hover a { background:transparent; color: inherit;}
.dropdown-menu li p { font-size: 1em; }
/* .offcanvas .nav > li > a, .dropdown-menu > li,.dropdown-menu > li > a { padding:0; } */
.nav > li > a.dropdown-toggle { padding:0; }
.nav .open > a,.nav .open > a:focus,.nav .open > a:hover,.nav > li > a:hover, .nav > li > a:focus  {background: transparent; }
.logo { position: absolute; top: 5.5em; z-index: 999; border-bottom: 1px solid #fff; padding-bottom: 1em; }
.panel-body { padding:1em 1.8em; border:none!important; }
/* end */

/* Accordion */
.accordion .panel {
	box-shadow:0; box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
	border-radius: 0;
	border: 1px solid #d6d7e2;
}
.accordion .panel:not(:first-child) { border-top: none; }
.accordion .panel:first-child { border-radius: 4px 4px 0 0; }
.accordion .panel:last-child { border-radius: 0 0 4px 4px; }
.accordion .panel + .panel { margin-top: 0; }
.accordion .panel-title { margin-bottom:0; font-size:1.75em; }
.accordion .panel-title a { padding: 0.8em 1em; display: flex; background-color: #f3f4fa; align-items: center; }
.accordion .panel-title a span { flex: 1; }
.accordion .panel-subtitle { font-size:1.4em; }
.accordion .panel-subtitle a { color: #2c2c69; display: flex; align-items: center; }
.accordion .panel-subtitle a .fa { margin-right:1.2em; width: 0.5em; }
.accordion .panel-subtitle a .subtitle { font-weight: 600; }
.accordion .panel-heading { background-color: #f3f4fa; padding:0; }
.accordion .panel-heading p { margin-bottom:0; }
.accordion .panel-body p:last-child, .accordion .panel-body .panel-group { margin-bottom:0; }
.accordion .panel-body .panel-group .panel { border:none; margin-bottom: 15px; }
.accordion .panel-body .panel-group .panel:last-child { margin-bottom:0; }
.accordion .panel-body .panel-group .panel-body {
	padding: 1em 0;
	margin: 0 15px;
	border-top: 1px solid #d6d7e2!important; 
}
.accordion .panel-body .panel-group .panel-body:first-child {
	margin-top:15px;
}
.accordion .panel-body .panel-group .panel-body:last-child {
	border-bottom: 1px solid #d6d7e2!important;
}

.accordion .panel-body .article { display: flex; align-items: center; }
.accordion .panel-body .article .fa { font-size: 0.8em; }
.accordion .panel-body .article .article-numbering { min-width: 3em; margin-right: 0.5em; align-self: normal; }
.accordion .panel-body .article .article-title { flex: 1; }

#accordion-research .panel-body.accordion-content { padding:1em 4.2em; }
#accordion-research .panel-body.accordion-content .level2 { margin: 0 1.4em; }

/* END Accordion */

#innerpage .cover .tagline { padding-right: 10%; }

.d3-social-sharing-icon { margin-right:8px; }

.fonteva .page-menu { margin-top: 15px; }
.fonteva .page-menu .logo { padding-bottom: 0; }
.fonteva .page-menu .logo img { max-width: 106px!important; }
.fonteva .page-menu .nav { margin-top: 12px; }
.fonteva .page-menu .nav li a { font-size: 16px; }
.fonteva .em-topbar .topbar-list>li {
    border-left: 1px solid #3aa3d9;
    padding: 0 14px;
    display: table-cell;
    vertical-align: middle;
}
.fonteva .em-topbar .topbar-list>li:last-child {
    border-right: 1px solid #3aa3d9;
}
.fonteva .page-menu .nav li a {
    text-transform: capitalize;
}
.fonteva .area-container-inner { padding: 30px 45px; }

.single_page legend { padding-bottom: 10px; }

.single_page .btn.primary { background-color: #54B6E7; color: #fff; font-weight:600; padding: 6px 30px; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }

.single_page {
	/* background-image:url('../images/SII-Web-Login-BG.jpg');
	background-size: cover;
	background-position: center; */
	padding: 60px 0;
	background: #314276;
	background: -moz-linear-gradient(-45deg,  #314276 0%, #303a6b 25%, #30335e 50%, #2d2c54 75%, #140e32 100%);
	background: -webkit-linear-gradient(-45deg,  #314276 0%,#303a6b 25%,#30335e 50%,#2d2c54 75%,#140e32 100%);
	background: linear-gradient(135deg,  #314276 0%,#303a6b 25%,#30335e 50%,#2d2c54 75%,#140e32 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#314276', endColorstr='#140e32',GradientType=1 );
}
.single_page .area { background: inherit; }
.single_page .page-header { border: none; }

.single-page-content-wrapper {
	max-width:1000px;
	margin:auto;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.3);
}
.flex-wrapper { display: flex; }
.login-registration-image-wrapper { 
	display: flex; 
	align-items: center; 
	text-align: center; 
	min-height:600px; 
	background-color: #54B6E7; 
	background-image:url('../images/SII-Login-In-Image.jpg'); 
	background-size: cover; 
	background-position: top right; 
	-webkit-box-shadow: 5px 0px 4px -4px rgba(0,0,0,0.25); 
	-moz-box-shadow: 5px 0px 4px -4px rgba(0,0,0,0.25); 
	box-shadow: 5px 0px 4px -4px rgba(0,0,0,0.25); 
	-moz-border-radius: 4px 0 0 4px; 
	-webkit-border-radius: 4px 0 0 4px; 
	border-radius: 4px 0 0 4px; 
	z-index: 555;
}
.login-registration-content-wrapper {
	background-color: #fff; 
	-moz-border-radius: 0 4px 4px 0; 
	-webkit-border-radius: 0 4px 4px 0; 
	border-radius: 0 4px 4px 0;
}

.login-registration-content-inner-wrapper { width: 75%; margin: auto; }
.login-registration-content-inner-wrapper legend { width: 90%; }
.login-registration-content-inner-wrapper p { font-size: 1em; }

.login-registration-content-inner-wrapper .form-horizontal { margin-bottom: 30px; }

.login-registration-content-inner-wrapper .form-horizontal .visuallyhidden {
	/* hide form labels but ensure they can be read by screenreaders
	 * (from html5boilerplate, and explained well at http://css-tricks.com/places-its-tempting-to-use-display-none-but-dont/
	 */
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.login-registration-content-inner-wrapper .form-horizontal .control-group { margin-bottom: 30px; }

.login-registration-content-inner-wrapper .form-horizontal label { font-weight: normal; }

.login-registration-content-inner-wrapper .form-horizontal input.ccm-input-text,
.login-registration-content-inner-wrapper .form-horizontal input.ccm-input-password { border:none; border-bottom: 1px solid #ddd; width: 90%; padding: 15px 0; }

.login-registration-content-inner-wrapper .signup-link { font-size: 1rem; font-weight:700; }
#top-bar {
	background-color: #2c2c69;
	padding: 10px 5%;
	color: #fff;
	text-align: right;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2000;
}

#top-bar a { font-weight:600; color: #F8FCA2; }

#top-bar + #wrapper { margin-top: 60px;}

.intro-icons .ccm-layout-name-Area1-Layout-2 > .ccm-layout-row-1 {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.intro-icons  .ccm-layout-name-Area1-Layout-2 > .ccm-layout-row-1 .ccm-layout-col-1 img,
.intro-icons .ccm-layout-name-Area1-Layout-2 > .ccm-layout-row-1 .ccm-layout-col-3 img,
.intro-icons .ccm-layout-name-Area1-Layout-2 > .ccm-layout-row-1 .ccm-layout-col-5 img {
	width: 80px!important;
}

.intro-icons  .ccm-layout-name-Area1-Layout-2 > .ccm-layout-row-1 .ccm-layout-col-2 img,
.intro-icons .ccm-layout-name-Area1-Layout-2 > .ccm-layout-row-1 .ccm-layout-col-4 img,
.intro-icons .ccm-layout-name-Area1-Layout-2 > .ccm-layout-row-1 .ccm-layout-col-6 img {
	width: 28px!important;
}

.intro-icons .ccm-layout-name-Area1-Layout-2 > .ccm-layout-row-1 .ccm-layout-col-7 img {
	width: 140px!important;
}

.intro-icons .ccm-layout-name-Area1-Layout-2 > .ccm-layout-row .ccm-layout-col .ccm-layout-col-spacing {
	margin: 0!important;
}

.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-1,
.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-3,
.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-5 { width: 22%!important; }

.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-2,
.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-4,
.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-6 { width: 2%!important; }

.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-7 { width: 28%!important; }

.hidden-max-991 { display: none; }


.homepage .area2a .container .icon-wrapper { display: none; }
#ccm-layout-area2a-38-2 > .ccm-layout-row { display: table; }
#ccm-layout-area2a-38-2 > .ccm-layout-row > .ccm-layout-cell { display: table-cell; height: 0; vertical-align: middle; float:none; }
#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell > .ccm-layout-wrapper { display: table; height:100%; width:100%; }
#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell > .ccm-layout-wrapper > .ccm-layout-table { display: table-cell; height: 100%; }
#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell > .ccm-layout-wrapper > .ccm-layout-table .ccm-layout-row { height: 50%; display:flex; flex-direction: column; justify-content: center; }
#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell .HTMLBlock { display: flex; height: 100%; align-items: center; text-align: right; flex-direction: row-reverse; font-size: 1.3em; }
#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell .HTMLBlock > div { position: relative; }
#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell:nth-child(3) .HTMLBlock { text-align: left; flex-direction: row; }
#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell .HTMLBlock span { height: 12px; width: 12px; border-radius: 50%; display: block; top: -15px; }
#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell .HTMLBlock span.impact { background-color: #13A8E0; }
#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell .HTMLBlock span.action { background-color: #4DB17F; }
#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell .HTMLBlock span.insight { background-color: #DB3C40; }
#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell .HTMLBlock span.clarity { background-color: #F49343; }
#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell:nth-child(1) .HTMLBlock span { position: absolute; right: 0;  }
#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell:nth-child(3) .HTMLBlock span { position: absolute; left: 0;  }


@media (max-width: 991px) {
	.hidden-min-992 { display: none; }
	.hidden-max-991 { display: block; }
	
	.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-1,
	.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-3,
	.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-5,
	.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-2,
	.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-4,
	.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-6,
	.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-cell.ccm-layout-col-7 { width: 100%!important; }

	.intro-icons  .ccm-layout-name-Area1-Layout-2 .ccm-layout-col.last { margin-top: 0!important; }
	
	.intro-icons  .ccm-layout-name-Area1-Layout-2 > .ccm-layout-row-1 .ccm-layout-col-2,
	.intro-icons .ccm-layout-name-Area1-Layout-2 > .ccm-layout-row-1 .ccm-layout-col-4,
	.intro-icons .ccm-layout-name-Area1-Layout-2 > .ccm-layout-row-1 .ccm-layout-col-6 {
		margin-top: 25px!important;
		margin-bottom: 50px!important;
	}
	
	.intro-icons .ccm-layout-name-Area1-Layout-2 > .ccm-layout-row-2 { display: none; }
	
	#ccm-layout-area2a-38-2 > .ccm-layout-row .ccm-layout-cell .HTMLBlock { font-size: inherit; }
}

@media (max-width: 767px) {
	.homepage .area2a .container .icon-wrapper { display: block; }
	#ccm-layout-area2a-38-2 > .ccm-layout-row > .ccm-layout-cell:nth-child(1),
	#ccm-layout-area2a-38-2 > .ccm-layout-row > .ccm-layout-cell:nth-child(3) { display: none; }
}

@media (max-height: 760px) {
	#innerpage .cover .tagline h2 { font-size: 4em; }
	.calltoaction { bottom:10%; }
}

@media (max-height: 640px), (max-width: 1199px) {
	.copyright { width:auto; position: relative; bottom:0; margin-top:2em; }
}

@media (max-height: 500px) {
	#innerpage .cover .tagline h2 { font-size: 3em; }
	.calltoaction { bottom:5%; }
}

@media (min-width: 2048px) {
	#innerpage .cover .tagline h2 { font-size: 6em; }
}

@media (min-width: 1920px) {
}

@media (max-width: 1800px) {
	.homepage .area5 ul.icon-wrapper li,
	.internal_page .area ul.icon-wrapper li { width:auto; }
}

@media (max-width: 1738px) {
	#innerpage .page-menu .nav { margin-top:0; }
	#innerpage .page-menu .nav li { display:block; text-align:right; }
}

/* @media (max-width: 1599px) {
	.homepage .area3 ul.icon-wrapper li,
	.internal_page .area ul.icon-wrapper li { width:20%; }
} */

@media (max-width: 1515px) {
	#innerpage ul.case-study-wrapper li { width:50%; }
	.homepage .area1 .header { bottom:-10%; }
	.homepage .header-b span:first-child { display:block; }
}

@media (max-width: 1280px) {
	.offcanvas { height:420px; }
	.offcanvas .content { margin-top:0; }
	.carousel-anchor { bottom:0; }
}

@media (max-width: 1219px) {
	#innerpage.blog-index .blog-item { width:100%; }
}

@media (max-width: 1199px) {
	.col-extend { width: 100%; }
	/* body.homepage { margin: 0 30px; } */
	video#bgvideo { display:none; }
	.offcanvas { table-layout: fixed; }
	.offcanvas, .offcanvas .content { width: 100%; }
	.offcanvas .clogo { border-right: 0; border-bottom: 1px solid #fff; line-height:0; /* margin-top:150px; */ padding:0 0 5em; text-align: left; }
	.offcanvas .ctagline { margin-left:0; padding:5em 0 0; }
	.offcanvas.container { margin-left:0; margin-right:0; }
	.content { margin:0 0 5em; }
	.offcanvas-nav .box0, .offcanvas-nav .box1, .offcanvas-nav .box2, .offcanvas-nav .box3, .offcanvas-nav .box4 { padding-left:50px; }
	ul.case-study-wrapper li { width:50%; }
	.fonteva .area-container-inner { padding: 30px; }
}

@media (max-width: 1025px) {
	.homepage .header-b span:first-child { display:inline-block; }
}

@media (min-width: 992px) and (max-width: 1199px), (max-width: 695px) {
	.testimonial { margin-left:0; border-left:none; border-top:1px solid #333; }
	.testimonial .content { padding:30px 0 0; }
	.header3 { margin-bottom:30px; }
}

@media (min-width: 992px) and (max-width: 1099px) {
	.transparent-box { font-size: 0.8em; }
}

@media (max-width: 991px) {
	body.homepage { background-position: 60% 0; background-size: auto 100%; }
	.homepage .area3 ul.icon-wrapper li,
	.internal_page .area ul.icon-wrapper li { width:auto; }
	.logo { border-bottom: 1px solid #2c2c69; }
	#innerpage { overflow-y: auto; }
	#innerpage .cover { padding:0; left: 0; position: relative; width: 100%; }
	#innerpage .cover .tagline { margin: 30px 0 0; }
	#innerpage .cover-wrap { position:relative; width:100%; }
	#innerpage .bluebox { display:none; }
	#innerpage .cover-remove, #subpages .cover-remove { background: none!important; height: auto!important; }
	#subpages .cover { border:none!important; border-left:0; left: 0; position: relative; width: 100%; }
	#subpages .ccontent, #subpages .ccontent-right, #innerpage .ccontent { height: auto; }
	#subpages  .bluebox { margin-top: 5em;  }
	#subpages #buttonnav button, #innerpage #buttonnav button { box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; }
	#menu-icon { display:block; }
	#buttonnav { display:block; }
	#buttonnav { right:30px; position:absolute; }
	#buttonnav button { background-color: #2c2c69; }
	#buttonnav button .icon-bar { background-color: #fff; }
	#buttonnav button:before,
	#buttonnav button:after {
		background-color: #fff;
	}
	
	ul.case-study-wrapper li { width:50%!important; }
	
	.bigbluebox { font-size: 0.7em; }
	.inner_content { margin-bottom: 0; padding: 0 2em; }
	.footer-fixed { position:inherit; width:100%; }
	.footer-fixed .footer-nav1 { float: left; }
	.footer-fixed ul li { display:block; float:none; margin-left:0; }
	.footer-nav1 .navbar-nav > li > a { padding: 0 0 0 5px; }
	.footer-nav1 .navbar-nav > li > a:hover, .footer-nav1 .navbar-nav > li > a.nav-selected {
		border-bottom:none;
		padding-bottom: 0;
		border-left: 1px solid #2c2c69;
		padding-left: 4px;
	}
	.footer-nav2 { float:right; margin-bottom:2em; }
	.footer-nav2 .home-icon { text-align: right; }
	.footer-nav2 .home-icon,
	.footer-nav2 .footer li { float:none!important; }
	.navbar-nav > li, 
	.footer-mininav li { float:none; }
	.footer-mininav li { line-height: inherit; }
	
	footer .area .footer-logo2-wrapper { display:block; height:auto; margin-top:45px; }
	footer .area .footer-logo2 { text-align:left; display:block; height:auto; vertical-align:top; }
	
	#innerpage .calltoaction,
	#subpages .calltoaction { position: absolute; }
	.calltoaction { bottom:5%; }
	#innerpage ul.case-study-wrapper li { height:auto; }
	
	.carousel-caption { font-size: 2vw; }
	.carousel-caption p { font-size: 4vw; }
	.carousel-indicators { bottom:0; }
	
	.single_page { padding: 0; }
	.flex-wrapper { display: block; }
	.login-registration-image-wrapper {
		display: block;
		background-image: none;
		min-height: inherit;
		-moz-border-radius: 4px 4px 0 0;
		-webkit-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		padding: 10% 15%;
	}
	.login-registration-content-wrapper {
	    -moz-border-radius: 0 0 4px 4px;
	    -webkit-border-radius: 0 0 4px 4px;
	    border-radius: 0 0 4px 4px;
	}
	
	#top-bar + #wrapper + #menu-icon { top: 62px;}
}

@media (max-width: 925px) {
	.homepage .area3 ul.icon-wrapper li,
	.internal_page .area ul.icon-wrapper li { width:25%; }
}

@media (min-width: 873px) and (max-width: 991px) {
	.clogo { margin-top: 3em; line-height: 218px; border-bottom: 1px solid #FFF; border-right:0;}
	.clogo { border-right: 0; border-bottom: 1px solid #FFF; }
}

@media (max-width: 872px) {
	body.homepage { background-position: 65% 0; background-size: auto 100%; }
}
@media (max-width: 767px) {
	body.homepage { background-position: 72% 0; }
	.inner-pull-right { float:none; }
	
	.ccm-layout-col {
		width: 100% !important;
		margin: 0 !important;
	}
	.ccm-layout-col.last { margin-top: 30px!important; }
	select.jump-select { width:100%; }
	.blog_list .blog-item { padding:0; }
	
	.next-prev-block .col-left .text { padding-right:30px; }
	.next-prev-block .col-right .text { padding-left:30px; }
	
	.title-icon.anchor { line-height:100px; }
	.title-icon.icon-left.anchor .icon { min-width:80px; }
	.title-icon.steps .icon,
	.title-icon.step-title .icon { min-width:100px; }
	
	blockquote { font-size:1.2em; }
	blockquote p { max-width:100%; }
	
	.carousel-anchor { display: none; }
}

@media (min-width: 583px) and (max-width: 700px) {
	.homepage .area5 ul.icon-wrapper li,
	.internal_page .area ul.icon-wrapper li {
		width:40%;
	}
}

@media (max-width: 665px) {
	.homepage .header-b span:first-child { display:block; }
	/* .homepage .area3 ul.icon-wrapper li,
	.internal_page .area ul.icon-wrapper li { width:80%; } */
	#innerpage .cover .tagline h2 { font-size: 4.6em; }
}

@media (max-width: 629px) {
	.homepage .area3 ul.icon-wrapper li,
	.internal_page .area ul.icon-wrapper li { margin-left:15px; margin-right:15px; }
}

@media (max-width: 550px) {
	.title-icon.steps { background-color:inherit!important; }
	.title-icon.steps .title { padding:0; }
	.title-icon.steps .icon { display:none; }
	.homepage .area3 ul.icon-wrapper li,
	.internal_page .area ul.icon-wrapper li { width: 40%; margin-left:15px; margin-right:15px; }
}

@media (max-width: 545px) {
	h1, .h1 { font-size:3em; }
	.homepage .header1 h1 { margin-bottom:25px; }
	.transparent-box .content .line1 { font-size: 3em; }
	.transparent-box .content .line2 { font-size: 6.5em; }
}

@media (max-width: 500px) {
	.offcanvas { margin-bottom: 0; }
	.title-icon .icon,
	.title-icon .title { display:block; }
	.title-icon .title {
		padding:0;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
	    -ms-hyphens: auto;
			hyphens: auto;
	}
}

@media (max-width: 466px) {
	footer .area .footer-logo2 img { display: block; margin-bottom: 30px; }
	footer .area .footer-logo2 img:last-child { margin-bottom: 0; }
}

@media (max-width: 460px) {
	ul.process li::before { border-width:0; }
	ul.process li {
		display:block;
		padding:0 10px!important;
		background-color:transparent!important;
		text-align:center;
		margin-bottom:40px!important;
	}
	ul.process li div { line-height:normal; padding:15px 0; }
	ul.process li div:after { right:0; top:100%; left:50%; border-width:30px; margin-left:-30px; }
	ul.process li:last-child div:after { border-width:0; }
	
	ul.process li:nth-child(1) div:after {
		border-color: #2c2c69 transparent transparent transparent;
	}
	ul.process li:nth-child(2) div:after {
		border-color: #0093c6 transparent transparent transparent;
	}
	ul.process li:nth-child(3) div:after {
		border-color: #2c2c69 transparent transparent transparent;
	}
	ul.process li:nth-child(4) div:after {
		border-color: #0093c6 transparent transparent transparent;
	}
	ul.process li:nth-child(5) div:after {
		border-color: #2c2c69 transparent transparent transparent;
	}
	ul.process li:nth-child(6) div:after {
		border-color: #0093c6 transparent transparent transparent;
	}
}

@media (max-width: 450px) {
	.transparent-box { font-size: 0.7em; }
	#innerpage .cover .tagline h2 { font-size: 4em; }
}

@media (max-width: 410px) {
	.event-booking-button {
		min-width: auto;
	}
}

@media (max-width: 400px) {
	#innerpage .logo-mobile img, #subpages .logo-mobile img { margin-left: 5em; }
	.homepage .area3 ul.icon-wrapper li,
	.internal_page .area ul.icon-wrapper li { width:100%; margin-left:0; margin-right: 0; }
	ul.icon-wrapper .icon img { max-width:120px; }
	.footer-col { width: 100%; }
}

@media (max-width: 385px) {
	#innerpage .cover .tagline h2 { font-size: 3.8em; }
	#innerpage ul.case-study-wrapper li { width:100%; }
	
}

@media (max-width: 371px) {
	.transparent-box .content .line1 { font-size: 2.5em; }
	.transparent-box .content .line2 { font-size: 5.5em; }
}

@media (max-width: 359px) {
	#innerpage .cover .tagline h2 { font-size: 3.5em; }
	#innerpage .cover .tagline h2 span { font-size: 1.2em; }
	.footer-nav2 { clear:both; float:none; }
	.footer-nav2 .home-icon { text-align: left; }
	.footer-mininav { float:none!important; padding:0; }
	.footer-mininav li { padding-left:0; }
}

@media (max-width: 345px) {
	#innerpage .cover .tagline h2 { font-size: 3em; }
}

@media (max-width: 340px) {
	.offcanvas-nav { width: 100%; }
}

@media (max-width: 323px) { 
	#innerpage .calltoaction { bottom: 20px; }
}

@media (max-width: 287px) {
	.transparent-box { font-size: 0.5em; display:none; }
	#innerpage .cover .tagline h2 { font-size: 3em; }
	#innerpage .cover .tagline h2 span { font-size: 1em; }
}

@media (max-width: 270px) {
	.offcanvas-nav .logo-wrapper, .offcanvas-nav .cclose { width: 100%; }
	.offcanvas-nav .cclose {
		position: relative;
		bottom:0;
		right:inherit;
		float:left;
		text-align: left;
		margin-top:10px;
	}
}