* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    font-family: 'Raleway', sans-serif;
}


h2{
    /*font-weight:lighter;*/
    font-size:1.8em;
    color:#0656C3;
    color: rgba(0, 68, 156,1);
    margin-top:40px;
    margin-bottom: 20px;
    /*font-family: 'Montserrat';*/
    font-family: 'Heebo';
    font-weight: 400;
}

h3{

    font-size:1.6em;
    color:#0656C3;
    color: rgba(0, 68, 156,1);
    margin-top:40px;
    margin-bottom: 10px;
    font-family: 'Montserrat';
    font-family: 'Heebo';
    font-weight: 400;
}


.row{
    padding:70px 0;
}



/*-------------NAV--------------------*/

.navbar-csgi{
    /* z-index: 1000;
     position: relative;*/
     background-color: rgba(35, 90, 168, 1);
     background-color: rgba(0, 68, 156,0.95);
     background-color: rgba(0, 56, 129, 0.95);
     /*background-color: rgb(13, 64, 134);*/
     /*background: rgba(0, 0, 0, 0.35);*/
     border-bottom:solid 2px rgb(224, 176, 85);
     border-bottom:solid 2px rgb(219, 152, 28);
     text-transform: uppercase;
 }
 
 .navbar{
 }
 
 .navbar-nav-csgi a{
     color: #fff;
     font-weight: bold;
     font-size: 0.85em;
 }


 .navbar-nav-csgi li{
    font-size: 0.95em;
    font-family: 'Montserrat', sans-serif;
    padding:0 10px;
 }


/*-------------JUMBOTRON-----------------*/

.jumbotron{
	background-image: url('img/hero1.jpg');
	background-size: cover;
    background-repeat: no-repeat;
    height: 523px;
    padding:0;
    border-bottom: rgb(0, 60, 139) 3px solid;
   /* position:relative;
    top:-80px;*/
} 

.jumbotron.about{
	background-image: url('img/jumbotron2.jpg');
	background-size: cover;
    background-repeat: no-repeat;
    height: 523px;
    padding:0;
    border-bottom: rgb(0, 60, 139) 3px solid;
    
} 

.jumbotron-text{
    font-size:2.1em;
    padding:40px;
    background:rgba(0, 0, 0, 0.10); 
    
    border-radius: 5px;
    font-family: 'Alfa Slab One';
    font-family: 'Staatliches';
    font-family: 'Montserrat';
    font-family: 'Heebo';
    font-weight: 500;
    color: rgba(255, 255, 255, 0.95);
    width:75%;
    margin:0 auto;
    margin-bottom: 40px;
    text-transform: uppercase;
    line-height: 1.4em;
    text-align: center;
    
}



/*.jumbotron-overlay{
    background-color: #007bff;
    height: 500px;
}*/

.row.jumbotron-overlay{
    background: rgba(0, 0, 0, 0.10); 
    overflow: hidden;
    height: 100%;
    z-index: 2;
    color:white;
    vertical-align: text-bottom;
}

.jumbotron_text_h5{
    font-size:2.1em;
    padding:40px;
    background:rgba(0, 0, 0, 0.10); 
    
    border-radius: 5px;
    font-family: 'Alfa Slab One';
    font-family: 'Staatliches';
    font-family: 'Montserrat';
    font-family: 'Heebo';
    font-weight: 500;
    color: rgba(255, 255, 255, 0.95);
    width:75%;
    margin:0 auto;
    margin-bottom: 40px;
    text-transform: uppercase;
    line-height: 1.4em;
}

.coloured_row{
    margin-top:70px;
    background-color: #EFF6FF;
    background-color: rgb(252, 252, 252);
    border-top:solid 1px #D59B4B;
    border-top:solid 1px rgb(219, 152, 28);
    border-bottom:solid 1px #D59B4B;
    padding-bottom: 60px;
}

/*-------------------------ABOUT US----------------------*/

.team-row{
    padding-bottom:10px;
    padding-top:20px;
}

.member_name{
    text-align: center;
}

.member_name p{
    background-color: rgb(0, 68, 156);
    color:white;
    display: inline-block;
    margin-top:10px;
    font-size:0.80em;
    text-transform: uppercase;
    font-family: 'Raleway';
    text-align: center;
    width:160px;
}

/*.card:first-of-type{
    margin-left:0;
}

.card:last-of-type{
    margin-right:0;
}*/

.card{
    margin: 0px 55px;
    text-align: center;
    border: #e2e2e2 solid 1px;
    padding:1px;
    border-radius: 2px;
}

/*.card.first_card{
    margin-left:0;
}

.card.last_card{
    margin-right:0;
}*/

.card.team{
    margin:20px 10px;
}

.card:hover{
    box-shadow: 0px 0px 8px 2px #d4d4d4;
}

.card a.card-buttons{
    text-align: center;
    display: block;
    background-color: #235BA8;
    background-color: #0A62D5;
    background-color:  rgb(0, 80, 185);
    color:#fff;
    padding:7px;
    font-size: 0.9em;
    margin-top:15px;
    border-radius: 2px;
    width:120px;
    margin:0 auto;
    text-transform: uppercase;
}

.card a.card-buttons:hover{
    background-color: rgb(0, 68, 156);
    color:#fff;
    text-decoration: none;
}


.link-buttons{
    background-color: #0A62D5;
    color:#fff;
    margin-top:5px;
    border-radius: 3px;
    font-size:0.9em;
    padding:10px 15px;
    margin-top:20px;
}

.link-buttons:hover{
    background-color: rgb(0, 68, 156);
    color:#fff;
    text-decoration: none;
}

.card_body{
    text-align: center;
}

.card-img-top{
    margin-bottom: 20px;
    height:260px;
}


p{
    font-size: 0.95em;
    
}

p.main{
    font-size: 1.0em;
    padding:5px 0px 20px 0;
}

.footer{
    margin-top:90px;
    background-color: rgb(28, 78, 148);
    background-color: rgb(0, 56, 129);
    padding:60px 0;
    color: white;
    font-size: 0.85em;
    text-transform: uppercase;
}

.footer a{
    color: white;
    font-size: 0.85em;
}

.form-control{
    border-radius: 0;
    border:none;
    font-size: 0.9em;
    margin:5px;
    padding:0px;
    padding-left:10px;
}

.form-group{
    padding:0;
}


h4{
    padding-bottom: 20px;
    font-size:1.3em;
}

.btn{
    border-radius: 0;
    background-color: rgb(0, 50, 119);
}

h1.display-csgi{
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
}



.carousel slide{
    height:550px;
}

#carousel {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.carousel-inner,
.carousel-item {
    height:520px;
}
.carousel-item {
    background: no-repeat center/cover;
}

.jumbotron-overlay{
    background-color: #0656C3;
    z-index: 500;
    position: relative;
}

.project_div
{
    border-top:solid 1px rgb(187, 187, 187);
   /* border-bottom:solid 1px grey;*/
   padding:20px;
   color:grey;
}

.project_div ul{
    padding-left:30px;
}

.project_div img{
    width:130px;
    margin-right:30px;
    
}

.project_company_title{
    margin-left:20px;
    color: #0656C3;
    font-size: 1.1em;
    font-family: 'Heebo';
    /*font-weight: 600;*/
}

.project_details{

    margin-left:60px;
    padding-bottom:40px;
}

.card-left{
    text-align: left;
}

.project_details ul{
    padding-left:50px;
}

.project_details li{
    font-size:0.95em;
}

.project_sub_header{
    padding:15px;
    padding-left:0;
    color: #0656C3;
    font-size: 1.1em;
    /*text-decoration: underline;*/
    font-family: 'Heebo';
}

.profile_thumbnail{
    width:160px;
    border:solid 1px rgb(207, 207, 207);
    padding:3px;
}

.profile_details h3
{
    margin-top:20px;
}

.profile_details{
    border-top:solid 2px rgb(248, 206, 146);
        padding-top:10px;
    
   /* background-image: linear-gradient(#D59B4B 0%, #fff 15%);*/
}

.caption p{
    text-align: center;
    font-family: 'Heebo';
}



.projects .row{
    padding:0px 0;
}

.services{
    padding:10px 0;
}

.copyright{
    padding:10px 0;
}

/*------------------SERVICES-----------------*/
.services_list h3{
    font-size:1.4em;
    padding-bottom:10px;
}

.services_card p{
    background-color: rgb(0, 68, 156);
    color:white;
    display: inline-block;
    margin-top:10px;
    width:240px;
    padding:3px 8px;
    text-transform: uppercase;
    display: none;
}

.services li{
    font-size:0.95em;
    font-family: 'Heebo';
}

.services_card{
    text-align: center;
    border:solid 1px rgb(224, 224, 224);
    border-radius: 3px;
    margin: 5px 45px;
    margin-bottom: 40px;
}
.services_card img{
    padding:15px 0;
    width:240px;
    margin:0 auto;
    text-align: center;
}

.services_list{
    padding-left:35px;
    margin-left:40px;
    border-left:solid 1px  rgb(224, 224, 224);
}

.services_list ul{
    padding-left:20px;
}