b.tailored-key { font-weight:600; color:#666; }
 a.tailored-key { text-decoration:underline; color:rgba(0,0,255,0.75); font-weight:600; }

 .main-subdescription b.tailored-key { font-weight:600 !important; color:#EFEFEF; }
 .main-subdescription { font-weight:300; font-size:0.95rem; }


.head-main-text { margin-bottom:1em; }
.head-main-subtext { font-size:1rem; }
.head-main-subtext b { 
    font-weight:300 !important;
}
body.home .wp-custom-header img { height:349px; }

#mainContent { display:flex; flex-direction:column; justify-content:center; align-content:stretch; }
#mainContent section { flex:1; display:table; }
#mainContent section .section-content { display:table-cell; vertical-align:middle; }
#mainContent section .content { max-width:1100px; width:100%; margin:auto; }

#SiteFootContent_Mobile { display:none; }

/*html, body, * {
    margin: 0;
    padding:0;
}
html, body { height:100% !important; }
body {
    overflow-x:hidden;
    color:#333;
}*/
.floating-content-icon{
    font-size:3rem;
    margin:4px 16px;
}
.floating-content-icon.left { float:left; }
.floating-content-icon.right { float:right; }

.posted-on, .entry-date { text-transform:capitalize; font-weight:400; letter-spacing:normal; }
.entry-meta { margin-top:-4px; padding-bottom:0; padding-left:2px; } 
h1.entry-title.post, h2.entry-title.post { margin-bottom:0; padding-bottom:0; border-bottom:none; }

.stats-4d{
    width:40%;
    border:1px solid #CCC;
    background:linear-gradient(#FFF,#EFEFEF);
    margin:24px 8px !important;
    padding:0;
    list-style:none;
    font-size:0.9rem;
}
.stats-4d li {  margin-bottom:0 !important; padding:2px 16px; }
.stats-4d li b { font-weight:600; width:50%; min-width:78px; display:inline-block; }

body.blog .page-header { float:none !important; width:100% !important; padding-bottom:0; }

/*
body.blog article { 
    width:47% !important; 
    float:none !important;
    overflow:hidden;
    border-radius:1em;
    border:1px solid #CCC;
    background:white;
    margin:8px;
    vertical-align:top;
    min-height:280px;
    position:relative;
    display:inline-block;
    padding-bottom:0 !important;
}
body.blog article header {
    padding:8px 16px !important;
    padding-bottom:0 !important;
}
body.blog article .entry-summary p:first-child {
    padding:16px;
}
body.blog article:hover{
    -webkit-box-shadow: 0px 0px 16px 1px rgba(62,60,105,0.5);
    -moz-box-shadow: 0px 0px 16px 1px rgba(62,60,105,0.5);
    box-shadow: 0px 0px 16px 1px rgba(62,60,105,0.5);
}
p.link-more { margin-bottom:0 !important; position:absolute; bottom:0; width:100%; }
p.link-more a { 
    border-top:1px solid #CCC; 
    padding:8px 20px; 
    display:block; 
    background:linear-gradient(#EFEFEF, #DDD); 
    cursor:pointer;
    text-align:right;
}
p.link-more a:hover { background:linear-gradient(#FFF, #EFEFEF); }
*/


article[data-excerpt="true"] { display:block; vertical-align:top; padding:6px; margin:6px; }
/* article[data-excerpt="true"]:not(:first-child) { border-top: 1px solid #CCC; } */
article[data-type="news-article"] h2 a{ color:black!important;}
article[data-type="news-article"] h2 { text-align:left !important;}
.entry-meta { font-size:0.9rem !important; border-bottom:1px solid #CCC; }

.entry-content-holder h1, .entry-content-holder h2 { font-size:1.5rem !important; }

.article-more-container { }
.article-more-link { display:inline-block; padding:4px; color:#2c4470; text-decoration:underline; font-size:1.05rem; }
.article-meta { font-size:0.9rem; }
.article-summary { font-size:0.9rem; }

nav.post-navigation { margin:1.5em auto !important; border-top:2px solid #CCC; font-family:"Open Sans",sans-serif !important; }
nav.post-navigation .nav-links { width:90%; margin:auto; }
nav.post-navigation .nav-links span:not(.nav-title-icon-wrapper) { display: block; }
nav.post-navigation .nav-links .nav-title { font-weight:600; }
nav.post-navigation .nav-links .nav-subtitle { margin-bottom:0; font-weight:400; }
nav.post-navigation .nav-links a:after { display:inline-block; }

nav.navigation.pagination {
    float:none !important;
    width:100% !important;
    padding:1em 0;
    font-family:"Open Sans", sans-serif;
    
}
.page-numbers:not(.prev):not(.next) { 
    font-weight:600; 
    border:1px solid #AAA;
    font-size:1em !important;
    margin-right:-4px;
    background:linear-gradient(#EEE,#CCC)
}
.page-numbers.current {
    background:linear-gradient(180deg, #1c99d2, #0378c7)!important;
    color:white !important;
}


#bodyContainer{
    min-height:100% !important;
    position:relative;
}
#bodyHeader {
    position: relative;
}
#bodyContent {
    width:100%;
    z-index:8000;
    /*padding-bottom:286px;*/
}
#bodyFooter { 
    /*position:absolute;*/
    background:#666;
    width:100%;
    /*bottom:0;
    z-index:8001;
    height:286px;*/
}

.top-logo {
    /*font-size:2rem;*/
    font-weight:300;
}
.top-logo:hover{
    text-decoration:none !important;
}
.content p {
    /*display:inline-block !important;*/
    vertical-align:top;
}

.head-cell {
    display:table-cell;
    vertical-align:middle;
    padding-left:20px;
}
.head-cell:last-child { text-align:right; width:100%; }

.navigation-main {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:500;
    box-shadow:0 3px 4px rgba(0,0,0,0.5);
    background:white;
    font-size:0.9rem;
}
.logged-in .navigation-main {
    top:32px;
}

.site-footer { background:#011d30;color:white; min-height: 20vh;align-content: center;}
.site-footer .widget-area { padding:0 !important; display:block;  }
.site-footer .widget-area .widget-column { width:45% !important; }
.site-footer .widget-area .widget { 
    display:inline-block;
    padding-bottom:0 !important; 
    vertical-align:top;
    margin:0 8px 0 0;
    padding:0 8px 0 0;
    min-width:20%;
}
.site-footer .widget-area .widget h2.widget-title {
    color: white;
	font-size: 13px;
	font-size: 0.9rem;
	font-weight: 700;
	letter-spacing: normal;
	margin-bottom: 0;
	text-transform:capitalize;
}
.site-footer .widget-area .widget > div {
    padding-left:8px;
}
.site-footer .widget-area ul li { border:none; padding:4px 0; }
.site-footer .widget-area a { text-decoration:none !important; }

.site-footer a { color:white; text-decoration:none !important; }

.partner-link { margin-bottom:4px; }
.partner-link a { text-decoration:underline !important; margin-left:8px; }

.menu-mainmenu-container a { }
.entry-content-holder { /*padding:0 1.2em;*/ }
#top-menu a { text-transform:uppercase !important; }
.menu-scroll-down { display:none !important; }

#system-migration { margin-left:24px; font-size:0.95rem; }
#system-migration li { padding-left:12px; }

.migration-stage { 
    display:block; 
    border:1px solid #CCC; 
    border-radius:8px; 
    overflow:hidden; 
    width:95%;
    margin:8px auto;
}
.stage-head { 
    font-size:1rem; 
    font-weight:600; 
    text-align:center;
    background:linear-gradient(#EFEFEF, #DDD);
    padding:8px;
    border-bottom:1px solid #CCC;
    text-shadow:1px 1px white;
    color:#333;
}
.stage-detail { text-align:justify; padding:16px; font-size:0.9rem; }

.page-child-nav {
    display:inline-block;
    overflow:hidden;
    float:left;
    margin:0 8px 8px 0;
    width:30%;
    display:table-cell
    /*box-shadow:0 5px 5px rgba(0,0,0,0.5);*/
}
.page-child-nav ul {
    list-style:none;
    margin:0;
    padding:2px;
    overflow:hidden;
    border-radius:0;
}
.page-child-nav ul li { 
    overflow:hidden; 
    /*border-radius:5px;*/
    text-align:left;
}
.page-child-nav ul li:hover { 
    box-shadow:0 0 1px 1px rgba(0,0,0,0.5);
    position:relative;
    /*background: linear-gradient(#FFF,#DDD);*/
    background:linear-gradient(#FFF, #1c99d2);
}
.page-child-nav ul li:hover a { 
    text-decoration:none;
    border-color:transparent;
}
.page-child-nav ul li:active{
    /*background: linear-gradient(#DDD,#FFF);*/
    background:linear-gradient(#1c99d2, #FFF);
}
.page-child-nav ul li.current_page_item {
    /*background: linear-gradient(#BAD0EF,#3A3C69); #E1E1FF;
    background: linear-gradient(#7eaaf7,#2b436f);*/
    background:linear-gradient(#FFF, #1c99d2);
    font-weight:600;
    border:1px solid #666;
    padding:0 1px;
}
.page-child-nav ul li.current_page_item a {
    /*color:white;*/
    border-color:transparent;
    /*text-shadow:1px 1px rgba(0,0,0,0.5);*/
    border-bottom:none !important;
    font-size:1.1rem;
}
.page-child-nav ul li a { 
    display:block; 
    padding:6px; 
    color:#444; 
    border:1px solid #CCC;
    border-bottom:none;
    width:100%;
}
.page-child-nav ul li:last-child a { border-bottom:1px solid #CCC; }
.page-child-nav ul li:not(.current_page_item) a:after { content:">"; float:right; }

.page-child-nav ul li:first-child a, .page-child-nav ul li.current_page_item:first-child { border-top-left-radius:8px; }
.page-child-nav ul li:last-child a, .page-child-nav ul li.current_page_item:last-child { border-bottom-left-radius:8px; }
.page-child-nav ul li:first-child:hover { border-top-left-radius:8px; }
.page-child-nav ul li:last-child:hover { border-bottom-left-radius:8px; }


.entry-content-holder.page-tmp { width:70%; display:table-cell; }
.entry-content-holder.page-tmp ul { margin-left:24px; }
.entry-content-holder.page-tmp ul li { margin-bottom:16px; }

.custom-header { margin-bottom:72px; }
.wp-custom-header { 
    height:100%; 
    /*background-image:url(/wp-content/uploads/2017/01/cropped-default.jpg);*/ 
    background-position:center center;
    background-size:100%;
}
/*.wp-custom-header img { display:none; }*/

.site-title a { line-height:98%; }
.site-title,
.site-title h1, 
.site-title h2,
.site-title h3
{
    color:white !important;
    margin:0;
    padding:0;
    font-weight:normal;
}
.site-title h1 { font-size:3rem; text-shadow:0 0 8px rgba(0,0,0,0.9); }
.site-title h2 { font-size:1.5rem; margin-bottom:12px; }
.site-title h3 { font-size:1rem; font-weight:300; }
.site-title .head-main-subtext h3 { font-size:1em !important; font-weight:300; }

.contact-list { display:table; width:100%; }
.contact-list li { display:table-cell; width:50%; padding:0 8px; }

.wpcf7-form { font-size:0.9rem; }
.wpcf7-form p label { font-weight:600; }
.wpcf7-form input:not(.wpcf7-submit),
.wpcf7-form textarea { padding:6px !important; font-size:0.9rem; font-family:"Open Sans", sans-serif; }
.wpcf7-submit { background:#3e3c69 !important; }
.wpcf7-form input.wpcf7-submit { background-color: #1c99d2 !important; font-weight:600;font-size:1.05rem; }

sup {
    vertical-align:text-top;
}
.superscript{
    font-size:0.7rem;
}
.block {
    display:block; 
}
.table-cell {
    display:table-cell;
    vertical-align:top;
}

#header-bar{
    display:none;
    height:90px;
    background:white;
    opacity:0.8;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width:100%;
    z-index:8002;
}




#header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    z-index:8003;
    -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    0px 5px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         0px 5px 5px 0px rgba(50, 50, 50, 0.5);
    background:white;
    max-height:80px;
    height:100%;
}

.cursive {
    font-family: 'Grand Hotel',cursive;
    text-transform:capitalize;
}

.title-nav-wrapper {
    display: table;
    width: 100%;
    margin: 0 auto;
    padding: 6px 5%;
    vertical-align: middle;
    box-sizing: border-box;
}

/*.site-title {
    display: table-cell;
    width: 30%;
}

.site-title a {
    text-decoration: none;
    color: #2b2b2b;
    font-size: 1.5em;
}
.site-title a:hover{
    color:#23819C;
}*/

#desktopNav {
    display: table-cell;
    width: 70%;
    text-align: right;
    vertical-align: middle;
}

.main-nav {
    display: block;
}

.nav-wrapper > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 1em;
    position: relative;
    font-size: 16px;
    text-align: right;
}

.nav-wrapper > ul > li {
    display: inline-block;
    text-align: right;
    margin: 0 0 0 30px;
    /*border-bottom:2px solid transparent;*/
    padding:8px 0;
}
.nav-wrapper > ul > li.active-menu > a {
    border-bottom:2px solid #23819C;
}

.nav-wrapper > ul > li > a {
    color: #2b2b2b;
    font-family: Geneva, Verdana, sans-serif;
    text-decoration: none;
    font-weight: 400;
    font-family: "Open Sans", sans-serif;
    text-transform:uppercase;
    padding:8px;
}
.nav-wrapper > ul > li:hover {  }
.nav-wrapper > ul > li:hover > a { border-bottom:2px solid #23819C; }

.nav-wrapper > ul > li > ul { display:none; position: absolute; background:white; margin:13px 0 0 0; border:1px solid #DDD; }
.nav-wrapper > ul > li > ul > li { display:block; text-align:left; margin:0; }
.nav-wrapper > ul > li > ul > li a { display:block; font-size:0.9rem; font-weight:400; padding:8px 32px 8px 12px; text-transform:capitalize; color:#333; text-decoration:none; }
.nav-wrapper > ul > li > ul > li:not(:first-child) a { border-top:1px solid #DDD; }
.nav-wrapper > ul > li:hover > ul { display:block; }
.nav-wrapper > ul > li > ul > li:hover a { background:#EFEFEF; }


.content {
    max-width: 1100px;
    width:100%;
    margin:0 auto;
    position:relative;
    z-index:1;
	height:100%;
}


#mainContent section .shadow-underlay {
    width:110%;
    min-height:50vh;
    display:block;
    position:absolute;
    z-index:0;
    top:0;
    left:-5%;
}
#mainContent section .shadow-underlay.shadow-top {
    -webkit-box-shadow: inset 0px 13px 30px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px 13px 30px 1px rgba(0,0,0,0.25);
    box-shadow: inset 0px 13px 30px 1px rgba(0,0,0,0.25);
    top:0;
}
#mainContent section .shadow-underlay.shadow-bottom {
    -webkit-box-shadow: inset 0px -13px 30px 1px rgba(0,0,0,0.25);
    -moz-box-shadow: inset 0px -13px 30px 1px rgba(0,0,0,0.25);
    box-shadow: inset 0px -13px 30px 1px rgba(0,0,0,0.25);
    bottom:0;
}

#mainContent section .content .trans-underlay {
	width:100%;
	height:100%;
	display:block;
	background:black;
	position:absolute;
	z-index:-1;
	border-radius:1em;
	opacity:0.75;
    top:0;
    left:0;
}



#mainContent {
    width:100%;
    transform:translate(0);
}
#mainContent section {
    background-color:transparent;
    box-sizing:border-box;
    padding: 25px 0;
/*     font-weight:300; */
    min-height:50vh;
    position:relative;
	/*width:100vw;*/
    width:100%;
}
#mainContent section.reduced {
    min-height:25vh;
}


#section_keys { padding:0; color:white !important; }
#section_keys .content {
    /*padding-top:20px !important;*/
 }

#mainContent section:nth-child(even){ 
    /*background-color:#DBF0F7;*/
}
#mainContent section .content h2:not(.article-title) { 
    margin:0;
    padding:0;
    font-weight:600;
    font-size:2rem;
    text-align:center;
    /*border-bottom:1px solid #23819C;*/
/*     text-transform:uppercase; */
    /*padding-top:64px;*/
    padding-bottom:16px;
}
#mainContent section .content ul{
    padding:0;
    margin:0;
	width: 100%;
}




#home-banner div {

}
#home-banner h1 {  }


#fourth-dimension_Logo {
    max-width:45px;
}

.highlight {
    text-align:center;
    display:table-cell;
    width:33%;
    padding:4px;
}
.highlight div { 
    padding:12px; 
    vertical-align:middle;
}
.highlight div i {
    font-size:5em;
    display:block;
}
.highlight div i:before {
    font-size:6rem;
}
.highlight div b {
    display:block;
    font-size:2em;
/*     text-transform:uppercase; */
    height:75px;
    line-height:99%;
    margin-top:8px;
    font-weight:600;
}
.highlight div span { font-weight:300; }


.table {
    display:table;
    width:100%;
}

#bodyFooter {
    /*background:#3e3c69;*/
    background:#011d30;
}
.bodyFooter {
    /*max-width:960px;*/
    width:100%;
    margin:auto;
}

.bodyFooter.head{
    color:white;
    display:table;
    padding:2px 0px;
    
}
.bodyFooter.head div {
    display:table-cell;
    vertical-align:middle;
}
.bodyFooter.head div:first-child { width:50%; text-transform:uppercase; font-size:1.5rem; }
.bodyFooter.head div a { color:white; text-decoration:none; }
.bodyFooter.head div:first-child a i { display:inline-block; margin-right:8px; }
.bodyFooter.head div:first-child a:hover { text-decoration:underline; }
.bodyFooter.head div:last-child { width:50%; text-align:right; font-size:2rem; }
.bodyFooter.head div:last-child { width:50%; text-align:right; font-size:2rem; }

.bodyFooter.head ul { list-style:none; margin:0 0 0 16px; padding:0; display:inline-block; }
.bodyFooter.head ul li { display:inline-block; }

#bodyFooter footer {
    background:#333;
}
.bodyFoot.foot {
    padding:12px 4%;
    color:white;
    text-align:center;
    font-size:0.85rem;
    /*background:#333;*/
    background:#011d30;
}

#bodyFooterContent {
    display:block;
    color:white;
    padding:24px 0;
}
#bodyFooterContent > div:not(.table-cell) { }
#bodyFooterContent > div .table-cell { width:25%; }
#bodyFooterContent > div .table-cell#partnerships { width:50%; padding-left:16px; }
#bodyFooterContent > div .table-cell:not(#partnerships) { padding:0 32px; }
#bodyFooterContent > div .table-cell:not(:last-child) { border-right:1px solid white; }


#section_sectors { }
#section_sectors h2 {
    /*font-weight:400;
    font-size:2rem;*/
    margin-bottom:16px !important;
}
#section_sectors ul {
    text-align:center;
    display:table;
    list-style:none;
}
#section_sectors ul li {
    display:table-cell;
    width:25%;
    padding:12px 8px;
    border-collapse:collapse;
    vertical-align:top;
    cursor:default;
}
#section_sectors ul li > i.fa{
    font-size:5rem;
    display:block;
}
#section_sectors ul li b {
    display:block;
    font-size:1.6rem;
    font-weight:600;
    margin-bottom:6px;
}
#section_sectors ul li b.small {
    display:inline; font-weight:600; font-size:0.95rem;
}

#section_sectors ul li > span:not(.fa-stack) {
    font-weight:300;
    font-size:0.95rem;
}
#section_sectors ul li .icon-stack { position:relative; text-align:center; height:3rem; }
#section_sectors ul li .icon-stack i { position:absolute; top:0; display:block; text-align:center; width:100%; }
#section_sectors ul li .icon-stack i.fa:first-child { font-size:3rem; }
#section_sectors ul li .icon-stack i.fa:last-child { font-size:2rem; color:white; top:8px; }

#section_quotes { min-height:0 !important; /*user-select:none;*/ }
#section_quotes ul { text-align:center; font-size:0.9rem; }
#section_quotes ul li { display:inline-block; vertical-align:top; width:46%; background:white; margin:16px 1%; }
#section_quotes ul, #section_quotes ul li { list-style:none !important; }
.quote { font-size:1.05rem; line-height:99%; font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; text-align:justify; }
.quote:before, .quote:after { content:"\0022"; }
.quote-by { color:#777; margin-top:8px; text-align:right; font-style:italic; }


#section_benefits {
    /*background-image:url(/wp-content/uploads/2017/01/datarain_cloud.png);*/
/*     background-image:url(/wp-content/uploads/2023/09/MainBackground1.webp);
    background-position:center left;
    background-attachment:fixed;
    background-size:cover;
    background-color:black;
    text-shadow:0 0 6px black;
    color:white !important;
    border-top:1px solid rgba(0,0,0,0.5);
    border-bottom:1px solid rgba(0,0,0,0.5);
    height:50vh; */
}


#section_benefits h2 { color:white !important; }
#section_benefits i.fa {
    font-size:8rem;
    vertical-align:top;
    color:white;
    text-shadow:0 0 5px black;
}
#section_benefits ul {
    margin:12px 24px !important;
    display:inline-block;
    vertical-align:middle;
}
#section_benefits ul li { line-height:1.1rem; margin-bottom:12px; }
#section_benefits ul li:last-child { }
#section_benefits ul li b { font-size:1.2rem; font-weight:600; display:inline-block; margin-right:8px; }
#section_benefits ul li b:after { content:"-"; margin-left:6px; }


#section_benefits .content { padding:32px; height:auto; }
#section_benefits .content h2 { padding-top:16px !important; }
#section_benefits { vertical-align:middle; }
#section_benefits p { text-align:justify; }

a.footlink { color:white; margin-top:8px; display:inline-block; }
a.footlink i { margin-right:6px; }
.rpsls { opacity:0.1; }

#footer-nav > ul { list-style:none; }
#footer-nav > ul > li { text-transform:capitalize; font-weight:600; }
#footer-nav > ul > li > ul { margin-left:12px; list-style:none; }
#footer-nav > ul > li > ul > li { font-weight:400; }
#footer-nav > ul > li > ul > li a { font-size:0.9rem; }
#footer-nav > ul > li a { color:white;  }

.link-cta { display:block; text-align:center; margin:0px auto 55px auto; position:relative; }
/*.link-cta a { 
    background: linear-gradient(#7eaaf7,#2b436f);
    color:white;
    padding:16px;
    font-weight:600;
    font-size:1.75rem;
    text-shadow:1px 1px black;
    border-radius:8px;
    border:1px solid #666;
    text-transform:uppercase;
    display:block;
    line-height:98%;
}
.link-cta a:hover{
    text-decoration:none !important;
    background:linear-gradient(#3A3C69,#BAD0EF);
}*/


.link-cta a { 
    display:inline-block; 
    background:#1c99d2; 
    font-size:1.5rem; 
    font-weight:600; 
    color:white; 
    padding:8px 8px 8px 16px;
    border-radius:50px;
    -webkit-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.75);
    border:2px solid #1c99d2;
}
.link-cta a i { 
    display:inline-block; 

    height:40px; 
    width:40px; 
    font-size:32px; 
    text-align:center; 
    padding:3px 2px; 
    border-radius:50%; 
    margin-left:12px;
    vertical-align:middle;
    /*background:linear-gradient(#1c99d2,#7dd4b2);*/
}
.link-cta a:hover { text-decoration:none !important; opacity:0.9; }



#partnerships { 
    /*max-width:960px;
    width:100%;*/
    margin:16px auto;
    text-align:left;
}
#partnerships a {
    display:inline-block;
    margin:4px;
    vertical-align:top;
    height:40px;
    opacity:0.8;
}
#partnerships a:hover{
    opacity:1;
}
#partnerships a img {
    max-height:40px;
}
#partnerships a.shadowed {
   -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
}


.nav-contact { }
.nav-contact a {
    display:block;
    border:2px solid #23819C;
    color:#23819C !important;
    border-radius:5px;
}
.nav-contact a:hover, .nav-contact.active-menu a {
    background:#23819C;
    color:white !important;
}


.page-banner{
    position:relative;
    display:block;
    width:100%;
    height:400px;
    background-position:center left;
    background-size:cover;
    margin-top:80px;
    overflow-x:hidden;
    overflow-y:auto;
}
.page-banner div {
    color:white;
    font-family:"Open Sans";
    -webkit-stroke-width: 5.3px;
    -webkit-stroke-color: #FFFFFF;
    -webkit-fill-color: #FFFFFF;
    text-shadow: 1px 0px 16px black;
    -webkit-transition: width 0.3s;
    transition: width 0.3s;
    -moz-transition: width 0.3s;
    -o-transition: width 0.3s;
    position:absolute;
    top:35%;
    display:block;
    text-align:center;
    width:100%;
    transform:translate(-1px);
}
.page-banner h1 {
    margin-bottom:16px; 
    text-transform:uppercase; 
    font-weight:600;
    font-size:2.5rem;
}
.page-banner:not(#home-banner){ height:200px; }

#home-banner, .custom-header { background-image:url(/images/default.jpg); }
.custom-header { background-position:left center; background-repeat:no-repeat; background-size:cover; /*top:20px;*/ }
#page-4d { background-image:url('http://www.4d.com/sites/default/files/img4d/v16/1-high-speed.jpg'); }
#page-cloud-solutions { }
#page-services { }
#page-about { }
#page-company { background-image:url('/images/office.jpg'); }
#page-whatiscloud { }
#page-process { }
#page-contact { }

#section_synopsis {  }
#section_synopsis .content { border-bottom:1px solid #DDD; padding-bottom:24px !important; }
#section_synopsis h3 { font-weight:300; font-size:1.5rem; }
#section_synopsis h3 b { font-size:1.6rem; }

@media screen and (max-width:845px){
    .highlight div b { font-size:1.5em; }
}
@media screen and (max-width:935px){
    #section_sectors ul li b { font-size:1rem; }
}

#AboutUs_Leadership .content { width:50% !important; margin:auto; }

@media screen and (max-width:767px) {
    /********************************************************************************************************************/
    /**** HOME PAGE AND GENERAL STRUCTURE *******************************************************************************/
    /********************************************************************************************************************/
    body { padding-top:48px !important; }

    .wp-custom-header { overflow:hidden; }
    .wp-custom-header img { min-height:100%; min-width:767px; }
    .main-subdescription { display:none; }

    #SiteFootContent { /*display:none;*/ }
    #SiteFootContent.wrap { padding:0 !important; max-width:100% !important;  }
    #SiteFootContent .flex-row { flex-direction:column; }
    #SiteFootContent .flex-object { padding:16px 32px; text-align:center; }
    #SiteFootContent .flex-object:nth-child(2) { background:#011d30; }

    .custom-header { top:0px; }
    .site-footer .widget-area .widget-column { width:100% !important; margin-bottom:24px; }
    .site-footer { border-top:6px solid #011d30 !important; }
    
    #bodyFooter { display:none; }

    #masthead .head-cell { width:100%; padding-left:0 !important; }
    #masthead .head-cell:first-child {
        display:inline-block !important;
        width:auto;
        position:absolute;
        right:1.2em;
    }
    #masthead .head-cell:last-child { display:block; width:100%; text-align:left; }
    #masthead .head-cell img { height:2.5rem; margin-top:2px;}

    #top-menu, .menu-mainmenu-container { width:100%; }
    #top-menu li { width: 100%; }
    #top-menu a { padding-left:8px; }
    .main-navigation { display:block !important; }
    .menu-toggle { margin:0 !important; }

    .site-title { margin-top:20px !important; }
    .site-title h1, .site-title h2 { line-height:96% !important; }
    .site-title h1 { font-size:2rem !important; }
    .site-title h2 { font-size:1.1rem !important; }
    .site-title h3 { display:none; }
    .custom-header { height:auto !important; }

    .bodyFooter.head div { display:block!important; width:100% !important; text-align:center; }
    .bodyFooter.head ul { margin:0 !important; text-align:center; display:block; width:100%;  }

    .highlight { width:auto !important; display:block; }
    .highlight div b { height:auto !important; }
    #section_sectors ul li {
/* 		display:block; */
		width:33%;
/* 		border-bottom:1px solid #CCC; */
	}
    #section_sectors ul:last-child li:last-child { border-bottom:none; }
    #section_sectors ul li br { display:none; }

    /*#section_benefits .content { padding:0; }*/
    #section_benefits .content ul { list-style:none; }
    #section_benefits .content ul li { text-align:center; }
    #section_benefits .content ul li b { display:block; margin-bottom:6px; }
    #section_benefits .content ul li b:after { content:none; }
    #section_benefits .content ul li:not(:first-child) { margin-top:2rem; }
    #mainContent section .content .trans-underlay { left:0; border-radius:0; }

    .section-content h2 { line-height:2.5rem; }
    .section-content .content { padding:0 12px; }
    .section-content .content p { text-align:left !important; line-height:1.5rem; }

    .main-navigation > div > ul { padding:0 !important; }
    .main-navigation ul { padding:0 !important; }
    .main-navigation ul li { margin-left:0; }
    .main-navigation ul li a { padding-left:16px !important; }
    .dropdown-toggle { margin-right:16px !important; }

    article.page section.reduced { padding-bottom:0 !important; }
    .img-divider { min-height:150px !important; }

    /********************************************************************************************************************/
    /**** OTHER PAGES ***************************************************************************************************/
    /********************************************************************************************************************/

    .page-child-nav { float:none; display:block; width:100%; }
    .page-child-nav ul li a, .page-child-nav ul li.current_page_item a { text-align:center; font-size:1.2rem; }
    .page-child-nav ul li a:after { display:none; }
    .page-child-nav ul li:first-child a, .page-child-nav ul li.current_page_item:first-child { border-top-right-radius:8px; }
    .page-child-nav ul li:last-child a, .page-child-nav ul li.current_page_item:last-child { border-bottom-right-radius:8px; }
    .page-child-nav ul li:first-child:hover { border-top-right-radius:8px; }
    .page-child-nav ul li:last-child:hover { border-bottom-right-radius:8px; }

    .entry-content-holder.page-tmp { display:block; width:100% !important; margin-top:24px;  }
    .entry-content-holder.page-tmp p { text-align:justify; }

    .stats-4d { width:100%; margin:16px 0 !important; }

    .contact-list li { display:block; width:100%; }
    .contact-list li:first-child { border-bottom:3px double #CCC; }
    .contact-list li:last-child { margin-top:16px; }
    .entry-content-holder { padding:0; }

    .synopsis { display:block; padding-bottom:16px !important; border-bottom:3px double #CCC; }
    .synopsis h3 { font-size:1.3rem; }
    .synopsis img { height:10em; width:10em; }
    .synopsis .more-info-button-container { text-align:right; }
    img.service-sector { top:0 !important; }
    
    .page-key-points div.key-point { max-width:100% !important; min-height:0 !important; padding: 0 0 8px 0 !important; margin:8px 0 !important; line-height:1.3rem !important; }
    .page-key-points div.key-point:not(:last-child) { border-bottom:1px dotted #CCC;}
    .page-key-points div.key-point > div b:first-child, .page-key-points div.key-point > b:first-child { line-height:1.8rem; }
    .page-key-points div.key-point i { top:0 !important; margin:-12px 12px !important; font-size:3.5rem !important; line-height:5rem !important; }


    .link-cta a { font-size:1.1rem !important; }
    #BusinessEtiquette li { display:block !important; width: 100% !important; line-height:1.1rem !important; margin:16px 0 !important; text-align:justify; }
    #BusinessEtiquette li b { text-transform:capitalize; }
    #BusinessEtiquette li b, #BusinessEtiquette li i { display:inline-block; margin-bottom:12px; vertical-align:middle; }

    #AboutUs_Leadership .content { width:100% !important }
    #AboutUs_Leadership .flex-object:first-child { display:none; }
    #ContactPage .flex-container.flex-row { flex-direction:column-reverse !important; }

    /********************************************************************************************************************/
}


#brand-logo { /*height:3rem;*/ max-width:450px; position:relative; /*top:3px;*/ }



.flip-row {
    padding:0;
    display:block;
    margin-right:-1%;
    text-align:center;
}

.flip-container {
    width:100%;
    max-width: 262px;
    transition: .2s ease transform, color, background-color;
    perspective: 750px;
    display: inline-block;
    /*margin: 15px auto;*/
    font-family:"Open Sans", sans-serif;
    margin:0 8px 16px 8px;
    min-height:250px;
    /*cursor:help;*/
}
.flip-container .flip-pane {
    transition:.4s ease-in-out transform,z-index;
    transform-style: preserve-3d;
    width:100%;
    position:relative;
    z-index:5;
    min-height:225px;
}
.flip-container .flip-pane .flip-front {
    transition:.4s ease-in-out transform,z-index;
    border:solid 2px #f5f5f5;
    transform-style:preserve-3d;
    transform:rotateY(0) scale(1);
    /*color:#555;*/
    z-index:1;
    background-color:#EEE;
}

.flip-container .flip-pane .flip-back {
    transform:rotateY(180deg) scale(1);
    /*background-color:#48a9c3;*/
    background-color:#1c99d2;
    /*text-shadow:0px 0px 2px #57937b;*/
    color:white;
} 

.flip-container .flip-pane .flip-pane-title {
    font-size: 16pt;
    line-height:18pt;
    text-align:center;
    display:block;
    font-weight:600;
    margin:15px;
}
.flip-container .flip-pane .flip-pane-desc {
    font-size:11pt;
    line-height:15pt;
    text-align:left;
}
.flip-container .flip-pane .flip-pane-icon {
    margin-top:15px;
    margin-bottom:15px;
    text-align:center;
}
.flip-container .flip-pane .flip-front .flip-pane-description {
    display:none;
}

.flip-container .flip-pane .flip-pane-icon i {
    width:128px;
    height:128px;
    display:block;
    position:relative;
    margin:0 auto;
    font-size:128px;
}

.flip-container .flip-pane .flip-back, .flip-container .flip-pane .flip-front {
    transition:.2s ease color,background-color;
    width:100%;
    height:250px;
}
.flip-container.hover .flip-pane, .flip-container:hover .flip-pane {
    transform:rotateY(180deg) scale(1);
    z-index:10;
}

.flip-container .flip-pane .flip-back, .flip-container .flip-pane .flip-front {
    transition:.4s ease-in-out transform,z-index;
    transform-style:preserve-3d;
    backface-visibility:hidden;
    padding:15px;
    position: absolute;
    top:0;
    left:0;
    overflow:hidden;
    z-index:2;
}

.page .entry-header .entry-title, .page-header .page-title { 
    text-align:center; 
    font-size:3rem !important; 
    font-weight:600 !important; 
    border-bottom:none !important; 
/*     text-transform:uppercase;  */
    padding:16px 0 !important;
    color:white !important;
    background:#011d30;
    background:#1c99d2;
    text-shadow:0 1px 3px black;
    -webkit-box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 4px -2px rgba(0,0,0,0.75);
}

.img-divider {
    background-color:black; 
    display:block; 
    min-height:400px; 
    background-attachment:fixed; 
    background-size:cover; 
    background-position:center center; 
    background-repeat:no-repeat;
    -webkit-box-shadow: inset 0px 6px 20px -7px rgba(0,0,0,0.75);
    -moz-box-shadow: inset 0px 6px 20px -7px rgba(0,0,0,0.75);
    box-shadow: inset 0px 6px 20px -7px rgba(0,0,0,0.75);
    /*margin:25px 0;*/
}

.img-divider.static { background-attachment:scroll; background-size:cover; min-height:280px; max-height:280px; }


.page-key-points div.key-point { display:block; margin:12px auto; min-height:225px; max-width:80%; position:relative; }
.page-key-points div.key-point.auto { min-height:0; }

.page-key-points div.key-point > div b:first-child, .page-key-points div.key-point > b:first-child { font-size:1.8rem; font-weight:300; display:block; margin-bottom:12px; }
.page-key-points div.key-point i { font-size:5.5em; display:inline-block; margin:0 24px; position:relative; }
.page-key-points div.key-point i[class^="seo-"] { top:-12px; }
.page-key-points div.key-point i:not([class^="seo-"]) { top:-24px; }

.page-key-points div.key-point.to-right { text-align:right; }
.page-key-points div.key-point.to-left { text-align:left; }
.page-key-points div.key-point span { font-size:1.1rem; vertical-align:top; }

.page-key-points div.key-point.to-right i { float:right; }
.page-key-points div.key-point.to-left i { float:left; }

/*.page-key-points div.key-point.to-right i { float:right; }
.page-key-points div.key-point.to-left i { float:left; }*/


.mugshot { 
    display:inline-block;
    overflow:hidden;
    border:1px solid #CCC;
    border-radius:4px;
    position:relative;
    -webkit-box-shadow: 6px 6px 4px -4px rgba(0,0,0,0.55);
    -moz-box-shadow: 6px 6px 4px -4px rgba(0,0,0,0.55);
    box-shadow: 6px 6px 4px -4px rgba(0,0,0,0.55);
}
.mugshot div img { max-width:400px; max-height:400px; filter:saturate(90%); }
.mugshot div { margin: 16px; }
.mugshot div:last-child { display:none; background:#EFEFEF; margin:0; padding:4px; border-top:1px solid #DDD; font-size:1rem; font-family: "Grand Hotel"; font-style:italic; }


.flex-container { align-items:stretch; display:flex; }
.flex-container.flex-column { flex-direction:column; }
.flex-container.flex-row { flex-direction:row; }
.flex-object { flex:1; flex-shrink:1; }
.flex-object .flex-content { padding:12px; }
.flex-object.flex-0 { flex:0; }
.flex-object.relative { position:relative; }

#FootPartnerWidget { margin-top:24px; }

blockquote p:before, blockquote p:after { content:"\0022"; }

.more-info-button-container { display:block; margin-top:24px;}
a.more-info-button { 
    display:inline-block; 
    background:#1c99d2; 
    font-size:1rem; 
    font-weight:600; 
    color:white; 
    padding:8px 8px 8px 16px;
    border-radius:10px;
    -webkit-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.75);
    box-shadow: 0px 4px 6px -2px rgba(0,0,0,0.75);
    border:2px solid #1c99d2;
}
a.more-info-button i { 
    display:inline-block; 
    border:2px solid white; 
    height:28px; 
    width:28px; 
    font-size:16px; 
    text-align:center; 
    padding:3px 2px; 
    border-radius:18px; 
    margin-left:12px;
    vertical-align:middle;
    /*background:linear-gradient(#1c99d2,#7dd4b2);*/
}
a.more-info-button:hover { text-decoration:none !important; opacity:0.9; }


span.paragraph { display:block; margin:16px 8px 16px 0; }

img.size-medium { margin:8px; }
div.blockquote { width:90%; margin:16px auto; }
div.blockquote blockquote { line-height:1.2em; text-align:justify; font-size:1.05rem; }
    div.blockquote p, div.blockquote b {
        display: block;
        width: 100%;
    }
    div.blockquote b {
        text-align:right;
        font-size:0.9rem;
    }


section.head-section {
    min-height:30vh !important;
}

img.service-sector {
    float:right;
    position:relative;
    top:-44px;
    border-radius:8px;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
}

#BusinessEtiquette { list-style:none; margin-bottom:48px !important; }
#BusinessEtiquette li { font-size:1rem; display:inline-block; width:30%; vertical-align:top; margin:16px; }
#BusinessEtiquette li i { font-size:1.6em; display:inline-block; margin-right:12px; vertical-align:middle; }
#BusinessEtiquette li b { font-weight:600; font-size:1.2rem; display:inline-block; vertical-align:middle; }
#BusinessEtiquette li span { display:block; line-height:1.3em; }

#SiteFootContent .flex-container { align-items:stretch; }
#SiteFootContent .flex-container .flex-object { padding:32px 12px; }
#SiteFootContent .flex-container .flex-object:nth-child(even) { background-color:#011d30;flex:1; }
#SiteFootContent .flex-container .flex-object b, #SiteFootContent .flex-container .flex-object h2 { font-weight:600; }
#SiteContactNumber { text-align:center; margin-bottom:100px; }
#SiteContactNumber div {
    font-size:1.4rem;
    font-weight:400;
}
#SiteContactNumber a { font-size:1.8rem; font-weight:600;}

#SiteAddress { margin:64px auto; text-align:center; }
#SiteAddress b { font-size:1.1rem; margin-bottom:16px; display:block; font-weight:600; }


.social-link { display:inline-table; font-size:20px; width:30px; height:30px; border-radius:6px;}
.social-link a { display:table-cell; text-align:center; vertical-align:middle; }


#GooglePlus_Link { background:rgba(203,70,51,0.7); }
#GooglePlus_Link i { font-size: 1.5rem; position: relative; top: -1px; }
#LinkedIn_Link:hover { background:rgb(0 0 0); }
#Facebook_Link:hover { background:rgb(0 0 0); }
#Twitter_Link:hover { background:rgb(0 0 0); }
#GooglePlus_Link:hover { background:rgba(203,70,51,1); }

#commentform { padding:12px; border-top:1px solid #CCC; }
#commentform p { font-size:0.9rem; }
#commentform label { font-weight:600 !important; }
#commentform input#submit { background:#1c99d2 !important; font-weight:600 !important; }


.recaptcha { margin-bottom:20px; }
#map {
    height: 408px;
    width: 95%;
    border: 1px solid #CCC;
    box-shadow: 0 10px 8px -6px rgba(0,0,0,0.75);
}
.breadcrumbs { 
    max-width: 1100px;
    width: 100%;
    margin: auto;
    border-bottom: 1px solid #CCC;
    font-size: 0.9rem;
    margin-top: -1em;
    margin-bottom:1em;
    color:#999;
}
.breadcrumbs a { color:#999; }


#wpms_sitemap { max-width:1100px; margin:0 auto; display:flex; flex-direction:row; }
#wpms_sitemap .wpms_column { float:none !important; width:auto !important; flex:1; padding:0 8px; }

#wpms_sitemap .wpms_column div > ul { list-style:none; margin-left:16px; }
#wpms_sitemap .wpms_column div > ul > li > a, #wpms_sitemap h4 { font-weight:600; }
#wpms_sitemap .wpms_column div > ul > li a { }


@media (max-width: 415px) {
	#section_benefits {
		background-image: url(assets/images/MainBackground1mobile.webp);
	}
	#wp-custom-header img {
		content: url(assets/images/MainBannerNewMobile.webp);
	}
	#racks {
		background-image: url(assets/images/about-tailored-mobile.webp) !important;
	}
}