@charset "utf-8";


h1, h2, h3, h4, h5, h6, p {

    font-family: Raleway, sans-serif;

}

body {

    margin: 0;
    font-family: arial, helvetica, verdana, sans-serif;
  min-width: 1050px;width:100%;

}


/* navigation CSS for includes/navigation.php */

        topbar {

            width: 100%;
            height: 40px;
            color: white;
            background: rgba(0,0,0,0.5);

        }

        .fixedwidth {

            width: 960px;
            margin: 0 auto;
        }

        #logodiv {

            padding-top: 3px;
            float: left;
            
        }

       
        #topmenudiv {

            float: right;
            font-family: 'Raleway', sans-serif;
        }

        #topmenudiv ul {

            margin: 0;
            padding: 0;
            float: right;
        }

        #topmenudiv li {

            list-style: none;
            font-size: 0.9em;
            height: 100%;
            padding: 12px 0 0 40px;
            float: left;

        }


        .break {

            clear: both;

        }

        a:link {

            color: #ffffff;
            text-decoration: none;
            
        }

        a:visited {

            color: #ffffff;
        }

        a:hover {

            color: #ffffff !important;
        }

        a.active-link {

            color: #58ACFA;
        }


        /* end of navigation CSS */


/* Fonts */

h1 {

    font-size: 4em;
}

h2 {

    color: #ffffff;
    font-size: 2.5em;
    font-weight: 300;
            
}

h2.itind {

    font-size:48px;
    font-weight: 300;

}

h3.indh {

    font-size:26px;
    color:#a4a4a4;
    font-weight: 400;

}

        h3 {

            color: #808080;
            font-size: 1.8em;
            font-weight: 300;
            margin: 0;
            
        }

        .h3red {

            color: #b40404;
            font-size: 1.6em;
            font-weight: normal;
            margin: 0;
            
        }

        .h3white {

            color: #ffffff;
            font-size: 1.8em;
            font-weight: 200;
            margin: 0;

        }

        .h3pale {

            font-family: arial, verdana, sans-serif;
            color: #e6e6e6;

        }

        .h3header {

            text-transform: uppercase;
            font-weight: 300;

        }

        .h3-link {

            font-size: .8em;
            color: #f2f2f2;
            text-transform: none;

        }

h4{

    font-size:20px;

}

.h4cap {

    text-transform: uppercase;
    font-size: 1.3em;
    color: #ffffff;
    font-weight: 300;
    margin: 0;
}

.red {

    color: #b40404;
}



        .h2subhead {

            color: #ffffff;
            font-size: 2em;
            font-weight: 300;
            
        }

        .h2dark {

            color: #6e6e6e;
            font-size: 2.5em;
            font-weight: 300;
            
        }

        .h2red {

            color: #b40404;
            font-size: 2.5em;
            font-weight: 300;
            
        }



        .h4white {

            color: #ffffff;
            font-size: 1.4em;
            font-weight: 300;
            margin: 0;

        }

        .h4gray {

            color: #6e6e6e;
            font-size: 1em;
            font-weight: 300;

        }

        .h4cap {

            text-transform: uppercase;
            font-size: 1.3em;
            color: #ffffff;
            font-weight: 300;
            margin: 0;
        }

        .h4cap-dark-1 {

            text-transform: uppercase;
            font-size: 1.3em;
            color: #4000000;
            font-weight: 300;
            margin: 0;
        }


        .h4cap-dark {

            text-transform: uppercase;
            font-size: 1em;
            color: #1c1c1c;
            font-weight: 500;
            margin: 0;
        }

        .h4cap-white {

            text-transform: uppercase;
            font-size: 1em;
            color: #ffffff;
            font-weight: 500;
            margin: 0;
        }


        p {

            color: #f2f2f2;
            font-weight: 300;

        }

        .p-dark {

            color: #848484;
        }

        .p-light {

            color: #f2f2f2;
        }


/* End of fonts */


#top-background {

    background: url(images/bus.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 750px;
    width: 100%;
    margin: 0;
    padding: 0;

}

#top-banner {

    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.6);

}

#banner-content {

    width: 70%;
    height: auto;
    text-align: center;
    margin: 0 auto;
    margin-top: 180px;

}

#headline {
    
    color: #ffffff;
    font-weight: 200;
    
}

#top-banner ul {

    width: 800px;
    margin: 0 auto;
}

#top-banner li {

    display:inline-block;
    margin-right:45px;

}

#top-banner ul li:first-child+li+li{margin-right:0;}

#top-banner ul li a {

    color:#ffffff;
    text-decoration:none;
    font-weight: 300;
    text-transform: uppercase;

}

        .services-flex-div {
            padding: 0;
            margin: 0;
            list-style: none;
            display: flex;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex; 
            -webkit-flex-flow: row wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            position: relative;
            top: -57px;
            
        }

        

        .services-flex-item {

            background: rgba(0,0,0,0.5);
            margin-top: 1px;
            text-align: center;

            -prefix-box-flex: 1; /* old spec webkit, moz */
            flex: 1;
            -ms-flex: 1; /* old spec IE 10 and below */
            min-width: 150px;
   
        }



        .services-flex-item:hover,.services-flex-item:focus,.services-flex-item:active {
            background: rgba(0,102,204,0.5);
        }

        .flex-list {
            padding: 0;
            margin: 0;
            list-style: none;

            
            display: -webkit-box;
            display: -webkit-flex;
            display: -ms-flexbox; 
            display: flex;
          
            -webkit-flex-wrap: wrap;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
     
        }
 
        .flex-item {
            background: #424242;
            padding: 0;
            margin-top: 1px;
            text-align: center;

            -moz-box-flex: 1;
            -webkit-box-flex: 1; /* old spec webkit, moz */
            -webkit-flex: 1;
            -ms-flex: 1; /* old spec IE 10 and below */
            flex: 1;
            min-width: 150px;

        }

        @-moz-document url-prefix() {
            .flex-div {
                display: flex;
            }
        }

        .flex-item:hover {

            background: rgba(0,102,204,0.5);
            cursor: pointer;
        }

        #flex-left-margin {

            margin-left: 1px;
           
        }

        li .flex-li {
    
            display: block;
            padding: 15px 15px 15px 15px;
            text-decoration: none;
            color: #ffffff;
            cursor: pointer;
        
        }


        /* Services css code */



        #cloud-div { 

            background: url(images/security.jpg) no-repeat center center fixed; 
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            width: 100%;

        }

        #maintenance-div { 

            background: url(images/maint.jpg) no-repeat center center fixed; 
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            width: 100%;

        }

        .service-item-bg {

            height: 100%;
            width: 100%;
            background: rgba(0,0,0,0.7);

        }

        .service-item {

            margin-bottom: 60px;

        }

        .service-item-heading {

            text-align: left;
            float: right;
            padding-top: 60px;
            width: 45%;
/*            padding-left: 30px;
*/
        }

        .services-left-column {
         
            float: left;
            width: 450px;
            padding-top: 100px;

        }


        .service-item-heading-left {

            text-align: left;
            float: left;
            width: 45%;
            padding-top: 30px;

        }

        .services-right-column {
         
            float: right;
            width: 50%;
            padding-top: 70px;
            padding-bottom: 30px;

        }



        #circle1 { 

            height: 300px;
            width: 500px;
            background-color: #81BEF7;

        }

        /* End of Services page */


        /* End of Services css code */


.gear-img img{display:none;}

/* Arrows */

.arrow-link{

    vertical-align:middle;

}

.arrow-link a{

    color:#ffffff;
    text-decoration:none;

}

.arrow2 img{margin-bottom:-10px;}



.arrow-img {

    position: relative;
    bottom: 7px;
    left: 5px;

}

.arrow1 {

    vertical-align:text-bottom;
    margin-left:7px;

}
.arrow2 {

    margin-left:10px;

}

/* End of Arrows */


#subheadline {

    

    margin:0 auto;
    color: #a4a4a4;
    width: 650px;
    padding-top: 10px;
    padding-bottom: 50px;
    text-align: center;

}

.cloud-border {

    width:100%;
    height: 40px;
    margin-top: 54px;/*80px*/
    background: -webkit-linear-gradient(gray, white); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(gray, white); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(gray, white); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f2f2f2, white); /* Standard syntax */

}

#features {  

    width:940px;
    margin:0 auto;
    text-align:left;
    margin-bottom:50px;
    margin-top:15px;    
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;

}
 
.partner {

    display:inline-block;
    font-size:24px;
    text-align:left;
    color:#585858;
    font-weight:400;
    vertical-align: top;
    display: inline-block;
    *display: inline;

}

.stretch {

    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0

}

#cloud-computing {

    width:940px;
    margin:0 auto;
    margin-bottom:50px;
    
}

#cloud-computing .banner-left {

    display:inline-block;
    width:470px;
    vertical-align:top;

}

#cloud-computing .banner-right {

    display:inline-block;
    width:420px;
    overflow:visible;
    vertical-align:middle;

}

#technology-consulting {

    width:940px;
    margin:0 auto;
    margin-bottom:50px;

}

#technology-consulting .banner-left {

    display:inline-block;
    width:400px;
    vertical-align:middle;
    margin-right:25px;

}

#technology-consulting .banner-right {

    display:inline-block;
    width:510px;
    vertical-align: top;

}

#managed-services {

    width:940px;
    margin:0 auto;
    margin-bottom:150px;

}

#managed-services .banner-left {

    display:inline-block;
    width:480px;
    vertical-align: top;

}

#managed-services .banner-right {

    display:inline-block;
    width:423px;
    vertical-align:middle;
    margin-left: 30px;

}



        /* Footer CSS */


        .bottombar {

            width:100%;
            height: 40px;
            color: white;
            border-bottom: 1px solid white;
            background-color: #1c1c1c;
            font-family: 'Raleway', sans-serif;

        }

        #copyright {

            float: left;
            font-size: 0.8em;
            
        }

        #bottommenudiv {

            float: right;

        }

        #bottommenudiv ul {

            margin: 0;
            padding: 0;
            float: right;
        }

        #bottommenudiv li {

            list-style: none;
            font-size: 0.8em;
            height: 100%;
            padding: 12px 20px 13px 20px;
            float: left                                                                                                                                    ;

        }

        img {

            border-style: none;
        }
@media (min-width: 1200px) {
    .navbar.navbar-inverse .container-fluid{padding-right:0px;}
    .navbar.navbar-inverse .navbar-collapse{padding-right:0px;}
    
    #topmenudiv li{padding:11px 0 0 25px;}
    #topmenudiv li a{padding-right:0px;}    
}



@media (max-width: 479px) and (min-width: 320px)
{
    #top-banner ul{width: 260px !important;padding-left:0px;}

    #top-banner li{margin-right:0px;}
}