@charset "utf-8";
/* CSS Document */

 /* use navbar-wrapper to wrap navigation bar, the purpose is to overlay navigation bar above slider */
        .navbar-wrapper {
            position: absolute;
            top: 20px;
            left: 0;
            width: 100%;
            height: 51px;
        }
        .navbar-wrapper > .container {
            padding: 0;
        }

        @media all and (max-width: 768px ){
            .navbar-wrapper {
                position: relative;
                top: 0px;
            }
        }
 .jssora21l, .jssora21r, .jssora21ldn, .jssora21rdn {
                    position: absolute;
                    cursor: pointer;
                    display: block;
                    background: url(../img/a21.png) center center no-repeat;
                    overflow: hidden;
                }

                .jssora21l {
                    background-position: -3px -33px;
                }

                .jssora21r {
                    background-position: -63px -33px;
                }

                .jssora21l:hover {
                    background-position: -123px -33px;
                }

                .jssora21r:hover {
                    background-position: -183px -33px;
                }

                .jssora21ldn {
                    background-position: -243px -33px;
                }

                .jssora21rdn {
                    background-position: -303px -33px;
                }

#slider1_container{display: none; position: relative; margin: 0 auto; top: 0px; left: 0px; height: 500px; overflow: hidden; background:url(../img/bg.jpg) no-repeat left top;}
.slides{cursor: move; position: absolute; left: 0px; top: 0px; width: 100%; height: 500px; overflow: hidden;}
.slides img{ float:right;}
.posAbs{position:relative; z-index:1000;}
.mrgT15{margin-top:15px;}
.slides{ margin:120px 0 0 0;}
.slides h3{ color:#3c3c3c; font-size:27px; font-weight:lighter; line-height:50px; margin:0;}
.slides h1{ color:#1999e5; font-size:55px; font-weight:700; line-height:60px; margin:0;}
.slides h2{ color:#404040; font-size:55px; font-weight:700; line-height:58px; margin:0;}
.UprCase{text-transform:uppercase;}
.frontTit{margin:85px 0;}
.frontTit h1{ font-size:65px; font-weight:100; margin:0;color:#363636;}
.frontTit h2{ font-size:22px; font-weight:100; margin:30px 0 60px 0;color:#838383; line-height:35px;}
.productbox{}
.productbox span{display:block; margin:20px 0 20px 0; min-height:125px;}
.productbox h3{ font-size:25px; font-weight:400; margin:30px 0 0 0;color:#000000; line-height:35px; min-height:100px;}
.productbox p{ color:#565656; line-height:28px; margin:0 0 20px 0;}
.btn-info-lt {background-color: #1999e5;border-bottom: 2px solid #0970ae !important;color: #fff;}
.btn-info-lt:hover {background-color: #0970ae;border-bottom: 2px solid #0970ae !important;color: #fff !important;}
.software_row{ background:url(../images/Software_Development.jpg) no-repeat left top; padding:40px 0;}
.software_row span img{display:block; width:100%; position:relative; z-index:10;}
.bgAbsDiv{}
.headDiv h2{ font-size:65px; font-weight:700; margin:0 0 20px 0;color:#FFF; text-shadow: 1px 2px #18444c;}
.headDiv p{ font-size:29px; font-weight:400; margin:0 0 50px 0;color:#FFF; text-shadow: 1px 1px #18444c;}
.img100 img{width:100%;}
.boxtitle h4{ font-size:40px; font-weight:700; margin:30px 0 20px 0;color:#FFF; text-shadow: 1px 1px #18444c; text-align:left;}
.boxtitle h6{ font-size:18px; font-weight:400; margin:0 0 0 0;color:#FFF; text-shadow: 1px 1px #18444c; text-align:left; line-height:30px;}
.whtbueTit h1{font-size:50px; font-weight:300; margin:30px 0 50px 0;color:#1999e5; }
.whtbueTit p{font-size:16px; font-weight:300; margin:30px 0 50px 0;color:#838383; line-height:26px;text-align:left;}
.footer{ background:url(../images/footer.png) repeat left top; padding:30px 0;}
.social{margin:30px 0 30px 0;}
.social a{background:#303236; border-radius:6px; width:35px; height:35px; display:inline-block; text-align:center; padding:2px;}
.social a img{ width:100%;}
.flink{}
.flink h2{font-size:20px; font-weight:300; margin:0 0 25px 0;color:#fff;}
.flink a{ display:block; line-height:28px; color:#b3b3b3; font-size:13px;}



/*New Css added for Contact Us pages 21/01/2015*/

#inner_container{ margin: 0 auto; height: 300px; background:url(../img/bg.jpg) no-repeat left top; padding:120px 0 20px;}
.pageTitle{ color:#1999e5; font-size:50px; font-weight:700; margin:50px 0 0 0;}
.form h3{font-size:30px; font-weight:700; margin:10px 0 10px 0;color:#1999e5;}


/*New Css added for Contact Us pages 23/01/2015*/

.map img{ width:100%;}
.contactDetail h4{ font-size:16px; font-weight:700; margin:10px 0 10px 0;color:#1999e5;}
.contactDetail span{ display:inline-block; width:22%;font-size:13px; font-weight:700; color:#1999e5;}