/*---------------------------------------
 GENERAL STYLES                
 -----------------------------------------*/

* {
    box-sizing: border-box;
}
html,
body,
#banner {
    height: 100%;
    width: 100%;
}
body {
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
.container {
    max-width: 1100px;
}
a {
    color:#333333;
    text-decoration: none;
}
a:hover {
    color: #000000;
    text-decoration: none;
}
p,
li {
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    color:#3e3e3e;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top:0;
    color: #333333;
    text-transform:uppercase;
    font-weight:600;
}
h1 {
    font-size: 60px;
    line-height:80px;
}
h2 {
    font-size: 48px;
    line-height:65px;
}
h3 {
    font-size: 42px;
    line-height:58px;
    margin: 0 0 30px;
    text-transform:none;
    font-weight:300;
}
h4 {
    font-size: 28px;
    line-height:41px;
}
h5 {
    font-size: 21px;
    line-height:33px;
}
h6 {
    font-size:18px;
    line-height:28px;
    margin: 0 0 10px;

}
li {
    list-style-type: none;
}
img {
    width:100%;
    height:auto;
}
.btn {
    background:#ccaf5e;
    color:#000000;
    border:none;
    margin:20px 0;
    padding:12px 36px;
    text-transform:uppercase;
    font-weight:600;
}
.btn:hover {
    background:#ffdb76;
    color:#000000;
}
/*--------------Back to top----------------*/

#back-to-top {
    position: fixed;
    bottom: 0;
    right: 0;
    display: inline-block;
    padding: 1em;
    margin: 1em;
}
#back-to-top i {
    font-size: 48px;
    color: #5e5e5e;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}
#back-to-top i:hover {
    color: #ffdb76;
}
#back-to-top:hover {
    cursor: pointer;
}
/*---------------------------------------
 UTILITY CLASSES                
 -----------------------------------------*/

.padding {
    padding-top:50px;
    padding-bottom:50px;
}
.padding-lg {
    padding-top:75px;
    padding-bottom:75px;
}
.padding-2x {
    padding-top:100px;
    padding-bottom:100px;
}
.padding-3x {
    padding-top:150px;
    padding-bottom:150px;
}
.noPadding {
    padding: 0!important;
}
.padding-top {
    padding-top:50px;
}
.padding-bottom {
    padding-bottom:50px;
}
.muted {
    color: rgba(0, 0, 0, .5)!important;
}
.gold {
    color:#ffdb76;
}
.anchor{
  display: block;
  height: 120px; /*same height as header*/
  margin-top: -120px; /*same height as header*/
  visibility: hidden;
}
/*---------------------------------------
 NAVIGATION                
 -----------------------------------------*/

.utility-nav {
    background:#f7f6f8;
}

.utility-nav .container {
    display:table;
    padding:0!important;
}

.utility-nav ul {
    margin-bottom:0;
    padding-left:0;
}

.utility-nav li {
    display:table-cell;
    vertical-align:middle;
    height:40px;
}

.utility-nav .social li {
    position:relative;
    margin-right:4px;
}

.utility-nav.social li a {
    display: table;
    position: relative;
}

.utility-nav .social li a .fa {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 30px;
    height: 40px;
    font-size: 14px;
    color:#333333;
    opacity:.8;
}

.navbar-inverse {
    background:rgba(0,0,0,0.95);
    border-bottom:none;
}
.navbar {
    margin-bottom: 0;
}
.navbar .container {
    padding:15px;
}
.navbar-default .navbar-brand {
    color: #f7f6f8;
}
.navbar-inverse .navbar-nav>li>a {
    color: #f7f6f8;
}
.navbar-inverse .navbar-nav>li>a:hover {
    color:#ffdb76;
}
/*---------------------------------------
 BANNER               
 -----------------------------------------*/

#banner  {
    background: url(http://31.129.107.51/images/hero_bg.jpg) no-repeat center center;
    background-size:cover;
    margin-bottom: 0;
}
#banner .jumbotron {
    padding:0;
}
#banner .jumbotron h6 {
    color: #f7f7f7;
    font-family: 'Lato', sans-serif;
    position: absolute;
    left: 27.5%;
    top: 85%;
    transform: translate(-50%,-50%);
    text-align:left;
    font-size:21px;
    line-height:26px;
    /*background:rgba(27,30,41,0.8);*/
    padding:0;
    text-transform:none;
}
#banner .jumbotron h6 span {
    font-size:60px;
    color:#f7f6f8;
    margin:20px 0;
    display:inline-block;
    font-weight:400;
}
/*---------------------------------------
 ABOUT              
 -----------------------------------------*/

.about p {
    text-align:center;
    font-size:21px;
    line-height:33px;
    max-width:960px;
    margin:0 auto;
}

/*---------------------------------------
 FEATURED              
 -----------------------------------------*/
.featured {
    background: url(../images/mercedesBG.jpg) no-repeat;
    background-size:cover;
    background-position:center;
    box-shadow: 0px 0px 0px 2038px rgba(0, 0, 0, 0.7) inset;
    color:#f7f6f8;
}
.featured p,
.featured h3,
.featured h6 {
    color:#f7f6f8;
}
/*---------------------------------------
 CAT              
 -----------------------------------------*/

.cat {
    background: url(../images/roadBG_yellow.png) no-repeat center center;
    text-align:center;
}
.cat h3 {
    color:#000000;
}
.cat a {
    color:#333333;
    font-size:18px;
    text-transform:uppercase;
    transition:all 300ms;
}
.cat a:hover {
    color:#000000;
}
.cat .fa {
    padding-left:8px;
    font-size:18px;
}
/*---------------------------------------
 SERVICES               
 -----------------------------------------*/

.services ul {
    padding-left:0;
}
.services ul li .fa {margin-right:8px;}
.services li {
    padding:15px 0;
    text-transform:uppercase;
    font-size:15px;
}
/*---------------------------------------
 REVIEWS               
 -----------------------------------------*/

.reviews h3,
.reviews h6,
.reviews p {
    color:#f7f6f8;
}
.reviews #carousel-reviews {
    background: url(../images/BGreviews.jpeg) no-repeat center center;
    background-size:cover;
    box-shadow: 0px 0px 0px 2038px rgba(0, 0, 0, 0.7) inset;
}
.reviews #carousel-reviews .carousel-control {
    background-image: none!important;
}
.reviews #carousel-reviews .carousel-indicators {
    bottom: 0px;
}
.reviews #carousel-reviews .carousel-indicators li {
    background-color: #aaa;
    border: none;
}
.reviews #carousel-reviews .carousel-indicators .active {
    background-color: #ffdb76;
    border: none;
}
.reviews #carousel-reviews .box {
    background-color:#333333;
    border-radius:4px;
    text-align:center;
    padding:20px;
    width:320px;
    margin:32px auto;
    display:block;
}
.reviews #carousel-reviews .box p {
    color: #f7f6f8fff;
    text-align: left;
    margin-top: 20px;
}
.reviews #carousel-reviews .box h6 {
    color:#f7f6f8fff;
    margin:0;
    font-size:16px;
}
.reviews #carousel-reviews .box img {
    height:128px;
    width:128px;
    margin:1em 0;
}
/*---------------------------------------
 CONTACT               
 -----------------------------------------*/

.contact h3 span {
    font-weight:400;
}
.contact a {
    color:#ffdb76;
}
.contact a:hover {
    color:#f7f6f8;
}
.contact .box {
    background-color:#333333;
    padding:30px;
    margin: 40px auto 0px auto;
    display:block;

}
.contact .box h6,
.contact .box p,
.contact .box li {
    color:#f7f6f8;
}
.contact .fa {
    padding-right:8px;
    color:#f7f6f8;
}
.contact input,
.contact textarea {
    border:none;
    border-radius:0;
    background:#f7f6f8;
}
/*---------------------------------------
 FOOTER               
 -----------------------------------------*/

#footer{
     color:#f7f6f8;
     background-color:#333333;
}
#footer p, 
#footer li {
    font-size:14px;
    line-height:26px;
    color:#f7f6f8;
    text-align:left;
}
#footer p.lead {
    margin-top:0;
    margin-bottom:8px;
    line-height:14px;
    font-weight:500;
    color:#f7f6f8;
}
#footer h6 {
    color:#f7f6f8;
    margin: 0 0 30px;
}
#footer .about a {
    padding:16px 0;
    display:inline-block;
}   
#footer .about a:hover {
    color:inherit;
}
#footer .news img {
    height:50px;
    width:50px;
    float:left;
    margin-right:10px;
}
#footer .news p {
    margin-left:60px;
}
#footer .news a {
    color:#ffdb76;
}
#footer .news a:hover {
    color:inherit;
}
#footer .hours ul, 
#footer .locations ul {
    padding-left:0;
}
#footer .locations a {
    color:#ffdb76;
}
#footer .locations a:hover {
    color:inherit;
}
#footer-2 {
    padding:25px 0;
    text-align:center;
    background:#f7f6f8;
}

/*---------------------------------------
 RESPONSIVE STYLES                
 -----------------------------------------*/

@media (max-width: 768px) {
#banner .jumbotron h6 {
    left: 50%;
    top: 80%;
    width:85%;
}
#banner .jumbotron h6 span {
    font-size:36px;
    line-height:46px;
}
}
@media (max-width: 480px) {
#reviews #carousel-reviews .box {
    width:100%;
}
}