/* blue #0080c8 
red #CD2122
yellow #fed136
*/

body{
overflow-x:hidden;
font-family:"Roboto Slab","Helvetica Neue",Helvetica,Arial,sans-serif}

.text-muted{
color:#777}

.text-primary{
color:#fed136}

body.content{
padding-top: 130px}

p{
font-size:16px;
line-height:1.75}
p.large{
font-size:16px}
a,a:hover,a:focus,a:active,a.active{
outline:0}
a{
color:#fed136}
a:hover,a:focus,a:active,a.active{
color:#fec503}
h1,h2,h3,h4,h5,h6{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase /*font-weight:700;; */;}

.img-centered{
margin:0 auto}

.btn-primary{
color:#fff;
background-color:#fed136;
border-color:#fed136;
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
color:#fff;
background-color:#fec503;
border-color:#f6bf01}

.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{
background-image:none}

.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{
background-color:#fed136;
border-color:#fed136}

.btn-primary .badge{
color:#fed136;
background-color:#fff}

.btn-xl{
color:#fff;
background-color:#fed136;
border-color:#fed136;
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
border-radius:3px;
font-size:18px;
padding:20px 40px;
margin:2px 0;
white-space: normal}

.btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{
color:#fff;
background-color:#fec503;
border-color:#f6bf01}

.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{
background-image:none}

.btn-xl.disabled,.btn-xl[disabled],fieldset[disabled] .btn-xl,.btn-xl.disabled:hover,.btn-xl[disabled]:hover,fieldset[disabled] .btn-xl:hover,.btn-xl.disabled:focus,.btn-xl[disabled]:focus,fieldset[disabled] .btn-xl:focus,.btn-xl.disabled:active,.btn-xl[disabled]:active,fieldset[disabled] .btn-xl:active,.btn-xl.disabled.active,.btn-xl[disabled].active,fieldset[disabled] .btn-xl.active{
background-color:#fed136;
border-color:#fed136}

.btn-xl .badge{
color:#fed136;
background-color:#fff}

/* Dark btn-xl on Yellow BG */
.yellow .btn-xl{
color:#fff;
background-color:#222;
border-color:#222;
}

.yellow .btn-xl:hover,.btn-xl:focus,.btn-xl:active,.btn-xl.active,.open .dropdown-toggle.btn-xl{
background-color:#333;
border-color:#333}

.navbar-default{
background-color:#222;
border-color:transparent}

.navbar-default .navbar-brand{
color:#fed136;
font-family:"Kaushan Script","Helvetica Neue",Helvetica,Arial,cursive}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus,.navbar-default .navbar-brand:active,.navbar-default .navbar-brand.active{
color:#fec503}

.navbar-default .navbar-collapse{
border-color:rgba(255,255,255,.02)}

.navbar-default .navbar-toggle{
background-color:#fed136;
border-color:#fed136}

.navbar-default .navbar-toggle .icon-bar{
background-color:#fff}

.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{
background-color:#fed136}

.navbar-default .nav li a{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:400;
letter-spacing:1px;
color:#fff}

.navbar-default .nav li a:hover,.navbar-default .nav li a:focus{
color:#fed136;
outline:0}

.navbar-default .navbar-nav>.active>a{
border-radius:0;
color:#fff;
background-color:#fed136}

.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{
color:#fff;
background-color:#fec503}

/* Responsive Info */
@media (min-width:768px){.navbar-default{
background-color:#333;
padding:25px 0;-webkit-transition:padding .3s;-moz-transition:padding .3s;
transition:padding .3s;
border:0}

.navbar-default .navbar-brand{
height: 100px;
font-size:2em;-webkit-transition:all .3s;-moz-transition:all .3s;
transition:all .3s}

.navbar-default .navbar-nav>.active>a{
border-radius:3px}

.navbar-default.navbar-shrink{
background-color:#222;
padding:10px 0}

.navbar-default.navbar-shrink .navbar-brand {
font-size:1.5em;
height: 50px!Important;}
}

.navbar-brand {
    padding: 0px;
}

header{
background-image:url(../img/scotts-carpet-upholstery-cleaning-norcross-ga.jpg);
background-repeat:none;
background-attachment:scroll;
background-position:center center;
-webkit-background-size:cover;
-moz-background-size:cover;
background-size:cover;
-o-background-size:cover;
text-align:center;
color:#fff}

header .intro-text{
padding-top:100px;
padding-bottom:50px;
text-shadow:2px 2px 2px #333}

header .intro-text .intro-lead-in{
font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
font-style:italic;
font-size:22px;
line-height:22px;
margin-bottom:25px}

header .intro-text .intro-heading{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
font-size:50px;
line-height:50px;
margin-bottom:25px}

@media (min-width:768px){header .intro-text{
padding-top:300px;
padding-bottom:200px}

header .intro-text .intro-lead-in{
font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
font-style:italic;
font-size:40px;
line-height:40px;
margin-bottom:25px;
text-shadow: 1px 1px 9px #000;}

header .intro-text .intro-heading{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
font-size:75px;
line-height:75px;
text-shadow: 1px 1px 9px #000;
margin-bottom:50px}}

section{
padding:40px 0}

section h2.section-heading{
font-size:40px;
margin-top:0;
margin-bottom:15px}

section h3.section-subheading{
font-size:16px;
font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:none;
font-style:italic;
font-weight:400;
margin-bottom:75px}

@media (min-width:768px){section{
padding:70px 0}}.service-heading{
margin:15px 0;
text-transform:none}

#portfolio .portfolio-item{
margin:0 0 15px;
right:0}

#portfolio .portfolio-item .portfolio-link{
display:block;
position:relative;
max-width:400px;
margin:0 auto}

#portfolio .portfolio-item .portfolio-link .portfolio-hover{
background:rgba(254,209,54,.9);position:absolute;
width:100%;height:100%;opacity:0;
transition:all ease .5s;-webkit-transition:all ease .5s;-moz-transition:all ease .5s}

#portfolio .portfolio-item .portfolio-link .portfolio-hover:hover{
opacity:1}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content{
position:absolute;
width:100%;height:20px;
font-size:20px;
text-align:center;
top:50%;margin-top:-12px;
color:#fff}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i{
margin-top:-12px}

#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,#portfolio .portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4{
margin:0}

#portfolio .portfolio-item .portfolio-caption{
max-width:400px;
margin:0 auto;
background-color:#fff;
text-align:center;
padding:25px}

#portfolio .portfolio-item .portfolio-caption h4{
text-transform:none;
margin:0}

#portfolio .portfolio-item .portfolio-caption p{
font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
font-style:italic;
font-size:16px;
margin:0}

#portfolio *{z-index:2}

@media (min-width:767px){#portfolio .portfolio-item{
margin:0 0 30px}}

aside.clients img{
margin:50px auto}

/*section#contact{
background-color:#222;
background-image:url(../img/map-image.png);background-position:center;
background-repeat:no-repeat}
section#contact .section-heading{
color:#fff}*/

section#contact .form-group{
margin-bottom:25px}

section#contact .form-group input,section#contact .form-group textarea{
padding:20px}

section#contact .form-group input.form-control{
height:auto}

section#contact .form-group textarea.form-control{
height:236px}

section#contact .form-control:focus{
border-color:#fed136;
box-shadow:none}

section#contact ::-webkit-input-placeholder{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
color:#bbb}

section#contact :-moz-placeholder{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
color:#bbb}

section#contact ::-moz-placeholder{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
color:#bbb}

section#contact :-ms-input-placeholder{
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
font-weight:700;
color:#bbb}

section#contact .text-danger{
color:#e74c3c}

/* Section Background Colors */
.blue{
background-color:#337ab7;
color:#fff}

.lightgray{
background-color:#eee}

.darkgray{
background-color:#222;
color:#fff}

.yellow{
background-color:#fed136;
color:#000}

/* Text Colors */
.bluetext{
color:#337ab7}

.lightgraytext{
color:#999}

.darkgraytext{
color:#222}

.yellowtext{
color:#fed136!Important;}

.bg-light-gray{
background-color:#f7f7f7}

.bg-darkest-gray{
background-color:#222}

/* Colors  */
bluebg {background:#337ab7!Important;}
graybg {background:#222;}

footer{
padding:25px 0;
text-align:center}

footer a{
color: #333;
text-transform:none}

footer span.copyright{
line-height:40px;
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
text-transform:none}

footer ul.quicklinks{
margin-bottom:0;
line-height:40px;
font-family:Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
text-transform:uppercase;
text-transform:none}

ul.social-buttons{
margin-bottom:0}

ul.social-buttons li a{
display:block;
background-color:#222;
height:40px;
width:40px;
border-radius:100%;font-size:20px;
line-height:40px;
color:#fff;
outline:0;-webkit-transition:all .3s;-moz-transition:all .3s;
transition:all .3s}

ul.social-buttons li a:hover,ul.social-buttons li a:focus,ul.social-buttons li a:active{
background-color:#fed136}.btn:focus,.btn:active,.btn.active,.btn:active:focus{
outline:0}

.modal-content {background-color: rgba(255,255,255,0.9);}
	
.portfolio-modal .modal-content{
border-radius:0;
background-clip:border-box;-webkit-box-shadow:none;
box-shadow:none;
border:0;
min-height:100%;padding:100px 0;
text-align:center}

.portfolio-modal .modal-content h2{
margin-bottom:15px;
font-size:3em}

.portfolio-modal .modal-content p{
margin-bottom:30px}

.portfolio-modal .modal-content p.item-intro{
margin:20px 0 30px;
font-family:"Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
font-style:italic;
font-size:16px}

.portfolio-modal .modal-content ul.list-inline{
margin-bottom:30px;
margin-top:0}

.portfolio-modal .modal-content img{
margin-bottom:30px}

.portfolio-modal .close-modal{
position:absolute;
width:75px;
height:75px;
background-color:transparent;
top:25px;
right:25px;
cursor:pointer}

.portfolio-modal .close-modal:hover{
opacity:.3}

.portfolio-modal .close-modal .lr{
height:75px;
width:1px;
margin-left:35px;
background-color:#222;
transform:rotate(45deg);
-ms-transform:rotate(45deg);
-webkit-transform:rotate(45deg);
z-index:1051}

.portfolio-modal .close-modal .lr .rl{
height:75px;
width:1px;
background-color:#222;
transform:rotate(90deg);
-ms-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
z-index:1052}

.portfolio-modal .modal-backdrop{
opacity:0;
display:none}

::-moz-selection{
text-shadow:none;
background:#fed136}

::selection{
text-shadow:none;
background:#fed136}

img::selection{
background:0 0}

img::-moz-selection{
background:0 0}

body{
webkit-tap-highlight-color:#fed136}

.no-padding {
    padding: 150px 0;
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.portfolio-box {
    display: block;
    position: relative;
    margin: 0 auto;
    max-width: 650px;
}

.portfolio-box .portfolio-box-caption {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
    background: rgba(3,3,3,.8);
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    transform: translateY(-50%);
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    padding: 0 15px;
    font-family: 'Open Sans','Helvetica Neue',Arial,sans-serif;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
    font-size: 18px;
}

.portfolio-box:hover .portfolio-box-caption {
    opacity: 1;
}

@media(min-width:768px) {
    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {
        font-size: 16px;
    }

    .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {
        font-size: 22px;
    }
}

/* Phone Top Section */
section#phone-top{
padding: 25px 0 1px 0}

/* City Links Section */
section#city-links{
background-color:#fed136}

section#city-links a{
color: #333;
background-color:#fed136;
text-transform:none}

/* Leave Review Section */
section#leave-review{
background-color:#fed136}

section#leave-review a{
color: #333;
background-color:#fed136;
text-transform:none}

.jumbotron p {
    font-weight: 300;
}

.jumbotron a{
color: #e74c3c}

/* START Fix Headers from overflowing 
1. Update phone-top, remove classes except col-xs-12.
2. Add this code to css.

*/
.jumbotron .h1, .jumbotron h1 {
    font-size: 3.25em;
}

@media screen and (max-width:768px){
  h1{
     font-size:3em;
  }    
  h2{
     font-size:1.75em;
  } 
  h3{
     font-size:1.5em;
  } 
  h4{
     font-size:1.25em;
  }
  header{
  background-image:url(../img/scotts-carpet-upholstery-cleaning-norcross-ga.jpg);}
}

@media screen and (max-width:400px){
  h1{
     font-size:2.5em;
  }
}

h1,h2,h3,h4,h5,h6{
word-break: break-word}

/* END Fix Headers from overflowing */

/* Back To Top Button */
#top-link-block.affix-top {
    position: absolute; /* allows it to "slide" up into view */
    bottom: -82px;
    left: 10px;
}
#top-link-block.affix {
    position: fixed; /* keeps it on the bottom once in view */
    bottom: 18px;
    left: 10px;
}

#services p {
    font-size: 16px;
    font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: none;
    font-style: italic;
    font-weight: 400;
    margin-bottom: 25px;
	color: #777;
}

.dropdown-menu {
    background-color: #333;
}