body {
    font-family: "Times New Roman", Times, serif;
}

.why-HLDfam {
    position:static !important;
    padding-left: 0;
    padding-top: 1px !important;
    z-index: -9000;
    display: flex;
    flex-direction: column;
    align-items: center;
}


.why_products {
    background-color: #808080;
    color: #fff;
    font-size: 15pt;
    text-align: center;
    min-height: 200px;
    padding-top: 35px;
    padding-bottom: 35px;
    margin: 30px auto 0px auto;
}


    .toplogodesktop {
        display: none !important;
    }

.toplogo {
    position: relative;
    left: 0;
    right: 0;
    top: 0px;
    width: 100%;
    height: 70px;
    border-radius: 0px 0px 50% 50%;
    z-index: 100000;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,0.5);
    -webkit-box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.18);
    -moz-box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.18);
    box-shadow: 4px 5px 5px 0px rgba(0,0,0,0.18);
}

.serimside {
    display: none;
}

.serimsidemobile {
    display: block;
    padding: 10px 0px 0px 0px;
    border: 1px solid #808080;
}

    .serimsidemobile a:hover {
        text-decoration: none;
    }

    .serimsidemobile a {
        color: #000;
    }

    .serimsidemobile ul {
        list-style-type: none;
    }

        .serimsidemobile ul li {
            margin-bottom: 5px;
        }

    .serimsidemobile h5 {
        margin-left: 20px;
        font-size: 12pt;
        font-weight: 700;
        margin-bottom: 10px;
    }

.swoosh_why {
    display:block;
    height: 80px;
    background-image: url('/image/swoosh_bottomORDER.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    z-index: 11;
}




.serimsidemobile {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0px;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 60px;
    -webkit-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
    box-shadow: 3px 3px 7px 0px rgba(0,0,0,0.5);
}

    .serimsidemobile a {
        transition: 0.3s;
    }

    .serimsidemobile .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }

#mySidenav::-webkit-scrollbar {
    width: 0px;
}

/* Track */
#mySidenav::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
}

/* Handle */
#mySidenav::-webkit-scrollbar-thumb {
    background: #808080;
    border-radius: 10px;
}

    /* Handle on hover */
    #mySidenav::-webkit-scrollbar-thumb:hover {
        background: #808080;
    }


.hero_line_left {
    position: relative;
    left: 0;
    top: 10px;
    height: 2px;
    width: 50%;
    background-color: #fff;
}

.hero_line_right {
    position: relative;
    right: 0;
    top: 20px;
    height: 2px;
    width: 50%;
    background-color: #fff;
}

.hero_img {
    color: #fff;
    position: absolute;
    z-index: 15;
    top: -20px;
    left: 0;
    margin: 0 auto;
    right: 0;
}



    .hero_img h1 {
        font-size: 40pt;
        text-align: center;
        padding-top: 190px;
        margin-top: 0px;
        color: #fff;
        font-variant: small-caps;
    }

/*#region hero_imgs_colorMAIN */
.hero_img_desktop {
    position: relative;
    top: -100px;
    z-index: -10;
    width: auto;
    height: 290px;
    overflow: hidden;
}

    .hero_img_desktop:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        width: auto;
        height: 290px;
    }

.hero_about {
    background: url('/image/Line_Strips.png') bottom center no-repeat;
    background-size: cover;
}

.hero_home {
    background: url('/image/Chlorine -Bottle_Hands.png') bottom center no-repeat;
    background-size: contain;
}

.hero_products {
    background: url('/image/Monitor_Bottles_Convex_Blue.png') bottom center no-repeat;
    background-size: cover;
}

.hero_support {
    background: url('/image/Strips_in_Line.png') bottom center no-repeat;
    background-size: cover;
}

.hero_contact {
    background: url('/image/Strip_swoosh.png') bottom center no-repeat;
    background-size: cover;
}

.hero_event {
    background: url('/image/Bottles_Other.png') bottom center no-repeat;
    background-size: cover;
}


/*#endregion */
.hero_maininfo {
    font-size: 15pt;
    padding: 10px;
    text-align: center;
    margin: 10px auto;
    width: 500px;
}

.default_header {
    margin-top: 40px !important;
}

.toplogo img {
    width: 120px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 150000;
}

.mobile_swoosh {
    position: absolute;
    left: 0;
    right: 0;
    top: 250px;
    width: 100%;
    height: 116px;
    background-image: url('/image/swoosh_bottom.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.img_mdcd {
    border-top: rgb(182,183,188) 3px solid;
    width: 100%;
    height: 250px;
    background-image: url('/image/bigstock-Hospital-Equipment-And-Medical-235793617.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px 5px 0px 0px;
}

.img_hptk {
    border-top: rgb(182,183,188) 3px solid;
    width: 100%;
    height: 250px;
    background-image: url('/image/bigstock-Young-pregnant-woman-visiting--139319531.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px 5px 0px 0px;
}

.img_sdt {
    border-top: rgb(182,183,188) 3px solid;
    width: 100%;
    height: 250px;
    background-image: url('/image/bigstock-Kitchen-utensils-cookware-and-180257986.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5px 5px 0px 0px;
}

.grid_maininfo {
    display: grid;
    grid-gap: 15px;
    grid-template-columns: auto auto auto;
    text-align: center;
    margin: 20px;
    /*background-color: rgba(35, 158, 238, 0.20);*/
}

    .grid_maininfo .MDCD, .grid_maininfo .SDT, .grid_maininfo .HPTK {
        background-color: rgba(117, 117, 117, 1);
        /*background: -moz-linear-gradient(-45deg, rgba(182,183,188,1) 0%, rgba(91,92,94,1) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(182,183,188,1) 0%,rgba(91,92,94,1) 100%);
        background: linear-gradient(135deg, rgba(182,183,188,1) 0%,rgba(91,92,94,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b6b7bc', endColorstr='#5b5c5e',GradientType=1 );*/
        border-bottom: none;
        margin-bottom: 10px;
        width: 100%;
    }

    .grid_maininfo img {
        width: 200px;
        height: auto;
        padding: 20px;
    }

.grid_mainproductfamily {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 20px;
    padding: 10px;
    grid-row-gap: 40px;
    text-align: center;
}

    .grid_mainproductfamily > div {
        background-color: #fff;
        margin-bottom: 10px;
    }



    .grid_mainproductfamily h2 {
        position: relative;
        font-size: 14pt;
        background-color: #fff;
        top: -15px;
        width: 80%;
        margin: 0 auto;
    }

    .grid_mainproductfamily ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }

.home_grid1 {
    position: relative;
    z-index: 10;
    top: -80px;
    margin-bottom: -50px;
}

.home_grid2 {
    margin-top: 0px;
    color: #fff;
}

.hide_show {
    display: none;
}


.mobile_footer {
    display: block;
}

.desktop_footer {
    display: none;
}



.wave2, .wave1, .wave3 {
    position: relative;
    top: -42px;
    width: 100%;
    height: 50px;
    background-image: url('/image/home_wave.png');
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

/*#region productsGIRD */

.sidebarnav {
    cursor: pointer;
    margin-top: -20px;
    margin-left: 10px;
    padding: 10px;
    height: 45px;
    width: 150px;
    border-radius: 5px;
    border: 1px solid #808080;
    background-color: rgba(0,59,132,0.10);
    font-variant: small-caps;
    color: #000;
}

.grid_productfamily2 {
    width: 300px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
}

    .grid_productfamily2 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }



.grid_productfamily4 {
    display: grid;
    grid-template-areas: ' gridResidual2 gridResidual2' 'gridQuickService gridQACSanitizer' ' gridChlorineSanitizer gridWaterQuality2 ';
    padding: 10px;
    text-align: center;
    margin: 0px auto;
    grid-row-gap: 40px;
    grid-gap: 10px;
}

    .grid_productfamily4 > div {
        background-color: #fff;
        margin-bottom: 40px;
    }
    .grid_productfamily4 p {
        padding: 10px;
    }

    .grid_productfamily4 h2 {
        position: relative;
        font-size: 14pt;
        background-color: #fff;
        top: -15px;
        width: 80%;
        margin: 0 auto;
    }

    .grid_productfamily4 ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }



.gridChlorineSanitizer {
    grid-area: gridChlorineSanitizer;
}

.gridQACSanitizer {
    grid-area: gridQACSanitizer;
}

/*.gridIodineSanitizer {
    grid-area: gridIodineSanitizer;
}*/

.gridQuickService {
    grid-area: gridQuickService;
}

.gridResidual2 {
    grid-area: gridResidual2;
}
.gridWaterQuality2 {
    grid-area: gridWaterQuality2;
}

.grid_productfamily3 {
    
    display: grid;
    grid-template-areas: 'gridMonitorsforCleaning gridWaterQuality';
    padding: 10px;
    text-align: center;
    margin: 0px auto;
    grid-row-gap: 40px;
    grid-gap: 10px;
}

    .grid_productfamily3 > div {

        background-color: #fff;
        margin-bottom: 0px;
    }


.grid_productfamily {
    display: grid;
    grid-template-areas: 'gridWaterQuality gridPotency ' 'gridChlorineConcentration gridResidual' 'gridDialysateQuality   gridPeritoneal';
    grid-gap: 10px;
    padding: 10px;
    grid-row-gap: 70px;
    text-align: center;
}


    .grid_productfamily > div {
        background-color: #fff;
        margin-bottom: 0px;
    }

.gridResidual {
    grid-area: gridResidual;
}

.gridChlorineConcentration {
    grid-area: gridChlorineConcentration;
}

.gridPotency {
    grid-area: gridPotency;
}

.gridWaterQuality {
    grid-area: gridWaterQuality;
}

.gridDialysateQuality {
    grid-area: gridDialysateQuality;
    margin-top: -230px;
}

.gridPeritoneal {
    grid-area: gridPeritoneal;
    /*height: 500px;*/
}

.why {
    position: relative;
    background-color: #808080;
    color: #fff;
    font-size: 15pt;
    text-align: center;
    min-height: 300px;
    padding-top: 105px;
    margin-top: -80px;
    /*z-index: -200;*/
    z-index: 10;
}

.grid_productfamily ul, .grid_productfamily3 ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 10px
}
/*#endregion */

.video_CS {
    margin: 30px auto;
    text-align: center;
}
.video_CS iframe{
    /*width: 70%;*/
    height: 300px;
    margin:30px auto;
    text-align:center;
}

.files {
    text-align: left;
    margin-bottom: 20px;
    margin-left: 20%;
}

.application {
    margin: 0 auto -140px auto;
    position: relative;
    z-index: 200;
    top: -120px;
}

.paragraph {
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.text_para {
    margin-left: 10px;
}

.application h4 {
    font-size: 15pt;
    font-variant: small-caps;
    margin: 30px 0 10px 0;
}

.application h3 {
    font-size: 20pt;
    font-variant: small-caps;
}

.chartIMG {
    margin: 0px auto;
    margin-top: 20px;
    text-align: center;
}

.options {
    -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
    box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
}

.optionsp {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.optiongrid {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10px;
    padding: 10px;
    grid-row-gap: 40px;
    text-align: center;
}

    .optiongrid > div {
        background-color: #fff;
        margin: 10px;
    }

.small_line {
    width: 70%;
    margin: 20px auto;
    height: 1px;
}

.options {
   padding: 20px;
   display: flex; /* Added from here down */
   justify-content: center;
   align-items: center;
   flex-direction: column;
   margin: 10px 0;
}

.chartgrid {
    display: grid;
    grid-template-areas: 'chartleft chartright';
    grid-gap: 10px;
    padding: 10px;
    margin: 20px auto;
}



.chartright {
    width: 350px;
    grid-area: chartright;
    border-left: 3px solid rgba(0,0,0,0.5);
  
}

.chartleft {
    padding-right: 30px;
    grid-area: chartleft;
}

/*.bottlegrid {
    display: grid;
    grid-template-areas: 'bottlesIMG bottlesPARA';
    grid-gap: 50px;
    padding: 10px;
    margin: 60px auto;*/

}

.bottlesIMG {
    grid-area: bottlesIMG;
}

.bottlesPARA {
    grid-area: bottlesPARA;
}

.text_time {
    text-align:center;
}

.bottleshadow {
    width: 100px;
    height: 15px;
    border-radius: 100%;
    background-color: rgba(128, 128, 128, 0.45);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.45);
    margin: 0 auto;
    margin-top: 270px;
  
}


.bottlesIMG {
    min-width: 200px;
    position: relative;
}

    .bottlesIMG .img {
        background-size: auto;
        background-repeat: no-repeat;
        background-position: top center;
        height: 200px;
        width: 100%;
        background-size: contain;
        text-align: center;
        margin: 0 auto;
    }



.application img {
    margin-right: 0px;
    margin-bottom: 0px;
}



.mainCentralServiceimg {
    width: 250px;
    padding-left: 20px;
    padding-bottom:20px;
}


   


.bottlegrid {
    margin-bottom: 50px;
}

.lineproducts {
    height: 1px;
    margin-bottom: 10px;
}

.about {
    width: 80%;
    margin: -30px auto 50px auto;
}


.products {
    width: 80%;
    margin: 0 auto;
    margin-top: -30px;
    margin-bottom: 130px;
}

.certified {
   float:left;
   margin-right:20px;
   margin-bottom: 5px;
}


.grid_home_bottom {
    display: grid;
    grid-template-columns: auto auto;
    grid-gap: 10px;
    padding: 10px;
    grid-row-gap: 40px;
    text-align: center;
    margin: 0 auto;
    width: 90%;
}



.datebox {
    margin: 20px auto;
    color: rgba(0,59,132,1);
    padding: 10px;
    width: 100px;
    border-radius: 5px;
    text-align: center;
    background: rgb(242,246,248);
    background: -moz-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
    background: linear-gradient(135deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 );
}

.events_btn {
    background-color: rgba(0,59,132,1);
    color: #fff;
    padding: 9px;
}

    .events_btn:hover {
        background-color: #000;
        color: #fff;
    }

.btnSpace2 {
    width: 120px;
    margin: 20px auto;
    margin-bottom: 70px;
}

.home_bottom {
    margin: 50px auto;
    padding-right: 100px;
    border-right: rgb(35,158,238) 1px solid;
}

.home_bottom2 {
    margin-top: 50px;
    text-align: left;
    padding-left: 60px;
}

.home_bottom h6 {
    font-size: 13pt;
}

.home_bottom h5 {
    font-size: 23pt;
    letter-spacing: 6px;
}

.home_bottom h4 {
    margin: 0 auto;
}

.home_bottom h3 {
    margin-bottom: 50px;
    letter-spacing: 7px;
    margin-left: -60px;
    color: rgb(35,158,238);
}

.home_bottom2 h3 {
    margin-bottom: 30px;
    letter-spacing: 7px;
    color: rgb(35,158,238);
}


.grid_news {
    display: grid;
    grid-template-columns: auto;
    grid-gap: 10px;
    padding: 10px;
    grid-row-gap: 40px;
}

    .grid_news > div {
        background-color: #fff;
        margin: 10px;
    }

.newstitle {
    font-size: 14pt;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.newsdate, .newstimes {
    font-size: 12pt;
    color: rgba(0,59,132,1);
}


.background_row_color {
    border-top: 5px solid rgba(0,59,132,1);
    margin-top: -550px;
    background-color: rgba(0,59,132, 0.30);
    z-index: -30;
    width: 100%;
    height: 530px;
}



.dateboxabout {
    margin: 20px auto;
    color: rgba(0,59,132,1);
    padding: 10px;
    width: 100px;
    border-radius: 5px;
    text-align: center;
    background: rgb(242,246,248);
    background: -moz-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
    background: linear-gradient(135deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 );
}

    .dateboxabout h6 {
        font-size: 13pt;
    }

    .dateboxabout h5 {
        font-size: 23pt;
        letter-spacing: 6px;
    }

.upcomingevents h3 {
    font-size: 15pt;
    width: 60%;
    text-align: center;
    border-bottom: 1px solid rgb(35,158,238);
    color: #000;
    margin: 0 auto;
    margin-top: -50px;
    margin-bottom: 20px;
    padding-bottom: 15px;
}


.grideventsAbout {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 10px;
    text-align: center;
    margin: 0 auto;
    width: 90%;
}

.mission {
    background: rgba(0,59,132,1);
    background: -moz-linear-gradient(top, rgba(35,158,238,1) 0%, rgba(0,59,132,1) 100%);
    background: -webkit-linear-gradient(top, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 100%);
    background: linear-gradient(to bottom, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#239eee', endColorstr='#003b84',GradientType=0 );
    color: #fff;
    padding: 20px;
    width: 100%;
    margin-bottom: 150px;
}

.missioninfo {
    width: 60%;
    margin: 80px auto;
    text-align: center;
}



    .missioninfo h3 {
        font-size: 20pt;
    }

    .missioninfo p {
        font-size: 15pt;
    }

.swoosh_about {
    position: relative;
    top: -162px;
    width: 100%;
    height: 70px;
    background-image: url(/image/swoosh_About.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.programsimg {
    position: relative;
    top: -13px;
    width: 100%;
    height: 70px;
    background-image: url(/image/swoosh_About.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

.main_product_info {
    margin-top: -50px;
}

.grid_products {
    display: grid;
    grid-template-areas: 'p_Dialysis p_CentralService' 'p_Hpylori p_FoodSafetySanitizer' 'p_LaundryDisinfectionr p_HighLevelDisinfectants';
    grid-gap: 20px;
    padding: 10px;
    grid-row-gap: 40px;
    text-align: center;
}

    .grid_products> div {
        background-color: #fff;
        margin-bottom: 10px;
    }


    .grid_products h2 {
        position: relative;
        font-size: 14pt;
        background-color: #fff;
        top: -35px;
        width: 80%;
        margin: 0 auto;
    }

    .grid_products ul {
        list-style: none;
        margin: 0;
        padding: 0;
        margin-bottom: 10px;
    }


.p_Dialysis {
    grid-area: p_Dialysis;
}

.p_CentralService {
    grid-area: p_CentralService;
    height: 490px;
}

.p_Hpylori {
    grid-area: p_Hpylori;
    height: 400px;
}

.p_FoodSafetySanitizer {
    grid-area: p_FoodSafetySanitizer;
    margin-top: -290px;
}

.p_LaundryDisinfectionr {
    grid-area: p_LaundryDisinfectionr;
    margin-top: -400px;
    height: 350px;
}
.p_HighLevelDisinfectants {
    grid-area: p_HighLevelDisinfectants;
}


.dateboxevent {
    margin: 20px auto;
    color: rgba(0,59,132,1);
    padding: 10px;
    width: 100px;
    border-radius: 5px;
    text-align: center;
    background: rgb(242,246,248);
    background: -moz-linear-gradient(-45deg, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
    background: linear-gradient(135deg, rgba(242,246,248,1) 0%,rgba(216,225,231,1) 50%,rgba(181,198,208,1) 51%,rgba(224,239,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=1 );
}

.gridevents {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 35px;
    text-align: center;
    margin: 0 auto;
}

.Main_Event_Info h3 {
    text-align: left;
    margin-left: 50px;
    color: rgba(0,59,132,1);
}

.Main_Event_Info hr {
    margin: 20px 50px 0px 50px;
    border: 0;
    border-top: 1px solid rgba(0,59,132,1);
}

/*_________________________________________________________support*/

.CentralServiceSupport, .HpyloriSupport {
    width: 80%;
    margin: -60px auto 50px auto;
}


.support h2 {
    margin-top: -60px;
    margin-left: 5%;
    margin-right: 20px;
    color: rgba(0,59,132,1);
}

.support hr {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
    color: rgba(0,59,132,1);
}

.programbox {
    width: 60%;
    margin: 0 auto;
    margin-top: 5%;
}

.supportVideo {
    width: 500px;
    height: 350px;
}

.mainsevices {
    margin: 0 auto;
    width: 500px;
    text-align: center;
    padding-bottom: 50px;
}

    .mainsevices p {
        font-size: 12pt;
        margin: 20px;
        font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
    }

    .mainsevices h3 {
        font-size: 20pt;
        border-bottom: solid 1px rgba(0,59,132,1);
        margin-top: 30px;
    }

.service_first {
    margin-top: -80px;
}

.service {
    text-align: center;
    padding: 20px 40px 20px 40px;
    margin-top: -100px;
}

.hero_maininfo span {
    display: none !important;
}


.newstitlehome {
    font-size: 13pt;
    font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}


.newsdatehome {
    font-size: 11pt;
    color: rgba(0,59,132,1);
}

.headerHeroPad h1 {
    font-size: 40pt !important;
    text-align: center;
    padding-top: 95px !important;
    margin-top: 0px;
    color: #fff;
    letter-spacing: 2px;
    font-variant: small-caps;
}

.video_product {
    margin: 30px auto;
    text-align: center;
}

.video_iframe {
    width: 560px;
    height: 315px;
    margin: 30px auto;
    text-align: center;
}

.video_phone_iframe_xs {
    display: none;
}

.video_phone_iframe_s {
    display: none;
}

.video_phone_iframe_m {
    display: none;
}

.video_phone_iframe_lg {
    display: none;
}

/*_________________________________________________________products */


@media (min-width: 601px) {
    .p_LaundryDisinfectionr {
        grid-area: p_LaundryDisinfectionr;
        margin-top: -200px;
        height: 350px;
    }
}




@media (min-width: 670px) {
    .p_LaundryDisinfectionr {
        grid-area: p_LaundryDisinfectionr;
        margin-top: -150px;
        height: 350px;
    }
}


@media (min-width: 715px) {
    .p_LaundryDisinfectionr {
        grid-area: p_LaundryDisinfectionr;
        margin-top: 0px;
        height: 350px;
    }
}


@media (min-width: 770px) {
    .wave2, .wave1, .wave3 {
        position: relative;
        top: -40px;
        width: 100%;
        height: 50px;
        background-image: url('/image/home_wave.png');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .chartright {
        width: 350px;
        grid-area: chartright;
        border-left: 3px solid rgba(0,0,0,0.5);
    }
}


@media (min-width: 800px) {
    .p_LaundryDisinfectionr {
        grid-area: p_LaundryDisinfectionr;
        margin-top: -100px;
        height: 330px;
    }
}

@media (min-width: 856px) and (max-width: 1070px) {
    .toplogodesktop {
        display: none !important;
    }

    .toplogo {
        display: block !important;
    }
}

@media (min-width: 856px) {
    .grid_mainproductfamily {
        display: grid;
        grid-template-columns: auto auto auto;
        grid-gap: 20px;
        padding: 10px;
        grid-row-gap: 40px;
        
        text-align: center;
    }


    .supportVideo {
        width: 700px;
        height: 500px;
    }
   

    .mobile_footer {
        display: none;
    }

    .desktop_footer {
        display: block;
    }

    .wave2, .wave1, .wave3 {
        position: relative;
        top: -38px;
        width: 100%;
        height: 50px;
        background-image: url('/image/home_wave.png');
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .swoosh_about {
        position: relative;
        top: -160px;
        width: 100%;
        height: 80px;
        background-image: url(/image/swoosh_About.png);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .programsimg {
        position: relative;
        top: -13px;
        width: 100%;
        height: 80px;
        background-image: url(/image/swoosh_About.png);
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }


 

    .p_LaundryDisinfectionr {
        grid-area: p_LaundryDisinfectionr;
        margin-top: -120px;
        height: 300px;
    }
    .p_Hpylori {
        grid-area: p_Hpylori;
        height: 350px;
    }
}

@media (min-width: 670px) {

    .mobile_swoosh {
        position: absolute;
        left: 0;
        right: 0;
        top: 250px;
        width: 100%;
        height: 116px;
        background-image: url('/image/swoosh_bottom.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

  
}

@media (min-width: 849px) {

    .hero_img {
        color: #fff;
        position: absolute;
        z-index: 15;
        top: 40px;
        left: 0;
        margin: 0 auto;
        right: 0;
    }

    .hero_maininfo {
        font-size: 14pt;
        padding: 10px;
        text-align: center;
        margin: 10px auto;
        width: 100%;
    }

    .banner_img_left {
        height: 330px;
        width: auto;
        margin-right: 40%;
        margin-top: 110px;
    }

    .dialysis_img {
        height: 330px;
        width: auto;
        /*margin-right: 40%;*/
        margin-top: 110px;
    }

    .banner_img_about {
        height: auto;
        width: 100%;
    }

    .banner_img_central_service {
        height: 280px;
        width: auto;
        margin-right: 30%;
        margin-top: 10px;
    }

    .banner_img_hpylori {
        height: 280px;
        width: auto;
        margin-right: 30%;
        margin-top: 10px;
    }

    .banner_img_right {
        height: 230px;
        width: auto;
        margin-left: 50%;
        margin-top: 140px;
    }

    .banner_img_laundry {
        height: 230px;
        width: auto;
        margin-left: 50%;
        margin-top: 140px;
    }

    .hero_img h1 {
        font-size: 50pt;
        text-align: center;
        padding-top: 160px;
        margin-top: 0px;
        color: #fff;
        letter-spacing: 2px;
        font-variant: small-caps;
    }

    .headerHeroPad h1 {
        font-size: 40pt !important;
        text-align: center;
        padding-top: 90px !important;
        margin-top: 0px;
        color: #fff;
        letter-spacing: 2px;
        font-variant: small-caps;
    }

    .hero_img_desktop {
        position: relative;
        top: -100px;
        z-index: -10;
        width: auto;
        height: 353px;
        overflow: hidden;
    }

        .hero_img_desktop:before {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            width: auto;
            height: 353px;
            background: rgb(0,59,132);
            /*background: rgb(35,158,238);
            background: -moz-linear-gradient(-45deg, rgba(35,158,238,1) 0%, rgba(0,59,132,1) 49%, rgba(0,0,0,1) 100%);
            background: -webkit-linear-gradient(-45deg, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 49%,rgba(0,0,0,1) 100%);
            background: linear-gradient(135deg, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 49%,rgba(0,0,0,1) 100%);*/
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#239eee', endColorstr='#000000',GradientType=1 );
            opacity: 0.3;
        }

    .hero_about {
        background: url('/image/Line_Strips.png') bottom center no-repeat;
        background-size: cover;
    }

    .hero_home {
        background: url('/image/Chlorine -Bottle_Hands.png') bottom center no-repeat;
        background-size: contain;
    }

    .hero_products {
        background: url('/image/Monitor_Bottles_Convex_Blue.png') bottom center no-repeat;
        background-size: cover;
    }

    .hero_support {
        background: url('/image/Strips_in_Line.png') bottom center no-repeat;
        background-size: cover;
    }


    .hero_contact {
        background: url('/image/Strip_swoosh.png') bottom center no-repeat;
        background-size: cover;
    }

    .hero_event {
        background: url('/image/Bottles_Other.png') bottom center no-repeat;
        background-size: cover;
    }

    .mobile_swoosh {
        position: absolute;
        left: 0;
        right: 0;
        top: 283px;
        width: 100%;
        height: 116px;
        background-image: url('/image/swoosh_bottom.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

}

@media (max-width: 990px) and (min-width: 930px) {
    .mobile_swoosh {
        position: absolute;
        left: 0;
        right: 0;
        top: 278px;
        width: 100%;
        height: 116px;
        background-image: url('/image/swoosh_bottom.png');
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@media(max-width: 990px) {
    .banner_img_left {
        height: 330px;
        width: auto;
        margin-right: 40%;
        margin-top: 40px;
    }

    .dialysis_img {
        height: 260px;
        width: auto;
        /*margin-right: 40%;*/
        margin-top: 70px;
    }

    .banner_img_about {
        height: 330px;
        width: 100%;
        margin-top: 30px;
    }

    .banner_img_events {
        height: auto;
        width: 100%;
        margin-top: 70px;
    }

    .banner_img_foodsafety {
        height: auto;
        width: 100%;
        margin-top: 50px;
    }

    .banner_img_product {
        height: auto;
        width: 100%;
        margin-top: -380px;
    }

    .banner_img_central_service {
        height: 280px;
        width: auto;
        margin-right: 30%;
        margin-top: 80px;
    }

    .banner_img_hpylori {
        height: 250px;
        width: auto;
        margin-right: 15%;
        margin-top: 125px;
    }

    .banner_img_right {
        height: 220px;
        width: auto;
        margin-left: 45%;
        margin-top: 130px;
    }

    .banner_img_laundry {
        height: 249px;
        width: auto;
        margin-left: 45%;
        margin-top: 100px;
    }
}

@media(max-width:950px) {
    .banner_img_product {
        height: auto;
        width: 100%;
        margin-top: -350px;
    }
}

@media(max-width:870px) {
    .banner_img_product {
        height: auto;
        width: 100%;
        margin-top: -300px;
    }
}

@media(max-width:720px) {
    .banner_img_foodsafety {
        height: auto;
        width: 100%;
        margin-top: 70px;
    }

    .banner_img_product {
        height: auto;
        width: 100%;
        margin-top: -240px;
    }
}

@media(max-width:680px) {
    .banner_img_product {
        height: auto;
        width: 100%;
        margin-top: -210px;
    }
}

@media(max-width: 856px) {
    .banner_img_left {
        height: 330px;
        width: auto;
        margin-right: 40%;
        margin-top: 40px;
    }

    .dialysis_img {
        height: 240px;
        width: auto;
        /*margin-right: 40%;*/
        margin-top: 70px;
    }

    .banner_img_about {
        height: 300px;
        width: 100%;
        margin-top: -20px;
    }

    .banner_img_events {
        height: auto;
        width: 100%;
        margin-top: 65px;
    }

    .banner_img_news {
        height: auto;
        width: 100%;
        margin-top: 50px;
    }

    .banner_img_central_service {
        height: 260px;
        width: auto;
        margin-right: 15%;
        margin-top: 40px;
    }

    .banner_img_hpylori {
        height: 250px;
        width: auto;
        margin-right: 5%;
        margin-top: 65px;
    }

    .banner_img_right {
        height: 200px;
        width: auto;
        margin-left: 30%;
        margin-top: 80px;
    }

    .banner_img_laundry {
        height: 240px;
        width: auto;
        margin-left: 25%;
        margin-top: 50px;
    }
}

/*#region hero_imgs_color */

.products_banner_img {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.hero_img_desktop_Dialysis:before {
    background: rgb(156,88,128);
    background: -moz-linear-gradient(-45deg, rgba(156,88,128,1) 0%, rgba(35,158,238,1) 100%);
    background: -webkit-linear-gradient(-45deg, rgba(156,88,128,1) 0%,rgba(35,158,238,1) 100%);
    background: linear-gradient(135deg, rgba(156,88,128,1) 0%,rgba(35,158,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c5880', endColorstr='#239eee',GradientType=1 );
    opacity: 0.5; /*0.9;*/
}
.hero_img_desktop_Dialysis {
   /* background: url('/image/GuardianFamilyV_resized.jpg') center center no-repeat;
    background-size: cover;*/
}

.hero_img_desktop_Hpylori:before {
    background: var(--H_pylori-color);
    background: -moz-linear-gradient(-45deg, var(--H_pylori-color) 0%, rgba(35,158,238,1) 100%);
    background: -webkit-linear-gradient(-45deg, var(--H_pylori-color) 0%,rgba(35,158,238,1) 100%);
    background: linear-gradient(135deg, var(--H_pylori-color) 0%,rgba(35,158,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--H_pylori-color)', endColorstr='#239eee',GradientType=1 );
    opacity: 0.4; /*0.9;*/
}
.hero_img_desktop_Hpylori {
    /*background: url('/image/pyloritek2.pgn') center center no-repeat;
    background-size: cover;*/
}
.hero_img_desktop_CentralService:before {
    background: var(--central_service-color);
    background: -moz-linear-gradient(-45deg, var(--central_service-color) 0%, rgba(35,158,238,1) 100%);
    background: -webkit-linear-gradient(-45deg, var(--central_service-color) 0%,rgba(35,158,238,1) 100%);
    background: linear-gradient(135deg, var(--central_service-color) 0%,rgba(35,158,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--central_service-color)', endColorstr='#239eee',GradientType=1 );
    opacity: 0.4; /*0.9;*/
}
.hero_img_desktop_CentralService {
    /*background: url('/image/PINNACLE_web_photo.png') center center no-repeat;
    background-size: cover;*/
}
.hero_img_desktop_FoodSafetySanitation:before {
    background: var(--food_safety_sanitation-color);
    background: -moz-linear-gradient(-45deg, var(--food_safety_sanitation-color) 0%, rgba(35,158,238,1) 100%);
    background: -webkit-linear-gradient(-45deg, var(--food_safety_sanitation-color) 0%,rgba(35,158,238,1) 100%);
    background: linear-gradient(135deg, var(--food_safety_sanitation-color) 0%,rgba(35,158,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--food_safety_sanitation-color)', endColorstr='#239eee',GradientType=1 );
    opacity: 0.4; /*0.9;*/
}
.hero_img_desktop_FoodSafetySanitation {
    /*background: url('/image/Monitor_Convex.png') center center no-repeat;
    background-size: cover;*/
}
.hero_img_desktop_LaundryandDisinfection:before {
    background: var(--laundry_disinfection-color);
    background: -moz-linear-gradient(-45deg, var(--laundry_disinfection-color) 0%, rgba(35,158,238,1) 100%);
    background: -webkit-linear-gradient(-45deg, var(--laundry_disinfection-color) 0%,rgba(35,158,238,1) 100%);
    background: linear-gradient(135deg, var(--laundry_disinfection-color) 0%,rgba(35,158,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--laundry_disinfection-color)', endColorstr='#239eee',GradientType=1 );
    opacity: 0.4; /*0.9;*/
}
.hero_img_desktop_LaundryandDisinfection {
    /*background: url('/images/products/Monitor Hydrogen Peroxide 0-400.jpg.png') center center no-repeat;
    background-size: cover;*/
}
.hero_img_desktop_HighLevelDisinfectants:before {
    background: var(--high_level_disinfectant-color);
    background: -moz-linear-gradient(-45deg, var(--high_level_disinfectant-color) 40%, rgba(35,158,238,1) 100%);
    background: -webkit-linear-gradient(-45deg, var(--high_level_disinfectant-color) 40%,rgba(35,158,238,1) 100%);
    background: linear-gradient(135deg, var(--high_level_disinfectant-color) 40%,rgba(35,158,238,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='var(--high_level_disinfectant-color)', endColorstr='#239eee',GradientType=1 );
    opacity: 0.4; /*0.9;*/
}
.hero_img_desktop_HighLevelDisinfectants {
    /*background: url('/image/DisentekOPAGTA.png') center center no-repeat;
    background-size: cover;*/
}


.hero_img_desktop_main_color:before {
    background: rgb(0,59,132);
    /*background: rgb(35,158,238);
        background: -moz-linear-gradient(-45deg, rgba(35,158,238,1) 0%, rgba(0,59,132,1) 49%, rgba(0,0,0,1) 100%);
        background: -webkit-linear-gradient(-45deg, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 49%,rgba(0,0,0,1) 100%);
        background: linear-gradient(135deg, rgba(35,158,238,1) 0%,rgba(0,59,132,1) 49%,rgba(0,0,0,1) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#239eee', endColorstr='#000000',GradientType=1 );
    opacity: 0.3;
}

/*#endregion */