@charset "UTF-8";
/* Web Solutions 4.0 Compatible */


/* HEADINGS ------------------------------ */
h1 {font-size:2.5em;}
h2, .content * h1{font-size:1.75em}
h3, .content * h2{font-size:1.4em}
h4, th{font-size:1.3em}
h5 {font-size:1.1em}
h6 {font-size:1.0em}
.intro {font-size: 1.25em;}


/* HEADER ------------------------------*/
body>header{position: absolute; background:#fff; top: 0;left: 0;z-index: 5;}
body:not(#tinymce) {
        padding-top: 9em;
    }
    body.management>header {
        top: 35px;
    }
/* body>header>.wrap{height:60px} */
#brand{display:inline-flex;padding: .8125rem 0;}
#brand img{display: block; max-width: 100%; height: auto;width: 19rem;}
/* nav */
nav ul{margin: 0}
#mainnav{background:#F4F4F5;overflow:visible}
#mainnav ul{text-align:left;overflow:visible;margin: 0 0 0 -1.125rem;/*padding: 0 6.6rem 0 5.6rem;*/}
#mainnav li{display:inline-block;position:relative}
#mainnav a{line-height:3.533em;padding:0 1.125rem;display:inline-block;color:#103E62;font-weight: 500;text-decoration:none;font-size: .9375rem;}
#mainnav>.ancillary-wrap>ul>li:hover>a, #mainnav>ul>li:active>a{background:#0072CE;color:#fff}
#mainnav>.ancillary-wrap>ul>li.on>a{background:#fff;color:#0072CE}
#mainnav .search {float: right;/*margin-right: 6.6rem;*/height: 3.25rem;}
#mainnav .search input{
        display: inline-block;
        height: 3.25rem;
        background-color: rgba(16, 62, 98, 0.1);
        box-shadow: none;
        font-size: .9375rem;
        color: #082841;
}
#mainnav .search input[type="text"]::placeholder {
        color: rgba(8, 43, 65, 0.5);
}
#mainnav .search input[type="text"] {
        width: 14.56rem;
        padding: 0 1.3125rem;
        float: left;
        border: 0;
        transition: all 0s;
}
#mainnav .search input[type="submit"] {
        width: 3.875rem;
}
#mainnav .search-icon {
        position: relative;
        display: inline-block;
        height: 3.25rem;
}
#mainnav .search-icon svg {
        height: 1rem;
        width: 1rem;
        position: absolute;
        fill: rgba(8, 40, 65, 0.5);
        top: 50%;
        right: 50%;
        transform: translate(50%, -50%);
        pointer-events: none;
        transition: all .2s;
}
#mainnav .search-icon input[type="submit"]:hover {background: #0072CE}
#mainnav .search-icon input[type="submit"]:hover + svg {fill: #fff;}



/* FIXED HEADER */
body>header.fixed {position: fixed; top: 0; pointer-events: none; -webkit-transform: translateY(-100%); transform: translateY(-100%)}
		.management>header.fixed {top: 35px;}
		.management2>header.fixed {top: 79px;}
	body>header.stick {-webkit-transition: ease all 200ms;transition: ease all 200ms; pointer-events: auto; border-bottom: 2px solid #fff}
	body>header.stick.slide {-webkit-transform: translateY(0);transform: translateY(0);}

body>header.fixed #brand img {display: none;}
body>header.fixed #brand {
        display: block;
    float: left;
    padding: 0;
    height: 2.5rem;
    background-image: url(/images/logocolor.png);
    width: 2.5rem;
    z-index: 10;
    left: 0.5rem;
    top: .45em;
    position: absolute;
    background-size: contain;
}
body>header.fixed #mainnav>.ancillary-wrap>ul {padding-left: 3.5rem;}
body>header.fixed #mainnav form.search input[type="text"] {width: 0; padding: 0;transition: all .2s;}
body>header.fixed #mainnav form.search input[type="submit"] {width: 2rem;}
body>header.fixed #ancillary {z-index: -1;}
body>header.fixed #mainnav form.search:hover input[type="text"], body>header.fixed #mainnav form.search  input[type="text"]:focus {
        padding: 0 .5em;
        width: 9.25rem;
}
body>header.fixed #mainnav>.ancillary-wrap>ul>li:last-of-type {display: inline-block;}

/* drop-down menu */ 
#mainnav li ul{z-index:1;width:220px;padding:.5em 0;left: 1.125rem;background:#fff;position:absolute;overflow:auto;height:auto; top: -200vh;opacity: 0;z-index: -1; visibility: hidden; transition: ease 200ms opacity 0.35s;
	box-shadow: 0 2px 1px rgba(0,0,0,0.09), 
	0 4px 2px rgba(0,0,0,0.09), 
	0 8px 4px rgba(0,0,0,0.09), 
	0 16px 8px rgba(0,0,0,0.09);}
#mainnav li:hover ul, #mainnav>ul>li>a.tapped + ul {opacity: 1; top:auto; visibility: visible; z-index: 2;}
#mainnav .ancillary-wrap>ul>li:last-child ul{right:0;left: auto;}
#mainnav li ul li{width:100%;display:block;float:left}
#mainnav ul li ul li a{background:none;color:#0072ce}
#mainnav li ul li a{font-size:.9em;line-height:1.1em;padding:.4em 1.125rem; display:block;width:100%;text-align:left;float:left}
#mainnav li ul li a:hover, .t1 li ul li a:active{color: #103e62;background: #F4F4F5;}
/* ancillary */
.ancillary-wrap {
        width: 100%;
        max-width: 77rem;
        margin-left: auto;
        margin-right: auto; 
        padding: 0 1rem;
        position: relative;
}
#ancillary {position:absolute;right:1rem;top:-5.75rem;padding: 1.4375rem 0 1rem 0;color:#ccc;font-size:.7em; text-align: right;}
#ancillary ul{display: inline}
#ancillary li{display: inline;}
#ancillary a {display: inline-block;padding: 0 0 .4em 0; text-decoration:none;color:#0072CE; font-weight: 500;font-size: 1.0625rem;}
#ancillary ul li:first-of-type a:before {
        content: "";
        background-image: url(/images/icons/misc/globe.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        height: 1.25rem;
        width: 1rem;
        margin-right: .3rem;
        vertical-align: sub;
}
#ancillary ul li:first-of-type a:after {
        content: "";
        background-image: url(/images/icons/misc/caret-right.svg);
        background-size: contain;
        background-repeat: no-repeat;
        display: inline-block;
        height: .75rem;
        width: .35rem;
        margin-left: .4rem;
}
#ancillary a:hover, #ancillary a:active,#ancillary li.on a{color:#666}
#ancillary li.on a {text-decoration:none;color:#666}
#ancillary p {font-size: .9375rem; color: #4A4A4A; font-weight: 300; font-style: italic;}
/* mobile */
#mobilenav,.menu{display: none}


/* MAIN ------------------------------ */
main>div>aside {width:17rem;padding-right: 2.5rem; /*overflow:hidden;float: left;*/}
main>div>#content{float:right;width:calc(100% - 17rem);padding:0 0 50px;overflow:hidden;min-height:600px;position:relative}
body.fullWidth main>div>#content {width: 100%;margin: 0 auto;float: none}
#sidenav:after {
        content: "";
        height: 350vw;
        position: absolute;
        border-right: 2px solid #E7EAED;
        right: 0;
        display: block;
        z-index: 1;
    }
.twoCol, .threeCol, .resCol{
-webkit-column-rule:1px outset rgba(0,0,0,.15);
   -moz-column-rule:1px outset rgba(0,0,0,.15);
        column-rule:1px outset rgba(0,0,0,.15);
}

.twoCol {-webkit-columns:2;-moz-columns:2;columns:2;}
.threeCol {-webkit-columns:3;-moz-columns:3;columns:3;}
.resCol { -webkit-columns: auto;-moz-columns: auto;columns: auto; -webkit-column-width: 13em;-moz-column-width: 13em;column-width: 13em;}

.formTable td{width:50%}
.formTable td{padding:0 0 .5em .5em}
.formTable td:first-child{padding:0 .5em .5em 0}
.formTable td[colspan="2"]{padding-right:0}
.formTable.formLoose,.formTable.formLoose td{width:auto}

.photoright{margin:0 0 3em 4em;}
.photoleft{margin:0 4em 3em 0;}

.wsManagementLogin td:first-child {width:40%; text-align: right}

body.hasRightAside #content {padding-right: 17.25rem;}
main .content aside.rightAside {
        position: absolute;
        width: 14.25rem;
        right: 1rem;
        top: 0;
        padding-right: 0;
}
aside.rightAside a.button {width: 100%; text-align: center;}
aside.rightAside ul li:before {
        display: block;
}
.photoright.usb-img {width: 15.625rem;max-width: 50%;height: auto;}

.pageHeader {padding-top: 8%;}

/* HOME -------------------------------- */
#rotator {padding-bottom: 33.7857%}
#rotator .slide .title {position:absolute; top: 50%; left: calc(50% - 37.5625rem); transform: translateY(-50%);}
#rotator .slide .caption {position: absolute;bottom: 19.869%;left: 61.5%;font-style: italic;}
#rotator .slick-dots {position: absolute; margin:0; bottom: 13.44%; left: 61.5%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center;}

.callouts li + li {margin-left: 1rem}
.callouts li {width: 25%;}
.callouts li a {position:relative;padding: 2.2rem 1.25rem 3.6rem;}
.callouts a .view {
        position: absolute;
        bottom: 2.2rem;
}
/* FOOTER ------------------------------ */
.fatFooter>nav{float: left;width: 80%}
.fatFooter>nav>ul{float: left;width:25%}
#web-solutions {float:right;margin-left:11px}
body>footer .wrap nav span:before {content: "|"; margin: 0 0.5em}


/* animation delays */
.delay-2, .callouts ul li:nth-of-type(2) {-webkit-transition-delay:.3s;  -moz-transition-delay:.3s;  -o-transition-delay:.3s;  transition-delay:.3s;}
.delay-3, .callouts ul li:nth-of-type(3) {-webkit-transition-delay:.45s; -moz-transition-delay:.45s; -o-transition-delay:.45s; transition-delay:.45s;}
.delay-4, .callouts ul li:nth-of-type(4) {-webkit-transition-delay:.6s;  -moz-transition-delay:.6s; -o-transition-delay:.6s;  transition-delay:.6s;}
.delay-5 {-webkit-transition-delay:.75s; -moz-transition-delay:.75s; -o-transition-delay:.75s; transition-delay:.75s;}
.delay-6 {-webkit-transition-delay:.9s;  -moz-transition-delay:.9s; -o-transition-delay:.9s;  transition-delay:.9s;}
.delay-7 {-webkit-transition-delay:1.05s; -moz-transition-delay:1.05s; -o-transition-delay:1.05s; transition-delay:1.05s;}
.delay-8 {-webkit-transition-delay:1.2s; -moz-transition-delay:1.2s; -o-transition-delay:1.2s; transition-delay:1.2s;}
.delay-9 {-webkit-transition-delay:1.35s; -moz-transition-delay:1.35s; -o-transition-delay:1.35s; transition-delay:1.35s;}
.delay-10 {-webkit-transition-delay:1.5s; -moz-transition-delay:1.5s; -o-transition-delay:1.5s; transition-delay:1.5s;}

/* QUERIES */

/* 1250 */
@media (max-width: 78.125em) {
        #rotator .slick-slide .title {left: 1.5rem; width: 28.75rem;}
        #rotator .slick-slide .title h2 {font-size: 1.5em;}
        #rotator .rotator-content .foreground {width: 50%;}
        .callouts h2 {left: 1.5rem;}

        #mainnav .ancillary-wrap>ul {padding-left: 1em;}
        #mainnav a {padding: 0 .5rem;line-height: 3.75em; font-size: .875em;}
        #mainnav li ul li a {padding: .4em .5rem;}
        header.fixed #mainnav a {font-size: .85em;}
        #mainnav .search input[type="text"] {width: 10.25rem;padding: 0 .5rem; font-size: .85em;}
        #mainnav .search input[type="submit"] {width: 2rem;}

        .pageHeader {padding-top: 6.5rem;}

        .welcome-message .wrap {padding: 5em 1.5rem;}
        .welcome-message .half + .half {margin-left: 2rem;}

        .callouts .wrap ul {flex-wrap: wrap;}
        .callouts li {
                margin: 1rem;
                width: calc(50% - 2rem);
        }

        .welcome-message .featured-image {
                padding-top: 34vh;
        }
        .welcome-message .half:first-of-type {width: 60%;}
        .welcome-message .half + .half {width: 40%;}

        .fatFooter > p {width: 14%;}
        .fatFooter .social-links a + a {margin-left: 1em;}
}

/* 900 */
@media (max-width: 56.25em) {

        body>header.fixed #mainnav .ancillary-wrap>ul>li>a {font-size: .825em;padding: 0 .5rem;}
        #mainnav .ancillary-wrap>ul>li:nth-last-child(2) ul{right:0;left: auto;}
        body>header #mainnav .search {
                position: absolute;
                right: 1rem;
                z-index: 5;
                top: -2rem;
         }
         #mainnav .search input[type="text"], #mainnav .search-icon, #mainnav .search input[type="submit"] {height: 2rem;}
   
         #brand {padding: 1.25rem 0;}
         #ancillary {top: -7.5rem;}
         #mainnav a {padding: 0 .75rem;}
        /* #rotator .slick-slide .title {height: 18.75rem; right: 50%; transform: translateX(50%);} */
        #rotator .slick-slide .title {
                font-size: 1.7vw;
                width: 50vw;
        }
        #rotator .slider .slick-slide .caption {font-size: 1rem}

        .welcome-message > .wrap {flex-direction: column;}
        .welcome-message .half:first-of-type, .welcome-message .half + .half {width: 100%; margin-left: 0;}

        body:not(#tinymce) {padding-top: 9.9em;}

       .fatFooter-content {flex-wrap: wrap;justify-content: space-around;}
       /* .fatFooter-content > *:nth-child(-n+3) {width: 33%;margin-bottom: 1rem;} 
       .fatFooter-content > *:nth-last-child(-n+2) {width: 33%;}  */
       .fatFooter-content>* {margin: 0 1rem 0;}
       .fatFooter address, .fatFooter .email, .fatFooter .phone-number {margin: 0 0 .5em 1rem;}
}