html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
            margin: 0;	
            padding: 0;	
            border: 0;	
            font-size: 100%;	
            font: inherit;	
            vertical-align: baseline;
        }

        /* HTML5 display-role reset for older browsers */
        article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {	
            display: block;
        }

        body {	
            line-height: 1;
        }

        ol, ul {	
            /*list-style: none;*/
        }

        blockquote, q {	
            quotes: none;
        }

        blockquote:before, blockquote:after,q:before, q:after {	
            content: '';	
            content: none;
        }

        table {	
            border-collapse: collapse;	
            border-spacing: 0;
        }
        
        
        header{
             /*position: absolute;*/
             z-index: 5;
            font-size: 18px;
            line-height: 480px;
            height: 68px; 
            width: 100%;
            background: #080808;
            text-align: left;
            font-family: 'PT Sans', sans-serif;
            padding-left: 20px;
            padding-top: 10px;
            /*color: #fff;*/
            /*opacity: 0.7;   */
        }

        header a{ 
            color:#fff;
            opacity: 0.5;
            /*background: #fff;*/
        }

        .current_page{ 
            color:#fff;
            opacity: 1;
            /*background: #fff;*/
        }
       /* *{margin:0;padding:0;}*/

        .bss-slides h1, h2, h3{   
            font-family: 'Open Sans Condensed', sans-serif;
            font-weight: 700; 
            margin: .8em 0 .2em 0;
            width:80%;
        }    
        h1{   
         margin: .2em .5em;
         display: inline-block;       
        }
        header p{
         display: inline-block; 
         font-size: .9em;    
        }
        .content{
            margin: 1em 2em;    
        }
        .content ul, .content ol{
            margin: .8em 1em .8em 2em;   
        }
        span.code{
            font-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace;   
            color: #999;
        }
        .gist{
            margin: 1em 1em 2em 2em;
        }
        ol .gist{
            margin: 1em 0 2em 0;
        }
        a{ 
            color:#fff;
            /*opacity: 0.5;*/
        }
        .num2{
            width: 85%;
            margin: 2em auto;
        }
        footer{
            color: #fff;
            font-size: .8em;
            background: #333;;
            padding: 1.5em 8% 1% 8%;
            margin-top: 5em;
        }
        footer span{
            font-size: 1.3em;
            color: #fff;
        }
        @media screen and (max-width: 830px){
            h1{
             font-size: 1.3em;   
            }
            .desc{
                display: none;   
            }
        }

        @media screen and (max-width: 400px){
            h1{
             font-size: 1.1em;   
            }
            header span{
                display: none;   
            }
            .gist{
                width: 100%;
            }
        }

        section{
            width:100%;
            /*margin:15px auto 0 auto;*/
        }

        #logo{
            float:left;
        }

        .topDiv {
            width: 100%;
            height: 50px;
            text-align: center;
            background-color: #333;;
            background-image: none;
            background-repeat: repeat;
            background-attachment: scroll;
            background-position: 0% 0%;
            background-clip: border-box;
            background-origin: padding-box;
            background-size: auto auto;
            line-height: 35px;
            opacity: 0.9;
        }

        .topBar {
            width: 90%;
            height: auto;
            margin: 0 auto;
        }

        .topRight {
            color: #fff;
            float: right;
            /*margin-right:10px;*/
            margin: 5px;
        }

        .topRight a{
            display:inline-block;
            margin-right: 10px;
            border-radius: 6px;
        }

        .topRight .btn {
            padding:4px 12px;
            width: auto;
        }

        footer .footer{
            font-size:14px;
            width: 90%;
            height: 50px;
        } 

        .btmRight{
            float: right;
            margin-right: 10px;
        }

        .btmLeft{
            float: left;
            margin-left: 10px;
        }

        .btmH{
            font-style: bold;
            font-size: 16px;
        }

        .modal{
            z-index: 6;
        }

        #login-modal .modal-dialog {
            width: 350px;
        }

        #login-modal input[type=text], input[type=password] {
            margin-top: 10px;
        }

        #div-login-msg,
        #div-lost-msg,
        #div-register-msg {
            border: 1px solid #dadfe1;
            height: 30px;
            line-height: 28px;
            transition: all ease-in-out 500ms;
        }

        #div-login-msg.success,
        #div-lost-msg.success,
        #div-register-msg.success {
            border: 1px solid #68c3a3;
            background-color: #c8f7c5;
        }

        #div-login-msg.error,
        #div-lost-msg.error,
        #div-register-msg.error {
            border: 1px solid #eb575b;
            background-color: #ffcad1;
        }

        #icon-login-msg,
        #icon-lost-msg,
        #icon-register-msg {
            width: 30px;
            float: left;
            line-height: 28px;
            text-align: center;
            background-color: #dadfe1;
            margin-right: 5px;
            transition: all ease-in-out 500ms;
        }

        #icon-login-msg.success,
        #icon-lost-msg.success,
        #icon-register-msg.success {
            background-color: #68c3a3 !important;
        }

        #icon-login-msg.error,
        #icon-lost-msg.error,
        #icon-register-msg.error {
            background-color: #eb575b !important;
        }

        .modal-backdrop .in {
            filter: alpha(opacity=50);
            opacity: .8;
        }

        .modal-content {
            background-color: #ececec;
            border: 1px solid #bdc3c7;
            border-radius: 5px;
            outline: 0;
        }

        .modal-header {
            min-height: 16.43px;
            padding: 15px 15px 15px 15px;
            border-bottom: 0px;
        }

        .solution, .contact{
            width:100%;
            margin:20px auto 0 auto;
        }

        .modal-body {
            position: relative;
            padding: 5px 15px 5px 15px;
        }

        .modal-footer {
            padding: 15px 15px 15px 15px;
            text-align: right;
            border-top: 0px;
        }


        #solution h2, #contact h2 {
            width:262px;
            height:60px;
            margin: 0 auto;
            /*background: #f5f5f5;*/
            background: #fff;
            text-align: center;
            position: relative;
            padding-top:20px;
            text-decoration: underline;
            /*font:inherit;*/
            font-size: auto;
            opacity: .9;
        }

        #solution .sec-title p, #contact .sec-title p{
            padding:10px 0;
            text-decoration: none;
            text-align: center;
            color: #587272;
            font-size: 24px; 
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .sec-title{
            margin-bottom: 50px;
        }

        .solution-item{
            margin:0 20px;
            font-family: 'Arial', sans-serif;
        }

    

        .solution-item p{
            padding:10px 0;
            text-decoration: none;
            /*text-align:justify;*/
            color:#080808;
            font-size: 14px;
            line-height: 20px;
            margin-top: 20px;
            margin-bottom: 20px;
            /*height: 200px;*/
        }

        .solution-img{
            width: 50%;
            margin-top: 50px;
            margin-left: 25%;
            /*margin-right: 25px;*/
        }

         .solution-item b{
            text-align: center;
            font-weight: bold;
            color: #2362a9;
            font-size: 20px;
         }

        .solution-item p{
            margin: 0 5px;
        }

        .solution-item a:hover{
            color:red;
        }

        .line {
            border-bottom:2px solid #e0e0e0;
            /*margin-top: -30px;*/
        }

        .row h2{
            font-size: 36px;
            font-weight: 300;
        }

        #item1, #item2, #item3, #item4, #item5, #item6{
            margin: 40px 0;
             border-right: thin solid rgb(204, 204, 204);
             border-left: thin solid rgb(204, 204, 204);
             height: 450px;
        }

        .row img{
            /*height:200px;*/
            width: auto;
            /*width: 200px;*/
        }

        .well label{
            padding: 5px;
           
        }

    

        /*tablet size*/
        #menu-icon{
                display:hidden;
                width:40px;
                height: 40px;
                background: url(http://www.w3newbie.com/wp-content/uploads/icon.png) center;
            }
            
        a:hover#menu-icon{
                border-radius: 4px 4px 0 0;
            }

        @media screen and (max-width:478){
            body{
                position: absolute;
            }
        }

        @media screen and (max-width:740px){
                header{
                position: absolute;
                }
            }

            @media screen and (max-width:740px){
                #menu-icon{
                 display: inline-block;
                }
            }

            @media screen and (max-width:740px){
                nav ul, nva:active ul{
                display:none;
                position:absolute;
                padding: 20px;
                background: #405580;
                border: 1px solid #FFF;
                right: 20px;
                top: 60px;
                width: 50%;
                border-radius: 2px 0 2px 2px;
                }

                nav li{
                    text-align: center;
                    width: 100%;
                    padding:10px 0;
                    margin: 0;
                }

                nav:hover ul{
                    display: block;
                }
            }

            .title_index b{
                font-weight: bold;
                font-family: 'Arial', sans-serif;
                color:#2362a9; 
                font-size: 36px;
                text-decoration: underline;
                margin-left: 50px;
                margin-bottom:50px;
            }

            img .management_img{
                margin:auto 0;
            }

            .solution_container{
                margin-top:40px; 
                margin-bottom:40px;
                border-radius: 8px;
                font-size: 16px;
                color: rgb(255, 255, 255);
                background-color: #74869a;
                background-position: center top;
                background-repeat: repeat;
            }

            .solution_container ul{
                font-size: 16px;
                text-align:initial; 
                line-height:30px; 
                padding:15px;
            }

            .solution_li{
                 font-size:16px; 
                 text-align:initial; 
                 line-height:30px; 
                 padding:15px;
            }

            .industries_title{
                margin:0 30px;
                font-weight:bold; 
                font-size:20px; 
                color:#4e81ba;
            }

            .industries_label{
                margin:20px 30px; 
                font: 20px arial, sans-serif bold; 
                color:#939393;
            }

            .industries_text{
                margin: 20px 10px 70px 10px;
            }

            p{
                font-size: 16px;
                line-height: 20px;
                font-family: 'Arial', sans-serif;
            }

            #back-to-top {
                position: fixed;
                bottom: 40px;
                right: 40px;
                z-index: 20;
                width: 32px;
                height: 32px;
                text-align: center;
                line-height: 30px;
                background: #c1c1c1;
                color: #444;
                cursor: pointer;
                border: 0;
                border-radius: 2px;
                text-decoration: none;
                transition: opacity 0.3s ease-out;
                opacity: 0;
            }
            #back-to-top:hover {
                background: #adadad;
            }
            #back-to-top.show {
                opacity: 1;
            }