/* index menu button add-on */
/*.ccmsfe .mid .content-nav-small .smallMenuButton{ color:black; display:none; }*/
.fe-row{
    padding: 2% 5%;
    margin: 0 auto !important;
}

.fe-col{
    /*background-color: #511a37;*/
    font-weight: bold;
    border: 10px solid white;
    padding: 0;
}

.cp-button {
    background-color: #5b6472;
    cursor: pointer;
    padding: 65px 30px 60px 30px;
    height: 200px;
    display: block;
    /*margin-top: 20px;
    opacity: 0.9;    
    border-radius: 15px;*/
}

.cp-button:hover{
    background-color: #A6ACAF;
}

    .cp-button img {
        width: 65px;
        height: 70px;
    }

    .cp-button span {
        color: white;
        font-size: 20px;
    }






/*** Mid ***/
.ccmsfe .mid {
    /*background-image: url('../image/background.JPG');*/
    /*background-image: url('../image/WX8C9149-FOOD.png');
    background-repeat: no-repeat;
    background-size: cover;*/
    border-bottom: 0px solid #F5F5F5;
    position: relative;
    /*background-color: #EAEAE9;*/
    /*min-height: 510px;*/
}

/*** Background image ***/
.ccmsfe .mid .image{
    width:100%;
}

.ccmsfe .mid .wrapper{
    
}

.ccmsfe .mid #back-image{
    width:100%;
    /*height:630px;*/
}

    /*** Content Nav ***/
    .ccmsfe .mid .content-nav {
        /*display: table;*/
        width: 100%;
        /*height: 100%;*/
        /*position: absolute;*/
        bottom: 0; 
        opacity: 0.9;
    }

        .ccmsfe .mid .content-nav .wp-row {
            /*display: table-cell;*/
            height: 100%;
            vertical-align: middle;
            float: left;
        }

            .ccmsfe .mid .content-nav .wp-row .wrapper {
                display: table;
                width: 100%;
                height: 100%;  
            }

            .ccmsfe .mid .content-nav .wp-row .wp-col {
                /*display: table-cell; */
                /* vertical-align: middle; */
                /*width: 31%;*/
                background-color: #747577;
                height: 100%;
                transition: all 0.4s ease-out;
                font-weight: bold;
                box-shadow: 0 0 5px black;
                margin: 10px;
            }

                /*.ccmsfe .mid .content-nav .wp-row .wp-col.even {
                    background-color: #511a37;
                    border-left: 1px solid white;
                    border-right: 1px solid white;
                }*/

                .ccmsfe .mid .content-nav .wp-row .wp-col:hover {
                    /*background-color: #860a5a;*/
                    text-decoration: none;        
                }
                .ccmsfe .mid .content-nav .wp-row .wp-col a span{
                    -webkit-transition: 0.6s;
                    -moz-transition: 0.6s;
                    -o-transition: 0.6s;
                    transition: 0.6s;
                    -webkit-transition-delay: 0.2s;
                    -moz-transition-delay: 0.2s;
                    -o-transition-delay: 0.2s;
                    transition-delay: 0.2s;
                }



                .ccmsfe .mid .content-nav .wp-row .wp-col a {
                    text-align: center;
                    color: #000000;
                    padding: 50px 0;
                    display: block;
                }

                .ccmsfe .mid .content-nav .wp-row .wp-col:hover a {
                    text-decoration: none;
                    color: #FFFFFF;
                }

                .ccmsfe .mid .content-nav .wp-row .wp-col a .icon {
                    display: block;
                    height: 60px;
                    background-repeat: no-repeat;
                    background-size: 50px auto;
                    background-position: center;
                }




                .ccmsfe .mid .content-nav .wp-row .wp-col-sub {
                    display: table-cell;
                    vertical-align: middle;
                    width: 16.66%;
                    background-color: #747577;                
                    height: 100%;
                    /*transition: all 0.4s ease-out;*/
                    font-weight: bold;
                    text-align: center;
                    visibility: hidden;
                }
                .ccmsfe .mid .content-nav .wp-row .wp-row-sub-each {
                    padding:10px;
                    box-shadow: 0 0 2px black;    
                }
                .ccmsfe .mid .content-nav .wp-row .wp-row-sub-each:hover {
                    /*background-color: #860a5a;*/
                    text-decoration: none;        
                }
               

/*** Content Nav ul li ***/
/* for landing page css*/
.ccmsfe .mid .content-nav-ul{
    display:table;
    color:white; 
    width:100%; 
    position: absolute; 
    top:0; 
    background-color: #747577; 
    /*opacity: 0.9;*/ 
    padding: 0; 
    margin: 0
}
    .ccmsfe .mid .content-nav-ul-li {
        display: table-cell;
        vertical-align: middle;
        background-color: #747577;                
        height: 78px;
        transition: all 0.4s ease-out;
        font-weight: bold;
        box-shadow: 0 0 5px black;
        text-align: center;
        width: 16.66%;
    }
    .ccmsfe .mid .content-nav-ul-li a{
        display: block;
        width: 100%;
        height: 100%;
        padding: 0 7px;
        padding-top: 28px;
        padding-bottom: 25px;
        text-decoration:none;
        color: white;
    }
       
    .ccmsfe .mid .content-nav-ul-li:hover {
        /*background-color: #860a5a;*/
        text-decoration: none;
    }
        .ccmsfe .mid .content-nav-ul-li:hover ul {
            /*display:block;*/
        }
    .ccmsfe .mid .content-nav-ul-li ul {
        background-color: #747577;
        position:absolute; 
        /*top:78px;*/ 
        list-style:none; 
        width: 16.5%;/*253px;*/ 
        min-width: 252px;
        padding:0;
        display:none;
    }
    .ccmsfe .mid .content-nav-ul-li ul li {
        transition: all 0.4s ease-out;
        font-weight: normal;
        box-shadow: 0 0 3px black;
        height: 55px;
        /*text-align: center;*/
        padding-left: 5%;
    }
    .ccmsfe .mid .content-nav-ul-li ul li a{
        display: block;
        width: 100%;
        height: 100%;
        padding: 1em;
        text-decoration:none;
    }

    .ccmsfe .mid .content-nav-ul-li ul li:hover {        
        /*background-color: #860a5a;*/
        text-decoration: none;
    }
     
    /*for all application page*/   
    .ccmsfe .content-nav-ul{
    display:table;
    color:white; 
    width:100%; 
    /*position: absolute;*/ 
    /*background-color: #511a37;*/ 
    /*opacity: 0.9;*/ 
    padding: 0; 
    margin: 0
}
    .ccmsfe .content-nav-ul-li {
        display: table-cell;
        vertical-align: middle;
        /*background-color: #747577;*/                
        height: 78px;
        transition: all 0.4s ease-out;
        font-weight: bold;
        box-shadow: 0 0 3px black;
        text-align: center;
        width: 16.66%;
    }
    .ccmsfe .content-nav-ul-li a{
        display: block;
        width: 100%;
        height: 100%;
        padding: 0 7px;
        padding-top: 28px;
        padding-bottom: 25px;
        text-decoration:none;
        color: white;
    }
       
    .ccmsfe .content-nav-ul-li:hover {
        background-color: #A6ACAF;
        text-decoration: none;
    }
        .ccmsfe .content-nav-ul-li:hover ul {
            display:block;
        }
    .ccmsfe .content-nav-ul-li ul {
        background-color: #5b6472;
        position: absolute;
        /* top: 0; */
        list-style: none;
        width: 16.66%;
        padding: 0;
        display: none;
        z-index: 1;
        min-width: 253px;
    }
    .ccmsfe .content-nav-ul-li ul li {
        transition: all 0.4s ease-out;
        font-weight: normal;
        box-shadow: 0 0 3px black;
        /*height: 100%;*/
        text-align: left;
        padding-left: 10px;
    }
    .ccmsfe .content-nav-ul-li ul li a{
        display: block;
        width: 100%;
        height: 100%;
        padding: 1em;
        text-decoration:none;
    }
    .ccmsfe .content-nav-ul-li ul li:hover {        
        background-color: #A6ACAF;
        text-decoration: none;
    }


                    

    /*** info area, added by: Jeremy ***/
    /*.ccmsfe .mid .info{font-size:0; color:#fff;background-color:rgb(31, 74, 126);background-image:url(../image/info-table-sep.jpg);background-repeat:repeat-x;background-position:20%;}*/
    .ccmsfe .mid .info {
        font-size: 0;
        color: #fff;
        background-color: rgb(31, 74, 126);
        background-repeat: repeat-x;
    }

        .ccmsfe .mid .info .info-sides {
            width: 15%;
            display: inline-block;
            font-size: 13px;
            vertical-align: top;
        }

            .ccmsfe .mid .info .info-sides h6 {
                padding: 20px 2.5%;
                margin: 0;
                line-height: 100%;
                text-align: center;
                color: #fff;
                font-family: "Arial", sans-serif;
                font-weight: 600;
                font-size: 123.07%;
            }

        .ccmsfe .mid .info .info-wrap {
            width: 70%;
            display: inline-block;
            font-size: 13px;
            vertical-align: top;
        }

        .ccmsfe .mid .info .info-table {
            width: 100%;
            max-width: 780px;
            margin: auto;
        }

            .ccmsfe .mid .info .info-table tr {
                font-size: 123.07%;
            }

                .ccmsfe .mid .info .info-table tr th {
                    font-weight: 600;
                    border-bottom: solid 1px white;
                }

                .ccmsfe .mid .info .info-table tr td,
                .ccmsfe .mid .info .info-table tr th {
                    padding: 20px 2.5%;
                    vertical-align: top;
                }

    /* alphawave add-on */

    .ccmsfe .mid .annoucement {
        display: block;
        background-color: #1F4A7E;
        color: white;
        width: 100%;
        padding: 15px;
    }

        .ccmsfe .mid .annoucement button {
            color: white;
            margin-top: -4px;
        }











        .table{
  display: table;
  width:100%;
  border-collapse:collapse;
}
  .table-row{
    display: table-row;
  }
    .table-cell, .table-head{
      display: table-cell;
      padding:1em;
      border:#f0f0f0 1px solid;
    }
    .table-head{
        font-weight:bold;
    }



    


/*** Content Menu Bar ***/
    .ccmsfe .mid .content-menu-bar {
        background-color:#747577;
        width: 100%;
        bottom: 0; 
        opacity: 0.90;
    }

.ccmsfe .mid .content-menu-ul {
    list-style:none;
    padding:0;
    margin:0;
    display:table;
    color:white; 
    width:100%;     
    height: 65px;
}
.ccmsfe .mid .content-menu-ul-li {
    display: table-cell;
    vertical-align: middle;
    background-color: #747577;   
    transition: all 0.2s ease-out;
    box-shadow: 0 0 5px black;
    text-align: center;
    width: 16.66%;
}
.ccmsfe .mid .content-menu-ul-li a{
    padding: 20px;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 100%;
    font-size: 13px;
    color: white;
}
.ccmsfe .mid .content-menu-ul-li:hover {
    /*background-color: #860a5a;*/
    text-decoration: none;
}
    .ccmsfe .mid .content-menu-ul-li:hover ul {
        display:block;
    }
    .ccmsfe .mid .content-menu-ul-li ul {
        background-color: #747577;
        position:absolute; 
        list-style:none; 
        width: 253px; 
        padding:0;
        display:none;
    }
    .ccmsfe .mid .content-menu-ul-li ul li {
        transition: all 0.4s ease-out;
        font-weight: normal;
        box-shadow: 0 0 3px black;
        height: 55px;
        padding-top: 15px;
        text-align: left;
        padding-left: 20px;
    }
        .ccmsfe .mid .content-menu-ul-li ul li a {
            display: inline;
        }
    .ccmsfe .mid .content-menu-ul-li ul li:hover {        
        /*background-color: #860a5a;*/
        text-decoration: none;
    }