body {
    background: #ffffff;
    font-family: Calibri;
    font-weight: 300;

}

html, body {
    width: 100%;
   
}

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=3.0.1');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/* Typography */
h1, h2, h3, .btn {
    /*font-family: 'Montserrat', sans-serif;*/
    font-weight: 400;
    letter-spacing: 1px;
}

h1 {
    font-weight: bold;
    font-size: 100px;
}

h2 {
    color: #333;
    font-size: 40px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-top: 8px;
}

header {
    position: relative;
    width: 100%;
    /*background: #333;*/
    padding: 3px 0px;
    box-shadow: 2px 2px 5px #999;
}

.logo {
    position: relative;
    z-index: 123;
    /*padding: 10px;*/
    font: 18px verdana;
    color: #6DDB07;
    float: left;
    width: 20%
}

    .logo a {
        color: #000;
        font-size:20px;
    }

nav {
    position: relative;
    /*width: 980px;*/
    margin: 0 auto;
}

#cssmenu, #cssmenu ul, #cssmenu ul li, #cssmenu ul li a, #cssmenu #head-mobile {
    border: 0;
    list-style: none;
    line-height: 1;
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    #cssmenu:after, #cssmenu > ul:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0
    }

    #cssmenu #head-mobile {
        display: none
    }

#cssmenu {
    font-family: sans-serif;
    /*background: #333;*/
    z-index:9;
}

    #cssmenu > ul > li {
        float: left
    }

       

    

        #cssmenu > ul > li:hover, #cssmenu ul li.active:hover, #cssmenu ul li.active, #cssmenu ul li.has-sub.active:hover {
            /*background: #273272 !important;*/
            -webkit-transition: background .3s ease;
            -ms-transition: background .3s ease;
            transition: background .3s ease;
        }

        #cssmenu > ul > li.has-sub > a {
            padding-right: 30px
        }

            #cssmenu > ul > li.has-sub > a:after {
                position: absolute;
                top: 22px;
                right: 11px;
                width: 8px;
                height: 2px;
                display: block;
                background: #ddd;
                content: ''
            }

            #cssmenu > ul > li.has-sub > a:before {
                position: absolute;
                top: 19px;
                right: 14px;
                display: block;
                width: 2px;
                height: 8px;
                background: #ddd;
                content: '';
                -webkit-transition: all .25s ease;
                -ms-transition: all .25s ease;
                transition: all .25s ease
            }

        #cssmenu > ul > li.has-sub:hover > a:before {
            top: 23px;
            height: 0
        }

    #cssmenu ul ul {
        position: absolute;
        left: -9999px
    }

        #cssmenu ul ul li {
            height: 0;
            -webkit-transition: all .25s ease;
            -ms-transition: all .25s ease;
            background: #333;
            transition: all .25s ease
        }

            #cssmenu ul ul li:hover {
            }

    #cssmenu li:hover > ul {
        left: auto;
        padding:0px;
      
    }

        #cssmenu li:hover > ul > li {
            height: 35px;
            background:#273272;
        }
            #cssmenu li:hover > ul > li:hover {
                height: 35px;
                background: #d51f13;
            }

    #cssmenu ul ul ul {
        margin-left: 100%;
        top: 0
    }

    #cssmenu ul ul li a {
        border-bottom: 1px solid rgba(150,150,150,0.15);
        padding: 11px 15px;
        width: 280px;
        font-size: 12px;
        text-decoration: none;
        color: #ddd;
        font-weight: 400;
    }

    #cssmenu ul ul li:last-child > a, #cssmenu ul ul li.last-item > a {
        border-bottom: 0
    }

    #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover {
        color: #fff
    }

    #cssmenu ul ul li.has-sub > a:after {
        position: absolute;
        top: 16px;
        right: 11px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }

    #cssmenu ul ul li.has-sub > a:before {
        position: absolute;
        top: 13px;
        right: 14px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: '';
        -webkit-transition: all .25s ease;
        -ms-transition: all .25s ease;
        transition: all .25s ease
    }

    #cssmenu ul ul > li.has-sub:hover > a:before {
        top: 17px;
        height: 0
    }

    #cssmenu ul ul li.has-sub:hover, #cssmenu ul li.has-sub ul li.has-sub ul li:hover {
        background: #363636;
    }

    #cssmenu ul ul ul li.active a {
        border-left: 1px solid #333
    }

    #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: 1px solid #333
    }

@media screen and (max-width:1000px) {
    .detail-div {
        float: right;
        margin-right: 50px!important;
        font-size:12px;
    }
    .btn-red{font-size:10px!important;}
    .logo img{width:125px; float:left}
    .div-position {
        position: absolute;
        top: 20%;
        left: 9%;
        background-color: rgba(255,255,255,0.6);
        padding: 10px;
    }
    #cssmenu ul ul li:hover > a, #cssmenu ul ul li a:hover{
        background:green;
    }
    #cssmenu > ul > li > a {
        color: #fff !important;
       
    }
    #cssmenu ul {
        width: 100%;
        background:#273272!important;
        color: #fff;
        padding:0px;
    }
    .logo {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 46px;
        text-align: center;
        padding: 0px 0 0 0;
        float: none
    }

    .logo2 {
        display: none
    }

    nav {
        width: 100%;
    }

    #cssmenu {
        width: 100%
    }

        #cssmenu ul {
            width: 100%;
            display: none
        }

            #cssmenu ul li {
                width: 100%;
                border-top: 1px solid #666;
            }

                #cssmenu ul li:hover {
                    background: #363636;
                }

            #cssmenu ul ul li, #cssmenu li:hover > ul > li {
                height: auto
            }

                #cssmenu ul li a, #cssmenu ul ul li a {
                    width: 100%;
                    border-bottom: 0
                }

        #cssmenu > ul > li {
            float: none
        }

        #cssmenu ul ul li a {
            padding-left: 25px
        }

        #cssmenu ul ul li {
            background: #333 !important;
        }

            #cssmenu ul ul li:hover {
                background: #363636 !important
            }

        #cssmenu ul ul ul li a {
            padding-left: 35px
        }

        #cssmenu ul ul li a {
            color: #ddd;
            background: none
        }

        #cssmenu ul ul li:hover > a, #cssmenu ul ul li.active > a {
            color: #fff
        }

        #cssmenu ul ul, #cssmenu ul ul ul {
            position: relative;
            left: 0;
            width: 100%;
            margin: 0;
            text-align: left
        }

            #cssmenu > ul > li.has-sub > a:after, #cssmenu > ul > li.has-sub > a:before, #cssmenu ul ul > li.has-sub > a:after, #cssmenu ul ul > li.has-sub > a:before {
                display: none
            }

        #cssmenu #head-mobile {
            display: block;
            padding: 23px;
            color: #ddd;
            font-size: 12px;
            font-weight: 700
        }

    .button {
        width: 55px;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        cursor: pointer;
        z-index: 12399994;
    }

        .button:after {
            position: absolute;
            top: 22px;
            right: 20px;
            display: block;
            height: 4px;
            width: 20px;
            border-top: 2px solid #273272;
            border-bottom: 2px solid #273272;
            content: ''
        }

        .button:before {
            -webkit-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
            position: absolute;
            top: 16px;
            right: 20px;
            display: block;
            height: 2px;
            width: 20px;
            border-top: 2px solid #273272;
            border-bottom: 2px solid #273272;
            content: ''
        }

        .button.menu-opened:after {
            -webkit-transition: all .3s ease;
            -ms-transition: all .3s ease;
            transition: all .3s ease;
            top: 23px;
            /*border: 2px;*/
            height: 2px;
            width: 19px;
            background: #273272;
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            transform: rotate(45deg);
            border-top: 2px solid #273272;
            border-bottom: 2px solid #273272;
        }

        .button.menu-opened:before {
            top: 23px;
            background: #fff;
            width: 19px;
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -o-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

    #cssmenu .submenu-button {
        position: absolute;
        z-index: 99;
        right: 0;
        top: 0;
        display: block;
        border-left: 1px solid #444;
        height: 46px;
        width: 46px;
        cursor: pointer
    }

        #cssmenu .submenu-button.submenu-opened {
            background: #262626
        }

    #cssmenu ul ul .submenu-button {
        height: 34px;
        width: 34px
    }

    #cssmenu .submenu-button:after {
        position: absolute;
        top: 22px;
        right: 19px;
        width: 8px;
        height: 2px;
        display: block;
        background: #ddd;
        content: ''
    }

    #cssmenu ul ul .submenu-button:after {
        top: 15px;
        right: 13px
    }

    #cssmenu .submenu-button.submenu-opened:after {
        background: #fff
    }

    #cssmenu .submenu-button:before {
        position: absolute;
        top: 19px;
        right: 22px;
        display: block;
        width: 2px;
        height: 8px;
        background: #ddd;
        content: ''
    }

    #cssmenu ul ul .submenu-button:before {
        top: 12px;
        right: 16px
    }

    #cssmenu .submenu-button.submenu-opened:before {
        display: none
    }

    #cssmenu ul ul ul li.active a {
        border-left: none
    }

    #cssmenu > ul > li.has-sub > ul > li.active > a, #cssmenu > ul ul > li.has-sub > ul > li.active > a {
        border-top: none
    }
}

.carousel-caption {
    left: 15%;
    padding-bottom: 30px;
    top: 20%;
    text-shadow:none;
    text-align:left;
}
    .carousel-caption h3 {
        font-size: 40px !important;
        color: #333;
        font-weight: bold;
        margin: 0px;
    }
.carousel-caption p{font-size:30px;font-weight:bold; color:green}
@media screen and (max-width:768px) {
    .carousel-caption {
        left: 10%;
        padding-bottom: 30px;
        top: 5%;
        text-shadow: none;
        text-align: left;
    }
        .carousel-caption h3 {
            font-size: 20px !important;
            color: #273272;
            font-weight: bold;
            margin: 0px;
        }

    .carousel-caption p {
        font-size:15px;
        font-weight: bold;
        color: green
    }
}
.feature-icon{text-align:center!important}
.feature-icon i {
    color: #273272;
    font-size: 60px;
    text-align: center;
}
/*section#about{padding:30px;}*/
footer {
    background-color: #cf1711;
    color: #fff;
    padding-top: 20px;
    padding-bottom: 20px;
}
#cssmenu > ul > li:hover > a, #cssmenu ul li.active a {
    color: #c90c10;
}
#cssmenu > ul > li > a {
    padding: 17px;
    font-size: 14px;
    letter-spacing: 1px;
    text-decoration: none;
    color: #333;
    font-weight: 700;
    padding: 15px 20px;
}
.eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

    .eq-height > [class*=col-] {
        display: flex;
        flex-direction: column
    }

.cloud-banner {
    background: url("../images/cloud-inner.jpg");
    background-repeat: no-repeat;
    height:175px;
    background-position:50% 70%;
}
.contact-banner {
    background: url("../images/contact-inner.jpg");
    background-repeat: no-repeat;
    height: 300px;
    background-position: 100% 10%;
}
.mobility-banner {
    background: url("../images/mobility-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.bi-banner {
    background: url("../images/business-intelligence-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.bpm-banner {
    background: url("../images/bpm-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.cs-banner {
    background: url("../images/cyber-security-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.finance-banner {
    background: url("../images/finance-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.energy-banner {
    background: url("../images/energy-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.healthcare-banner {
    background: url("../images/healthcare-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.insurance-banner {
    background: url("../images/insurance-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.telecom-banner {
    background: url("../images/telecom-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.quality-banner {
    background: url("../images/quality-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.govern-banner {
    background: url("../images/govern-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.engineering-banner {
    background: url("../images/engineering-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.manufacturing-banner {
    background: url("../images/manufacturing-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.technology-banner {
    background: url("../images/technology-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.furnished-banner {
    background: url("../images/furnished-inner.jpg");
    background-repeat: no-repeat;
    height: 300px;
    background-position: 100% 10%;
}
.basic-banner {
    background: url("../images/basic-inner.jpg");
    background-repeat: no-repeat;
    height: 300px;
    background-position: 100% 10%;
}
.consulting-banner {
    background: url("../images/consulting-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.enterprise-banner {
    background: url("../images/enterprise-inner.jpg");
    background-repeat: no-repeat;
    height: 175px;
    background-position: 100% 10%;
}
.h-tags {
    margin: 0px;
    padding: 0px;
}
.div-position{position:absolute; top:20%; left:9%;}
.h2tag{ text-transform:none; font-size:25px;}
.margin-bottom-20{margin-bottom:20px;}
.margin-top-20 {
    margin-top: 20px;
}
.margin-bottom{margin-bottom:10px;}
.margin-top{margin-top:10px}
.margin{margin:10px;}
.padding{padding:10px;}
.padding-top{padding-top:10px;}
.padding-bottom{padding-bottom:10px;}

.txt-center{text-align:center}
/*.feature-icon {
    background-color: #273272;
    width: 85px;
    height: 85px;
    margin: 0 auto;
    top: 0;
   
    margin-bottom: 10px;
    position: relative;
    border-radius: 50%;
    display: table;
    text-align: center;
    line-height:30px;
}*/
.feature-icon .fa {
    color: #273272;
    font-size: 36px;
    margin: 0;
    padding: 0;
}
.border-bottom{border-bottom:2px solid #273272}
.inner-heading {
    color: #c90c10
}
.image-width{max-width:100%}
.scroller-image img{width:auto;}
.scroll-box{box-shadow:0px 0px 15px #eee; padding:20px;border:1px solid #efefef;}

.text-heading {
    font-size: 30px !important;
    color: #c90c10;
    font-weight: bold;
    margin: 0px;
}

.footer-list{list-style-type:none; margin-left:-40px;}
    .footer-list a:hover {
        color: #a8b3f1;
        transition:.3s ease;
        text-decoration:none;
    }
    .footer-list a{
        transition:.3s ease;
        color:#fff;
    }
    .social-icons li a {
        transition: .3s ease;
    }
.social-icons li a:hover {
    filter: invert(100);
    transition: .3s ease;
}

.no-padding{padding:0px;}
.no-left-padding{padding-left:0px;}
.no-right-padding {
    padding-right: 0px;
}

.sub-btn{background:#273272; color:#fff; padding:5px 10px;border:none; margin:5px; font-size:14px;}
.txtcenter{text-align:center;}
.no-margin{margin:0px;}
.margin-left{margin-left:10px;}
.margin-top-30{margin-top:30px;}
.detail-div {
    float: right;
    margin: 5px 15px;
}
.contact-details {
    color: #c90c10;
    font-weight: bold;
   
}

.btn-red {
    background: #273272;
    color: #fff;
    padding: 5px 10px;
    border: none;
    margin: 5px;
    font-size: 12px;
}
.text-right{text-align:right;}
.service-heading {font-size:16px; margin:0px; font-weight:bold; margin-bottom:10px;}
.margin-bottom-20{margin-bottom:20px}
.margin-top-20 {
    margin-top: 20px
}
.list-img {
    list-style-image: url('../images/list-image.png')
}
.circle-bg {
    background: #c90c10;
    padding: 17px 10px;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
}
.footer-bg{background:url("../images/footer-bg.png"); background-repeat:no-repeat; height:150px;background-position:20% 100%;}
.div-border {
    border: 1px solid #ccc;
    padding: 20px;
    box-shadow: 3px 3px 4px #ccc;
    transition: 2s;
    cursor:pointer;
}
.div-border:hover{transform:scale(1.06); transition:1s}

.i-circle {
    border: 1px solid #333;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    padding: 5px;
    line-height:23px!important;
}