@charset "UTF-8";
/* Bright Blue Color Doc */
h1                                      { color: #7e438d }
h2                                      { color: #6f3b7c }
h3, .quotebox .title                    { color: #5f336a }
h4                                      { color: #502a59 }
a, #tabs .ui-widget-content a, #tabs .ui-state-active a, #tabs .ui-state-active a:link, #tabs-light-bar .ui-widget-content a
                                        { color: #8d4b9e }
a:hover                                 { color: #b75fcd }
a:visited                               { color: #af84ba }
ul.checks li, ul.arrows li              { background: url(../core/images/toolbox/purple/checkmark.png) no-repeat top left }
ul.arrows li                            { background: url(../core/images/toolbox/purple/circle-arrow.png) no-repeat top left }

.sub1                                   { background-image: url(../core/images/toolbox/purple/1.png) }
.sub2                                   { background-image: url(../core/images/toolbox/purple/2.png) }
.sub3                                   { background-image: url(../core/images/toolbox/purple/3.png) }
.sub4                                   { background-image: url(../core/images/toolbox/purple/4.png) }
.sub5                                   { background-image: url(../core/images/toolbox/purple/5.png) }
.sub6                                   { background-image: url(../core/images/toolbox/purple/6.png) }
.sub7                                   { background-image: url(../core/images/toolbox/purple/7.png) }
.sub8                                   { background-image: url(../core/images/toolbox/purple/8.png) }
.sub9                                   { background-image: url(../core/images/toolbox/purple/9.png) }
.sub10                                  { background-image: url(../core/images/toolbox/purple/10.png) }
.sub1-square                            { background-image: url(../core/images/toolbox/purple/1-square.png) }
.sub2-square                            { background-image: url(../core/images/toolbox/purple/2-square.png) }
.sub3-square                            { background-image: url(../core/images/toolbox/purple/3-square.png) }
.sub4-square                            { background-image: url(../core/images/toolbox/purple/4-square.png) }
.sub5-square                            { background-image: url(../core/images/toolbox/purple/5-square.png) }
.sub6-square                            { background-image: url(../core/images/toolbox/purple/6-square.png) }
.sub7-square                            { background-image: url(../core/images/toolbox/purple/7-square.png) }
.sub8-square                            { background-image: url(../core/images/toolbox/purple/8-square.png) }
.sub9-square                            { background-image: url(../core/images/toolbox/purple/9-square.png) }
.sub10-square                           { background-image: url(../core/images/toolbox/purple/10-square.png) }

.quotebox                               { border-top: 1px solid #efeaee; border-bottom: 1px solid #efeaee; }
.sectionhighlight                       { border-color: #efeaee; }
/***** LINES 1 - 14 UPDATED TO NEW COLORS/IMAGES ********/

/**Letter Grade Chart - Replacement Window Options page**/
.lettergrade                            { color: #058FEF }
.lettergrade .columnhead td             { color: #000 }
/**End Letter Grade */


#table-back                             { margin: 5px 0; text-align: center; background-color: #715da9; }
.tablebox                               { padding: 10px; background-color: #faf8fe; border: 1px solid #CCC; margin: 12px 0; }
#radon-top                              { background-color: #715da9; text-align: center; padding-top: 5px; }
table#quad                              { cellpadding: 5px; border: 0; margin-bottom: 10px; background-color: #F1F1F1; border-color: #888; }
.headers .text                          { background-color: #715da9 }
/* --- OPEN SIGN --- */
div.open                                { color: #715da9 }
div.open img                            { background: #715da9 }
/* --- END OPEN SIGN --- */
/* --- Button --- */
.dynamic-button a                       { background-color: #591C58 }
/* Gradient Button - medium-purple */
.gradient-button                        { color: #fff; background: #5c4a8e; background: -webkit-gradient(linear, left top, left bottom, from(#5c4a8e), to(#422c7f)); background: -moz-linear-gradient(top,  #5c4a8e,  #422c7f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c4a8e', endColorstr='#422c7f'); }
.gradient-button:hover                  { background: #6c58a2; background: -webkit-gradient(linear, left top, left bottom, from(#6c58a2), to(#4f3891)); background: -moz-linear-gradient(top,  #6c58a2,  #4f3891); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6c58a2', endColorstr='#4f3891'); }
.gradient-button:active                 { color: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#5c4a8e), to(#422c7f)); background: -moz-linear-gradient(top,  #5c4a8e,  #422c7f); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c4a8e', endColorstr='#422c7f'); }
/* --- contact form test --- */
.contact_form .step.current             { border-color: #ded2ff }
.contact_form .step.current .title, .form-area
									    { border-color: #ded2ff; background-color: #715cab; }
/** Medium Purple Inline Widget **/
.inline_widget                          { border-color: #715DA9 }
.inline_widget .title                   { color: #715DA9 }

/* MY SALES REP NAV */
.msr_btn:hover {
	background: #f1d8f8; /* Old browsers */
	background: -moz-linear-gradient(top,  #f1d8f8 0%, #b472c4 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1d8f8), color-stop(100%,#b472c4)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #f1d8f8 0%,#b472c4 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #f1d8f8 0%,#b472c4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #f1d8f8 0%,#b472c4 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #f1d8f8 0%,#b472c4 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1d8f8', endColorstr='#b472c4',GradientType=0 ); /* IE6-9 */
}

.msr_btn_active,
.msr_btn_active:hover {
	background: #d896e9; /* Old browsers */
	background: -moz-linear-gradient(top,  #d896e9 0%, #824191 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d896e9), color-stop(100%,#824191)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d896e9 0%,#824191 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d896e9 0%,#824191 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d896e9 0%,#824191 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d896e9 0%,#824191 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d896e9', endColorstr='#824191',GradientType=0 ); /* IE6-9 */
}
/* END MY SALES REP NAV */

/* MOST RECENT BLOG HIGHLIGHT */
.blog_most_recent_header {
	background-color:#5f336a;
	color:#FFFFFF;
}
.blog_most_recent_footer {
	border-color:#5f336a;
}
/*end MOST RECENT BLOG HIGHLIGHT */

/* FANCY List Background Color */
.numbers-list li:hover:after{
border-left-color: #7e438d;
}
.numbers-list li:before {
    background: #7e438d;
}
/*end FANCY List Background Color */

.img-bottom-border {
    border-bottom: 5px solid #7e438d;
}

.letter-list li::before {
    color: white;
    background: #7e438d;
}@charset "UTF-8";
.button, .arrow-button{
   border-top: 1px solid #c8c6ae;
   border-left: 1px solid #c8c6ae;
   border-right: 1px solid #c8c6ae;
   border-bottom: 1px solid #c8c6ae;
   color:#006f6a;
}

.button:hover, .arrow-button:hover{
   color:#006f6a;
}

.button:active, .arrow-button:active {
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f5e7', endColorstr='#e6dfcd',GradientType=0 ); /* IE6-9 */
   background: #e6dfcd;
   -webkit-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 5px 10px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
   }

.button:visited, .button:active, .arrow-button:visited, .arrow-button:active { color: #006f6a; }

.button, .arrow-button, #tabs-light-bar .ui-state-active, #tabs-light-bar .ui-widget-content .ui-state-active, #tabs-light-bar .ui-widget-header .ui-state-active{
   background: #e6dfcd;
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fffffe), color-stop(2%,#f9f5e7), color-stop(100%,#e6dfcd));
   background: -webkit-linear-gradient(top, #fffffe 0%,#f9f5e7 2%,#e6dfcd 100%);
   background: -moz-linear-gradient(top, #fffffe 0%, #f9f5e7 2%, #e6dfcd 100%);
   background: -ms-linear-gradient(top, #fffffe 0%,#f9f5e7 2%,#e6dfcd 100%);
   background: -o-linear-gradient(top, #fffffe 0%,#f9f5e7 2%,#e6dfcd 100%);
   background: linear-gradient(to bottom, #fffffe 0%,#f9f5e7 2%,#e6dfcd 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f5e7', endColorstr='#e6dfcd',GradientType=0 ); /* IE6-9 */
} /** Includes Button and Tabs for Tabbed Content Items **/

.button:hover, .arrow-button:hover, #tabs-light-bar .ui-state-hover, #tabs-light-bar .ui-widget-content .ui-state-hover, #tabs-light-bar .ui-widget-header .ui-state-hover, #tabs-light-bar .ui-state-focus, #tabs-light-bar .ui-widget-content .ui-state-focus, #tabs-light-bar .ui-widget-header .ui-state-focus {
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6dfcd', endColorstr='#e6dfcd',GradientType=0 ); /* IE6-9 */
   background: #e6dfcd;
} /** Includes Button and Tabs for Tabbed Content Items **/

#tabs-light-bar .ui-state-active a, #tabs-light-bar .ui-state-active a:link, #tabs-light-bar .ui-state-hover a, #tabs-light-bar .ui-state-hover a:hover {
   color:#006f6a;
}

.arrow-button span{ background-image: url('../core/images/toolbox/ptt-arrow.png'); }body {
    font-family: "proxima-nova", arial, helvetica, sans-serif;
    color: #444;
    font-size: 16px;
    line-height: 32px;
}


#colorbox, #cboxLoadedContent, #cboxContent {
    box-sizing: content-box;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "proxima-nova","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
}
h1 {
    font-size: 36px;
    line-height: 38px;
    font-weight: 700;
    margin: 0 0px 15px !important;
}
h2 {
  font-family: "rooney-web", serif;
	font-size: 30px;
}
h3 {
	font-size: 24px;
}
.sidebar {
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
}
/*top nav style*/
.top-nav {
	background-color: #fff;
}
.top-nav .row {
    max-width: 75.25em;
}
.mega-nav {
  width: 100%;
  font-size: 14px;
  list-style-type: none;
	overflow: hidden;
  border-top: 1px solid #D5D5D5;
}
.mega-nav > ul {
  padding-left: 0;
  margin:0;
  list-style-type: none;

}
.mega-nav > ul > li > a {
      font-family: "rooney-web", serif;
    background: #fff;
    font-size: 18px;
    color: #524A76;
    display: block;
    float: left;
    padding: 1em 1.010416em;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color .25s ease;
    transition: background-color .25s ease;
}
.mega-nav > ul > li > a:hover,
.mega-nav > ul >  li > a.hoverActive {
background: #3D365E;
color: white;
}

.extra {
  display: none;
  z-index: 11019;
  padding: 10px 0;
  margin: 64px 0;
  position: absolute;
  width: 97%;
  background: #E0E0E0;
  border-top: 4px solid #3D365E;
}
.mega-nav li:hover div.extra {
  display: block;
}

.megaNavThumbs {
  list-style: none;
  padding: 0px;
  margin: 39px 11px 30px;
  overflow: hidden;
  line-height: 19px;

}

ul.megaNavThumbs li {
  float: left;
  margin-right: 52px;
}

ul.megaNavThumbs li:last-child,
.megaNavList li:last-child {
  margin-right: 0px;
}

ul.megaNavThumbs li a {
  display: block;
  text-decoration: none;
  background: transparent;
}

ul.megaNavThumbs li span {
  display: block;
  margin: 8px auto 0px;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  width: 125px;
  line-height: 1.3em;
  text-decoration: none !important;
}

a.moreLink {
  position: absolute;
  top: 32px;
  right: 20px;
  font-size: 12px;
  cursor: pointer;
  background: transparent;
}


ul.subNav-wrap  {
  list-style: none;
  padding-left: 0;
  margin-bottom:10px;
  font-size:16px;
}

ul.subNav-wrap li {
  margin-bottom:5px;
 
}

ul.subNav-wrap li a {
  margin-bottom:10px;
  margin-left: 5px;
  text-decoration: none;
  color:#454545;
  transition: color .25s ease;
}
ul.subNav-wrap li a:hover {
    color: #222;
}

ul.subNav-wrap .important-nav {
   color:#3D365E;
   font-weight:700;
   margin-left: -5px !important;
}

ul.subNav-wrap .important-nav:hover {
   color: #534c72;
   -webkit-transition: color .25s ease;
    transition: color .25s ease;
}

.navWrap div.columns {

  border-right:1px solid #7c7f8a;
}

.navWrap div.columns:last-of-type {

  border-right:0;
}

.byline {
	font-size: 30px !important;
}
.header {
	background-color: #fff;
	width: 100%;
}
.header img {
	padding: 20px 0;
}
.header-contact {
	font-size: 24px;
	color: #CBA15D;
	text-align: center;
	padding-top: 30px;
}
.header-phone {
	font-size: 38px;
	font-weight: 700;
	margin-top: 15px;
}
.main-message {
	background-image:  linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),url('../798/main-default-4.jpg');
  width: 100%;
  height: 590px;
  background-size: cover;
  background-position: center top;
  text-align: center;
  border-bottom: 5px solid #CBA15D;
  background-attachment: fixed;
  position:relative;
}
.hero-txt {
	font-size: 40px;
	line-height: 48px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #fff;
  text-shadow: 0px 1px 1px #333;
}
.main-txt {
	margin: 190px 0 75px 0;
}
.btn {
	font-weight: 700;
  font-size: 28px;
  padding: 20px;
  background-color: #ba4a3c;
  border-color: #ba4a3c;
  color: #FFFFFF;
  transition: background-color 300ms ease-out;
  box-shadow: 0 3px 0 #882519;
  cursor: pointer;
}
.btn:hover {
	background-color: #b33627;
	color: #fff;
	}
.main-facts {
	background-color: #fff;
	padding: 50px 0;
}
.main-facts img {
	margin-bottom: 20px;
}
.main-facts h2 {
	color: #3D365E;
}
.main-before-after {
	background-color: #2B2B2B;
  	padding: 20px 0 0;
    color: #fff;
}
.main-before-after h2 {
  font-family: "proxima-nova", sans-serif;
	font-size: 30px;
	text-transform: uppercase;
	letter-spacing: 3px;
	font-weight: 700;
	color: #fff;
}
.main-before-after p {
	font-size: 21px;
	line-height: 48px;
}
#splash {
  height: 460px;
}
#splash div {
    background-size: cover !important;
    background-position: center;
    }
#slideit {
    position:absolute;
    z-index:100
    }
#slideit-offset {
    position:relative;
    z-index:0
    }
.learn-btn {
	padding: 20px 40px;
	font-size: 24px;
	line-height: 48px;
	color: #fff;
	background-color: transparent;
	border: 3px solid #fff;
	transition: background-color 300ms ease-out;
	transition: color 300ms ease-out;
}
.learn-btn:hover {
	background-color: #fff;
	color: #444;
}
.silo {
	width: 100%;
  	height: 300px;
  	background-size: cover;
  	background-position: center;
  	text-align: center;
  	border-bottom: 5px solid #3D365E;
  }
.silo span {
	font-size: 40px;
	line-height: 48px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 5px;
	color: #fff;
}
.silo-text {
	margin-top: 130px;
}
.basement-finishing {
	background-image: url('http://d6449bb3dc657045bfc9-290115cc0d6de62a29c33db202ae565c.r80.cf1.rackcdn.com/798/silo-finishing.jpg');
	background-repeat: no-repeat;
}
.finishing-products {
  background-image: url('../798/silo-products.jpg');
  background-repeat: no-repeat;
}
.about-us {
  background-image: url('../798/silo-about-us.jpg');
  background-repeat: no-repeat;
}
.crawl-space {
  background-image: url('http://d6449bb3dc657045bfc9-290115cc0d6de62a29c33db202ae565c.r80.cf1.rackcdn.com/44/crawl-space-bg.jpg');
  background-repeat: no-repeat;
}
.content-wrap {
	margin-top: 60px;
}
.footer {
	background-color: #2B2B2B;
	border-top: 5px solid #CBA15D;
	padding: 50px;
	text-align: center;
	color: #fff;
}
.footer a {
    color: #fff;
    transition: color .25s ease;
}
.footer a:hover {
    color: #fdfdfd;
}.wt-5322-middle {
  background: url('../core/images/widgets/inline/testimonials-box-middle-small.png') repeat-y;
  padding: 10px;
  height: 146px;
}

.wt-5331-li {
      font-size: 13px;
        height: 171px;
}

.wt-5276-middle, .wt-5326-li  {
    height: auto !important;
}

.related_page_selector {
    padding: 0px 5px;
}

.pin-calout {
background-color: rgb(250, 244, 234);
padding: 60px 0px;
}

.pin-calout h2 {
      color: #3D365E;
      text-align:center;
}

select {
    padding: 0.2222rem !important;
}



.sidebar {
    float:left;
}

.main-content {
      float: right;
}

.contact_form {
    width:100% !important;
}

.contact_form .step {
   width:100% !important;
}

#contact_form select {
    height: 37px !important;
}

.special-learn {
      display: block;
  text-align: center;
}

a.btn:visited  {
    color:white !important;
}

.learn-btn:visited{
color: #fff;
}

.learn-btn:hover {
  background-color: #fff;
  color: #444 !important;
}

@media only screen and (max-width:950px) {
    .learn-btn {
        font-size: 20px;
          padding: 20px 25px;
    }
    
    
}

@media only screen and (max-width:650px) {
    
    .logo-wrap {
     text-align:center;
    }

    .main-before-after {
          padding-bottom: 45px;
    }
    .learn-btn {
        font-size: 16px;
          padding: 20px;
    }
    
    .main-txt {
      margin: 190px 0 82px 36px;
    }
    
    .hero-txt {
        font-size: 24px;
    }
    
    .btn {
      font-weight: 700;
      font-size: 19px;
    }
    
    .header-contact {
        margin-bottom:20px;
    }

}

button {
background-color: #CBA15D;
color: #fff;
}
button:hover {
background-color: #AE8035;
}





/*main message */

.hidden {
  display:none;
}
.fa {
  font-size:25px;
}
.point {
  width:250px;
  margin: 0 auto;
  background:white;
    position: absolute;
    border: 3px solid rgb(176, 176, 176);
   display:none;
  z-index:1000;
}

.point:after, .point:before {
    bottom: 100%;
    left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.point:after {
  border-color: rgba(136, 183, 213, 0);
  border-bottom-color: #FFFFFF;
  border-width: 12px;
  margin-left: -12px;
}
.point:before {
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: rgb(176, 176, 176);
	border-width: 16px;
	margin-left: -16px;
}
.main-point {
  position:relative;
  width:250px;
  display:block
}

.main-point:hover {
  cursor: pointer;
}
 
.pulsor {
   animation: pusate 1s infinite alternate;
}
 
 
@keyframes pusate {
    from { color:  #333; }
    to { color:  #CBA15D; }
}
.point p {
    padding: 0 20px;
}


/***Home Page Basement Finishing System****/
.splash-callout {
    float: right;
    width: 728px;
}

.splash-callout ul {
    overflow: hidden;
}
.splash-callout li {
    float: left;
    height: 82px;
    list-style: none outside none;
    margin: 0 10px 10px 0;
    position: relative;
    width: 165px;
}
.splash-callout li a {
    color: #FFFFFF;
    display: block;
    height: 82px;
    text-decoration: none;
    width: 165px;
}
.splash-callout li.walls {
    background: url("../44/home-callout-walls.jpg") no-repeat scroll left top transparent;
}
.splash-callout li.ceiling {
    background: url("../44/home-callout-ceiling.jpg") no-repeat scroll left top transparent;
    margin: 0 10px 10px 0;
}
.splash-callout li.flooring {
    background: url("../44/home-callout-flooring.jpg") no-repeat scroll left top transparent;
}
.splash-callout li.windows {
    background: url("../44/home-callout-windows.jpg") no-repeat scroll left top transparent;
    margin: 0 0 10px;
}
.splash-callout li a:hover span {
    text-decoration: underline;
}
.splash-callout li a span {
    background: none repeat scroll 0 0 #393939;
    bottom: 0;
    display: block;
    font: bold 11px/20px Tahoma,Geneva,sans-serif;
    padding: 0 0 0 8px;
    position: absolute;
    width: 157px;
}
.splash-callout li a span:after {
    content: " >>";
}

.splash-callout .testimonials_widget {
    width: 200px;
    float: right;
	width: 345px;
}


.left-contact-us span {
  position: relative;
  font-size: 23px;
  color: #FFFFFF;
  bottom: 16px;
  left: 7px;
}