body {

    margin: 0;

    padding: 0;

    /* background-color: rgba(140, 112, 107, 0.1); */

    /* background-color: #265142; */

    background-color: rgba(38, 81, 66, 0.5);

    overflow-x: hidden;

    overflow-y: scroll;

    scroll-behavior: smooth;

}



.z {

    width: 100%;

}



.image-width {

    max-width: 160px;

}



.pail {

    height: 60px;

    float: left;

    width: 29%;

    padding: 1%;

    margin: 1%;

    background: yellowgreen;

    align-items: center;

    justify-content: center;

}



.toc {

    color: black;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    font-size: 10pt;

    font-weight: normal;

    line-height: 24px;

    text-decoration: none;



}



table,

th,

td {

    background-color: #e6e6e6;

    border: 1px solid gray;

    border-collapse: collapse;

    padding: 0% 1%;

}





table.s,

th.s,

td.s {

    background-color: #cece82;

    border: 1px solid black;

    border-collapse: collapse;

    padding: 1%;

}



.a9155tab1 {

    width: 70%;

}



.a9155tab2 {

    text-align: center;

    width: 30%;

}



.a9153search {

    background-color: white;

    margin: auto;

    padding-top: 20px;

    width: 500 px;

}



.a9153search1 {

    background-color: white;

    margin: auto;

    margin-bottom: 3px;

    padding-left: 60px;

    position: relative;

    Width: 95%;

    max-width: 300px;

    float: left;

    clear: left;

}



.a9130drop {

    /*display: inline-block;*/

    float: left;

    margin-right: 3px;

    line-height: 11px;

}



.a0509drop {

    /*display: inline-block;*/

    float: right;

    clear: right;

    margin: 0px 2px 0px 0px;

    z-index: -1;

}



.a0509drop:hover .a9130cont {

    display: block;

}



.a0510drop {

    /*display: inline-block;*/

    float: center;

    clear: none;

    margin: none;

}



.a0510drop:hover .a9130cont {

    display: block;

}



.a0511drop {

    /*display: inline-block;*/

    float: center;

    clear: center;

    margin: none;

}



.a0511drop:hover .a9130cont {

    display: block;

}



.a0425drop {

    /*display: inline-block;*/

    clear: right;

    float: right;

    margin-right: 3px;

}



.a9130drop2 {

    /*display: inline-block;*/

    float: left;

}



.a9130but {

    background-color: #265142;

    border-radius: 25px;

    color: white;

    font-size: 12px;

    height: 30px;

    width: 180px;

}



.a9140but {

    background-color: #8c706b;

    border-radius: 25px;

    color: white;

    font-size: 12px;

    height: 25px;

    width: 190px;

}



.a9151but {

    background-color: #8c706b;

    border-radius: 25px;

    color: white;

    font: 12px;

    height: 30px;

    width: 172px;

}



.a0509but {

    background-color: #8c706b;

    border-radius: 25px;

    clear: right;

    float: right;

    color: white;

    font: 11px;

    height: 25px;

    width: 190px;

}



.a0510but {

    background-color: #265142;

    border-radius: 25px;

    margin-left: none;

    float: left;

    color: white;

    font: 11px;

    height: 25px;

    width: 190px;

}



.a0511but {

    background-color: #265142;

    border-radius: 25px;

    margin-left: none;



    float: left;

    color: white;

    font: 11px;

    height: 25px;

    width: 190px;

}



.a0515but {

    background-color: #265142;

    border-radius: 25px;

    margin-left: none;



    float: left;

    ;

    color: white;

    font: 11px;

    height: 25px;

    width: 190px;

}



.a9152but {

    background-color: #8c706b;

    border-radius: 25px;

    clear: right;

    color: white;

    float: right;

    font: 12px;

    height: 20px;

    margin-bottom: 5px;

    width: 90px;

}



.a0512but {

    background-color: #8c706b;

    border-radius: 25px;

    color: white;

    float: right;

    font: 12px;

    height: 20px;

    margin-bottom: 5px;

    margin-left: 1px;

    margin-right: 1px;

    width: 95px;

}



ol.white {

    color: white;

    font: 14px;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 21px;

}



ul.white {

    color: white;

    font: 14px;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 21px;

}



ul.white2 {

    color: white;

    font: 14px;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 21px;

    padding-inline-start: 20px;

    padding-right: 5px;

}



ul.black {

    color: black;

    font: 400 12px Arial;

    font: 13px;

    padding: 0.25;

}



ul.black1 {

    color: black;

    font: 400 12px Arial;

    font: 13px;

    margin-left: -12px;

    margin-right: 5px;

}



#black21,

.black22 {

    color: #333333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    line-height: 150%;

}



.black23 {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

    line-height: 180%;

    color: #333;

}



.darkgray24 {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12pt;

    line-height: 150%;

    color: #333;

}



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

    .main-p-14-John {

        font-size: 12;

        line-height: 1rem;

        padding-left: 6px;

        padding-right: 6px;

    }



    .main-intro-bcgr {

        margin-top: 15px;

    }

}



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

    .main-p-14-John {

        font-size: 12;

        line-height: 1rem;

        padding-left: 6px;

        padding-right: 6px;

    }



    #black21,

    .black22,

    .black23,

    .darkgray24 {

        font-size: 13px;

    }

}



.a9130drop:hover .a9130cont {

    display: block;

}



.a9130drop2:hover .a9130cont {

    display: block;

}



.a9130cont {

    background-color: #f1f1f1;

    border-radius: 11px;

    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);

    display: none;

    font-size: 10px;

    min-width: 160px;

    padding: 2px;

    position: absolute;

    width: 176px;

    z-index: 1;

}



.a9130cont a {

    color: black;

    display: block;

    padding: 8px 8px;

    text-decoration: none;

}



.a9066wrap {

    clear: left;

    float: left;

    height: 2999px;

    min-width: 350px;

    width: 60%;

}



.b-6458-rfid-tag-logs-temp {

    background-color: #c2c8ab;

    background-image: url(../00-images-2016/bubbles/6458-RFID-tag-logs-temp.jpg);

    background-position: 5px 5px;

    background-size: 105px;

    color: black;

    height: 65px;

    margin-bottom: 5px;

    margin-right: 9px;

    padding-left: 65px;

    padding-right: 20px;

    padding-top: 65px;

    text-align: right;

    width: 80px;

}



.b7004-design {

    background-image: url(../00-images-2017/x175/7006-design_team_luis.jpg);

}



.b-6363-ble-beacons {

    background-color: #eedfbe;

    background-image: url(../00-images-2016/bubbles/6363-ble-beacons-x300.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 175px;

    border-radius: 15px;

    float: left;

    font-size: 14px;

    height: 40px;

    margin-bottom: 5px;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 10px;

    padding-right: 20px;

    padding-top: 90px;

    width: 145px;

}



.b6476-bassetpro-architecture {

    background-color: #eef6e7;

    background-image: url(../00-images-2016/x150/6476-basset-pro-architecture-generic.jpg);

    background-position: center 0;

    border-color: #eef6e7;

    border-style: solid;

    border-width: 0;

    color: black;

    font-size: 14px;

    height: 30px;

    padding-top: 100px;

    text-align: center;

    width: 175px;

}



.b-6457-wapro-g4 {

    background-color: #c2c8ab;

    background-image: url(../00-images-2016/bubbles/6457-WorksboutProGenIV.jpg);

    background-position: 0 0;

    background-repeat: no-repeat;

    background-size: cover;

    border-radius: 15px;

    float: left;

    font-size: 14px;

    height: 120px;

    margin-bottom: 5px;

    margin-right: 9px;

    padding-left: 100px;

    padding-right: 10px;

    padding-top: 10px;

    width: 65px;

}



.a9066cont {

    background-color: #e6e6e6;

    /* format for the grey block, based on jr6003  */

    border-radius: 15px;

    clear: left;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11pt;

    margin-bottom: 19px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 4%;

    padding-right: 4%;

    padding-top: 9px;

    width: 90%;

}



.a9066close {

    background-color: #e6e6e6;

    /* format for the grey block, based on jr6003  */

    border-radius: 15px;

    clear: left;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11pt;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 9px;

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 9px;

    width: 90%;

}



.C3-memor-6252 {

    background-color: white;

    /* background-image: url(../00-images-2016/bubbles/6252-memor.jpg); */

    background-repeat: no-repeat;

    border: solid;

    border-color: white;

    border-radius: 15px;

    border-width: 0;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

    font-weight: normal;

    height: 125px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 60px;

    padding-right: 10px;

    padding-top: 5px;

    text-align: center;

    text-decoration: none;

    width: 105px;

}



.a9054-image-float-right-95 {

    background-color: #ececec;

    border: 10px blue;

    float: right;

    padding-bottom: 5px;

    padding-left: 5px;

    padding-right: 0;

    padding-top: 5px;

    width: 95%;

}



.C2-bubble-6259 {

    background-color: #ffe666;

    background-image: url(../00-images-2016/Intermec_pc4.jpg);

    background-repeat: no-repeat;

    background-size: 110px;

    border-radius: 15px;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11pt;

    height: 80px;

    margin-bottom: 5px;

    margin-right: 9px;

    padding-left: 115px;

    padding-top: 50px;

    text-decoration: none;

    width: 60px;

}



.b-bar-code-reader-tethered-6308 {

    background-color: #f8f8f8;

    background-image: url(../00-images-2016/bubbles/Barcode-scanner-tethered-Symbol-LS2208-6308-x160-v2.jpg);

    background-repeat: no-repeat;

    background-size: contain;

    border-radius: 15px;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12pt;

    height: 110px;

    margin-bottom: 5px;

    margin-right: 9px;

    padding-left: 80px;

    padding-top: 20px;

    text-align: left;

    width: 95px;

}



.b7002-archive {

    background-image: url(../00-images-2017/x175/7001-Archive.jpg);

}



.b7001-bubble-top-common {

    background-color: #30281e;

    background-repeat: no-repeat;

    background-size: auto;

    border-radius: 15px;

    color: white;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    height: 20px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 0;

    padding-top: 110px;

    text-align: center;

    width: 175px;

}



.a9052contactimage {

    width: 95%;

}



.b-memor-6278 {

    background-color: #eedfbe;

    background-image: url(../00-images/2016/x150/Memor-X3-Datalogic-Handheld-Mobile-Computer.jpg);

    background-position: 15px;

    background-repeat: no-repeat;

    background-size: 55px;

    border-radius: 15px;

    float: left;

    font-size: 14px;

    height: 110px;

    margin-bottom: 5px;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 80px;

    padding-right: 10px;

    padding-top: 20px;

    width: 85px;

}



.b7002-file-folders {

    background-image: url(../00-images-2017/x175/File-Folders.jpg);

}



p {

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11pt;

}



.main-p-14-John {

    text-align: center;

}



/* Repository for code that we think is no longer required */

p.a {

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12pt;

    line-height: 140%;

    margin-bottom: 1.5em;

}



.left-text {

    text-align: left;

}



p.b {

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    line-height: 110%;

    margin-bottom: 1.5em;

}



p.c {

    color: white;

    font-family: sans-serif, Arial, Helvetica, Verdana;

    font-size: 13pt;

    text-align: center;

    padding: 2px;

}



p.j {

    color: white;

    font-family: sans-serif, Arial, Helvetica, Verdana;

    font-size: 13pt;

    text-align: justify;

}



p.j-mobile {

    color: white;

    font-family: sans-serif, Arial, Helvetica, Verdana;

    font-size: 18px;

    text-align: left;

}



p.q {

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11pt;

    line-height: 140%;

    margin: 5px;

    text-align: center;

}



.div-widescreen-text {

    margin: 0 5px;

}



.front-container {

    width: 100%;

    height: auto;

    margin: 0;

    padding: 1.5rem 0;

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: center;

    justify-content: space-evenly;

}



.fc-reduced-padding {

    padding: 0.5rem 0;

}



.fr-cont-2rem-bttm {

    padding-bottom: 2rem;

}



.front-container a {

    position: relative;

}



.front-container a:link {

    text-decoration: none;

}



.front-container a:hover {

    transform: scale(1.1);

    transition: all 0.2s linear;

}



.front-container a:active {

    transform: scale(0.98);

    transition: all 0.2s linear;

}



.mobile-text {

    margin: 0 5px;

    display: none;

}



p.d {

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    line-height: 110%;

}



p.e {

    display: inline;

}



p.f {

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    line-height: 110%;

    text-align: centre;

    padding-left: 10px;

}



p.r {

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12pt;

    line-height: 140%;

    margin-bottom: 1.5em;

    text-align: right;

}



p.t {

    text-align: justify;

    font-size: 12pt;

}



h1 {

    color: #055b4a;

    font-family: Arial Narrow, Arial, Helvetica, Verdana;

    font-size: 18pt;

    font-weight: bold;

}



.main-h1a {

    color: #055b4a;

    font-family: Arial Narrow, Arial, Helvetica, Verdana;

    font-size: 18pt;

    font-weight: bold;

    margin-top: 0;

}



.main-h1 {

    color: #265142;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 32px;

    font-weight: 500;

    letter-spacing: 4px;

    text-transform: uppercase;

    text-align: center;

    margin: 0;

    padding: 2rem 0;

}



.main-h1b {

    color: #265142;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 32px;

    font-weight: 800;

    letter-spacing: 4px;

    text-align: center;

    margin: 0;

    padding: 2rem 0;

}



@media screen and (min-width: 1441px) {

    .main-h1 {

        font-size: 36px;

        font-weight: 500;

        letter-spacing: 4px;

        padding: 2rem 3rem;

    }



    .main-small-div,

    .main-small-div-row {

        min-width: 450px;

    }



    .main-h2 {

        font-size: 28px;

        font-weight: bold;

        letter-spacing: 4px;

    }



    .size16px i {

        font-size: 2rem;

        padding-right: 1.5rem;

    }

}



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

    .main-h1 {

        font-size: 32px;

        letter-spacing: 3px;

        padding: 2rem 3rem;

    }

}



.main-bkgr-gradient {

    width: 100%;

    /* background: linear-gradient(180deg, rgba(239, 239, 239, 0.2) 10%, white 50%, rgba(38, 81, 66, 0.1)); */

}



.main-h2 {

    color: #265142;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 24px;

    font-weight: bold;

    letter-spacing: 2px;

    /* text-transform: uppercase; */

    text-align: center;

}



.main-h2-like {

    color: #265142;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 24px;

    font-weight: bold;

    letter-spacing: 2px;

    text-align: center;

    margin: 1rem 0;

}



.main-h2-left {

    color: #265142;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 28px;

    font-weight: bold;

    letter-spacing: 2px;

    text-align: justify;

    margin: 0;

    padding: 0;

    padding: 2rem;

    line-height: 2rem;

}



.main-h2-redpad {

    color: #265142;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 24px;

    font-weight: bold;

    letter-spacing: 2px;

    /* text-transform: uppercase; */

    text-align: center;

    margin: 0;

}



h1.e {

    color: #055b4a;

    display: inline;

    font-family: Arial Narrow, Arial, Helvetica, Verdana;

    font-size: 18pt;

    font-weight: bold;

}



h1.a {

    color: #055b4a;

    font-family: Arial Narrow, Arial, Helvetica, Verdana;

    font-size: 2vw;

    font-weight: bold;

}



h2 {

    color: #390;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12pt;

    font-weight: bold;

    margin-bottom: -12px;

}



h2.e {

    color: #390;

    display: inline;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12pt;

    font-weight: bold;

    margin-bottom: -12px;

}



h2.a {

    color: #390;

    display: inline;

    font-weight: bold;

    text-decoration: none;

}



h4 {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

}



.jr-image-float-left {

    background-color: #ececec;

    border: 10px blue;

    float: left;

    padding-bottom: 5px;

    padding-left: 0;

    padding-right: 5px;

    padding-top: 5px;

}



.a9104ir {

    float: right;

    padding-bottom: 5px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 5px;

    width: 30%;

}



.a9104il {

    float: left;

    padding-bottom: 5px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 5px;

    width: 30%;

}



.jr-image-float-right {

    background-color: #ececec;

    border: 10px blue;

    float: right;

    padding-bottom: 5px;

    padding-left: 5px;

    padding-right: 0;

    padding-top: 5px;

}



.a9029image {

    height: 150px;

    left: 0;

    padding-right: 5%;

    position: relative;

    top: 0;

    width: 40%;

}



.a9029comment {

    height: 150px;

    left: 50%;

    position: relative;

    top: -150px;

    width: 30%;

}



.a9029box {

    height: 150px;

    width: 90%;

}



.a9029image {

    max-width: 250px;

    width: 100%;

}



.a9027clear {

    clear: left;

}



.a9027rightbox {

    background-color: transparent;

    float: left;

    margin-bottom: 10%;

    min-width: 180px;

    width: 38%;

}



.a9027rightbox2 {

    float: left;

    margin-bottom: 10%;

    width: 38%;

}



.a9027rightbox3 {

    float: left;

    min-width: 180px;

    width: 38%;

}



.a9028lines {

    width: 98%;

}



.a9027 {

    background-color: #e6e6e6;

    /* format for the grey block, based on jr6003  */

    border-radius: 15px;

    clear: left;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12pt;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 20px;

    width: 55%;

}



.a1065 {

    background-color: #e6e6e6;

    /* format for the grey block, based on a9027, width expanded to enable a single column of bubbles  */

    border-radius: 15px;

    clear: left;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12pt;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 20px;

    max-width: 680px;

    min-width: 200px;

}



.a7358clear {

    clear: left;

    /* this intended to be used with only the first bubble... */

}



.a9024 {

    /* this is the basic bubble  */

    background-color: transparent;

    /* #B6D7A8;this seems to be the nice green  */

    background-repeat: no-repeat;

    background-size: contain;

    border: solid;

    border-color: black;

    border-radius: 15px;

    border-width: 0;

    float: left;

    /*   margin-right: 9px;  */

    height: 130px;

    margin-bottom: 5px;

    margin-left: 4px;

    margin-right: 5px;

    overflow: hidden;

    width: 175px;

}



.a9025clear {

    clear: left;

}



.a9210tag {

    background-color: #b6d7a8;

    background-image: url(../00-images-2016/bubbles/6458-RFID-tag-logs-temp.jpg);

    background-position: 20px 5px;

    background-size: 100px;

}



.a9025asset {

    background-image: url(../00-images/2019/9025-Asset.jpg);

    background-position: 0 0;

    background-size: 100%;

}



.a7406DS2200 {

    background-image: url(../00-images/2017/7406DS2200FullFrontaly130.jpg);

}



.a6251asset {

    background-image: url(../00-images/2017/7361-server-y100.jpg);

    background-position: -10px -8px;

}



.a6251fire {

    background-image: url(../00-images/2017/348-Fire-Extinghuisher-Inspection-y105.jpg);

    background-position: -40px -8px;

}



.a6251library {

    background-image: url(../00-images/2017/7304library95y.jpg);

}



.a6270wms {

    background-image: url(../00-images/2017/6270WMS133y.jpg);

}



.a7380Axist {

    /* add the background image Axist  */

    background-image: url(../00-images/2017/7380-DL-Axist-Datalogic-x240.jpg);

    background-position: 0 -5px;

    background-size: 58%;

    margin-bottom: 55px;

}



.b7003-warehouse {

    /* background for the warehouse  */

    background-image: url(../00-images-2017/x175/7002-Warehouse-aisle-IMG-1583.jpg);

    background-position: 0 0;

    background-size: 100%;

}



.a9025barcode {

    /* background for the barcode  */

    background-image: url(../00-images/2019/9022-barcode-a.jpg);

    background-position: 0 0;

    background-size: 100%;

}



.a9025hoc {

    /* background for HOC  */

    background-image: url(../00-images-2016/00-images-2016-x150/IMG_2336-HOC-200.jpg);

    background-position: 0 -20px;

    background-size: 200px;

}



.a9025ds2200 {

    /* background for barcode reader DS2200  */

    background-image: url(../00-images/2017/7406DS2200FullFrontaly130.jpg);

    background-position: 0 0;

    background-size: 105px;

}



.a9025fire {

    /* background for Fire Equipment Inspections  */

    background-image: url(../00-images/2019/6251-fire.jpg);

    background-position: -40px 0;

    background-size: 122%;

}



.a9060pup {

    /* background for the bassetpro pup */

    background-image: url(../00-images-2016/bubbles/6273-BassetPro-pup.jpg);

    background-position: 0 0;

    background-size: 115%;

}



.a9060cloud {

    /* background for the cloud */

    background-image: url(../00-images-2016/bubbles/6312-cloud-x300.jpg);

    background-position: 0 0;

    background-size: 112%;

}



.a9060ble {

    /* background for the cloud */

    background-image: url(../00-images-2016/bubbles/6363-ble-beacons-x300.jpg);

    background-position: 0 0;

    background-size: 90%;

}



.a9024a {

    Padding-left: 5px;

    Padding-right: 5px;

    /* add the text box  this the vertical box */

    Position: relative;

    background-color: #b6d7a8;

    /* #B6D7A8;this seems to be the nice green  */

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 135px;

    left: 100px;

    padding-top: 5px;

    text-align: center;

    top: 0;

    width: 65px;

}



.a9024b {

    Padding-left: 5px;

    Padding-right: 5px;

    /* add the text box  this the horizontal box */

    Position: relative;

    background-color: #b6d7a8;

    /* #B6D7A8;this seems to be the nice green  */

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 135px;

    left: 0;

    padding-top: 5px;

    text-align: center;

    top: 100px;

    width: 170px;

}



.a9060puptxt {

    Padding-left: 5px;

    Padding-right: 56px;

    /* add the text box  this the horizontal box */

    Position: relative;

    background-color: transparent;

    /* #B6D7A8;this seems to be the nice green  */

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

    font-weight: normal;

    height: 135px;

    left: 0;

    padding-top: 3px;

    text-align: left;

    top: 5px;

    width: 100px;

    ;

}



#a7270 {

    background-color: #8c706b;

    /* #8A6B70;            #CCA628;  */

    border-radius: 15px;

    clear: left;

    float: left;

    margin: auto;

    /*  margin-left: 2px;  */

    margin: 5px 0px 30px 0px;

    max-width: 1920px;

    padding-left: 2%;

    padding-right: 2%;

    width: 96%;

}



#a7271 {

    background-color: #8c706b;

    border-radius: 15px;

    clear: left;

    float: left;

    margin: 30px 0px 40px 0px;

    max-width: 1920px;

    padding-left: 2%;

    padding-right: 2%;

    width: 96%;

}



#a7271 a:link {

    color: white;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;

    text-decoration: underline;

}



#a7271 a:visited {

    color: #055b4a;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;

    text-decoration: underline;

}



#a7271 a:active {

    color: #390;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;

    text-decoration: underline;

}



#a7271 a:hover {

    color: #390;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;

    text-decoration: underline;

}



#masthead6255 {

    background-color: white;

    margin: auto;

    width: 50%;

}



#a9021headlines {

    background-color: none;

    margin: auto;

    margin-bottom: 9px;

    width: 100%;

    float: left;

    clear: left;

}



#a9022headlines {

    background-color: none;

    margin: 10px 0px 30px 0px;

    width: 100%;

    float: left;

    clear: left;

}



#a0509headlines {

    background-color: white;

    margin: auto;

    margin-bottom: 19px;

    width: 100%;

    float: right;



}



.a9021headfont {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14pt;

    font-weight: normal;

    text-align: center;

}



#a6231logo {

    height: 85px;

    margin: auto;

    margin-bottom: 5px;

    width: 100%;

    max-width: 200px;

    float: left;

    clear: left;

}



#a0423logo {

    height: 70px;

    margin: auto;

    margin-bottom: 5px;

    width: 100%;

    max-width: 250px;

    float: left;

    clear: left;

    background-color: red;

}



.a9022-logo-size {

    margin: auto;

    width: 100%;

}



#a6231search {

    background-color: #b6d7a8;

    border-color: white;

    border-radius: 15px;

    border-width: 0;

    float: left;

    height: 85px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 20px;

    width: 155px;

}



#hp6008link {

    left: 20px;

    position: relative;

    top: 4px;

}



#jr-search {

    left: 55px;

    position: relative;

    top: 4px;

}



#jr-tips {

    left: 70px;

    position: relative;

    top: 0;

}



#TOC6216 {

    left: 35px;

    position: relative;

    top: 2px;

}



#hp6008page {

    background-color: transparent;

    border: 5px;

    border-radius: 15px;

    clear: right;

    height: 2200px;

    margin: auto;

    max-width: 1000px;

    padding-left: 5px;

    padding-top: 5px;

    width: 100%;

}



/* max width was 1000  */



.a9059page {

    background-color: transparent;

    border: 5px;

    border-radius: 15px;

    clear: right;

    height: 2200px;

    margin: auto;

    max-width: 920px;

    padding-left: 5px;

    padding-top: 5px;

    width: 96%;

}



.b6477-bubble {

    background-color: #b6d7a8;

    /* #B6D7A8;  */

    background-repeat: no-repeat;

    border: none;

    border-color: white;

    border-radius: 15px;

    border-width: 0;

    color: black;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 35px;

    margin-bottom: 5px;

    margin-right: 9px;

    padding-top: 95px;

    text-align: center;

    text-decoration: none;

    width: 175px;

}



.C3-barcode-label-6252 {

    background-color: #b6d7a8;

    /* #D9D9D9; */

    background-image: url(../00-images/2019/9022-barcode-a.jpg);

    /*  url(../00-images-2016/bubbles/6453-barcode-label.jpg); */

    background-repeat: no-repeat;

    background-size: contain;

    border: solid;

    border-color: white;

    border-radius: 15px;

    border-width: 0;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 65px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 65px;

    text-align: center;

    text-decoration: none;

    width: 155px;

}



.linkbox6258 {

    background-color: #c3e3e4;

    background-origin: padding-box;

    border-color: red;

    border-radius: 10px;

    border-style: solid;

    border-width: 0;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: bold;

    height: 90px;

    line-height: 10px;

    margin-bottom: 5px;

    margin-right: 9px;

    padding-left: 10px;

    padding-top: 10px;

    width: 165px;

}



.linkboxcontent6258 {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    left: 0;

    line-height: 25px;

    position: relative;

    text-decoration: none;

    top: 0;

}



/* Start of bubbles  */



.b6477-bubble-h {

    background-color: #b6d7a8;

    /* #B6D7A8;  */

    /* Repository for code that we think is no longer required */

    background-repeat: no-repeat;

    border: none;

    border-color: white;

    border-radius: 15px;

    border-width: 0;

    color: black;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11pt;

    font-weight: normal;

    height: 35px;

    margin-bottom: 5px;

    margin-right: 9px;

    padding-top: 95px;

    text-align: center;

    text-decoration: none;

    width: 175px;

}



.b6477-bubble-v {

    background-color: #b6d7a8;

    /* this seems to be the nice green  */

    /* Repository for code that we think is no longer required */

    background-repeat: no-repeat;

    border: none;

    border-color: white;

    border-radius: 15px;

    border-width: 0;

    color: black;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 100px;

    margin-bottom: 5px;

    margin-right: 9px;

    padding-left: 100px;

    padding-top: 30px;

    text-align: center;

    text-decoration: none;

    width: 75px;

}



.a7406DS2200 {

    background-image: url(../00-images/2017/7406DS2200FullFrontaly130.jpg);

}



.b-6322-HOC {

    Margin-bottom: 5px;

    background-color: #eedfbe;

    background-image: url(../00-images-2016/00-images-2016-x150/IMG_2336-HOC-200.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 210px;

    border-radius: 15px;

    color: black;

    float: left;

    font-size: 13px;

    height: 127px;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 10px;

    padding-right: 0;

    padding-top: 3px;

    width: 165px;

}



.b-cloud-6312 {

    Margin-bottom: 5px;

    background-color: #eedfbe;

    background-image: url(../00-images-2016/bubbles/6312-cloud-x300.jpg);

    background-position: center;

    background-repeat: no-repeat;

    background-size: 200px;

    border-radius: 15px;

    float: left;

    font-size: 14px;

    height: 70px;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 10px;

    padding-right: 50px;

    padding-top: 60px;

    width: 115px;

}



.B-barcode-and-rfid-labels-6277 {

    Padding-left: 0;

    Padding-right: 0;

    background-color: #c2c8ab;

    background-image: url(../00-images-2016/bubbles/6277-RFID-barcode-labels-x170a.jpg);

    background-repeat: no-repeat;

    border-radius: 15px;

    float: left;

    font-size: 14px;

    height: 22px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    padding-top: 108px;

    text-align: center;

    width: 175px;

}



.B-bassetpro-pup-6273 {

    background-color: #e3e9ca;

    background-image: url(../00-images-2016/bubbles/6273-BassetPro-pup.jpg);

    background-position: right;

    background-repeat: no-repeat;

    background-size: contain;

    border: solid;

    border-color: white;

    border-radius: 15px;

    border-width: 0;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 120px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 9px;

    padding-right: 70px;

    padding-top: 10px;

    text-align: left;

    text-decoration: none;

    width: 96px;

}



.B-wms-6270 {

    Height: 90px;

    Width: 45px;

    background-color: #88fbfb;

    background-image: url(../00-images-2016/bubbles/6270-warehouse-worker.jpg);

    background-repeat: no-repeat;

    border-radius: 15px;

    float: left;

    margin-bottom: 5px;

    margin-right: 9px;

    padding-left: 130px;

    padding-top: 40px;

}



.C3-library-6251 {

    background-image: url(../00-images-2016/bubbles/6251-library.jpg);

    background-repeat: no-repeat;

    border: solid;

    border-color: white;

    border-width: 0;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 65px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 65px;

    text-align: center;

    text-decoration: none;

    width: 155px;

}



.C3-fire-6251 {

    background-color: #b6d7a8;

    background-image: url(../00-images/2019/6251-fire.jpg);

    background-repeat: no-repeat;

    border: solid;

    border-color: white;

    border-radius: 15px;

    border-width: 0;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 45px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 85px;

    text-align: center;

    text-decoration: none;

    width: 155px;

}



.C3-asset-6251 {

    background-color: #b6d7a8;

    /* #BAF104; */

    /* Repository for code that we think is no longer required    */

    background-image: url(../00-images-2016/6260-Scanning-monitor-3.jpg);

    background-repeat: no-repeat;

    background-size: contain;

    border: none;

    border-color: white;

    border-radius: 15px;

    border-width: 0;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 40px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 10px;

    padding-right: 0;

    padding-top: 90px;

    text-align: center;

    text-decoration: none;

    width: 165px;

}



/* End of bubbles  */



#jr_left_nav {

    float: left;

    margin-left: 0;

    margin-right: 10px;

    margin-top: 20px;

}



#jr-col1 {

    border-collapse: collapse;

    border-spacing: 0;

    margin: 0;

    padding: 0;

    width: 90px;

}



#home-col2 {

    background-color: transparent;

    border-color: black;

    border-width: 0;

    float: left;

    height: 200px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 20px;

    margin-top: 0;

    padding-top: 0;

    width: 400px;

}



#maincontent-353 {

    margin-left: 0;

    margin-top: 0;

    position: relative;

    width: 400px;

}



.home-applications {

    Margin-right: 5px;

    background-color: white;

    float: left;

    margin-bottom: 5px;

    margin-left: 0;

    margin-top: 0;

}



.j6207-we-can {

    Margin-right: 5px;

    background-color: #d8d2bc;

    border-radius: 15px;

    color: #000;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: bold;

    height: 350px;

    line-height: 10px;

    line-height: 25px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-top: 0;

    padding-bottom: 15px;

    padding-left: 5px;

    padding-right: 5px;

    padding-top: 5px;

    text-decoration: none;

    width: 165px;

}



.jr6003 {

    background-color: #e6e6e6;

    border-radius: 15px;

    clear: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11pt;

    margin: auto;

    margin-bottom: 55px;

    margin-right: 9px;

    margin-top: 50px;

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 10px;

    width: 90%;

}



.jr6003b {

    background-color: #e6e6e6;

    /*  margin-right: 9px; */

    border-radius: 15px;

    clear: left;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 11pt;

    margin: auto;

    margin-bottom: 55px;

    margin-top: 30px;

    max-width: 1920px;

    padding-left: 2%;

    padding-right: 2%;

    padding-top: 10px;

    width: 96%;

}



#jr-footnote {

    Padding-left: 15px;

    background-color: #fddab2;

    border-radius: 15px;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 5px;

    margin-top: 0;

    padding-bottom: 15px;

    padding-right: 15px;

    padding-top: 15px;

    width: 335px;

}



.C3-footer-left-6252 {

    /* background-image: url(../00-images-2016/bubbles/6252-footer.jpg); */

    background-repeat: no-repeat;

    border: solid;

    border-color: white;

    border-width: 1px;

    clear: left;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 65px;

    margin-left: 0;

    margin-top: 5px;

    padding-left: 1px;

    padding-right: 1px;

    padding-top: 10px;

    text-align: center;

    text-decoration: none;

    width: 175px;

}



.C3-footer-6252 {

    /* background-image: url(../00-images-2016/bubbles/6252-footer.jpg); */

    background-repeat: no-repeat;

    border: solid;

    border-color: white;

    border-width: 1px;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 65px;

    margin-left: 5px;

    margin-top: 5px;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 10px;

    text-align: center;

    text-decoration: none;

    width: 160px;

}



.C3-footer-6253 {

    background-color: #8c706b;

    border-radius: 25px;

    float: left;

    color: white;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 30px;

    margin: 30px 2px 2px 2px;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 0px;

    padding-bottom: 0px;

    text-align: center;

    width: 158px;

    border-width: 2px;

    border-style: outset;

    border-color: gray black black gray;

    border-image: initial;

}



.a0513but {

    background-color: #8c706b;

    border-radius: 25px;

    color: white;

    float: left;

    font: 12px;

    height: 35px;

    margin-left: 2px;

    margin-right: 2px;

    margin-top: 30px;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 2px;

    padding-bottom: 2px;

    text-align: center;

    width: 176px;

}



.linkboxclear6258 {

    background-color: #c6cc14;

    background-origin: padding-box;

    border-color: red;

    border-radius: 10px;

    border-style: solid;

    border-width: 0;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: bold;

    height: 90px;

    line-height: 10px;

    margin-bottom: 5px;

    margin-right: 10px;

    padding-left: 10px;

    padding-top: 10px;

    width: 165px;

}



#A6003-footer {

    clear: left;

    float: left;

    margin-bottom: 20px;

    margin-left: 0;

    margin-top: 20px;

}



td.footerbg {

    background-color: #ececec;

    border-width: 0;

    color: #666;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

    margin: 0;

    padding-bottom: 5px;

    padding-left: 10px;

    padding-top: 10px;

    text-align: center;

    width: 200px;

}



td.tech {

    background-image: url(../images/template/gr_technologies.jpg);

    background-repeat: no-repeat;

    height: 50px;

    padding-left: 18px;

    padding-top: 22px;

}



.box-apps-plus {

    border: 0;

}



td.feature2 {

    background-image: url(../images/template/gr_applications.jpg);

    background-repeat: no-repeat;

    height: 48px;

    padding-left: 16px;

    padding-top: 25px;

}



.more {

    color: #255395;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

    font-weight: normal;

    font-weight: bold;

    text-decoration: underline;

}



#hp5552search {

    left: 0;

    position: relative;

    top: 0;

}



td.leftmenu {

    background-color: #c3e3e4;

    border-collapse: collapse;

    border-spacing: 0;

    color: #055b4a;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: bold;

    margin-left: 30px;

    padding-bottom: 0;

    padding-left: 10px;

    padding-top: 10px;

    text-transform: uppercase;

}



td.leftmenSub3 {

    background-color: #c3e3e4;

    border-collapse: collapse;

    border-spacing: 0;

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    margin-left: 1px;

    padding-bottom: 5px;

    padding-left: 20px;

    padding-top: 5px;

}



.leftNavigation {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    text-decoration: none;

}



.aBubbles {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    text-decoration: none;

    display: none;

}



.visible {

    display: block;

}



td.featurebox3 {

    background-image: url(../images/template/bg_featurebox1.jpg);

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

    font-weight: normal;

    padding-left: 22px;

    padding-right: 15px;

    padding-top: 0;

}



.jr-noborder {

    border: none;

}



@page {

    margin: 1cm;

}



a:link {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;

    text-decoration: underline;

}



/* Repository for code that we think is no longer required */

a:visited {

    color: #265142;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;

    text-decoration: underline;

}



a:active {

    color: #390;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;

    text-decoration: underline;

}



a:hover {

    color: #055b4a;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;

    text-decoration: underline;

}



/*Left Nav Styles */



a.toc {

    color: black;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    font-size: 10pt;

    font-weight: normal;

    line-height: 24px;

    text-decoration: none;

    text-decoration: none;

}



a.leftNavigation:link {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    text-decoration: none;

}



a.leftNavigation:active {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    text-decoration: none;

}



a.leftNavigation:visited {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    text-decoration: none;

}



a.leftNavigation:hover {

    color: #390;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    text-decoration: underline;

}



/* Top Nav Styles */



/* Repository for code that we think is no longer required */



.topNavigation {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

    font-weight: normal;

    text-decoration: none;

}



a.topNavigation:link {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 8pt;

    font-weight: normal;

    text-decoration: none;

}



a.topNavigation:active {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 8pt;

    font-weight: normal;

    text-decoration: none;

}



a.topNavigation:visited {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 8pt;

    font-weight: normal;

    text-decoration: none;

}



a.topNavigation:hover {

    color: #390;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 8pt;

    font-weight: normal;

    text-decoration: underline;

}



/* Breadcrumb Styles */



/* Repository for code that we think is no longer required */



.more {

    color: #255395;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

    font-weight: normal;

    font-weight: bold;

    text-decoration: underline;

}



a.more:link {

    color: #255395;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

    font-weight: normal;

    font-weight: bold;

    text-decoration: underline;

}



a.more:active {

    color: #255395;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

    font-weight: normal;

    font-weight: bold;

    text-decoration: underline;

}



a.more:visited {

    color: #255395;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

    font-weight: normal;

    font-weight: bold;

    text-decoration: underline;

}



/* Repository for code that we think is no longer required */

a.more:hover {

    color: #036;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

    font-weight: normal;

    font-weight: bold;

    text-decoration: underline;

}



td.leftmenbot {

    border-top: 0;

    font-size: 7pt;

    margin-top: 0;

    padding-left: 0;

    padding-right: 0;

    padding-top: 0;

}



/* Repository for code that we think is no longer required */

td.featurebox {

    background-image: url(../images/template/bg_featurebox.jpg);

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 9pt;

    font-weight: normal;

    padding-left: 22px;

    padding-right: 10px;

    padding-top: 5px;

}



/* Repository for code that we think is no longer required */

blockquote {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12pt;

}



#hp6005top {

    background-color: white;

    border: 3px;

    height: 90px;

    width: 630px;

}



#b-1860-cipherlabs-rfid-reader-6279 {

    background-color: #fafaee;

    background-image: url(../00-images-2016/bubbles/1850-cipherlab-rfid-reader-6279.jpg);

    background-repeat: no-repeat;

    border-radius: 15px;

    float: left;

    font-size: 14px;

    height: 50px;

    margin-bottom: 5px;

    margin-right: 9px;

    padding-left: 110px;

    padding-right: 10px;

    padding-top: 80px;

    text-align: right;

    width: 55px;

}



.b-bar-code-reader-tethered-6308 {

    background-color: #f8f8f8;

    background-image: url(../00-images-2016/bubbles/Barcode-scanner-tethered-Symbol-LS2208-6308-x160-v2.jpg);

    background-repeat: no-repeat;

    background-size: contain;

    border-radius: 15px;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12pt;

    height: 110px;

    margin-bottom: 5px;

    margin-right: 9px;

    padding-left: 80px;

    padding-top: 20px;

    text-align: left;

    width: 95px;

}



.text6301 {

    background-color: #b6d7a8;

    border-radius: 15px;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    font-style: italic;

    height: 120px;

    margin-bottom: 5px;

    margin-right: 9px;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 10px;

    text-align: center;

    width: 156px;

}



.B-cordless-barcode-reader-6272 {

    background-color: #ecebcd;

    background-image: url(../00-images-2016/bubbles/6272-barcode-reader-cordless-x160.jpg);

    background-repeat: no-repeat;

    border: solid;

    border-color: white;

    border-radius: 15px;

    border-width: 0;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 35px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 10px;

    padding-right: 0;

    padding-top: 95px;

    text-align: center;

    text-decoration: none;

    width: 165px;

}



.C3-DS9808-6255 {

    background-color: #fcf2c5;

    background-image: url(../00-images-2016/bubbles/6255-DS9808.jpg);

    background-repeat: no-repeat;

    border: solid;

    border-color: white;

    border-radius: 15px;

    border-width: 0;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 105px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 60px;

    padding-right: 10px;

    padding-top: 25px;

    text-align: center;

    text-decoration: none;

    width: 105px;

}



.C3-RFID-Tag-6252 {

    background-color: #fbe5cd;

    background-image: url(../00-images-2016/bubbles/6453-RFID-Tag.jpg);

    background-repeat: no-repeat;

    border: solid;

    border-color: white;

    border-radius: 15px;

    border-width: 0;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: normal;

    height: 85px;

    margin-bottom: 5px;

    margin-left: 0;

    margin-right: 9px;

    margin-top: 0;

    padding-left: 10px;

    padding-right: 10px;

    padding-top: 45px;

    text-align: center;

    text-decoration: none;

    width: 155px;

}



.B-DS9808-RFID-Reader-6276 {

    background-image: url(../00-images-2016/bubbles/6276-RFID-Reader-USB-DS9808-x160.jpg);

    border-radius: 15px;

    float: left;

    font-size: 14px;

    height: 120px;

    margin-bottom: 5px;

    margin-right: 9px;

    padding-left: 10px;

    padding-right: 70px;

    padding-top: 10px;

    width: 95px;

}



#linkboxclear6258 {

    background-color: #c6cc14;

    background-origin: padding-box;

    border-color: red;

    border-radius: 10px;

    border-style: solid;

    border-width: 0;

    clear: left;

    float: left;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10pt;

    font-weight: bold;

    height: 90px;

    line-height: 10px;

    margin-bottom: 5px;

    margin-right: 10px;

    padding-left: 10px;

    padding-top: 10px;

    width: 165px;

}



.error {

    color: #FF0000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    text-align: left;

    letter-spacing: .08rem;

    margin-left: 5px;

}



.warning {

    color: orange;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

    text-align: left;

    letter-spacing: .08rem;

    margin-left: 5px;

}



/* Create two unequal columns that floats next to each other */

.single {

    float: left;

    padding: none;

    box-sizing: border-box;

}



.left {

    width: 50%;

}



.right {

    width: 50%;

}



/* Clear floats after the columns*/

.double:after {

    content: "";

    display: table;

    clear: both;

}



.double-contact-form:after {

    content: "";

    display: table;

    clear: both;

}



.single-left-contact-form {

    float: left;

    padding: none;

    box-sizing: border-box;

    width: 50%;

    border-right: 0px solid lightgray;

    padding-left: 5px;

}



.single-right-contact-form {

    float: left;

    padding: none;

    box-sizing: border-box;

    width: 50%;

    padding-left: 20px;

}



.readonly {

    background-color: #efefef4d;

    border-color: rgba(118, 118, 118, 0.3);

    border-width: 1px;

}



.utube {

    position: relative;

    width: 100%;

    margin-left: 10px;

    overflow: hidden;

}



.youtuberow {

    float: left;

    width: auto;

    margin-right: 15px;

}



.producedby {

    font-size: small;

    text-align: center;

    margin-top: -12px;

}



.youtuberow-3 {

    float: left;

    width: auto;

    margin-right: 12px;

}



.producedby-3 {

    font-size: smaller;

    text-align: center;



}



#container {

    width: 300px;

    height: 40px;

    border: none;

    position: absolute;

    top: 20px;

    left: 37%;

}



#textline {

    width: 186px;

    height: 86px;

    border: none;

    position: absolute;

    top: 60px;

    margin-left: 10px;

}



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

    #advertisment {

        display: none;

    }

}



#advertisment {

    font-size: 1em;

    font-family: sans-serif;

}



#textline1 {

    width: 186px;

    height: 86px;

    border: none;

    position: absolute;

    top: 60px;

    left: 90%;

    margin-right: 10px;

}



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

    #advertisment1 {

        display: none;

    }

}



#advertisment1 {

    font-size: 1em;

    font-family: sans-serif;

}



#leftcolumn {

    width: 186px;

    height: auto;

    border: solid;

    border-color: black;

    border-radius: 15px;

    border-width: 0;

    background-color: none;

    float: none;

    position: absolute;

    top: 170px;

    left: 1%;

    padding: 10px 0px 10px 0px;

    /*animation: fadeIn 40s ease-in 0s;*/

}



#leftcolumn img {

    width: 166px;

    margin: 10px 0px -20px 0px;

}



#leftcolumn h4 {

    text-align: center;

}



#rightcolumn {

    width: 186px;

    height: auto;

    border: solid;

    border-color: black;

    border-radius: 15px;

    border-width: 0;

    background-color: none;

    float: none;

    position: absolute;

    top: 170px;

    left: 90%;

    padding: 10px 0px 10px 0px;

    /*animation: fadeIn 40s ease-in 0s;*/

}



#rightcolumn img {

    width: 166px;

    margin: 10px 0px -20px 0px;

    ;

}



#rightcolumn h4 {

    text-align: center;

}



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



    #leftcolumn,

    #rightcolumn {

        display: none;

    }

}



@keyframes fadeIn {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 0.9;

    }

}



#videolibrary {

    position: relative;

    display: float;

    margin: 0px;

    padding: 0px;

}



.videolib {

    border: none;

    width: 166px;

    height: 96px;

    border-radius: 10px;

    border-style: solid;

    border-width: 0;

    margin-bottom: 5px;

}



.dvd {

    background: gray;

    border-radius: 50% / 10%;

    color: #FFFFFF;

    font-size: 0.7em;

    /* change this to change size */

    height: 3em;

    margin: 8px auto;

    padding: 0;

    position: relative;

    text-align: center;

    text-indent: 0.1em;

    transition: all 150ms ease-out;

    width: 4em;

}



.dvd:hover {

    background: darkorange;

}



.dvd::before {

    background: inherit;

    border-radius: 5% / 50%;

    bottom: 9%;

    content: "";

    left: -5%;

    position: absolute;

    right: -5%;

    top: 9%;

}



.dvd::after {

    border-style: solid;

    border-width: 1em 0 1em 1.732em;

    border-color: transparent transparent transparent rgba(255, 255, 255, 0.75);

    content: ' ';

    font-size: 0.75em;

    height: 0;

    margin: -1em 0 0 -0.75em;

    top: 50%;

    position: absolute;

    width: 0;

}



.a9900 {

    background-color: #b6d7a8;

    /* #B6D7A8;this seems to be the nice green  */

    border: solid;

    border-color: black;

    border-radius: 15px;

    border-width: 0;

    float: none;

    height: 106px;

    width: 166px;

    margin: 5px 10px 5px 10px;

    font-size: 11px;

}



.a9900 p {

    color: black;

    text-align: left;

    padding: 7px 5px 0px 5px;

}



ul.header,

ul.footer {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

    background-color: none;

}



ul.header li,

ul.footer li {

    float: left;

}



ul.header li.headerright {

    float: right;

}



#top-nav {

    position: inherit;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    justify-content: left;

    align-items: center;

}



#top-nav-gap {

    height: 0;

}



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

    #upperbanner {

        display: none;

    }



    #top-nav {

        position: absolute;

        top: 0;

        left: 0;

        width: 100%;

        margin-top: 5px;

        margin-left: 5px;



    }



    #top-nav-gap {

        height: 45px;

    }



}



ul.header li a:link,

ul.upperbanner li a:link,

ul.footer li a:link {

    color: #000;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 13px;

    font-weight: normal;

    text-decoration: underline;

}



ul.header li a:visited,

ul.upperbanner li a:visited,

ul.footer li a:visited {

    color: #055b4a;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;

    text-decoration: underline;

}



ul.header li a:active,

ul.upperbanner li a:active,

ul.footer li a:-ms-keyboard-active {

    color: #390;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;

    text-decoration: underline;

}



ul.header li a:hover,

ul.upperbanner li a:hover,

ul.footer li a:hover {

    color: #390;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: normal;

    text-decoration: underline;

}



ul.header li a,

ul.header .dropbtn {

    display: inline-block;

    color: white;

    text-align: center;

    /*padding: 4px 1px;*/

    padding: 4px 1px;

    text-decoration: none;

}



#logo {

    width: 190px;

    margin-top: -6px;

    margin-left: -6px;

    padding: 0;

}



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

    #logo {

        width: 175px;

        margin-left: 0;

    }

}



ul.header li.logo {

    padding: 0;

}



#divright {

    float: right;

}



.divright-support {

    float: none;

}



ul.header li.dropdown {

    display: inline-block;

}



ul.header li button {

    background-color: #8c706b;

    border-radius: 25px;

    color: white;

    font: 12px;

    height: 28px;

    margin: 1px;

    /* margin: 10px 1px 5px 1px; */

    /*min-width: 95px;*/

    min-width: 180px;

    cursor: pointer;

}



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



    ul.header li button {

        min-width: 170px;

    }

}



ul.header li button:hover,

ul.footer li button:hover {

    background-color: #111;

}



ul.header .dropdown-content,

ul.upperbanner .dropdown-content,

ul.footer .dropdown-content {

    display: none;

    position: absolute;

    background-color: #f1f1f1;

    border-radius: 11px;

    min-width: 160px;

    max-width: 200px;

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

    line-height: 12px;

    padding-bottom: 5px;

    z-index: 1;

}



ul.header .dropdown-content a,

ul.upperbanner .dropdown-content a {

    color: black;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

    text-align: left;

}



ul.header .dropdown-content a:hover,

ul.upperbanner .dropdown-content a:hover,

ul.footer .dropdown-content a:hover {

    background-color: #f1f1f1;

}



ul.header .dropdown:hover .dropdown-content,

ul.upperbanner .dropdown:hover .dropdown-content,

ul.footer .dropdown-content .dropdown-content {

    display: block;

}



ul.upperbanner {

    list-style-type: none;

    margin: 0;

    padding: 0;

    overflow: hidden;

    background-color: none;

}



ul.upperbanner li {

    float: left;

}



ul.upperbanner li button {

    background-color: #265142;

    border-radius: 25px;

    color: white;

    font: 12px;

    height: 30px;

    margin-bottom: 5px;

    margin-left: 1px;

    margin-right: 1px;

    min-width: 180px;

    cursor: pointer;

}



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



    ul.upperbanner li button {

        min-width: 173px;

    }

}



.dropbtngreen {

    display: inline-block;

    color: white;

    text-align: center;

    padding: 4px 1px;

    text-decoration: none;

}



#lowerbanner button.dropbtngreen {

    margin-top: 10px;

    margin-left: 2px;

    margin-right: 2px;

}



ul.upperbanner li button:hover {

    background-color: #111;

}



ul.upperbanner li.dropdown div.dropdown-content ul {

    color: black;

    list-style-type: square;

    font: 12px Arial;

    font: 13px;

    margin-left: -12px;

    margin-right: 5px;

}



ul.footer li button {

    background-color: #8c706b;

    border-radius: 25px;

    color: white;

    font: 12px;

    height: 35px;

    margin: 5px 2px;

    padding: 1px 10px;

    min-width: 180px;

    text-align: center;

    cursor: pointer;

}



#btnnonhover {

    background-color: #8c706b;

    border-radius: 25px;

    color: white;

    font: 12px;

    height: 35px;

    margin: 5px 2px;

    padding: 1px 10px;

    min-width: 180px;

    text-align: center;

}



#btnnonhover:hover {

    background-color: #8c706b;

}



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

    ul.footer li button {

        min-width: 172px;

    }

}



.gapfiller {

    height: 20px;

}



.gapfiller-10px {

    height: 10px;

}



.gapfiller-30px {

    height: 30px;

}



.gap-footer {

    /* background-color: rgb(243 240 240); */

    background-color: white;

    height: 1rem;

}



.linkedin {

    float: right;

    margin: 2px 0px 0px 0px;

    width: 26px;

    background-color: white;

}



.facebook {

    float: left;

    margin: 2px 0px 0px 0px;

    width: 26px;

    background-color: #8c706b;

}



#hpageseparator {

    height: 50px;

}



#hpagebottom {

    height: 80px;

}





#separator {

    height: 20px;

    clear: both;

}



.bubblespage {

    background-color: transparent;

    border: 5px;

    border-radius: 15px;

    margin: auto;

    max-width: 925px;

    padding-left: 5px;

    padding-top: 5px;

}



.bubblesleft {

    background-color: #e6e6e6;

    border: 5px;

    border-radius: 15px;

    margin: auto;

    max-width: 935px;

    padding: 5px 0px 5px 10px;

}



.thebubblespage {

    background-color: #e6e6e6;

    border: 5px;

    border-radius: 15px;

    margin: auto;

    max-width: 910px;

    padding: 5px 0px 5px 10px;

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

}



.asset {

    background-image: url(../00-images/2020/assetmgmt.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.govsys {

    background-image: url(../00-images/2020/parlsmall.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.bar128 {

    background-image: url(../00-images/2020/barcode128e.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.warehouse {

    background-image: url(../00-images/2020/warehouse-old.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.fireinspec {

    background-image: url(../00-images/2020/fireinspec.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.vidrfidlim {

    background-image: url(../00-images/2020/vidrfidlim.JPG);

    background-size: contain;

    background-repeat: no-repeat;

}



.vidtrackingthings {

    background-image: url(../00-images/2020/vidtrackthings.JPG);

    background-size: contain;

    background-repeat: no-repeat;

}



.vidskuvsuic {

    background-image: url(../00-images/2020/vidskuvsuic.JPG);

    background-size: contain;

    background-repeat: no-repeat;

}



.vidbarcodes {

    background-image: url(../00-images/2020/vidbarcodes.JPG);

    background-size: contain;

    background-repeat: no-repeat;

}



.vidmeetpresident {

    background-image: url(../00-images/2020/vidmeetpresident.JPG);

    background-size: contain;

    background-repeat: no-repeat;

}



.vidjohnrivenell {

    background-image: url(../00-images/2020/john-rivenell.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.vidreports {

    background-image: url(../00-images/2020/vidreports.JPG);

    background-size: contain;

    background-repeat: no-repeat;

}



.mobileunits {

    background-image: url(../00-images/2020/mobile-units.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.medsupplies {

    background-image: url(../00-images/2020/medsupplies.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.foodtrace {

    background-image: url(../00-images/2020/foodtrace.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.firearms {

    background-image: url(../00-images/2020/firearms.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.spareparts {

    background-image: url(../00-images/2020/spareparts.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.largeevents {

    background-image: url(../00-images/2020/largeevents.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.oneortwod {

    background-image: url(../00-images/2020/oneortwod.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.printscan {

    background-image: url(../00-images/2020/printscan.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.basspro {

    background-image: url(../00-images/2020/basspro.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.filesanddocs {

    background-image: url(../00-images/2020/filesanddocs.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.archive {

    background-image: url(../00-images/2020/archive.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.clouds {

    background-image: url(../00-images/2020/clouds.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.barrfidlabels {

    background-image: url(../00-images/2020/barrfidtags.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.ble {

    background-image: url(../00-images/2020/bletag.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.rfidtaguhf {

    background-image: url(../00-images/2020/rfidtaguhf.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.rfidtemperature {

    background-image: url(../00-images/2020/rfidtemperature.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.rfidlibrary {

    background-image: url(../00-images/2020/rfidlibrary.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.manageassets {

    background-image: url(../00-images/2020/manageassets.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.syscustom {

    background-image: url(../00-images/2020/syscustom.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.inventory {

    background-image: url(../00-images/2020/warehouse-old.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.rfidinmanuf {

    background-image: url(../00-images/2020/factory.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.maintmgmt {

    background-image: url(../00-images/2020/maint-support1.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.lifting {

    background-image: url(../00-images/2020/lifting1.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.introapp {

    background-image: url(../00-images/2020/introapp.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.electrforms {

    background-image: url(../00-images/2020/electrforms.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.choosereader {

    background-image: url(../00-images/2020/choosereader.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.rfidrange {

    background-image: url(../00-images/2020/rfidrange.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.labelprt {

    background-image: url(../00-images/2020/labelprt.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.rfidsoftware {

    background-image: url(../00-images/2020/rfidsoftware.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.rental {

    background-image: url(../00-images/2020/rental.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.construction {

    background-image: url(../00-images/2020/excavator.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.government {

    background-image: url(../00-images/2020/government.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.enforcement {

    background-image: url(../00-images/2020/law-enforcement1.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.medical {

    background-image: url(../00-images/2020/medical.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.library {

    background-image: url(../00-images/2020/archive-view1.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.building {

    background-image: url(../00-images/2020/elevator.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.industrial {

    background-image: url(../00-images/2020/industrial1.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.inventory-count {

    background-image: url(../00-images/2020/inventory1.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.equipment-safety-inspection {

    background-image: url(../00-images/2020/equipment-safety-insp.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.car-inventory-mgmt {

    background-image: url(../00-images/2020/car-inv-sm-vid.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.personal-smartphone-use {

    background-image: url(../00-images/2020/personal-smartphone-sm.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.barcode-rfid-sw {

    background-image: url(../00-images/2020/barcode-rfid-sw1.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.firearms-vid {

    background-image: url(../00-images/2020/firerms-vid.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.municipal-vid {

    background-image: url(../00-images/2020/municipal.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.wms-vid {

    background-image: url(../00-images/2020/wms-bubble.jpg);

    background-size: contain;

    background-repeat: no-repeat;

}



.med-vid {

    background-image: url(../00-images/2020/med-bubble.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.doc-tracking {

    background-image: url(../00-images/2020/doc-track-vid.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.rfid-whouse {

    background-image: url(../00-images/2020/rfid-whouse-bubble.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.rfid-temperature {

    background-image: url(../00-images/2020/rfid-temperature-bubble.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.barcode-colors {

    background-image: url(../00-images/2020/barcode-colors.png);

    background-size: contain;

    background-repeat: no-repeat;

}



.bubblecontainer {

    position: relative;

    float: left;

    background-color: #b6d7a8;

    border-radius: 15px;

    margin: 5px 4px 5px 4px;

    width: 175px;

    height: 130px;

    overflow: hidden;

}



.textbox {

    position: relative;

    top: 74%;

    left: 0;

    width: 175px;

    background-color: #b6d7a8;

    height: 40px;

    font-size: 13px;

    color: black;

    font-family: Arial, Helvetica, sans-serif;

    text-align: center;

    padding-top: 10px;

}



.pagebubblecontainer {

    position: relative;

    float: left;

    background-color: #b6d7a8;

    border-radius: 15px;

    margin: 5px 4px 5px 4px;

    width: 170px;

    height: 120px;

    overflow: hidden;

}



.pagebubblecontainer-markets {

    position: relative;

    float: left;

    background-color: #b6d7a8;

    border-radius: 15px;

    margin: 9px 4px 9px 4px;

    width: 170px;

    height: 120px;

    overflow: hidden;

}



.pagetextbox {

    position: relative;

    top: 74%;

    left: 0;

    width: 175px;

    background-color: #b6d7a8;

    height: 40px;

    font-size: 13px;

    color: black;

    font-family: Arial, Helvetica, sans-serif;

    text-align: center;

    padding-top: 10px;

}



.pagetextbox1 {

    position: relative;

    top: 74%;

    left: 0;

    width: 175px;

    background-color: #b6d7a8;

    height: 40px;

    font-size: 13px;

    color: black;

    font-family: Arial, Helvetica, sans-serif;

    text-align: center;

    padding-top: 0px;

}



.grid-container {

    display: grid;

    grid-template-columns: auto auto auto;

    background-color: #8c706b;

    padding: 10px;

    border-radius: 12px;

}



.grid-container-2columns {

    display: grid;

    grid-template-columns: 50% 50%;

    background-color: #8c706b;

    padding: 10px;

}



.grid-item {

    background-color: rgba(255, 255, 255, 0.8);

    border: 1px solid rgba(0, 0, 0, 0.8);

    padding: 10px;

    font-size: 16px;

    text-align: center;

    font-family: Arial, Helvetica, sans-serif;

}



.brown-border {

    border: solid rgba(139, 112, 108, 0.2);

}



.white-bkgr {

    background-color: white;

}



.triplepage {

    max-width: 1312px;

    margin: auto;

    display: table;

}



.triplepage2023 {

    width: 100vw;

    margin: auto;

    display: flex;

    flex-direction: row;

    align-items: flex-start;

    justify-content: center;

    overflow-x: hidden;

    margin-top: 100px;

    /* background-color: #c1d1c3; */

    /* background-color: #89bfe9; */

    /* background-color: white; */

}



.triplecenter2023 {

    display: flex;

    width: 59%;

    /* height: 100vh; */

    height: 100%;

    margin: 0px;

}



.right2023,

.left2023 {

    display: block;

    width: 19%;

    margin: 0px;

    padding: 120px 5px 0;

    text-align: start;

}



.wr-margin {

    margin: 60px 10px;

}



.wrapper2023 {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    margin: 0;

    box-shadow: 0px 0px 2px 0px #77a548 inset;

    background-color: white;

}



.wrapper2023 iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.wrapper2023::after {

    content: "";

    background-image: url("../00-images/2020/play-btn-red1.png");

    background-size: contain;

    background-repeat: no-repeat;

    position: absolute;

    box-sizing: border-box;

    width: 14.1%;

    height: 18%;

    top: 50%;

    left: 50%;

    margin: 0;

    padding: 0;

    transform: translate(-50%, -50%);

    opacity: 0;



}



a.left-vid,

a.main-p-left-link {

    text-decoration: none;

    cursor: pointer;

    opacity: 0.8;

    transition: all 0.1s ease;

}



a.left-vid:hover,

a.main-p-left-link:hover {

    opacity: 1.0;



}



a.left-vid .wrapper2023:hover::after {

    opacity: 1;

    transition: opacity 0.1s ease-in;

}



.right-text {

    height: calc(19vw * 0.52);

    display: flex;

    flex-direction: column;

    text-align: center;

    justify-content: flex-start;

    padding: 0.3rem 1rem 0;

    /* background-color: #e2e3e1; */

    background-color: #effdfb;

    overflow: hidden;

    border-radius: 25px;



}



.triplepage-one {

    max-width: 1312px;

    margin: auto;

    display: table;

}



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

    .triplepage-one {

        max-width: 100%;

        width: 100%;

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

    }

}



.dualpage {

    max-width: 1132px;

    background-color: none;

    margin: auto;

    display: table;

}



.tripleleft,

.tripleright {

    width: 180px;

    display: table-cell;

    vertical-align: top;

    padding-top: 147px;

    transition: all 0.3s ease;

}



.tripleleft-persistent {

    width: 180px;

    display: table-cell;

    vertical-align: top;

    transition: all 0.3s ease;

}



.dualright {

    width: 180px;

    display: table-cell;

    vertical-align: top;

}



.dualright-hidden {

    width: 180px;

    display: none;

    vertical-align: top;

}



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



    .dualright {

        display: none;

    }

}



.gapfiller1 {

    height: 20px;

    display: none;

}



.dualright-offset {

    height: 135px;

    background-color: transparent;

}



.triplecenter {

    max-width: 924px;

    margin: 0px 5px;

}



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



    .tripleleft-persistent {

        display: none;

    }



    .triplecenter {

        width: 100%;

        max-width: 100%;

    }

}



@media screen and (min-width: 1440px) {

    .center1025px {

        width: 924px;

    }

}



.centerpage {

    background-color: #e6e6e6;

    border: 5px;

    border-radius: 15px;

    padding: 0px 10px;

}



.centerpage-home {

    background-color: #8b706c;

    border: 5px;

    border-radius: 15px;

    padding: 0px 10px;

}



.centerpage-home1 {

    background-color: #8b706c;

    border: 5px;

    border-radius: 15px;

    padding: 1px 10px 1px 10px;

}



.centrepage-one {

    width: 100%;

    background-color: #effdfd;

    /* background-color: #e2e3e1; */

    /* background-color: #f6fbf8; */

    /* background: linear-gradient(rgba(38, 81, 66, 0.1), white, rgba(38, 81, 66, 0.1)); */

    border-radius: 25px;

    /* padding-top: 95px; */

    margin-bottom: 20px;

    /* box-shadow:

        inset 0px 11px 8px -10px #CCC; */



    /* ,inset 0px -11px 8px -10px #CCC; */

}



.centerpage-upper-part {

    background-color: #8b706c;

    border: 5px;

    border-radius: 15px;

    margin: 0 5px;

    padding: 3px 10px;

}



.mainpic1 {

    float: right;

    margin: 20px 0px 5px 2px;

    max-width: 290px;

}



.mainpic2 {

    float: left;

    margin: 20px 30px 5px 0px;

    max-width: 290px;

}





.mainpic4 {

    float: right;

    margin: 15px 0px 5px 20px;

    max-width: 270px;

}



.flex-bubble-belt {

    padding: 14px 0 13px 0;

    display: flex;

    justify-content: space-between;

}



.tocleftcolumn,

.tocrightcolumn {

    width: 47%;

    display: table-cell;

}



.tocrightcolumn {

    padding-left: 20px;

}



#div-videos {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

    max-width: 550px;

}



#z2021 {

    float: right;

    margin: 20px 10px 10px 10px;

    max-width: 250px;

}



.tcenter {

    position: relative;

    text-align: center;

    margin: auto
}



p.vb {

    font-size: 16px;

    font-weight: bold;

}



#height,

#length {

    font-size: 14px;

}



.intbarcode-container {

    position: relative;

    text-align: center;

    margin: auto;

}



.intbarcode-height {

    position: absolute;

    top: 32%;

    left: 3.5%;

}



.intbarcode-width {

    position: absolute;

    top: 78%;

    left: 52%;

}



.intbarcode-line {

    position: absolute;

    width: 75%;

    top: 5%;

    left: 18%;

}



.intbarcode-number {

    position: absolute;

    width: 75%;

    top: 55%;

    left: 18%;

}



/*Forms related formating*/

#postTraining,

#postTraining select option,

#intbarform,

#intbarform select option,

#clientsurform,

#clientsurform select option,

#hardrepform,

#hardrepformform select option,

#askexpform,

#askexpform select option,

#supportlogin,

#supportlogin select option,

#shareFeedback,

#shareFeedback select option {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

}



input,

textarea,

select {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    padding: 5px;

    display: inline-block;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box;

    width: 96%;

    height: auto;

    resize: none;

}



input[type=text].contact-form,

textarea.contact-form {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    padding: 5px;

    display: inline-block;

    border: 1px solid #ccc;

    border-radius: 4px;

    box-sizing: border-box;

    width: 96%;

    height: auto;

    resize: none;

}



input[type=text].contact-form:visited,

input[type=text].contact-form:focus {

    background-color: none;

}



input[type=submit] {

    background-color: #265142;

    color: white;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    border: none;

    border-radius: 4px;

    padding: 12px 20px;

    margin-bottom: 40px;

    margin-top: 10px;

    cursor: pointer;

    float: left;

}



input[type=reset] {

    background-color: #8b706c;

    color: white;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    border: none;

    border-radius: 4px;

    padding: 12px 20px;

    margin-bottom: 40px;

    margin-top: 10px;

    cursor: pointer;

    float: left;

}



input[type=submit]:hover,

input[type=reset]:hover {

    background-color: #111;

}



input[type=submit]:active,

input[type=reset]:active {

    background-color: #111;

    transform: translateY(4px);

}



/*end of forms formating*/



#quality-policy {

    width: 100%;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 16px;

}



#quality-policy tr th {

    background-color: #e6e6e6;

    border: 1px solid gray;

    font-weight: 600;

}



.zoom1 {

    transition: transform .3s .4s;

}



.zoom1:hover {

    transform: scale(1.8) translate(-50px, 50px);

}



.nosee600px {

    height: 150px;

}



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

    .nosee600px {

        height: 70px;

    }

}



p.cap {

    font-size: 32px;

    font-family: Arial, Helvetica, sans-serif;

    margin: 5px 0px;

}



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

    p.cap {

        font-size: 24px;

        font-weight: bold;

        margin: 0px;

    }

}



.hidden {

    display: none;

}



.w,

.w1 {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 0.9rem;

    color: #265142;

}



.w {

    font-weight: bold;

}



.top-banner-text {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 18px;

    font-weight: 600;

    font-variant: small-caps;

    font-stretch: 200%;

    color: #1d3d2df7;



}



.div-corner-text {

    width: 180px;

    height: 107px;

    padding-top: 15px;

    text-align: left;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size: 14px;

    color: #8b706c;

}



.div-corner-text1 {

    width: 180px;

    height: 80px;

    padding-top: 15px;

    text-align: left;

    font-family: Arial, Helvetica, sans-serif;

    font-weight: bold;

    font-size: 14px;

    color: #8b706c;

}



#line-1,

#line-2 {

    height: 20px;

    margin: 0 10px;

    opacity: 0;

}



.line-in-ani {

    animation: fadeIn 15s ease 0s 2 alternate;

}



@keyframes fadeIn {

    0% {

        opacity: 0;

    }



    100% {

        opacity: 1;

    }

}



.img-contact-form {

    width: 96%;

    max-width: 350px;

}



.barcode-margin {

    height: 55px;

    margin: -5px 30px -5px 20px;

}





#holiday {

    position: relative;

    height: 20px;

    margin: 0;

}



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



    #holiday {

        display: none;

    }

}



#holiday a {

    color: rgb(162, 10, 10);

    font-family: fantasy;

    font-size: large;

}



#holiday a:active {

    color: rgb(162, 10, 10);

}



#holiday a:hover {

    background-color: #8b706c;

    border-radius: 5px;

    padding: 2px;

}



#holiday a:visited {

    color: #265142;

}



.vidgroup-container {

    position: relative;

}



.vidgroup {

    position: absolute;

    top: auto;

    left: auto;

    opacity: 0;

    visibility: hidden;

}



.show {

    opacity: 1;

    visibility: visible;

    transition: all 0.5s ease;

}



.div-vid-top {

    text-align: center;

    display: flex;

    justify-content: space-between;

}



.div-vid-top-mobile {

    text-align: center;

}



.vid-btn {

    background-color: transparent;

    border: none;

    color: #8b706c;

    border-radius: 5px;

    cursor: pointer;

    font-size: 1rem;

    padding: 0;

}



.vid-btn:hover {

    color: #265142;

}



.vid-btn:focus {

    outline: none;

}



.vid-btn:active {

    transform: scale(1.05);

}



.fitVids-wrapper {

    position: relative;

    padding-bottom: 56.25%;

    height: 0;

    margin: 0 5px 0 -5px;

}



.fitVids-wrapper iframe {

    position: absolute;

    border-radius: 10px;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.otherVids {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: center;

    flex-wrap: wrap;

}



.bubbleVids {

    background-color: #b6d7a8;

    border-radius: 15px;

    margin: 9px 4px 9px 4px;

    width: 170px;

    height: 120px;

    overflow: hidden;

}



.bubbleVids-text {

    position: relative;

    top: 74%;

    left: 0;

    width: 175px;

    background-color: #b6d7a8;

    height: 40px;

    font-size: 13px;

    color: black;

    font-family: Arial, Helvetica, sans-serif;

    text-align: center;

    padding-top: 10px;

}



#randomBubbles {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-between;

    flex-wrap: wrap;

}



.bubbleVids-pres {

    background-color: transparent;

    border-radius: 15px;

    margin-right: 60px;

    width: 310px;

    height: 195px;

    overflow: hidden;

}



.pres-signature {

    font-family: Verdana, Geneva, Tahoma, sans-serif;

    font-size: 1rem;

    color: darkblue;

    font-style: italic;

    font-stretch: wider;

}



.showYourself {

    display: none;

}



.sage-green {

    color: #265142;

}



.sage-brown {

    color: #6e524e;

}



.sage-white {

    color: white;

    line-height: 6rem;

    font-size: 3.5rem;

}



.sage-clear {

    background-color: transparent;

}



.bckgr-clear {

    background: transparent;

}



.sage-orange {

    color: orange;

}



.sage-white {

    color: white;

}



.size20px {

    font-size: 20px;

}



.size20px li {

    padding: 10px 0;

}



.size20px li a:link {

    color: #8b706c;

    text-decoration: none;

}



.size20px li a:visited {

    color: darkslateblue;

}



.size20px li a:hover {

    color: #265142;

}



.size20px li a:active {

    color: #265142;

}



.memor20-tc21 {

    width: 98%;

    /* max-width: fit-content; */

    background-color: #f3f3f3;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-around;

    align-items: center;

    text-align: center;

    padding: 5px 0;

    overflow: hidden;

    font-family: Arial, Helvetica, sans-serif;

    font-size: .9rem;

    letter-spacing: .09rem;

    color: #333333;

}



.memor20-tc21 img {

    min-width: 100px;

    max-width: 200px;

    margin-bottom: 5px;

}



.highlight {

    background-color: yellow;

}



.form-control {

    position: relative;

    width: 170px;

    padding: 4px 1px;

    margin-left: 10px;

    font-family: Arial, Helvetica, sans-serif;

}



#search,

#search-mobile {

    border-radius: 25px;

    height: 28px;

    margin: 1px;

    width: 100%;

    padding-left: 10px;

}



.form-control input[type="text"]::placeholder {

    padding-left: 6px;

}



.form-control-ss360 {

    position: relative;

    width: 300px;

    padding: 4px 1px;

    margin-left: 10px;

    font-family: Arial, Helvetica, sans-serif;

}



#search-ss360,

#search-mobile-360 {

    border-radius: 25px;

    height: 44px;

    /* margin: 1px; */

    width: 255px;

    padding-left: 6px;

}



.form-control-ss360 input[type="text"]::placeholder {

    padding-left: 6px;

}



#submit,

#submit-mobile {

    all: unset;

    background: transparent;

    border: none;

    cursor: pointer;

    display: inline-block;

    color: #265142;

    font-size: 18px;

    position: absolute;

    top: 8px;

    right: 2px;

    padding: 2px;

    z-index: 2;

}



#submit-ss360,

#submit-mobile-ss360 {

    /* all: unset; */

    float: right;

    min-height: 44px;

    /* background: transparent; */

    /* border: none;

    cursor: pointer;

    display: inline-block;

    color: #265142; */

    /* font-size: 18px; */

    /* position: absolute;

    top: 0px;

    right: 2px; */

    padding: 0px;

    /* z-index: 2; */

}



/* nav-bar */



.nav-container {

    max-width: 100%;

    margin: 0 auto;

    position: relative;

}



.nav {

    position: fixed;

    background-color: #fff;

    top: 0;

    left: 0;

    right: 0;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 0.9rem;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);

    transition: all 0.3s ease-in-out;

    z-index: 1000;

}



.nav .nav-container {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0;

    transition: all 0.3s ease-in-out;

}



.nav-background {

    background-image: linear-gradient(rgba(38, 81, 66, 0.5),
            rgba(38, 81, 66, 0.1),
            rgba(38, 81, 66, 0.5));
    /* background-color: #59af9e8f; */

}



#upper-span {

    position: absolute;

    top: 0;

    left: 25%;

    text-align: center;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: 500;

    color: darkgray;

    letter-spacing: 1px;

}



.nav ul {

    display: flex;

    list-style-type: none;

    align-items: center;

    justify-content: center;

    padding: 0;

}



.nav ul li {

    padding: 0 10px;

}



.nav a {

    color: #265142;

    text-decoration: none;

    display: block;

    padding: 5px 15px;

    transition: all 0.3s ease-in-out;

}



.nav-logo {

    float: left;

}



.nav-logo img {

    height: 50px;

}



.nav.active .nav-logo {

    padding: 0 15px;

}



.nav.active {

    background-color: #fff;

    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);

}



.nav.active .nav-container {

    padding: 0;

}



.nav a.current,

.nav a:hover {

    color: #c0392b;

    font-weight: bold;

}



.nav.active a {

    color: #000;

}



/* nav drop-down menu */

.nav-dropbtn {

    color: #265142;

    /* background-color: #fff; */

    font-family: Arial, Helvetica, sans-serif;

    font-size: 0.9rem;

    padding: 5px 15px;

    border: none;

}



.nav-dropdown {

    position: relative;

    display: inline-block;

    transition: all 0.3s ease-in-out;

}



.nav-dropdown-content {

    display: none;

    position: absolute;

    background-color: #f1f1f1;

    min-width: 200px;

    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);

    z-index: 1;

}



.nav-dropdown-content a {

    color: black;

    font-size: 0.85rem;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

}



.nav-dropdown-content a:hover {

    background-color: #ddd;

}



.nav-dropdown:hover .nav-dropdown-content {

    display: block;

}



.nav-dropdown:hover .nav-dropbtn {

    color: #c0392b;

    font-weight: bold;

}



.fa-caret-down:before {

    content: "\f0d7";

}



.fa-caret-down {

    padding-left: 1px;

}



.fab-fa-facebook:before {

    content: "\f09a";

}



.fab-fa-linkedin-in:before {

    content: "\f0e1";

}



.fab-fa-youtube:before {

    content: "\f167";

}



.fas-fa-home:before {

    content: "\f015";

}



.fas fa-envelope:before {

    content: "\f0e0";

    color: #265142;

}



.fas fa-phone:before {

    content: "\f095";

    color: #265142;

}



.fa-bell {

    cursor: pointer;

    color: orange;

    transition: all 0.2s ease;

}



i.fa-bell:hover {

    color: brown;

}



.a i {

    color: #265142;

}



sup {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10px;

    color: red;

}



.alert {

    background-color: transparent;

    border: none;

    text-decoration: none;

    margin: 0;

    padding: 0;

}



button.alert:hover {

    background-color: transparent;

}



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

    .nav {

        padding: 0;

    }



    .nav a {

        padding: 5px 10px;

    }



    .nav ul li {

        padding: 0;

    }



    .nav ul li .form-control {

        margin-right: 10px;

    }



    .nav .nav-container a.nav-logo {

        padding: 5px;

    }



    .nav-logo img {

        height: 45px;

    }



    .nav-dropbtn {

        padding: 5px 10px;

    }



    .nav-dropdown-content a {

        padding: 10px 16px;

    }



    .quote-barcode {

        display: none;

    }



}



/* sds-footer */



.foo-container {

    width: 100%;

    margin: 0 auto;

}



.foo {

    width: 100% !important;

    background-color: #def3f3;

    /* background-color: #fff; */

    /* background-color: rgba(137, 191, 233, 0.8); */

    /* background-image: linear-gradient(white 25%, #effdfd); */

    /* background-image: linear-gradient(white 10%, #d7e3e3); */

    /* background-image: linear-gradient(rgba(38, 81, 66, 0.1) 25%, white, rgba(38, 81, 66, 0.1));

    background-image: linear-gradient(rgba(137, 191, 233) 25%, white, rgba(137, 191, 233, 0.9)); */

    transition: all 0.3s ease-in-out;

    box-shadow: inset 0px 10px 8px -10px #CCC;

}



.foo .foo-container {

    display: flex;

    height: 80px;

    justify-content: center;

    align-items: flex-start;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 0.9rem;

    padding-top: 10px;

    transition: all 0.3s ease-in-out;

}



.foo .foo-copyright,

.foo .foo-media {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 0;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 0.9rem;

    letter-spacing: .08rem;

}



.foo .foo-copyright {

    color: #265142;

    padding-bottom: 10px;

}



.foo ul {

    display: flex;

    list-style-type: none;

    align-items: center;

    justify-content: center;

}



.foo .foo-media ul {

    padding: 0;

}



.foo ul li {

    padding: 0 10px;

}



.foo a {

    color: #265142;

    text-decoration: none;

    display: block;

    padding: 10px 15px;

    transition: all 0.3s ease-in-out;

}



.foo a:hover {

    color: #c0392b;

    font-weight: bold;

}



/* mobile header */



.mobile-container {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    max-width: 100%;

    margin: auto;

    color: #265142;

    display: none;

}



.mobile-topnav {

    position: relative;

    display: flex;

    flex-direction: row;

    justify-content: space-between;

    overflow: hidden;

    background-color: #fff;

    align-items: center;

    transition: all 0.3s ease-in-out;

    z-index: 2;

}



.mobile-topnav #myLinks {

    display: none;

}



.mobile-topnav a {

    color: #265142;

    background-color: #f2f2f2;

    padding: 10px 15px;

    margin-bottom: 10px;

    text-decoration: none;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1rem;

    display: block;

}



.mobile-topnav a.icon,

.mobile-topnav a.m-search-icon {

    background: #fff;

    display: block;

    transition: all 0.3s ease-in-out;

}



.mobile-topnav a.icon-clear,

.mobile-topnav a.m-search-icon-clear {

    background: transparent;

    display: block;

    transition: all 0.3s ease-in-out;

}



.mobile-topnav a.m-search-icon {

    padding: 10px 15px
}



.mobile-topnav a.m-search-icon-clear {

    padding: 15px 15px 10px 15px;

}



.mobile-topnav a:hover {

    color: #c0392b;

    font-weight: bold;

}



.mobile-topnav a.icon:hover,

.mobile-topnav a.icon-clear:hover .mobile-topnav a.m-search-icon:hover,

.mobile-topnav a.m-search-icon-clear:hover {

    color: #8b706c;

    font-weight: bold;

}



.mobile-topnav .mobile-nav-logo,

.mobile-topnav .mobile-nav-logo-clear {

    padding: 5px;

}



.mobile-topnav .mobile-nav-logo {

    background-color: #fff;

}



.mobile-topnav .mobile-nav-logo-clear {

    background-color: transparent;

}



.mobile-nav-logo img,

.mobile-nav-logo-clear img {

    height: 35px;

}



/* mobile-search */

.mobile-search {

    position: fixed;

    top: -300px;

    left: 0;

    height: 300px;

    width: 100vw;

    display: flex;

    justify-content: center;

    align-items: center;

    background-color: #f2f2f2;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1rem;

    transition: all 0.3s ease-in-out;

    z-index: 1;

}



.bttm-zero a {

    margin-bottom: 0;

}



a.bckgr-clr-clear {

    background-color: transparent;

}



.move-down {

    top: 50px;

}



/* mobile-menu */

.mobile-menu {

    position: fixed;

    top: auto;

    left: -100%;

    height: 100vh;

    width: 100vw;

    background-color: #fff;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1rem;

    transition: all 0.3s ease-in-out;

    z-index: 10;

}



.move-right {

    left: 0;

}



.mobile-menu ul {

    display: flex;

    flex-direction: column;

    list-style-type: none;

    padding: 0;

    justify-content: space-evenly;

}



.mobile-menu ul li {

    padding: 10px 0;

}



.mobile-menu a {

    color: #265142;

    text-decoration: none;

    display: block;

    padding: 5px 15px;

    transition: all 0.3s ease-in-out;

}



.mobile-menu a.close-all {

    float: right;

    padding: 5px 24px 5px 15px;

    color: brown;

}



.mobile-menu a:hover {

    color: #c0392b;

    font-weight: bold;

}



.mobile-dropdown-content {

    min-width: 260px;

}



.mobile-dropdown-content a {

    color: black;

    font-size: 0.85rem;

    padding: 12px 16px;

    text-decoration: none;

    display: block;

}



.mobile-dropbtn {

    font-size: 1rem;

}



.gapfiller-100px {

    height: 100px;

    width: inherit;

}



.gapfiller-5px {

    height: 5px;

}



.centpage-height {

    height: 770px;

}





.toc-search-display {

    flex-direction: column;

    align-items: center;

    justify-content: center;

    border-bottom: solid 2px whitesmoke;

    border-radius: 4px;

    width: 96%;

    margin-bottom: 10px;

    padding-bottom: 10px;

    transition: all 0.3s ease;



}



.toc-search-display a {

    margin-left: 16px;

    background: none;

    font-size: 1rem;

    color: #50049c;

    cursor: pointer;

}



.toc-search-display a:visited {

    color: #265142;

}



.toc-search-display a:hover,

.toc-search-display a:active {

    color: brown;

}



#tryAgain {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    color: brown;

    letter-spacing: 1px;

    padding-left: 20px;

    display: none;

    transition: all 0.3s ease;

}



/* new interactive barcode used in the quote request */



#measureUnits {

    display: flex;

    flex-direction: row;

    justify-content: flex-start;

    align-items: center;

}



#inch,

#mill {

    width: 20px;

    margin: 0px 4px 1px 28px;

}



.barcode-container {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 100%;

    min-height: 140px;

    height: auto;

    position: relative;

    transition: all 0.1s ease;

}



.barcode-skin {

    position: relative;

    background-image: url("../00-images/2020/barcode-filler.jpg");

    background-position: 50% 50%;

    background-repeat: no-repeat;

    background-size: 150px 45px;

    display: flex;

    flex-direction: column;

    flex-wrap: nowrap;

    align-items: center;

    justify-content: center;

    height: 100px;

    width: 80%;

    border: none;

    border-radius: 12px;

    background-color: white;

    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.2);

    transition: background-image 0.1s ease;

}



.barcode-span {

    font-family: Verdana, Geneva, Tahoma, sans-serif;

    color: black;

    padding: 2px;

    margin: 0;

    text-align: center;

}



.barcode-span p {

    margin: 0;

    padding: 0;

}



.height {

    position: absolute;

    top: 50%;

    left: 10px;

    transform: translateY(-50%);

    padding: 0 2px;

    font-size: 0.7rem;

    text-align: right;

}



.width {

    position: absolute;

    top: -15%;

    left: 50%;

    transform: translateX(-50%);

    padding: 2px 0;

    font-size: 0.7rem;

}



.top {

    position: absolute;

    width: 100%;

    top: 4%;

    left: 50%;

    transform: translateX(-50%);

    font-size: 0.9rem;

}



.bottom {

    position: absolute;

    width: 100%;

    bottom: 6%;

    left: 50%;

    transform: translateX(-50%);

    font-size: 0.9rem;

}



#barcode {

    background-color: white;

    transform: scale(0.6, 0.65);

}



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

    #barcode {

        transform: scale(0.5, 0.6);

    }



    .barcode-skin {

        max-width: 329px;

    }

}



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

    #barcode {

        transform: scale(0.4, 0.6);

    }

}



.barcode-illustration {

    text-align: center;

    margin-top: 20px;

}



#height,

#length {

    font-family: Verdana, Geneva, Tahoma, sans-serif;

    color: brown;

    font-weight: 500;

    font-size: 14px;

}



#height {

    transform: rotate(270deg);

}



#line,

#number {

    font-family: Verdana, Geneva, Tahoma, sans-serif;

    font-weight: bold;

    color: #000;

    /* color: #265142; */

    font-size: 12px;

}



#number {

    text-transform: uppercase;

    letter-spacing: 1px;

}



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

    #selectSize {

        width: 95%;

    }



    .height,

    .width {

        display: none;

    }



}





.a-hub {

    padding-left: 10px;

    color: black;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: normal;

    line-height: 28px;

    text-decoration: none;



}



.a-hub:visited {

    color: #265142;

}



.a-hub:hover {

    color: #c0392b;

    font-weight: bold;

}



.a-hub:active {

    color: #c0392b;

    font-weight: bold;

}



.menu-hub .a-hub {

    padding-left: 10px;

    color: black;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    font-weight: normal;

    line-height: 28px;

    text-decoration: none;

}



.a-hub:visited {

    color: #265142;

}



.a-hub:hover {

    color: #c0392b;

    font-weight: bold;

}



.a-hub:active {

    color: #c0392b;

    font-weight: bold;

}



.p-hub {

    color: #333;

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

    line-height: 140%;

    margin: 14px 0 8px 0;

}



.a-main:visited {

    color: rgb(209, 246, 42);

}



.h770px {

    height: 770px;

}



#firstlineWarning {

    padding-left: 8px;

}



.main-small-div {

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: space-around;

    width: 300px;

    margin: .5rem 0 1rem;

}



.main-small-div-row {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: left;

    width: 360px;

    margin: 0;

}



.main-fa-icons {

    width: 80%;

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    justify-content: space-evenly;

    align-items: center;



}



.size16px {

    font-size: 16px;

    padding-right: 1rem;

}



.bottom-ottawa {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 12px;

    font-weight: 300;

    letter-spacing: 2px;

    text-transform: capitalize;

    color: #333333;

    text-align: center;

}



.rfid-wh-2023 {

    /* background-image: url(../00-images/2020/rfid-wh1.png); */

    background-image: url(../00-images/2020/rfid-wh1.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.rfid-limit-vid {

    /* background-image: url(../00-images/2020/rfid-limitations-vid1.png); */

    background-image: url(../00-images/2020/rfid-limitations-vid1.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.equip-inspec {

    background-image: url(../00-images/2020/equip-inspec1.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.firearms-mgmt {

    /* background-image: url(../00-images/2020/firearms-mgmt1.png); */

    background-image: url(../00-images/2020/firearms-mgmt1.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.wms-mgmt {

    /* background-image: url(../00-images/2020/wms-vid1.png); */

    background-image: url(../00-images/2020/wms-vid1.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.pre-barcodes {

    /* background-image: url(../00-images/2020/pre-barcode.png); */

    background-image: url(../00-images/2020/pre-barcode.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.bk-colors {

    /* background-image: url(../00-images/2020/bk-colors1.png); */

    background-image: url(../00-images/2020/bk-colors1.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.sku-uic-vid {

    /* background-image: url(../00-images/2020/sku-uic-vid.png); */

    background-image: url(../00-images/2020/sku-uic-vid.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.inv-count-vid {

    /* background-image: url(../00-images/2020/inv-count-vid.png); */

    background-image: url(../00-images/2020/inv-count-vid.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.doc-rfid-vid {

    /* background-image: url(../00-images/2020/doc-rfid-vid.png); */

    background-image: url(../00-images/2020/doc-rfid-vid.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.car-inventory {

    /* background-image: url(../00-images/2020/car-inventory.png); */

    background-image: url(../00-images/2020/car-inventory.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.med-supplies {

    /* background-image: url(../00-images/2020/med-supp-vid.png); */

    background-image: url(../00-images/2020/med-supp-vid.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.pers-mobile-vid {

    /* background-image: url(../00-images/2020/pers-mobile-vid.png); */

    background-image: url(../00-images/2020/pers-mobile-vid.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.bk-rfid-sw {

    /* background-image: url(../00-images/2020/bk-rfid-sw-vid.png); */

    background-image: url(../00-images/2020/bk-rfid-sw-vid.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.meet-the-pres {

    /* background-image: url(../00-images/2020/meet-the-pres.png); */

    background-image: url(../00-images/2020/meet-the-pres.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.asset-rep-vid {

    /* background-image: url(../00-images/2020/asset-rep-vid.png); */

    background-image: url(../00-images/2020/asset-rep-vid.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.track-things-vid {

    /* background-image: url(../00-images/2020/track-things-vid.png); */

    background-image: url(../00-images/2020/track-things-vid.webp);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.rfid-in-manuf {

    background-image: url(../00-images/2020/rfid-in-m.png);

    background-size: contain;

    background-repeat: no-repeat;

    /* border: 1px solid rgba(38, 81, 66, 0.2); */

}



.muni-house-vid {

    /* background-image: url(../00-images/2020/muni-house-vid.png); */

    background-image: url(../00-images/2020/muni-house-vid.webp);

    background-size: contain;

    background-repeat: no-repeat;

}



.rfid-temp-vid {

    /* background-image: url(../00-images/2020/rfid-temp-vid.png); */

    background-image: url(../00-images/2020/rfid-temp-vid.webp);

    background-size: contain;

    background-repeat: no-repeat;

}



.narrow {

    margin: 20px 10px;

}



.main-img-h32 {

    height: 32px;

}



.main-img-w32 {

    width: 32px;

}



.main-img-scale {

    transform: scale(1.0);

}



.main-fa-scale {

    transform: scale(1.0);

}



.main-intro-bcgr {

    width: 100%;

    background-image: url(/00-images/2020/can-parl1.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    margin: 0;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 50px;

}



.main-intro {

    width: 100%;

    min-height: calc(100vw * 0.3);

    position: relative;

    z-index: 10;

    background-color: rgba(0, 0, 0, 0.4);

    display: flex;

    justify-content: center;

    align-items: center;

}







a.left-vid,

a.main-p-left-link {

    text-decoration: none;

    cursor: pointer;

    opacity: 0.8;

    transition: all 0.2s ease;

}



.main-p-left-link {

    position: relative;

}



.main-p-left-link::before {

    content: "";

    position: absolute;

    box-sizing: border-box;

    border: 2px solid transparent;

    border-radius: 2px;

    width: 0;

    height: 0;

    top: 0;

    left: 0;

}



.main-p-left-link::after {

    content: "";

    position: absolute;

    box-sizing: border-box;

    border: 2px solid transparent;

    border-radius: 2px;

    width: 0;

    height: 0;

    bottom: 0;

    right: 0;

}



a.left-vid:hover,

a.main-p-left-link:hover {

    opacity: 1.0;

}



a.left-vid .wrapper2023:hover::after {

    opacity: 1;

    transition: opacity 0.1s ease-in;

}



a.main-p-left-link:hover::after,

a.main-p-left-link:hover::before {

    border-radius: 25px;

    width: 100%;

    height: 100%;

}



a.main-p-left-link:hover::before {

    border-radius: 25px;

    border-top-color: green;

    border-right-color: green;

    /* border-top-color: brown;

    border-right-color: brown; */

    transition:

        width 0.25s ease-out,

        height 0.25s ease-out 0.25s;

}



a.main-p-left-link:hover::after {

    border-radius: 25px;

    border-bottom-color: green;

    border-left-color: green;

    /* border-bottom-color: brown;

    border-left-color: brown; */

    transition:

        border-color 0s ease-out 0.5s,

        width 0.25s ease-out 0.5s,

        height 0.25s ease-out 0.75s;

}



a.main-link-more {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 1.3rem;

    font-weight: 700;

    color: #6e524e;

    letter-spacing: 2px;

    text-decoration: none;

    cursor: pointer;

    transition: all 0.2s ease;

}



a.main-link-more:hover {

    color: #265142;

    background-color: rgba(38, 81, 66, 0.1);

}



.link-center {

    text-align: center;

}



.mob-privacy {

    display: none;

    text-align: center;



}



.mob-privacy a {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 0.85rem;

    padding: 10px 10px 20px;

}



.sds-location {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 10px;

    font-style: italic;

    color: #333333;

    opacity: 60%;

    letter-spacing: 0.7px;

    text-align: right;

    margin: 0 0 0.5rem 0;

}



.page-2023 {

    position: relative;

    box-sizing: border-box;

    padding: 16px 32px;

    border-radius: 25px;



}



.search-2024 {

    min-height: 90vh;

    position: relative;

    box-sizing: border-box;

    padding: 16px 32px;

}



.btm-corner {

    position: absolute;

    bottom: 10px;

    right: 32px;

    margin: 0;

}



figcaption {

    font-family: Arial, Helvetica, sans-serif;

    font-size: 14px;

}



.div-toc {

    display: flex;

    flex-direction: row;

    /* align-items: center; */

    justify-content: center;

}



.toc-bubbles-page {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-between;

}



.popup-image {

    position: relative;

}



.popup-image-small {

    margin: 0px 20px 10px 0px;

    max-height: 150px;

}



.popup-image-large {

    margin: 0;

    max-width: 75vw;

}



.popup-image-medium {

    margin: 0;

    max-width: 50vw;

    z-index: 10;

}



.popup-a span {

    position: absolute;

    visibility: hidden;

    top: -360px;

    left: 20px;

    transition: visibility 0.2s ease;

}



.popup-a:hover,

.popup-a:hover span {

    visibility: visible;

}



.follow-us {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-content: space-evenly;

    padding: 20px;

    margin: 20px 0;

    color: #8b706c;

}



.follow-us i:hover {

    color: brown;

}



.label-samples {

    display: flex;

    flex-direction: row;

    flex-wrap: wrap;

    align-items: center;

    justify-content: space-evenly;

}



.label-img {

    max-height: 80px;

    margin: 5px;

}



@media screen and (min-width: 1441px) {



    /* .centrepage-one {

        padding-top: 75px;

    } */



    /* .triplecenter2023 {

        height: 100vh;

    } */



    .main-img-scale {

        transform: scale(1.2);

    }



    .main-fa-scale {

        transform: scale(1.6);

    }



    .main-h2,

    .main-h2-like {

        font-size: 28px;

        font-weight: bold;

    }



    .main-p {

        color: #265142;

        font-family: Arial, Helvetica, sans-serif;

        font-size: medium;

        text-align: center;

    }



    .main-p-14 {

        color: #265142;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 1.3rem;

        text-align: center;

        line-height: 1.7rem;

    }



    .main-p-left {

        color: #265142;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 1.3rem;

        text-align: left;

        line-height: 1.6rem;

        margin: 10px;

    }



    h3 {

        color: #390;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 10pt;

        font-weight: bold;

        margin-bottom: -12px;



    }



    a.toc {

        font-size: 16px;

    }



    .menu-hub .a-hub {

        line-height: 32px;

        font-size: 16px;



    }



}



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



    .main-h2-redpad,

    a.main-link-more {

        font-size: 18px;

        letter-spacing: normal;

    }



    .main-p-left {

        color: #265142;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 16px;

        text-align: left;

        line-height: 1.1rem;

        margin: 10px;

    }



}





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



    .main-h2-redpad,

    a.main-link-more {

        font-size: 16px;

        letter-spacing: normal;

    }



    .main-p-left {

        color: #265142;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 14px;

        text-align: left;

        line-height: 1rem;

        margin: 10px;

    }



    .menu-hub .a-hub {

        line-height: 28px;

        font-size: 14px;



    }



}



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



    .main-p-left {

        font-size: 13px;

        margin-top: 0px;

    }



}



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

    .left2023,
    .right2023 {
        display: none;
    }

    .triplecenter2023 {
        width: 100%;
    }


    .sage-white {

        font-size: 3.3rem;

    }



    .size16px {

        font-size: 24px;

    }



    .right-text {

        height: calc(19vw * 0.48);

        padding: 0.3rem 0 0;

    }



    .main-p-14 {

        color: #265142;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 14px;

        text-align: center;

        line-height: 1rem;

    }



    .main-h2-redpad,

    a.main-link-more {

        font-size: 14px;

        letter-spacing: normal;

    }





    h3 {

        color: #390;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 10pt;

        font-weight: bold;

        margin-bottom: -12px;



    }

}



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



    /* .left2023,
    .right2023 {
        display: none;
    }

    .triplecenter2023 {
        width: 100%;
    } */



    .sage-white {

        font-size: 40px;

        line-height: 4rem;

    }



    .main-h1 {

        font-size: 34px;

    }



    .main-img-scale {

        transform: scale(0.9);

    }



    .main-p-14 {

        font-size: 16px;

        line-height: 1.4rem;

    }



    .foo {

        background-color: #c1d1c3;

        background-image: none;

    }



    .toc-bubbles-page {

        justify-content: center;

    }



}



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



    .front-container {

        padding: 0.5rem 0;

    }



    .fr-cont-2rem-bttm {

        padding-bottom: 0.5rem;

    }



    #barc-a:hover::after,

    #rfid-a:hover::after,

    #vid-a:hover::after,

    #scan-a:hover::after,

    #print-a:hover::after,

    #apps-a:hover::after,

    #quote-a:hover::after {

        display: none;

        content: "";

    }



    .main-h1 {

        font-size: 30px;

        letter-spacing: 2px;

        padding: 0.5rem 2rem;

    }



    #upperbanner {

        display: none;

    }



    #top-nav {

        position: inherit;

        width: 100%;

        margin-top: 5px;

        margin-left: 0;



    }



    #top-nav-gap {

        height: 5px;

    }



    #hpageseparator,

    #hpagebottom {

        height: 20px;

    }



    .gapfiller-30px {

        height: 0.5rem;

    }



    .gap-footer {

        /* background-color: rgb(243 240 240); */

        height: 0.5rem;

    }



    .pagebubblecontainer {

        float: none;

        border-radius: 15px;

        width: 140px;

        height: 108px;

        margin: 10px 4px;

    }



    .pagetextbox {

        top: 64%;

        width: 140px;

        height: auto;

        font-size: 13px;

        font-style: normal;

        padding: 5px 0;

        z-index: 2;

    }



    .centerpage-upper-part {

        width: 100%;

        padding: 3px 0 3px 1px;

        margin: 0;

    }



    .centrepage-one {

        border-radius: 0;

        width: 100%;

        margin-bottom: 0;

    }



    .mainpic1 {

        float: none;

        margin: 5px auto;

        max-width: 97%;

        height: auto;

    }



    .center-img {

        text-align: center;

    }



    .mainpic2 {

        float: none;

        margin: 5px auto;

        max-width: 97%;

        height: auto;

    }



    .mainpic3 {

        float: none;

        margin: 5px auto;

        min-width: 130px;

        max-width: 97%;

        height: auto;

    }



    #mpic3-off {

        display: block;

        text-align: center;

    }



    .mainpic4 {

        float: none;

        margin: 5px auto;

        max-width: 98%;

        height: auto;

    }



    .centerpage-home,

    .centerpage-home1 {

        width: 100%;

        padding: 0px;

    }



    .flex-bubble-belt {

        display: flex;

        flex-wrap: nowrap;

        width: 100%;

        padding: 0;

    }



    .tocleftcolumn,

    .tocrightcolumn {

        display: block;

        width: 100%;

        padding: 0;

    }



    #a2021,

    #b2021,

    #c2021,

    #d2021,

    #div-videos {

        display: none;

    }



    #z2021 {

        float: none;

        width: 100%;

        margin: auto;

    }



    #ifyoufound {

        margin: auto;

    }



    .intbarcode-width {

        top: 76%;

        left: 52%;

    }



    .intbarcode-line {

        top: 0%;

    }



    .intbarcode-number {

        top: 50%;

    }



    input[type=text].contact-form,

    textarea.contact-form {

        width: 96%;

    }



    input[type=submit] {

        float: none;

        width: 98%;

        height: 30px;

        background-color: #265142;

        color: white;

        padding: 0;

    }



    input[type=reset] {

        display: none;

    }



    .zoom1 {

        display: none;

    }



    .barcode-margin {

        margin-top: 0;

        margin-bottom: 0;

    }



    .mobile-container {

        display: block;

        z-index: 100;

    }



    .mobile-menu a {

        padding: 5px 10px;

    }



    .mobile-menu .mobile-dropdown-content a {

        font-size: 16px;

        padding: 0.7rem 1rem;

        letter-spacing: 0.5px;

    }



    .gapfiller-100px {

        height: 48px;

    }



    .nav,

    #mobile-markets,

    #mobile-foo-container {

        display: none;

    }



    .mobile-topnav {

        margin-bottom: 0;

        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);

    }



    .new-template {

        display: none;

    }



    #new-paragraph {

        margin-bottom: 5px;

    }



    .centerpage {

        border-radius: 5px;

    }



    .centpage-height {

        height: 660px;

    }



    #barcode {

        transform: scale(0.4, 0.6);

    }



    .a-hub {

        line-height: 28px;

    }



    .h770px {

        height: 680px;

    }



    .size16px {

        padding-left: 1rem;

        padding-right: 1rem;

        font-size: 20px;

    }



    .main-h2 {

        font-size: 22px;

    }



    .main-fa-scale,

    .main-img-scale {

        transform: scale(0.7);

    }



    .main-intro-bcgr {

        margin-top: 31px;

    }



    .main-intro {

        z-index: 1;

        position: unset;

    }



}



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



    /* .triplecenter2023 {

        height: 87vh;

    } */



    .centrepage-one {

        padding-top: 40px;

        min-height: 90vh;

    }



    .place {

        border-radius: 5px;

    }



    .mh {

        min-height: 30px;

    }



    .one {

        height: 35px;

        width: 35px;

        border-radius: 0;

    }



    .two {

        height: 30px;

        width: 120px;

    }



    .bc1 {

        height: 35px;

        width: 35px;

    }



    .bc2 {

        position: relative;

        height: 30px;

        width: 120px;

        border-radius: 5px;

    }



    .label-samples {

        display: flex;

        flex-direction: column;

        flex-wrap: wrap;

        align-items: center;

        justify-content: center;

    }



    .label-img {

        max-height: 60px;

        margin: 5px;

    }



    .label-samples figure figcaption {

        font-size: 12px;

    }



    .mob-privacy {

        display: block;

    }



    .div-toc {

        display: flex;

        flex-direction: column;

        align-items: center;

        justify-content: center;

    }



}



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



    .image-width {

        max-width: 90px;

    }



    .page-2023,

    .search-2024 {

        padding: 10px 16px;

    }



    /* .triplecenter2023 {

        height: 85vh;

    } */



    .div-widescreen-text {

        display: none;

    }



    .front-container {

        flex-wrap: wrap;

        padding: 0.5rem 0;

    }



    .mobile-text {

        display: block;

    }



    h1 {

        color: #055b4a;

        font-family: Arial Narrow, Arial, Helvetica, Verdana;

        font-size: 14pt;

        font-weight: bold;

    }



    h3 {

        color: #390;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 10pt;

        font-weight: bold;

        margin-bottom: -12px;

    }



    p.a {

        color: #333;

        font-family: Arial, Helvetica, sans-serif;

        font-size: 10pt;

        line-height: 140%;

        margin-bottom: 1.5em;

    }



    .main-h1 {

        font-size: 20px;

        letter-spacing: 1px;

        padding: 1.5rem 2rem 1rem;

    }



    .sage-white {

        font-size: 20px;

        line-height: 3rem;

    }



    .main-h2 {

        font-size: 18px;

    }



    .main-h2-like {

        font-size: 18px;



    }



    .main-intro-bcgr {

        margin-top: 31px;

    }



    #a7270,

    #a7271 {

        width: 100%;

        padding: 0px 1px;

    }



    #a7271 a img {

        float: none;

        margin: 5px 0px;

        max-width: 99%;

        height: auto;

    }



    .a9059a {

        max-width: 100%;

        width: 100%;

    }



    .single {

        width: 100%;

    }



    .double-contact-form {

        display: block;

    }



    .single-left-contact-form {

        padding-left: 5px;

        width: 100%;

        border: none;

    }



    .single-right-contact-form {

        padding-left: 5px;

        width: 100%;

    }



    .utube {

        width: 99%;

        margin-left: 0;

    }



    iframe {

        max-width: 100%;

        min-height: 150px;

        margin-bottom: 0px;

    }



    .youtuberow {

        float: none;

        margin: 0;

    }



    .producedby {

        margin-bottom: -5px;

    }



    .youtuberow-3 {

        float: none;

        margin: 0;

    }



    .divright-support {

        display: none;

    }



    ul.header li,

    ul.header li.headerright,

    ul.header li.dropbtn,

    ul.header li.logo,

    ul.header a.dropbtn,

    #divright,

    ul.footer li {

        float: none;

    }



    ul.header li button {

        border-radius: 10px;

        width: 100%;

        min-width: 345px;

        min-height: 40px;

        font-size: 20px;

        margin: 3px auto;

    }



    ul.upperbanner li {

        float: none;

    }



    ul.upperbanner li button {

        border-radius: 10px;

        min-width: 345px;

        width: 100%;

        min-height: 40px;

        font-size: 20px;

        margin: 3px auto;

    }



    #lowerbanner button.dropbtngreen {

        border-radius: 10px;

        min-width: 320px;

        width: 100%;

        min-height: 40px;

        font-size: 20px;

        margin: 7px auto;

    }



    ul.footer li button,

    #btnnonhover {

        border-radius: 10px;

        min-width: 320px;

        width: 100%;

        min-height: 48px;

        font-size: 20px;

        line-height: 88%;

        margin: 7px auto;

    }



    .bubblespage {

        width: 100%;

    }



    .bubblesleft {

        float: none;

        margin: auto;

        padding-left: 5px;

    }



    .bubblesleft div {

        margin: 10px;

    }



    .thebubblespage {

        float: none;

        margin: auto;

        padding-left: 5px;

        display: block;

    }



    .bubblecontainer {

        float: none;

        border-radius: 25px;

        min-width: 99%;

        min-height: 200px;

        height: auto;

        margin: 20px 4px 0px 4px;

    }



    .textbox {

        margin-top: 55%;

        min-width: 100%;

        min-height: 40px;

        height: auto;

        font-size: 20px;

        font-style: normal;

        padding-top: 20px;

    }



    .pagebubblecontainer-markets {

        float: none;

        border-radius: 25px;

        min-width: 94%;

        min-height: 200px;

        height: auto;

        margin: 20px 4px 0px 10px;

    }



    .pagebubblecontainer {

        float: none;

        border-radius: 25px;

        min-width: 97%;

        min-height: 200px;

        height: auto;

        margin: 20px 4px 0px 4px;

    }



    .pagetextbox {

        margin-top: 52%;

        min-width: 100%;

        min-height: 40px;

        height: auto;

        font-size: 20px;

        font-style: normal;

        padding-top: 20px;

    }



    .pagetextbox1 {

        margin-top: 52%;

        min-width: 100%;

        min-height: 40px;

        height: auto;

        font-size: 20px;

        font-style: normal;

        padding-top: 20px;

    }



    .grid-item,

    .grid-item a {

        font-size: 13px;

    }



    .fitVids-wrapper {

        margin-left: -3px;

        margin-right: 2px;

    }



    .fitVids-wrapper iframe {

        border-radius: 3px;

    }



    .triplepage,

    .triplepage-one,

    .dualpage,

    .triplecenter,

    .centerpage {

        max-width: 100%;

        width: 100%;

        padding: 0;

        margin: 0;

    }



    .dualright-hidden {

        display: block;

        width: 100%;

        padding: 0;

    }



    .tripleleft,

    .dualright {

        display: none;

    }



    .tripleright {

        display: block;

        width: 100%;

        padding: 0;

    }



    .gapfiller1 {

        display: block;

        width: 100%;

    }



    .dualright-offset {

        height: 20px;

    }



    .flex-bubble-belt {

        display: block;

        width: 100%;

        padding: 0;

    }



    #height,

    #length {

        font-size: 12px;

    }



    .nosee600px {

        height: 40px;

    }



    .w,

    .w1 {

        font-size: 1.2rem;

    }



    .top-banner-text,

    .div-corner-text {

        display: none;

    }



    .div-vid-top {

        width: 90%;

        margin: auto;

    }



    .div-vid-top-mobile {

        width: 90%;

        margin: auto;

    }



    .vid-btn {

        background-color: #265142;

        color: white;

        padding: 5px 10px;

        font-size: 1.2rem;

    }



    .vid-btn:hover {

        color: white;

        background-color: #8b706c;

    }



    .fitVids-wrapper {

        margin-left: -3px;

        margin-right: 2px;

    }



    .fitVids-wrapper iframe {

        border-radius: 3px;

    }



    .pres-signature {

        font-size: 0.8rem;

        font-stretch: normal;

        margin-bottom: 10px;

    }



    .showYourself {

        display: block;

        height: 40px;

    }



    .memor20-tc21 img {

        max-width: 60px;

    }



    .memor20-tc21 figure {

        padding: 0;

        margin: 0;

        font-size: .7rem;

    }



    .form-control {

        width: 345px;

        margin-left: 0;

        padding-top: 9px;

    }



    #search,

    #search-mobile {

        height: 40px;

        font-size: 16px;

        padding-left: 20px;

    }



    #submit,

    #submit-mobile {

        font-size: 22px;

        top: 14px;

        right: 7px;

        padding: 5px;

    }



    .ottawa {

        flex-direction: column;

    }



    .gapfiller-100px {

        display: none;

    }



    .main-small-div {

        margin: .5rem 0;

    }



    .main-small-div-row {

        align-items: center;

        justify-content: left;

        margin: 0;

    }



    .fc-reduced-padding {

        padding: 0;

    }



    .size16px {

        padding: 0 2rem;

    }



    .toc-bubbles-page {

        display: block;

        margin-bottom: 20px;

    }



}



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



    .main-intro-bcgr {

        margin-top: 15px;

    }



}



.marbtm {

    margin-top: 6px;

    padding-top: 0.0rem;

    padding-bottom: 0rem;

    font-size: 2em;



}



.marbtm:hover {

    color: red;

    transform: scale(1.2);

}



.main113 {

    width: 60px;

    display: flex;

    flex-direction: row;

    justify-content: center;

}



@media screen and (min-width: 2221px) {



    .main-h2-redpad,

    a.main-link-more {

        padding-top: 6px;

    }

}



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



    .main-h2-redpad,

    a.main-link-more {

        font-size: 16px;

        letter-spacing: normal;

        padding-top: 6px;

    }

}



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



    .main-h2-redpad,

    a.main-link-more {

        font-size: 14px;

        letter-spacing: normal;

        padding-top: 4px;

    }

}





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

    .marbtm {

        font-size: 1em;

    }



    .main113 {

        width: 30px;

    }

}



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

    .marbtm {

        font-size: 0.7em;

    }



    .main113 {

        width: 20px;

    }

}



.sue-container {

    position: relative;

}



.sue-container a {

    position: relative;

}



.sue-container a:link {

    text-decoration: none;

}



.sue-container a:hover {

    /* transform: scale(1.1);

    transition: all 0.2s linear; */

    text-decoration: none;

}



.sue-container a:active {

    text-decoration: none;

}



.sue-container a .main-h1:hover {

    color: #3a7a64;

    transition: all 0.2s linear;

}



.main-h1b a {

    position: relative;

    color: white;

    font-family: Arial, Helvetica, sans-serif;

    /* font-size: 32px; */

    font-weight: 800;

    letter-spacing: 4px;

    text-align: center;

    margin: 0;

    padding: 2rem 0;

}



.main-h1b a:link {

    text-decoration: none;

}



.main-h1b a:hover {

    text-decoration: none;

    color: #b5f8e1;

    transition: all 0.2s linear;

}



.main-h1b a:active {

    text-decoration: none;

}



.main-h1b a:visited {

    text-decoration: none;

}



.main-h1b-a {

    color: white;

    font-family: Arial, Helvetica, sans-serif;

    /* font-size: 32px; */

    font-weight: 800;

    letter-spacing: 4px;

    text-align: center;

    margin: 0;

    padding: 2rem 0;

}