body{background: #f6f6f6 !important;}
header {
    float: left;
    width: 100%;
    position: fixed;
    padding: 10px 0;
    z-index: 99999;
    /*background: rgba(0,0,0,0.2);*/
}
#header-back{width:100%;height: 78px;background-color: #fff;opacity: 0.3;position: fixed;top:0;left: 0;}
.logo{margin: 0px 0;}
#menu{margin: 0;padding:0;list-style: none;margin-top: 19px;float: right;}
#menu li{display: inline;border-right: 2px solid #000;}
#menu li:last-child{border-right:none;}
#menu li a{text-decoration: none;text-transform: capitalize;font-size: 16px;color:#000;margin: 10px 25px;padding-bottom: 10px;    font-weight: 600;
}
#menu li a:hover{color: #000;}

.header-wrap.fixed {

    background: #f5f5f5 none repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
    height: 88px;
    left: 0;
    min-height: 0;
    padding: 10px;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 999;
}
#solutions{width:100%;float: left;margin: 20px 0;}
.solutions{border-right: 1px solid #ccc;margin-bottom: 20px;text-align: center; margin: 20px 0;}
.solutions p{line-height: 24px;text-align: left;padding: 0 10px;}
.icon {
    width: 160px;
    height: 160px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #d1d1d1;
    margin: 0px auto 30px;
    transition: all 0.5s;
    display: block;
    line-height: 160px;color: #007fbd;
}
.icon:hover{background: #007fbd;border: 2px solid #007fbd;color:#fff;}
.icon.mob-dev {
    background: #fff url(images/mobile_r.png) no-repeat center center;
}
.solutions h4 {
    font-weight: 600;margin-bottom: 24px;font-size: 14px;text-transform: uppercase;line-height: 2em;
}
.viewmore {
    color: #ef4135;
    font-weight: 600;
    text-decoration: none;
    padding: 6px 25px;
    border: 2px solid #d1d1d1;
    display: block;
    width: 140px;
    margin: 0 auto;
    transition: all 0.5s;
    background: #fff;text-align: center;text-transform: capitalize;font-size: 16px;
}
.viewmore:hover{background: #007fbd;text-decoration: none;color: #fff;}
.icon.mob-dev:hover {
    background: #007fbd url(images/mobile.png) no-repeat center center;
    border: 2px solid #007fbd;
}
#solutions h2 {
    font-size: 40px;
    line-height: 60px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 0 0px;
    margin-bottom: 30px;
    font-weight: 800;color: #666;
}
.icon.resp {
    background: #fff url(images/mac_r.png) no-repeat center center;
}
#clients{width:100%;float: left;margin: 20px 0;}
#clients h2{ font-size: 40px;
    line-height: 60px;
    text-transform: uppercase;
    text-align: center;
    padding: 0 0 0px;
    margin-bottom: 30px;
    font-weight: 800;color: #666;}
    .clientLogos{margin: 0;padding:0;list-style: none;}
    .clientLogos li{display: inline-block;margin: 20px;}

    #partners{width:100%;float: left;margin: 20px 0;}
    #partners h2{ font-size: 40px;
        line-height: 60px;
        text-transform: uppercase;
        text-align: center;
        padding: 0 0 0px;
        margin-bottom: 30px;
        font-weight: 800;color: #666;}
        #partners h3{ font-size: 20px;
            line-height: 30px;
            text-transform: uppercase;
            text-align: center;
            padding: 0 0 30px;
            margin-bottom: 30px;
            font-weight: 800;color: #666;}
            .clientLogos{margin: 0;padding:0;list-style: none;text-align: center;}
            .clientLogos li{display: inline-block;margin: 20px;width:25%;}
            .clientLogos li a img{transition:all 0.7s;}
            .clientLogos li a img:hover{-ms-transform: scale(1.5,1.5); /* IE 9 */
                -webkit-transform: scale(1.5,1.5); /* Safari */
                transform: scale(1.5,1.5);}
                .icon.cloud {
                    background: #fff url(images/cloud_r.png) no-repeat center center;
                }
                .icon.ux {
                    background: #fff url(images/ux_r.png) no-repeat center center;
                }
                .startup:hover {
                    background: #007fbd url(images/startup.png) no-repeat center center;
                    border: 2px solid #007fbd;
                }
                .startup{
                    background: url(images/startup_r.png) no-repeat center center;
                }
                .brands {
                    background: url(images/package_r.png) no-repeat center center;
                }
                .brands:hover {
                    background: #007fbd url(images/package.png) no-repeat center center;
                    border: 2px solid #007fbd;
                }
                .enterprise {
                    background: url(images/enterprise_r.png) no-repeat center center;
                }
                .enterprise:hover {
                    background: #007fbd url(images/enterprise.png) no-repeat center center;
                    border: 2px solid #007fbd;
                }
                .agencies{
                    background: url(images/megaphone_r.png) no-repeat center center;
                }
                .agencies:hover {
                    background: #007fbd url(images/megaphone.png) no-repeat center center;
                    border: 2px solid #007fbd;
                }
                .resp:hover{background:#007fbd url(images/mac.png) no-repeat center center; border:2px solid #007fbd;}
                .cloud:hover{background:#007fbd url(images/cloud.png) no-repeat center center; border:2px solid #007fbd;}
                .ux:hover{background:#007fbd url(images/ux.png) no-repeat center center; border:2px solid #007fbd;}
                .last-child{border-right:none;}
                .orange_bar {
                    float: left;
                    width: 100%;
                    background: #007fbd;
                    padding: 40px 0;
                    color: #fff;
                    text-align: center;
                }
                .orange_bar h3 {
                    text-transform: uppercase;
                    font-size: 14px;
                    font-weight: normal;margin: 0;
                }
                .orange_bar a {
                    color: #fff;
                    text-decoration: none;
                    display: inline-block;
                    padding: 15px 20px;
                    transition: all 0.3s;
                    border: 2px solid #fff;
                }
                .orange_bar a:hover {
                    background: #fff;
                    color: #007fbd;
                    text-decoration: none;
                }
                .banner_container .wrapper {
                    padding-bottom: 98px;
                    display: table-cell;
                    vertical-align: bottom;
                }
                .banner_container1 .wrapper1 {
                  padding-bottom: 110px;
                  padding-right: 42px;
              
                    display: table-cell;
                    vertical-align: bottom;
                }
                .banner_container2 .wrapper2 {
                padding-bottom: 175px;
                padding-right: 120px;
                    display: table-cell;
                    vertical-align: bottom;
                }
                .banner_container3 .wrapper3 {
                    padding: 0;
                    display: table-cell;
                    vertical-align: middle;
                }
                .banner_container4 .wrapper4 {
                    padding-bottom:68px;
                    display: table-cell;
                    vertical-align: bottom;
                }
                .banner_container5 .wrapper5 {
                    
                    display: table-cell;
                    vertical-align: bottom;
                padding-bottom: 62px;
                padding-right: 60px;
                }



                .banner_container {
                    float: left;
                    width: 100%;
                    height: 700px;
                    overflow: hidden;
                    background: url(images/img-index.jpg) no-repeat center center;
                    background-size: cover;
                    /*text-align: center;*/
                    color: #fff;
                    background-attachment: fixed;
                }
                 .banner_container1 {
                    float: left;
                    width: 100%;
                    height: 700px;
                    overflow: hidden;
                    background: url(images/img-index.jpg) no-repeat center center;
                    background-size: cover;
                    /*text-align: center;*/
                    color: #fff;
                    background-attachment: fixed;
                }
                 .banner_container2 {
                    float: left;
                    width: 100%;
                    height: 700px;
                    overflow: hidden;
                    background: url(images/img-index.jpg) no-repeat center center;
                    background-size: cover;
                    /*text-align: center;*/
                    color: #fff;
                    background-attachment: fixed;
                }
                 .banner_container3 {
                    float: left;
                    width: 100%;
                    height: 700px;
                    overflow: hidden;
                    background: url(images/img-index.jpg) no-repeat center center;
                    background-size: cover;
                    /*text-align: center;*/
                    color: #fff;
                    background-attachment: fixed;
                }
                 .banner_container4 {
                    float: left;
                    width: 100%;
                    height: 700px;
                    overflow: hidden;
                    background: url(images/img-index.jpg) no-repeat center center;
                    background-size: cover;
                    /*text-align: center;*/
                    color: #fff;
                    background-attachment: fixed;
                }
                 .banner_container5 {
                    float: left;
                    width: 100%;
                    height: 700px;
                    overflow: hidden;
                    background: url(images/img-index.jpg) no-repeat center center;
                    background-size: cover;
                    /*text-align: center;*/
                    color: #fff;
                    background-attachment: fixed;
                }
                .wrapper{max-width: 960px;margin: 0 auto;}
                .wrapper h1 {
                    font-size: 60px;
                    line-height: 50px;
                    padding: 0 0 15px;
                    text-transform: uppercase;
                    background: none;font-weight: 800;


                }
                .wrapper h2 {
                    font-size: 30px;
                   
                    text-align: center;
                    background: none;font-weight: 400;
                  /*  display: table-footer-group;
vertical-align: bottom;*/

                }
                .wrapper h3 {
                    font-size: 40px;
                  text-align: center;
                    
                    background: none;font-weight: 800;


                }
                 .wrapper h4 {
                  font-size: 30px;
                  text-indent: 3em;
                    padding: 0 0 15px;
                    
                    background: none;font-weight: 800;
                 
                    
                    background: none;font-weight: 800;


                }
                .wrapper1{max-width: 960px;margin: 0 auto;}
                .wrapper1 h1 {
                    font-size: 60px;
                    line-height: 50px;
                  /*  padding: 0 0 15px;*/
                     text-align: right;
                    text-transform: uppercase;
                    background: none;font-weight: 800;


                }
                .wrapper1 h2 {
                    font-size: 30px;
                   
                    text-align: center;
                    background: none;font-weight: 400;
                  /*  display: table-footer-group;
vertical-align: bottom;*/

                }
                .wrapper1 h3 {
                    font-size: 40px;
                  text-align: center;
                    
                    background: none;font-weight: 800;


                }
                 .wrapper1 h4 {
                  font-size: 30px;
                  text-indent: 3em;
                    padding: 0 0 15px;
                    
                    background: none;font-weight: 800;
                 
                    
                    background: none;font-weight: 800;


                }
                .wrapper2{max-width: 960px;margin: 0 auto;}
                .wrapper2 h1 {
                    font-size: 60px;
                    line-height: 50px;
                    padding: 0 0 15px;
                    text-transform: uppercase;
                    background: none;font-weight: 800;


                }
                .wrapper2 h2 {
                    font-size: 30px;
                   
                    text-align: center;
                    background: none;font-weight: 400;
                  /*  display: table-footer-group;
vertical-align: bottom;*/

                }
                .wrapper2 h3 {
                    font-size: 40px;
                  text-align: center;
                    
                    background: none;font-weight: 800;


                }
                 .wrapper2 h4 {
                  font-size: 30px;
                  text-indent: 3em;
                    padding: 0 0 15px;
                    
                    background: none;font-weight: 800;
                 
                    
                    background: none;font-weight: 800;


                }
                .wrapper3{max-width: 960px;margin: 0 auto;}
                .wrapper3 h1 {
                    font-size: 60px;
                    line-height: 50px;
                    padding: 0 0 15px;
                    text-transform: uppercase;
                    background: none;font-weight: 800;


                }
                .wrapper3 h2 {
                    font-size: 30px;
                   
                    text-align: center;
                    background: none;font-weight: 400;
                  /*  display: table-footer-group;
vertical-align: bottom;*/

                }
                .wrapper3 h3 {
                    font-size: 40px;
                  text-align: center;
                    
                    background: none;font-weight: 800;


                }
                 .wrapper3 h4 {
                  font-size: 30px;
                  text-indent: 3em;
                    padding: 0 0 15px;
                    
                    background: none;font-weight: 800;
                 
                    
                    background: none;font-weight: 800;


                }
                .wrapper4{max-width: 960px;margin: 0 auto;}
                .wrapper4 h1 {
                    font-size: 60px;
                    line-height: 50px;
                    padding: 0 0 15px;
                    text-transform: uppercase;
                    background: none;font-weight: 800;


                }
                .wrapper4 h2 {
                    font-size: 30px;
                   
                    text-align: center;
                    background: none;font-weight: 400;
                  /*  display: table-footer-group;
vertical-align: bottom;*/

                }
                .wrapper4 h3 {
                    font-size: 40px;
                  text-align: center;
                    
                    background: none;font-weight: 800;


                }
                 .wrapper4 h4 {
                  font-size: 30px;
                  text-indent: 3em;
                    padding: 0 0 15px;
                    
                    background: none;font-weight: 800;
                 
                    
                    background: none;font-weight: 800;


                }
                .wrapper5{max-width: 960px;margin: 0 auto;}
                .wrapper5 h1 {
                    font-size: 60px;
                     text-align: center;
                    text-transform: uppercase;
                    background: none;font-weight: 800;


                }
                .wrapper5 h2 {
                    font-size: 30px;
                   
                    text-align: center;
                    background: none;font-weight: 600;
                  /*  display: table-footer-group;
vertical-align: bottom;*/

                }
                .wrapper5 h3 {
                    font-size: 40px;
                  text-align: center;
                    
                    background: none;font-weight: 800;


                }
                 .wrapper5 h4 {
                  font-size: 30px;
                  text-indent: 3em;
                    padding: 0 0 15px;
                    
                    background: none;font-weight: 800;
                 
                    
                   


                }
                .label{
                  border-radius: 0 !important;
                  background: #007fbd !important;
                  /*vertical-align: -moz-middle-with-baseline !important;*/
              }
              .top-buffer { 
                text-align: right !important; 
            }
            .top { 
                text-align: center !important; 
            }
            .top-left { 
                text-align: left !important; 
            }
            hr { 
               margin-top:30px !important;
               margin-bottom:20px !important;
               height:1px !important;
               border-top:1px solid grey !important;
               width:90% !important; 
               align:"center"; 
           }

           #device{ 
            width: 100%;
            min-height: 100%;
            }
           .device-heading{font-size: 28px;
                       text-transform: capitalize;
                       text-align: center;
                       font-weight: 800;
                       color: #1c2b38;}
            .text-muted{text-align: center;padding-top: 10px;}

            .wrapper p {
                font-size: 18px;
                line-height: 26px;
                padding: 10px 0;
                margin: 0 auto;
                max-width: 820px;
            }
            .banner_container .frame {
                float: left;
                width: 100%;
                min-height: 100%;
                background: url(images/pixel.png) repeat 0 0;
                display: table;
                height: 100%;
            }
             .wrapper1 p {
                font-size: 18px;
                line-height: 26px;
                padding: 10px 0;
                margin: 0 auto;
                max-width: 820px;
            }
            .banner_container1 .frame1 {
                float: left;
                width: 100%;
                min-height: 100%;
                background: url(images/pixel.png) repeat 0 0;
                display: table;
                height: 100%;
            }
             .wrapper2 p {
                font-size: 18px;
                line-height: 26px;
                padding: 10px 0;
                margin: 0 auto;
                max-width: 820px;
            }
            .banner_container2 .frame2 {
                float: left;
                width: 100%;
                min-height: 100%;
                background: url(images/pixel.png) repeat 0 0;
                display: table;
                height: 100%;
            }
             .wrapper3 p {
                font-size: 18px;
                line-height: 26px;
                padding: 10px 0;
                margin: 0 auto;
                max-width: 820px;
            }
            .banner_container3 .frame3 {
                float: left;
                width: 100%;
                min-height: 100%;
                background: url(images/pixel.png) repeat 0 0;
                display: table;
                height: 100%;
            }
             .wrapper4 p {
                font-size: 18px;
                line-height: 26px;
                padding: 10px 0;
                margin: 0 auto;
                max-width: 820px;
            }
            .banner_container4 .frame4 {
                float: left;
                width: 100%;
                min-height: 100%;
                background: url(images/pixel.png) repeat 0 0;
                display: table;
                height: 100%;
            }
             .wrapper5 p {
                font-size: 18px;
                line-height: 26px;
                padding: 10px 0;
                margin: 0 auto;
                max-width: 820px;
            }
            .banner_container5 .frame5 {
                float: left;
                width: 100%;
                min-height: 100%;
                background: url(images/pixel.png) repeat 0 0;
                display: table;
                height: 100%;
            }

            footer {float: left;width: 100%;background: #29282e;color: #fff;}
            #top-footer{float: left;width: 100%;border-bottom: 1px solid #44434b;padding: 50px 0;font-size: 12px;}
            footer .address:before {
                content: url(images/address_icon.png);
                float: left;
                margin: 0 0 0 -25px;
            }
            .address p{margin-bottom: 5px;}
            footer .social {
                float: right;
                list-style: none;margin-bottom: 0;
            }
            footer .social li {
                display: inline-block;
                padding: 0 15px 0 0;
                font-size: 12px;margin: 0;
            }
            footer .social li a {
                float: left;
                background: url(images/social_media.png) no-repeat 0 0;
                width: 20px;
                height: 20px;
            }
            footer strong {
                color: #fff;
                padding: 0 0 15px;
                text-transform: uppercase;
                display: block;
            }
            footer .social li.twitter a {
                background-position: -60px 0;
            }
            footer .social li.fb a {
                background-position: -30px 0;
            }
            footer .social li.in a:hover {
                background-position: 0 -20px;
            }
            footer .social li.fb a:hover {
                background-position: -30px -20px;
            }
            footer .social li.twitter a:hover {
                background-position: -60px -20px;
            }
            #bottom-footer{padding: 20px 0;color: #fff;width:100%;float: left;}
            .copy{margin: 0;font-size: 10px;}
            .enterprises{width:100%;float: left;margin: 20px 0 10px 0;}
            .enterprises h4{font-weight: 600;font-size: 14px;}
            .enterprises ul li{line-height: 24px;}
            #aboutPage{float: left;
                width: 100%;
                height: 486px;
                overflow: hidden;
                background: url(images/about-us.png) no-repeat center center;
                background-size: cover;
                text-align: center;
                color: #fff;
            }
            #aboutcontent{float: left;width: 100%;margin: 20px 0;}
            #aboutcontent h2 {
                font-size: 40px;
                line-height: 60px;
                text-transform: uppercase;
                text-align: center;
                padding: 0 0 0px;
                margin-bottom: 30px;
                font-weight: 800;
                color: #666;
            }
            #aboutcontent p{line-height: 24px;text-align: justify;}
            .about h3{color: #007fbd;margin-bottom: 0px;font-weight: 600; text-align: center}
            .about h4{text-align: center}
            .testimonial{float: left;width: 100%;margin: 20px 0;}
            .testi{padding: 5px;}
            .testi p{text-align: center;}
            .testi h5{color: #007fbd;text-align: center;font-weight: 600;font-size: 16px;}
            .testimonial h2{font-size: 40px;
                line-height: 60px;
                text-transform: uppercase;
                text-align: center;
                padding: 0 0 0px;
                margin-bottom: 30px;
                font-weight: 800;
                color: #666;}
                .banner_container1.company {
                    background: url(images/img-about.jpg);
                    background-size: cover;
                    background-repeat: no-repeat;
                }
                #about-approach{float: left;width: 100%;margin: 20px 0;}
                .ideology{width:100%;float: left;margin: 10px 0;}
                .ideology-left{width:20%;float: left;background: #007fbd;height: 234px;}
                .ideology-left p{text-align: center;color: #fff;font-size: 24px;font-weight: 600;margin-top: 35%;margin-bottom: 0;}
                .ideology-right{width:80%;float: left;background: #ffffff;padding: 20px;}
                .ideology-right ul{}
                .ideology-right ul li{line-height: 24px;margin-bottom: 5px;text-align: justify;}
                .approa{width:100%;float: left;margin: 10px 0;}
                .approa-left{width:20%;float: left;background: #1c2b38;height: 112px;}
                .approa-left p{text-align: center;color: #fff;font-size: 24px;font-weight: 600;margin-top: 8%;margin-bottom: 0;}
                .approa-right{width:80%;float: left;background: #ffffff;padding: 20px;}
                .approa-right p{line-height: 24px;margin-bottom: 0;text-align: justify;}
                .delivery{width:100%;float: left;margin: 10px 0;}
                .delivery-right{width:20%;float: left;background: #007fbd;height: 112px;}
                .delivery-right p{text-align: center;color: #fff;font-size: 24px;font-weight: 600;margin-top: 8%;margin-bottom: 0;}
                .delivery-left{width:80%;float: left;background: #ffffff;padding: 20px;}
                .delivery-left p{line-height: 24px;margin-bottom: 0;text-align: justify;}
                .risk{width:100%;float: left;margin: 10px 0;}
                .risk-right{width:20%;float: left;background: #1c2b38;height: 112px;}
                .risk-right p{text-align: center;color: #fff;font-size: 24px;font-weight: 600;margin-top: 8%;margin-bottom: 0;}
                .risk-left{width:80%;float: left;background: #ffffff;padding: 20px;height: 112px;}
                .risk-left p{line-height: 24px;margin-bottom: 0;text-align: justify;}
                .banner_container4.services {
                    background: url(images/img-career.jpg);
                    background-size: cover;
                    background-repeat: no-repeat;
                }
                .careers{width: 100%;float: left;margin: 20px 0;}
                .careers h2{font-size: 40px;
                    line-height: 60px;
                    text-transform: uppercase;
                    text-align: center;
                    padding: 0 0 0px;
                    margin-bottom: 30px;
                    font-weight: 800;
                    color: #666;}

                    #idea h2{font-size: 40px;
                       text-transform: uppercase;
                       text-align: center;
                       font-weight: 800;
                       color: #3C4854;
                       display:block;
                       margin-bottom: 2px;}
                       #idea p{font-size: 15px; 
                           text-align: center;
                           display:block;
                           font-weight: 800;
                           color: #666;
                           margin-bottom: 45px;} 
       /*  color: #666;
    font-size: 40px;
    font-weight: 800;
    line-height: 1px;
    margin-bottom: 30px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;*/
    .careers ul{}
    .careers ul li{background: url('images/tick.png') no-repeat top 6px left;padding-left: 26px;
    list-style: none;line-height: 24px;}
    .whysrow{
        border-bottom: 1px solid #ccc;
        margin-bottom: 10px;
    }
    .deliver{
        margin-bottom: 25px;
    }
    .deliver >h3{
            font-size: 32px;
            text-align: center;
            font-weight: 700;
            color: #666;
    }
    .whyus{width: 100%;float: left;margin: 20px 0;}
    .whyus h2{
            font-size: 40px;
            line-height: 60px;
            text-transform: uppercase;
            text-align: center;
            padding: 0 0 0px;
            margin-bottom: 30px;
            font-weight: 800;
            color: #666;
        }
        .whyus p{line-height: 24px;}
        .banner_container2.why-tj {
            background: url(images/img-yus.jpg);
            background-size: 100%;
            background-repeat: no-repeat;
        }
        .icon.mob-dev-tech {
            background: #fff url(images/technology.png) no-repeat center center;
        }
        .mob-dev-tech:hover{background:#007fbd url(images/technology1.png) no-repeat center center; border:2px solid #007fbd;}
        .icon.resp-cros {background: #fff url(images/cloud_new.png) no-repeat center center;}
        .resp-cros:hover{background:#007fbd url(images/cloud_new1.png) no-repeat center center; border:2px solid #007fbd;}
        .progrs{background: #fff url(images/progressive.png) no-repeat center center;}
        .progrs:hover{background:#007fbd url(images/progressive1.png) no-repeat center center; border:2px solid #007fbd;}
        .rela{background: #fff url(images/relationship.png) no-repeat center center;}
        .rela:hover{background:#007fbd url(images/relationship1.png) no-repeat center center; border:2px solid #007fbd;}
        .industr{background: #fff url(images/extensive.png) no-repeat center center;}
        .industr:hover{background:#007fbd url(images/extensive1.png) no-repeat center center; border:2px solid #007fbd;}
        .talen{background: #fff url(images/talent.png) no-repeat center center !important;}
        .talen:hover{background:#007fbd url(images/talent1.png) no-repeat center center !important; border:2px solid #007fbd;}
        .banner_container5.contact {
            background: url(images/img-contact.jpg);
            background-size: cover;
            background-repeat: no-repeat;
        }
        #contact{width: 100%;float: left;margin: 20px 0;}
        #contact h2{font-size: 50px;
            line-height: 60px;
            text-transform: uppercase;
            text-align: center;
            padding: 0 0 0px;
            margin-bottom: 30px;
            font-weight: 800;}
            #contact-address {
                float: left;
                width: 100%;
                margin: 0;
                border-top: 1px solid #007fbd;
            }
            #us{
                padding: 30px 0 30px 0;
                text-align: center;
                position: relative;
                cursor: pointer;margin: 0;}
                #coimbatore{
                    padding: 30px 0 30px 0;
                    text-align: center;
                    position: relative;
                    cursor: pointer;margin: 0;}
                    #chennai{
                        padding: 30px 0 30px 0;
                        text-align: center;
                        position: relative;
                        cursor: pointer;margin: 0;}
                        .active-contact{background: #292a2f;color: #fff;}
                        #usMap{width: 100%;float: left;}
                        #coimbatoreMap{width: 100%;float: left;}
                        #chennaiMap{width: 100%;float: left;}
                        .pad{padding:0 !important;}
                        address strong{margin-bottom: 10px;display: inline-block;}
                        address p{margin-bottom: 5px;}
                        #carer{width: 100%;float: left;margin: 20px 0;}
                        .ui-tabs-vertical { width: 100%; }
                        .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 30%; }
                        .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
                        .ui-tabs-vertical .ui-tabs-nav li a { display:block; }
                        .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; }
                        .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 70%;}
                        .fa-industry{font-size: 40px;}
                        .fa-cloud{font-size: 50px;position: relative;top: 8px;}
                        .fa-bar-chart{font-size: 40px;position: relative;top: 5px;}
                        .fa-thumbs-up{font-size: 50px;position: relative;top: 5px;}
                        .fa-mobile{font-size: 90px;position: relative;top: 25px;}
                        .fa-desktop{font-size: 50px;position: relative;top: 10px;}
                        .fa-cloud-upload{font-size: 55px;position: relative;top: 10px;}
                        .fa-pie-chart{font-size: 55px;position: relative;top: 10px;}
                        .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{color: #fff !important;background-color: #007fbd !important;
                            border: 1px solid #007fbd !important;}
                            .nav-tabs > li > a{background-color: #29282e;color: #fff;}
                            .tabs-left > .nav-tabs > li > a{border-radius: 0px !important;padding: 6px 15px;}
                            #tabs{width: 100%;float: left;background-color: #fff;padding: 10px;}
                            .tab-pane h5{font-size: 20px;text-transform: uppercase;}
                            .tab-pane p{line-height: 24px;}
                            .tab-pane ul li{line-height: 24px;}
                            .cont{position: relative;display: table;}
                            .tabs1{position: absolute;top: 0px;left: -20px;}
                            .tabs2{position: absolute;top: 36px;left: -20px;}
                            .tabs3{position: absolute;top: 72px;left: -20px;}
                            .tabs4{position: absolute;top: 108px;left: -20px;}
                            .tabs5{position: absolute;top: 144px;left: -20px;}
                            .tabs6{position: absolute;top: 180px;left: -20px;}
                            .tabs7{position: absolute;top: 216px;left: -20px;}
                            .slicknav_menu{display: none;}
                            /* tabs */
                            .tabs-below > .nav-tabs,
                            .tabs-right > .nav-tabs,
                            .tabs-left > .nav-tabs {
                              border-bottom: 0;
                          }

                          .tab-content > .tab-pane,
                          .pill-content > .pill-pane {
                              display: none;
                          }

                          .tab-content > .active,
                          .pill-content > .active {
                              display: block;
                          }

                          .tabs-below > .nav-tabs {
                              border-top: 1px solid #ddd;
                          }

                          .tabs-below > .nav-tabs > li {
                              margin-top: -1px;
                              margin-bottom: 0;
                          }

                          .tabs-below > .nav-tabs > li > a {
                              -webkit-border-radius: 0 0 4px 4px;
                              -moz-border-radius: 0 0 4px 4px;
                              border-radius: 0 0 4px 4px;
                          }

                          .tabs-below > .nav-tabs > li > a:hover,
                          .tabs-below > .nav-tabs > li > a:focus {
                              border-top-color: #ddd;
                              border-bottom-color: transparent;
                          }

                          .tabs-below > .nav-tabs > .active > a,
                          .tabs-below > .nav-tabs > .active > a:hover,
                          .tabs-below > .nav-tabs > .active > a:focus {
                              border-color: transparent #ddd #ddd #ddd;
                          }

                          .tabs-left > .nav-tabs > li,
                          .tabs-right > .nav-tabs > li {
                              float: none;
                          }

                          .tabs-left > .nav-tabs > li > a,
                          .tabs-right > .nav-tabs > li > a {
                              min-width: 74px;
                              margin-right: 0;
                              margin-bottom: 3px;
                          }

                          .tabs-left > .nav-tabs {
                              float: left;
                              margin-right: 19px;
                              border-right: 1px solid #ddd;
                          }

                          .tabs-left > .nav-tabs > li > a {
                              margin-right: -1px;
                              -webkit-border-radius: 4px 0 0 4px;
                              -moz-border-radius: 4px 0 0 4px;
                              border-radius: 4px 0 0 4px;
                          }

                          .tabs-left > .nav-tabs > li > a:hover,
                          .tabs-left > .nav-tabs > li > a:focus {
                              border-color: #29282e #29282e #29282e #29282e;
                              background: #29282e;
                          }
                      }

                      .tabs-left > .nav-tabs .active > a,
                      .tabs-left > .nav-tabs .active > a:hover,
                      .tabs-left > .nav-tabs .active > a:focus {
                          border-color: #ddd transparent #ddd #ddd;
                          *border-right-color: #ffffff;
                      }
                      .form-control{background-color: #eee !important;}

                      /*OUROFFERING'S PAGE STYLES (3)rd PAGE */

 .banner_container3 .wrapper3 {
                    padding-bottom: 175px;
                padding-right: 50px;
                    display: table-cell;
                    vertical-align: bottom;}
 .banner_container3 {
                    float: left;
                    width: 100%;
                    height: 700px;
                    overflow: hidden;
                    background: url(images/img-ourofferings.jpg) no-repeat center center;
                    background-size: cover;
                    /*text-align: center;*/
                    color: #fff;
                    background-attachment: fixed;
                }                   
 .banner_container3 .frame3 {
                float: left;
                width: 100%;
                min-height: 100%;
                background: url(images/pixel.png) repeat 0 0;
                display: table;
                height: 100%;
            }
  #solutionsour{float: left;width: 100%;margin: 20px 0;}
.solutionsour{margin-bottom: 20px;text-align: center; margin: 20px 0;}
.solutionsour p{line-height: 24px;text-align: center;padding: 0 0px;}
.solutionsour h4 {
   font-size: 23px;
                       text-transform: capitalize;
                       text-align: center;
                       font-weight: 500;

                       color: #1c2b38;
}
#solutionsour h2 {
 font-size: 50px;
               text-align:center;
               color:#1c2b38;
               margin: auto
                margin-bottom: 30px;
                font-weight: 500;
                
}
 #box{float: left;width: 100%;margin: 20px 0;}
.ouroff{width:100%;float: left;margin: 10px 0;}
.ouroff-right{width:46%;float: left;background: #007fbd;max-height: 100%; padding: 20px 20px 14px;}
.ouroff-right h2{font-size: 30px;
                       text-transform: capitalize;
                       text-align: left;
                       font-weight: 600;
                        padding-left: 10px;                   
                       color: #fff;}
.ouroff-right ul{  padding: 20px; margin-bottom: 169px;}
.ouroff-right li{text-align: left;color: #fff;font-size: 16px;font-weight: 200; margin: 5px;;margin-bottom: 0;line-height:24px}
.ouroff-left{width:54%;float: left;background: #ffffff;padding: 20px;max-height: 100%;}
.ouroff-left p{line-height: 21px;margin-bottom: 0;padding: 0 0 10px 10px;}
.ouroff-left h2{font-size: 30px;
                       text-transform: capitalize;
                       text-align: left;
                       font-weight: 600;
                        padding-left: 10px;
                       color: #1c2b38;}                                   
.readmore{font-size: 13px; }
.icon {
    width: 160px;
    height: 160px;
    background: #fff;
    border-radius: 50%;
    border: 2px solid #d1d1d1;
    margin: 0px auto 30px;
    transition: all 0.5s;
    display: block;
    line-height: 160px;color: #007fbd;
}
.icon:hover{background: #007fbd;border: 2px solid #007fbd;color:#fff;}
.icon.mob-dev {
    background: #fff url(images/mobile_r.png) no-repeat center center;
}
.viewmore {
    color:  #1c2b38;
    font-weight: 600;
    text-decoration: none;
    padding: 6px 25px;
    border: 2px solid #d1d1d1;
    display: block;
    width: 145px;
    margin: 0 auto;
    transition: all 0.5s;
    background: #fff;text-align: center;text-transform: capitalize;font-size: 16px;
}
.viewmore:hover{background: #007fbd;text-decoration: none;color: #fff;}
.icon.mob-dev:hover {
    background: #007fbd url(images/mobile.png) no-repeat center center;
    border: 2px solid #007fbd;
}
.fa-mobile-phone{font-size: 90px;position: relative;top: 25px;}
.fa-pencil-square-o{font-size: 70px;position: relative;top: 19px; left: 7px;}
.fa-users{font-size: 70px;position: relative;top: 15px;}
   .lineshort{
                   margin-bottom: 14px !important;
                   margin-top: 17px !important;
               border-top:1px solid  #007fbd !important;
               width:45% !important; 
                margin:auto;
              
           }
 .line { margin-top:-7px !important;
               margin-bottom:30px !important;
               border-top:3px solid  #007fbd !important;
               width:13% !important; 
                margin:auto;
               align: right !important; 
           }
  .mobapp{background: #fff url(images/icon/icon1.png) no-repeat center center !important;}
  .mobapp:hover{background:#007fbd url(images/icon/icon1-1.png) no-repeat center center !important; border:2px solid #007fbd;}                     
          
.entermob{background: #fff url(images/icon/icon2.png) no-repeat center center !important;}
  .entermob:hover{background:#007fbd url(images/icon/icon2-1.png) no-repeat center center !important; border:2px solid #007fbd;}
  .prodev{background: #fff url(images/icon/icon3.png) no-repeat center center !important;}
  .prodev:hover{background:#007fbd url(images/icon/icon3-1.png) no-repeat center center !important; border:2px solid #007fbd;}
   .ownteam{background: #fff url(images/icon/icon4.png) no-repeat center center !important;}
  .ownteam:hover{background:#007fbd url(images/icon/icon4-1.png) no-repeat center center !important; border:2px solid #007fbd;}