* {
                            margin: 0;
                            padding: 0;
                            box-sizing: border-box;
                            color: #4B5763;
                            color: #000;
                            color: #0750A6;
                            line-height: 1.5;
                            font-family: 'Lato';
                            font-size: 1.15rem;
                        }
                        
                        table {
                            border-collapse: collapse;
                            border-spacing: 0;
                        }
                        
                        p {
                            margin-bottom: 20px;
                        }
                        
                        .main {
                            box-sizing: border-box;
                            width: 90%;
                            margin: 0 auto;
                        }
                        
                        div {
                            box-sizing: border-box;
                            pborder: 1px solid gray;
                        }
                        
                        body {
                            background: linear-gradient(0deg, rgb(14, 72, 113), rgba(37, 56, 125, 1) 50%);
                            background: linear-gradient(0deg, rgba(37, 56, 125, 1), rgba(29, 124, 190, 1) 50%);
                        }
                        
                        .container {
                            min-height: 100dvh;
                            width: 100vw;
                            background-color: #fff;
                            max-width: 1000px;
                            margin: 0 auto;
                            padding: 0 20px;
                            display: grid;
                            grid-template-columns: 1fr 3fr;
                            grid-template-rows: auto auto 1fr auto;
                            align-content: center;
                            justify-content: space-around;
                            gap: 10px 20px;
                            box-shadow: rgba(24, 56, 109, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
                            font-weight: 500;
                            border-left: 8px double #EEEB2C;
                            border-right: 10px double #1D7CBE;
                        }
                        /* heading and contact: phone and email */
                        
                        .e-mail:before {
                            content: attr(data-website) "\0040" attr(data-user);
                            unicode-bidi: bidi-override;
                            direction: rtl;
                            font-family: Kelvinch;
                        }
                        
                        span.rev {
                            unicode-bidi: bidi-override;
                            direction: rtl;
                            font-family: Kelvinch;
                            font-size: 1rem;
                        }
                        
                        span.rev.bli:before {
                            content: "BN 3483"
                        }
                        
                        span.rev.bli:after {
                            content: " 605"
                        }
                        
                        .one-phone {
                            grid-column: 1/5;
                            grid-row: 1/2;
                            max-width: 100%;
                        }
                        
                        .one-phone h3 {
                            text-align: center;
                            margin-right: 20px;
                            line-height: 1.2rem;
                            font-weight: 600;
                            font-family: Kelvinch;
                            color: #4B5763;
                            color: #1D7CBE;
                            color: #215B9E;
                            padding: 30px 30px 0 0;
                            font-size: 1.8rem;
                            display: none;
                        }
                        
                        .one-phone-text {
                            line-height: 1.2rem;
                            font-weight: 600;
                            font-family: Kelvinch;
                            color: #4B5763;
                        }
                        
                        .two-logo {
                            grid-column: 4/5;
                            grid-row: 2/3;
                            /* background-color: #b4dcff; */
                            padding: 20px;
                        }
                        
                        .two-logo h3 {
                            margin: 0;
                            line-height: 1.2rem;
                            font-weight: 600;
                            font-family: Kelvinch;
                            color: #215B9E;
                            font-size: 1.8rem;
                            margin: 20px 0;
                        }
                        
                        .two-logo img {
                            max-width: 200px;
                        }
                        
                        .three-slider {
                            grid-column: 1/4;
                            grid-row: 2/3;
                            width: 100%;
                            margin-top: 40px;
                        }
                        
                        .three-slider img {
                            width: 100%;
                            max-height: 100%;
                        }
                        
                        .three-slider .pictureonly {
                            display: none;
                        }
                        /************ slide css on home page****************/
                        
                        .main {
                            position: relative;
                        }
                        
                        #sliderb_container {
                            position: relative;
                            width: 800px;
                            height: 400px;
                            overflow: hidden;
                            box-sizing: border-box;
                            margin: 0;
                            padding: 0;
                            border: 4px solid #BF9510;
                        }
                        
                        .slides {
                            cursor: move;
                            position: absolute;
                            left: 0px;
                            top: 0px;
                            width: 800px;
                            height: 400px;
                            overflow: auto;
                        }
                        
                        .loadingslide {
                            position: absolute;
                            top: 0px;
                            left: 0px;
                        }
                        
                        .loadingslide2 {
                            filter: alpha(opacity=70);
                            opacity: 0.7;
                            position: absolute;
                            display: block;
                            background-color: #0869BD;
                            background-color: red;
                            top: 0px;
                            left: 0px;
                            width: 100%;
                            height: 100%;
                        }
                        
                        .loadingslide3 {
                            display: none;
                            position: absolute;
                            display: block;
                            background: url(../img/loading.gif) no-repeat center center;
                            top: 0px;
                            left: 0px;
                            width: 100%;
                            height: 100%;
                        }
                        
                        .jssora05l,
                        .jssora05r {
                            display: block;
                            position: absolute;
                            width: 40px;
                            height: 40px;
                            cursor: pointer;
                            background: url(../img/a17.png) no-repeat;
                            overflow: hidden;
                        }
                        
                        .jssora05l {
                            background-position: -10px -40px;
                        }
                        
                        .jssora05r {
                            background-position: -70px -40px;
                        }
                        
                        .jssora05l:hover {
                            background-position: -130px -40px;
                        }
                        
                        .jssora05r:hover {
                            background-position: -190px -40px;
                        }
                        
                        .pjssora05l.pjssora05ldn {
                            background-position: -250px -40px;
                        }
                        
                        .pjssora05r.pjssora05rdn {
                            background-position: -310px -40px;
                        }
                        
                        .jssora05l {
                            top: 170px;
                            left: 30px;
                        }
                        
                        .jssora05r {
                            top: 170px;
                            right: 30px;
                        }
                        /* hide navigation bar under slide show - shows when no js  home page***/
                        
                        .mapbox {
                            box-sizing: border-box;
                            position: absolute;
                            top: -6px;
                            left: 30px;
                            width: 50px;
                            height: 1px;
                            overflow: hidden;
                            border-top: 2px solid #fff;
                            background-color: #fff;
                        }
                        
                        .hide {
                            display: none;
                        }
                        /*---------------------*/
                        
                        .pictureonly {
                            display: none;
                            height: 0;
                            width: 0;
                        }
                        
                        .four-nav {
                            grid-column: 4/5;
                            grid-row: 3/4;
                            /* background-color: #cafaff; */
                        }
                        
                        .menudiv h2 {
                            display: block;
                            padding: 10px 20px 10px 50px;
                            font-weight: bold;
                            font-size: 1.3rem;
                            line-height: 1.7rem;
                            color: #095197;
                            color: #2B74BB;
                            font-family: "Kelvinch";
                        }
                        
                        .four-nav .nav {
                            display: block;
                            padding: 10px 20px 10px 50px;
                            font-family: Kelvinch;
                            text-decoration: none;
                            color: #4B5763;
                            color: #A68007;
                            font-weight: 600;
                            text-align: left;
                            font-size: 1.3rem;
                        }
                        
                        .five-content {
                            grid-column: 1/4;
                            grid-row: 3/4;
                            margin: 0;
                        }
                        /* title for each content box */
                        
                        .inner-text-box {
                            padding-left: 30px;
                            padding-right: 20px;
                        }
                        
                        .inner-text-box h1 {
                            font-family: Kelvinch;
                            text-align: center;
                            color: #2B74BB;
                            color: #1D7CBE;
                            color: #2B74BB;
                            color: #215B9E;
                            line-height: 2rem;
                            font-size: 1.6rem;
                            margin: 10px;
                        }
                        
                        .five-content h1.home-bl {
                            font-family: Kelvinch;
                            text-align: center;
                            color: #2B74BB;
                            line-height: 2rem;
                            font-size: 1.3rem;
                            padding-top: 10px;
                        }
                        
                        .five-content .homebox {
                            text-align: left;
                            line-height: 2rem;
                            margin-top: 30px;
                        }
                        
                        .five-content img.aboutimg {
                            width: 100%;
                        }
                        /* list items for service page */
                        
                        ul {
                            padding: 20px 0 0 40px;
                        }
                        
                        li {
                            padding: 4px;
                            line-height: 2rem;
                        }
                        /* for contact page */
                        
                        table {
                            width: 100%;
                            margin: 0 auto;
                        }
                        
                        table {
                            border-collapse: collapse;
                            border: none;
                            border-bottom: none;
                        }
                        
                        td,
                        th {
                            border-collapse: collapse;
                            border: none;
                            border-bottom: none;
                        }
                        
                        #id02 {
                            display: none;
                        }
                        
                        input {
                            height: 2rem;
                        }
                        
                        input,
                        placeholder {
                            color: rgba(0, 0, 0, 0.7);
                            font-size: 1rem;
                            font-weight: 500;
                        }
                        
                        input,
                        textarea {
                            width: 100%;
                            padding: 4px;
                            font-size: 1rem;
                            color: rgba(0, 0, 0, 0.7);
                        }
                        
                        td.form-group button.btn {
                            background-color: #fff;
                            border: #bcbdbd 2px solid;
                            border-radius: 5px;
                            padding: 0 4px;
                            margin: 0;
                            font-size: 1rem;
                        }
                        
                        #respond-confirm {
                            padding: 0 30px 20px 30px;
                            text-align: center;
                        }
                        
                        .response h4 {}
                        
                        p.respond-confirm,
                        p.respond-message {
                            padding-bottom: 10px;
                            color: #2B74BB;
                        }
                        
                        .respond-message {
                            font-weight: bold;
                        }
                        
                        .error {
                            color: red;
                            padding-top: 10px;
                            text-align: center;
                        }
                        /* 'designed by' box */
                        
                        .six-credit {
                            grid-column: 4/5;
                            grid-row: 4/5;
                            text-align: left;
                            font-size: 0.9rem;
                            padding-left: 4px;
                            line-height: 1.3rem;
                            margin-bottom: 8px;
                        }
                        
                        .six-credit a {
                            font-size: 0.9rem;
                            line-height: 1.3rem;
                            color: gray;
                        }
                        
                        .designedby {
                            display: block;
                            font-size: .9rem;
                            color: gray;
                        }
                        /* footer */
                        
                        .seven-footer {
                            grid-column: 1/4;
                            grid-row: 4/5;
                            text-align: center;
                            color: #4B5763;
                            font-family: Kelvinch;
                            font-weight: bold;
                        }
                        /* individual styles */
                        
                        @media only screen and (max-width: 800px) {
                            * {}
                            .container {
                                width: 100%;
                                font-size: 1rem;
                                grid-template-columns: 1fr 1fr auto;
                                grid-template-rows: auto auto auto 1fr auto auto;
                                gap: 0;
                                padding: 10px;
                            }
                            .one-phone {}
                            .one-phone h3 {
                                display: block;
                                text-align: center;
                                margin: 100px 0 0 180px;
                            }
                            .two-logo {
                                grid-column: 1/3;
                                grid-row: 1/2;
                            }
                            .two-logo img {
                                width: 100%;
                                max-width: 200px;
                                margin-left: 50px;
                                margin-right: 10px;
                            }
                            .two-logo h3 {
                                display: none;
                            }
                            .three-slider {
                                grid-column: 1/3;
                                grid-row: 2/3;
                                margin: 0 auto;
                                width: 100%;
                            }
                            .main {
                                box-sizing: border-box;
                                width: 90%;
                                margin: 0 auto;
                            }
                            .main img {
                                width: 100%;
                                height: auto;
                            }
                            .three-slider .pictureonly {
                                display: none;
                                height: 0;
                                width: 0;
                            }
                            .four-nav {
                                grid-column: 1/3;
                                grid-row: 3/4;
                            }
                            .menudiv {
                                display: none;
                                height: 0;
                            }
                            .menubox {
                                display: flex;
                                flex-wrap: wrap;
                                justify-content: center;
                                margin: 10px 0 0 20px;
                            }
                            .four-nav .nav {
                                padding: 6px;
                                margin: 0 10px;
                                border: 0;
                            }
                            .five-content {
                                grid-column: 1/3;
                                grid-row: 4/5;
                                border: 0;
                            }
                            .inner-text-box {
                                width: 94%;
                                margin: 0 auto;
                                padding-left: 10px;
                                padding-right: 10px;
                                padding-bottom: 10px;
                            }
                            .six-credit {
                                grid-column: 1/3;
                                grid-row: 6/7;
                                font-size: 0.9rem;
                                text-align: right;
                                padding-right: 20px;
                                margin-bottom: 20px;
                            }
                            .six-credit a {
                                font-size: 0.8rem;
                            }
                            .designedby {
                                display: inline-block;
                                font-size: .8rem;
                            }
                            .seven-footer {
                                grid-column: 1/3;
                                grid-row: 5/6;
                            }
                        }
                        
                        @media only screen and (max-width: 600px) {
                            * {}
                            .container {
                                width: 100%;
                                margin: 0 auto;
                                grid-template-columns: 1fr;
                                grid-template-rows: auto auto auto 1fr auto auto;
                                gap: 10px 0;
                                padding: 0;
                            }
                            .one-phone {
                                display: block;
                                grid-column: 1/2;
                                grid-row: 2/3;
                                width: 100%;
                            }
                            .one-phone h3 {
                                display: block;
                                text-align: center;
                                padding: 0;
                                margin: 0 auto;
                                padding-bottom: 10px;
                            }
                            .two-logo {
                                grid-column: 1/2;
                                grid-row: 1/2;
                                padding: 0;
                                margin: 0 auto
                            }
                            .two-logo h3 {
                                display: none;
                            }
                            two-logo img {
                                width: 90%;
                                padding: 0;
                                border-left: 10px solid #ffffff;
                                border-right: 10px solid #ffffff;
                            }
                            /*    .three-slider {
                                grid-column: 1/2;
                                grid-row: 3/4;
                            
                            }
                            */
                            .three-slider {
                                grid-row: 3/4;
                            }
                            /*        
    .three-slider .pictureonly {
        display: block;
        width: 94%;
        height: auto;
        margin: 0 auto;
        padding: 0;
        pbackground-color:red;
        ppadding:4px;

    }
    .pictureonly img {
        width: 100%;
        margin-bottom: 0;
        padding-bottom: 0;
        border:4px solid #BF9510;
    }
*/
                            /* .main {
                                display: none;
                                height: 0;
                            }*/
                            .three-slider .pictureonly {
                                display: none;
                                width: 94%;
                                height: auto;
                                margin: 0 auto;
                                padding: 0;
                                pbackground-color: red;
                                ppadding: 4px;
                            }
                            .pictureonly img {
                                display: none;
                                width: 100%;
                                margin-bottom: 0;
                                padding-bottom: 0;
                                border: 4px solid #BF9510;
                            }
                            .four-nav {
                                grid-column: 1/2;
                                grid-row: 4/5;
                            }
                            .menudiv {
                                display: none;
                                height: 0;
                            }
                            .menubox {
                                display: flex;
                                flex-wrap: wrap;
                                justify-content: center;
                                margin: 0;
                            }
                            .four-nav .nav {
                                padding: 6px;
                                margin: 0 10px;
                                margin: 0;
                                border: 0;
                            }
                            .five-content {
                                grid-column: 1/2;
                                grid-row: 5/6;
                                border: 0;
                                margin: 0 auto;
                                width: 90%;
                            }
                            .five-content .homebox {
                                margin-top: 20px;
                            }
                            .inner-text-box {
                                padding-left: 0;
                                padding-right: 0;
                                padding-bottom: 10px;
                            }
                            .six-credit {
                                grid-column: 1/2;
                                grid-row: 7/8;
                                font-size: 0.9rem;
                                text-align: right;
                                margin-bottom: 10px;
                                padding-right: 20px;
                            }
                            .six-credit a {
                                font-size: 0.9rem;
                            }
                            .seven-footer {
                                grid-column: 1/2;
                                grid-row: 6/7;
                            }
                        }
                        table.product-table {
                           border:4px solid lightgray;
                           margin-bottom:20px;
                     
                        }
                        td.product-table {
                            padding:6px;
                            margin-bottom:10px;
                           
                            vertical-align: middle;
                        }
                        td.product-table img {
                                   display: block;
                                      margin-left: auto;
                                         margin-right: auto;
                        }
                        .products h4 {
                            padding-left:20px;
                        }
                        .products ul li
                        {
                            font-size:1rem;
                            color:#000;
                            font-weight:500;
                            line-height:1.2rem;
                        }
                     a.product-link
                        {
                            font-size:1rem;
                            color:#000;
                            font-weight:500;
                            line-height:1.2rem;
                        }
                        div.sub-menu {
                            margin-bottom:20px;
                        }
                        .sub-menu a {
                            background-color: none;
                            color: #83650b;
                            display: block;
                         
                            text-decoration: none;
                        }

                        .sub-menu a:hover {
                        
                        color:#0b324b;
                        }
                        .s-kit p {
                            font-size:1rem;
                            line-height: 1.2rem;
                            margin-bottom:0.8rem;
                        }
                        .s-kit p u {
                            font-size:1rem;
                        }
                        div.s-kit {
                            margin:10px;
                            margin-left:20px;
                        }
                        .center {
                            text-align: center;
                        }
                        .product-title {
                            color: #83650b;
                            text-align: center;
                        }