@charset "UTF-8";

/* =============================================================== */
/*
	
CONTENTS

1. COLUMNS - 2 column, 3 column, 4 column, 5 column, 6 column, 70/30 columns, 30/70 columns
2. Responsive video
3. Bottom CTA box
4. Full width titles and sub titles
5. Video section
6. experts
7. section links
8. solution links (like section links but with grey bg and left aligned text
9. Expert CTA
10. whitepaper
11. events/webinars
12. Dark grey sub nav for bottom of page

*/


/* =============================================================== */
/* KC GIG5 fixes and mobile styles
/* =============================================================== */

                body {
            background: #fff;
            color: #000;
            font-size: 1.6rem;
            font-family: FujitsuSans,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
            line-height: 1.6;
            word-wrap: break-word;
            overflow-wrap: break-word
        }

        :lang(en) body {
            font-size: 1.8rem;
            line-height: 1.8
        }

        @media only screen and (max-width:480px) {
            :lang(en) body {
                font-size: 0.9rem;
                line-height: 1.6
            }
        }

        @media screen and (min-width: 480px) and (max-width: 767px) {
            :lang(en) body {
                font-size: 1.3rem;
                line-height: 1.6
            }
        }

        @media only screen and (min-width:1001px) {
            body {
                height: auto !important
            }
        }


        @media screen and (max-width : 480px) {
            .col_5 {
                width: 18%;
                float: left;
                margin-right: 0;
                margin-left: 1%;
            }
        }

        @media screen and (min-width: 480px) and (max-width: 767px) {
            .col_5 {
                width: 16%;
                float: left;
                padding: 0px;
                margin-right: 2%;
                margin-left: 2%;
            }

                .col_5:nth-child(4) {
                    margin-left: 2%;
                }

                .col_5:nth-child(5), .col_5:nth-child(11) {
                    margin-left: 2%;
                }
        }

        @media screen and (min-width: 768px) {
            .col_5 {
                width: 16.68%;
                float: left;
                padding: 0px;
                margin-right: 1.66%;
                margin-left: 1.66%;
            }
        }
		.customSpan {
            padding: 10px 15px;
            color: rgb(255, 255, 255);
            font-weight: 400;
            text-decoration: none;
            background-color: #d60303;
        }
        @media screen and (max-width : 480px) {
            .customSpan {
                padding: 10px 6px;
            }
        }

        @media screen and (min-width: 480px) and (max-width: 767px) {
            .customSpan {
                padding: 10px 10px;
            }
        }