/************************
* Resets *
************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block }
audio, canvas, video { display:inline-block; *display:inline;
*zoom:1
}
audio:not([controls]) { display:none }
html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100% }
a:focus { outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px }
a:hover, a:active { outline:0; text-decoration:none; }
sub, sup { position:relative; font-size:75%; line-height:0; vertical-align:baseline }
sup { top:-0.5em }
sub { bottom:-0.25em }
img { height:auto; border:0; -ms-interpolation-mode:bicubic; vertical-align:middle }
button, input, select, textarea { margin:0; font-size:100%; vertical-align:middle }
button, input {
*overflow:visible; line-height:normal }
button::-moz-focus-inner, input::-moz-focus-inner {
padding:0;
border:0
}
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button }
input[type="search"] { -webkit-appearance:textfield; -webkit-box-sizing:content-box; -moz-box-sizing:content-box; box-sizing:content-box }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance:none
}
.video_panel {position:relative;background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; display:block; -ms-behavior: url(/js/backgroundsize.min.htc); -o-background-size: cover;}
.clearfix { *zoom:1;}
.border {border:1px solid #ccc;}
.clearfix:before, .clearfix:after { display:table; content:"" }
.clearfix:after { clear:both }
a:-webkit-any-link:hover {text-decoration:none!important;}
/*------typography, etc.------*/
body { margin:0; font-family: 'Verdana','Helvetica Neue', Helvetica, Arial, sans-serif; font-size:16px; line-height:1.5em; font-weight: 300; color:#323E48; -webkit-backface-visibility: hidden; background: #FFF; margin: 77px 0 0 0;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;}
p { margin:0 0 1em; line-height: 1.5em;}

.text-align-center {text-align: center;}

a { cursor: pointer; text-decoration: underline; color:#294F6E;}
align_left {text-align:left!important;}
align_right {text-align:right!important;}
a:active { text-decoration:none; }



a img { border:none; }
img { max-width:100%; }
h1, h1 a { font-size:44px; margin-bottom:.75em; line-height:1.1em; font-weight: 700; }
    h1.homepage { margin:0.75em 0; font-size:34px; color:#333e48; font-weight:700; line-height: 1.1em; }
    h1.basepage { margin:0em 0 !important; font-size:44px; line-height: 1.1em; }
h2, h2 a { margin-bottom:0.75em; font-size:34px; color:#333e48; font-weight:700; line-height: 1.1em; }
h3, h3 a { font-size:24px; margin-bottom:0.25em; color:#333e48; font-weight:700; }
h4, h4 a { font-size:20px; margin-bottom:.5em; font-weight:700; }

strong, b {font-weight: 700;}

p+div, p+fieldset { margin-top:1.5em; }
p+ul, p+ol { margin-top:-.125em; margin-bottom:1.5em; }
p+h2, ul+h2, ol+h2, p+h3, ul+h3, ol+h3, p+h4, ul+h4, ol+h4 { margin-top:1.25em; }
.lead { font-size:1.4em; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; margin-bottom:.75em; }
hr {color: rgba(204, 204, 204, 0.2); background-color: rgba(204, 204, 204, 0.2); height: 1px; border: 0; width: 100%; margin-bottom: 3.5em; margin-top: 3.5em; clear: both;}
.margin-right{margin-right:15px;}
blockquote { padding:2.5em 0; }
blockquote p:before { content: open-quote; color:#333e48;  font-size:6em; line-height: 0.50em;margin-left: -0.50em;float: left;}
blockquote p:after { content: close-quote; color:#333e48;  font-size:6em; line-height: 0.50em;float:right;margin-top:15px}
.center {text-align:center}
cite { color:#333; margin:0 00; display:block; text-emphasis:none; font-style:normal; }
cite p { margin-bottom:1em; }
sup, sub { line-height:1em; }
strike { color:#747474; }
iframe { margin:0 auto 1.5em auto; display:block; width:100%; }
code { font-size:1em; background:rgba(0,0,0,.07); border-radius:4px; padding:0 3px; }
pre { white-space: pre; overflow:auto; width:100%; padding:0; font-size:12px; line-height:1.4em; font-family: Monaco, monospace; border:1px solid #DDD; background:whitesmoke; -moz-border-radius:4px; border-radius:4px; margin-bottom:2.5em; }
aside, figure { float:right; margin:0 0 1em 2.5%; width:33%; background:whitesmoke; padding:.75em; font-size:.75em; line-height:1.333em; -moz-border-radius:4px; border-radius:4px; }
aside img, figure img { margin:0 0 1em; }
dl { margin-bottom:1em; }
dt { font-weight:bold; }
.blue-box-wrapper {margin:2em 0}
.blue-box {border:2px solid #183d6e; display:inline-block; float:left; padding:30px 30px; margin-right:2.75em; position:relative; margin-bottom:0.50em; min-width:185px; text-align:center;}
.blue-box span {border-radius: 50%;	width: 25px;height: 25px; border:3px solid #333e48; position:absolute ; left:-15px; center:0; background-color:#fff; color:#666; text-align:center; }
.addthis {padding: 10px 9px 10px;border: 1px solid #e5e6e9;border-radius: 3px;}
.addthisevent-drop {z-index:999998}
.addthis {padding:10px 9px 10px; border:1px solid #e5e6e9; border-radius:3px;}
.addthis:hover {border:1px solid #AAB9D4; }
.panel_anchor {display: block;position: relative;top: -150px;visibility: hidden}
div.inset.img_panel{ padding:100px 0 50px!important;}
footer {margin-bottom:1.5em; line-height:1.1em; font-size:13px;}

.visuallyhidden{position:absolute;white-space:nowrap;width:1px;height:1px;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);clip-path:inset(50%);margin:-1px;}

/************************
* Structure *
************************/
.first { float:left; margin-right:3.5%; }
.middle { float:left; margin-right:3.5%; }
.last { float:right; }

/*------widths------*/
.group { margin-bottom:1.5em; }
.group:last-child { margin-bottom:0; }
.group_1of2, table.table_structure_2x td { width:48.25%; }
.group_1of3, table.table_structure_3x td { width:31%; }
.group_2of3 { width:65.5%; }
.group_1of4, table.table_structure_4x td { width:22.375%; }
.group_3of4 { width:74.125%; }
.group_1of5 { width:17.2%; }
.group_2of5 { width:37.9%; }
.group_3of5 { width:58.6%; }
.group_4of5 { width:79.3%; }
.group_1of6 { width:13.75%; }
.group_5of6 { width:82.75%; }
.group_1of7 { width:11.28571428571429%; }
.group_2of7 { width:26.07142857142858%; }
.group_3of7 { width:40.85714285714287%; }
.group_4of7 { width:55.64285714285716%; }
.group_5of7 { width:70.42857142857145%; }
.group_6of7 { width:85.21428571428574%; }
.group_1of8 { width:9.4375%; }
.group_3of8 { width:35.3125%; }
.group_5of8 { width:61.1875%; }
.group_7of8 { width:87.0625%; }


.skip{position:absolute;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0;}
.skip:focus{position:static;width:auto;height:auto;margin:.5em .5em;} 


.lg-text {font-size: 22px; font-weight: 300;}
.med-text {font-size: 19px; font-weight: 300;}
.sm-text {font-size: 19px !important; font-weight: 400;}
.panel .number {font-size: 56px; line-height: 1.1em; font-weight: 700; color: #294F6E;}
.panel a.cta {
    display: table;
    margin: 1em 0 0 0;
    font-size: 12px;
    font-weight: 600;
    color: #323E48;
    text-decoration: none;
    padding: 1em 1.5em;
    border: 2px solid #333E48;
    border-radius: 6px;
    text-transform: uppercase;}

    .panel a.cta:hover {
        color: #ffffff;
        text-decoration: none;
        padding: 1em 1.5em;
        border: 2px solid #323E48;
        background-color: #323E48;}

    .panel svg { font-size: 32px; color: #7097aa; margin: 0 0 .25em 0;}

    

.img-bottom {margin: 0 0 -4.8em 0;text-align: center; overflow: hidden;}
    .img-bottom img {margin: 0 0 -140px 0;}

.blue-text {color: #5a7988;}

.width-900 { max-width: 900px; margin: 0 auto}
.white-bg {background-color: #FFFFFF;}

.margin-bottom-3em {margin-bottom: 3em;}

.gray-bg { background-color: #F8F7F7;}

.dark-blue-bg { background-color: #294F6E; color: #FFFFFF;}
.dark-blue-bg h2, .dark-blue-bg h3, .dark-blue-bg h4 {color: #FFFFFF;}
.dark-blue-bg ul { line-height: 1.4em; font-weight: 300;} 
.dark-blue-bg a { color: #FFFFFF;}

.dark-blue-bg.overflow-hidden {overflow: hidden; padding: 0 0;}
.dark-blue-bg.overflow-hidden .grid-2x-item1 {
    width: 48.5%;
    order: 1;
    padding: 6.4rem 0;}

    .dark-blue-bg.overflow-hidden .grid-2x-item2 {
        width: 80%;
        order: 2;
        position: relative;}

        .dark-blue-bg.overflow-hidden .grid-2x-item2 img {
        position: absolute;
        bottom: calc(0% - 13.4rem);
        right: calc(0% - 20%);}

        .dark-blue-bg a.cta {
            display: table;
            margin: 1em 0 0 0;
            font-size: 12px;
            font-weight: 600;
            color: #FFFFFF;
            text-decoration: none;
            padding: 1em 1.5em;
            border: 2px solid #7DA8BD;
            border-radius: 6px;
            text-transform: uppercase;
        }
        
        .dark-blue-bg a.cta:hover {color: #2e3841;  border: 2px solid #7DA8BD; background-color: #7DA8BD;}
        

.dark-blue-bg h2.lets-talk {color: #FFFFFF; font-size: 52px; position: relative; margin-bottom: 0.25em;}
.dark-blue-bg h2.lets-talk::before {
    content: "";
    background-color: #7DA8BD;
    width: 90px;
    height: 10px;
    display: block;
    position: absolute;
    top: -20px;
    left: 0px;
    right: 0px;
    margin: 0 auto;}

    .dark-blue-bg a.cta-lets-talk, .dark-blue-bg a.cta.text-align-center  {margin: 0 auto;
        font-size: 12px;
        font-weight: 600;
        color: #FFFFFF;
        text-decoration: none;
        padding: 1em 1.5em;
        border: 2px solid #7DA8BD;
        border-radius: 6px;
        text-transform: uppercase;}

        .dark-blue-bg a.cta-lets-talk:hover, .dark-blue-bg a.cta.text-align-center:hover {color: #2e3841;  border: 2px solid #7DA8BD; background-color: #7DA8BD;}


    img.icon {
            height: 32px;
            font-size: 32px;
            margin-bottom: .25em; }

/*------wrapper------*/
.wrapper { margin:0 auto; max-width:1360px; padding:0 30px; }
.extranet-inset .wrapper { margin:0 auto; max-width:1360px; padding:0 0px; }

#divExtranetSearch h1 {font-size: 24px; margin-bottom: .75em; line-height: 1.1em; font-weight: 700;}

/*------springboard------*/
.form_builder_validation {padding:10px 30px}
    .form_builder_validation ul {list-style:none; margin-left:0;}
    .form_builder_validation li {list-style:none;}
.form_builder_validation span.required {color: #BA1A22;  font-weight: bold;  font-size: 12px;}

.blue_heading {color:#183d6e;line-height:2em;}

.springboard_screenshot {position:relative;max-width:1096px; margin:0 auto; margin-top:2em; }
.springboard_screenshot img {max-width:100%;}

.springboard_screenshot:after{display:none;position:absolute;background:rgba(0,0,0,.4);content:' ';z-index:0;top: 10%;	bottom:8%;	left: 7%;	right: 5%;}
.springboard_screenshot.fade:after {display:block;}

.points {position:absolute; margin: -16px 0 0 -16px;}
.points a{display:block;text-indent:-9999px;border-radius:16px;-moz-border-radius:16px; -webkit-border-radius: 16px;  height:32px;width:32px;background:url(/images/icon-collabria-white.png) no-repeat center #183d6e;}
.points a:hover {background:url(/images/icon-collabria.png) no-repeat center #fff;}

#point1 {top:17%; left:25%}
#point2 {top:36%; left:21%}
#point3 {top:25%; left:75%}
#point4 {top:60%; left:65%}
#point5 {top:52%; left:10%}
#point6 {top:68%; left:35%}

.popover {opacity: 0.90;display:none;background:#fff;padding:1em;border:5px solid #333e48;position:absolute;top:16px;left:16px;z-index:1;width:360px;color:#333;box-shadow: 0 0 10px rgba(0,0,0,0.5)!important; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1);-webkit-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2); }
.popover ul {margin:0; }
.popover ul li {margin:0;}
.popover p {text-align:center;}
.popover h1 {font-size:1.3em;font-weight:bold; text-align:center}
.popover h2 {font-size:1.2em;font-weight:normal; text-align:center; color:#333; line-height:1.2em}
span.close {position: absolute;right: 10px;color: #000;top: 5px; cursor:pointer}

.active .popover{display:block;}
  .popover .active > a{background:#183d6e; box-shadow: 0 0 10px rgba(0,0,0,0.5)!important;-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.1);-webkit-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2); }
  
#point3 .popover {left:auto;right:16px;}
#point4 .popover {left:auto;right:16px;}
#feature-3 .small_inset {vertical-align:middle; padding-top:5em;}
.small {font-size:14px;}
p.case_study span {font-size:14px; display:inline-block;clear:both;}

a.btn_nav { display:none;}



/*------nav drawer------*/ 
.nav_drawer_btn {display:none;}
.nav_drawer {visibility: hidden;position:fixed;}

.nav_drawer .logo_text {position:static;color:#fff;text-transform:uppercase;line-height: 1.2em;width:auto;margin-bottom:1em;margin-left:15px;display:block}
.nav_drawer .logo_text span {display:block!important}
.nav_drawer .logo_text span:first-child {font-size:20px!important}
.nav_drawer .logo_text span:last-child {font-size:15px!important}

.nav_drawer .search {
    background: none;
    display: block;
    border: 0;
    outline: none;
    padding: 1em 1em;
    font-size: 1.1em;
    font-weight: 400;
    color: #FFF;
    width: 100%;
}

.nav_mobile ul {margin: 0 0 0em 0; padding: 0;}
.nav_mobile ul li {list-style: none; border-top: 1px solid rgba(255,255,255,.25);position:relative;}
.nav_mobile ul li:last-child {border-bottom: none;}

.nav_mobile > ul li a {color: #fff; text-decoration: none; display: block; font-size: 1.05em; padding: 1em 2em 1em 1em; line-height: 1.1em; text-transform: uppercase; font-weight: 600}

.nav_mobile > ul li.tablet-show {display: none;}

.nav_mobile > ul > li a.btn {margin-right:0;text-transform: uppercase; border-radius: 0;}

.nav_mobile > ul > li a.btn-careers { font-family: 'Barlow Condensed', sans-serif; font-weight: 700;  font-size: 1.188em; display: block; font-weight: 700; background-color: #C0A392;border-color: #C0A392; color: #000; margin-bottom: 1em;}
    .nav_mobile > ul > li a.btn-careers:hover { background-color: #E3C0AC;border-color: #E3C0AC;}

.nav_mobile > ul > li a.btn-raq { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 1.188em; display: block; font-weight: 700; background-color: #A6192E; border-color: #A6192E; color: #FFF;}
    .nav_mobile > ul > li a.btn-raq:hover { background-color:#CE253E;border-color: #CE253E;}


.nav_mobile > ul li ul {margin:0;padding:0;display:none;background: rgba(255,255,255,.12);}
.nav_mobile ul li ul li {border:0;}
.nav_mobile ul li ul li:last-child {border:0}
.nav_mobile ul li ul li a {line-height: 1.2em; padding:16px 18px;margin-bottom:0em; font-size:1em; text-transform: none;}

.nav_mobile > ul li ul li:last-child {margin-bottom:0em}

.nav_mobile .caret {display:block;border-left: 7px solid rgba(255,255,255,.65);border-top: 7px solid transparent;border-bottom: 7px solid transparent;content: ""; position:absolute;right: 1.25em; top: 1em;}
.nav_mobile .toggle_caret .caret {border-top:0px;border-top: 7px solid rgba(255,255,255,.65);border-right: 7px solid transparent;border-left: 7px solid transparent;}
    .close_nav_mobile {display:none}

.nav_mobile ul li:nth-last-child(1), .nav_mobile ul li:nth-last-child(2) { border-top: none;}

    .nav_mobile > ul li a.header-partner-login {    border: 2px solid #FFF;
        border-radius: 6px;
        text-transform: uppercase;    margin-bottom: 1em;    font-size: .9em;
        text-align: center; display: none;}
        .nav_mobile > ul li a.header-partner-with-us {    border: 2px solid #7DA8BD;
        border-radius: 6px;
        text-transform: uppercase;    margin-bottom: 1em;    font-size: .9em;
        text-align: center; display: none;}


.search_bar {padding:16px 0; text-align:right; display:none; background:#fff; }
.input_with_button {position:relative;margin-bottom: 2em;}
.search_bar .input_with_button {max-width:700px; margin:0 auto}

.input_with_button input[type="text"] {padding:10px; font-size: 14px; border: 1px solid #DDD; background: #fff; -moz-box-shadow:none; box-shadow:none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width:100%;}
.input_with_button a {color:#fff; font-size:18px;padding:0 12px; position:absolute; right:0px; top:0px; display:block;margin:0;background-color:#003157; border:none;height:100%;text-decoration:none;font-weight:700;text-transform:uppercase;}
.input_with_button a:hover {color:#fff;background:#001B31;}
.input_with_button a span {display:block;position:relative; top:50%; transform:translateY(-50%); font-size: 12px;}




/*------site header------*/

.site_header {  top:0;width:100%; z-index:25000; margin:0 auto; position:fixed; background: rgba(255, 255, 255, 1);}

.site_header a.logo { /*left:25px; font-size:14px; color:#333e48; text-decoration:none; float:left; display:inline-block; position:absolute;  width:435px;*/ z-index:5000;}

.site_header a.logo img { margin-right:.75em; display:inline-block; float:left; }

.site_header a.logo .tagline { display:inline-block; border-left:1px solid #DCD8D6; padding-left:10px; padding-top:0.50em; }

.site_header .wrapper { position:relative; }


.header-wrapper {display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
position: relative;
margin: 0 auto;
padding: 10px 30px;
height: 57px;
max-width: 1360px;}

.header-wrapper .item:nth-child(1) {
    text-align: left;
    flex-basis: 12.5%;
    padding: 0 20px 0 0;
}
.header-wrapper .item:nth-child(2) {
    text-align: center;
    flex-basis: auto;
    margin: 0 auto;
}
.header-wrapper .item:nth-child(3) {
    text-align: right;
    flex-basis: auto;
    padding: 0 0 0 20px;
}


.top_section { padding:10px 0 }

.top_section ul { margin:0; padding: 0 0; float:right; font-size:11px; color:#737373; display: flex;  align-items: center;}

.header-partner-login { padding: 1em 1.5em; border: 2px solid #333E48; border-radius: 6px; text-transform: uppercase; text-decoration: none; color: #000; font-weight: 600; display: block;}
    .header-partner-login:hover {border: 2px solid #333E48; background-color: #333E48; color: #FFF;}

.header-partner-with-us { padding: 1em 1.5em; border: 2px solid #7DA8BD; border-radius: 6px; text-transform: uppercase; text-decoration: none; color: #000; font-weight: 600; display: block;}
    .header-partner-with-us:hover {border: 2px solid #7DA8BD; background-color: #7DA8BD; color: #000;}  
    
    

.top_section ul li { list-style:none; float:left; padding-left:1em; text-align: center; line-height: 1.2em; }
    .top_section ul li:first-child { padding-left:0em; }
.top_section ul li.search { font-size:12px; margin-left:1.5em; margin-right:1.5em; }
 
.top_section ul li a.search { text-decoration:none; color:#737373 }
.top_section ul li a.search:hover { text-decoration:none; color:#183d6e }

.btn-french svg { font-size: 14px; color: #000;}
.btn-french a { text-decoration: none; color: #000;}
.btn-french span { font-size: 14px; font-weight: 600; text-transform: uppercase;}

ul.faq_accordian p+ul > li {list-style:disc!important}
.top_section ul li.partner_login { font-size:12px; margin-left:1.5em; margin-right:1.5em;color:#183d6e; font-weight:bold;padding-top:10px; }


.home-hero-img-text { display: flex; flex-direction: row; align-items: flex-start; margin: 0 0;}
.home-hero-image-left { width: 62.1212121212121%;order: 1;}
.home-hero-text-right {background-color: #F2F8E5; margin: 0 0 0 -4.5454545454545%; width: 42.4242424242424%; order: 2;}

.home-hero-img-text p, .home-hero-text-right p {font-size: 28px; font-weight: 300; line-height: 1.3em;}

.home-hero-image-right { width: 76.0869565217391%;order: 2;}
.home-hero-text-left {background-color: #F2F8E5; margin: 150px -23.9705882352941% 0 0; width: 50%; order: 1; z-index: 1;padding: 5.5em 3em 4em 3em;}

.home-hero-text-right h1, .home-hero-text-left h1 {font-size: 68px; text-transform: none; margin: 0 0 .25em 0;line-height: 1em; position: relative;}
.home-hero-right h1::after, .home-hero-text-left h1::after  {
        content: " ";
        background-color: #7DA8BD;
        width: 90px;
        height: 10px;
        display: block;
        position: absolute;
        top: -20px;
        left: 0px;
    }

	.home-hero-text-right a.cta, .home-hero-text-left a.cta { display: table; margin: 1em 0 0 0; font-size: 12px; font-weight: 600; color: #323E48; text-decoration: none; padding: 1em 1.5em; border: 2px solid #7DA8BD; border-radius: 6px; text-transform: uppercase;}
    .home-hero-text-right a.cta:hover, .home-hero-text-left a.cta:hover { color: #2e3841; text-decoration: none; padding: 1em 1.5em; border: 2px solid #7DA8BD; background-color: #7DA8BD;}






    .int-hero-img-text { display: flex; flex-direction: row; align-items: flex-start; margin: 0 0;}
    .int-hero-img-text p{font-size: 26px; font-weight: 300; line-height: 1.3em;}
    
    .int-hero-image-right { width: 57.3529411764706%;order: 2;}
    .int-hero-text-left {background-color: #F2F8E5;
        margin: 55px -7.3529411764706% 0 0;
        width: 50%;
        order: 1;
        z-index: 1;
        padding: 7.5em 3em 5em 3em;}
    
    .int-hero-text-left h1 {font-size: 60px; text-transform: none; margin: 0 0 .5em 0;line-height: 1em; position: relative;}
    .int-hero-text-left h1::after  {
            content: " ";
            background-color: #7DA8BD;
            width: 90px;
            height: 10px;
            display: block;
            position: absolute;
            top: -20px;
            left: 0px;
        }
    
        .int-hero-text-left a.cta { display: table; margin: 1em 0 0 0; font-size: 12px; font-weight: 600; color: #323E48; text-decoration: none; padding: 1em 1.5em; border: 2px solid #7DA8BD; border-radius: 6px; text-transform: uppercase;}
        .int-hero-text-left a.cta:hover { color: #2e3841; text-decoration: none; padding: 1em 1.5em; border: 2px solid #7DA8BD; background-color: #7DA8BD;}












.card-img-text { display: flex; flex-direction: row; align-items: flex-start; }
    .card-image-left { width: 62.1212121212121%;order: 1;}
    .card-text-right {background-color: #D9EFF4; margin: 188px 0 0 -14.3382352941176%; width: 53.6764705882353%; order: 2;padding: 4em 3em;}
    
    .card-img-text p, .card-text-right p {font-size: 24px; line-height: 1.4em; font-weight: 300;}
    
    .card-image-right { width: 62.1212121212121%;order: 2;}
    .card-text-left {background-color: #D9EFF4; margin: 0 -14.3382352941176% 0 0; width: 53.6764705882353%;order: 1; z-index: 1;padding: 4em 3em;}
    
        .card-text-right h2, .card-text-left h2 {text-transform: none;}
        .card-text-right a.cta, .card-text-left a.cta {display: table;
            margin: 1em 0 0 0;
            font-size: 12px;
            font-weight: 600;
            color: #323E48;
            text-decoration: none;
            padding: 1em 1.5em;
            border: 2px solid #333E48;
            border-radius: 6px;
            text-transform: uppercase;}

            .card-text-right a.cta:hover, .card-text-right a.cta:hover { color: #ffffff; text-decoration: none; padding: 1em 1.5em; border: 2px solid #323E48; background-color: #323E48;}
    
    
        .card-text-right a.cta img, .card-text-left a.cta img {margin:0 .5em; transition: 0.2s ease-in;}
    
        .card-text-right a.cta:hover img, .card-text-left a.cta:hover img {transform: translateX(50%);}
        .card-text-right a.cta:hover img[title~=back], .card-text-left a.cta:hover img[title~=back]  {transform: translateX(-50%);}


.grid-2x-wrapper { display: flex;justify-content: space-between;}
    .grid-2x-item1 { width: 48.5%; order: 1;}
    .grid-2x-item2 { width: 48.5%; order: 2;}
        .grid-2x-item2 p {font-size: 24px; line-height: 1.4em; font-weight: 300;}

        .grid-2x-item65 { width: 65%; order: 1; position: relative;}
        .grid-2x-item65 img {position: absolute; left: calc(0% - 10%);}
        .grid-2x-item30 { width: 30%; order: 2;}

.grid-3x-wrapper { display: flex;justify-content: space-around; margin: 3em 0 0 0; font-size: 20px !important;}

.grid-3x-wrapper p {font-size: 20px !important;}
    .grid-3x-item1 { width: 30%; order: 1;}
    .grid-3x-item2 { width: 30%; order: 2;}
    .grid-3x-item3 { width: 30%; order: 3;}




.grid-4x-wrapper { display: flex;justify-content: space-around; margin: 3em 0 0 0; flex-wrap: wrap;}
    .grid-4x-item1 { width: 20%; order: 1;}
    .grid-4x-item2 { width: 20%; order: 2;}
    .grid-4x-item3 { width: 20%; order: 3;}
    .grid-4x-item4 { width: 20%; order: 4;}


    .by-the-numbers-wrapper { display: flex;justify-content: space-around; margin: 3em 0 0 0; flex-wrap: wrap;}
    .by-the-numbers-item1 { width: 30%; order: 1;}
    .by-the-numbers-item2 { width: 30%; order: 2;}
    .by-the-numbers-item3 { width: 30%; order: 3;}

    


/*------main slideshow------*/
#main-rotator { position:relative; min-height: 100%; height: 100%; }
.hero_home .message_wrapper span.blue_link { background-color:#183d6e; padding:3px 5px; color:#fff; margin-left:5px; font-size:10px; }
.hero_home .message_wrapper a.learn_more_link {margin-left:3em; text-transform:uppercase; font-size:14px; }


/*------hero video------*/
video#bgvid {position:relative; right: 0; bottom: 0;min-width: 100% !important; min-height: 100% !important;width: auto; height: auto; z-index: -100; background:url(/webres/image/bnr_strawberry2_lg.jpg) no-repeat top center;background-size: cover;}


/*------page headers------*/
.hero_wrapper {overflow: hidden;position:relative;}
.hero_inner {width: 145.833333333333%;margin: 0 auto;margin-left: -22.9166666666665%;}
.hero { margin:0 auto; max-width:1690px; position:relative; }
.hero_home { margin:0 auto;  position:relative; }
.hero .main-rotator-caption-wrapper {margin-top:-60px;}
.hero_home .message_wrapper {margin-top:-20px;margin: auto;position: absolute;top: 35%;margin-left:10%; width:40%;}
.hero .message_wrapper {margin-top:-60px;margin: auto;position: absolute;top: 50%;margin-left:16%; width:40%;}
.hero .message_wrapper h2, .hero_home .message_wrapper h2 {font-size: 3em;line-height: 45px;}
.hero .message_wrapper .description p, .hero_home .message_wrapper .description p {display:block;background:url(images/icon-collabria.png) no-repeat top left; padding: 0em 40px; min-height:40px; }

/*------site footer------*/
.site_footer { clear:both; font-size:12px; color:#000; padding:1.5em 0px 5em 0px; background-color: #F8F7F7; font-weight:400; position:relative; }
.site_footer .wrapper { max-width:1360px;}
.site_footer .tier1 h3 { color:#fff!important; font-size:12px; font-weight:400;margin-bottom:0.25em; line-height:18px; border-bottom:1px solid #FFF; padding:0.50em 0; }
.site_footer a { color:#000000; text-decoration: underline; }
.site_footer a:hover { color:#333; text-decoration:none; }
.site_footer .inset { padding:0 0; }
.site_footer .tier1 ul { list-style:none; margin:0; padding:0; }
.site_footer .tier1 .unique_solutions ul {float:left;width:50%;}
.site_footer h4 {color:#fff!important; font-size:15px; font-weight:400; text-transform:uppercase; }
.site_footer .tier1 ul li { list-style:none; margin:0; margin-left:10px; }
.site_footer .arrow { position: absolute; bottom: 10px; right: 30px; z-index: 20000; font-size: 3em; }
.site_footer .tier1 .social ul { margin:0; padding:0; list-style:none; }
.site_footer .tier1 .social ul li a { list-style:none; float:left; display:inline-block; padding-left:10px; font-size:20px; }
.site_footer .tier2 { font-size:12px; padding-top:5em; text-align:center; }
.btn_footer_nav {display:none;}

.site_footer .group_1of2.last {text-align: right;}
.site_footer .group_2of3.last {text-align: right;}

.footer-sm {
    margin: 0 0;
    padding: 0 0;
    list-style-type: none;}

    .footer-sm li {
        display: inline-block;
        padding: 0 1em 0 0;
        font-size: 1.625em; }


/*------blog section------*/	
.blog_section .calendar_event_date {float: left;margin: 0 10px 0 0;background-color: #727376;padding: 2% 4%;text-align: center; text-transform:uppercase;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400; letter-spacing: 0.0225em; z-index: 2400; }
.blog_section .calendar_event_date span {font-size:2em;}
.blog_section p {font-size:15px;font-weight:500; text-align:left;}
.blog_section a {color:#fff;text-decoration:none;}
	.blog_section a:hover {color:#ccc;text-decoration:none;}
.blog_section .orange{color:#333e48}
.panels .blog {margin:1.5em auto;}

/*------blog-----*/
.sidebar div ul {margin:0; padding:0;line-height:18px;}
	.sidebar div ul li{padding: 8px 4px 8px 10px;list-style: none;border-bottom: 1px solid #e6e6e6;}
.sidebar span {display: block;line-height: 13px;font-size: 12px;margin-bottom: 6px;padding-top:8px;}
	.sidebar a {color:#183d6e; text-decoration:none; font-size:13px;}
	.sidebar div ul li:hover {background:#efefef;cursor:pointer;}
.panels .wrapper .sidebar .inset{padding-top:0} 
.panels .intro {padding-bottom:5em;}
.sidebar h4 { text-transform:uppercase;font-size:13px;margin-bottom:1em;}
.post-meta .date {padding-bottom: 8px!important;border-bottom: 1px solid #E6E6E6;font-size: 12px;   padding-bottom: 2px;   margin-bottom: 12px;   position: relative; font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:500;}
.post-meta .month{display: block;font-size: 17px;line-height: 10px;text-align: center;text-transform: uppercase;margin-bottom: 4px;padding: 0px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:500;}
.post-meta .year {display: block;font-size: 14px;line-height: 10px;text-align: center;text-transform: uppercase;margin-bottom: 4px;padding: 0px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:400;}
.post-header {margin-bottom:1em;}
.post-meta .day {display: block;font-size: 30px;line-height: 29px;text-align: center;padding: 0px 12px 0px 12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; font-weight:500;text-transform: uppercase;}
.post-content {position: relative;min-height: 98px;margin-bottom:4em;}
.more-link {display: block;margin-top: 25px; cursor: default;color: #fff;text-decoration:none!important;}
.more-link span {background-color:#183d6e!important;width: auto;cursor: pointer;padding: 6px 10px;font-size: 14px; text-decoration:none!important;}
	.more-link span:hover {text-decoration:none!important;color:#fff;background-color:#333!important}
.panels.wrapper.inset.blog{padding:50px;}
.post-meta {display: block; margin-bottom: 20px;border-right: 1px solid #E6E6E6;position: absolute;left: 0px;top: 0px;}
h2.title {margin-top:0.50em; font-size:1.9em;margin-bottom:0;}
h2.title a { text-decoration:none;}
span.meta-author, span.meta-category, span.meta-comment-count {font-size:11px;color: #757575;}
span.meta-author {font-size:11px;}
.sidebar .categories, .sidebar .archives, .sidebar .tags {margin-top:2em;}
.more-link:hover {color:#fff; text-decoration:underline!important; }
.content-inner {border-bottom: 1px solid #e6e6e6;padding-bottom: 50px;margin-bottom: 50px; }
.content-inner .orange {background-color:#333e48; padding:15px 20px; color:#fff!important;}
	.content-inner .orange h2.title a{color:#fff!important; }
		.content-inner .orange .post-header a {color:#fff;}
	.content-inner .orange span.meta-author, .content-inner .orange span.meta-category,.content-inner .orange  span.meta-comment-count {color:#fff;}
		.content-inner .orange .meta-author a:hover, .content-inner .orange .meta-category a:hover,.content-inner .orange .meta-comment-count a:hover {color:#183d6e;}
.content-inner .dark-grey {background-color:#4F5153; padding:15px 20px; color:#fff!important;}
	.content-inner .dark-grey h2.title a{color:#fff!important; }
		.content-inner .dark-grey .post-header a {color:#fff;}
	.content-inner .dark-grey span.meta-author, .content-inner .dark-grey span.meta-category,.content-inner .dark-grey  span.meta-comment-count {color:#fff;}
		.content-inner .dark-grey .meta-author a:hover, .content-inner .dark-grey .meta-category a:hover,.content-inner .dark-grey .meta-comment-count a:hover {color:#183d6e;}
.content-inner .dark-grey .more-link span {background-color:#333e48!important;width: auto;cursor: pointer;padding: 6px 10px;font-size: 14px;border-radius: 2px;-moz-border-radius: 2px;-webkit-border-radius: 2px;-o-border-radius: 2px; text-decoration:none;}
	.content-inner .dark-grey .more-link span a:hover {text-decoration:none!important;color:#fff;}
	.wrapper.blog_detail p {margin:1.5em 0;}
.blog_detail h1  {margin-top:0.50em; font-size:30px;margin-bottom:0.5em;color:#4F5153;font-weight:600;line-height:39px; }
	.quote-inner {position:relative;}
		.quote-inner h2.title {color:#fff; font-weight:bold;margin-top:0;padding-top:0;margin-bottom:0.40em;font-size:25px;line-height:30px;}
.quote-inner span.icon {bottom:6px;height: 33px;width: 28px;display: block;background:url(/images/quotes.png) no-repeat bottom; position: absolute;right: 5px; }	
	.quote-inner span.person {font-size:14px; padding-right:8px;font-weight:bold;margin-bottom:0;padding-bottom:0;display:inline-block; border-right:1px solid #666;}
	.quote-inner span.company {font-size:13px;display:inline-block; color:#ccc; }	

/* ============================================================
  PRIMARY STRUCTURE
============================================================ */
.mobile { display:none; }
.springboard { position:relative; top:-60px; z-index:10; }
.springboard_panel .small_inset { padding:50px 0 ; }
#panel_video {margin:0 auto; text-align:center; position:relative;}
#panel_video img {width:100%;}
#panel_video .panel_video_outer_wrapper{position:relative;}
#panel_video .panel_video_outer_wrapper .icon { top:50%; left:50%;position:absolute;text-align:center!important; margin:0 auto; font-size:3em; color:#fff; opacity:0.50}
.video_thumb {position:relative; }
.video_play {position: absolute;left: 50%;top: 50%;margin-left: -45px;margin-top: -50px;font-size: 6em!important;color: #fff;color: rgba(255,255,255, .6);}	
#leadership h2.testimonial_heading {font-size:1.75em; margin-bottom:0.25em;}
#leadership span.quotes {color:#333e48; font-size:2em; font-weight: 300; display:inline-block; }

/* ============================================================
  SECTIONS
============================================================ */
/* Typography */
/**************************/
#parallax .lets_talk h2 { margin-bottom:0.50em; }
#parallax .lets_talk h3 { color:#666; margin-bottom:1.50em; }
#parallax span.blue_link { background-color:#183d6e; padding:3px 5px; color:#fff; margin-left:5px; font-size:10px; }
#parallax a.learn_more_link { text-transform:uppercase; font-size:14px; }
a.blog_learn_more_link{text-transform:uppercase; font-size:14px;margin-bottom:1em}
span.blue_link { background-color:#183d6e; padding:3px 5px; color:#fff; margin-left:5px; font-size:10px; }

/* Section - Block */
/**************************/
a.get_started {padding:15px 35px!important; margin-top:2em}
#parallax .block { background: #fff; padding: 60px; margin:0 auto; }
.lets_talk { text-align:center!important; }
.lets_talk .btn {padding:15px 35px;}

/* Section - Parallax */
/**************************/
#parallax .parallax {background-position:50% 0; }
#parallax .parallax-one { position: relative; background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; display:block; -ms-behavior: url(/js/backgroundsize.min.htc); -o-background-size: cover;}
#parallax .parallax-two {position: relative; background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; display:block; -ms-behavior: url(/js/backgroundsize.min.htc); -o-background-size: cover;}
#parallax .inset { padding:100px 0; margin:0; }
#parallax .parallax-one h2 {font-size:33px;}


/*------Insets & Outsets ------*/

div#divFormBuilder{padding:6.4rem 0 !important;
    margin: 0 auto;
    max-width: 1360px;
    padding: 0 30px;}

.panel-inset {/*------padding:6.4rem 0;------*/ padding: 4.8rem 0;}
.panel-spacer {/*------height:6.4rem;------*/ height:4.8rem;}

.inset {padding:1.6rem;}
.inset_xs {padding:.4rem;}
.inset_s {padding:.8rem;}
.inset_m {padding:1.6rem;}
.inset_l {padding:3.2rem;}
.inset_xl {padding:6.4rem;}

.inset_btn {padding:.8rem 1.2rem;}

.inset_squish {padding:.8rem 1.6rem;}
.inset_squish_xs {padding:.2rem .4rem;}
.inset_squish_s {padding:.4rem .8rem;}
.inset_squish_m {padding:.8rem 1.6rem;}
.inset_squish_l {padding:1.6rem 3.2rem;}
.inset_squish_xl {padding:3.2rem 6.4rem;}

.inset_squeeze {padding:.8rem .4rem;}
.inset_squeeze_xs {padding:.2rem .16rem;}
.inset_squeeze_s {padding: .4rem .2rem;}
.inset_squeeze_m {padding: .8rem .4rem;}
.inset_squeeze_l {padding: 1.6rem .8rem;}
.inset_squeeze_xl {padding: 3.2rem 1.6rem;}

.stack {display:block;margin-bottom:1.6rem;}
.stack_xs {display:block;margin-bottom:.4rem}
.stack_s {display:block;margin-bottom:.8rem}
.stack_m {display:block;margin-bottom:1.6rem}
.stack_l {display:block;margin-bottom:3.2rem}
.stack_xl {display:block;margin-bottom:6.4rem}


.inset_right_large {padding-right:4rem;}
.inset_right {padding-right:2rem;}
.inset_right_small {padding-right:.5rem;}

.inset_left_large {padding-left:4rem;}
.inset_left {padding-left:2rem;}
.inset_left_small {padding-left:.5rem;}

.inset_top_large {padding-top:4rem;}
.inset_top {padding-top:2rem;}
.inset_top_small {padding-top:.5rem;}

.inset_bottom_large {padding-bottom:4rem;}
.inset_bottom {padding-bottom:2rem;}
.inset_bottom_small {padding-bottom:.5rem;}

.outset {margin:2rem;}

.outset_right_large {margin-right:4rem;}
.outset_right {margin-right:2rem;}
.outset_right_small {margin-right:.5rem;}

.outset_left_large {margin-left:4rem;}
.outset_left {margin-left:2rem;}
.outset_left_small {margin-left:.5rem;}

.outset_top_large {margin-top:4rem;}
.outset_top {margin-top:2rem;}
.outset_top_small {margin-top:.5rem;}

.outset_bottom_large {margin-bottom:4rem;}
.outset_bottom {margin-bottom:2rem;}
.outset_bottom_small {margin-bottom:.5rem;}



/* Arrows */
/**************************/
#arrows {margin: -49px 0 0 0;	position: fixed;	top: 80%; right: 0;	z-index: 99999;	list-style: none;}
#arrows a {width: 80px; height: 45px;	display: block;}
#arrows li {margin: 0 30px 2px 0; }
#arrows #up{background:url(/images/rt-arrow-up.png) no-repeat}
#arrows #up:hover {  opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */	}
#arrows #down {background:url(/images/rt-arrow-down.png) no-repeat}
#arrows #down:hover {  opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */}
	
	
	/* Projection Tool */
/**************************/
.projection_agree {background: url(/webres/Image/projection-screened.jpg) center center; height:600px; position:relative;}
.projection_modal {background:#fff;background:rgba(255,255,255, .8);margin: 0 auto; max-width: 600px; padding:2em; position:relative; top:5em}

.projection_results {background:#fff; border:1px solid #ccc; padding:2em; text-align:center}
.projection_results h2 {font-size:1.4em; color:#333; font-weight:bold; margin: .25em 0 0em}
.projection_results h3 {font-size:1.4em; color:#007cb3;font-weight:bold; margin-bottom:.1em}
.projection_results h4 {font-size:1.1em; color:#535353;font-weight:bold; margin-bottom:.1em}
.projection_results p {font-size:.9em; line-height:1.3em; padding:0 3em; color:#747474}
.projection_results .line {border-top:1px solid #ccc; width:30px; margin: 0 auto; margin-top:.7em;padding-top: .7em}

.projection_form label {display:block; font-size:1em; color:#333e48; font-weight:bold; margin-bottom:.5em}
.projection_form button {margin-bottom:.5em; padding: 20px 15px; }
.projection_form input[type="text"] {margin-bottom:.5em}
.projection_form p {font-size:.9em; line-height:1.2em; margin-bottom:2em;}
.projection_form .btn {background:#BABABA;}
.projection_form .btn.selected {background:#00A2DD;}
.float_left {float:left; display:inline-block; margin-right:10px;}
.disclaimer {font-size:.9em; line-height:1.3em; color:#747474}
.inset.projection_tool_intro{padding:60px 30px!important}
.dial_wrapper {margin:2em 0 1em}

/************************
* Navigation *
************************/
.mobile_menu {display:none !important;}

/*------primary navigation------*/
.nav_primary_outer { position:relative; right:0; }
nav.nav_primary { margin:0 auto; text-align: center; }
nav.nav_primary .nav_primary_btn { display:none;z-index:10; }

/* Dropdown Menu */
/**************************/
.featured { border-left:1px solid #91CFE8; padding-left:3em; padding-top:0; color:#fff; }
.featured h3 { font-size:14px; color:#fff; }
.featured img { margin-bottom:0.50em }
.featured a { font-size:12px; }
/* Level 1 Dropdown, Mega or Flat*/
nav.nav_primary ul.parent { list-style: none; padding:0; float:right; margin:0; }
nav.nav_primary ul.parent > li { float: left; zoom: 1; position: relative; }
nav.nav_primary ul.parent > li > a { display: block; font-size: 16px; line-height: 1em; text-transform: uppercase; text-decoration: none; padding: 13px .75em; color: #323F46; text-decoration:none; font-weight: 700; }

nav.nav_primary ul.parent > li > a:hover {color: #5a7988;}


/* removes hovers from touch */
	.no-touch nav.nav_primary ul.parent > li.hover,  .no-touch nav.nav_primary ul.parent > li:hover { }
.no-touch nav.nav_primary ul.parent li:hover > a { color: #FFF; background:#183d6e; }
.no-touch nav.nav_primary ul.parent li {  }
nav.nav_primary ul.parent > li:hover {padding-bottom:0;}
/* nav.nav_primary ul.parent > li.selected > a{ border-bottom:8px solid #333e48;padding-bottom:5px;}*/
/* removes caret on touch */
		.caret { display:none; }
.no-touch .caret { margin-top: 10px; margin-left: 10px; display: inline-block; width: 0; height: 0; vertical-align: top; border-top: 7px solid #ccc; border-right: 7px solid transparent; border-left: 7px solid transparent; content: ""; opacity: .5; filter: alpha(opacity=30); }


/* Level 2 Dropdown (All)*/
nav.nav_primary ul.parent > li > ul { background:#fff; display:none; position:absolute; left: -1px; z-index:3; -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2); box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.2);}
	.no-js nav.nav_primary ul.parent > li:hover > ul, .no-js nav.nav_primary ul.parent > li:focus-within > ul {display:block;}  /*no js fallback */
	
	/* Level 2 Dropdown (Nav)*/
	nav.nav_primary ul.parent li.drop_nav > ul { width: 300px; top: 100%; list-style-type: none; margin: 0 0; padding: 0 0;}
	nav.nav_primary ul.parent li.drop_nav > ul > li > a {padding:.5em .5em; display:block; border-bottom:1px solid #ddd; text-decoration:none; color: #323F46;}
	nav.nav_primary ul.parent li.drop_nav > ul > li > a:hover {background:#eee; color: #323F46;}

	/* Level 2 Dropdown (Mega)*/
	nav.nav_primary ul.parent li.drop_mega > ul {width:100%; top:auto;}
	nav.nav_primary ul.parent li.drop_mega > ul > li {width:33.333%; padding:1.5em 1.5em; float:left;}
	nav.nav_primary ul.parent li.drop_mega > ul > li ul li a {display:block; padding:.5em 0; border-bottom:1px solid #ddd;}



/* IE 6 & 7 Needs Inline Block */
		nav.nav_primary ul.parent > li > ul > li > a { border-right: none; display: block; text-decoration:none; text-align: left; }
nav.nav_primary ul.parent > li > div.show { display:block; } /* keeps mobile menu open at mobile */
/*------secondary navigation------*/
nav.nav_secondary { position:absolute; top:50px; right:0; }
nav.nav_secondary ul { margin:0; padding:0; list-style:none; }
nav.nav_secondary li { float: left; font-size: .875em; border-right: 1px solid #ccc; }
nav.nav_secondary li:last-child { border-right: none; }
nav.nav_secondary li a { float: left; padding: 0 1.25em; text-decoration: none; border-radius: 4px; }
nav.nav_secondary li a:hover, nav.nav_primary li a:focus { color: #333; }
nav.nav_secondary li a:active { color: #666; }
nav.nav_secondary li.active a { font-weight: bold; color: #333; }


/*------section navigation (vertical)------*/ 
.nav_section { background-color: whitesmoke; margin-top:10px; }
.nav_section > ul { margin:0; list-style: none; padding:0; border: none; margin-bottom:1.5em; font-size:14px; line-height:1.3em; }
.nav_section h2 { font-size:15px !important; padding:.5em 10px; padding-bottom:.5em; margin-bottom:0; text-transform:uppercase;font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold;   }
.nav_section h2 a { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; color: #183d6e; font-size:15px !important;}




.nav_section > ul > li { }
.nav_section > ul li a { text-decoration:none !important; display:block; padding:.5em 10px; color:#4d4d4d; font-size: 16px;}
.nav_section > ul li a:hover { background-color:#183d6e;color:#fff !important; -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.nav_section > ul .selected { color:#fff !important; background-color:#294F6E; }
.nav_section > ul ul li{border-bottom:1px solid #efefef;}
.nav_page {background:#183d6e;position:absolute;width:100%;opacity:0.95;z-index:1000;}
.nav_page ul {padding:0;margin:0 auto;max-width:1230px;}
.nav_page ul li{letter-spacing: 0.0625em;display:block;float:left; border-left:1px solid #98A9BE; text-transform:uppercase; font-size:14px;}
.nav_page ul li:last-child {border-right:1px solid #98A9BE}
.nav_page ul li a{padding:2em;color:#fff;display:block; text-decoration:none;}
.nav_page ul li a:hover{background:#333e48;}
.nav_page ul li a.nav-active{background:#333e48;}

.fixed {position:fixed;top:108px;left:0;box-shadow:rgba(0,0,0,.2) 0 5px 5px;}

/*------nested------*/ 
		.nav_section > ul ul { list-style: none; padding-left:10px;font-size: .9em;margin-bottom: 5px; }
.nav_section > ul ul li a { padding:3px 25px; }
.nav_section ul .selected_parent { font-weight:bold; background-color:#183d6e; color:#fff;}

/*------paging, crumbs, tags (articles)------*/ 
nav.page ul { text-align: center; padding:0;clear:both; }
nav.page ul li { display: inline; margin: 0 4px 0 0; }
nav.page ul li a { padding: 4px 8px; font-size: 14px; font-weight: bold; border: 1px solid #CCC; background: #fff; border-radius: 4px; text-decoration:none; background:#f5f5f5; }
nav.page ul li a:hover, nav.page ul li a:focus { background: #f0f0f0; border-color: #ccc; }
nav.page ul li a:active, nav.page ul li a.current { background: #fff; border-color: #ccc; }
nav.breadcrumb { color: #666; font-size:0.750em;clear:both; text-align:right;position:relative;}
nav.breadcrumb a { margin: 0 5px; text-decoration: none; color: #747474; }
nav.breadcrumb a:first-child { margin-left: 0; }
nav.breadcrumb a:hover, nav.breadcrumb a:focus { color: #000; }
nav.breadcrumb a:active { color: #000; }
nav.breadcrumb strong { margin-left: 5px; font-weight: bold; color: #000; }
ol.tags {list-style:none;padding:0;margin:0 0 1.5em;font-size:.75em;}
	ol.tags li {float: left;margin: 0 5px 5px 0;}
	ol.tags li a {text-decoration:none;background:#EEEEEE;float: left;padding: 2px 7px;font-weight: normal;color: #323E48; border-radius: 6px; border: 1px solid #DADADA;}
	ol.tags li a:hover, ol.tags li a:focus {background-color: #DADADA;}
	ol.tags li a:active {background-color: #B5B5B5;}
.moreText { display: none;}
.moreToggle { display:block; margin-bottom:1em;}
span.toggleText {text-decoration:none!important; text-transform:uppercase; font-size:14px; color:#183d6e;}
.moreToggle i { background-color:#183d6e; padding:3px 5px; color:#fff; margin-left:8px; font-size:16px;  }

/*------thumbs------*/ 
.thumbs { margin:0; padding:0; }
.thumbs li { float:left; list-style:none; margin: 0 2.5em 2.3em 0; width: 160px; text-align: center; }
.thumbs img { margin: 0 0 1.2em 0; -webkit-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2); box-shadow: 1px 3px 8px rgba(0, 0, 0, 0.2); border:1px solid #fff }
/*------Tabs on Media ------*/ 
.mediaTabs { }
.mediaTabs ul { margin:0 0 0 8px; padding:0; float:left; border: 1px solid #ccc; }
.mediaTabs li { display: inline; list-style:none; float:left; margin:0; padding:0; border-right: 1px solid #fff; margin-bottom: -4px; }
.mediaTabs li:last-child { border-right:0px; }
.mediaTabs a { text-decoration:none; color:#333; background:#ccc; text-transform:uppercase; display: block; float:left; text-align:center; padding: 12px 24px; line-height: 1em; }
.mediaTabs a:hover { background: #333; color: #fff; }
.mediaTabs a.selected { background:#fff; color:#000; border-bottom: 2px solid #fff; }
.tabContent { clear:both; border-top: 1px solid #ccc; padding: 25px 0; }


/************************
* Content *
************************/
section header, article header { }
section footer, article footer { border-top:1px solid #CCC; font-size:.875em; padding:1em 0; color:#757575; margin-top:3em; }
section footer img { float:left; margin: 0 10px 0 0; }
.inset { padding:15px; }
.extranet-inset { padding: 10px 30px; }


.extranet-inset h1 {font-size: 44px;
    margin-bottom: .75em;
    line-height: 1em;
    font-weight: 700;}
    
.extranet-inset h2 {
    margin-bottom: 0.75em;
    font-size: 28px;color: #333e48;
    font-weight: 700;
    line-height: 1.1em;}

    .nav_section .extranet-inset h2 a { text-decoration: none;}
    .nav_section .extranet-inset h2 a:hover { text-decoration: underline;}

.extranet-inset .nav_section h2 a {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: bold;
    color: #333e48;
    font-size: 15px !important;
    text-decoration: none !important;
line-height:1.1em;}

    .extranet-inset .nav_section h2 a:hover { text-decoration: underline !important;}

    .extranet-inset .group_3of4.main_content h2 a {color: #333e48; text-decoration-color: unset; font-size: 28px; margin-bottom: 0.75em;}




    .extranet-inset .group_3of4.main_content h2.title {
        margin-bottom: 0.15em;
    }

    span.blog_feed_date, span.decorative_text {
        color: #4F5153;
        font-size: 14px;
    }



    .extranet-inset .toTop {
        display: flex;
        align-items: center;
        margin: .5em auto;
        justify-content: center;
    }

    .extranet-inset .toTop svg { padding: 0 10px 0 0; font-size: 20px;}

    .extranet-inset a.toTop {
        text-decoration: none;
    }

.inset_right {}
.well { display:block; padding:15px 15px; background:#FFF; border-radius:4px; -moz-box-shadow: inset 0 0 5px #ccc; -webkit-box-shadow: inset 0 0 5px #ccc; box-shadow: inset 0 0 5px #ccc; margin-bottom:2em; }
.platform { display:block; padding:15px 15px; background:#FFF; border-radius:4px; -moz-box-shadow: 0 0 4px #999; -webkit-box-shadow: 0 0 4px#999; box-shadow:0 0 4px #999; margin-bottom:2em; }
.comments { margin-top:5em; }
/*------Spinternet Defaults ------*/
.page_banner {position:relative; width:100%;}
    .page_banner img {margin:0 auto; display:block;}
    .page_banner h1 {margin:-.75em auto 0 auto; text-align:center;}
    .page_banner h1 span {color:#fff; padding:.25em .5em; background:#8D8D8D; font-size: 40px;}
.page_video { font-size:.875em; line-height:1.666em; padding:1em; margin-bottom:1em; }
.page_video .fluid_video { margin-bottom:0; }
.page_video .last { margin-left:1em; }
.side_banner { margin-bottom:1em; }
.side_content { }
.side_content p:last-child { }
#extranet .side_content {background:none!important;margin-bottom:0px!important;}
img[align=left], img.img_left { float:left; margin:0 4em 3em 0; max-width:30%; }
img[align=right], img.img_right { float:right; margin:0 0 1em 3em; max-width:30%; }
.fluid_video { margin-bottom:1.5em; }
.fluid_map { width: 100%; height: 0; padding-top: 60%; position: relative; margin-bottom:1.5em; }
.fluid_map iframe { width: 100%; height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; }
/*------highlighting / alerts------*/
.text_cooler { color:#0066CC; }
.text_success { color:#00872d; }
.text_warmer { color:#a86014; }
.text_danger { color:#8E3431; }
.alert { padding:.5em 1em; color:#866a3a; border:1px solid #fbeed5; background:#fcf8e3; font-size:.875em; border-radius:4px; margin:.25em 0 2em; }
.alert p:last-child { margin:0; }
.alert.alert_success { color:#3c753d; border:1px solid #d6e9c6; background:#dff0d8; }
.alert.alert_danger { color:#8E3431; border:1px solid #eed3d7; background:#f2dede; }
.ecom-error { color:red; }
.drop {clear:both;display:block;}
/*------rows and grid views (e-commerce, typically generated dynamically)------*/ 
.list { clear:both; margin:0 0 2em; }
.list_row { padding:0; padding-top:1em; }
.list_row li { border-top: 1px solid #E2E2E2; margin:0; display: table; border-collapse: collapse; width: 100%; float: left; margin-bottom:1em; }
.list_row .inner { padding-right: 50em; display: table-row; text-decoration:none; }
.list_row .li-img { display: table-cell; vertical-align: middle; width: 20%; padding-right: 1em; padding-top:1em; }
.list_row .li-img img { display: block; width: 100%; height: auto; -moz-border-radius:4px; border-radius:4px; }
.list_row .li-text { display: table-cell; vertical-align: middle; width: 70%; padding:1em 1em 1em 0; }
.list_row .li-head { margin-bottom: .1em; font-size: 16px !important;}
.list_row .li-summary { display: block; color:#333; margin-bottom:.25em; }
.list_row .li-action { margin: 0; text-decoration: underline; }
    .list_row .li-action:hover { margin: 0; text-decoration: none; }

.extranet-inset .list_row li {padding: 1em 0 !important; display: block;}


span.posted_info { display:block; font-style:italic; color:#747474; font-size:.9em; margin-bottom:1em; }
.list_row .author { display:block; font-style:italic; color:#747474; }
.list_row li.clear_even, .list_row li.clear_third, .list_row li.clear_fourth, .list_row li.clear_fifth { width:100%; display:none; margin:0; }
.list_grid { padding:0; }
.list_grid li { padding:0; margin-right:3.5%; margin-bottom:0em; display: block; float: left; }
.list_grid.list_2x li { width:48.25%; }
.list_grid.list_3x li { width:31%; }
.list_grid.list_4x li { width:22.375%; }
.list_grid.list_5x li { width:17.2%; }
.list_grid.list_6x li { width:13.75%; }
.list_grid li.clear_even, .list_grid li.clear_third, .list_grid li.clear_fourth, .list_grid li.clear_fifth, .list_grid li.clear_sixth { display:none; margin:0; border-bottom:1px solid #ddd; margin:2em 0 2em 0; }/*---set up/style clears---*/
.list_grid.list_2x li.even, .list_grid.list_3x li.third, .list_grid.list_4x li.fourth, .list_grid.list_5x li.fifth, .list_grid.list_6x li.sixth { margin-right:0; }/*---margin of last item---*/
.list_grid.list_2x li.clear_even, .list_grid.list_3x li.clear_third, .list_grid.list_4x li.clear_fourth, .list_grid.list_5x li.clear_fifth, .list_grid.list_6x li.clear_sixth { display:block; width:100%; }/*---show clears---*/
.list_grid .inner { text-decoration:none; }
.list_grid .li-img { padding-bottom:1em; }
.list_grid .li-img img { -moz-border-radius:4px; border-radius:4px; }
.list_grid .li-text { clear:both; }
.list_grid .li-head { margin-bottom: .1em; font-size:1em; }
.list_grid .li-summary { font-size:.75em; }
.list_grid .li-action { }
/*------table structure (in editor template)------*/ 
table.table_structure_4x { width:100%; margin-bottom:1em; border-collapse:collapse; line-height:1.3em; display:block; height:1%; overflow:hidden; }
table.table_structure_4x tbody, table.table_structure_4x tr { display:block; width:100%; }
table.table_structure_4x tr td { display:block; float:left; padding-bottom:.5em; margin-right:2.5%; }/*margin matches column structure*/
table.table_structure_4x td td { display:table-cell; float:none; width:auto; }/*fix embeded tables*/
table.table_structure_4x td.clear { display:none; clear:both; width:100%; }
table.table_structure_3x { width:100%; margin-bottom:1em; border-collapse:collapse; display:block; height:1%; overflow:hidden; }
table.table_structure_3x tbody, table.table_structure_3x tr { display:block; width:100%; }
table.table_structure_3x tr td { display:block; float:left; padding-bottom:.5em; line-height:1.4em; margin-right:2.5%; }/*margin matches column structure*/
table.table_structure_3x td td { display:table-cell; float:none; width:auto; }/*fix embeded tables*/
table.table_structure_2x { width:100%; margin-bottom:1em; border-collapse:collapse; display:block; height:1%; overflow:hidden; }
table.table_structure_2x tbody, table.table_structure_2x tr { display:block; width:100%; }
table.table_structure_2x tr td { display:block; float:left; padding-bottom:.5em; margin-right:2.5%; }/*margin matches column structure*/
table.table_structure_2x td td { display:table-cell; float:none; width:auto; }/*fix embeded tables*/
table.table_structure_2x tr td:last-child, table.table_structure_3x tr td:last-child, table.table_structure_4x tr td:last-child { margin-right:0; }/*margin matches column structure*/
/*------data tables (min-width for overflow on small devices, can be adjusted)------*/ 
table thead th { background:#eee; white-space:nowrap; font-weight:normal; color:#333; padding:10px 10px; font-size:15px; }
table thead tr:first-child th:first-child { border-top-left-radius: 4px; }
table thead tr:first-child th:last-child { border-top-right-radius: 4px; border:0; }
.table_data { border-collapse:collapse; min-width:480px; width:99.9%; font-size:.9em; }
.table_data td { padding:.5em .75em; border:1px solid #ddd; min-width:5em; }
.table_data td strong { white-space:nowrap; }
.table_list { border-collapse:collapse; min-width:480px; width:99.9%; font-size:.9em; }
.table_list td { padding:.5em .75em; border-bottom:1px solid #DDD; border-right:1px solid #DDD; min-width:5em; }
.table_list td:last-child { border-right:0; }
.table_list.table_stripe { border-top:0; }
table .stripe_row { background:#EFF2F5; background:rgba(123,125,126,.10); }
table.table_condensed th { padding:.25em .5em; font-size:1em; }
table.table_condensed td { padding:.25em .5em; font-size:.875em; }
.table_overflow { /*added with selectors.js and */ width:100%; overflow-x:auto; margin-bottom:1.5em; background:
		/* Shadow covers */
		linear-gradient(90deg, white 30%, rgba(255,255,255,0)), linear-gradient(90deg, rgba(255,255,255,0), white 70%) 100% 0, 		/* Shadows */  radial-gradient(0 50%, farthest-side, rgba(0,0,0,.8), rgba(0,0,0,0)), radial-gradient(100% 50%, farthest-side, rgba(0,0,0,.8), rgba(0,0,0,0)) 100% 0; background:
		/* Shadow covers */
		linear-gradient(90deg, white 30%, rgba(255,255,255,0)), linear-gradient(90deg, rgba(255,255,255,0), white 70%) 100% 0, 		/* Shadows */  radial-gradient(farthest-side at 0 50%, rgba(0,0,0,.8), rgba(0,0,0,0)), radial-gradient(farthest-side at 100% 50%, rgba(0,0,0,.8), rgba(0,0,0,0)) 100% 0; background-repeat: no-repeat; background-color: white; background-size: 40px 100%, 40px 100%, 14px 100%, 14px 100%; /* Opera doesn't support this in the shorthand */ background-attachment: local, local, scroll, scroll; }
		
/************************
* Forms *
************************/
.border {margin-bottom: 1em; border: 1px solid #DDD; padding: 15px;-moz-border-radius: 4px;border-radius: 4px;background: #FFF;}
.form { clear:both; font-size:14px; }
.form_wrapper .inset { padding:10px 0!important; margin:0; }
.form fieldset { margin-bottom:1em; padding:0 30px; }
.form fieldset fieldset { margin-bottom:0; padding:1em; clear:both; border:0; background:#F9F9F9; }
.form fieldset fieldset fieldset { background:#FFF; }
.form fieldset fieldset fieldset fieldset { background:#F9F9F9; }
.form fieldset legend { display:block; margin-bottom: 0.75em;
    font-size: 36px;
    color: #333e48;
    font-weight: 700;
    line-height: 1.1em; }
.form fieldset > div { padding:7px 0; float:left; width:48.5%; }
.form fieldset > div:last-child { border-bottom:0; }
.form fieldset > div { *zoom:1}
.form fieldset div:before, .form fieldset div:after { display:table; content:"" }
.form fieldset div:after { clear:both }
.form fieldset > div > label { display:block; padding:3px 5% 3px 0; width:40%; text-align:left; float:left; color:#333e48; text-transform:uppercase; font-weight:bold; font-size:1.2em; }
.form fieldset ul { padding: 0 0 0 30px;width:60%; }
.form fieldset ul li { margin:0 0 5px 0; }
.form fieldset ul li { *zoom:1}
/*.form fieldset ul li:before, .form fieldset ul li:after { display:table; content:"" }*/
.form fieldset ul li:after { clear:both }
.form fieldset ul li span { width:90%; float:left; }
.form fieldset ul li small { font-size:.85em; margin: 0; }
.form label input[type="checkbox"], .form label input[type="radio"] { margin-right:.5em; vertical-align:text-top; margin-top:6px; float:left; clear:both; }
.form fieldset select { margin: 0 1em 0 0; width:55%; }
input[type="text"], textarea, input[type="email"], input[type="password"], input[type="radio"] { width:80%; padding: 10px; font-size: 14px; border: 1px solid #555; background: #f5f5f5; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05); -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05); font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; }
.form_message textarea { width:98%; }
.form fieldset > div.form_message { width:98%; }
 input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}/*------remove number spinners------*/
li input[type="text"], li textarea, li input[type="email"], li input[type="password"] { max-width:98%; }
input[type="text"]:focus, textarea:focus { border: 1px solid #ccc; background: #fff; }
span.required { color: #BA1A22; font-size:12px;}
.form fieldset .icon_form img { margin-right:.5em; }
.form [disabled="disabled"] { opacity:.60; }
.partner_login {padding-top:5px;}

#extranet.loginform.forgotPasswordForm a.btn{margin-bottom:1em!important;}


/* Flex Grid */

.flex_grid { padding: 0; margin: 0; list-style: none; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-direction: row; -ms-flex-wrap: wrap; -webkit-flex-flow: row wrap; flex-flow: row wrap; justify-content: flex-start; }
.flex_grid .flex_item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; /* for IE */
padding: .75em; margin-bottom: 2em; position: relative; }
/* Flex Grid border/no border widths */
.flex_grid.flex_4x .flex_item { width: 25%; }
.flex_grid.flex_3x .flex_item { width: 33.333%; }
.flex_grid.flex_2x .flex_item { width: 50%;}
/* Flex Grid Borders */
.flex_grid.flex_borders { border-bottom: none; border-right: none; }
.flex_grid.flex_borders .flex_item { border: none; margin: 0; border-bottom: 0; border-right: 0; }
/* Flex Grid Margins */
.flex_grid.flex_borders.flex_margin { border: 0; }
.flex_grid.flex_borders.flex_margin .flex_item { margin-right: 3%; margin-bottom: 1.5em; border: none; padding: 0;}

.flex_grid.flex_borders.flex_margin .flex_item .item_details { padding: 0em;}
.flex_grid.flex_4x.flex_margin .flex_item { width: 22.75%; }
.flex_grid.flex_3x.flex_margin .flex_item { width: 31.333%; }
.flex_grid.flex_2x.flex_margin .flex_item { width: 48.5%; }
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(4n+4), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(3n+3), .flex_grid.flex_2x.flex_margin .flex_item:nth-child(2n+2) { margin-right: 0; }
/* IE8 and IE9 */
.no-flexbox .flex_grid:after { content: ' '; display: block; clear: both; }
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(4n+5), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_2x .flex_item:nth-child(2n+3) { clear: both; }


/*---Scale Proportionally for varied images sizes---*/ 
.grid_img {position: relative;border:none;width: 100%;margin-bottom:2em}
.aspect_ratio_1to1 {padding-top: 100%; /* forces 1:1 aspect ratio, 100% is a square */}
.aspect_ratio_3to2 {padding-top: 66.666%; /* forces 3:2 aspect ratio*/}
.aspect_ratio_16to9 {padding-top: 56.25%; /* forces 16:9 aspect ratio*/}

.img-container {position: relative;}
.img-container::before {content: ''; position: absolute; top: 10px; left: 10px; right: -10px; bottom: -10px; background-color: #7DA8BD;}
.img-container img { position: relative; }
.img-container img, .img-container:before {-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}


.flex_grid.flex_borders.flex_margin .flex_item .grid_img {border:0;border-bottom:none;}


.item_image {margin-bottom:.5em;}
.item_name {font-size: 21px; font-weight: 700; margin-bottom:.125em;}
.item_title {font-size:19px; font-style: italic; font-weight: 400; margin-bottom: 1em; }
.item_description {margin-bottom:.5em; font-size: 18px; font-weight: 400;}

.border-radius {-webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px;}

/*------search------*/
.site_header fieldset.site_search { position:absolute; top:10px; right:0; width:35%; text-align:right; }
fieldset.site_search input[type="text"] { width: 50%; padding: .25em .5em; font-size: 16px; border: 1px solid #ddd; background: #f5f5f5; -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05); box-shadow: inset 0 1px 2px rgba(0,0,0,.05); -moz-border-radius: 4px; border-radius: 4px; margin-right:.5em; }
fieldset.site_search input[type="submit"] { padding: .25em .5em; font-size: 16px; color: #fff; border: none; background: #767676; border-radius: 4px; }
fieldset.site_search input[type="submit"]:hover, fieldset.site_search input[type="submit"]:focus { background: #666; }
fieldset.site_search input[type="submit"]:active { background: #595959; }
/*------buttons------*/
.btn { text-decoration:none; display:inline-block; *display:inline;*zoom:1;background: #333e48; border: 0; color: #FFFFFF; line-height: 130%; font-size: 14px; margin: 0 .25em 0 0; padding: .5em 1em; cursor: pointer; text-transform:uppercase; font-weight:300; text-shadow: 1px 1px 2px rgba(0,0,0,.5);}
.btn:hover { border-color:#808080; background:#767676; color:#FFF; text-decoration:none; }
.btn:active { background-image: none; outline: 0; }
.btn-danger { background: #b94a48; border-color: #ac2925; padding: 20px !important; }
.btn-danger:hover { background-color: #d2322d; border-color: #ac2925; }
.btn-success { background-color:#333e48;  padding:20px!important;}
.btn-success:hover { background-color:#183d6e!important;  }
.btn-large { padding: 11px 20px; font-size: 15px; line-height: normal; }
.btn-small { padding: 5px 9px; font-size: 11px; line-height: 16px; }
.btn-mini { padding: 4px 6px; font-size: 11px; line-height: 14px; }
.btn-cancel {background:#666;}

/* just for presentation (bottom left corner) */
.breakpoint { position:fixed; bottom:0; left:0; background:#333; width:70px; color:#FFF; font-size:.8em; display:none; padding:0 10px; }
.break_1024to992 { display:block; }
 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dppx) {
 .selector {background: url() top no-repeat; }/* high-density images */
}

@media only screen and (min-width: 1401px) and (max-width:1600px) {


 }
 
@media only screen and (min-width: 1025px) and (max-width:1400px) {
 .connect_search_bar .next_prev_btns {margin-left:0!important; top: 14px;}
	 #extranet .form fieldset ul {min-width:100%} 
	
 .connect_search_bar .next_prev_btns {margin-left:0em; top: 14px;}

.hero .description p {display:none;}
.hero .message h2 { bottom:0;vertical-align:bottom;}

	.nav_page ul li a{font-size:0.95em}
		
 }

 @media only screen and (max-width: 1200px) {

    nav.nav_primary ul.parent > li > a {font-size: 14px;}

 }

 @media only screen and (min-width: 992px) and (max-width:1100px) {

    nav.nav_primary ul.parent > li > a {font-size: 12px; padding:13px .5em}


	 .nav_page ul li {width:100%;}
 #extranet #panels > section:first-child .inset {padding: 120px 0 80px !important;}
 	 #extranet .form fieldset ul {min-width:100%} 
	
.springboard_panel {padding-bottom: 3em;}
#arrows {bottom: 10%;top:auto;	}	
.hero_home .message_wrapper h2 {margin-bottom:0}
.hero_home .message_wrapper .description p {line-height:1.2em; }
.nav_page ul li a {padding:2em 1em;}

/*---parallax---*/ 

#parallax .parallax-one {width:100%; background-size:auto!important;}
.nav_page.fixed {position:absolute;top:auto;}
 
.nav_page ul li a{padding:1em; text-align:center;border-bottom:1px solid #6AC7E9;border-left:0;font-size:0.85em!important;}
.nav_page ul li.sub1 {width:50%;border-left:0;}
    .nav_page ul > li.sub1 > a{border-right:1px solid #6AC7E9;}
.nav_page ul li.sub2 {width:50%;border-right:0;border-left:0;}
.nav_page ul li.sub3 {width:50%;border-left:0}
.nav_page ul li.sub3 a {border-right:1px solid #6AC7E9;border-left:0;}
.nav_page ul li.sub4 {width:50%;border-right:0;border-left:0}
.nav_page ul li.sub4 a{border-right:1px solid #6AC7E9;border-right:0;}
	 
	 
}
 @media only screen and (max-width: 991px) {

/* Flex Grid max 3 column */
.flex_grid.flex_4x .flex_item {width: 33.333%;}
.flex_grid.flex_4x.flex_margin .flex_item {width:31.333%;}
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(4n+4) {margin-right:3%;}
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(3n+3) {margin-right:0;}

/* Flex Grid IE9 */
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(4n+5) {clear: none;}
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(3n+4) {clear:both;}


    .dark-blue-bg.overflow-hidden .grid-2x-item2 img {position: relative; right: calc(0% - 30%);}

h2, .form fieldset legend {font-size: 32px; }
.dark-blue-bg h2.lets-talk {font-size: 48px;}
h3, h3 a {font-size: 20px;}

.panel .number {font-size: 48px;}

    nav.nav_primary {display:none;}

    .nav_drawer_btn {display:block;z-index: 9999; color:#FFF;padding:0px 0rem 0px 1em;text-decoration:none;}    
        
    .nav_drawer_btn:before {display:block; content:""; background-image: url('/images/bars.svg'); background-size: 30px 30px;width:30px;height:30px;}
    .nav_drawer_btn:after {display:none; content:""; background-image: url('/images/times.svg'); background-size: 30px 30px;width:30px;height:30px;}    
        
    .nav_drawer {padding:0 0;overflow-y: scroll;overflow-x: hidden;position:fixed;right:-100%;top:0;bottom:0;transition: right .25s;background: #183d6e;z-index: 999999;width:42%;padding: 4% 4% 75px;}  
             
    body.show_nav_drawer {/*position: fixed; */overflow-y: hidden; /* has to be scroll, not auto */-webkit-overflow-scrolling: touch;}	
    body.show_nav_drawer .nav_drawer {visibility: visible;right:0;}  
    body.show_nav_drawer .site_wrapper {left:-50%;z-index: 99999; position: relative;} 
    body.show_nav_drawer .nav_drawer_btn:before {background-image:none;position:fixed;top:0;left:0;bottom:0;height:100%;width:100%;background-color:rgba(0,0,0,.6); z-index: 999999999;}   
    body.show_nav_drawer .nav_drawer_btn:after {display:block !important;position:relative;    z-index: 9999999999;}  
    body.show_nav_drawer .slick-slider {display:none}	   
        
    .nav_overlay_btn {display:flex;}




.mobile_menu {display:block;}
.main_menu {display:none;}

.home-hero-img-text, .int-hero-img-text  {flex-direction: column;}

.home-hero-image-right, .int-hero-image-right { width: 90%; order: 1;align-self: flex-end;}
.home-hero-text-left, .int-hero-text-left { margin: -30% 0 0 0%; width: 60%; order: 2;}

.home-hero-text-left h1 {font-size: 60px;}
.home-hero-img-text p, .int-hero-img-text p, .grid-2x-item2 p, .card-img-text p, .card-text-right p {font-size: 22px;}

.card-img-text  {flex-direction: column;}
.card-image-left { width: 90%; order: 1;}
.card-text-right { margin: -30% 0 0 0%; width: 60%; order: 2; align-self: flex-end;}
.card-image-right { width: 90%; order: 1;}
.card-text-left { margin: -30% 0 0 0%; width: 60%; order: 2; align-self: flex-end;}

.dark-blue-bg.overflow-hidden .grid-2x-item1 {width: 100%;}


.grid-3x-wrapper, .grid-3x-wrapper p {font-size: 18px !important;}
.sm-text {font-size: 16px !important;}



 .connect_search_bar .next_prev_btns {margin-left:0!important; top: 14px;}
  #extranet #panels > section:first-child .inset {padding: 50px 0 80px !important;}
/*---remove defaults for breakpoints---*/
.mobile { display:block; }
.list_grid.list_3x li.clear_third, .list_grid.list_4x li.clear_fourth, .list_grid.list_5x li.clear_fifth, .list_grid.list_6x li.clear_sixth { display:none; }/*---hide default clears---*/
.list_grid.list_3x li.third, .list_grid.list_4x li.fourth, .list_grid.list_5x li.fifth, .list_grid.list_6x li.sixth { margin-right:3.5%; }/*---over-ride default margin---*/
	 

/*---Main Rotator---*/	
.hero_inner {margin-left:0;width:auto;}
.hero_home .message_wrapper  {margin:0;position:relative;font-size:.95em;line-height:1.3em;width:100%;background-color:#f7f7f7}
.hero .message_wrapper  {margin:0;position:relative;font-size:.95em;line-height:1.3em;width:100%;background-color:#f7f7f7}
.hero .message_wrapper h2{font-size:2.3em;line-height:1.1em;}
	 .top_section ul {padding-right:0!important}

     

}
 @media only screen and (min-width: 768px) and (max-width: 991px) {
	 
	 ul.language > li {float:none; width:100%; display:block}	
	 ul.language > li > ul > li a {padding:10px 10px 10px 15px!important;}
	 ul.language > li {float:none!important;}
	  
    

	 .site_header a.logo .tagline {display:block; clear:both; padding-left:0;border-left:0}
	 #extranet .form fieldset ul {min-width:100%} 
		
.break_991to768 { display:block; }
.site_header a.logo {  top:20px;}
.nav_page ul li a{padding:1em; text-align:center;border-bottom:1px solid #6AC7E9;border-left:0;font-size:0.85em!important;}
.nav_page ul li.sub1 {width:50%;border-left:0;}
	.nav_page ul>li.sub1>a{border-right:1px solid #6AC7E9;}
.nav_page ul li.sub2 {width:50%;border-right:0;border-left:0;}
.nav_page ul li.sub3 a {border-right:1px solid #6AC7E9;border-left:0;}
.nav_page ul li.sub4 {width:50%;border-right:0;border-left:0}
.nav_page ul > li.sub4 > a{border-right:1px solid #6AC7E9;border-right:0;}
.nav_page ul ul {  min-width: 100%;  padding-left: 0!important;  -webkit-padding-start: 0px;  margin-left: 0;  margin-right: 0;}
.nav_page ul li {  width: 100%;}
  .nav_page ul li.sub2{border-right:0;}

/*---5, 6 column to 4---*/	
.list_grid.list_5x li, .list_grid.list_6x li { width:22.375%; }/*---establish widths---*/
.list_grid.list_3x li.third, .list_grid.list_4x li.fourth, .list_grid.list_5x li.fourth, .list_grid.list_6x li.fourth { margin-right:0; }/*---last column---*/
.list_grid.list_3x li.clear_third, .list_grid.list_4x li.clear_fourth, .list_grid.list_5x li.clear_fourth, .list_grid.list_6x li.clear_fourth { display:block; width:100%; }/*---show clears---*/
.form fieldset > div > label {width:100%}
/*---Springboard---*/	
.springboard { top:-20px }
.springboard_panel .small_inset { padding:40px 0  }
.springboard { top:0px; }
.group_3of8.first.springboard { margin-bottom:0; padding-top:3em; }
.springboard_panel { padding-bottom:3em; }
/*---Main Rotator---*/	
#main-rotator { clear:both; display:block; position:static; }
#main-rotator.owl-theme .owl-controls .owl-buttons div { font-size:3em!important }
#main-rotator .owl-prev, #main-rotator .owl-next { top:30%!important }
.owl-carousel .owl-wrapper-outer {background-color: #f7f7f7;}
#arrows {display:none!important;}
/*---Site Header---*/	

.nav_page.fixed {position:absolute;top:auto;}

.site_footer .tier1 .unique_solutions ul {float:none; width:100%; margin-bottom:2em;}
.site_footer .tier1 .group_2of5 {width:29%}
/*---parallax---*/	
#parallax .parallax-one {width:100%; background-size:auto!important;}

.projection_results p {padding:0 1em; }
.projection_modal {top:5em}
	 ul.language > li > ul > li a {max-width:100%; padding:6px!important;}
	 ul.language > li > ul  {max-width:100%;}	 
	 	 .connect_search_bar{text-align:center!important;padding-top:0!important;padding-bottom:2em!important}
	.connect_search_bar .go_btn {width:40%;margin:0 auto;text-align: center;margin-top:10px;}	
	 .connect_search_bar .next_prev_btns {width:100%}
 .connect_search_bar .next_prev_btns {margin-left:0em; top: 14px;}
}

 @media only screen and (max-width: 767px) {

    .extranet-inset {padding: 10px 15px;}
    .extranet-inset h1 {font-size: 40px;}

 /* Flex Grid max 2 column */
.flex_grid.flex_4x .flex_item, .flex_grid.flex_3x .flex_item {width: 50%;}
.flex_grid.flex_4x.flex_margin .flex_item, .flex_grid.flex_3x.flex_margin .flex_item {width:48.5%;}
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(3n+3), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(3n+3) {margin-right:3%;}
.flex_grid.flex_4x.flex_margin .flex_item:nth-child(2n+2), .flex_grid.flex_3x.flex_margin .flex_item:nth-child(2n+2) {margin-right:0}

/* Flex Grid IE9 */
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(3n+4), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(3n+4) {clear: none;}
.no-flexbox .flex_grid.flex_4x .flex_item:nth-child(2n+3), .no-flexbox .flex_grid.flex_3x .flex_item:nth-child(2n+3) {clear:both;}


    .extranet-inset .wrapper {padding: 0 0px;}
    .wrapper {padding: 0 15px;}
    .form fieldset { margin-bottom:1em; padding:0 15px; }

    .header-wrapper {padding: 10px 15px;}

	 	 .connect_search_bar{text-align:center!important;padding-top:0!important;padding-bottom:2em!important}
	.connect_search_bar .go_btn {width:40%;margin:0 auto;text-align: center;margin-top:10px;}	
	 .connect_search_bar .next_prev_btns {width:100%}
 .connect_search_bar .next_prev_btns {margin-left:0em; top: 14px;}
li.partner_login {margin:0 0 10px 0;}
		 li.btn-talk {

    margin: 0;
    float: none;
    background-color: #333e48;
}
	 
	 	.site_header a.logo {
    display: block;
    text-align: center;
    top: 0px;
    left: 0;
    width: 100%;}


	 
	.panels.wrapper.blog.inset {padding-top:25px!important;}
	   #extranet .spotlight {margin:0 0 20px 0!important;float:none!important;width:100%!important;max-width:100%!important} 
.panels .blog {margin-top:0;}
  #extranet .form fieldset ul {min-width:100%}
  
a.btn_nav { display:block;text-align: center;margin: 0px 0em 2em 0em;background-color: #333e48;padding: 5px;font-size: 1em;cursor: pointer;color:#fff;font-size: 14px;cursor: pointer; text-transform: uppercase; font-weight: 300;}

.extranet-inset a.btn_nav { display:block;text-align: center;margin: 0px 0em 2em 0em;background-color: #333e48;padding: 5px;font-size: 1em;cursor: pointer;color:#fff !important;font-size: 14px;cursor: pointer; text-transform: uppercase; font-weight: 300;}

#extranet #panels > section:first-child .inset {padding:80px 0 80px!important;}
   #feature-3 .small_inset {vertical-align:middle; padding-top:0em;}
/* default breakpoints for structure */
.structure > .first, .structure > .middle, .structure > .last { float:none; width:100%; margin-right:0; margin-bottom:3em; }
.structure > .first:last-child, .structure > .last:last-child { margin-bottom:0; }
/* default breakpoints for table structure */
table.table_structure_4x tr td { width:47%; }
table.table_structure_4x td.clear { display:block; }
/*---Forms---*/
.form input[type="text"], .form input[type="email"], .form input[type="password"], .form textarea, .form fieldset select { max-width: none; width:90%; }
.form fieldset > div > label { width:100%; padding:0; text-align:left; }
.form fieldset .icon_form { clear:both; display:block; margin-top:.5em; }
.form fieldset ul { width:100%; }
.form fieldset > div.email, .form fieldset > div.name, .form fieldset > div.form_message { clear:both; width:100%; }
/*---Navigation---*/
.mobile { display:block; }
nav.nav_primary ul.parent > li a{ border-bottom:1px solid #ccc;}
nav.nav_primary ul.parent.show { display:block; float:none; }
/*nav.nav_primary ul.parent > li.selected > a{border-bottom:1px solid #ccc;padding-bottom:20px;}*/
nav.nav_primary ul.parent li { float:none;  }
nav.nav_primary ul.parent li ul { width:99%; }
nav.nav_primary .nav_primary_btn { display:block; background-color:#f7f7f7; text-decoration:none; cursor:pointer; float:none;padding:20px ;margin-top:20px; text-align: center;}
nav.nav_primary.mega ul.parent > li > ul {display:none!important;}
nav.nav_primary ul.parent > li > a.selected {border-bottom:0; background-color:#183d6e; color:#fff;}
.nav_page.fixed {position:absolute;top:auto;}
.no-touch nav.nav_primary ul.parent li:hover > a { border-bottom:0; }
.owl-carousel .owl-wrapper-outer {background-color:#f7f7f7}
#arrows {display:none!important;}
.drop {display:inline-block;}
.btn_footer_nav { display:block; width:90%; text-align:center; padding:10px 0; margin:60px auto 0;background-color:#333e48;font-size: 14px;cursor: pointer;text-transform: uppercase;font-weight: 300; }
.mobile_display {display:none;}
.mobile_bg {display:block!important;position: static;min-height: 300px;}
.projection_agree {background:none; height:auto;}
.projection_modal {top:0em}
	 
	 ul.language .active .popover {max-width:140px}
	 
	 ul.language > li > ul > li a {max-width:100%; padding:6px!important;}
	 ul.language > li > ul  {max-width:100%;}	 

		.site_header a.logo {
    display: block;
    text-align: center;
    top: 150px;
    left: 0;
    width: 100%;} 
	 
	
.site_footer .group_1of2 {text-align: center !important;}
.site_footer .group_1of3, .site_footer .group_2of3 {text-align: center !important;}


.inset_right {padding-right: 0rem;}

.panel-inset {padding:4.8rem 0;}
.panel-spacer {height:4.8rem;}
	.inset {padding:1.2rem;}
	.inset_xs {padding:.3rem;}
	.inset_s {padding:.6rem;}
	.inset_m {padding:1.2rem;}
	.inset_l {padding:2.4rem;}
	.inset_xl {padding:4.8rem;}
		
	.inset_squish {padding:.6rem 1.2rem;}
	.inset_squish_xs {padding:.15rem .3rem;}
	.inset_squish_s {padding:.3rem .6rem;}
	.inset_squish_m {padding:.6rem 1.2rem;}
	.inset_squish_l {padding:1.2rem 2.4rem;}
	.inset_squish_xl {padding:2.4rem 4.8rem;} 
	 
	.inset_squeeze {padding:.6rem .3rem;}
	.inset_squeeze_xs {padding:.15rem .075rem;}
		.inset_squeeze_s {padding:.3rem .15rem;}
	.inset_squeeze_m {padding: .6rem .3rem;}
	.inset_squeeze_l {padding: 1.2rem .6rem;}
	.inset_squeeze_xl {padding: 2.4rem 1.2rem;}

    .grid-4x-item1 { width: 40%; order: 1;}
    .grid-4x-item2 { width: 40%; order: 2;}
    .grid-4x-item3 { width: 40%; order: 3;}
    .grid-4x-item4 { width: 40%; order: 4;}

.img-bottom img {margin: 0 0 -80px 0;}    

}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
 

	 
#extranet .form fieldset, #extranet .form {min-width:95%!important}
#extranet .form fieldset ul {min-width:100%}

.nav_page ul li a{padding:1em; text-align:center;border-bottom:1px solid #6AC7E9;border-left:0;font-size:0.85em!important;}
 
 
 
.nav_page ul li.sub1 {width:50%;border-left:0;}
    .nav_page ul > li.sub1 > a{border-right:1px solid #6AC7E9;}
.nav_page ul li.sub2 {width:50%;border-right:0;border-left:0;}
.nav_page ul li.sub3 {width:50%;border-left:0}
.nav_page ul li.sub3 a {border-right:1px solid #6AC7E9;border-left:0;}
.nav_page ul li.sub4 {width:50%;border-right:0;border-left:0}
.nav_page ul > li.sub4 > a{border-right:1px solid #6AC7E9;border-right:0;}
.nav_page ul ul {  min-width: 100%;  padding-left: 0!important;  -webkit-padding-start: 0px;  margin-left: 0;  margin-right: 0;}
.nav_page ul li {  width: 100%;}
  .nav_page ul li.sub2{border-right:0;}
  

.break_767x480 { display:block; }
.form textarea { width:95%; }
#parallax .parallax-one {width:100%; background-size:auto!important;}

/*---4, 5, 6 column to 3---*/	
.list_grid.list_4x li, .list_grid.list_5x li, .list_grid.list_6x li { width:31%; }/*---establish widths---*/
.list_grid.list_3x li.third, .list_grid.list_4x li.third, .list_grid.list_5x li.third, .list_grid.list_6x li.third { margin-right:0; }/*---last column---*/
.list_grid.list_3x li.clear_third, .list_grid.list_4x li.clear_third, .list_grid.list_5x li.clear_third, .list_grid.list_6x li.clear_third { display:block; width:100%; }/*---show clears---*/
/*---Footer---*/
 .btn_footer_nav{ display:block; width:90%; text-align:center; padding:10px 0; margin:60px auto 0; }
  .nav_footer {display:none;}
.site_footer .tier1 .structure > .first, .site_footer .tier1 .structure > .middle, .site_footer .tier1 .structure > .last { margin-bottom:1em; }
.site_footer .tier1 .group_1of5, .site_footer .tier1 .group_2of5 { border-bottom:1px solid #98D6EE; padding-top:0em; padding-bottom:1em; }
.site_footer .tier2 { padding-top:1em; }
/*---Header---*/
.site_header a.logo { display:block; text-align:center; top:75px; left:0; width:100%; z-index:0}


.site_header a.logo .tagline { display:block; width:100%; }
.site_header a.logo img, .site_header a.logo .tagline { float:none; text-align:center; border-left:0; padding-left:0; }
.hero {clear: both;display: block;position: relative;}

.nav_page.fixed {position:absolute;top:auto;}

/*---Navigation---*/
nav.nav_primary ul.parent li { float:none;  }
nav.nav_primary ul.parent li ul { width:99%; }
nav.nav_primary ul.parent li { float:none;  }
nav.nav_primary ul.parent { display:none; float:none;margin-top:0;}
.nav_page ul li a {padding:1em;}
/*---Rotator---*/
#main-rotator { clear:both; display:block; position:static; }
#main-rotator.owl-theme .owl-controls .owl-buttons div { font-size:3em!important }
#main-rotator .owl-prev, #main-rotator .owl-next { top:15%!important }
/*---Springboard---*/
.springboard { top:0px; }
.group_3of8.first.springboard { margin-bottom:0; padding-top:2em; }
.springboard_panel { padding-bottom:2em; }
/*---Forms---*/
 .form_message { position:relative; bottom:0; left:0; }
.active .popover {width:400px; margin:0 auto; top:0; right:0; left:0;}
#point3 .popover, #point3.active {right:0;top:0; left:0; margin:0 auto}
#point4 .popover, #point4.active {right:0;top:0;left:0; margin:0 auto}

.popover_parent.points.active {top:0;left:0;  margin:0 auto}
#point1.active, #point2.active, #point5.active, #point6.active {top:0;left:0; margin:0 auto;right:0}
.active a {display:none;}  
}

/* Interim breakpoint for some phones (landscape) and tablets (portrait) */
@media only screen and (max-width: 640px) {

.page_banner h1 {margin:0;}
.page_banner h1 span {padding:.25em 30px; display:block; font-size: 35px; line-height:1.5;}

    .extranet-inset h1 {font-size: 32px;} 

.img-bottom { margin: 0 0 -3.6em 0;}

.header-wrapper {padding: 10px 15px;}
    body {margin: 57px 0 0 0;}
    .header-wrapper {height: 37px;}
    .header-wrapper .item:nth-child(1) {flex-basis: 20%;}

	body.show_nav_drawer .site_wrapper {left: -75%;}
body.show_nav_drawer .nav_drawer {width: 67%;}

.header-partner-login, .header-partner-with-us { display: none;}

.nav_mobile > ul li a.header-partner-login {display: block;}
    .nav_mobile > ul li a.header-partner-with-us { display: block;}

    .dark-blue-bg.overflow-hidden .grid-2x-item1 {padding: 3.6rem 0; }

    .panel-inset, div#divFormBuilder {padding: 3.6rem 0 !important;}
    .panel-spacer {height:3.6rem;}
	.inset {padding:.7rem;}
	.inset_xs {padding:.7rem;}
	.inset_s {padding:.7rem;}
	.inset_m {padding:.7rem;}
	.inset_l {padding:1.2rem;}
	.inset_xl {padding:1.6rem;}
		
	.inset_squish {padding:.5rem .7rem;}
	.inset_squish_xs {padding:.5rem .7rem;}
	.inset_squish_s {padding:.5rem .7rem;}
	.inset_squish_m {padding:.8rem .7rem;}
	.inset_squish_l {padding:1rem 1.2rem;}
	.inset_squish_xl {padding:1rem 1.6rem;}

    .grid-2x-wrapper { display: flex;justify-content: space-between; flex-direction: column;}
    .grid-2x-item1 { width: 100%;}
    .grid-2x-item2 { width: 100%; padding: 0 0;}

    .home-hero-text-left { margin: -20% 0 0 0%; width: 80%; order: 2; padding: 4em 5% 2em 5%;}

    .home-hero-text-right h1, .home-hero-text-left h1, .dark-blue-bg h2.lets-talk, .int-hero-text-left h1 { font-size: 40px;}
    h2, .form fieldset legend {font-size: 28px;}
        .home-hero-text-right a.cta, .home-hero-text-left a.cta, .card-text-right a.cta, .card-text-left a.cta {font-size: 12px;}
        .home-hero-img-text p, .int-hero-img-text p, .grid-2x-item2 p, .card-img-text p, .card-text-right p {
            font-size: 20px;}
            

            h4, h4 a {font-size: 18px;}


        .int-hero-text-left { margin: -20% 0 0 0%; width: 80%; order: 2; padding: 4em 5% 2em 5%;}

    .card-text-right  {margin: -20% 0 0 0%; width: 80%; order: 2; padding: 2em 5%; }

    .grid-3x-wrapper { flex-direction: column;}
    .grid-3x-item1, .grid-3x-item2, .grid-3x-item3 {max-width: 400px; width: auto; margin: 0 auto;}
    .grid-3x-item2 {padding: 2em 0;}


    .grid-2x-item30 {max-width: 400px; width: auto; margin: 0 auto;}
    .grid-2x-item65 {width: 100%;}
    .grid-2x-item65 img { position: relative;left: calc(0% - 0%); margin-bottom: 2em;}

}


 @media only screen and (min-width: 0px) and (max-width: 479px) {

.img-bottom {margin: 0 0 -3.6em 0;}
.img-bottom img {margin: 0 0 -40px 0;}   

/* Flex Grid */
.flex_grid.flex_4x .flex_item, .flex_grid.flex_3x .flex_item, .flex_grid.flex_2x .flex_item, .flex_grid.flex_4x.flex_margin .flex_item, .flex_grid.flex_3x.flex_margin .flex_item, .flex_grid.flex_2x.flex_margin .flex_item { width: 100%;margin-right:0; }

.list .li-summary {display: none;}    


    .grid-4x-item1 { width: 70%; order: 1;}
    .grid-4x-item2 { width: 70%; order: 2;}
    .grid-4x-item3 { width: 70%; order: 3;}
    .grid-4x-item4 { width: 70%; order: 4;}

	 ul.language .popover_parent {display:block; float:none; width:100%}
	 #extranet .form fieldset, #extranet .form {min-width:95%!important}
	 ul.language > li > ul > li a {max-width:100%; padding:6px!important;}
	 ul.language > li > ul  {max-width:100%;}
/*---Springboard Screenshot---*/
.active .popover {width:260px; margin:0 auto; top:0; right:0; left:0;}
#point3 .popover, #point3.active {right:0;top:0; left:0; margin:0 auto}
#point4 .popover, #point4.active {right:0;top:0;left:0; margin:0 auto}

.popover_parent.points.active {top:0;left:0;  margin:0 auto}
#point1.active, #point2.active, #point5.active, #point6.active {top:0;left:0; margin:0 auto;right:0}
.active a {display:none;} 

.callouts {padding:0}
.blue-box {margin-right:0; padding-right:0; width:95%;}
.tool_inset {padding:0; width:100%; text-align:center; border-top:1px solid #efefef; border-bottom:1px solid #efefef; padding:3em 0;}	  
.tool_inset .btn {float:none;}

/*---Structure---*/
.break_479x0 { display:block; }

/*---Header---*/
.main_menu {display:none;}
	 li.partner-login {padding-top:5px;}
li.btn-talk { clear:both;  margin:20px 0; float:left; background-color:#333e48 }
li.btn-talk:hover { background-color:#333e48!important }

.header-wrapper .item:nth-child(1) {flex-basis: 30%;}
.site_header a.logo { display:block; text-align:center; top:160px; left:0; width:100%; }
.site_header a.logo .tagline { display:block; width:100%; }
.site_header a.logo img, .site_header a.logo .tagline { float:none; text-align:center;border-left:0; padding-left:0; }
.talk:hover {background-color:#333e48!important}
.video_play  {font-size:3em!important;top:85%; left:57%}
	 ul.language > li {float:none; width:100%; display:block}

	 ul.language > li {float:none!important;}
/*---Navigation---*/
.mobile_menu {display:block;}
nav.nav_primary ul.parent li { float:none;  }
nav.nav_primary ul.parent li ul { width:99%; }
nav.nav_primary ul.parent li { float:none;  }
nav.nav_primary ul.parent { display:none; float:none;margin-top:0.50em;}
.nav_page, .nav_page.fixed {position:relative;}
.nav_page ul {width:100%;}
.nav_page ul li {border-left:0;border-bottom:1px solid #6AC7E9}
.nav_page ul li a {padding:1em 2em ;}
.nav_page ul li.sub1 {width:100%;border-right:0;}
.nav_page ul li.sub2 {width:100%;border-right:0;}
.nav_page ul li.sub3 {width:100%;border-right:0;}
.nav_page ul li.sub4 {width:100%;border-right:0;}
.inset_lg {padding:50px 50px 50px 0}
.img_panel img.img_left { float:none!important; max-width:100%!important;}
.nav_page ul li:last-child {border-bottom:0}


/*---Rotator---*/
#main-rotator.owl-theme .owl-controls .owl-buttons div { font-size:3em!important }
#main-rotator .owl-prev, #main-rotator .owl-next { top:10%!important }
.hero{clear: both;display: block;position: relative;}
.hero .main-rotator-caption-wrapper {margin-top:0;}

.panels .wrapper .inset {padding:50px 0;}

.extranet-inset .wrapper .inset {padding:0 0 1em 0 !important;}

/*---Parallax---*/ 
#parallax .parallax-one {background-size:auto!important;}
#panels > section:first-child .inset {padding:50px 0}
#parallax .block { padding:60px 20px }

/*---Springboard---*/
.springboard { top:0; margin-bottom:0; }
.springboard_panel .small_inset { padding:0; }
.springboard_panel { padding:30px 0; }


	 li.btn-talk {padding-top:5px;margin-top:0;}

/*---Footer---*/
.btn_footer_nav { display:block; width:90%; text-align:center; padding:10px 0; margin:60px auto 0;background-color:#333e48;
font-size: 14px;cursor: pointer;text-transform: uppercase;font-weight: 300; }
.nav_footer { display:none; }
.site_footer .inset { padding:50px 0 }
.site_footer .tier2 { padding-top:1em; }
.site_footer .tier1 .structure > .first, .site_footer .tier1 .structure > .middle, .site_footer .tier1 .structure > .last { margin-bottom:1em; }
.site_footer .tier1 .group_1of5, .site_footer .tier1 .group_2of5 { border-bottom:1px solid #98D6EE; padding-top:0em; padding-bottom:1em; }
footer {padding-bottom:1em!important;}

/*---Forms---*/
 .form_message { position:relative; bottom:0; left:0; }
.form_wrapper { padding:0; margin:0; }
.form input[type="text"], .form input[type="email"], .form input[type="password"], .form textarea, .form fieldset select { max-width: none; width:90%; }
.form fieldset > div > label { width:100%; padding:0; text-align:left; }
.form fieldset .icon_form { clear:both; display:block; margin-top:.5em; }
.form fieldset ul { width:100%; }

/*------Salesforce------*/
.salesforce_forms input, .salesforce_forms textarea, .salesforce_forms select {margin-bottom:.75em;}
.salesforce_forms input[type="checkbox"] {padding: 0; display: inline-block; float:left; margin: 0.6em 0.5em 0 0!important;}



/*---Parallax---*/
#panels > section:first-child .inset {padding:50px 0}
#parallax .parallax-one {width:100%; background-size:auto}
#parallax .block { padding:60px 20px }


/* default breakpoints for table structure */
table.table_structure_4x tr td, table.table_structure_3x tr td, table.table_structure_2x tr td { width:100%; margin:0; }
table.table_structure_4x tr td td, table.table_structure_3x tr td td, table.table_structure_2x tr td td { width: auto; }
/* styles */
img.img_left, img[align=left], img.img_right, img[align=right] { max-width:33%;}
img[align=left], img.img_left {  margin:0 1em 1em 0; }
img[align=right], img.img_right {  margin:0 0 1em 1em;  }
aside, figure { width:auto; float:none; margin-left:0; }
nav.page ul li { display:none; }
nav.page ul li.page-prev, nav.page ul li.page-next { display:inline; }
/*---3, 4, 5, 6 column to 2---*/	
.list_grid.list_3x li, .list_grid.list_4x li, .list_grid.list_5x li, .list_grid.list_6x li { width:48.25%; }/*---establish widths---*/
.list_grid.list_3x li.even, .list_grid.list_4x li.even, .list_grid.list_5x li.even, .list_grid.list_6x li.even { margin-right:0; }/*---last column---*/
.list_grid.list_3x li.clear_even, .list_grid.list_4x li.clear_even, .list_grid.list_5x li.clear_even, .list_grid.list_6x li.clear_even { display:block; width:100%; }/*---show clears---*/
.list .li-summary { display: none; }
#collabria-story .inset_med {padding:0.75em 0;}





}

/*Print styles */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster */
a, a:visited { color: #444 !important; text-decoration: underline; }
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
tr, img { page-break-inside: avoid; }
 @page {
margin: 0.5cm;
}
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3 { page-break-after: avoid; }
}
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after { content: "."; display: block; visibility: hidden; line-height: 0; height: 0; }
/* display none until init */
.owl-carousel { display: none; position: relative; min-width: 100%; -ms-touch-action: pan-y; }
.owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); background-color:#fff; }
.owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; z-index:1;  }
.owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel .owl-item { float: left; }
.owl-carousel .owl-item img { width:100%; }
.owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
/* mouse grab icon */
.grabbing { cursor:url(/images/grabbing.png) 8 8, move; }
/* fix */
.owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility:    hidden; -ms-backface-visibility:     hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/
.owl-carousel .owl-wrapper-outer section {position:relative}
.owl-theme .owl-controls { text-align: center; }
#main-rotator.owl-theme .owl-controls .owl-buttons div { font-size: 4em; }
/* Styling Next and Prev buttons */

.owl-theme .owl-controls .owl-buttons div { color: #ccc; display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
font-size: 12px; }
.owl-prev { position:absolute; left:-18px; top: 30%; z-index:100; }
.owl-next { position:absolute; right:-18px; top: 30%; z-index:100; }
#main-rotator .owl-prev { top: 45%; left:30px; }
#main-rotator .owl-next { top: 45%; right:30px; }
/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; text-decoration: none; }
/* Styling Pagination*/

.owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; }
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; }
/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; }
/* preloading images */
.owl-item.loading { min-height: 150px; background: url(/images/AjaxLoader.gif) no-repeat center center }
 @media only screen and (min-width: 768px) and (max-width: 991px) {
#main-rotator .owl-prev, #main-rotator .owl-next { top: 30%; }
}
 @media only screen and (min-width: 480px) and (max-width: 767px) {
#main-rotator .owl-prev, #main-rotator .owl-next { top: 20%; }
}
 @media only screen and (max-width: 640px) {
.owl-prev, .owl-next { top: 25%; }
#main-rotator .owl-prev, #main-rotator .owl-next { top: 20%; }
}

.gsib_a {padding-left:5px;padding-top:0!important}
table.gsc-search-box {border:1px solid #ccc;-webkit-box-shadow: none; -moz-box-shadow: none; border:none; background-color:none; }
.gsc-input-box-hover {-webkit-box-shadow: none; -moz-box-shadow: none; border:none; }
input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {border-color: #FFFFFF; border:none;}
table.gsc-search-box {border:none;}
input.gsc-input:hover,  table.gsc-search-box:hover {border:none;-webkit-box-shadow: none; -moz-box-shadow: none;}
 
.gsc-search-box-tools .gsc-search-box .gsc-input {border:none;-webkit-box-shadow: none; -moz-box-shadow: none; }
.gsc-input-box-hover {-webkit-box-shadow: none; -moz-box-shadow: none; border:none; }
 
 
 
 
/* Extranet Styles*/
#extranet .breadcrumb {margin-bottom:1.5em;}
#extranet ul.search {list-style:none; text-align:left!important; clear:both; padding-right:10px; padding: 0 0;}
#extranet ul.search a {text-decoration: none; color: #323E48;}

#extranet .spotlight {background-color: whitesmoke;float:right!important; margin: 0 20px 20px 20px; max-width:40%;width:40%; border:1px solid #DDD}
	#extranet .spotlight .inset_sm {padding:10px!important;}
	#extranet .spotlight img {padding-bottom:0.75em;}

    #extranet ul.search svg {font-size: 18px; color: #7097aa; margin: 0 0 !important;}

/************************
* Forms *
************************/
#extranet .p_bottom {padding-bottom:1em!important;}
#extranet .p_bottom a {text-decoration: underline;color: #333e48;}

#extranet .form {margin-bottom:1em;clear:both;font-size:14px;}
#extranet .form fieldset {margin-bottom:1em;border:1px solid #DDD;padding:15px;-moz-border-radius:4px;border-radius:4px;background:#FFF;box-sizing: border-box;}
	#extranet .form fieldset fieldset{margin-bottom:0;padding:1em;clear:both;border:0;background:#F9F9F9;}
	#extranet .form fieldset fieldset fieldset{background:#FFF;}
	#extranet .form fieldset fieldset fieldset fieldset{background:#F9F9F9;}
	#extranet .form fieldset legend{display:block;color:#FFF;display:block;font-weight:bold;background:#767676;padding:.5em .75em;-moz-border-radius:4px;border-radius:4px;height:1%;overflow:hidden;float:left;margin-bottom:1.5em;font-size:.875em;line-height:1;}
	
#extranet .form fieldset > div {padding:10px 0;clear:both;border-bottom:1px dotted #DDD; width:100%!important}
	#extranet.form fieldset > div:last-child {border-bottom:0;}
#extranet.form fieldset > div{*zoom:1}#extranet .form fieldset div:before,#extranet .form fieldset div:after{display:table;content:""}.form fieldset div:after{clear:both}
#extranet.form fieldset > div > label{display:block;padding:3px 5% 3px 0;width:40%;text-align:left!important;float:left!important;}
#extranet .form fieldset ul{padding:3px 0;list-style:none;margin:0;float:left;display:block;width:66%;}
	#extranet .form fieldset ul li{margin:0 0 3px 0;}
	#extranet .form fieldset ul li{*zoom:1}#extranet .form fieldset ul li:before,#extranet .form fieldset ul li:after{display:table;content:""}.form fieldset ul li:after{clear:both}
	#extranet .form fieldset ul li span{width:90%;float:left;}
	
	#extranet .form fieldset ul li small{font-size:.85em;margin:-.5em 0 0 0;}
	#extranet .small {font-size:.75em;margin:3.5em 0 0 0; }

#extranet .form label input[type="checkbox"], #extranet .form label input[type="radio"] {margin-right:.5em; vertical-align:text-top; margin-top:6px; float:left; clear:both;}

#extranet .form fieldset input {margin:0;max-width:70%; margin-right:5px;}
 #extranet .form label input[type="radio"] {max-width:5%!important;}

#extranet input[type="text"],#extranet  textarea, #extranet input[type="email"], #extranet input[type="password"], #extranet input[type="number"], #extranet input[type="tel"]{padding: 7px;font-size: 14px;border: 1px solid #555;background: #f5f5f5;-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.05);-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif; width: 100% !important; box-sizing: border-box; margin: 0 0 1em 0;}
#extranet input[type="number"]::-webkit-inner-spin-button, 
#extranet input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0;}/*------remove number spinners------*/
#extranet input[type="text"]:focus, #extranet input[type="number"]:focus, #extranet input[type="password"]:focus, #extranet input[type="email"]:focus, input[type="tel"]:focus, textarea:focus {border-color: rgba(0,102,204,.8);box-shadow: 0 0 8px rgba(0,102,204,.6);background: #fff;}
#extranet .form .required label:after{content:' *';color: #8E3431;font-weight:bold;}
#extranet .form .required.error {color:#8E3431;}
#extranet .form .required.error input, .form .required.error select, .form .required.error textarea {border:1px solid #8E3431;}
#extranet .form .required.error input:focus{box-shadow: 0 0 8px rgba(185, 74, 72,.6)}
#extranet .form fieldset > div > label {float:none!important;}
#extranet .form fieldset input.zipcode {max-width:10%!important}
#extranet .btn {vertical-align:bottom!important; margin: 1em 1em 0 0;}
#extranet .form fieldset > div > label {width:100%!important}
.btn-primary {background-color:#183d6e!important; color:#fff!important;}
		.btn-primary a {color:#fff!important;}
.form fieldset > div.form_message {margin-bottom:1em!important; border-bottom:0!important}		
	#extranet .form fieldset input[type="radio"] {width: auto;}
		#extranet .form fieldset > div h1 {margin-bottom:0px!important}
.form_builder_validation, #ctl00_cph_main_content_spuFormBuilder_NoBot {border-bottom:none!important}	


/*------calendar ------*/
.cal_next_prev {padding:5px;float:right;position:relative;top:-3px}
.cal_next_prev i {font-size:1.7em; color:#747474; margin:0 0 0 7px}
.calendar_top{padding-top:3em}
.calendar {text-align:left; }
.calendar h2 {font-size:1em; margin-bottom:2.5em; font-weight:bold;}
.calendar_top h1 {margin-bottom:0!important; padding-bottom:0;}
.calendar h1 {font-size:2.2em; margin-bottom:1em!important; text-align:left; line-height:35px;}
.calendar h3 {text-transform:capitalize}
.calendar_1 {color:#507990;}
.calendar_2 {color:#48801d;}
.calendar_3 {color:#007e8b;}
.calendar_4 {color:#ab6200;}
.calendar_5 {color:#de2246;}
.calendar_6 {color:#000;}
.calendar i {display:inline-block!important; width:auto!important}
.cal_featured .tags, .cal_listing .tags {margin-top:.75em;}
.cal_featured {margin-bottom:0em;position:relative;right:-1px}
.cal_featured p {margin-bottom:0.5em}
.cal_featured.structure > .first {margin-bottom:1em;}
.slick-slider.slider_featured_events {margin-bottom:5em}

p.cal_list_month {font-size:16px}
p.cal_list_date {font-size:30px;}
.cal_listing {margin:0;padding:0;list-style:none;}
.cal_listing > li {border-top:1px solid #ddd; padding:1.5em 0;overflow:hidden;}
.cal_listing > li p{margin:0;}
.cal_listing > li h3 {margin-bottom:.25em}

.cal_list_month, .cal_list_date {text-align:center;}
.cal_list_month {font-size:1.2em;text-transform:uppercase;margin-bottom:1em}
.cal_list_date {font-size:1.8em;font-weight:700;}

.cal_search {position:relative;}
.cal_search input {width:90%;margin-bottom:1.5em;padding:12px!important; background:#fff!important;}
.cal_search a {position:absolute; top:8px;right:10px; color:#666;  text-decoration:none;}
.cal_search a:hover {color:#747474}
.cal_search a  svg {
    font-size: 22px;
    color: #7097aa;
    margin:  .1em 0 0 .25em;}

.structure .last.cal_search {margin-bottom:1em}

.calendar_nav {margin:0 1em 0 0; padding:0; list-style:none;}
.calendar_nav li {display:inline; font-size:2em; padding-left:5px;}
.calendar_nav a:hover i {color:#666}

nav.nav_cal ul {margin:0;padding:0;list-style:none;}
nav.nav_cal ul li {border-bottom:1px solid #fff;}
nav.nav_cal ul li a {background:#eee;display:block;padding:8px 12px;text-decoration:none; font-weight:700; color:#666;font-size:.9em}
nav.nav_cal ul li a:hover {background:#ddd;color:#333;}
nav.nav_cal ul li a.selected {background:#767676; color:#fff}

.nav_cal_day {padding:8px 12px; background:#eee; font-weight:700; color:#666;font-size:.9em}
.nav_cal_day p {margin-bottom:.5em}
.nav_cal_day p+div {margin-top:.25em}

.cal_filter {border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd; padding:20px;}
.cal_filter p {margin-bottom:.5em; line-height:1.7em}
.cal_filter input { width:10%;}

.cal_details {background:#eee; padding:20px; border:1px solid #ddd; margin-bottom:1.5em}
.cal_details p {margin-bottom:1em; line-height:1.4em}

.cal_details hr {margin:1em 0;}

.addthis {padding:10px 9px 10px; border:1px solid #e5e6e9; border-radius:3px;}
.addthis:hover {border:1px solid #AAB9D4; }

.cal_next_prev {padding:5px;float:right;}
.cal_next_prev i {font-size:1.7em; color:#747474; margin:0 0 0 7px; float:left;}

.error {color:#8E3431;}

/* Frequently Asked Questions*/
.faqs ul {list-style:none;padding-left:0;margin-bottom:4em; text-align:center;}
.faqs h1 {margin-bottom:1.25em;}
.faqs ul li p {margin-top:1em;}
.faqs h3 {margin-bottom:1em; font-size:1.40em; padding-bottom:0.50em;}
ul.faqs_categories {list-style:none; margin-bottom:0.50em; text-align:center!important;}
ul.faqs_categories li {display:inline-block;margin-right:1.70em; background-color:#efefef; padding:10px 25px; margin-bottom:1em; }
ul.faqs_categories li a:last-child {margin-right:0;  }

ol.top_faqs {padding-left:1.50em; margin-bottom:5em;}
ol.top_faqs .hide-container {margin-bottom:1em; padding:0}
.back-top {text-align:center;margin-bottom:1.5em;margin-top:0.50em;font-weight:bold;}
.alert_box {float:right;margin-bottom:1em;}
.last-h5{ border-bottom:1px solid #ccc;}

.header-h5 { margin: 0; padding: 15px;    -moz-box-sizing: border-box;    -webkit-box-sizing: border-box;    box-sizing: border-box;    cursor:pointer;
    border-top:1px solid #ccc;    border-left:1px solid #ccc;    border-right:1px solid #ccc;   -webkit-transition:background .5s;    -moz-transition: background .5s;    -ms-transition: background .5s;    -o-transition: background .5s;    transition: background .5s;
}
.img {display: inline-block;margin-right: 10px;vertical-align: middle;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.question-Q {display: inline-block;vertical-align: middle;font-size: 14px;font-weight: bold; -moz-box-sizing: border-box;-webkit-box-sizing: border-box;
    box-sizing: border-box; margin-right: 7px;}
.answer-A {display: inline-block;vertical-align: middle; font-size: 14px;font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;
    box-sizing: border-box; margin-right: 7px;}
.question { width:90%; vertical-align: middle;  font-size: 14px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-table; line-height:22px;}
.faq-p {    margin:0 auto;  display: block;  width: 100%;  padding: 15px; border-top: 1px solid #ccc;  border-left: 1px solid #ccc;  border-right: 1px solid #ccc;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;    box-sizing: border-box;   background: #efefef;  font-size: 15px; font-weight: normal;
}
.last-faq-p {  border-top: none;  border-bottom:1px solid #ccc;}
.highlight_box {background-color:#efefef;padding:10px;}


/*language selector styles*/
ul.language .popover_parent {position: relative; top:0;z-index: 10000;right:0;}
ul.language .popover {opacity: 0.95;display:none;position:absolute;top:3em;z-index:1;color:#333; -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);box-shadow: 0 5px 10px rgba(0,0,0,0.2);border:0;}  
ul.language .active .popover{display:block;}
ul.language li {float:none; display:block;padding-left:0;}
ul.language, ul.language ul{display:inline-block;padding:0;margin:0;list-style:none;font-size:13px;background-color:#fff;}
ul.language > li{display:block;float:right;}
ul.language > li > a{display:block;padding:.25em 1.25em;color:#333333;text-decoration:none;background-color:#F5F5F5;font-weight:bold;}
ul.language > li > a:hover, ul.language > li.popover_parent.active > a, ul.language .popover_selection a{color:#666;}
ul.language > li.popover_selection{display:none;}

ul.language > li > ul > li a{float:none;min-width:100%;display:block!important;border-bottom:1px solid #ddd;text-decoration:none;color:#666;padding:10px 0 10px 15px;background:#F5F5F5; }
ul.language > li > ul {width:100%;}
ul.language > li > ul > li:last-child a{border:0;width:100%;}
ul.language  > li > ul > li > a:hover{color:#fff;background-color:#666;}

ul.language .caret {float:right;margin-top: .5em;margin-left: .5em;display: inline-block;width: 0;height: 0;vertical-align: top;border-top: 5px solid #000;border-right: 5px solid transparent;border-left: 5px solid transparent;content: "";opacity: .3;filter: alpha(opacity=30);}

ul.language a:hover .caret, ul.language > li.popover_parent.active .caret {border-top: 5px solid #666;opacity: .9;filter: alpha(opacity=90);}

/*Collabria Connect Search Bar*/
.connect_search_bar { padding: 20px 20px 18px 0px; text-align: left; background: #fff; border-bottom: 1px solid #E6EAEA; margin-bottom:2em }
.connect_search_bar p { display: inline-block; font-size: 1.3em; position: relative; top: 3px; margin: 0; color: #333; font-weight: 500 }
.connect_search_bar input[type="text"] { margin: 0.5em; padding: 9px; font-size: 14px; border: 1px solid #DDD; background: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; width: 350px; max-width: 80%; position: relative; top: -1px; }
.connect_search_bar .btn {padding: 10px 12px 9px 12px;position: relative; top: -8px;color: #5F5E5E; text-decoration: none;}
.connect_search_bar .go_btn {background-color:#333e48;color:#fff;border:none;}
.connect_search_bar .next_prev_btns {position:relative;display:inline-block;margin-left:1em; top: 14px;}
.connect_search_bar .next_prev_btns .btn{border:1px solid #183d6e; background-color:#fff;color:#183d6e;}
.connect_search_bar .next_prev_btns .btn:hover{background-color:whitesmoke;color:#183d6e;}
 .highlighted {background-color:yellow; }
 .highlight {background-color: #fff34d; 
	 -moz-border-radius: 5px; /* FF1+ */  
	 -webkit-border-radius: 5px;  /* Saf3-4 */
     border-radius: 5px;
     /* Opera 10.5, IE 9, Saf5, Chrome */
     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
     /* FF3.5+ */
     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
     /* Saf3.0+, Chrome */
     box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
     /* Opera 10.5+, IE 9.0 */
 }
 .highlight {padding:1px 4px; margin:0 -4px; }



/*datatables*/
/*
 * Table styles
 */
table.dataTable { width: 100%; margin: 0 auto; clear: both; border-collapse: separate; border-spacing: 0; /*
   * Header and footer styles
   */ /*
   * Body styles
   */ }
    table.dataTable thead th,
    table.dataTable tfoot th { font-weight: bold; }
    table.dataTable thead th,
    table.dataTable thead td { padding: 10px 18px; border-bottom: 1px solid #e3e3e3; }
        table.dataTable thead th:active,
        table.dataTable thead td:active { outline: none; }
    table.dataTable tfoot th,
    table.dataTable tfoot td { padding: 10px 18px 6px 18px; border-top: 1px solid #111; }
    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc { cursor: pointer; *cursor: hand; }
    table.dataTable thead .sorting,
    table.dataTable thead .sorting_asc,
    table.dataTable thead .sorting_desc,
    table.dataTable thead .sorting_asc_disabled,
    table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right; }
    table.dataTable thead .sorting { background-image: url("/spinternet/images/datatables/sort_both.png"); }
    table.dataTable thead .sorting_asc { background-image: url("/spinternet/images/datatables/sort_asc.png"); }
    table.dataTable thead .sorting_desc { background-image: url("/spinternet/images/datatables/sort_desc.png"); }
    table.dataTable thead .sorting_asc_disabled { background-image: url("/spinternet/images/datatables/sort_asc_disabled.png"); }
    table.dataTable thead .sorting_desc_disabled { background-image: url("/spinternet/images/datatables/sort_desc_disabled.png"); }
    table.dataTable tbody tr { background-color: #ffffff; }
        table.dataTable tbody tr.selected { background-color: #B0BED9; }
    table.dataTable tbody th,
    table.dataTable tbody td { padding: 5px; }
    table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.table_data2 tbody th, table.dataTable.table_data2 tbody td { border-top: 1px solid #ddd; }
    table.dataTable.row-border tbody tr:first-child th,
    table.dataTable.row-border tbody tr:first-child td, table.dataTable.table_data2 tbody tr:first-child th,
    table.dataTable.table_data2 tbody tr:first-child td { border-top: none; }
    table.dataTable.cell-border tbody th, table.dataTable.cell-border tbody td { border-top: 1px solid #ddd; border-right: 1px solid #ddd; }
    table.dataTable.cell-border tbody tr th:first-child,
    table.dataTable.cell-border tbody tr td:first-child { border-left: 1px solid #ddd; }
    table.dataTable.cell-border tbody tr:first-child th,
    table.dataTable.cell-border tbody tr:first-child td { border-top: none; }
    table.dataTable.stripe tbody tr.odd, table.dataTable.table_data2 tbody tr.odd { background-color: #f9f9f9; }
        table.dataTable.stripe tbody tr.odd.selected, table.dataTable.table_data2 tbody tr.odd.selected { background-color: #acbad4; }
    table.dataTable.hover tbody tr:hover, table.dataTable.table_data2 tbody tr:hover { background-color: #f6f6f6; }
        table.dataTable.hover tbody tr:hover.selected, table.dataTable.table_data2 tbody tr:hover.selected { background-color: #aab7d1; }
    table.dataTable.order-column tbody tr > .sorting_1,
    table.dataTable.order-column tbody tr > .sorting_2,
    table.dataTable.order-column tbody tr > .sorting_3, table.dataTable.table_data2 tbody tr > .sorting_1,
    table.dataTable.table_data2 tbody tr > .sorting_2,
    table.dataTable.table_data2 tbody tr > .sorting_3 { background-color: #fafafa; }
    table.dataTable.order-column tbody tr.selected > .sorting_1,
    table.dataTable.order-column tbody tr.selected > .sorting_2,
    table.dataTable.order-column tbody tr.selected > .sorting_3, table.dataTable.table_data2 tbody tr.selected > .sorting_1,
    table.dataTable.table_data2 tbody tr.selected > .sorting_2,
    table.dataTable.table_data2 tbody tr.selected > .sorting_3 { background-color: #acbad5; }
    table.dataTable.table_data2 tbody tr.odd > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd > .sorting_1 { background-color: #f1f1f1; }
    table.dataTable.table_data2 tbody tr.odd > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd > .sorting_2 { background-color: #f3f3f3; }
    table.dataTable.table_data2 tbody tr.odd > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd > .sorting_3 { background-color: whitesmoke; }
    table.dataTable.table_data2 tbody tr.odd.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_1 { background-color: #a6b4cd; }
    table.dataTable.table_data2 tbody tr.odd.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_2 { background-color: #a8b5cf; }
    table.dataTable.table_data2 tbody tr.odd.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.odd.selected > .sorting_3 { background-color: #a9b7d1; }
    table.dataTable.table_data2 tbody tr.even > .sorting_1, table.dataTable.order-column.stripe tbody tr.even > .sorting_1 { background-color: #fafafa; }
    table.dataTable.table_data2 tbody tr.even > .sorting_2, table.dataTable.order-column.stripe tbody tr.even > .sorting_2 { background-color: #fcfcfc; }
    table.dataTable.table_data2 tbody tr.even > .sorting_3, table.dataTable.order-column.stripe tbody tr.even > .sorting_3 { background-color: #fefefe; }
    table.dataTable.table_data2 tbody tr.even.selected > .sorting_1, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_1 { background-color: #acbad5; }
    table.dataTable.table_data2 tbody tr.even.selected > .sorting_2, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_2 { background-color: #aebcd6; }
    table.dataTable.table_data2 tbody tr.even.selected > .sorting_3, table.dataTable.order-column.stripe tbody tr.even.selected > .sorting_3 { background-color: #afbdd8; }
    table.dataTable.table_data2 tbody tr:hover > .sorting_1, table.dataTable.order-column.hover tbody tr:hover > .sorting_1 { background-color: #eaeaea; }
    table.dataTable.table_data2 tbody tr:hover > .sorting_2, table.dataTable.order-column.hover tbody tr:hover > .sorting_2 { background-color: #ececec; }
    table.dataTable.table_data2 tbody tr:hover > .sorting_3, table.dataTable.order-column.hover tbody tr:hover > .sorting_3 { background-color: #efefef; }
    table.dataTable.table_data2 tbody tr:hover.selected > .sorting_1, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 { background-color: #a2aec7; }
    table.dataTable.table_data2 tbody tr:hover.selected > .sorting_2, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 { background-color: #a3b0c9; }
    table.dataTable.table_data2 tbody tr:hover.selected > .sorting_3, table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 { background-color: #a5b2cb; }
    table.dataTable.no-footer { border-bottom: 1px solid #e3e3e3; }
    table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; }
    table.dataTable.compact thead th,
    table.dataTable.compact thead td { padding: 4px 17px 4px 4px; }
    table.dataTable.compact tfoot th,
    table.dataTable.compact tfoot td { padding: 4px; }
    table.dataTable.compact tbody th,
    table.dataTable.compact tbody td { padding: 4px; }
    table.dataTable th.dt-left,
    table.dataTable td.dt-left { text-align: left; }
    table.dataTable th.dt-center,
    table.dataTable td.dt-center,
    table.dataTable td.dataTables_empty { text-align: center; }
    table.dataTable th.dt-right,
    table.dataTable td.dt-right { text-align: right; }
    table.dataTable th.dt-justify,
    table.dataTable td.dt-justify { text-align: justify; }
    table.dataTable th.dt-nowrap,
    table.dataTable td.dt-nowrap { white-space: nowrap; }
    table.dataTable thead th.dt-head-left,
    table.dataTable thead td.dt-head-left,
    table.dataTable tfoot th.dt-head-left,
    table.dataTable tfoot td.dt-head-left { text-align: left; }
    table.dataTable thead th.dt-head-center,
    table.dataTable thead td.dt-head-center,
    table.dataTable tfoot th.dt-head-center,
    table.dataTable tfoot td.dt-head-center { text-align: center; }
    table.dataTable thead th.dt-head-right,
    table.dataTable thead td.dt-head-right,
    table.dataTable tfoot th.dt-head-right,
    table.dataTable tfoot td.dt-head-right { text-align: right; }
    table.dataTable thead th.dt-head-justify,
    table.dataTable thead td.dt-head-justify,
    table.dataTable tfoot th.dt-head-justify,
    table.dataTable tfoot td.dt-head-justify { text-align: justify; }
    table.dataTable thead th.dt-head-nowrap,
    table.dataTable thead td.dt-head-nowrap,
    table.dataTable tfoot th.dt-head-nowrap,
    table.dataTable tfoot td.dt-head-nowrap { white-space: nowrap; }
    table.dataTable tbody th.dt-body-left,
    table.dataTable tbody td.dt-body-left { text-align: left; }
    table.dataTable tbody th.dt-body-center,
    table.dataTable tbody td.dt-body-center { text-align: center; }
    table.dataTable tbody th.dt-body-right,
    table.dataTable tbody td.dt-body-right { text-align: right; }
    table.dataTable tbody th.dt-body-justify,
    table.dataTable tbody td.dt-body-justify { text-align: justify; }
    table.dataTable tbody th.dt-body-nowrap,
    table.dataTable tbody td.dt-body-nowrap { white-space: nowrap; }

    table.dataTable,
    table.dataTable th,
    table.dataTable td { -webkit-box-sizing: content-box; box-sizing: content-box; }

/*
 * Control feature layout
 */
.dataTables_wrapper { position: relative; clear: both; *zoom: 1; zoom: 1; }
    .dataTables_wrapper .dataTables_length { float: right; padding: 7px; }
    .dataTables_wrapper .dataTables_filter { float: left; text-align: left; padding: 7px; }
        .dataTables_wrapper .dataTables_filter input { margin-left: 0.5em; padding: 0.25em; width: 300px; border-radius: 4px; font-size: 1.1em; border: 1px solid #ccc; }
    .dataTables_wrapper .dataTables_info { clear: both; float: left; padding-top: 0.755em; }
    .dataTables_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: 0.25em; }
        .dataTables_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: 0.5em 1em; margin-left: 2px; text-align: center; text-decoration: none !important; cursor: pointer; *cursor: hand; color: #333 !important; border: 1px solid transparent; border-radius: 2px; }
            .dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #333 !important; border: 1px solid #979797; background-color: white; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #dcdcdc)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, white 0%, #dcdcdc 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, white 0%, #dcdcdc 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, white 0%, #dcdcdc 100%); /* IE10+ */ background: -o-linear-gradient(top, white 0%, #dcdcdc 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, white 0%, #dcdcdc 100%); /* W3C */ }
            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { cursor: default; color: #666 !important; border: 1px solid transparent; background: transparent; box-shadow: none; }
            .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: white !important; border: 1px solid #111; background-color: #585858; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #585858 0%, #111 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #585858 0%, #111 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #585858 0%, #111 100%); /* IE10+ */ background: -o-linear-gradient(top, #585858 0%, #111 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #585858 0%, #111 100%); /* W3C */ }
            .dataTables_wrapper .dataTables_paginate .paginate_button:active { outline: none; background-color: #2b2b2b; background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Chrome10+,Safari5.1+ */ background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* FF3.6+ */ background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* IE10+ */ background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%); /* Opera 11.10+ */ background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%); /* W3C */ box-shadow: inset 0 0 3px #111; }
        .dataTables_wrapper .dataTables_paginate .ellipsis { padding: 0 1em; }
    .dataTables_wrapper .dataTables_processing { position: absolute; top: 50%; left: 50%; width: 100%; height: 40px; margin-left: -50%; margin-top: -25px; padding-top: 20px; text-align: center; font-size: 1.2em; background-color: white; background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(25%, rgba(255, 255, 255, 0.9)), color-stop(75%, rgba(255, 255, 255, 0.9)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%); }
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_processing,
    .dataTables_wrapper .dataTables_paginate { color: #333; }
    .dataTables_wrapper .dataTables_scroll { clear: both; }
        .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody { *margin-top: -1px; -webkit-overflow-scrolling: touch; }
            .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th, .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td { vertical-align: middle; }
                .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody th > div.dataTables_sizing,
                .dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody td > div.dataTables_sizing { height: 0; overflow: hidden; margin: 0 !important; padding: 0 !important; }
    .dataTables_wrapper.no-footer .dataTables_scrollBody { border-bottom: 1px solid #111; }
    .dataTables_wrapper.no-footer div.dataTables_scrollHead table,
    .dataTables_wrapper.no-footer div.dataTables_scrollBody table { border-bottom: none; }
    .dataTables_wrapper:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }

@media screen and (max-width: 767px) {
    .dataTables_wrapper .dataTables_info,
    .dataTables_wrapper .dataTables_paginate { float: none; text-align: center; }
    .dataTables_wrapper .dataTables_paginate { margin-top: 0.5em; }
}

@media screen and (max-width: 640px) {
    .dataTables_wrapper .dataTables_length,
    .dataTables_wrapper .dataTables_filter { float: none; text-align: center; }
    .dataTables_wrapper .dataTables_filter { margin-top: 0.5em; }
}

.table_form td { border-bottom: solid 1px #CCCCCC; padding-bottom: 3px; padding-top: 3px; padding: 0 5px 0 0; }


/*xpopup*/
.alert-popup { filter: alpha(opacity=50); position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: Gray; opacity: 1; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 10000 !important; }
.alert-popup.is-visible { opacity: 0.85; visibility: visible; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; }
.alert-popup-container { z-index: 10001 !important; opacity: 1 !important; text-align: center; position: relative; top: 100px; width: 45%; margin: 2em auto; background: #FFF; padding: 5px; border-radius: .25em .25em .4em .4em; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); /* Force Hardware Acceleration in WebKit */ -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; }
.alert-popup-container .inset { padding: 1.5em 1em }
.alert-popup-container h1 { font-weight: 400 !important; margin-bottom: .5em !important; line-height: 1.3em }
    .alert-popup-container h1 span { display: block; }
.alert-popup-container ul { margin-left: 0; padding-left: 0; padding-bottom: 1em; }
.alert-popup-container h3 { padding: 1.50em 2em 0em 2em; font-size: 1.45em; line-height: 35px; }
.alert-popup-container .alert-buttons:after { content: ""; display: table; clear: both; }
.alert-popup-container .alert-buttons li { float: left; width: 50%; list-style: none; }
.alert-popup-container .alert-buttons a { display: block; height: 60px; line-height: 60px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; }
.alert-popup-container .alert-buttons li:first-child a { background: #fc7169; border-radius: 0 0 0 .25em; }
.no-touch .alert-popup-container .alert-buttons li:first-child a:hover { background-color: #fc8982; }
.alert-popup-container .alert-buttons li:last-child a { background: #b6bece; border-radius: 0 0 .25em 0; }
.no-touch .alert-popup-container .alert-buttons li:last-child a:hover { background-color: #c5ccd8; }
.alert-popup-container .alert-popup-close { position: absolute; top: 8px; right: 8px; width: 30px; height: 30px; }
.alert-popup-container .alert-popup-close::before, .alert-popup-container .alert-popup-close::after { content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #8f9cb5; }
.alert-popup-container .alert-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; }
.alert-popup-container .alert-popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px; }
.is-visible .alert-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
span.tooltip { color: #009bd0; }

.required { color: red; }
.modalBackground { background-color: Gray; filter: alpha(opacity=50); opacity: 0.50; }
.updateProgress { border-width: 1px; border-style: solid; background-color: #FFFFFF; border-radius: 15px; Position: relative; Height: 190px; Width: 400px; Margin-left: auto; Margin-right: auto; }
/* ============================================================
   ADA 2026 remediation (A1) — submenu disclosure buttons
   ============================================================ */
/* Desktop main menu: disclosure button is visually hidden until keyboard focus */
.nav_primary li.drop_nav { position: relative; }
.nav_primary .drop_nav_toggle {
    position: absolute;
    white-space: nowrap;
    width: 1px; height: 1px;
    overflow: hidden;
    border: 0; padding: 0; margin: -1px;
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    background: none;
}
.nav_primary .drop_nav_toggle:focus {
    position: static;
    width: auto; height: auto;
    overflow: visible;
    clip: auto;
    clip-path: none;
    margin: 0;
    padding: 2px 8px;
    background: #fff;
    color: #A6192E;
    font-family: inherit;
    font-weight: 600;
    text-decoration: none;
}
/* Mobile drawer: button replaces the old toggle link — match link styling (ref .nav_mobile > ul li a) */
.nav_mobile > ul li button.drop_nav_toggle {
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    text-align: left;
    background: none;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 1.05em;
    padding: 1em 2em 1em 1em;
    line-height: 1.1em;
    text-transform: uppercase;
    font-weight: 600;
}

/* ============================================================
   ADA 2026 remediation (A3-A6) — quick wins
   ============================================================ */
/* A5: footer legal links — real list, inline layout preserved */
ul.footer-legal { list-style: none; margin: 0 0 1em 0; padding: 0; }
ul.footer-legal li { display: inline; }

/* A4: toTop / btn_footer_nav converted to native <button> — neutralize user-agent styles */
button.toTop, button.btn_footer_nav {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font: inherit;
    color: inherit;
    cursor: pointer;
}
button.btn_footer_nav { display: none; width: 90%; text-align: center; padding: 10px 0; margin: 60px auto 0; }
.extranet-inset button.toTop { text-decoration: none; }

/* ============================================================
   ADA 2026 remediation (A7/A8) - forms + contrast
   ============================================================ */
/* A7: subheading promoted h3 -> h2 for correct hierarchy; keep prior h3 visual size */
h2.subheading { font-size: 1.17em; margin: 1em 0; }

/* A7: FormBuilder error summary (role=alert) */
.form_builder_validation p { margin: 0 0 .5em 0; }
.form_builder_validation ul { list-style: none; margin-left: 0; padding-left: 1em; }
.form_builder_validation ul li { list-style: none; margin-bottom: .25em; }

/* ============================================================
   ADA 2026 (C1.2): rotator pause/play control - 44x44 target
   (2.5.5), visible focus, AAA-contrast text on dark button.
   ============================================================ */
.rotator_pause {
    position: absolute;
    right: 14px;
    bottom: 14px;
    z-index: 30;
    min-width: 44px;
    min-height: 44px;
    padding: 0 12px;
    border: 2px solid #fff;
    background: #323e48;
    color: #fff;
    font-size: 18px;
    line-height: 1;
    cursor: pointer;
}
.rotator_pause:hover, .rotator_pause:focus { background: #4f5153; }
.rotator_pause:focus { outline: 3px solid #fff; outline-offset: 2px; }

/* ============================================================
   ADA 2026 (C3): owl rotator prev/next chevrons sit on photos -
   give them a solid dark plate so they hold 3:1 (1.4.11).
   ============================================================ */
.owl-theme .owl-controls .owl-buttons div { background: #323e48; padding: 6px 10px; border-radius: 4px; opacity: .85; }

/* ===================================================================
   ADA 2026 (C3 follow-up): .blue-text inside dark panels.
   The base .blue-text color (#5a7988) is tuned for light backgrounds;
   CMS content places this class inside .dark-blue-bg panels, where it
   needs a light tint. #b7d1dc on #294F6E = 5.40:1 (passes 4.5:1).
   =================================================================== */
.dark-blue-bg .blue-text { color: #b7d1dc; }

/* ===================================================================
   ADA 2026 (SortSite 2.5.5): toTop click target must be >= 44x44px
   =================================================================== */
button.toTop { min-height: 44px; min-width: 44px; }
a.toTop { display: inline-block; min-height: 44px; min-width: 44px; }