/*
Palette
    #0F75BC - rgba(15, 117, 188, 1) - Blue
        #052840 - rgba(5, 40, 64, 1)
        #0A4F7F - rgba(10, 79, 127, 1)

    #AEDFE5 - rgba(174, 223, 229, 1) - Light Blue
        #C2F8FF - 

    #764C28 - rgba(118, 76, 40, 1) - Brown
    #E96F35 - rgba(233, 111, 53, 1) - Orange
    #FDD3A5 - rgba(253, 211, 165, 1) - Light Orange
*/

@import url(https://fonts.googleapis.com/css?family=Roboto);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab);
body{
	font-family:"Roboto", Arial, sans-serif;
    font-size:18px;
}
.navbar {
    border:0;
    margin-bottom: 0;
    min-height: 100px;    
}
.navbar-default {    
    border-radius:0;
    box-shadow: none;
    padding:0;
}
.navbar-default .navbar-nav > li > a {
    color: #333;    
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    background-color: transparent;
    color: #E96F35;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent;
    color: #E96F35;
}
.navbar-default .navbar-nav > .disabled > a, .navbar-default .navbar-nav > .disabled > a:hover, .navbar-default .navbar-nav > .disabled > a:focus {
    background-color: transparent;
    color: #ccc;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .active > a {
    background-image: none;
    background-repeat: no-repeat;
    box-shadow: none;
}
.navbar-brand {
    display:block;
    float: left;
    height: 100%;
    padding: 10px;
}
section{
    padding:100px 0 50px;
}
section h2{
    text-align:center;
    font-size: 40px;
    line-height: 50px;
    padding-bottom: 15px;
}
section h2::after {
    bottom: 0;
    content: "";
    height: 10px;
    left: 40%;
    position: absolute;
    width: 20%;
    background-color: #E96F55;
}
section div.row:nth-child(2){
    margin-top:50px;
}
#about,
#contact{
    background-color: #0A4F7F;
}

#services{
    background-color: #F8F8F8;
}
footer{
    background-color: #052840;
    padding: 20px;
}
#about,
#contact{
    color:#FFFFFF;
}
footer{
    color:#CCCCCC;
}
#home{
    padding:125px 0 75px;
    overflow: hidden;
    position: relative;
    width: 100%;
    
    background: rgba(255, 255, 255, 1) url("../img/bg-xs.jpg") no-repeat center center fixed;    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
#home .intro-left{
    color: #FFFFFF;
    font-size: 25px;
    font-family: 'Roboto Slab', serif;      
    text-align: right;    
}
#home .intro-right{
    color: #E96F55;
    font-size: 35px;
    font-weight: 700;
    text-align: center;
}
.service-icon {
    height: 150px;    
    width: 150px;
    margin:25px auto 25px auto;    
}
.service-icon.icon-revenue-cycle {
    background: url("../img/icons.png") 0 0;
}
.service-icon.icon-process {
    background: url("../img/icons.png") 0 -150px;
}
.service-icon.icon-growth {
    background: url("../img/icons.png") 0 -300px;
}
.service-icon.icon-contract {
    background: url("../img/icons.png") 0 -450px;
}
.service-icon.icon-audit {
    background: url("../img/icons.png") 0 -600px;
}
.service-icon.icon-new-client {
    background: url("../img/icons.png") 0 -750px;
}
#services h3{
    margin: 20px 0;
    padding-bottom: 10px;
    position: relative;
    text-align: center;    
    text-transform: uppercase;
}
#services h3::after {
    bottom: 0;
    content: "";
    height: 2px;
    left: 35%;
    position: absolute;
    width: 30%;
    background-color: #0F75BC;
}
#services ul {
    list-style-type: none;
}

#services ul li{
    margin:3px -25px 2px 0;
    text-indent: -25px;
}
#services ul li:before {
    content: "\f10c";
    font-family: FontAwesome;
    color: #E96F35; 
    margin-right: 10px;
}
#contact .contact-method {
    border: 1px solid #ccc;
    font-size: 16px;
    text-align: center;
    width: 100%;
    padding:20px 10px;
    margin-top: 20px;
}
#contact .contact-method .fa {
    width: 50px;
    height: 50px;
    border-radius: 100%;    
    color: #0F75BC;
    background-color: #FFFFFF;
    font-size: 20px;
    line-height: 50px;
    padding: 0px;    
}
#contact a,
#contact span.fa {
    color: #FFFFFF;
    text-decoration: none;
}
#contact a:hover, 
#contact a:focus{
    color: #E96F35;
    text-decoration: none;
    outline: none;
}
#contact a:hover span.fa, 
#contact a:focus span.fa {
    color: #FFFFFF;
    background-color: #E96F35;
    }
.scrollToTop {
    background-color: #E96F35;
    height: 50px;
    width: 50px;
    bottom: 10px;
    right: 10px;
    color: #fff;
    display: none;
    font-size: 30px;
    font-weight: bold;
    border-radius: 100%;
    position: fixed;
    text-align: center;
    text-decoration: none;
    transition: all 0.5s ease 0s;    
    z-index: 9999;
}
@media only screen and (min-width: 768px){
    #home{
        padding:200px 0;        
        background: rgba(255, 255, 255, 1) url("../img/bg.jpg") no-repeat center center fixed;    
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        }
    #home .intro-left{    
        font-size: 30px;
        line-height: normal;
        text-align: right;
    }
    #home .intro-right{
        padding-top:1em;
        font-size: 3em;
        text-align: left;
    }
}