body{
    padding: 0;
}
.floated-right,a.btn span{display:inline-block}.typeform-share,a.btn{text-decoration:none!important;transition:all .3s}.typeform-share,a.btn,a.btn span{transition:all .3s}#carouselProd .p,#carouselProd h1,#footer *,.bannerText,.carousel .icon-container,.square>div>div>div,.typeform-share{text-align:center}::-webkit-scrollbar-track{border:none;background-color:rgba(0,0,0,.2)}::-webkit-scrollbar{width:10px;background-color:#F5F5F5;border-radius:10px}::-webkit-scrollbar-thumb{background-color:#267DDD;border-radius:10px}a.btn{margin:10px auto}a.btn:hover{color:#267DDD!important;background:#fff!important}a.btn span{opacity:0;width:0}a.btn:hover>span{opacity:1;margin-left:10px;width:auto}a.btn.btn-primary{color:#2e6da4!important;background:#fff;border-color:#2e6da4}a.btn.btn-primary:hover{color:#fff!important;background:#2e6da4!important;border-color:#2e6da4}a.btn.btn-default{color:#fff!important;background:#ee1b2d;border-color:#ee1b2d}a.btn.btn-default:hover{color:#ee1b2d!important;background:#fff}.assocLogos{padding:10px}.assocLogos img{max-height:50px;margin-right:10px}.assocLogos img:first-child{margin-right:0}.square{border:1px solid gray;overflow:hidden;padding-bottom:100%;position:relative}.square>div{height:100%;position:absolute;width:100%}.square>div>div{display:table;height:100%;width:100%}.square>div>div>div{display:table-cell;vertical-align:bottom}.pulse{animation-name:pulse_animation;animation-duration:3s;transform-origin:70% 70%;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes pulse_animation{0%,100%,50%{-webkit-box-shadow:0 0 0 0 rgba(38,125,221,0);-moz-box-shadow:0 0 0 0 rgba(38,125,221,0);box-shadow:0 0 0 0 rgba(38,125,221,0)}25%,75%{-webkit-box-shadow:0 0 10px 3px rgba(38,125,221,.5);-moz-box-shadow:0 0 10px 3px rgba(38,125,221,.5);box-shadow:0 0 10px 3px rgba(38,125,221,.5)}}section{position:relative}.container{max-width:960px}.mainfoldericon,.menu{padding:10px 15px!important;line-height:1em!important;height:auto!important;text-transform:uppercase;font-size:13px!important}#banner{background:#fff}#bannerTop{position:absolute;top:0;right:0;height:100%}.bannerText{position:absolute;bottom:10%;width:100%;z-index:1}.bannerText h2{font-weight:700;color:#0079a3;margin:0}#colophon{background:#267DDD}.typeform-share{display:inline-block;background-color:#267DDD;color:#fff!important;border:1px solid #fff;cursor:pointer;font-family:Helvetica,Arial,sans-serif;font-size:20px;margin:3px;padding:5px 10px;border-radius:3px;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;float:right}#colophon .typeform-share:hover{color:#267DDD!important;background:#fff!important}section#mainNavi{background-color:#f0f0f0;position:-webkit-sticky;position:sticky;top:-1px;z-index:99;border-bottom:1px solid #777;border-top:1px solid #777}section#mainNavi nav{margin:auto}section#mainNavi nav>div{display:inline-block;position:relative}section#mainNavi nav>div>a{font-size:14px;position:relative;display:block;padding:10px 10px;color:#000;font-weight:700;text-decoration:none;text-transform:uppercase}section#mainNavi nav>div>a:before{content:"";height:0;width:0;position:absolute;bottom:0;left:0;border-bottom:2px solid #267DDD;transition:all .3s}section#mainNavi nav>div:active>a:before,section#mainNavi nav>div:focus>a:before,section#mainNavi nav>div:hover>a:before{width:100%}section#mainNavi nav>div.withDrpdwn{cursor:default}section#mainNavi nav>div.withDrpdwn>.drpdwnChild{min-width:120%;position:absolute;top:99%;background:#fff;padding:0;margin:0;list-style:none;display:none;border:1px solid #267DDD}section#mainNavi nav>div.withDrpdwn>.drpdwnChild>li{position:relative;width:auto;padding:0;margin:0}section#mainNavi nav>div.withDrpdwn>.drpdwnChild>li a{padding:5px;white-space:nowrap;background:#267DDD;color:#fff;text-decoration:none;display:block;width:100%;transition:all .2s}section#mainNavi nav>div.withDrpdwn>.drpdwnChild>li a:active,section#mainNavi nav>div.withDrpdwn>.drpdwnChild>li a:focus,section#mainNavi nav>div.withDrpdwn>.drpdwnChild>li a:hover{background:#fff;color:#267DDD}section#mainNavi nav>div.withDrpdwn>.drpdwnChild>li>ul{position:absolute;left:99%;top:0;list-style:none;margin:0;padding:0;display:none;border:1px solid #267DDD}section#mainNavi nav.mobileMenu{position:fixed;top:0;left:0;right:0;bottom:0;height:calc(100vh);background:#fff;display:none;margin:0!important;padding-top:50px;flex-direction:column;justify-content:center}section#mainNavi nav.mobileMenu>div{display:block!important}section#mainNavi nav.mobileMenu>div a{padding:10px;text-align:center}section#mainContent .sidebar img{width:100%}.floaterImg img{width:32%}#footer{padding:15px 0}.main-container{padding:10px 15px}.carousel-indicators{bottom:0}.carousel-control{color:#fff}.carousel-control.left,.carousel-control.right{background-image:none;color:rgba(225,225,225,0);text-shadow:none;transition:all .3s}.carousel-control.right{transform:translateX(50%)}.carousel-control.left{transform:translateX(-50%)}#carouselProd:hover .carousel-control{color:rgba(225,225,225,1);text-shadow:0 1px 2px rgba(0,0,0,.6);transform:translateX(0)}.carousel .item{min-height:350px;height:100%;width:100%;background-position:center;background-size:cover}.carousel .item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,rgba(0,0,0,0) 60%,rgba(0,0,0,.2) 73%,rgba(0,0,0,.6) 84%,rgba(0,0,0,.8) 93%,rgba(0,0,0,1) 100%)}.carousel-caption{left:5%;right:5%;padding:15px 0}.carousel .icon-container,.carousel-caption button,.carousel-caption h3{background-color:none;display:inline-block;margin:0!important;padding:8px 16px!important}.carousel-caption h3{float:left;font-size:24px}.carousel-caption button{float:right;font-size:16px;border-color:#00bfff;margin-top:1em}.carousel .icon-container{display:inline-block;font-size:25px;line-height:25px;padding:1em;border-radius:50%}.carousel-indicators li{width:15px;height:5px;border-radius:0;background-color:#fff;margin:0 1px;transition:all .3s!important}.carousel-indicators li:first-child:not(.active):hover{background-image:url(/images/owensroof.png);background-position:center;background-size:cover}.carousel-indicators li:nth-child(2):not(.active):hover{background-image:url(/images/slidewall1.png);background-position:center;background-size:cover}.carousel-indicators li:nth-child(3):not(.active):hover{background-image:url(/images/slidewindow1.png);background-position:center;background-size:cover}.carousel-indicators li:hover{height:50px;width:50px}.carousel-indicators li.active{width:25px;height:5px}.carousel-caption button,.carousel-caption h3{animation-delay:.5s}#carouselProd h1{margin-bottom:30px;font-size:30px;font-weight:700}#carouselProd .p{padding-top:125px}#carouselProd .p a{text-decoration:underline}section#cta{background:#267DDD;padding:10px 0}section#cta a.button{color:#267DDD!important;background:#fff;transition:all .3s}section#cta a.button:hover{background:#267DDD;color:#fff!important}@media (max-width:767px){body{overflow-x:hidden!important}img[alt="Illinois Home Insulation Contractors"]{max-height:70px}.bannerText{top:5px;right:5px;width:80%;text-align:right;text-shadow:1px 1px #fff}section#colophon .container .row .col-sm-7,section#colophon .container .row .col-sm-7 a,section#cta .container .row .col-sm-6,section#cta .container .row .col-sm-6 a{text-align:center;float:none;padding-bottom:10px}section#colophon .container .row .col-sm-7 a,section#cta .container .row .col-sm-6 a{width:100%}.floated-right{float:none}.sidebar{margin-top:20px}section#footer img{max-width:100%}section#mainNavi{position:relative!important}}#imageContracts>div{background-position:center;background-size:cover;border:3px solid #fff;position:relative}#imageContracts>div a,#imageContracts>div:before{position:absolute;bottom:0;left:0;transition:all .3s}#imageContracts>div a{width:100%;padding:5px;text-align:center;background:#267DDD;color:#fff;font-weight:700;text-decoration:none}#imageContracts>div:before{content:"";height:0;right:0;background:rgba(225,225,225,.3)}#imageContracts>div:hover:before{height:100%}#imageContracts>div:hover a{background:#185ca7}body{background:#fff}#mainNavi{transition:all 1s}#mainNavi.container{padding:0;border-left:1px solid #777;border-right:1px solid #777}
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300);.mymodal *{font-family:'Open Sans Condensed',sans-serif;transition:all .5s}.mymodal{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:100}.mymodal>.container{display:flex;align-items:center;justify-content:center;height:100%}.mymodal>.container>.row{position:relative;padding:10px 15px;width:100%;min-height:500px;max-height:90%;background:#fff;overflow-y:scroll;overflow-x:hidden}.mymodal>.container>.row>.closemodal{padding:10px;min-height:30px;min-width:40px;display:flex;align-items:center;justify-content:center;position:fixed;top:0;right:0;background:#fff;border:2px solid #555;border-radius:100%;cursor:pointer}.mymodal .choice{height:50px;width:50px;overflow:hidden;display:inline-block;position:relative;border:2px solid transparent;transition:all .2s;cursor:pointer}.mymodal .choice.checked,.mymodal .choice:hover{border-color:maroon;cursor:pointer}.mymodal .choice input[type=radio]{display:none}.mymodal .choice img{max-width:200%;cursor:pointer}.mymodal img.selected{max-width:100%;height:auto}.mymodal .title{margin-top:0;font-weight:700;color:#656661}.mymodal h5{color:#656661;margin:0}.mymodal h1{margin-top:0;color:#656661;font-size:45px;font-weight:300}
div.withDrpdwn:hover > ul.drpdwnChild{
    display: block !important;
}
li.withDrpdwn2:hover > ul.drpdwnChild2{
    display: block !important;
}
.assocLogos img {
    max-height: 50px !important;
    margin-right: 10px;
}
section#cta {
    background: #267DDD;
    padding: 10px 0;
}
#insuranceClaims * input{
    width: 100%
}
.withDrpdwn3{
    position: relative;
}
.drpdwnChild3{
    position: absolute;
    left: calc(100% - 1px);
    top: 0;
    background: #267DDD;
    list-style: none;
    padding: 0px;
    display: none;
}
.drpdwnChild3 li{
    padding: 0;
}
.withDrpdwn3:hover .drpdwnChild3{
    display: block
}
#colophon * a.button{
    width: 100%;
    font-size: 12px !important;
    color: #fff;
    padding: 10px 7px !important;
    border-radius: 3px;
}

#carpentry{
    margin: 0 !important
}
#carpentry .title{
    padding: 0;
}
#carpentry .col-sm-6{
    position: relative;
    background-size: cover;
    background-position: bottom center;
    border: 3px solid #fff;
}
#carpentry .col-sm-6:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    transition: all .3s;
}
#carpentry .col-sm-6:hover:before{
    height: 100%;
}
#carpentry .col-sm-6 .text{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    background: #267DDD;
    color: #fff;
    text-align: center;
}

#soffittypes #types{
    padding: 0;
    list-style: none;
}
#soffittypes #types h4{
    font-weight: 600
}


/* James Hardie Sidings */
.right-align-text{
    float: right
}
#hardiecedar{
    background-image: url('/colors/jameshardiesrc/smooth-hero.png'); margin-top: 50px;
}
#hardiecedarmill{
    background-image: url('/colors/jameshardiesrc/select-cedarmill-hero.png'); margin-top: 50px;
}
#beadedsmooth{
    background-image: url('/colors/jameshardiesrc/beaded-smooth-hero.png'); margin-top: 50px;
}
#beadedcedar{
    background-image: url('/colors/jameshardiesrc/beaded-cedarmill-hero.png'); margin-top: 50px;
}
#hardiecedar .container > .row,
#hardiecedarmill .container > .row,
#beadedsmooth .container > .row,
#beadedcedar .container > .row{
    min-height: 450px;
    position: relative;
}
.align-bottom{
    position: absolute;
    padding: 15px;
    bottom: 0;
    min-height: 300px;
    background: #fff;
}
#hardiecedar .align-bottom, #beadedsmooth .align-bottom{right: 0;}
#hardiecedarmill .align-bottom, #beadedcedar .align-bottom{left: 0;}
.colorpallete .color{
    display: inline-block;
    height: 25px;
    width: 25px;
    margin-right: 5px;
    margin-bottom: 5px;
    transition: all .3s;
    cursor: pointer;
    border: 5px solid transparent;
}
.colorpallete .color.selected{
    border: 3px solid #0079a3;
    transform: scale(1.1);
}
#entrydoors section{
    margin: 30px 0;
    padding: 20px 0;
}
#entrydoors section:nth-child(even){
    background: rgb(209, 209, 209)
}
#entrydoors section .row,
#entrydoors section .row .col-sm-7{
    display: flex;
    align-content: center;
}
#entrydoors section .row .col-sm-7{
    flex-direction: column;
    justify-content: center;
}
#entrydoors .col-sm-5{
    position: relative;
}
#entrydoors .col-sm-5 img{
    max-width: 100%;
    padding: 30px;
    transition: all .3s;
}
#entrydoors section:hover .col-sm-5 img{
    transform: scale(1.2);
}

#tando div *{
    display: block;
}
#tando .row-fluid > div{
    float: left;
    position: relative;
}
#tando .col-sm-12{
    margin: 30px 0;
}
#tando .span4{
    width: calc( (100% / 12) * 4 );
    padding-right: 10px
}
#tando .span8{
    width: calc( (100% / 12) * 8 );
    padding-left: 10px
}
#tando .swatch-group{
    display: inline-block;
    width: 100%;
    margin: 20px 0;
}
#tando .swatch-group .swatch{
    width: 40px;
    height: 40px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
    overflow: hidden;
}
#tando .swatch-group .swatch .swatch__img{
    width: 100%;
    height: 100%
}
#tando .hs_cos_wrapper{
    width: 100%;
    position: relative;
    display: block;
}









@media all and (min-width: 600px) and (max-width: 800px){
    section#mainNavi nav>div>a{
        font-size: 10px !important
    }
	#colophon * a.button{font-size:10px !important;}
}
@media all and (max-width: 1024px){
	img.footer-certificates-img{
		width: auto !important
	}
}