html { 
  background-color:#364150;
  background-position:center center;
  background-repeat:no-repeat;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  height: 100%;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

body{
    background-color:transparent;
    height: 100%;
    font-family:'Roboto',Arial,sans-serif;
    padding:0;
    margin:0;
    overflow-x:hidden;

}

h1{
    font-size: 13pt !important;
    font-family: 'Titillium Web', sans-serif !important;
    color: #364150;
}

#bg-container{
    background-repeat:no-repeat;
    background-position-x:-100px;
    background-position-y:-80px;
    overflow:visible;
    min-width:250px;
    max-width:250px;
}

.wrapper{
    padding:20px;
    margin-top:30px;
}


#mainContainer{
    height: 100%;
}

#logo-container{
    position:relative;
    width:100%;
    text-align:center;
    padding-top:0;
    margin-top:8%;
}

.row{
    margin:0;    
}

#loginDiv{
    margin-top:5%;
    background-color:white;
    padding-top:20px;
    -webkit-box-shadow: 0px 1px 5px 1px rgba(0,0,0,.5);
    -moz-box-shadow: 0px 1px 5px 1px rgba(0,0,0,.5);
    box-shadow: 0px 1px 5px 1px rgba(0,0,0,.5);
    border-radius:.5em;
    max-width:300px; 
    z-index:3000;
    padding-bottom:2em;
    overflow:auto;
    text-align:center;
}

.secondaryDiv{
    background-color:#f2f2f2;
    border-top:1px solid rgba(33,33,33,.1);
    border-bottom:1px solid rgba(33,33,33,.1);
    padding:1em;
}

#loginButton{
    width:100%;
}


#img-container {
    width: 300px;
    height: 240px;
    margin: 30px 0 0 0 ;
    overflow: hidden;
    border-radius: 50%;
    background-position: center center;
    background-size: cover;
    box-shadow: 0;
    background-image: url(../img/gearbox-cutted-550x441.jpg);
    background-position:center center;
    
}

#slogan-container {
    font-size:80em;
    line-height:30em;
    color:white;
    text-align:right;
    margin-top:10%;
}

#promo {
    /*background-image:url(/crm/img/promo-001.png);
    background-repeat:no-repeat;
    background-position:center center;
    background-size:contain;*/
    min-height: 100%;
    max-height: 90%;
    display: block;
    z-index: 0;
}

#promo h1{
    color:#364150;
    border-radius:.2em;
    text-align:center;
    font-size:18pt;
    margin-top:2em;
    margin-bottom:1em;
}

#promo span{
    font-family:Calibri,Arial,sans-serif;
    font-weight:900;
}

input{
    margin-top:10px;
    margin-bottom:15px;
}

#slogan-container{
    background-color:transparent;
}

#img-container i{
    font-size:60pt;
    margin-top:30px;
    color:rgba(241,243,250,1);
    color:silver;
}

#footer{
    position:absolute;
    width:100%;
    margin:0;
    margin-bottom:8px;
    padding:0;
    font-size:11pt;
    font-family:'Roboto',Arial,sans-serif;
    color:rgba(255,255,255,.8);
    bottom:0;
    text-align:center;
    letter-spacing:.3px;
}