body{
    position:relative;
    line-height:1.42857143;
    color:#555;
    font-family:"Inter","Helvetica Neue",Arial,sans-serif;
    background-color:#fff;
    font-size:14px;
    scroll-behavior:smooth
}
@media (min-width:768px){
    body{
        min-height:1230px
    }
}
@media (max-width:767px){
    body{
        min-height:1015px
    }
}
@media (min-width:1200px){
    .container{
        width:1200px
    }
}
h1,h3{
    font-size:42px;
    font-weight:600;
    color:#26517f
}
@media (max-width:662px){
    h1.imageContainer,h2.imageContainer{
        min-height:auto;
        padding:0;
        color:#26517f;
        background:0 0;
        border:0;
        box-shadow:none;
        text-align:center
    }
    h1.imageContainer{
        font-size:45px
    }
    h2.imageContainer{
        font-size:45px!important
    }
    h1.wordy_h1{
        font-size:35px!important
    }
    .header_Bold,.smaller_header{
        font-size:22px;
        margin-bottom:0!important
    }
    .right_smaller_header{
        font-size:22px;
        margin-bottom:-15px
    }
    .xs-font{
        font-size:1.1rem;
        margin-top:0!important;
        margin-bottom:18px!important;
        line-height:.9
    }
    .xs-margin{
        padding-left:5px;
        padding-right:5px
    }
}
.Green_18px,h2{
    font-size:20px;
    font-weight:600;
    color:#6abb19;
    text-align:left;
    margin-top:0;
}
h2.google::before,h2.hmargins::before{
    display:block;
    content:" ";
    margin-top:0;
    height:0;
    visibility:hidden;
    pointer-events:none
}
h3{
    font-size:17px;
    color:#39c;
    margin:0
}
h3.green_17px::before,h3::before{
    display:block;
    content:" ";
    height:20px;
    visibility:hidden;
    pointer-events:none
}
h3.green_17px::before{
    margin-top:0!important;
    height:0!important
}
a:focus h3,a:hover h3{
    color:#23527c
}
h4{
    font-size:14px;
    font-weight:700;
    color:#555;
    margin:0
}
h4::before{
    display:block;
    content:" ";
    height:auto;
    visibility:hidden;
    pointer-events:none
}
.smallest_header{
    font-size:24px;
    font-weight:lighter;
    margin-bottom:-25px;
    display:block;
    margin-left:60px
}
.smaller_header{
    font-weight:lighter;
    margin-bottom:-8px;
    display:block
}
.right_smaller_header{
    font-weight:lighter;
    margin-left:50px;
    display:block
}
@media (min-width:663px){
    .smaller_header{
        font-size:32px
    }
    .right_smaller_header{
        font-size:32px;
        margin-bottom:-20px
    }
    h1.wordy_h1{
        font-size:42px
    }
}
.bigger_header{
    font-size:80px;
    display:block
}
.centertitle,hr{
    margin:0;
    text-align:center
}
.Blue_15px{
    font-size:15px;
    font-weight:700;
    color:#39c
}
hr{
    border-top:1px solid #d2d2d7;
    margin:1em auto
}
.gradientbackground{
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    border:1px solid #d3d3d3;
    -webkit-box-shadow:2px 2px 5px 0 silver,0 2px 15px 0 silver;
    box-shadow:2px 2px 5px 0 silver,0 2px 15px 0 silver
}
.gradientbackground,.home-gradientbackground{
    position:relative;
    background-position:center center;
    margin-bottom:14px;
    padding:10px;
    background:#fff
}
@media (max-width:768px){
    .gradientbackground{
        margin-left:15px;
        margin-right:15px
    }
}
.nopadding{
    padding:0
}
.thumbnail a>img,.thumbnail>img{
    max-width:100%
}

.carousel-inner>.item>a>img,.carousel-inner>.item>img{
    max-width:100%;
    margin-left:auto;
    margin-right:auto
}
.home-slide-img{
    max-width:50%!important;
    height:auto
}

@media (max-width:768px){
    .home-slide-img{
        /* max-width:100%!important*/ 
    }
}
.zero-margin{
    margin:0
}
.zero-padding{
    padding:0
}
.fifteen-padding{
    padding:15%
}
.top-space{
    margin-top:13px
}
.top-space-2{
    margin-top:26px
}
.onepix-top{
    margin-top:1px
}
.top-padding{
    padding-top:10px
}
.large-top-padding{
    padding-top:30px
}
.minus-top-space{
    margin-top:-12px
}
.four-percent-top-space{
    margin-top:4%
}
.minus-bottom-space{
    margin-bottom:-20px
}
.minus-bottom-small-space{
    margin-bottom:-15px
}
.bottom-space{
    margin-bottom:20px
}
.bottom-percent{
    margin-bottom:8%
}
.bottom-small-space{
    margin-bottom:10px
}
.bottom-five-space{
    margin-bottom:5px
}
.larg-bottom-space{
    margin-bottom:30px
}
.large-bottom-padding{
    padding-bottom:30px
}
.extralarge-bottom-space{
    margin-bottom:50px
}
.minus-left-space{
    margin-left:-15px
}
.minus-20-left-space{
    margin-left:-20px
}
.minus-left-large-space{
    margin-left: 15px
}
.sides-space{
    margin-left:10px;
    margin-right:10px
}
.sides-padding{
    padding-left:15px;
    padding-right:15px
}
.sides-large-space{
    margin-left:30px;
    margin-right:30px
}
.minus-large-sides-space{
    margin-left:10px;
    margin-right:10px
}
.left-space{
    margin-left:5px
}
.ten-left-space{
    margin-left:10px
}
.left-padding{
    padding-left:15px
}
.right-space{
    margin-right:5px!important
}
.fifteen-right-space{
    margin-right:15px
}
.right-large-space{
    margin-right:70px
}
.small-topbottom-space{
    margin-top:5px;
    margin-bottom:5px
}
.topbottom-space{
    margin-top:10px;
    margin-bottom:10px
}
.large-topbottom-space{
    margin-top:30px;
    margin-bottom:30px
}
.ten-percent-topbottom-space{
    margin-top:10%;
    margin-bottom:10%
}
.five-percent-topbottom-space{
    margin-top:5%;
    margin-bottom:5%
}
.three-percent-topbottom-space{
    margin-top:3%;
    margin-bottom:3%
}
.three-px-topbottom-space{
    margin-top:3px!important;
    margin-bottom:3px!important
}
.google-hangouts-topbottom-padding{
    padding-top:100px;
    padding-bottom:150px
}
.topbottom-padding{
    padding-top:8px;
    padding-bottom:8px
}
.fifteen-topbottom-padding{
    padding-top:15px!important;
    padding-bottom:15px!important
}
@media (max-width:767px){
    .google-hangouts-topbottom-padding{
        padding-top:30px;
        padding-bottom:30px
    }
}
#std-header .std-tag,.BOLD{
    font-weight:700
}
.hmargins{
    margin-top:25px;
    margin-bottom:10px
}
.hmargins-index{
    margin-bottom:35px
}
.carousel-indicators li{
    border:1px solid #464646
}
.carousel-indicators .active{
    background-color:#464646
}
.imageContainer{
    background-color:#fff;
    background-color:rgba(255,255,255,.7);
    padding-top:1%;
    padding-bottom:1%
}
@media (max-width:767px){
    .imageContainer{
        margin:1px 5px 15px
    }
}
.White_60px_BOLD{
    font-size:60px;
    font-weight:700;
    color:#26517f
}
a,a:hover,a:link{
    text-decoration:none
}
a:hover{
    color:#355b7d
}
a:focus{
    outline:transparent;
    outline-offset:-2px;
    text-decoration:none
}
.product{
    border:1px solid #d3d3d3;
    box-shadow:0 .5px .5px rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.05);
    display:block
}
.product:hover,a:hover .product{
    box-shadow:0 3px 7px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2)
}
.pic,.pic:hover{
    text-decoration:none
}
.pic{
    opacity:1;
    filter:alpha(opacity=100)
}
.pic:hover{
    opacity:.3;
    filter:alpha(opacity=30)
}
.gray-border{
    border:1px solid #d3d3d3
}
.dark-gray-border{
    border:1px solid #616161
}
.technology{
    border:1px solid #e6e6e6
}
.technology:hover,a:hover .technology{
    box-shadow:0 3px 5px rgba(0,0,0,.1),0 3px 5px rgba(0,0,0,.1)
}
.btn{
    main-height:34px
}
.btn,.btn.focus,.btn:focus,.btn:hover{
    color:#fff
}
.extra-btn-padding{
    padding:6px 21.5px
}
.btn-blue{
    background-color:#39c;
    border:1px solid #3194c5;
    font-size:13px;
}
.btn-mobile-index{
    background-color:#39c;
    -webkit-box-shadow:2px 2px 5px 0 silver,0 2px 15px 0 silver;
    box-shadow:2px 2px 5px 0 silver,0 2px 15px 0 silver
}
.btn-mobile-index:focus,.btn-mobile-index:hover{
    background-color:#18395d
}
.btn-design,.btn-testDoc{
    background-color:#39c;
    border:1px solid #3194c5
}
.btn-primary,.btn-primary.focus,.btn-primary:focus{
    background-color:#6abb19;
    border:1px solid #64b118;
    font-size:13px;
    float:none;
    display:block
}
.btn-green,.btn-red{
    background-color:#6abb19;
    border:1px solid #64b118;
    font-size:13px
}
.btn-red{
    background-color:#dc3545;
    border:1px solid #dc3545
}
.btn-red:hover{
    background-color:#26517f;
    border:1px solid #26517f;
    font-size:13px
}
.btn-end{
    background-color:#6b6b6b;
    font-size:13px
}
.btn-end:hover{
    background-color:#fff;
    border:1px solid #6b6b6b;
    color:#6b6b6b
}
.btn-gray{
    background:#717171!important;
    display:inline-block!important;
    color:#fff!important;
    border:#676666 solid 1px!important;
    padding:4px 12px!important
}
.inquiry{
    padding:5px 10px;
    line-height:1
}
.bkgnd-blue{
    background:#18a4c8
}
.btn-field{
    width:40px;
    font-size:20px
}
.bkgnd-blue:hover,.btn-blue:hover,.btn-design:hover,.btn-field:hover,.btn-gray:hover,.btn-green:hover,.btn-testDoc:hover{
    background-color:#286090!important;
    background:#286090;
    border-color:#204d74!important;
    border-radius:4px
}
.gsc-input{
    padding-right:6px;
    text-indent:0
}
.cse .gsc-search-button input.gsc-search-button-v2,input.gsc-search-button-v2{
    box-sizing:content-box
}
.gsc-input-box{
    height:auto
}
#gsc-iw-id1,#gsc-iw-id2{
    height:30px;
    border:1px solid #d3d3d3;
    border-radius:4px
}
#gsc-i-id1,#gsc-i-id2{
    background:0 0!important;
    text-indent:0!important
}
.gsc-control-cse{
    background-color:#fff0;
    border-color:#fff0
}
.ui-state-active,.ui-widget-content .ui-state-active{
    padding:4px 0 2px
}
.cse input.gsc-search-button,.gsc-control-cse.gsc-control-cse-en,input.gsc-search-button{
    border-color:transparent;
    background-color:transparent;
    padding:4px 0 2px
}
.gsc-branding{
    display:none!important
}
td.gsc-input{
    background-color:transparent
}
.left{
    border-top-left-radius:10px;
    border-bottom-left-radius:10px
}
.right{
    border-top-right-radius:10px;
    border-bottom-right-radius:10px
}
.carousel-control.left,.carousel-control.right{
    background-image:-webkit-linear-gradient(left,transparent 0,transparent 100%);
    background:0 0
}
.carouselimg{
    border-radius:10px;
    width:100%
}
.carousel-indicators{
    bottom:0
}
.indexpadding{
    padding:20px 25px
}
.Gray_18px_BOLD{
    font-size:18px;
    font-weight:900;
    color:#333
}
.design-title{
    width:67%
}
@media (max-width:767px){
    #main{
        padding-left:0;
        padding-right:0
    }
    .xs-btn{
        color:#fff;
        padding:5px 0;
        border:1px solid transparent;
        background:#18a4c8;
        -webkit-box-shadow:2px 2px 5px 0 silver,0 2px 15px 0 silver;
        box-shadow:2px 2px 5px 0 silver,0 2px 15px 0 silver;
        -webkit-border-radius:6px;
        -moz-border-radius:6px;
        border-radius:6px
    }
    .xs-btn:focus,.xs-btn:hover{
        background-color:#286090!important;
        background:#286090;
        border-color:#204d74!important;
        color:#fff
    }
    .hmargins-index{
        margin-top:5px;
        margin-bottom:5px
    }
}
ul.list{
    padding-left:3%
}
ol.list li,ul.list li{
    margin:15px
}
.gradientpage{
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    position:relative;
    background-position:center center;
    margin-bottom:14px;
    padding:0;
    min-height:auto;
    background:#fff
}
@media (max-width:767px){
    .gradientpage{
        margin-left:15px;
        margin-right:15px
    }
}
@media (min-width:768px){
    .gradientpage{
        min-height:830px
    }
}
.Gray_12px_italic{
    font-size:12px;
    font-weight:400;
    color:#555;
    text-align:center;
    font-style:italic
}
ul.sidemenu li{
    margin-bottom:20px
}
.Blue_13px_BOLD{
    font-size:13px;
    font-weight:700;
    color:#39c
}
.Gray_12px{
    font-size:12px;
    font-weight:400;
    color:#444
}
#frame{
    border:1px solid #d3d3d3
}
button.gsc-search-button.gsc-search-button-v2{
    background-color:#3b8ec2;
    padding:6px 10px;
    display:inline-block;
    margin-bottom:0;
    font-size:14px;
    font-weight:400;
    line-height:1.42857143;
    text-align:center;
    white-space:nowrap;
    vertical-align:middle;
    touch-action:manipulation;
    cursor:pointer;
    user-select:none;
    border:1px solid transparent;
    border-radius:4px;
    min-height:34px
}
button.gsc-search-button.gsc-search-button-v2:hover{
    color:#fff;
    background-color:#286090;
    background:#286090;
    border-radius:4px
}
.menu-space{
    margin-right:15px
}
a.fa.second-nav-link{
    padding:0 10px;
    font-size:16px
}
.mobile-social{
    width:25%;
    float:left;
    text-align:center;
    font-size:20px!important
}
footer{
    margin-top:40px;
    color:#565656;
    background-color:#e6eaee
}
footer ul{
    list-style:none
}
footer li{
    margin-bottom:15px
}
footer a{
    color:#6b6b6b;
    font-size:15px
}
@media (max-width:991px){
    footer ul{
        text-align:center
    }
}
footer .list-inline>li{
    padding:0
}
.footer-selection{
    margin-top:30px;
    margin-bottom:30px
}
.icons{
    padding-top:0px;
    padding-bottom:0px
}
.footer-title{
    font-size:16px;
    font-weight:500
}
.d-flex{
    padding-top:5px;
    margin-left:0;
    margin-right:0
}
.second-nav-link{
    font-size:12px;
    font-weight:400;
    color:#555;
    display:inline-block;
    opacity:1;
    filter:alpha(opacity=100);
    text-decoration:underline
}
.second-nav-link:hover,a.second-nav-link:hover{
    color:#555;
    opacity:.3;
    filter:alpha(opacity=30);
    text-decoration:none
}
.second-nav-link:link,a.second-nav-link:link{
    color:#555
}
.second-nav-link:focus,a.second-nav-link:focus{
    color:#555;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px;
    text-decoration:none
}
.table{
    margin:0 0 10px
}
.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{
    border-top:solid #616161 1px;
    padding:5px 10px
}
.table-title{
    background-color:#616161;
    color:#fff;
    border:solid #616161 1px
}
.table-sections{
    border:solid #616161 1px;
    padding:2px 10px
}
@media (max-width:767px){
    .product-page{
        margin-top:-25px
    }
}
.introtext-product{
    height:30px
}
img:focus{
    outline:transparent
}
img.product.img-responsive{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.no-border-right{
    border-right:0
}
.thumbnail{
    border:0;
    margin:0;
    background-color:#fff0
}
.lightgray,.mediumgray{
    color:#555;
    background-color:#f1f1f1;
    padding:8px 0;
    vertical-align:middle
}
.mediumgray{
    background-color:#ccc
}
.darkgray{
    Background-color:#616161;
    padding:3px 0;
    vertical-align:middle
}
.darkgray,.darkgray a{
    color:#fff
}
.cableTable{
    box-shadow:2px 2px 5px 0 silver,0 2px 15px 0 silver;
    border:1px solid #616161;
    margin-bottom:15px;
    background-color:#fff
}
@media only screen and (max-width:767px){
    .cableTable{
        margin-left:0;
        margin-right:0
    }
}
.angle-cable-table{
    text-align:center;
    box-shadow:2px 2px 5px 0 silver,0 2px 15px 0 silver;
    margin:0 0 15px
}
.angle-connectors{
    border:1px solid #39c;
    text-align:center;
    background-color:#fff
}
.bluebanner{
    color:#fff;
    Background-color:#39c;
    padding:3px 0;
    vertical-align:middle
}
.productbanner{
    padding:5%0 5% 5%;
    margin-left:-15px
}
a.thumbnail,a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{
    border:0;
    margin:0;
    background-color:#fff0
}
a.thumbnail.pic{
    padding:0
}
.pmargin{
    margin-top:2%;
    margin-bottom:2%
}
@media only screen and (max-width:767px){
    .pmargin{
        margin:2%0
    }
    .magnify-large{
        background:0 0!important;
        width:0!important;
        height:0!important;
        box-shadow:none!important;
        border:0!important
    }
}
.prodcontainer{
    display:flex
}
.proddesc{
    flex:1 0 50%;
    line-height:1.8em
}
.prodbutton{
    display:flex;
    align-items:center;
    justify-content:center
}
.buy-btn{
    margin-bottom:5px
}
@media only screen and (max-width:767px){
    .productbanner{
        margin:0-15px 0-5px;
        padding:15px 0
    }
    #FireNEX-PN{
        text-align:center
    }
   div:before{
        content:attr(data-div);
        font-weight:700;
        float:left
    }
    .firstrow{
        border-top:1px solid #616161
    }
    .proddesc{
        text-align:right
    }
}
.vertical-align{
    display:flex;
    align-items:center
}
.v-center-parent{
    display:block
}
.v-center-parent img{
    max-width:170px;
    margin:15px auto
}
@media (min-width:768px){
    #product-page-title{
        font-size:17px
    }
    .middle-align,.v-center-parent{
        display:flex;
        align-items:center
    }
    .v-center-parent{
        justify-content:center
    }
    .v-center-parent img{
        width:auto
    }
}
@media (max-width:767px){
    #product-page-title{
        font-size:14px
    }
    .middle-align{
        display:block;
        align-items:center
    }
}
@media only screen and (max-width:767px){
    .waterproofborder{
        border:1px solid #616161
    }
}
.waterprooftopborder{
    border-top:1px solid #616161
}
.Light_Gray_11pt{
    font-family:Arial,Helvetica,sans-serif;
    font-size:11px;
    color:gray
}
@media (min-width:768px){
    .click-subscribe{
        margin-left:10px
    }
}
.g-recaptcha div{
    width:100%!important
}
.rc-anchor-normal{
    border:0
}
.rc-anchor-error-msg-container{
    width:50%!important
}
.rc-anchor-normal-footer{
    width:25%!important
}
.rc-anchor-logo-portrait{
    margin:10px 0 0;
    width:100%
}
.rc-anchor-pt{
    margin:0!important;
    padding:5px 7px 0 0!important;
    width:100%!important
}
@media (min-width:768px){
    .news-archive-padding{
        padding:5px 30px
    }
}
@media (max-width:767px){
    .news-archive-padding{
        padding:5px 0
    }
}
.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active{
    background-color:#3b8ec2;
    border:1px solid #3b8ec2
}
.item .thumb{
    width:25%;
    cursor:pointer;
    float:left
}
.item .thumb img{
    width:100%
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
    font-size:12px;
    padding:.5em
}
.gray{
    color:#555
}
.ui-tabs .ui-tabs-nav{
    margin:-5px;
    padding:0
}
.nav-tabs{
    margin:-5px -5px 10px
}
.nav-tabs>li>a{
    padding:8px 15px;
    margin:0
}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{
    background-color:#23527c;
    color:#fff
}
@media (min-width:768px){
    .nav-container{
        padding-right:30px
    }
}
@media (max-width:767px){
    .nav-container{
        padding-right:15px
    }
}
.zero-side-margins{
    margin-left:0!important;
    margin-right:0!important
}
.gradientbackground.img-responsive{
    width:100%;
    display:inline-block
}
.green_17px{
    font-size:17px;
    font-weight:700;
    color:#6abb19;
    margin-top:8px;
    margin-bottom:8px
}
.blue_25px{
    font-size:25px;
    font-weight:700;
    color:#39c;
    margin:0
}
a.btn.btn-primary{
    color:#fff
}
.small-text{
    display:inline-block;
    font-size:11px;
    color:#555;
    font-weight:400
}
.submenu-list>ul>strong:hover,a.article{
    color:#337ab7
}
a.article:hover{
    color:#355b7d;
    text-decoration:none
}
.productTable{
    border:1px solid #616161;
    margin:0-15px 15px;
    display:flow-root
}
a.product-table-link{
    font-size:12px;
    font-weight:400;
    display:inline-block;
    opacity:1;
    filter:alpha(opacity=100)
}
.product-table-link:hover,a.product-table-link:hover{
    color:#333;
    opacity:.3;
    filter:alpha(opacity=30);
    text-decoration:underline
}
.product-table-link:link,a.product-table-link,a.product-table-link:link{
    color:#333;
    text-decoration:underline
}
.product-table-link:focus,a.product-table-link:focus{
    color:#333;
    outline:5px auto -webkit-focus-ring-color;
    outline-offset:-2px;
    text-decoration:underline
}
.tab-section{
    width:100%
}
@media (max-width:991px){
    .productTable{
        margin-right:-20px;
        margin-left:-20px
    }
}
input::placeholder{
    color:#555
}
textarea{
    max-width:100%;
    min-width:100%
}
@media (max-width:768px){
    .captchaResults{
        margin-bottom:15px
    }
}
.humans{
    display:none
}
.panel,.panel-default>.panel-heading{
    background-color:transparent!important;
    border:0!important
}
.panel-default>.panel-heading{
    border-top:1px dotted #8c8c8c!important;
    background-image:none!important;
    padding:15px 10px!important;
    margin:0 15px
}
.panel{
    margin:0!important;
    padding:0!important;
    box-shadow:0 0 0 transparent!important;
    -webkit-box-shadow:0 0 0 transparent!important
}
.panel-heading .accordion-toggle.collapsed:after,.panel-heading .accordion-toggle:after{
    font-family:"Glyphicons Halflings";
    content:"";
    float:right;
    color:gray
}
.panel-heading .accordion-toggle:after{
    content:""
}
.panel-heading #archive.accordion-toggle:after,.panel-heading .accordion-toggle.publisher:after{
    font-family:"Glyphicons Halflings";
    content:" ";
    float:right
}
.panel-heading>.dropdown .dropdown-toggle{
    border-color:transparent!important
}
.panel-default>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#fff!important
}
.panel-default>.panel-footer+.panel-collapse>.panel-body{
    border-bottom-color:#fff!important
}
.panel-primary>.panel-heading+.panel-collapse>.panel-body{
    border-top-color:#fff!important
}
.panel-group .panel-footer+.panel-collapse .panel-body{
    border-bottom:0!important
}
.panel-group .panel-heading+.panel-collapse>.list-group,.panel-group .panel-heading+.panel-collapse>.panel-body{
    border-top:0!important
}
.smallbanners{
    background:#2178ac;
    border-radius:5px;
    box-shadow:2px 2px 5px 0 silver,0 2px 15px 0 silver;
    width:100%;
    padding:5px 10px;
    color:#fff
}
.Green_14px,.news-font{
    font-size:14px
}
.Green_14px{
    font-weight:600;
    color:#6abb19;
    margin-bottom:10px
}
.display-block{
    display:block!important
}
.distributorlogo{
    width:100%;
    margin:10px auto
}
.distributorpadding{
    padding:5% 2.5%0 5%
}
.placearrow{
    position:relative;
    list-style-type:none;
    display:block
}
.placearrow::before{
    position:absolute;
    content:"";
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    margin-left:-15px;
    width:0;
    height:0;
    border-top:7px solid transparent;
    border-bottom:7px solid transparent;
    border-left:7px solid #6abb19
}
.techsections{
    height:100%;
    width:auto;
    margin-top:0;
    padding:4%
}
.technav{
    float:right;
    display:inline-block;
    width:200px;
    position:fixed;
    padding:10px 2px
}
.nav-pills>li.active>a{
    color:#fff;
    background-color:#39c
}
.nav-pills>li.active>a:hover,.nav>li>a:hover{
    background-color:#23527c;
    color:#fff
}
.wrap-text{
    white-space:inherit
}
.morecontent{
    display:none
}
button.accordion:before{
    content:"";
    display:block;
    padding-top:50px;
    margin-top:-50px
}
button.accordion{
    background:none;
    cursor:pointer;
    padding:10px;
    width:100%;
    border:0;
    text-align:left;
    outline:0;
    font-size:15px;
    transition:.4s;
    color:#6abb19
}
button.accordion.active, button.accordion:hover {
    color: #213B08;
}
button.accordion:after{
    content:"+";
    color:#777;
    font-weight:700;
    float:right;
    margin-left:5px
}
button.accordion.active:after{
    content:"−"
}
div.panel1{
    padding:0 18px;
    background-color:#fff;
    max-height:0;
    overflow:hidden;
    transition:max-height .2s ease-out;
    margin:10px;
    font-weight:300;
    font-size:13px
}
.center-block{
    float:none;
    display:block;
    margin-right:auto;
    margin-left:auto
}
.newnex_copyright{
    font-size:10px;
    font-weight:400;
    color:#666
}
.vcontainer{
    display:flex;
    background:#fff
}
.vtext{
    flex:1 0 50%;
    padding:10px
}
.vimage{
    display:flex;
    flex:1 0 50%;
    align-items:center;
    justify-content:center
}
.modal{
    overflow-x:hidden;
    overflow-y:auto;
    text-align:center;
    padding:0!important
}
.modal-dialog,.modal:before{
    display:inline-block;
    vertical-align:middle
}
.modal:before{
    content:"";
    height:100%;
    margin-right:-4px
}
.modal-dialog{
    text-align:left
}
.modal-body span.glyphicon{
    background-color:#00000085;
    border-radius:50%;
    border:10px solid transparent;
    color:#fff;
    display:inline-table;
    text-align:center
}
span.glyphicon.glyphicon-chevron-left,span.glyphicon.glyphicon-chevron-right{
    display:flex;
    align-items:center;
    text-align:center;
    height:2em;
    width:2em;
    border:1px solid #555;
    background:#555;
    padding:10px;
    border-radius:50%;
    opacity:.5
}
span.glyphicon.glyphicon-chevron-left:hover,span.glyphicon.glyphicon-chevron-right:hover{
    height:2em;
    width:2em;
    border:1px solid #555;
    background:#555;
    padding:10px;
    border-radius:50%;
    opacity:1
}
span.glyphicon.glyphicon-menu-left,span.glyphicon.glyphicon-menu-right{
    font-size:11px;
    padding:5px;
}

#myCarousel span.glyphicon.glyphicon-chevron-left,span.glyphicon.glyphicon-chevron-right{
    border:0px;
    background:none;
}

#myCarousel span.glyphicon.glyphicon-chevron-left,span.glyphicon.glyphicon-chevron-right:hover{
    border:0px;
    background:none;
}

#myCarousel .carousel-indicators{
    bottom:20px;
}

.cable,.left-term,.right-term{
    position:relative;
    height:auto;
    display:block;
    margin:auto;
    border:1px solid #d3d3d3
}
.cable,.highlight,.left-term,.nolight,.right-term{
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px
}
.highlight{
    border:1px solid #999;
    -webkit-box-shadow:3px 3px 8px 3px rgba(130,130,130,.6);
    box-shadow:4px 4px 8px 3px rgba(130,130,130,.6)
}
.nolight{
    -webkit-box-shadow:2px 2px 4px 2px rgba(120,120,120,.2);
    box-shadow:2px 2px 4px 2px rgba(120,120,120,.2);
    opacity:.3
}
.custom-focus{
    border:1px solid #d3d3d3;
    -webkit-box-shadow:3px 3px 8px 3px rgba(130,130,130,.6);
    box-shadow:4px 4px 8px 3px rgba(130,130,130,.6)
}
.subhead{
    color:#000
}
#instr{
    min-height:100px;
    padding:10px
}
#std-header{
    min-height:150px;
    background-image:url(../assets/banner-green.png);
    border:1px solid #ccc;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px
}
#std-header h1{
    font-weight:400;
    letter-spacing:.02em;
    color:#fff
}
.attn{
    color:#26517f;
    margin-bottom:10px;
    line-height:2em
}
#std-header,.brdr{
    padding-bottom:15px;
    -webkit-box-shadow:2px 2px 4px 2px rgba(120,120,120,.2);
    box-shadow:2px 2px 4px 2px rgba(120,120,120,.2)
}
.brdr{
    border:1px solid #d3d3d3;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px
}
.menu{
    background:#26517f;
    background:-webkit-linear-gradient(#18a4c8,#26517f);
    background:-o-linear-gradient(#18a4c8,#26517f);
    background:-moz-linear-gradient(#18a4c8,#26517f);
    background:linear-gradient(#18a4c8,#26517f);
    border:1px solid #ccc;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    color:#fff;
    text-align:right;
    padding-top:.8em;
    padding-bottom:.8em
}
.standards{
    font-weight:700;
    font-size:110%;
    letter-spacing:.12em
}
.overlay1,.overlay2,.overlay3{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:#ecececbf;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    overflow:hidden;
    width:100%;
    height:0;
    transition:.5s ease;
    line-height:1.3em
}
.selection1,.selection2,.selection3{
    position:absolute;
    left:0;
    right:0;
    text-align:center
}
.selection2{
    top:15%
}
.selection1,.selection3{
    bottom:0
}
.show2{
    visibility:visible;
    height:auto;
    padding-top:5%;
    background:rgba(255,255,255,.9);
    border-top:1px solid #a4a4a4
}
.left-term .overlay{
    height:0%
}
.clean{
    background-color:transparent;
    margin:0;
    border:0
}
.text1,.text2,.text3{
    color:#fff;
    font-size:16px;
    position:absolute;
    overflow:hidden;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%)
}
.proceed{
    color:#545454;
    background-color:#fff;
    font-style:italic
}
img.squeeze{
    width:30px;
    height:auto
}
.design-img{
    width:80%;
    margin:0 10% 14px!important
}
.blue{
    color:#26517f
}
.temp{
    margin-top:20px;
    min-height:600px
}
.fix-img{
    margin:10px 0;
    padding:0
}
.pick1 {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 31%;
    padding: 6px;
    margin: 1%;
    height: 270px; /* You can adjust based on image/text combo */
    box-sizing: border-box;
}

.pick1 figure {
    margin-bottom: auto;
}

.inline-pdf {
    display: inline-block;
    padding: 6px 10px;
    font-size: 14px;
    border-radius: 4px;
}
.pick1:hover{
    border:1px solid #26517f;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border-radius:6px;
    -webkit-box-shadow:4px 4px 8px 3px rgba(38,81,127,.5);
    box-shadow:4px 4px 8px 3px rgba(38,81,127,.5)
}
.caption{
    text-align:center
}
.btn.disabled,.btn[disabled]{
    opacity:.3
}
.btn.hidden{
    visibility:hidden
}
.control-fileupload{
    display:block;
    border:1px solid #d6d7d6;
    background:#fff;
    border-radius:4px;
    width:100%;
    height:36px;
    line-height:36px;
    padding:0 10px 2px;
    overflow:hidden;
    position:relative
}
.control-fileupload input,.control-fileupload label,.control-fileupload:before{
    cursor:pointer!important
}
.control-fileupload:before{
    padding:4px 12px;
    margin-bottom:0;
    font-size:14px;
    color:#555;
    text-shadow:0 1px 1px rgba(255,255,255,.75);
    vertical-align:middle;
    background-color:#f5f5f5;
    background-image:-webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image:linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat:repeat-x;
    border:1px solid #ccc;
    border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    border-bottom-color:#b3b3b3;
    border-radius:4px;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
    -webkit-transition:color .2s ease;
    transition:color .2s ease;
    content:"Browse";
    display:block;
    position:absolute;
    z-index:1;
    top:2px;
    right:2px;
    line-height:20px;
    text-align:center
}
.control-fileupload:focus:before,.control-fileupload:hover:before,.control-fileupload:visited:before{
    background-color:#e6e6e6;
    color:#555;
    text-decoration:none;
    background-position:0-15px;
    -webkit-transition:background-position .2s ease-out;
    transition:background-position .2s ease-out
}
.control-fileupload label{
    line-height:24px;
    color:#999;
    font-size:14px;
    font-weight:400;
    white-space:nowrap;
    text-overflow:ellipsis;
    z-index:1;
    margin-right:90px;
    margin-bottom:0
}
#cableLengthError{
    color:#900
}
#cableQtyError{
    color:#900;
    margin-bottom:10px
}
.btn-file,.control-fileupload label{
    position:relative;
    overflow:hidden
}
.btn-file input[type=file]{
    position:absolute;
    top:0;
    right:0;
    min-width:100%;
    min-height:100%;
    font-size:100px;
    text-align:right;
    filter:alpha(opacity=0);
    opacity:0;
    outline:0;
    background:#fff;
    cursor:inherit;
    display:block
}
.with-errors{
    color:#900
}
.summary-img{
    width:40%;
    float:left;
    margin:0 2.5%
}
.hide{
    display:none
}
.show{
    display:inline
}
.qtytext{
    float:right;
    margin-top:16px
}
.qty.form-control.pull-right{
    margin:10px 5px;
    width:6em;
    display:initial;
    height:auto
}
@media (max-width:767px){
    .qtytext{
        float:left!important
    }
}
.error-title{
    font-size:70px;
    font-weight:900;
    color:#6abb19;
    text-align:center;
    margin-top:0
}
.extra-padding{
    padding:10% 10px
}
.error-hr{
    margin:20px 0
}
#cableForm{
    height:590px
}
@media (min-width:768px){
    .error-page{
        min-height:886px
    }
    #cableForm{
        height:560px
    }
}
@media (min-width:992px){
    .error-page{
        min-height:928px
    }
    #cableForm{
        height:420px
    }
}
@media (min-width:1200px){
    .error-page{
        min-height:992px
    }
    #cableForm{
        height:420px
    }
}
.shadow{
    -webkit-box-shadow:3px 5px 5px 5px gray;
    -moz-box-shadow:3px 5px 5px 5px gray;
    box-shadow:3px 5px 5px 5px gray
}
                                            
.affix{
    top:0;
    width:100%;
    z-index:1000!important
}
.navbar-collapse{
    background:#26517f;
    z-index:3; 
    
}
.affix~.container-fluid{
    position:relative;
    top:50px
}

@media (min-width:768px){
    .affix #newnex-nav{
        box-shadow:none;
        background:#26517f
    }
    .navbar-collapse.collapse{
        height:40px!important;
        text-align:center
    }
    .navbar-nav{
        float:none;
        cursor:default;
        margin:0-10px;
        width:auto;
        display:-webkit-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        -webkit-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none
    }
    li.dropdown-submenu:hover>.dropdown-menu,li.dropdown:hover>.dropdown-menu{
        display:block
    }
}

.navbar-inverse .navbar-nav>li>a {
    color:#fff;
    font-size:16px;
    letter-spacing:.03em;
    padding:10px 15px
}
.navbar-inverse,nav#nav{
    background-color:transparent;
    border:0
}
.dropdown-submenu{
    position:relative
}
.dropdown-submenu .dropdown-menu{
    top:0;
    left:100%;
    margin-top:-1px
}
.dropdown-menu li a{
    color:#555
}
.dropdown-menu>li>a:focus,.dropdown-menu>li>a:hover{
    background-color:#ededed
}
@media (max-width:991px){
    .navbar-inverse .navbar-nav li a{
        padding:10px;
        font-size:13px;
        letter-spacing:.02em;
    }
    img.product.img-responsive{
        max-width:100%!important;
    }
}
@media (min-width:1200px){
    .navbar-inverse .navbar-nav li a{
        padding:10px 25px;
        letter-spacing:.04em;
    }
    .nav .navbar-nav{
        width:100%;
    }
    .navbar-nav>li{
        text-align:center;
    }
}
.navbar-header{
    background:#fff;
}

.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:focus,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>li>a:hover{
    color:#fff;
    background-color:#18395d
}
.navbar-inverse .navbar-nav>li>a:focus{
    color:#fff;
    background-color:transparent
}
.navbar-inverse .navbar-toggle .icon-bar{
    background-color:#fff
}
.navbar-inverse .navbar-toggle:focus,.navbar-inverse .navbar-toggle:hover{
    background-color:#26517f
}
button.navbar-toggle{
    margin-right:6px;
    margin-top:6px
}
button.navbar-toggle.collapsed{
    background:#26517f
}

/* mostly menu starting here ***************************************/
.mega-large{
   position:static!important;
}
.pricing-table .pricing-toggle-holder button,.subnav-sidebar{
    padding-left:0;
    padding-right:0
}
.list-group{
    margin-bottom:0
}
.subnav{
    display:none;
    position:absolute;
    z-index:16; 
    margin-left:-95.25px;
}
.subnav-sidebar .list-group-item{
    background-color:#7d7d7d;
    border:0;
    color:#fff;
    font-size:15px;
    font-weight:600;
    padding-left:50px!important;
    padding-top:20px!important;
    padding-bottom:20px!important;
    border-radius:0
}
.subnav-sidebar .list-group-item:hover,.subnav-sidebar a.active{
    background-color:#26517f;
    color:#fff
}
 .subnav-submenu-hover  { /* tmh js background */
    background-color:#e6eaee
}

.submenu-list>ul{
    list-style-type:none;
    margin-top:20px;
    padding-inline-start:0
}
.submenu-list>ul>strong{
    font-size:15px;
    font-family:Arial,"Helvetica Neue",Helvetica
}
.submenu-list a{
    color:#6b6b6b
}
.submenu-list a:hover{
    color:#355b7d
}
.submenu-list>ul>li{
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    text-align:center
}
div.subnav-submenu div.subnav-content:not(.active){
    display:none
}
/*tmh optimized the following two selectors but it would work better if all of the images in each section are the same size. */
.submenu-list .img-responsive {
    
    max-width:60%;
    margin-top:10px
}
/*tmh this contains the two column images*/
#connectors-menu .submenu-list .img-responsive, #usbrepeaters-menu .submenu-list .img-responsive {
    max-width:40%;
    
}
.subnav-submenu h6 { /*tmh changed from .submenu-list to support mobile */
    text-align:center;
    font-weight:600;
    font-size:15px; 
    color:#39c;
    margin-top:30px
}
.application-list a:hover h6,.submenu-list a:hover h6{
    color:#23527c
}
@media screen and (max-width:767px){ 
    .mobile-nav-brand{
        height:49px;
        padding:5px 0;
        margin-left:-10px
    }
    .navbar-toggle{
        background:#26517f
    }

    .navbar-collapse{
        box-shadow:0 0 0 0#26517f,0 0 0 0#26517f;
        background:0 0;
        border-radius:0;
        border:0;
        margin-right:0
    }
    .navbar-header{
        border-bottom:1px solid #26517f;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a{
        color:#fff;
        padding:5px 15px 5px 35px;
    }
    .navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover{
        color:#fff;
    }
    nav#nav{
        background-color:#26517f
    }
    .navbar-nav .open .dropdown-menu{
        border-bottom:1px solid #18395d;
        border-radius:0
    }
    .subnav { 
        margin-left: 0; 
        width: 100%;
    }
}
/* end mostly menu   ***************************************/
.custom-list a{
    margin-top:10px
}
.application-list h6,.custom-list h6{
    text-align:center;
    font-weight:700;
    font-size:16px
}
.application-list h6{
    margin-bottom:5px;
    color:#39c
}
.appbtn{
    border:1px solid #d3d3d3
}
a:hover .appbtn,a:hover .customebtn{
    -webkit-box-shadow:0 3px 7px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow:0 3px 7px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2);
    box-shadow:0 3px 7px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2)
}
.ie-responsive{
    max-width:173px;
    height:auto
}
.popup-responsive{
    max-width:95px;
    height:auto
}
.ie-nav-responsive{
    max-width:101px;
    height:auto
}
.home-carousel-inner{
    border-radius:0;
    border:0 solid #d3d3d3;
    background-image:url(../images/Carousel-background.jpg)
}
.home-carousel-one{
    border-radius:0;
    border:0 solid #d3d3d3;
    background:url('../images/Artboard 2.jpg')
}
.centered{
    margin-left:20%;
    margin-right:20%;
    padding-inline-start:0
}
@media (max-width:662px){
    footer a{
        font-size:14px
    }
    footer li{
        margin-top:5px;
        margin-bottom:5px
    }
    .footer-selection{
        margin-top:0;
        margin-bottom:0
    }
}
.img-text{
    position:absolute;
    top:5%;
    left:30%;
    font-size:30px;
    color:#000
}
.title-container{
    background-color:#f6f6f6;
    text-align:center;
    padding:15px
}
.page_title{
    position:relative;
    margin:0;
    right:12.5%
}
.breadcrumb{
    margin-top:20px;
    margin-bottom:0;
    margin-left:13px;
    background-color:#fff;
    padding:8px 0
}
.btn-drawing{
    margin-bottom:10px
}
.designbox{
    float:right;
    width:256px;
    padding:12px 15px 0 28px;
    border-top:2px solid #0e7dc7;
    border-bottom:2px solid #0e7dc7;
    border-left:2px solid #0e7dc7;
    background-color:#f6f6f6;
    color:#656d73
}
#subnav-pro{
    display:none
}
.pricing-table{
    margin-top:30px;
    margin-bottom:30px
}
.pricing-table .pricing-table-item{
    border-bottom:0
}
.pricing-table .item-header{
    background-color:#696969;
    color:#fff;
    text-align:center;
    line-height:50px
}
.pricing-table .item-cta-block{
    background-color:#d3d3d3;
    padding:30px;
    text-align:center;
    position:relative
}
.pricing-table .block-price{
    color:#000;
    font-size:45px;
    font-family:"Trebuchet MS",Arial,sans-serif
}
.pricing-table .block-sub-text{
    text-transform:uppercase;
    font-size:15px;
    color:#000;
    line-height:26px;
    margin-bottom:10px
}
.pricing-table .pricing-toggle-holder{
    display:none
}
.item-cta-block .button.orange-button{
    display:inline-block
}
a.button.orange-button,button.orange-button,input[type=button].orange-button,input[type=reset].orange-button,input[type=submit].orange-button{
    background-color:#d2282e;
    color:#fff;
    padding:18px 20px;
    box-shadow:0 3px 0 0 rgba(24,24,25,.1);
    -webkit-transition:all .75s;
    transition:all .75s;
    margin-bottom:6px
}
a.button .glyphicon-menu-right,button .glyphicon-menu-right,input[type=button] .glyphicon-menu-right,input[type=reset] .glyphicon-menu-right,input[type=submit] .glyphicon-menu-right{
    top:-1px;
    margin-left:5px;
    font-size:9px
}
.pricing-table .item-details-block{
    background-color:#f7f7f7;
    padding:38px 30px;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid #ccc
}
.pricing-table .plus-header{
    text-align:center;
    font-size:18px;
    font-family:"Trebuchet MS",Arial,sans-serif
}
.pricing-table .separator{
    margin-bottom:38px
}
.separator{
    background-color:#d2282e;
    height:3px;
    width:100px;
    margin:27px auto 48px
}
.pricing-table .item-details-block ul{
    list-style:none;
    margin:0;
    padding:0
}
.pricing-table .item-details-block ul li{
    line-height:2
}
.content-type .intro-type p,.intro-type,.separator-type,.title-type{
    position:relative
}
.intro-type .container{
    padding:107px 0 102px!important
}
.company-heading h1{
    line-height:80px;
    color:#fff;
    font-family:"Open Sans Condensed",sans-serif;
    text-align:center
}
.company-heading h1,.intro-type .container h1.white,.product-header,.seo-header{
    font-weight:100!important;
    text-transform:capitalize;
    font-size:55px;
    margin-bottom:20px
}
.parallax{
    background-attachment:inherit!important;
    background-repeat:repeat;
    background-size:cover;
    position:absolute;
    top:0;
    bottom:0;
    width:100%;
    z-index:-10
}
.side-widget.open{
    margin-right:0
}
.side-widget{
    width:57px;
    z-index:9;
    background-color:#fff;
    background-color:rgba(255,255,255,.9);
    position:fixed;
    right:0;
    top:70%;
    text-align:center;
    margin-right:-45px;
    -webkit-transition:all .2s ease-in-out;
    transition:all .2s ease-in-out;
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.productCheckout{
    font-family:"proxima-nova",sans-serif;
    font-size:22px;
    font-weight:600;
    padding:12px 35px;
    border-radius:0;
    text-transform:uppercase;
    letter-spacing:-.5px
}
.widget-close:hover{
    color:#ccc
}
.widget-close{
    position:absolute;
    left:3px;
    top:0;
    background:0 0;
    border:0;
    color:#fff;
    font-size:20px;
    z-index:1
}
#popup-container{
    position:fixed;
    z-index:9990;
    margin:0 auto;
    top:10%;
    left:0;
    right:0;
    width:100%;
    max-width:990px;
    display:none
}
#popup-container.open{
    display:block
}
#popup-box{
    background-color:rgba(38,38,40,.92);
    color:#fff;
    padding:20px 100px
}
#popup-box input{
    height:57px;
    border-radius:0
}
#popup-box .btn-primary{
    width:175px;
    background-color:#ef9919;
    border:0
}
#popup-box .btn-primary:hover{
    background-color:#0073b7;
    border:0
}
#popup-box .logorow,#popup_this{
    text-align:center
}
.close{
    margin-right:10px;
    margin-top:5px;
    color:#26517f;
    opacity:.8
}
.close:hover{
    color:#18a4c8
}
.btn-home{
    padding:12px;
    z-index:10;
    border-radius:14px;
    box-shadow:0 3px 7px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.2)
}
.btn-home:hover{
    border-radius:14px;
    box-shadow:0 .5px .5px rgba(0,0,0,.05),0 1px 1px rgba(0,0,0,.05)
}
.home-responsive{
    max-height:86px;
    width:auto
}
#popup_this{
    top:50%;
    left:50%;
    margin-top:-50px;
    margin-left:-100px;
    position:fixed;
    background:#fff;
    padding:30px;
    z-index:100
}
.b-close{
    position:absolute;
    right:0;
    top:0;
    cursor:pointer;
    color:#fff;
    background:red;
    padding:5px 10px
}
.insertlink{
    text-decoration:none;
    position:relative
}
.insertlink span{
    display:none;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    color:#000;
    background:#fff
}
.insertlink span img{
    float:left;
    margin:0 8px 8px 0
}
.insertlink:hover span{
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:1000;
    width:auto;
    max-width:320px;
    min-height:128px;
    border:1px solid #000;
    margin-top:12px;
    margin-left:32px;
    overflow:hidden;
    padding:8px
}
/* tmh mobile menu styles added 202308 */
.dropdown:hover>.subnav-content {
    display: block; 
}
    
@media screen and (max-width: 767px) {
    #newnex-nav .container, .navbar-nav, .subnav-sidebar, .subnav-submenu .subnav-content {
        display: block; /* added because user agent adds in dev */
        height: 100vh;
        margin-top: 0;
    }
    .navbar { 
        position: relative; 
        z-index: 60000; 
    }
    button.navbar-toggle:not(.collapsed) {
        padding: 6px 10px;
    }
    .subnav {
        display: block; /*overrides newnex-style.css*/
        position: fixed;
        width: 100%;
        z-index: 60000; /* getting above the slider not sure this works */
        
    }
    .navbar-nav .open .dropdown-menu {
        position: fixed; /* ***overriding bootstrap static*/
        z-index: 60000; /* getting above the slider not sure this works */	
    }
    .dropdown-backdrop, .dropdown-menu, .list-group-item.active,
    .list-group-item.active:hover,
    .list-group-item.active:focus {
        z-index: 60000; /*overriding bootstrap*/
        
    }
    div.subnav-submenu div.subnav-content:not(.active){
    display:block;
    }
    
    .subnav-sidebar .list-group-item, .mobile-back {
        background-color: #26517F;
        border: none;
    }
    .subnav-sidebar
    {
        position: fixed;
        margin-left: 800px;
        z-index: 60050; 
        
        transition: all 1s ease;
        opacity: .99; /*hack*/
    }
    div.subnav-submenu div.subnav-content { 
        position: fixed;
        margin-left: 800px;
        z-index: 60060;
        
        transition: all 1s ease;
        opacity: .99; /*hack*/
        
    }
    .subnav-sidebar.active, div.subnav-submenu div.subnav-content.active
    {
        -webkit-transform:translateX(-800px);
        -moz-transform:translateX(-800px);
        transform: translateX(-800px); 
        width:100%;
        background-color: #26517F;
        position: relative;
        top:0;
        height: 100vh;
        
    } 
    .subnav-sidebar.active:after, div.subnav-submenu div.subnav-content.active:after { 
        display: table;
        content: " ";
        clear: both;
        box-sizing: border-box;
    }
    .subnav-content img {
        display: none;
        margin: 0;
        padding: 0;
    }
    .subnav-sidebar .list-group-item a, 
    #main-back h6,
    .subnav-submenu .subnav-content a, 
    .subnav-submenu .subnav-content a h6 {
        font-size: 15px;
        margin-top: 0;
        margin-bottom: 0;
        margin-left: 10px;
        padding: 2px 2px;
        color: #fff;
        text-align: left;
        font-weight: normal;
        
    }
    
    #supp-menu.active li a:active, #tech-menu.active li a:active, .subnav-sidebar .list-group .list-group-item a:active, .subnav-sidebar .list-group-item a h6:active, .subnav-content a:active {
        z-index: 90000; 
        color: #DABDAD;
        background-color: #1A395B;
    }
    div.col-xs-12.col-sm-4.submenu-list,
    div.col-xs-12.col-sm-6.submenu-list {
        line-height: .7 !important;
    }
    /*tmh overriding custom code */
    .subnav-sidebar .list-group-item, .navbar-inverse .navbar-nav li a, #tech-menu li a, #supp-menu li a {
        margin:0 !important;
        padding: 10px 20px 10px 10px !important;
        font-weight: normal;
        font-size: 15px;
        z-index: 60010;  
    }
    div.col-xs-12.col-sm-9.subnav-submenu,
    div.col-xs-12.submenu-list,
    #main-back h6, .mobile-back h6  {
        padding-left: 0;
        padding-right: 0;
    }
    #supp-menu, #tech-menu {
        position: fixed;
        margin-left: 800px;
        transition: all 1s ease;
        
        z-index: 60015; 
    }
    #supp-menu.active, #tech-menu.active {
        display:block;
        width:100%;
        background-color: #26517F;
        height: 100vh;
        padding-left: 0;
        line-height: 2.4;
        transform: translateX(-800px); 
        
    }
    #supp-menu.active li, #tech-menu.active li {
        list-style: none;
        
    } 
    #supp-menu.active li a, #tech-menu.active li a {
        color: #fff;
        display: block; /* fixes link to full width on mobile */
    } 
    #closex {
        color:#fff;
        font-size: 90%;
        font-weight: bold;
    }
    .subnav-sidebar .list-group-item:active, .subnav-submenu .subnav-content .submenu-list:active {
        background-color: #1A395B;
    }
    #main-back, div.subnav-submenu div.subnav-content .mobile-back, #tech, #supp {
        background-color: #1A395B;
        padding-top: 5px;
        margin-top: -10px; /*tmh hides gap caused by BS menu collapse*/
    }
    .submenu .subnav-content a.mobile-back  h6 {
        padding-left:0;
    }
}	
/************************* tmh these are desktop, moved here from html */   	                                
.vertical {
    border-left:1px solid black;
    height:330px;
    position:absolute;
    left:33.3%;
    bottom:30%;
    top:25%;
    }
                                                
.vertical-2 {
    border-left:1px solid black;
    height:330px;
    position:absolute;
    left:66.6%;
    bottom:30%;
    top:25%;
    }
    
 th, td {
				padding:10px;
			}   
 .g-recaptcha div, label#recaptcha-anchor-label, .rc-anchor.rc-anchor-normal.rc-anchor-light {
                            width: 100% !important;
                        }
                        .rc-anchor-normal {
                            border: 0;
                        }
                        .rc-anchor-error-msg-container {
                            width: 50%!important;
                        }
                        .rc-anchor-normal-footer {
                            width: 25% !important;
                        }
                        .rc-anchor-logo-portrait {
                            margin: 10px 0 0 0;
                            width: 100%;
                        }
                        .rc-anchor-pt {
                            margin: 0px !important;
                            padding: 5px 7px 0 0 !important;
                            width: 100% !important;
                        }
.accordion {
    color: black; 
}

#industry_choice {
    color: #555 !important;
}

.interoperability {
    display: flex;
    flex-direction:row;
    align-items:center;
    justify-content:center;
    height:100%;
}

.interoperability-text {
    margin:auto;
    text-align:left;
}