
body {
    
    overflow-x: hidden;
  
}

dl,dt,dd { font-size: 1.1em; 

}

html{position:relative;min-height:100%;}
body{margin-bottom:160px;}
.footer{position:absolute;bottom:0;width:100%;height:60px; margin-top: 80px; background-color:#281e29; color:white;}
p.text-muted { padding-top: 20px; }

header {
    
    /* header background for full-with background */ 
    
    background: url('/public/img/header.png') no-repeat center center;    
    min-height: 200px;
    max-height: 200px;  
     
 }
header div.header-logo {
            
    background: url('/public/img/logo-sm.png') no-repeat center center;
    min-height: 108px;
    max-height:108px;
    position:relative;
    top:40px;
            
    }

/* nav */    

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    
    border-color:transparent;
    
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    
    background-color: #f8f8f8 !important;
   
}
.navbar {
    
    border:none !important;
    height: 100%;
    min-height: 100%;
    padding:30px;
    margin-bottom: 0 !important;
  
}
.navbar .navbar-nav {
    display: inline-block;
    float: none;
    border-radius: 0 !important;
}
.navbar .navbar-collapse {
    text-align: center;
    border-color:transparent;
}

/* section intro */

section.intro {
    
    background-color: #2c212d;
    color:white;
    height:100%;
 
}
section.intro h3 { margin-top: -10px; font-size:1.2em; }
    
/* section services */    
    
section.services {
   
    background-color: #483e49;
    color:white;
    height:100%;
    line-height: 30px;

}

section.services div.service-inner      { margin: 30px 15px 10px 15px;  }
section.services div.service-inner i.fa { float:left; position: relative; top:-4px; }
section.services div.service-inner h1   { margin-left: 45px; }  
section.services div.service-inner span { display:block; font-size:1.1em; padding-top: 10px; }  

/*section customers */

section.customers {
   
    background-color: #3d212d;
    color:white;
    height:100%;

}
section.customers h3 { padding:0 20px 0 20px;}

/* section customers boxes */

.box, .box2, .box3 { color:white; padding: 5px 0 30px 0; }
.box   { background-color: #409293; }  /* section customers box color */
.box2  { background-color: #3d6969; }  /* section customers box color */
.box3  { background-color: #0c5556; }  /* section customers box color */
.box-white  { background-color: white; }  /* section customers box color */
.box-t  { background-color: transparent !important; }  /* section customers box color */
.box-c{ background-color: #483e49 }  /* section customers box color */

/* section company-chooose */

section.company-choose {
   
    background-color: #2c212d;
    color:white;

}

section.company-choose li i { margin-right: 20px; padding:0 10px 0 10px; }
section.company-choose ul { margin-top:30px;}
section.company-choose li { line-height:45px; font-size:1.3em; list-style-type:none;}
section.company-choose div.service-inner { background-color: #483e49; height: 100%; line-height: 30px; }
section.company-choose div.service-inner h1 { border-bottom:10px solid white; margin-bottom: 20px; margin-top: 0px; padding-bottom: 20px; }
section.company-choose div.service-inner i.fa { width: 50px; position:relative; top:10px; margin-right: 15px; padding-bottom: 10px; padding-right:10px;}

/* section references */

section.references { background-color: #483e49; padding: 20px; color:white; line-height: 2px;}
section.references h1 { padding:20px; padding-bottom: 0;}
section.references h3.date { font-size: 1.1em; margin-top:10px;}
section.references h3.place { font-size: 1.1em; margin-top:-5px;}
section.references h3.data { font-size: 1.1em; padding-bottom: 20px; }
section.references img { margin: 20px 0 20px 0; cursor: pointer; opacity:0.5; }

/* clearfix */

.clear { zoom: 1; }
.clear:before,
.clear:after { content: ""; display: table; }
.clear:after { clear: both; }

section.developers {

    background-color: #483e49;
    color:white;
    height:100%;
    min-height:450px;
    padding-bottom:50px;

}

section.developers hr {

  border: 3px solid #181019;
  margin-top:0px;
}

section.developers .hr-2 {

  border: 1px solid #181019;
  margin-top:0px;

}

section.developers h3 {

 background:#391f3b;
 padding:20px;
 margin-bottom:-1px;

  font-size:28px;
  font-weight:bold;
}