body, html {
    height: 100%;
    padding: 0;
    margin: 0;
}
body {
    padding-top: 0px;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
  font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif,-apple-system, BlinkMacSystemFont,  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;
    background-color: #fff;
    color: #333;
    background-color: #aaa;
}
body:before {
	content: "";
	position: fixed;
	top: -10px;
	left: 0;
	width: 100%;
	height: 10px;
	z-index: 999;
	-webkit-box-shadow: 0px 0px 8px rgba(0,0,0,.9);
	-moz-box-shadow: 0px 0px 8px rgba(0,0,0,.9);
   box-shadow: 0px 0px 9px rgba(0,0,0,.9);
}
.boxed {
    max-width: 1130px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,.39);
}
.active {
    background-color: transparent;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
h2.widget-title {
    font-size: 24px;
}
.navbar {
    padding: 10px 0;
    margin-bottom: 0px;
    border: 0;
    border-radius: 0;
}
.navbar-default {
    background-color: #fff;
    border-color: #fff;
    border-top: 1px solid #ddd;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.1);
    opacity: .97;
    -webkit-box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.19);
    -moz-box-shadow: 0px 8px 6px -6px rgba(0, 0, 0, 0.19);
    box-shadow: 0px 8px 6px -6px rgba(0,0,0,0.19);
}

.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 400;
    color: #333;
}
ul.list-inline {
        margin-top: 0px;
    margin-bottom: 0px;
}
#header {
    z-index: 1030;
}
/* Hide for mobile, show later */


/*media all*/
.page-header {
    padding-bottom: 9px;
    margin: 0px 0 20px;
    border-bottom: 1px solid #eee;
}
.container-fluid {
    padding-left: 30px;
    padding-right: 30px;
}
.footer {
    background-color: #eaeaea;
    padding: 15px 0;
    font-size: 13px;
}

@media (min-width: 768px) {

 .navbar {
    padding: 20px 0;
}   
 .navbar.scroll-to-fixed-fixed {
    padding: 10px 0;
}  
.top-bar {
    font-size: 14px;
    padding: 8px 0;
    background-color: #181818;
    display: block;
    color: #eee;
    }
.top-bar a {
    color: #eaeaea;
}
.top-bar a:hover {
    color: #eaeaea;
    text-decoration: none;
}
}

@media (max-width: 768px) {
/*
    .jumbotron {
    display: none;
}*/
.top-bar {
    font-size: 14px;
    padding: 8px 0;
    background-color: #181818;
    display: none;
    }

    body {
    padding-top: 0px;
    background-color: #fefefe;
}
.logo-container {
    padding-left: 15px;
}
.container-fluid {
    padding-left: 15px;
    padding-right: 15px;
}

}
.widget ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #555;
    background-color: transparent;
}
.height-580{
    height: 580px;
}
.height-480{
    height: 480px;
}
.height-380{
    height: 380px;
}
.height-280{
    height: 280px;
}
.jumbotron {
  /*   margin-top: -24px;
   background-color: #FFD253;*/

    background-position: top center ;
    background-size: cover;
    background-attachment: scroll;
    /*background-attachment: fixed;*/
    background-repeat: no-repeat;
    padding-top: 60px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    background-color: #eee;
}
.jumbotron h1 {
    color: #bbb;
    font-style: italic;
    margin-bottom: 0; 
    /*text-align: center;*/
}

 p.top-lead {
    font-weight: 400;
    font-size: 36.5px;
    font-style: italic;
    color: #fff;
    margin-bottom: 30px;
    

}   

.below-jumbotron {
    border-top: solid 10px #f00;
    margin-top: -200px;
    padding: 40px 0 20px 0;
    background-color: #fff;

}

.estimate {
    padding: 20px 0;
    background-color: #eee;
}
.estimate  h2 {  
    font-size: 36px;
    color: #808080;
    font-weight: 300;
}
.estimate h2 a {
    color: #000;
}
.estimate h2 a:hover {
    color: #000;
    text-decoration: none;
}
/*media all*/
.estimate .lead {

    margin-bottom: 20px;
    margin-top: 20px;
    text-decoration: none;
}

.sep {
    padding: 0 10px;
}

.thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.4285;
    background-color: #fff;
    border: 0;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
 box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);   
}
.card {
    margin: 5px;
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2);    
}
.bg-content {
    padding: 40px 20px;
    background-color: rgba(0,0,0,0.2)
}
.panel {

    box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.3);   
}
.text-white {
    color: #fff;
}
.mb-30 {
    margin-bottom: 30px;
}
.p-30 {
    padding: 30px 0;
}
.services {
    padding: 40px 0;

}
.services i {
    font-size: 72px;
     color: #ccc;
     background-color: #fff;
    
}
.services h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 18px;
    color: #616161;   
}
.lead {
    font-weight: 600;
    font-size: 24.5px;
    font-style: italic;
    color: #444;
    text-align: center;
    margin-bottom: 40px;
    margin-top: 40px;
}
.tag {
    padding: 40px;
    background-color: #f0f0f0;
}
.btn {
    border-radius: 2px;
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.2), 0px 1px 1px 0px rgba(0,0,0,0.14), 0px 2px 1px -1px rgba(0,0,0,0.12);
}
.pad-bg-grey {

    padding: 40px 0;
}
hr {
    margin: 30px;
}
/*media all*/
aside.widget-area {
    margin: 1.5em 0 0;
}
/*media all*/
.post {
    margin: 1.5em 0 0;
}
.title-bar {
    padding: 40px 0;
    background-image: url(https://scottsdrywall.com/wp-content/themes/scotts/images/red-back.jpg);
    background-position: left center;
    background-repeat: no-repeat;
}
.title-bar h1.entry-title {
    font-size: 32px;
    text-transform: uppercase;
    color: #fff;
    text-align: left;
}
.media-heading {
    font-weight: 600;
}
.contact {
    padding: 40px 0;

}
.not-found {
    padding: 40px 0;
}
.image-gallery {
    background-color: #272727;
}
/*  Form stuff */
.input-lg {

    border-radius: 2px;
}
input[type='text'], input[type='email'], input[type='url'], input[type='password'], input[type='search'], input[type='number'], input[type='tel'], input[type='range'], input[type='date'], input[type='month'], input[type='week'], input[type='time'], input[type='datetime'], input[type='datetime-local'], input[type='color'], textarea {
    border-radius: 2px;

}
.glyph {
    font-size: 50px;
}
/*  fonts  */

/* Icon54
-------------------------------------------------------*/
@font-face {
  font-family: 'Icon54';
  src:
    url('../fonts/Icon54.ttf?3rh4gs') format('truetype'),
    url('../fonts/Icon54.woff?3rh4gs') format('woff'),
    url('../fonts/Icon54.svg?3rh4gs#Icon54') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'Icon54' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Book-Write:before {
  content: "\e95d";
}
.icon-Books:before {
  content: "\e965";
}
.icon-Chandelier:before {
  content: "\e9a2";
}
.icon-Parabolic-Antenna-3:before {
  content: "\eb11";
}
.icon-Triangle-Ruler:before {
  content: "\ec52";
}
.icon-Israel:before {
  content: "\e900";
}
.icon-Barn:before {
  content: "\e942";
}
.icon-Barrow:before {
  content: "\e943";
}
.icon-Brick:before {
  content: "\e95b";
}
.icon-Church-1:before {
  content: "\e97a";
}
.icon-Crain:before {
  content: "\e995";
}
.icon-Cup-3:before {
  content: "\e99c";
}
.icon-Drilling-Machine-2:before {
  content: "\e9ba";
}
.icon-Drilling-Machine:before {
  content: "\e9bb";
}
.icon-Firewall:before {
  content: "\e9e2";
}
.icon-Hammer:before {
  content: "\ea13";
}
.icon-Helmet:before {
  content: "\ea26";
}
.icon-High-voltage:before {
  content: "\ea27";
}
.icon-Hotel-1:before {
  content: "\ea33";
}
.icon-Hotel-2:before {
  content: "\ea34";
}
.icon-Hotel-3:before {
  content: "\ea35";
}
.icon-Hotel-4:before {
  content: "\ea36";
}
.icon-House-2:before {
  content: "\ea38";
}
.icon-House-3:before {
  content: "\ea39";
}
.icon-House-4:before {
  content: "\ea3a";
}
.icon-House-7:before {
  content: "\ea3d";
}
.icon-House-8:before {
  content: "\ea3e";
}
.icon-House-9:before {
  content: "\ea3f";
}
.icon-Jack-Hammer2:before {
  content: "\ea4c";
}
.icon-Ladder:before {
  content: "\ea5a";
}
.icon-Office-1:before {
  content: "\eaca";
}
.icon-Office-2:before {
  content: "\eacb";
}
.icon-Office-3:before {
  content: "\eacc";
}
.icon-Office-4:before {
  content: "\eacd";
}
.icon-Office-5:before {
  content: "\eace";
}
.icon-Office-6:before {
  content: "\eacf";
}
.icon-Paint-Brush:before {
  content: "\eadd";
}
.icon-Paint-Bucket:before {
  content: "\eade";
}
.icon-Paint-Roller:before {
  content: "\eadf";
}
.icon-Plugin:before {
  content: "\eaff";
}
.icon-Post-Office:before {
  content: "\eb08";
}
.icon-Road-Roller:before {
  content: "\eb38";
}
.icon-Saw:before {
  content: "\eb40";
}
.icon-School:before {
  content: "\eb41";
}
.icon-Shop:before {
  content: "\eb56";
}
.icon-Shovel:before {
  content: "\eb57";
}
.icon-Sydney:before {
  content: "\eb92";
}
.icon-Theme:before {
  content: "\eb9c";
}
.icon-Triangle-Ruler2:before {
  content: "\ebaf";
}
.icon-Trowel-and-Brick:before {
  content: "\ebb0";
}
.icon-Trowel-and-Wall:before {
  content: "\ebb1";
}
.icon-Truck-1:before {
  content: "\ebb2";
}
.icon-Windmill:before {
  content: "\ebea";
}
.icon-Bad-1:before {
  content: "\ec04";
}
.icon-Bad-2:before {
  content: "\ec05";
}
.icon-Bad-4:before {
  content: "\ec07";
}
.icon-Brick-Gouse:before {
  content: "\ec0d";
}
.icon-Cabinet-1:before {
  content: "\ec0e";
}
.icon-Cabinet-5:before {
  content: "\ec12";
}
.icon-Change-House:before {
  content: "\ec16";
}
.icon-Couch-1:before {
  content: "\ec23";
}
.icon-Garage:before {
  content: "\ec4d";
}
.icon-House-Dimensions:before {
  content: "\ec5f";
}
.icon-House-Key-3:before {
  content: "\ec63";
}
.icon-Key-Hold:before {
  content: "\ec6a";
}
.icon-Wardeobe-1:before {
  content: "\ecd5";
}
.icon-Wardrobe-Mirror:before {
  content: "\ecd8";
}
.icon-Phone-InTalk:before {
  content: "\e9a4";
}
.icon-Concrete-Truck:before {
  content: "\eb42";
}
.icon-Crain-Truck:before {
  content: "\eb5b";
}
.icon-Crop-Tool:before {
  content: "\eb64";
}
.icon-Cup-1:before {
  content: "\eb6b";
}
.icon-Cystern-Truck:before {
  content: "\eb74";
}
.icon-Dispacher-1:before {
  content: "\eba5";
}
.icon-Dispacher-2:before {
  content: "\eba6";
}
.icon-Dumper-Truck:before {
  content: "\ebf9";
}
.icon-Elevator:before {
  content: "\ec13";
}
.icon-Excavator-1:before {
  content: "\ec30";
}
.icon-Excavator-2:before {
  content: "\ec31";
}
.icon-Fire-Alarm:before {
  content: "\ec5e";
}
.icon-Hammer2:before {
  content: "\ece6";
}
.icon-Hotel:before {
  content: "\ed1c";
}
.icon-Isert-Tabel:before {
  content: "\ed3a";
}
.icon-Jack-Hammer:before {
  content: "\ed3c";
}
.icon-Lamp-1:before {
  content: "\ed57";
}
.icon-Lamp-2:before {
  content: "\ed58";
}
.icon-Light-Bulb:before {
  content: "\ed7b";
}
.icon-Mail-Box2:before {
  content: "\edbb";
}
.icon-Mining-Railcar:before {
  content: "\edf2";
}
.icon-Paint-Bucket2:before {
  content: "\ee70";
}
.icon-Paint-Format:before {
  content: "\ee71";
}
.icon-Paper-Roll:before {
  content: "\ee7b";
}
.icon-Pin:before {
  content: "\eea6";
}
.icon-Ruler-1:before {
  content: "\ef50";
}
.icon-Ruler-2:before {
  content: "\ef51";
}
.icon-Ruler-Tool:before {
  content: "\ef52";
}
.icon-Screwdriver2:before {
  content: "\ef81";
}
.icon-Seatbelt:before {
  content: "\ef91";
}
.icon-Shower-1:before {
  content: "\efb9";
}
.icon-Stamp-2:before {
  content: "\f006";
}
.icon-Temperature-Day:before {
  content: "\f053";
}
.icon-Tools:before {
  content: "\f07b";
}
.icon-Transmition-Tower:before {
  content: "\f08a";
}
.icon-Truck-12:before {
  content: "\f094";
}
.icon-Truck:before {
  content: "\f096";
}
.icon-Umbrella:before {
  content: "\f0a2";
}
.icon-Wall:before {
  content: "\f0ea";
}
.icon-Water-Tap:before {
  content: "\f0f1";
}
.icon-Winter-Temperature:before {
  content: "\f118";
}
.icon-Wrench-1:before {
  content: "\f129";
}



/* UI Icons
-------------------------------------------------------*/
@font-face {
  font-family: 'ui-icons';
  src: url('../fonts/ui-icons.eot?31292061');
  src: url('../fonts/ui-icons.eot?31292061#iefix') format('embedded-opentype'),
       url('../fonts/ui-icons.woff2?31292061') format('woff2'),
       url('../fonts/ui-icons.woff?31292061') format('woff'),
       url('../fonts/ui-icons.ttf?31292061') format('truetype'),
       url('../fonts/ui-icons.svg?31292061#ui-icons') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ui-icons';
    src: url('../fonts/ui-icons.svg?31292061#ui-icons') format('svg');
  }
}
*/
 
 [class^="ui-"]:before, [class*=" ui-"]:before {
  font-family: "ui-icons";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

/*media all*/
.modal-body {
    padding: 0px;
}
.modal-content {

    border: 0;
    border: 0;
    border-radius: 0px;
}
.modal-header {
    padding: 15px;
    border-bottom: 0;
}

.bg-dark {
    background-color: #f9f9f9;
}