/* Base CSS */
/* Web development by James Park */

*, *:after, *:before { 
  box-sizing:border-box;
}

body, html { 
    padding:0; 
    margin:0; 
    font-family:'Open Sans', sans-serif;
    background:#D9D9D9;
}

h2, h3 {
    margin:32px 0;
}

a {
    text-decoration:none;
    outline:none;
}

a, a:link, a:visited, a:hover, a:active {
    outline:none !important;
}

a:hover {
    text-decoration:none;
}

p a:not([class]) {
    text-decoration: none;
    color: #00AFEF;
    border-bottom: 1px solid rgba(25,109,173,0.9);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}

p a:not([class]):active, p a:not([class]):hover {
    outline: 0;
    color: #152f44;
    border-bottom: 0px solid rgba(25,109,173,0.1);
    text-decoration: none;
}

.txtShadow {
    text-shadow:2px 2px 0px #120c00;
}

.entry-feature img {
    display:block;
}

h1, h2, h3 {
    color:#063561;
    font-weight:600;
}

/* Faux Material Design Standards */

.mD1, .card, .raised, .searchBox, .mD2, .searchBox.scroll, .appBar, .raised:hover, .mD3, .fab, .mD4, .navDrawer, .bottomSheet, .fab:hover, .mD5, .dialog, .picker {
    -webkit-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
}

.mD1, .card, .raised, .searchBox {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.mD2, .searchBox.scroll, .raised:hover  {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.mD3, .fab {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.mD4, .navDrawer, .bottomSheet, .fab:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.mD5, .dialog, .picker {
    z-index:50;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

/* Handy Styles */

.txt300 { font-weight:300 !important; }
.txt400 { font-weight:400 !important; }
.txt600 { font-weight:600 !important; }
.txt700 { font-weight:700 !important; }
.txt800 { font-weight:800 !important; }

.txtC {
    text-align:center !important;
}

.txtL {
    text-align:left !important;
}

.txtR {
    text-align:right !important;
}

.txtLmC {
    text-align:left !important;
}

.txtCmL {
    text-align:center !important;
}

.txtRmC {
    text-align:right !important;
}

.txtRmL {
    text-align:right !important;
}

.txtXS {
    font-size:11px !important;
}

.txtS {
    font-size:12px !important;
}

.txtM {
    font-size:24px !important;
}

.txtLg {
    font-size:30px !important;
}

.txtXL {
    font-size:40px !important;
}

.txtLmS {
    font-size:30px !important;
} 

.txtLmM {
    font-size:30px !important;
}

.txtXL {
    font-size:50px !important;
}

.txtThin {
    font-weight:300 !important;
}

.txtTIT {
    font-style:italic !important;
    font-weight:300 !important;
}

.txtN {
    font-weight:400 !important;
}

.txtNIT {
    font-style:italic !important;
    font-weight:400 !important;
}

.txtB {
    font-weight:700 !important;
}

.txtBIT {
    font-style:italic !important;
    font-weight:700 !important;
}

.txtWhite, .txtWhite * { color:white !important; }
.txtBlack { color:black !important; }

.justified { text-align:justify !important; }

img {
    max-width:100%;
}

img.imgC {
    text-align:center;
    margin:0 auto;
    display:block;
}

img.imgL {
    float:left;
}

img.imgR {
    float:right;
}

.noSpacing {
    padding:0;
    margin:0;
}

.noSpacing-top {
    padding-top:0;
    margin-top:0;
}

.noSpacing-bottom {
    padding-bottom:0;
    margin-bottom:0;
}

.iframeBox { 
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%; 
}

.iframeBox iframe, .iframeBox object, .iframeBox embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
}

.relative { position:relative; }
.absolute { position:absolute; }
.fixed { position:fixed; }

.transition {
    -webkit-transition:0.3s all;
    transition:0.3s all;
}

/* Start Custom CSS Here */

/* Blockquote */
blockquote {
    box-sizing: border-box;
    padding: 0.5em 0.5em 0.5em 40px;
    border-left: 10px solid #2d5499;
    background: #ececec;
    width:100%;
    color:#333333;
    margin:4em 0;
}

/* Call to Actions */
[class*="cta"],
.wpcf7-form input[type="submit"]
{
    padding: 5px 24px;
    color: #fff !important;
    -webkit-transition: none;
    transition: none;
    border: none;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    zoom: 1;
    text-transform: none;
    border-radius: 5px;
    margin: 0;
    position: relative;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
    box-sizing: content-box;
    top:0;
}

.search.submit_form {
    box-sizing: border-box;
}

[class*="cta"]:hover,
.wpcf7-form input[type="submit"] {
    cursor:pointer;
    top:2px;
}

input[type="text"],
input[type="email"],
input[type="password"],
select,
textarea {
    padding:10px;
    width:100%;
    background:white;
    border:none;
    border-radius:4px;
}

textarea {
    max-height:100px;
}

div.wpcf7 .ajax-loader {
    margin: 0 1px 0 -18px !important;
}

.cta__blue { background:#00AFEF; box-shadow: 0 4px #084D66; }
.cta__blue:hover { box-shadow: 0 2px #00AFEF; }
.cta__white { color:#666666 !important; background:#ffffff; box-shadow: 0 4px #d8d8d8; }
.cta__white:hover { color:#666666 !important; box-shadow: 0 2px #d8d8d8; }
.cta__orange { background:#F7921E; }
.cta__orange:hover { background:#d07a18; }
.cta__green { background: #7FBE4F; box-shadow: 0 4px #2d8320; }
.cta__green:hover { box-shadow: 0 2px #2d8320; }
.cta__red { background:#c60000; }
.cta__red:hover { background:#9d0000; }

/* Navigation */

.navigation {
    height:75px;
    background:white;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:90;
}

#menu-main-menu > li {
	display:inline-block;
}

#menu-main-menu > li:not(:last-child), 
#menu-main-menu-1 > li:not(:last-child) {
	margin-right:15px;
}

#menu-main-menu {
	margin:0px;
	padding:0px;
    top:0;
    min-height: 100px;
    padding:0 !important;
    box-sizing: border-box;
}
#menu-main-menu-1 {
	margin:0px;
    top:0;
    min-height: 100px;
    box-sizing: border-box;
}
#menu-main-menu {
	line-height: 100px !important;
    font-size:0;
}

#menu-main-menu li a,
#menu-main-menu-1 li a {
	padding:0;
}

#menu-main-menu li,
#menu-main-menu li a,
#menu-main-menu-1 li,
#menu-main-menu-1 li a {
	color:#d8d8d8;
    box-sizing:border-box;
	font-size: 14px !important;
    -webkit-transition:0.3s all;
    transition:0.3s all;
}

#menu-main-menu li.current-menu-item a, #menu-main-menu li:hover a,
#menu-main-menu-1 li.current-menu-item a, #menu-main-menu-1 li:hover a {
	font-size: 14px !important;
}

#menu-main-menu li,
#menu-main-menu-1 li {
    position:relative;
}

#menu-main-menu > li.current-menu-item a,
#menu-main-menu > li:hover a,
#menu-main-menu-1 > li.current-menu-item a,
#menu-main-menu-1 > li:hover a {
    color:#ffffff;
}

#menu-main-menu > li.menu-item-has-children > a:after {
    content:'\f107';
    margin-left:10px;
    font-family:'FontAwesome';
}

#menu-main-menu:not(.open) li > ul,
#menu-main-menu-1:not(.open) li > ul{
    opacity:0;
    position:absolute;
    top:90%;    
    background: #ffffff;
    box-shadow:0 6px 7px rgba(0,0,0,0.1), 0px 6px 12px rgba(0,0,0,0.12);
    width: 300px;
    padding: 10px;
    left:0;
    margin: 0;
    z-index: 90;
    -webkit-transition:0.3s all;
    transition:0.3s all;
    pointer-events:none;
}


#menu-main-menu li:hover > ul,
#menu-main-menu li.active > ul,
#menu-main-menu-1 li:hover > ul,
#menu-main-menu-1 li.active > ul{
    opacity:1;
    top:95%;
    pointer-events:all;
}

#menu-main-menu > li > ul > li > a,
#menu-main-menu-1 > li > ul > li > a {
    line-height: 18px !important;
    padding: 5px;
    box-sizing: border-box;
    display: block;
    width: 100%;
    color:white;
}

#menu-main-menu > li > ul > li,
#menu-main-menu-1 > li > ul > li {
    border-right: none;
    display: block !important;
    height: auto !important;
    padding: 5px 0;
    line-height: 22px !important;
    text-align:left;
    border-bottom:1px solid rgba(255,255,255,0.2);
}

#menu-main-menu > li > ul > li:last-child,
#menu-main-menu-1 > li > ul > li:last-child {
    border-bottom:none;
}

#menu-main-menu > li > ul > li:hover,
#menu-main-menu-1 > li > ul > li:hover {
    background:#367dba;
}

#menu-main-menu > li > ul > li:hover > a,
#menu-main-menu-1 > li > ul > li:hover > a {
    color:#ffffff;
}

#menu-main-menu > li > ul > li:not(:last-child):hover,
#menu-main-menu-1 > li > ul > li:not(:last-child):hover {
    border-bottom:1px solid #367dba;
}

#menu-main-menu > li > a {
    height:100%;
    width:100%;
    display: block;
    box-sizing:border-box;
    
}

.logo {
    width:100%;
    display: block;
    box-sizing:border-box;
}

#menu-main-menu > li > a:after {
    content:'';
    height:0;
    width:0;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    position:absolute;
    top:0;
    left:50%;
    -webkit-transform:translateX(-6px);
    transform:translateX(-6px);
    -webkit-transition:0.3s all;
    transition:0.3s all;
}

.mobileMenu__outer {
    height:100%;
    width:100%;
    position:fixed;
    opacity:0;
    pointer-events:none;
    top:0;
    left:-100%;
    -webkit-transition:0.3s all;
    transition: 0.3s all;
    background:#367dba;
    padding:20px 0;
}
.mobileMenu__outer ul:not(.thinking__menu) {
    padding:0 20px;
}

[class^="header"] {
    z-index:99;
}

.header { position:relative; }
.header__fixed { position:fixed; top:0; left:0; width:100%; }
.admin-bar .header__fixed { top:32px; }


#menu {
    width: 60px;
    height: 45px;
    position: fixed;
    -webkit-transform: scale(0.5) rotate(0deg);
    transform: scale(0.5) rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    top:25px;
    left:10px;
}

#menu span {
    display: block;
    background:white;
    position: absolute;
    height: 9px;
    width: 100%;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
    box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
}

#menu span:nth-child(1) {
    top: 0px;
}

#menu span:nth-child(2),#menu span:nth-child(3) {
    top: 18px;
}

#menu span:nth-child(4) {
    top: 36px;
}

#menu.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#menu.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#menu.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#menu.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#menu.open span {
    background:white;
}

#menu:visited,
#menu:link,
#menu:hover,
#menu:active,
#menu:focus {
    outline:none;
    -webkit-tap-highlight-color:  rgba(255, 255, 255, 0);
}

.no-padding { padding:0; }

.padding__small, [id^="row-"] > .tri .ang:only-child .padding__small { padding:1em 1em; }
.contentBlock__links.padding__small { padding:0.25em; }
.padding__medium, [id^="row-"] > .tri .ang:only-child .padding__medium { padding:2em 2em; }
.padding__large, [id^="row-"] > .tri .ang:only-child .padding__large { padding:3em 3em; }
.padding__xl, [id^="row-"] > .tri .ang:only-child .padding__xl { padding:4em 4em; }
.padding__xxl, [id^="row-"] > .tri .ang:only-child .padding__xxl { padding:5em 5em; }

[id^="row-"] > .tri:not(.equal) .ang:not(:only-child) .padding__small { padding:1em 0.5em; }
[id^="row-"] > .tri:not(.equal) .ang:not(:only-child) .padding__medium { padding:2em 1em; }
[id^="row-"] > .tri:not(.equal) .ang:not(:only-child) .padding__large { padding:3em 1.5em; }
[id^="row-"] > .tri:not(.equal) .ang:not(:only-child) .padding__xl { padding:4em 2em; }
[id^="row-"] > .tri:not(.equal) .ang:not(:only-child) .padding__xxl { padding:5em 2.5em; }

[id^="row-"] > .tri:not(.equal) .ang:not(:only-child):first-child .contentBlock.padding__small { padding:1em 0.5em 2em 1em; }
[id^="row-"] > .tri:not(.equal) .ang:not(:only-child):first-child .contentBlock.padding__medium { padding:2em 1em 2em 2em; }
[id^="row-"] > .tri:not(.equal) .ang:not(:only-child):first-child .contentBlock.padding__large { padding:3em 1.5em 2em 3em; }
[id^="row-"] > .tri:not(.equal) .ang:not(:only-child):first-child .contentBlock.padding__xl { padding:4em 2em 2em 4em; }
[id^="row-"] > .tri:not(.equal) .ang:not(:only-child):first-child .contentBlock.padding__xxl { padding:5em 2.5em 2em 5em; }

[id^="row-"] > .tri:not(.equal) .ang:not(:only-child):last-child .contentBlock.padding__small { padding:1em 1em 2em 0.5em; }
[id^="row-"] > .tri:not(.equal) .ang:not(:only-child):last-child .contentBlock.padding__medium { padding:2em 2em 2em 1em; }
[id^="row-"] > .tri:not(.equal) .ang:not(:only-child):last-child .contentBlock.padding__large { padding:3em 3em 2em 1.5em; }
[id^="row-"] > .tri:not(.equal) .ang:not(:only-child):last-child .contentBlock.padding__xl { padding:4em 4em 2em 2em; }
[id^="row-"] > .tri:not(.equal) .ang:not(:only-child):last-child .contentBlock.padding__xxl { padding:5em 5em 2em 2.5em; }

.contentBlock__links .contentBlock_inner {
    height: 65%;
    padding-bottom: 15px;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-weight: 600;
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.hero__background {
    background-repeat: no-repeat;
    height:100%;
    width:100%;
    background-size:cover;
}

.logo img {
    max-width:100%;
}

.contentBlock__spacing {
    overflow:hidden;
}

.contentBlock__links .contentBlock__bg {
    -webkit-transition:1s all;
    transition:1s all;
    -webkit-transform:scale(1);
    transform:scale(1);
}

.whiteBG {
    background:white;
}

.contentBlock__links:hover .contentBlock__bg {
    -webkit-transform:scale(1.1);
    transform:scale(1.1);
}

.hero__content {
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    max-width:80%;
    max-width:80vw;
    margin:0 auto;
    padding:0;
    -webkit-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}

.hero__section {
    height:80%;
    height:80vh;
    width:100%;
    position:relative;
}

.contentBlock__bg {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:0;
}

.contentBlock__spacing {
    position:relative;
    width:100%;
    min-height:150px;
}

.contentBlock__spacing > .contentBlock_inner {
    color:white;
    text-transform:uppercase;
}

.contentBlock_inner {
    position:relative;
    z-index:10;
}

.contentBlock {
    position:relative;
    height: 100%;
    width: 100%;
}

.tri:not(.main__content) {
    padding:0 2em;
}
    
.tri .tri:not(.space) {
    padding:0;
}
    
.schema {
    position:absolute; 
    top:-9999px; 
    left:-9999px;
}

.LD_logo {
    display:inline-block;
    vertical-align:middle;
    margin-right:10px;
}

.fullwidth { width: 100%; }

.sector-icon {
    color:white;
    font-size:14px;
    width:100%;
}
.sector-icon a {
    color:white;
}

.sector-icon > li [class^="icon-"] {
    position:relative;
    display: block;
    vertical-align: middle;
    zoom: 1;
    width: 37px;
    height: 37px;
    background: url('../images/sprite24.png') no-repeat;
    margin:0 auto;
}

.sector-icon > li .icon-analytics {
    background-position: -155px 0;
}

.sector-icon > li .icon-technology {
    background-position: -195px 0;
}

.sector-icon > li .icon-digital {
    background-position: -115px 0;
} 

.sector-icon > li > a > span {
    display:block;
    z-index:10;
    font-size:12px;
}

.sector-icon > li {
    position:relative;
    width:calc(24% - 10px);
    text-align:center;
    vertical-align:top;
    margin-right:10px;
}

.sector-icon img {
    max-width:50px;
}

.inline {
    list-style-type:none;
    padding:0;
    margin:0;
}

.inline > li {
    display:inline-block;
}

.header__background {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:0;
    background-image:url('../images/header.png');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    opacity:1;
    -webkit-transition:0.3s all;
    transition:0.3s all;
}

.scrolled .header__background {
    opacity:0;
}

.header > .tri {
    position:relative;
    z-index:10;
}

.login__box__main {
    background:rgba(0,175,239,0.9);
    color:white;
    padding:1em;
}

.login__box__main h3 {
    margin-top:0; padding-top:0;
}

.login__box__bottom {
    background:white;
    padding:1em;
}

.vtop > li {
    vertical-align:top;
}

.secondary__menu {
    line-height:120px;
}
.secondary__menu > li {
    margin-left:20px;
}

.secondary__menu a > h3 {
    margin:0;
    display:inline;
    color:white;
	font-size: 20px;
}

.footer__top,
.search__fields {
    padding:2em;
    background:#00AFEF;
    border-top:3px solid #3283C3;
}

.footer__container {
    background:#152F44;
    padding:4em 0;
}

.w50 > li {
    width:49%;
}

.txtLight {
    color:rgba(255, 255, 255, 0.7);
}

.social li {
    vertical-align:top;
}

.social a {
    width:37px;
    height:37px;
    line-height:37px;
    text-align:center;
    color:white;
    margin-right:4px;
    display:block;
    font-size:24px;
    -webkit-transition:0.3s all;
    transition:0.3s all;
    opacity:1;
}

.social a:hover {
    opacity:0.7;
}

.social a.facebook { background:#3272bd; }
.social a.twitter { background:#3b5998; }
.social a.linkedin { background:#6acff4; }

.single__job__result {
    background:white;
    -webkit-transition:0.3s all;
    transition:0.3s all;
}

.single__job__result:hover {
    background:#ebebeb;
    cursor:pointer;
}

.single__job__result:not(:last-child) {
    border-bottom:1px solid #a2a2a2;
}

.bb_search_results {
    border-radius:0 0 4px 4px;
    overflow:hidden;
    border-bottom:1px solid #a2a2a2;
    border-left:1px solid #a2a2a2;
    border-right:1px solid #a2a2a2;
    list-style-type:none;
    padding:0;
    margin:0;
}

.head__offset {
    height:150px; 
    position:relative;
    width:100%;
}

[class^="job__title"] {
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    font-size:30px;
    margin:0;
    padding:20px 30px 20px 0;
}

.job__title__apply, .job__title__summary {
    background:#105b93;
    color:white !important;
    box-sizing: border-box;
    padding:20px 30px;
    width:100%;
}

.job__title a {
    position:absolute;
    left:0;
    top:0;
    font-size:13px;
    color:#8d8d8d;
}

.job__body {
    background:#F2F2F2;
    position:relative;
}

.job__body:after {
    content:'';
    top:0;
    left:0;
    width:100%;
    height:150px;
    background:#EBEBEB;
    position:absolute;
    z-index:0;
}

.job__body .tri {
    z-index:10;
    position:relative;
}

.job__body p {
    width:calc(100% - 20px);
}

.summary__box {
    background:#00AFEF;
    padding:10px 30px;
    font-size:13px;
    color:white;
    width:100%;
    margin-bottom:2em;
}

.summary__box i, .summary__box span.icon {
    color:#00c4ff;
    width:15px;
    display:inline-block;
    font-weight:bold;
}

.share {
    list-style-type:none;
    padding-left:0;
}

.share li {
    display:inline-block;
    width:40px;
    height:40px;
    margin-right:7px;
}

.share li a {
    width:100%;
    height:100%;
    line-height:40px;
    text-align:center;
    color:white;
    display:block;
    -webkit-transition:0.3s all;
    transition:0.3s all;
}

.share li a.facebook { background:#385490; }
.share li a.facebook:hover { background:#1c305c; }

.share li a.twitter { background:#51A3E2; }
.share li a.twitter:hover { background:#23669a; }

.share li a.email { background:#777777; }
.share li a.email:hover { background:#4b4b4b; }

input.error { border:1px solid #b90000 !important; }

input:focus, textarea:focus, select:focus {
    outline:none !important;
}

.emptyerror, .emailerror, .errorlist { display:none; color:#b90000; font-size:13px; padding:5px 0; }
.emptyerror.active, .emailerror.active { display:block; }

.application {
    background:white;
    padding:1.5em;
    box-sizing: border-box;
    width:calc(100% - 10px);
}

#job_application input, 
#job_application textarea,
#job_application select {
    width: 100%;
    padding: 8px 15px;
    margin: 0px 0 20px 0;
    border:1px solid #8b8b8b;
}

#job_application input[name="bb_filetext"]:disabled {
    background:white;
    outline:none;
    border:1px solid #8b8b8b;
    cursor:pointer;
    pointer-events:all;
}

#job_application textarea.disabled {
    background:#cccccc;
    pointer-events:none;
}

#job_application input:focus, 
#job_application textarea:focus,
#job_application select:focus {
    outline-color: #00AFEF;
}

.padding__job {
    padding:0 2em 0 0;
}

#job_application textarea {
    max-height:100px;
    font-family:'Open Sans', sans-serif;
}

.file_button,
.file_delete,
.cta__ghost__dark {
    margin-left:10px;
    width:calc(100% - 10px);
    padding: 6px 15px;
    border:2px solid #125486;
    color:#125486;
    display:block;
    text-align:center;
    font-size:13px;
}

.file_delete {
    border:2px solid #740909;
    color:#740909;
}

[name="bb_cv"] {
    opacity:0;
    position:absolute;
    z-index:-1;
    top:-10000px;
    left:-10000px;
}

.disabled {
    background:#cccccc;
    pointer-events:none;
}

.file_button.hide, .file_upload, .file_delete {
    display:none !important;
}

.file_upload.active, .file_delete.active {
    display:block !important;
}

#job_application.loading {
    opacity:0.6;
    pointer-events:none;
}

.search_row {
    width: 100%;
    text-align: center;
    padding-left: 0;
}

.search_row li {
    display: inline-block;
    width: calc(26% - 10px);
    margin-right: 10px;
}

.search_row li.submit {
    width: 15%;
}

.search_row li.submit a {
    width: 100%;
}

.latest__jobs__list {
    padding-left:0;
    list-style-type:none;
}

.latest__jobs {
    width:calc(100% - 2.5em);
    padding:20px;
    background-color:#f0f0f0;
}

.homepage__slider {
    padding:0;
    margin:0;
    background:#000238;
}

.homepage__slider .homepage__slide {
    width: 100%; 
    height: 100% !important;
    height: 100vh !important;
    position:relative;
}

.homepage__slider__content {
    z-index:10;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.homepage__slider__content h1 {
    font-family:serif;
    color:white;
    font-weight:normal;
    font-size:39px;
}

.square a {	
    width:149px;
    height:149px;
    background:rgba(0,175,239,0.9);
    border-bottom: 5px solid #114e7e;
    margin-top:0px;
    -webkit-transition:0.3s all;
    transition:0.3s all;
    position:relative;
    display:block;
	border-radius: 20% 5%;	
}

.square a span {
    color:white;
    font-weight:bold;
    position:absolute;
    bottom:20px;
    left:0;
    width:100%;
    text-align:center;
    display:block;
}

.square a:hover {
    margin-top:4px;
    height:145px;
    background:rgba(0,175,239,0.9);
    border-bottom: 1px solid #114e7e;
}

.nav-menu-squared {
    list-style-type:none;
    padding:0;
    margin:0;
}

#home-modal a {
    height:100%;
    display:block;
    position:relative;
}

#home-modal a img {
    position:absolute;
    bottom:0;
}

.nav-menu-squared li {
    position:relative;
    display:inline-block;
    width:40%;
    margin-right: 30px;
    margin-bottom: 25px;
    height:154px;
    overflow:hidden;
}

.homepage__slider__content p {
    color:white;
    font-size:18px;
}

.homepage__slider__image {
    height:100%;
    width:100%;
    position:absolute;
    top:0;
    left:0;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    z-index:0;
}

.homepage__slider__image:after {    
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(22,47,67,0.7);
    width: 100%;
    height: 100%;
    z-index:1;
}

.absolute {
    top:0;
    left:0;
    width:100%;
    position:absolute;
    z-index:20;
}

.slick-dots {
    bottom:70px !important;
}

.slick-dots li button:before {
    font-size:13px !important;
    color:white !important;
}

.phone__number {
    font-size: 34px;
    color:white;
}

.phone p {
    margin-bottom:0;
}
.alt.phone p {
    margin-top:0;
}

.phone h3 {
    margin:0px 0 5px 0;
}

.hero__padding {
    padding-top:100px;
}

.section__title {
    color:white !important;
}

h2 {
    font-size:24px;
}

.title__row {
    background:#ECECEC;
    border-bottom:1px solid #9a9a9a;
}

.slick-dotted.slick-slider {
    margin-bottom:0 !important;
}

.title__row h1, .title__row .phone__number {
    color:#152f44;
}
.title__row h1 {
    font-weight:600;
    margin:16px 0;
}

.sidebar ul {
    list-style-type: none;
    padding: 0;
    margin-top: 2em;
}

.sidebar ul li {
    padding: 12px 0;
}

.sidebar ul li:not(:last-child) {
    border-bottom: 1px solid #e3e3e3;
}
.sidebar ul li a {
    color:#00AFEF;
}
.sidebar ul li a:hover, .sidebar li.current-menu-item a {
    color:#152F44;
}

.sidebar {
    padding-left:0;
}

.hover {
    background:#00AFEF;
    padding:10px;
    color:white;
    position:absolute;
    height:100%;
    width:100%;
    box-sizing: border-box;
    top:40%;
    left:0;
    pointer-events:none;
    opacity:0;
    -webkit-transition:0.3s all;
    transition:0.3s all;
}

.img_inner {
    border:1px solid #f0f0f0;
    padding:10px;
    box-sizing:border-box;
    position:relative;
    overflow:hidden;
    cursor:pointer;
}

.img_inner:hover .hover {
    top:0;
    opacity:1;
}

.image_list {
    list-style-type:none;
    padding:0;
    font-size:0;
}

.image_list li {
    display:inline-block;
    vertical-align:top;
    width:25%;
    font-size:11px;
    padding:10px;
    box-sizing:border-box;
    position:relative;
}

.image_list li img {
    max-width:100%;
    margin: 0 auto;
    display:block; 
}

.image_list .hover p {
    color:white !important;
}

.slide__block blockquote {
    border-left: 10px solid #00AFEF;
    padding: 15px 15px 68px 24px;
    margin: 15px;
    background: #f9f8f8;
    min-height:300px;
}

.slide__block blockquote p {
    margin-bottom:0;
}

.slide__block blockquote p strong {
    margin-top:1.5em;
    display:block;
}

.slide__block blockquote p strong {
    margin-top:1.5em;
    display:block;
}

.slide__block {
    padding-left:0;
}

.slide__block .slick-prev:before, .slide__block .slick-next:before {
    color:black !important;
    font-family:'FontAwesome' !important;
}

.slide__block .slick-prev:before {
    content:'\f137' !important;
}

.slide__block .slick-next:before {
    content:'\f138' !important;
}

.slide__block .slick-dots li button:before {
    font-size:50px;
    color:black !important;
}

.accordion-title {
    font-size:24px;
    color: white;
    background: rgba(255,255,255,0.1);
    padding: 10px 15px;
    margin-bottom: 5px;
    cursor:pointer;
    position:relative;
}

.accordion-content {
    padding:0px 15px 10px 15px;
}

.accordion-content h3 {
    font-size:18px;
    margin-top:38px;
}

.accordion-title:after {
    content:'▼';
    color:white;
    position:absolute;
    right:15px;
    top:10px;
}

.menu-academy-menu-container {
    float:left;
}

.accordion-content * {
    color:white;
}

.blog_post {
  color: #fff;
  margin: 5px;
  float: left;
  width: 255px;
}
.blog_post .entry-feature {
  border-radius: 0;
  margin: 0;
}
.blog_post .entry-header {
  background: #142f45;
  padding: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.blog_post:hover .entry-header {
  background: #00AFEF;
}

.entry-feature img {
    height:auto !important;
}

.entry-title, .entry-meta {
    color:white !important;
}

h3.entry-title {
    font-size: 27px;
    line-height: 1.2em;
    margin: 0 0 0.83em;
    color: #ffffff;
}

.service_item {
  border: none;
  background: #152f44;
  color: #fff;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  max-width: 23.5%;
  height: 250px;
  position: relative;
  overflow: hidden;
  margin: .3%;
}

.service_item2 {
  border: none;
  background: #152f44;
  color: #fff;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
  zoom: 1;
  max-width: 33.5%;
  height: 250px;
  position: relative;
  overflow: hidden;
  margin: .3%;
}

.ie7 .service_item {
  display: inline;
}
.service_item__title {
  color: #fff !important;
  line-height: 100%;
  margin: 0 0 1em 0;
  font-size: 32px;
}
.service_item:hover {
  color: #fff;
  border: none;
}

.page-numbers:not(.page-num) {
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    background: #347bb8;
    color: white;
    font-weight: 600;
    -webkit-transition:0.3s all;
    transition:0.3s all;
}

.page-num {
    width:100%;
    display:none;
}

.page-numbers.current,
a.page-numbers:hover{
    background: #173689;
}

.custom-pagination {
    text-align: center;
    margin: 2em 0;
}

.form__width {
    max-width:700px !important; 
}

.custom__form {
    padding:0 20px !important;
}

.custom__form .ang {
    padding:10px;
}

.custom__form label,
.contact-form label {
  display: block;
  font-weight: bold;
  margin: 6px 0;
    text-transform:uppercase;
}
.custom__form label span,
.contact-form label span {
  color: #AAAAAA;
  font-weight: normal;
  margin-left: 4px;
}
.custom__form textarea, 
.contact-form textarea {
  height: 181px;
  margin-bottom: 13px;
  width: 80%;
    max-height:181px;
}
.contact-submit {
  margin-top: 20px;
}
.custom__form input[type="text"], 
.custom__form input[type="email"],
.custom__form input[type="password"], 
.custom__form textarea,
.contact-form input[type="text"], 
.contact-form input[type="email"], 
.contact-form textarea {
    border:1px solid #d9d9d9; border-radius:7px;
}

.title__icon {
    display: inline-block;
    height: 50px;
    margin: 16px 20px 16px 0;
    vertical-align: top;
}
.title__icon + h1 {
    display: inline-block;
}

.norad__right {
    border-radius:5px 0 0 5px;
}
.norad__left {
    border-radius:0 5px 5px 0;
}

[id*="modal__"] .tri {
    padding:0 !important;
}

[id*="modal__"] h1 {
    padding: 10px 30px 30px 30px;
    border-bottom: 1px solid #d6d6d6;
    background: white;
    margin: 0;
}

.custom__form .form__inner {
    padding: 1em 30px;
    min-width: 450px;
    max-width:100%;
    background:#f0f0f0;
    border-bottom: 1px solid #d6d6d6;
}
.custom__form .form__bottom {
    padding: .7em 30px 0 30px;
    min-width: 450px;
    max-width:100%;
    text-align:center;
    background:white;
}

.full__link, .link__full {
    height:100%;
    width:100%;
    position:absolute;
    z-index:70;
    top:0;
    left:0;
}

table {
  border-bottom: 1px solid #ededed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
  line-height: 2;
  margin: 0 0 20px;
  width: 100%;
}
caption,
th,
td {
  font-weight: normal;
  text-align: left;
}
caption {
  font-size: 16px;
  margin: 20px 0;
}
th {
  font-weight: bold;
  text-transform: uppercase;
}
td {
  border-top: 1px solid #ededed;
  padding: 6px 10px 6px 0;
}

.main__content img {
    max-width:100%;
    height:auto !important;
}

.skin-light .eosa_popup p {
    color:white !important;
}

/* Mobile Styles */

/* iPad with portrait orientation. */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait){
    .hero__section {
        height:calc(0.4 * 512px);
    }
}

/* iPad with landscape orientation. */
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape){
    .hero__section {
        height:calc(0.4 * 786px);
    }
}

/* Smaller Devices */
@media screen and (device-aspect-ratio: 40/71) {
    .hero__section {
        height:calc(0.4 * 500px);
    }
}

@media screen and (min-width:1801px) {
    .hero__background {
        background-size:cover;
    } 
}

@media screen and (min-height:1024px) {
    .hero__background {
        background-size:cover;
    }
}

@media screen and (max-width:63.938em) {
    
    #menu-main-menu li, #menu-main-menu li a, #menu-main-menu-1 li, #menu-main-menu-1 li a {
        color: #d8d8d8;
        box-sizing: border-box;
        font-size: 12px !important;
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
    }
    
    #menu-main-menu li.current-menu-item a, #menu-main-menu li:hover a, #menu-main-menu-1 li.current-menu-item a, #menu-main-menu-1 li:hover a {
        font-size: 12px !important;
    }
    
    .academy__footer li {
        width:100% !important;
        margin-bottom:15px;
    }
    
    .section__title {
        font-size:22px;
    }
    
    .w50>li {
        width:100%;
        margin-bottom:1em;
    }
    
    .slick-dots {
        display:none;
    }
    
    .sector-icon img {
        max-width: 35px;
    }
    
    .sector-icon > li > a > span {
        display: block;
        z-index: 10;
        font-size: 10px;
    }
}

@media screen and (max-width:47.938em) {
    
    [class^="job__title"] {
        font-size:22px;
    }
    
    .modal-box {
        overflow-y:scroll;
    }
    
    .job__body{
        padding-left:2em;
        padding-right:2em;
    }
    
    .sidebar {
        padding-left:2em;
    }
    
    .service_item {
        max-width:100%;
    }
    
    .search_row li {
        width: 100%;
    }
    
    .search_row li.submit {
        width:100%;
    }
    
    .sector-icon>li {
        width: auto;
        text-align: left;
    }
    
    .sector-icon>li>a>span {
        display: none;
    }
    
    .slick-dots {
        display:none;
    }
    
    .padding__mobile {
        padding:0 2em;
    }

    .padding__job {
        padding:0;
    }
    
    .row-5a746d9784152 > .tri {
        padding:0 !important;
    }
    
    .logo {
        max-width:125px;
        margin:0 auto;
        display:block;
    }
    
    .row-5a746d9784152 > .tri .contentBlock__content {
        border-bottom:2px solid white;
    }
    
    .title__row h1 {
        margin:0;
        font-size:18px;
    }
    .title__row .tri {
        padding:0 !important;
    }
    
    .title__icon {
        display: inline-block;
        height: 30px;
        margin: 0 10px 0 0;
        vertical-align: top;
    }

    .section__title {
        font-size:16px;
        position: relative;
        padding-left: 70px;
        text-align:left;
        display: inline-block;
        width: 100%;
    }
    
    .section__title:after {
        content:'\f054';
        font-family:'FontAwesome';
        color:rgba(255,255,255,0.5);
        position:absolute;
        right:20px;
    }
    
    img.home__img {
        width: 40px;
        position: absolute;
        left: 20px;
        top: -8px;
    }

    .sector-icon {
        line-height:36px;
    }

    .sector-icon > li:first-child {
        width:100%;
    }
    
    .nav-menu-squared li {
        height:auto;
    }
    
    .homepage__slider__content h1 {
        font-size: 28px;
    }
    
    .homepage__slider__content p {
        font-size: 14px;
    }
    
    .homepage__slider__content {
        z-index: 10;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        text-align:center;
    }
    
    #menu-our-menu-1 li:not(#home-modal) {
        display:none;
    }
    #menu-our-menu-1 li#home-modal a img {
        position:relative;
        margin:0 auto;
        width:125px;
    }
    
    #menu-our-menu-1 {
        margin-top:70px;
    }
    
    .hero__padding {
        padding-top:0;
    }
    
    #menu-our-menu-1 li {
        width:100%;
        margin:0;
    }

    .w50 > li {
        width:100%;
    }
    
    #menu-main-menu {
        display:none;
    }
    #menu-main-menu-1 {
        list-style-type:none;
    }
    
    .thinking__menu {
        list-style-type:none;
        padding-left:0;
        margin-top:50px;
    }
    
    .thinking__menu li {
        border-bottom:1px solid rgba(0,0,0,0.2);
        padding:5px 20px;
    }
    .thinking__menu li:before {
        content:'\f053';
        font-family:'FontAwesome';
        margin-right:10px;
        color:rgba(0,0,0,0.4);
    }
    .thinking__menu li a {
        color:white;
    }
    
    .mobileMenu__outer {
        opacity:1;
        pointer-events:all;
        width: 100%;
        position: fixed;
        height: 100%;
        left: -100%;
        top: 0;
        z-index: 999;
        overflow-Y:scroll;
    }
    
    #menu {
        z-index: 9999;
    }
    
    #menu.open {
        
    }
    
    .mobileMenu__outer.open {
        left: 0;
        top:0;
    }
    
    .mobileMenu__outer.open #menu-main-menu-1 li {
        display: block;
        font-size: 22px !important;
        text-align:left;
    }
    
    .mobileMenu__outer.open #menu-main-menu-1 li, 
    .mobileMenu__outer.open #menu-main-menu-1 li:not(.home__button) a {
        color: white;
    }
    
    .mobileMenu__outer.open #menu-main-menu-1 li.contact__button a {
        background:none;
        border:none;
    }
    
    .mobileMenu__outer.open #menu-main-menu-1 li.menu-item-has-children:after {
        content:'\f078';
        font-family:'FontAwesome';
        position:absolute;
        top:26px;
        right:30px;
        -webkit-transform:translateY(-50%);
        transform:translateY(-50%);
        opacity:0.6;
    }
    
    .mobileMenu__outer.open #menu-main-menu-1 li.menu-item-has-children.active:after {
        content:'\f077';
    }
    
    .mobileMenu__outer.open #menu-main-menu-1 li.menu-item-has-children > ul {
        opacity: 0;
        position: relative;
        top: auto;
        width: 100%;
        padding: 0;
        left: 0;
        margin: 0;
        z-index: 90;
        -webkit-transition: 0.3s all;
        transition: 0.3s all;
        pointer-events: all;
        overflow:hidden;
        height:0;
        background:rgba(0,0,0,0.1);
    }
    
    .mobileMenu__outer.open #menu-main-menu-1 li.menu-item-has-children.active > ul {
        opacity: 1;
        overflow:hidden;
        height:auto;
    }
    
    .mobileMenu__outer.open #menu-main-menu-1 > li.home__button a:after {
        color:white;
    }
    
    .mobileMenu__outer.open #menu-main-menu-1 li.menu-item-has-children.active > ul > li > a {
        padding-left:20px;
        font-size:12px;
    }
    
    .contentBlock_inner p > img {
        float:none !important;
        clear:both;
        margin:10px auto;
        display:block;
    }

    .hero__background {
        background-size:80em auto;
    }
    
    .hero__section {
        height:50%;
        height: 50vh;
    }
    
    .hero__content {
        -webkit-transform:translate(-50%, -50%) !important;
        transform:translate(-50%, -50%) !important;
    }
    
    .main__content {
        margin-top:0 !important;
    }
    
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child) .padding__small,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child) .padding__medium,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child) .padding__large,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child) .padding__xl,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child) .padding__xxl,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child):first-child .contentBlock.padding__small,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child):first-child .contentBlock.padding__medium ,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child):first-child .contentBlock.padding__large,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child):first-child .contentBlock.padding__xl,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child):first-child .contentBlock.padding__xxl,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child):last-child .contentBlock.padding__small,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child):last-child .contentBlock.padding__medium ,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child):last-child .contentBlock.padding__large,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child):last-child .contentBlock.padding__xl ,
    [id^="row-"] > .tri:not(.equal) .ang:not(:only-child):last-child .contentBlock.padding__xxl,
    .tri:not(.main__content) { padding:1em; }
    
    .footer__container {
        padding:2em;
    }
        
    #menu-main-menu {
        width: 100%;
        width: 100vw;
        position: fixed;
        height: 100%;
        height: 100vh;
        right: -100%;
        right: -100vw;
        -webkit-transition:0.3s all;
        transition: 0.3s all;
        background: #0d3879;
    }
    
    #menu-main-menu.open {
        right: 0;
    }
    
    #menu-main-menu.open li {
        display: block;
        border-bottom: 1px solid rgba(255,255,255,0.3);
        font-size: 22px !important;
        text-align:left;
    }
    
    #menu-main-menu.open li, 
    #menu-main-menu.open li a {
        color: white;
    }
        
    /* Custom CSS Above Here */
    
    .txtLmM {
        font-size:18px !important;
    }

    .txtM {
        font-size:18px !important;
    }

    .txtLg {
        font-size:22px !important;
    }

    .txtLmS {
        font-size:14px !important;
    }

    .txtCmL {
        text-align:left !important;
    }
    
    .txtMC {
        text-align:center !important;
    }

    .txtXL {
        font-size:32px !important;
    }

    .txtLmC {
        text-align:center !important;
    }

    .txtRmC {
        text-align:center !important;
    }

    .txtRmL {
        text-align:left !important;
    }

    .txtLmR {
        text-align:right !important;
    }
    
}


.txtjustify{
	
	text-align:justify;
}

.txtcenter{
	
	text-align:center;
}

h2.products{
	
	margin:0px;
	margin-bottom:20px;
}


msg-error {
  color: #c65848;
}
.g-recaptcha.error {
  border: solid 2px #c64848;
  padding: .2em;
  width: 19em;
}

#frmContact {border-top:#F0F0F0 2px solid;background:#FAF8F8;padding:10px;}
#frmContact div{margin-bottom: 15px}
#frmContact div label{margin-left: 5px}
.demoInputBox{
	padding:10px !important; 
	border: 1px solid #d9d9d9 !important; 
	border-radius: 7px !important; 
}
.error{background-color: #FF6600;border:#AA4502 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
.success{background-color: #12CC1A;border:#0FA015 1px solid;padding: 5px 10px;color: #FFFFFF;border-radius:4px;}
.info{font-size:.8em;color: #FF6600;letter-spacing:2px;padding-left:5px;}
.btnAction{background-color:#2FC332;border:0;padding:10px 40px;color:#FFF;border:#F0F0F0 1px solid; border-radius:4px;}
.btnRefresh{background-color:#8B8B8B;border:0;padding: 16.5px;color:#FFF;float:left;}