/*--- LEVEL1 CONTANER ---*/
    .theflex {
        display: flex;
        flex-flow: column wrap;
        justify-content: space-between;
        align-items: stretch;

        margin: 0;
        padding: 0;
        list-style: none;
        /* background: violet;*/
    }


        /*--- LEVEL1 ITEM ---*/
        .theitem.hero,
        .theitem.block,
        .theitem.footer {
            display: flex;

            width: 100%;
            margin: 0px 0px 10px 0px;
            padding: 0px;
        }

        .theitem.footer {
            display: flex;

            width: 100%;
            margin: 0px;
            padding: 0px;
        }

        /*--- HEADER ---*/
        .header {
            top: -.3px;
            position: sticky;
            display: flex;

            width: 100%;
            /* min-height: 66px;*/
            height: var(--header-height);
            margin: 0px;
            padding: 0px;
            z-index: 9999999999999999999999;
            background: #fff;
            background: #0a0a0a;

            background: url('../images/dot.png') repeat top left, linear-gradient(45deg, #143042, #42a6e6);
            opacity: 1;
        }
            .theader {
                display: flex;
                flex-flow: row nowrap;
                justify-content: space-between;

                width: 100%;
                margin: 0px;
                padding: 0px;
                list-style: none;
                xbackground-color: var(--header-bgcolor);
            }
                .iheader {
                    display: flex;
                    flex-flow: row nowrap;
                    justify-content: space-between;

                    margin: 0px;
                    padding: 0px;
                    xbackground-color: var(--header-bgcolor);
                }
                    .left {
                        flex: .14 0 0;
                    }
                    .logo {
                        flex: 1 .5 0;
                        z-index: 99999999;
                        xbackground-color: var(--header-bgcolor);
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: left;
                        background-image: url("../images/iclogo02.png");

                        align-self: center;
                        height: 80%;
                    }

                    .menu {
                        flex: .75 .01 0;
                        margin: 18px 0 15px 0;
                        padding: 0;
                    }
                    .right {
                        flex: .14 0 0;
                        flex-flow: row nowrap;
                        justify-content: left;
                        align-items: center;
                    }

        /*--- HERO ---*/
        .herohalf {
            min-height: calc(50vh);
            background: #ddd;
            z-index: 1;
        }
        .hero {
            min-height: calc(100vh - var(--header-height));
            background: #ddd;
        }
            .thero {
                display: flex;
                flex-flow: row wrap;
                justify-content: space-between;

                margin: 0px;
                padding: 2rem 0 3rem 0;
                list-style: none;
            }
                .ihero {
                    display: flex;
                    justify-content: center;

                    width: 100%;
                    margin: 0px;
                    padding: 0px;
                }
                    .ihero.aside { flex: .2 0 0 ; }
                    .ihero.content {
                        flex: 2 0 0;
                        flex-direction: column;
                    }
                    .ihero.content div {
                        width: 100%;
                        padding: 10px;
                        align-self: center;
                    }


        /*--- BLOCK - 2COLS ---*/
        .block {
            /* background: var(--gray4); */
            z-index: 1;
        }
            .tblock {
                display: flex;
                flex-flow: row wrap;
                justify-content: space-between;

                flex: 1 0 0;
                margin: 0px;
                padding: 0px;
                list-style: none;
            }
                .iblock {
                    display: flex;
                    flex-flow: column wrap;

                    width: 100%;
                    max-height: auto;
                    overflow: auto;
                    justify-content: space-between;
                }

                    .iblock.aside { flex: .2 0 0 ; }
                    .iblock.content {
                        flex: 2 1 0;
                        flex-flow: row wrap;
                        align-self: flex-start;
                    }
                    .iblock.content > div {
                        flex: 1 1 0;
                        flex-direction: column wrap;

                        margin: .25rem;
                        padding: 2rem;
                        overflow:hidden;
                     }
                    .iblock.content > div > div {
                        display: inline-block;
                        text-align: center;
                        vertical-align: middle;
                        padding: 0rem;
                        margin: .1rem;
                    }



        /*--- FOOTER ---*/
        .footer {
            min-height: auto;
            background: var(--black0);
        }
            .tfooter {
                display: flex;
                flex: 1 0 0;
                flex-flow: row wrap;
                justify-content: space-between;

                margin: 0px;
                padding: 0px;
                list-style: none;
            }
                .ifooter {
                    display: flex;
                    flex-flow: column wrap;

                    width: 100%;
                    max-height: auto;
                    overflow: auto;
                    align-content: flex-start;
                }

                    .ifooter.aside { flex: .2 0 0 ; }
                    .ifooter.content {
                        flex: 2 0 0;
                        flex-flow: row wrap;
                        align-self: flex-start;

                        margin: 0;
                    }
                    .ifooter.content div {
                        flex: 2 1 0;
                        flex-direction: row wrap;
                        align-items: stretch;

                        margin: .25rem;
                        padding: 0rem;
                    }



                    .ihero.content,
                    .iblock.content,
                    .ifooter.content {
                      max-width: 1200px;
                    }


        /*--- DIV SECTION TITLE ---*/
        .iblock.content.section > div {
            margin-top: 50px;
            margin-bottom: 0px;
            padding: 0 0 20px 0;
            xborder-bottom: 1px dashed var(--gray4);
            xborder-bottom: 2px dashed #efefef;
            xborder: 1px solid rgba(0,0,0, .2);
        }
        /*--- TYPOGRAPHY ---*/
        li#services .iblock.content.section > div > h6,
        li#aboutus .iblock.content.section > div > h6,
        li#partnerevents .iblock.content.section > div > h6,
        li#strategichighlights .iblock.content.section > div > h6,
        li#contactus .iblock.content.section > div > h6
        {
            color: var(--IC-bluegray2);
            font-size: 44px;
            font-family: var(--saithin);
            line-height: .8;
            letter-spacing: .1em;
            text-transform: uppercase;
            margin-left: 0;
            padding-left: 15px;
            border-left: 2px solid var(--IC-blue);
        }

        /* @media only screen and (min-width: 992px) {
            li#services .iblock.content.section > div > h6,
            li#aboutus .iblock.content.section > div > h6,
            li#contactus .iblock.content.section > div > h6
            { font-size: 28px; }
        }
        @media only screen and (min-width: 1280px) {
            li#services .iblock.content.section > div > h6,
            li#aboutus .iblock.content.section > div > h6,
            li#contactus .iblock.content.section > div > h6
            { font-size: 28px; }
        }
        @media only screen and (min-width: 1440px) {
            li#services .iblock.content.section > div > h6,
            li#aboutus .iblock.content.section > div > h6,
            li#contactus .iblock.content.section > div > h6
            { font-size: 30px; }
        } */

        @media only screen and (max-width: 991px) {}
        @media only screen and (max-width: 768px) {
          .iblock.content.section > div {
              padding: 0;
              margin-top: 0px;
              margin-bottom: 0px;
            }
            li#services .iblock.content.section > div > h6,
            li#aboutus .iblock.content.section > div > h6,
            li#partnerevents .iblock.content.section > div > h6,
            li#strategichighlights .iblock.content.section > div > h6,
            li#contactus .iblock.content.section > div > h6
            { font-size: 34px; }
        }
        @media only screen and (max-width: 479px) {
          li#services .iblock.content.section > div > h6,
          li#aboutus .iblock.content.section > div > h6,
          li#partnerevents .iblock.content.section > div > h6,
          li#strategichighlights .iblock.content.section > div > h6,
          li#contactus .iblock.content.section > div > h6
            { font-size: 30px; }
        }
        @media only screen and (max-width: 375px) {
          li#aboutus .iblock.content.section > div > h6,
          li#contactus .iblock.content.section > div > h6
            { font-size: 30px; }
          li#services .iblock.content.section > div > h6,
          li#partnerevents .iblock.content.section > div > h6,
          li#strategichighlights .iblock.content.section > div > h6
            { font-size: 26px; }
        }