/*!/wp-content/themes/Ignyte/style.css*/@charset "UTF-8";

/* CSS Document */
/* Fonts */
/*@font-face{font-family:'RobotoCondensed-Regular';src:url("/wp-content/themes/Ignyte/fonts/roboto-condensed/RobotoCondensed-Regular.ttf") format("truetype");font-display:swap}
@font-face{font-family:'RobotoCondensed-Bold';src:url("/wp-content/themes/Ignyte/fonts/roboto-condensed/RobotoCondensed-Bold.ttf") format("truetype");font-display:swap}
@font-face{font-family:'Roboto';src:url("/wp-content/themes/Ignyte/fonts/roboto/Roboto-Regular.ttf") format("truetype");font-display:swap}*/
 
/****************************************************************************************     
***************************************************************************************** 
***************************************************************************************/  

/*CSS from /includes/mmenu/jquery.mmenu.min.css*/
.mm-menu.mm-horizontal > .mm-panel{-webkit-transition:left 0.4s ease;-moz-transition:left 0.4s ease;-ms-transition:left 0.4s ease;-o-transition:left 0.4s ease;transition:left 0.4s ease;}
.mm-menu .mm-hidden{display:none;}
.mm-wrapper{overflow-x:hidden;position:relative;}
.mm-menu{background:inherit;display:block;overflow:hidden;width:100%;height:100%;padding:0;position:absolute;left:0;top:0;z-index:0;}
.mm-menu > .mm-panel{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;background:inherit;-webkit-overflow-scrolling:touch;overflow:scroll;overflow-x:hidden;overflow-y:auto;width:100%;height:100%;padding:20px;position:absolute;top:0;left:100%;z-index:0;}
.mm-menu > .mm-panel.mm-opened{left:0%;}
.mm-menu > .mm-panel.mm-subopened{left:-40%;}
.mm-menu > .mm-panel.mm-highest{z-index:1;}
.mm-menu .mm-list{padding:20px 0;}
.mm-menu > .mm-list{padding:20px 0 40px 0;}
.mm-panel > .mm-list{margin-left:-20px;margin-right:-20px;}
.mm-panel > .mm-list:first-child{padding-top:0;}
.mm-list,
.mm-list > li{list-style:none;display:block;padding:0;margin:0;}
.mm-list{font:inherit;font-size:14px;} 
.mm-list a,
.mm-list a:hover{text-decoration:none;}
.mm-list > li{position:relative;}
.mm-list > li > a,
.mm-list > li > span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:inherit;line-height:20px;display:block;padding:10px 10px 10px 20px;margin:0;}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{content:'';border-bottom-width:1px;border-bottom-style:solid;display:block;width:100%;position:absolute;bottom:0;left:0;}
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after{width:auto;margin-left:20px;position:relative;left:auto;}
.mm-list a.mm-subopen{width:40px;height:100%;padding:0;position:absolute;right:0;top:0;z-index:2;}
.mm-list a.mm-subopen:before{content:'';border-left-width:1px;border-left-style:solid;display:block;height:100%;position:absolute;left:0;top:0;}
.mm-list a.mm-subopen.mm-fullsubopen{width:100%;}
.mm-list a.mm-subopen.mm-fullsubopen:before{border-left:none;}
.mm-list a.mm-subopen + a,
.mm-list a.mm-subopen + span{padding-right:5px;margin-right:40px;}
.mm-list > li.mm-selected > a.mm-subopen{background:transparent;}
.mm-list > li.mm-selected > a.mm-fullsubopen + a,
.mm-list > li.mm-selected > a.mm-fullsubopen + span{padding-right:45px;margin-right:0;}
.mm-list a.mm-subclose{text-indent:20px;padding-top:30px;margin-top:-20px;}
.mm-list > li.mm-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:10px;text-transform:uppercase;text-indent:20px;line-height:25px;padding-right:5px;}
.mm-list > li.mm-spacer{padding-top:40px;}
.mm-list > li.mm-spacer.mm-label{padding-top:25px;}
.mm-list a.mm-subopen:after,
.mm-list a.mm-subclose:before{content:'';border:2px solid transparent;display:block;width:7px;height:7px;margin-bottom:-5px;position:absolute;bottom:50%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
.mm-list a.mm-subopen:after{border-top:none;border-left:none;right:18px;}
.mm-list a.mm-subclose:before{border-right:none;border-bottom:none;margin-bottom:-15px;left:22px;}
.mm-menu.mm-vertical .mm-list .mm-panel{display:none;padding:10px 0 10px 10px;}
.mm-menu.mm-vertical .mm-list .mm-panel li:last-child:after{border-color:transparent;}
.mm-menu.mm-vertical .mm-list li.mm-opened > .mm-panel{display:block;}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen{height:40px;}
.mm-menu.mm-vertical .mm-list > li.mm-opened > a.mm-subopen:after{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:16px;right:16px;}
html.mm-opened .mm-page{box-shadow:0 0 20px rgba(0, 0, 0, 0.5);}
.mm-ismenu{background:#333333;color:rgba(255, 255, 255, 0.6);}
.mm-menu .mm-list > li:after{border-color:rgba(0, 0, 0, 0.15);}
.mm-menu .mm-list > li > a.mm-subclose{background:rgba(0, 0, 0, 0.1);color:rgba(255, 255, 255, 0.3);}
.mm-menu .mm-list > li > a.mm-subopen:after, .mm-menu .mm-list > li > a.mm-subclose:before{border-color:rgba(255, 255, 255, 0.3);}
.mm-menu .mm-list > li > a.mm-subopen:before{border-color:rgba(0, 0, 0, 0.15);}
.mm-menu .mm-list > li.mm-selected > a:not(.mm-subopen),
.mm-menu .mm-list > li.mm-selected > span{background:rgba(0, 0, 0, 0.1);}
.mm-menu .mm-list > li.mm-label{background:rgba(255, 255, 255, 0.05);}
.mm-menu.mm-vertical .mm-list li.mm-opened > a.mm-subopen,
.mm-menu.mm-vertical .mm-list li.mm-opened > ul{background:rgba(255, 255, 255, 0.05);}
.mm-page,
.mm-fixed-top,
.mm-fixed-bottom{-webkit-transition:none 0.4s ease;-moz-transition:none 0.4s ease;-ms-transition:none 0.4s ease;-o-transition:none 0.4s ease;transition:none 0.4s ease;-webkit-transition-property:top, right, bottom, left, border;-moz-transition-property:top, right, bottom, left, border;-ms-transition-property:top, right, bottom, left, border;-o-transition-property:top, right, bottom, left, border;transition-property:top, right, bottom, left, border;}
.mm-page,
#mm-blocker{margin:0;top:0;right:0;bottom:0;left:0;}
.mm-page{border:0px solid rgba(0, 0, 0, 0);}
html.mm-opening .mm-page{border:0px solid rgba(1, 1, 1, 0);}
.mm-fixed-top,
.mm-fixed-bottom{position:fixed;left:0;}
.mm-fixed-top{top:0;}
.mm-fixed-bottom{bottom:0;}
html.mm-opened{overflow:hidden;position:relative;}
html.mm-opened body{overflow:hidden;}
html.mm-opened .mm-page{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;position:relative;}
html.mm-background .mm-page{background:inherit;}
#mm-blocker{background:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) transparent;display:none;width:100%;height:100%;position:fixed;z-index:999999;}
html.mm-opened #mm-blocker,
html.mm-blocking #mm-blocker{display:block;}
.mm-menu.mm-offcanvas{display:none;position:fixed;}
.mm-menu.mm-current{display:block;}
html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom{left:80%;}
.mm-menu{width:80%;}
@media all and (max-width:175px){.mm-menu{width:140px;}
html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom{left:140px;}
}
@media all and (min-width:550px){.mm-menu{width:440px;}
html.mm-opening .mm-page,
html.mm-opening #mm-blocker,
html.mm-opening .mm-fixed-top,
html.mm-opening .mm-fixed-bottom{left:440px;}
}
.navbar-nav>li>a, ul.footer-contact-container li .info-reveal a, .copyright a {transition: 0.5s;}
/*CSS from /includes/mmenu/jquery.mmenu.min.css*/


/*CSS from /includes/mmenu/jquery.mmenu.positioning.css*/
.mm-menu.mm-top{width:100%;}
html.mm-top.mm-opened .mm-page,
html.mm-top.mm-opened #mm-blocker{top:0%;}
html.mm-top.mm-opened.mm-opening .mm-page,
html.mm-top.mm-opened.mm-opening #mm-blocker,
html.mm-top.mm-opened.mm-opening .mm-fixed-top,
html.mm-top.mm-opened.mm-opening .mm-fixed-bottom{left:0;}
.mm-menu.mm-right{left:auto;right:0;}
html.mm-right.mm-opened .mm-page,
html.mm-right.mm-opened #mm-blocker,
html.mm-right.mm-opened .mm-fixed-top,
html.mm-right.mm-opened .mm-fixed-bottom{left:auto;right:0%;}
html.mm-right.mm-opened.mm-opening .mm-page,
html.mm-right.mm-opened.mm-opening #mm-blocker,
html.mm-right.mm-opened.mm-opening .mm-fixed-top,
html.mm-right.mm-opened.mm-opening .mm-fixed-bottom{left:auto;}
.mm-menu.mm-bottom{width:100%;top:auto;bottom:0;}
html.mm-bottom.mm-opened .mm-page,
html.mm-bottom.mm-opened #mm-blocker{bottom:0%;top:auto;}
html.mm-bottom.mm-opened.mm-opening .mm-page,
html.mm-bottom.mm-opened.mm-opening #mm-blocker,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-top,
html.mm-bottom.mm-opened.mm-opening .mm-fixed-bottom{top:auto;left:0;}
.mm-menu.mm-top{height:80%;}
html.mm-top.mm-opening .mm-page,
html.mm-top.mm-opening #mm-blocker,
html.mm-top.mm-opening .mm-fixed-top{top:80%;}
html.mm-top.mm-opening .mm-fixed-bottom{bottom:-80%;}
@media all and (max-height:175px){.mm-menu.mm-top{height:140px;}
html.mm-top.mm-opening .mm-page,
html.mm-top.mm-opening #mm-blocker,
html.mm-top.mm-opening .mm-fixed-top{top:140px;}
html.mm-top.mm-opening .mm-fixed-bottom{bottom:-140px;}
}
@media all and (min-height:1100px){.mm-menu.mm-top{height:880px;}
html.mm-top.mm-opening .mm-page,
html.mm-top.mm-opening #mm-blocker,
html.mm-top.mm-opening .mm-fixed-top{top:880px;}
html.mm-top.mm-opening .mm-fixed-bottom{bottom:-880px;}
}
.mm-menu.mm-right{width:80%;}
html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker,
html.mm-right.mm-opening .mm-fixed-top,
html.mm-right.mm-opening .mm-fixed-bottom{right:80%;}
@media all and (max-width:175px){.mm-menu.mm-right{width:140px;}
html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker,
html.mm-right.mm-opening .mm-fixed-top,
html.mm-right.mm-opening .mm-fixed-bottom{right:140px;}
}
@media all and (min-width:550px){.mm-menu.mm-right{width:440px;}
html.mm-right.mm-opening .mm-page,
html.mm-right.mm-opening #mm-blocker,
html.mm-right.mm-opening .mm-fixed-top,
html.mm-right.mm-opening .mm-fixed-bottom{right:440px;}
}
.mm-menu.mm-bottom{height:80%;}
html.mm-bottom.mm-opening .mm-page,
html.mm-bottom.mm-opening #mm-blocker,
html.mm-bottom.mm-opening .mm-fixed-bottom{bottom:80%;}
html.mm-bottom.mm-opening .mm-fixed-top{top:-80%;}
@media all and (max-height:175px){.mm-menu.mm-bottom{height:140px;}
html.mm-bottom.mm-opening .mm-page,
html.mm-bottom.mm-opening #mm-blocker,
html.mm-bottom.mm-opening .mm-fixed-bottom{bottom:140px;}
html.mm-bottom.mm-opening .mm-fixed-top{top:-140px;}
}
@media all and (min-height:1100px){.mm-menu.mm-bottom{height:880px;}
html.mm-bottom.mm-opening .mm-page,
html.mm-bottom.mm-opening #mm-blocker,
html.mm-bottom.mm-opening .mm-fixed-bottom{bottom:880px;}
html.mm-bottom.mm-opening .mm-fixed-top{top:-880px;}
}
html.mm-front.mm-opened .mm-page{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important;}
.mm-menu.mm-front,
.mm-menu.mm-next{-webkit-transition:none 0.4s ease;-moz-transition:none 0.4s ease;-ms-transition:none 0.4s ease;-o-transition:none 0.4s ease;transition:none 0.4s ease;-webkit-transition-property:top, right, bottom, left, -webkit-transform;-moz-transition-property:top, right, bottom, left, -moz-transform;-ms-transition-property:top, right, bottom, left, -o-transform;-o-transition-property:top, right, bottom, left, -o-transform;transition-property:top, right, bottom, left, transform;}
html.mm-front .mm-page,
html.mm-front #mm-blocker{z-index:0;}
.mm-menu.mm-front{z-index:1;box-shadow:0 0 15px rgba(0, 0, 0, 0.5);}
html.mm-opened.mm-next .mm-page{box-shadow:none;}
html.mm-opening .mm-menu.mm-front, html.mm-opening .mm-menu.mm-next{left:0%;}
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next{left:0;}
html.mm-opening .mm-menu.mm-top.mm-front, html.mm-opening .mm-menu.mm-top.mm-next{left:0;top:0%;}
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next{left:auto;}
html.mm-opening .mm-menu.mm-right.mm-front, html.mm-opening .mm-menu.mm-right.mm-next{left:auto;right:0%;}
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next{top:auto;left:0;}
html.mm-opening .mm-menu.mm-bottom.mm-front, html.mm-opening .mm-menu.mm-bottom.mm-next{left:0;bottom:0%;}
.mm-menu.mm-front, .mm-menu.mm-next{left:-80%;}
@media all and (max-width:175px){.mm-menu.mm-front, .mm-menu.mm-next{left:-140px;}
}
@media all and (min-width:550px){.mm-menu.mm-front, .mm-menu.mm-next{left:-440px;}
}
.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next{top:-80%;}
@media all and (max-height:175px){.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next{top:-140px;}
}
@media all and (min-height:1100px){.mm-menu.mm-top.mm-front, .mm-menu.mm-top.mm-next{top:-880px;}
}
.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next{right:-80%;}
@media all and (max-width:175px){.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next{right:-140px;}
}
@media all and (min-width:550px){.mm-menu.mm-right.mm-front, .mm-menu.mm-right.mm-next{right:-440px;}
}
.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next{bottom:-80%;}
@media all and (max-height:175px){.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next{bottom:-140px;}
}
@media all and (min-height:1100px){.mm-menu.mm-bottom.mm-front, .mm-menu.mm-bottom.mm-next{bottom:-880px;}
}
html.mm-front .mm-fixed-top,
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-bottom{left:0;right:auto;}
html.mm-front .mm-fixed-top,
html.mm-opening.mm-front .mm-fixed-top{top:0;}
html.mm-front .mm-fixed-bottom,
html.mm-opening.mm-front .mm-fixed-bottom{bottom:0;}
/*CSS from /includes/mmenu/jquery.mmenu.positioning.css*/


/*CSS from /includes/mmenu/nav.css*/
.mm-label.button {text-indent:0 !important;padding: 20px 20px 40px 20px !important}
nav:not(.mm-menu){display: none}
.mm-fixed-top{background-position:25px 55px}
html.mm-opened.mm-zoom-menu body{background:#333}
html.mm-opened.mm-zoom-menu .mm-page{background-color:#fff} 
/*CSS from /includes/mmenu/nav.css*/


/*CSS from /plugins/add-search-to-menu/public/css/ivory-ajax-search.min.css?ver=5.4.5*/
.is-ajax-search .is-loader-image{display:none;position:absolute;top:50%;transform:translateY(-50%);height:25px;right:5px;z-index:9999;width:25px;background-repeat:no-repeat;background-size:contain}.is-ajax-search.processing .is-loader-image{display:block}.is-ajax-search label{position:relative}.is-ajax-search-details,.is-ajax-search-details *,.is-ajax-search-result,.is-ajax-search-result *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;-ms-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box;padding:0;outline:0!important;margin:0;border:0;border-radius:0;text-transform:none;text-shadow:none;box-shadow:none;text-decoration:none;text-align:left;letter-spacing:normal;font-size:13px;line-height:18px;vertical-align:baseline}.is-ajax-search-details a,.is-ajax-search-result a{color:#0073aa}.is-ajax-search-details a:hover,.is-ajax-search-result a:hover{text-decoration:underline}div.is-ajax-search-details,div.is-ajax-search-result{display:none;height:auto;width:500px;max-width:100%;position:absolute;z-index:999999;background:#e2e2e2;color:#313131;padding:5px}.is-ajax-search-items{max-height:400px;overflow-y:auto;overflow-x:hidden}.is-search-sections{position:relative;clear:both;overflow:hidden}.is-search-sections:after{content:"";display:block;clear:both}.is-search-sections .left-section{float:left}.is-show-more-results{border-top:none;margin-top:5px;background:#fff}.is-show-more-results-text{cursor:pointer;padding:4px 0 3px;text-align:center}.is-load-more-image{display:block;margin:0 auto;max-height:25px}.is-ajax-search-no-result{padding:10px;background:#fff;text-align:center}.is-ajax-search-items .post-title{display:inline-block;font-weight:400;font-size:15px;text-transform:capitalize}.is-search-sections .meta{margin:5px 0}.is-search-sections .meta i{font-size:11px}.is-search-sections .meta>div{margin-bottom:5px}.is-search-sections .meta>div>span{margin-left:10px}.is-search-sections .meta>div>span:first-child{margin-left:0}.is-has-badge .is-search-sections .is-title{margin-right:35px}.is-has-badge .is-search-sections .meta>div>span:last-child{margin-right:10px}.is-search-sections .meta>span:not(:last-child):after{margin:0 2px;content:'/';display:inline-block}.is-search-sections .thumbnail{margin-right:10px;width:70px}.is-search-sections .thumbnail img{float:left;max-width:70px;height:auto}.is-ajax-term-label{display:block;font-style:italic;font-size:10px;text-transform:uppercase;color:#7b7b7b;line-height:12px;letter-spacing:2px}.is-ajax-result-description{font-size:14px;margin-top:10px}.is-ajax-search-post,.is-ajax-search-post-details{clear:both;padding:15px;border-bottom:1px solid #eceff1}.is-ajax-search-details .is-ajax-search-items>div,.is-ajax-search-post{background:#fff}.is-ajax-search-categories-details>div:hover,.is-ajax-search-result .is-ajax-search-post:hover,.is-ajax-search-result .is-show-more-results:hover,.is-ajax-search-tags-details>div:hover{background:#e2e2e2}.is-ajax-search-details .is-title a,.is-ajax-search-post .is-title a{text-transform:capitalize;font-size:14px}.is-ajax-search-post-details:last-child,.is-ajax-search-posts .is-ajax-search-post:last-child{border:0}.is-ajax-woocommerce-actions{clear:both;margin-top:10px;display:inline-block}.is-ajax-woocommerce-actions>*{display:inline-block}.is-ajax-woocommerce-actions .qty{width:60px;height:auto;padding:4px 8px;background:#fff;font-size:14px;min-height:0}.is-ajax-woocommerce-actions .add_to_cart_inline{margin:0 0 0 5px}.is-ajax-woocommerce-actions .added_to_cart{font-size:15px;text-transform:capitalize;font-weight:800;padding:4px 8px}.is-ajax-woocommerce-actions .add_to_cart_inline a.button{padding:4px 10px;background:#0073aa;color:#fff;font-weight:800;text-decoration:none}.is-ajax-search-details .is-ajax-woocommerce-actions .add_to_cart_inline a.button.loading{opacity:.4;cursor:wait}.is-ajax-woocommerce-actions .add_to_cart_inline a.button:hover{opacity:.9}.is-ajax-search-items .stock-status{color:#7ad03a}.is-ajax-search-items .is-prices del{text-decoration:line-through}.is-ajax-search-items .is-prices .amount{background:0 0;font-weight:800}.is-ajax-search-items .is-prices del .amount{font-weight:lighter;font-size:90%;opacity:.6}.is-ajax-search-items .is-prices ins{background:0 0}.is-ajax-search-items .stock-status.is-out-of-stock{color:#a44}.is-featured-icon{display:inline-block;width:13px;fill:#ffc107;vertical-align:text-top}.is-ajax-search-items .is-sale-badge{background:#77a464;color:#fff;height:20px;padding-top:2px;position:absolute;right:-24px;text-align:center;top:4px;transform:rotate(45deg);width:77px}.is-ajax-search-post-details .is-ajax-term-label{display:inline-block}.is-ajax-term-name{font-size:16px;text-transform:capitalize}.is-ajax-term-wrap{margin-bottom:10px}div.is-ajax-search-details{width:400px}.is-ajax-search-post-details{display:none}.is-ajax-search-posts-details .is-search-sections .thumbnail{width:150px}.is-ajax-search-posts-details .is-search-sections .thumbnail img{max-width:150px;float:none}@media screen and (max-width:910px){div.is-ajax-search-result{max-width:97%}.is-ajax-search-details{display:none!important}}@media screen and (max-width:510px){.is-ajax-search-result{left:3px!important}}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}
/*CSS from /plugins/add-search-to-menu/public/css/ivory-ajax-search.min.css?ver=5.4.5*/


/*CSS from /plugins/add-search-to-menu/public/css/ivory-search.min.css?ver=5.4.5*/
.is-screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}.is-menu{position:relative}.is-menu a{background:0 0!important;line-height:1;outline:0}.is-menu a::after,.is-menu a::before{display:none!important}.is-menu a:focus,.is-menu a:hover,.is-menu:hover>a{background:0 0!important;outline:0}.is-menu.default form{max-width:310px}.is-menu.is-dropdown form{display:none;min-width:310px;max-width:100%;position:absolute;right:0;top:100%;z-index:9}.is-menu.full-width-menu form,.is-menu.sliding form{min-width:0!important;overflow:hidden;position:absolute;right:0;top:25%;width:0;z-index:9;padding:0;margin:0}.is-menu.full-width-menu form:not(.is-search-form) input[type=search],.is-menu.full-width-menu form:not(.is-search-form) input[type=text],.is-menu.is-dropdown form:not(.is-search-form) input[type=search],.is-menu.is-dropdown form:not(.is-search-form) input[type=text],.is-menu.sliding form:not(.is-search-form) input[type=search],.is-menu.sliding form:not(.is-search-form) input[type=text],.is-popup-search-form form:not(.is-search-form) input[type=search],.is-popup-search-form form:not(.is-search-form) input[type=text]{background:#fff;color:#000}.is-menu.is-first form{right:auto;left:0}.is-menu.full-width-menu:not(.open) form,.is-menu.sliding:not(.open) form{display:block}.is-menu form .screen-reader-text{display:none}.is-menu form label{margin:0;padding:0}.is-menu-wrapper{display:none;position:absolute;right:5px;top:5px;width:auto;z-index:9999}.is-menu-wrapper.is-expanded{width:100%}.admin-bar .is-menu-wrapper{top:51px}.is-menu-wrapper .is-menu{float:right}.is-menu-wrapper .is-menu form{right:0;left:auto}.gsc-cse-search-menu{max-width:310px;float:right}.gsc-cse-search-menu .cse .gsc-control-cse,.gsc-cse-search-menu .gsc-control-cse{padding:0}.is-menu .search-icon-path{fill:#848484}.search-close{cursor:pointer;display:none;height:20px;position:absolute;right:-22px;top:33%;width:20px;z-index:99999}.is-menu.is-first .search-close{right:auto;left:-22px}.is-menu.is-dropdown .search-close{top:calc(100% + 7px)}.popup-search-close{cursor:pointer;height:20px;width:20px;z-index:99999;float:right;position:relative;margin:20px 20px 0 0}#is-popup-wrapper{width:100%;height:100%;position:fixed;top:0;left:0;background:#0d9347;z-index:999999}.is-popup-search-form form{width:80%;margin:20% auto 0}.is-popup-search-form form.is-ajax-search{margin:10% auto 0}.popup-search-close:after,.search-close:after{border-left:2px solid #848484;content:'';height:20px;left:9px;position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.popup-search-close:before,.search-close:before{border-left:2px solid #848484;content:'';height:20px;left:9px;position:absolute;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.is-menu.full-width-menu.open .search-close,.is-menu.is-dropdown form[style="display: block;"]+.search-close,.is-menu.sliding.open .search-close{display:block}.is-highlight{background-color:#ffffb9;color:#222}@media screen and (max-width:910px){.is-menu form{left:0;min-width:50%;right:auto}.is-menu.default form{max-width:100%}.is-menu.full-width-menu.active-search{position:relative}.is-menu-wrapper{display:block}}.is-link-container{display:none}form .is-link-container{position:relative}form .is-link-container div{position:absolute;width:200px;bottom:-25px;left:5px;z-index:99999;height:auto;line-height:14px;padding:10px 15px}form .is-link-container a{text-decoration:none;font-size:14px;font-weight:100;font-family:arial;box-shadow:none}form .is-link-container a:hover{text-decoration:underline}form .is-link-container a.is-customize-link{margin-left:15px}form:hover+.is-link-container,form:hover>.is-link-container{display:block}.is-form-style label{display:inline-block!important;padding:0;vertical-align:middle;margin:0;width:100%;line-height:1}.is-form-style{line-height:1;position:relative;padding:0!important}.is-form-style.is-form-style-3 label{width:calc(100% - 36px)!important}.is-form-style input.is-search-input{background:#fff;background-image:none!important;color:#333;padding:0 12px;margin:0;outline:0!important;font-size:14px!important;height:36px;min-height:0;line-height:1;border-radius:0;border:solid 1px #ccc!important;font-family:arial;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-appearance:none;-webkit-border-radius:0;border-radius:0}.is-form-style input.is-search-input::-ms-clear{display:none;width:0;height:0}.is-form-style input.is-search-input::-ms-reveal{display:none;width:0;height:0}.is-form-style input.is-search-input::-webkit-search-cancel-button,.is-form-style input.is-search-input::-webkit-search-decoration,.is-form-style input.is-search-input::-webkit-search-results-button,.is-form-style input.is-search-input::-webkit-search-results-decoration{display:none}.is-form-style.is-form-style-3 input.is-search-input{border-right:0!important}.is-form-style button.is-search-submit{background:0 0;border:0;box-shadow:none!important;opacity:1;padding:0!important;margin:0;line-height:0;outline:0;vertical-align:middle;width:36px;height:36px}.is-menu.full-width-menu.is-first button.is-search-submit,.is-menu.sliding.is-first button.is-search-submit{display:inline-block!important}.is-menu.full-width-menu.is-first button.is-search-submit:not([style="display: inline-block;"]),.is-menu.sliding.is-first button.is-search-submit:not([style="display: inline-block;"]){visibility:hidden}.is-form-style .is-search-submit path{fill:#555}.is-form-style input.is-search-submit{text-decoration:none;position:absolute;top:0;right:0}.is-form-style input.is-search-submit{padding:0 10px!important;width:auto}.is-search-icon{width:36px;padding-top:6px!important}.is-search-icon svg{width:22px;display:inline}.is-form-style input.is-search-submit,.is-search-icon{display:inline-block!important;color:#666;background:#ededed;box-shadow:none!important;outline:0;margin:0;font-size:14px!important;border:1px solid #ccc;border-radius:0;line-height:1;height:36px;text-transform:capitalize;vertical-align:middle;-webkit-transition:background-color .1s ease-in-out;-moz-transition:background-color .1s ease-in-out;-o-transition:background-color .1s ease-in-out;transition:background-color .1s ease-in-out;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.is-search-icon:hover,form.is-form-style input.is-search-submit:hover{background:#dcdcdc}.is-form-style-2 .is-search-submit{display:none}
/*CSS from /plugins/add-search-to-menu/public/css/ivory-search.min.css?ver=5.4.5*/


/*CSS from /wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.5.6*/
.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;padding:0;border:0;word-wrap:normal!important}.wpcf7 form .wpcf7-response-output{margin:2em .5em 1em;padding:.2em 1em;border:2px solid #00a0d2}.wpcf7 form.init .wpcf7-response-output,.wpcf7 form.resetting .wpcf7-response-output,.wpcf7 form.submitting .wpcf7-response-output{display:none}.wpcf7 form.sent .wpcf7-response-output{border-color:#46b450}.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output{border-color:#dc3232}.wpcf7 form.spam .wpcf7-response-output{border-color:#f56e28}.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output{border-color:#ffb900}.wpcf7-form-control-wrap{position:relative}.wpcf7-not-valid-tip{color:#dc3232;font-size:1em;font-weight:400;display:block}.use-floating-validation-tip .wpcf7-not-valid-tip{position:relative;top:-2ex;left:1em;z-index:100;border:1px solid #dc3232;background:#fff;padding:.2em .8em;width:24em}.wpcf7-list-item{display:inline-block;margin:0 0 0 1em}.wpcf7-list-item-label::before,.wpcf7-list-item-label::after{content:" "}.wpcf7-spinner{visibility:hidden;display:inline-block;background-color:#23282d;opacity:.75;width:24px;height:24px;border:none;border-radius:100%;padding:0;margin:0 24px;position:relative}form.submitting .wpcf7-spinner{visibility:visible}.wpcf7-spinner::before{content:'';position:absolute;background-color:#fbfbfc;top:4px;left:4px;width:6px;height:6px;border:none;border-radius:100%;transform-origin:8px 8px;animation-name:spin;animation-duration:1000ms;animation-timing-function:linear;animation-iteration-count:infinite}@media(prefers-reduced-motion:reduce){.wpcf7-spinner::before{animation-name:blink;animation-duration:2000ms}}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes blink{from{opacity:0}50%{opacity:1}to{opacity:0}}.wpcf7 input[type=file]{cursor:pointer}.wpcf7 input[type=file]:disabled{cursor:default}.wpcf7 .wpcf7-submit:disabled{cursor:not-allowed}.wpcf7 input[type=url],.wpcf7 input[type=email],.wpcf7 input[type=tel]{direction:ltr}
/*CSS from /wp-content/plugins/contact-form-7/includes/css/styles.css?ver=5.5.6*/

 
/*Global*/
html{font-size:18px}
body{color:#333; background-color:#fff; padding-top:0!important; line-height: 1.5; overflow-x:hidden; font-size:16px;}

.content-container{max-width: 1600px; margin:0 auto}
.content-container.buttons{margin-top: 30px}
div.wpcf7 .ajax-loader{display: none}
 
/*Typography & Basic Elements */
p,body p{ 
	font-family:Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5;}
p{margin-bottom:30px}
p.extra{margin-bottom:30px}

.alpha{font-size:80px; font-family:"Roboto Condensed", sans-serif}
h2, .beta{font-family:"Roboto Condensed", sans-serif;font-weight:700; font-style: normal}
h3, .gamma{font-size:36px; margin-bottom:60px; font-family:"Roboto Condensed", sans-serif;font-weight:700; font-style: normal}
h4, .delta{font-size:30px; font-family:"Roboto Condensed", sans-serif}
h4.subtitle{font-family: Roboto; font-style: normal; font-weight: normal; font-size: 16px; line-height: 22px}
h5{font-size:24px;font-weight:700;font-family:"Roboto Condensed", sans-serif}

h1, h2, h3, h4, h5, h6{margin-top:0}
 
.container-fluid .content-container.inner-page h2{ margin-bottom:25px}
h1.title.black.left, h2.title.black.left{ text-align:left; margin-bottom:15px}
h2.hero-title{ font-size:5rem; font-weight:bold; margin-top:15px; margin-bottom: 10px}
h2.title{ font-size:3.5em; font-weight:bold}
.nobottommargin{ margin-bottom:15px}
.excerpt{ text-align:left; margin-bottom:30px}

hr{border-top:1px solid #ccc}
hr.hr-center{border:3px solid #f0483e; width:55px;display: block} 
hr.hr-left{border:3px solid #f0483e; width:55px;display: inline-block}

ul, ol{
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 24px; 
	margin:0 0 24px;
	font-family:'Roboto'}
ul li, ol li{padding:2px 0}
ul{padding-left:25px}
ul.roofing-services li{ margin-bottom:15px}

a{color:inherit; cursor: pointer; cursor: hand; transition:0.5s;}
a:hover{color:#FF8400; text-decoration: none}
a:focus{color:#FF8400; text-decoration: none; outline:none}
.nav-phone a:hover{ color:#fff; text-decoration: none; padding: 5px 0 4px; border-bottom: solid 3px rgba(0,0,0,0)}
.nav-phone a:hover{ padding: 0 0 4px; border-bottom: solid 3px #fff}
.underline{text-decoration:underline}
.excerpt a, .ignyte_faq_answer a{ text-decoration: underline}

strong{font-family:'Roboto'}
.btn.btn-primary, .btn{
	font-family:"Roboto Condensed", sans-serif; font-weight:700;
	font-style: normal;
	font-size: 20px;
	line-height: 23px;
	text-align: center;
	color: #FFFFFF;
	border: none;
	border-radius: 0;
	padding: 14px 25px;
	background-color: #333;
	transition: 0.5s all}
.btn{display:inline-block; text-decoration: none; position: relative; margin-top:10px}
.btn-primary{background-color: #0d9347; color:#fff; border:2px solid #0d9347}
.btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary{background-color:#fff; color:#0d9347;  border:2px solid #0d9347;outline:none}
.btn-white{background-color: #fff; color:#0d9347; border:2px solid #0d9347; padding: 12px 25px}
.btn-primary:focus, .btn-primary:active{background-color: #0d9347; color:#fff; border:2px solid #fff; outline:none}
button.alm-load-more-btn{background-color: transparent; color:#000; text-transform: uppercase;border:2px solid #000; height:auto}
button.alm-load-more-btn:hover{background-color: #000; color:#fff; border:2px solid #000}
.service-appt-btn{text-align: left; display: block; margin-top:25px}
.btn.btn-primary.financing-options{width: 100%; background-color: #0d9347}
.btn.btn-white:hover{border:2px solid #FF8400; background-color: #FF8400; color:#fff}
h1.title + p.center{margin-top: -35px; margin-bottom: 60px}

/*.container{padding:0 30px}*/
.btn.btn-primary:hover, .btn:hover{
	background-color: #FF8400;
    color: #fff;
    border: none;
    outline: none}
.btn-primary.green{
	padding: 10px 122px; 
	margin-left: auto;
    margin-right: auto;
    text-align: center;
    display: table;
    margin-top: 0;
	font-family:"Roboto Condensed", sans-serif;font-weight:700;
	font-style: normal;
	font-size: 26px;
	line-height: normal;
	text-decoration:none;
	transition: 0.5s all}
.btn-primary.green:hover, .btn-primary.green:focus, .btn-primary.green:active, .btn-primary.green.active, .open>.dropdown-toggle.btn-primary.green{
    background-color: #FF8400;
    color: #fff;
    border: 2px solid #FF8400}
#see_more_project .btn.btn-primary.roofing-btn.desktop-button.center { margin-top:-25px; }
header{position:relative;z-index:999}
img{max-width:100%;height:auto}

/*CSS from Style.css*/
.navbar-nav>li ul.sub-menu>li>a{font-size:16px;font-size:1rem;line-height:1.5;padding:16px; font-family:"Roboto Condensed", sans-serif}
.nav>li:hover>a, .nav>li:focus>a, .nav>li.menu-item-has-children:hover>a, .nav>li.menu-item-has-children:hover{background-color:#ccc}
.navbar-nav>li ul.sub-menu{list-style:none;margin:0;padding:0;display:none;position:absolute;left:-999em}
.navbar-nav>li ul.sub-menu>li{position:relative}
.navbar-nav>li:hover ul.sub-menu{display:block;top:70px;left:auto;z-index:999}
.navbar-nav>li:hover ul.sub-menu>li ul.sub-menu{display:none}
.navbar-nav>li:hover ul.sub-menu>li:hover ul.sub-menu{display:block;top:-15px;left:100%;z-index:999}
.navbar-nav>li ul.sub-menu>li{margin:0;padding:0}
.navbar-nav>li ul.sub-menu>li>a{}
.navbar-nav>li ul.sub-menu>li>a:hover{text-decoration:none}
.mm-list a.mm-subopen{border-bottom:none;top:-7px}
.mm-list a.mm-subopen:before{border-left:none}
#global-nav-wrap .navbar-nav>li>a{font-size:14px;padding:10px 16px}
#global-nav-wrap .navbar-right .textwidget{font-size:14px;padding:10px 0}
#main-nav-wrap{width:100%}
ul#menu-main-menu{float:right}
#main-nav .navbar-nav>li{ min-height:95px}
#main-nav .navbar-nav>li>form{padding-top:42px;padding-bottom:42px}
#main-nav .navbar-nav>li:hover ul.sub-menu, #main-nav-wrap .navbar-nav>li>a:hover ul.sub-menu{background-color:#0d9347}
.navbar-brand{height:120px;padding:12px 0;float:none;display:table-cell;vertical-align:middle}
footer{background-color:#212121}
.footer-bottom-wrap{background-color:#ccc}
.foot-br{text-align:right}
.foot-br .textwidget{padding:16px 0}
#sidebar{margin:10px -15px 0;background-color:transparent;padding:16px 15px}
.banner-image{display:table;width:100%;padding:0;margin:0 auto;height:285px;background-repeat:no-repeat;background-size:cover;background-position:center center}
.table-cell{display:table-cell;width:100%;height:100%;vertical-align:middle}
.single-top-wrap{height:auto}
.single-top-wrap > .container, .single-top-wrap > .container > .row{height:100%}
.single-top-wrap .headings-wrap, .single-top-wrap .img-wrap{display:table;float:none;text-align:center}
.single-top-wrap .img-circ{width:200px;height:200px;margin:20px auto;border-radius:50%}
.flexslider{margin:0 auto;background:none;border:none;position:relative;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.lead-copy h1, .lead-copy h2, .lead-copy h3, .lead-copy h4, .page-title{margin-top:10px;line-height:1}
.main-column .lead-copy h1, .main-column .lead-copy h2, .main-column .lead-copy h3, .main-column .lead-copy h4, .main-column .lead-copy p{text-align:left}
.pag-wrap .container{padding-top:20px;padding-bottom:20px}
.prev-link{float:left}
.next-link{float:right}
#map{height:500px}
.map-wrapper {position: relative;padding-top: 50%;margin-bottom: 30px;}
.page-roofers-near-me h1 {margin-bottom:35px;}
.map-wrapper #map {position:absolute!important; height: 100%; width: 100%; top: 0; left: 0; right: 0; bottom: 0;}
ul.locations{list-style:none;padding:0}
.locations dd{margin-left:20px;display:list-item;list-style-type:disc}
.locations dd .row{display:inline-block;width:100%;vertical-align:middle}
.locations dd.no-bullet{list-style-type:none}

@media (min-width:1215px){
	.page-template-page-fullwidth-home .textright, .col-md-6.col-sm-12.vh-center.align-right + .textright .banner-content {padding-left:15px;}
}

@media (min-width:1200px){
	.single-top-wrap{height:400px}
	.single-top-wrap .img-circ{width:342px;height:342px}
}
@media (min-width:992px){
	.single-top-wrap{height:360px}
	.single-top-wrap .img-circ{width:280px;height:280px}
	.container-fluid.banner.video-parent .btn-primary {display: table;}
}
@media (min-width:768px){
	li.search-nav input#search{width:41px;transition:width 1s;transition-timing-function:ease}
	li.search-nav input#search:active, li.search-nav input#search:focus{width:150px}
	#sidebar{margin:10px auto 0;padding:16px 24px}
	.single-top-wrap{height:320px}
	.single-top-wrap .headings-wrap, .single-top-wrap .img-wrap{height:100%}
	.single-top-wrap .headings-wrap{text-align:left}
	.single-top-wrap .img-wrap{float:right}
	.single-top-wrap .img-circ{width:220px;height:220px;margin:30px auto}
	.banner-image{height:480px}
}
@media (min-width:420px){
	.single-top-wrap .img-circ{width:280px;height:280px}
}

/*Banners*/
.banner-image .content-container, .banner-image-short .content-container{display: table-cell; height:100%; vertical-align: middle}
.banner-image .content-container .banner-content h1{ font-size:2.75em; font-weight:normal; text-transform: uppercase; max-width:900px; margin:15px auto; line-height: 1.25}
.banner-content h1{font-family:"Roboto Condensed", sans-serif; font-weight:700; color:#fff}
.banner-image .content-container .banner-content a.btn,  .content-container .service-page .service-appt-btn a.btn{margin-left:15px; margin-right:15px}
.banner-image-short{height: calc(100vh - 250px); position: relative; background-repeat: no-repeat; background-size: cover; background-position: center center; background-attachment: fixed; display:table; width:100%; padding:0 15px}
.banner-image{max-height: calc(100vh - 250px)}
#home-slider-wrap #slider-wrapper{margin:0 -15px}
#home-slider-wrap .slide-img{background-size: cover; background-position: center center; margin-top:30px}
.banner-content, #home-slider-wrap .slide-img .caption{text-align: center; color:#fff}
.page-home .banner-image>.content-container>.banner-content>.container>.row{margin-left:0px; margin-right:0px}
.banner-content .logos{margin:50px 0}
.banner-content .logos img{max-width: 200px}
.banner-content .row.logos{margin-left:0; margin-right:0}
.banner-content .eyebrow_text{ text-transform: uppercase; letter-spacing: 3px; font-size: 12px}
.banner-image .content-container .banner-content a.btn, .content-container .service-page .service-appt-btn a.btn{
    margin-left: 0;
    margin-right: 0;
	margin-top:20px}
.hero-schedule-free-estimate-button{ 
	color:#fff;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3)}
.hero-schedule-free-estimate-button{ background-color:#0d9347; position:fixed; right:-76px; top:45vh; padding:15px 25px 11px; border:#fff 2px solid}
.hero-schedule-free-estimate-button:hover{ background-color:#fff}
.hero-schedule-free-estimate-button:hover a{ color:#0d9347}
.case-study-banner{height:100%; display:table-cell; width:100%; vertical-align: middle}
#home-slider-wrap .slide-img .caption h2{font-size: 45px; font-size: 2.8125rem; margin-bottom: 10px}
#home-slider-wrap .slide-img .caption p{font-size:22px; font-size:1.375rem; line-height:1.1}
#home-slider-wrap .slide-img .caption .call-cta-text{font-size: 18px; font-size: 1.125rem; width:170px}
#home-slider-wrap .slide-img .caption .call-cta{margin-top: 60px}
#home-slider-wrap .slide-img .caption .call-cta-phone a{color:#000}

#logo-hero{max-width:492px}
.flex-direction-nav .flex-prev{left:0}
.flex-direction-nav .flex-next{right:0}

/* Video Background */
/* Section - Page Layouts - Hero Banner */
.banner-image{height:365px; background-size: cover; background-position: center center; display: table; width:100%; margin-bottom: 0px; position:relative}
.video-overlay{background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0)); position: absolute; width:100%; height:100vh}
.video-content{overflow:hidden; position:absolute; z-index:-1}
.video-content video{aspect-ratio: 16 / 9}

/*Header*/
.navbar{margin-bottom: 0px; min-height:inherit;border-radius:0;border:none}
.navbar-collapse{padding-left:0; padding-right:0}
.nav>li:hover>a, .nav>li:focus>a, .nav>li.menu-item-has-children:hover>a, .nav>li.menu-item-has-children:hover{background-color:transparent}
.nav-contact{float:right; color:#000; height:144px; display: table; margin-right:15px}
.nav-contact-icon{display: table-cell; vertical-align: middle}
.nav-contact-icon img{max-width: 30px; margin-right:10px}
.nav-contact-info span{text-transform: uppercase; font-size: 15px; font-size: .9375rem}
.nav-contact-info{font-size: 34px; font-size: 2.125rem; display: table-cell; vertical-align: middle}
.nav-contact-info p{margin-bottom: 0px; line-height: 1;font-size: 34px; font-size: 2.125rem; height:80px}

img.navbar-logo{ display:block; max-width: 75px; height:70px}
img.navbar-logo-mobile{ display:none; max-width: 150px; height:70px}

/*Main Navigation*/
#main-nav{width:100%; background-color:transparent; margin-top:30px}
#main-nav-wrap{background-color:transparent; border-bottom:none; color:#fff; transition:all 0.3s ease-in}

#main-nav-wrap a.navbar-brand-mobile img, #main-nav-wrap a.navbar-brand-desktop img{float:left; margin-right:25px}

#main-nav-wrap.scrolled{background-color:#0d9347; border-bottom:none; color:#fff; padding-bottom:20px}


#main-nav-wrap.scrolled a.navbar-brand img{margin-top: 7px}
.navbar-brand{line-height:0; height:28px; padding:5px 0; float:none; display:table-cell; vertical-align:middle; transition:height 0.15s ease-in; color:#fff}
.scrolled .navbar-brand, .scrolled .navbar-brand:hover{color:#3f3f3f}
.navbar-brand img{margin-left:15px}
.navbar-toggle{padding: 2px 4px; margin-top: 27px; margin-bottom:0; margin-right:0px}
.navbar-toggle .icon-bar{background: #fff; height:3px; width:30px; border-radius:0; margin:4px auto}
.scrolled .navbar-toggle .icon-bar{background: #fff}

ul#menu-main-menu{float: left; height:70px; display: table}
.search-nav-wrap{height:70px; display: table; float:left}
.search-nav-wrap form{display: table-cell; vertical-align: middle}
.search-result{padding-top:30px; padding-bottom:30px}
.search-result h3{margin-bottom: 5px}
.search-result p{margin-bottom: 0px; margin-top:15px;}

label.no-show{ display:none}

.nav-phone{display: table; float:right}
.nav>li>a:hover, .nav>li>a:focus, #main-nav .navbar-nav>li.current_page_item>a, #main-nav .navbar-nav>li.current_page_ancestor>a{
    text-decoration: underline;
    background-color: transparent;
    text-underline-offset: 1px;
	text-underline-position: under}
#main-nav .navbar-nav>li{padding:0 16px; min-height:95px}
#main-nav .navbar-nav>li>a{
	padding:34px 0; 
	background-color:transparent; 
	transition:padding 0.15s ease-in;
	font-family:"Roboto Condensed", sans-serif;
    font-size: 17px;
    line-height: 1;
    text-transform: uppercase;
	color: #000000}
#main-nav-wrap.scrolled .navbar-nav>li>a{color:#fff}
#main-nav-wrap.scrolled .navbar-nav>li.nav-contact>a{color:#f0483e}

/*Sub Navigation*/
.navbar-nav>li ul.sub-menu{padding:15px; background-color: #0d9347; width:300px; left:0}
.navbar-nav>li ul.sub-menu li{background-color: #0d9347; padding:10px 20px}
.navbar-nav>li ul.sub-menu li a{color:#fff}
.navbar-nav>li ul.sub-menu li a:hover{color:#fff; text-decoration: none}

/* Show/hide header with headroom.js */
#header-all{position:relative; width:100%;z-index: 30;right: 0;left: 0;top: 0; background-color: #fff; height:95px}
#header-all.headroom--not-top.slideUp, #header-all.headroom--not-top.slideDown{position:fixed; top:0}  
.animated{
	-webkit-animation-duration: 0.3s;
	-moz-animation-duration: 0.3s;
	-o-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both}
.animated.slideUp{
	-webkit-animation-name: slideUp;
	-moz-animation-name: slideUp;
	-o-animation-name: slideUp;
	animation-name: slideUp;
	-webkit-animation-duration: 0.15s;
	-moz-animation-duration: 0.15s;
	-o-animation-duration: 0.15s;
	animation-duration: 0.15s}
.animated.slideDown{
	-webkit-animation-name: slideDown;
	-moz-animation-name: slideDown;
	-o-animation-name: slideDown;
	animation-name: slideDown}
@-webkit-keyframes slideDown{0%{-webkit-transform:translateY(-100%)}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideDown{0%{-moz-transform:translateY(-100%)}100%{-moz-transform:translateY(0)}}@-o-keyframes slideDown{0%{-o-transform:translateY(-100%)}100%{-o-transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}.animated.slideDown{-webkit-animation-name:slideDown;-moz-animation-name:slideDown;-o-animation-name:slideDown;animation-name:slideDown}@-webkit-keyframes slideUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-100%)}}@-moz-keyframes slideUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-100%)}}@-o-keyframes slideUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-100%)}}@keyframes slideUp{0%{transform:translateY(0)}100%{transform:translateY(-100%)}}.animated.slideUp{-webkit-animation-name:slideUp;-moz-animation-name:slideUp;-o-animation-name:slideUp;animation-name:slideUp}

/* Mobile Menu off-Canvas */
.mm-menu.mm-front{box-shadow: none !important}
.mm-menu.mm-top{height: auto; min-height:100%}
html.mm-opening .mm-menu.mm-top.mm-front{top: 90px}
.mm-ismenu, html.mm-opening #main-nav-wrap{background-color: #0d9347; color: #fff}
html.mm-opening #main-nav-wrap.scrolled{background-color: #0d9347; color: #3f3f3f}
.mm-menu > .mm-list{padding:20px 0 0}
.mm-list{font-size: 18px; font-size:1.125rem; letter-spacing:2px}
.mm-list, .mm-list > li{font-size: 20px; font-size: 1.25rem; text-align:left; text-transform:uppercase; padding:10px 15px}
.mm-menu .mm-list > li:after{border-color: transparent}
.mm-list > li > a{line-height: 1; display: inline-block; padding:5px 15px}
html.mm-opening .navbar-toggle, html.mm-opening .navbar-toggle .icon-bar, .navbar-toggle, .navbar-toggle .icon-bar{-webkit-transition: none 0.5s ease 0.5s;
transition: none 0.5s ease 0.5s;
-webkit-transition-property: transform, margin-top, margin-bottom, opacity;
transition-property: transform, margin-top, margin-bottom, opacity}
html.mm-opening .navbar-toggle{margin-top:25px; margin-bottom: 25px}
html.mm-opening .navbar-toggle .icon-bar:first-of-type{-ms-transform: rotate( 45deg ); -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); margin-bottom:-9px}
html.mm-opening .navbar-toggle .icon-bar:last-of-type{-ms-transform: rotate( -45deg ); -webkit-transform: rotate( -45deg ); transform: rotate( -45deg ); margin-top:-5px}
html.mm-opening .navbar-toggle .icon-bar:nth-of-type(2){opacity:0}
.mm-list>li>a{color:#fff;padding:5px 0 4px; font-family:"Roboto Condensed", sans-serif}
.mm-list>li:focus>a, .mm-list>li>a:focus, .mm-list>li.current-page-ancestor>a{color:#FF8400; text-decoration: underline; text-underline-position: under}
.mm-list>li.current_page_parent>a{color:#fff;}
.mm-list>li>a:hover{color:#FF8400;text-decoration: underline; text-underline-position: under;}
.nav-contact-mobile i{max-width: 30px; float:left; margin-right:10px}
.nav-contact-mobile p{font-family:"Roboto Condensed", sans-serif; font-weight:700; font-size: 28px; font-size: 1.75rem; margin-top:-8px; margin-bottom: 0px}
.nav-contact-mobile p span{ font-family:"Roboto Condensed", sans-serif; font-size: 14px;}
.nav-contact-mobile p span {display:none;}
.nav-contact-mobile p a span {display:block;}

.nav-contact-mobile:hover{color:#FF8400}
.nav-contact-mobile:hover .nav-phone-icon{ background-image: url(/wp-content/uploads/2021/08/mobile-orange.svg)}
.nav-contact-mobile:hover span{color:#FF8400}
.nav-contact-mobile:hover a{color:#FF8400}

.mm-menu .mm-list > li > a.mm-subopen:before{border-color:rgba(255,255,255,1)}
.mm-menu .mm-list > li > a.mm-subopen:hover:after, .mm-menu .mm-list > li > a.mm-subclose:hover:before{border-color:#FF8400}

.mm-menu .mm-list > li > a.mm-subopen:after, 
.mm-menu .mm-list > li > a.mm-subclose:before{border-color:rgba(255,255,255,1)}

.mm-menu .mm-list > li > a.mm-subclose{color:#fff; background:rgba(0,0,0,0.0)}
.mm-menu .mm-list > li:hover > a.mm-subclose{color:#FF8400; background:rgba(0,0,0,0.0)}
.mm-list a.mm-subclose:before{margin-bottom: 0px}

.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before{
    width: 14px;
    height: 14px}

/* GLOBAL */
.inner-page{padding:0}
div.container.inner-container{ max-width:705px}

#main-content p a, #main-content li a, .imagecaption a{text-decoration:underline; font-size: inherit; line-height: inherit;}
#main-content li a.filtername{text-decoration: none}  
#main-content p a:hover, #main-content li a:hover{color:#FF8400}
#main-content li a.filtername:hover{color:#fff}
#main-content a.btn:hover, #main-content li a.btn:hover{color:#fff}
#main-content a.btn, #main-content li a.btn{text-decoration:none}
.fullwidth-image .bg-image{
	background-size: cover;
    padding-top: 30%;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    background-position: center center}
#main_data .left-title-content{ text-align:left}
input.recaptcha-btn:hover{border: 1px solid #FF8400; background-color: #FF8400; color: #FFFFFF}
input.recaptcha-btn{border:1px solid #333}

/*Nav*/
#wnb-bar{
    height:50px; 
    position: fixed;
    background-color: #333333;
    background-image:none;
    width: 100%;
    z-index: 99999;
    text-align: center;
    min-height: 33px;
    top: 0px;
    left: 0px;
    font-size: 14px;
    line-height: 33px}
#wnb-bar span{
	font-family:"Roboto Condensed", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 20px;
	line-height: 23px;
	color: #FFFFFF;
	margin:0 5px;
	padding: 13px 0px;
    display: inline-block}
.wnb-bar-button{
    color: black;
    text-shadow: 0 -1px 0 rgba(255,255,255,0.25);
    background-color: white}
#header-all.headroom--not-top.slideUp{
	display:none;
	top:0;
}
#header-all.headroom--not-top.slideDown{padding-top: 0;
    margin-top: 0;
    height: auto;
    top: 50px
}
#wnb-bar a.wnb-bar-button{
	text-transform: uppercase;
    font-family:"Roboto Condensed", sans-serif; font-weight:700;
    font-size: 16px;
    padding: 8px 14px 6px;
    margin-top: 2px;
	color: #000000;
	text-shadow:none;
	border-radius: 0}
#wnb-bar a.wnb-bar-button:hover{
    background-color: #FF8400;
    color: #FFFFFF}
.nav-phone{margin-top:28px;}
img.navbar-logo{
    display: none}
.navbar-nav>li.current_page_item>a{
    text-decoration: underline;
    text-underline-offset: 2px;
    text-underline-position: under}
#main-nav-wrap.scrolled .navbar-nav>li>a{color: #000}
#main-nav-wrap.scrolled{background-color: transparent; color: #000}
#header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled{background-color: #0d9347; color: #fff; padding-bottom: 0; margin-top: 0}
#header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled .navbar-nav>li>a, 
#header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled .nav-phone a,
#header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled .nav-phone span{color:#fff}
#header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled .navbar-nav>li>a:hover, 
#header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled .nav-phone a:hover,
#header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled .nav-phone a:hover div{color:#FF8400; background-image: url(/wp-content/uploads/2021/08/mobile-orange.svg)}
.headroom--not-top.slideDown  #main-nav-wrap.scrolled .nav-phone a:hover .nav-phone-icon{
    background-image: url(/wp-content/uploads/2021/08/mobile-orange.svg)}

.nav-phone a{
	font-family:"Roboto Condensed", sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	color: #333333;
	display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
	transition:0.5s;
}
.nav-phone div.small-number{
	font-family:"Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    text-align: right;
    color: #333333}
.nav-phone a:hover {
    color: #FF8400;
	padding: initial;
    border-bottom: none;
	transition: 0.25s}

.nav-phone a:hover div.small-number{color: #FF8400}
.nav-phone-icon{ display: inline-block; background-image:url(/wp-content/uploads/2021/08/mobile-black.svg); width:24px; height:24px; background-position: 2px 3px; background-size: contain; background-repeat: no-repeat}
.nav-phone a:hover .nav-phone-icon{ background-image:url(/wp-content/uploads/2021/08/mobile-orange.svg)}
.nav-contact-mobile .nav-phone-icon{ background-image:url(/wp-content/uploads/2021/08/mobile-white.svg); float: left; width: 36px; height: 50px; background-position: -4px 8px}
.nav-phone-number{
    position: relative;
    display: inline-block;
    text-align: right; 
    font-size: 28px;
    line-height: initial;   
	color: #FFF;margin-top: 20px;}
.nav-phone-number-extra{ display: block}

.nav-award-logo {float: right; display: table; margin-top: 10px;} 

#header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled .nav-phone-icon{ background-image:url(/wp-content/uploads/2021/08/mobile-white.svg)}
#header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled .nav-phone div.small-number{ color: #FFFFFF}
#main-nav .navbar-nav>li>a:hover{color:#FF8400}
#main-nav .navbar-nav>li>a:active,
#main-nav .navbar-nav>li:focus>a, 
#main-nav .navbar-nav>li>a:focus, 
#main-nav .navbar-nav>li.current_page_item>a, 
#main-nav .navbar-nav>li.current-page-ancestor>a{color: #0d9347}
#main-nav .navbar-nav>li.current_page_parent>a{color:#000;}
input#search{
	background-image: url(/wp-content/uploads/2021/08/search-svgrepo-com-1.svg);
    background-size: 20px 25px;
    background-repeat: no-repeat;
    background-position: 5px center;
    color: #000;
    padding-left: 36px;
	width: 100%;
	border:none}
input#search:hover, input#search:focus{ background-image: url(/wp-content/uploads/2021/08/search-svgrepo-com-orange.svg); background-color:#e1e1e1}
#header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled input#search{
    background-image: url(/wp-content/uploads/2021/08/search-svgrepo-com-white.svg);
	color:#ffffff}
#header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled img.navbar-logo-green{display:none}
#header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled img.navbar-logo{display:block; margin-top: 0}
#header-all.headroom--not-top.slideDown #main-nav{padding:0}
img.navbar-logo{
    width: auto;
    height: 70px;
    max-width: 100%}
#main-nav{margin-top: 0; padding: 0; padding-bottom: 0}
#main-nav .row{margin-left:0; margin-right:0}
header .container-fluid{padding:0}

/*Banner*/

.textright{padding-top:30%}
.page-template-page-fullwidth-home .banner-content{
	position: absolute;
    top: 0;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    padding: 0;
	background-image: url(/wp-content/uploads/2021/08/three-tree-roof-logo-icon-only-black-1.png);
    background-repeat: no-repeat;
    background-position: center center;
	background-size: contain}
.banner .textright h1, .page-template-page-fullwidth-home .banner-content h1{
	font-family:"Roboto Condensed", sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 50px;
	line-height: 59px;
	color: #333333;
	text-align:left;
	border-bottom: 2px solid #000000;
	max-width:553px;
	padding-bottom:20px;
	margin-bottom:20px;
	letter-spacing:0;
	margin-top:10px}
  .banner .textright h2, .page-template-page-fullwidth-home .banner-content h2,
  .banner .textright h4, .page-template-page-fullwidth-home .banner-content h4{
	font-family:"Roboto Condensed", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 30px;
	line-height: 35px;
	color: #333333;
	text-align:left;
	max-width:529px;
	margin-bottom:0}

.banner .banner-image{
	max-width: 100%;
    max-height: 403px;
    overflow: hidden}
.search-nav-wrap, ul#menu-main-menu, #main-nav-wrap a.navbar-brand-mobile img, #main-nav-wrap a.navbar-brand-desktop img{height:95px}
#header-all.headroom--not-top.slideDown .navbar-toggle .icon-bar, #header-all.headroom--not-top.slideDown .scrolled .navbar-toggle .icon-bar{background:#fff}
.mm-opening #header-all.headroom--not-top.slideDown .navbar-toggle .icon-bar, .mm-opening #header-all.headroom--not-top.slideDown .scrolled .navbar-toggle .icon-bar{
    background-color: #fff}
.navbar-nav>li ul.sub-menu li:hover{
    background-color: #FF8400}

.hero-schedule-free-estimate-button:hover{ background-color:#FF8400}
.hero-schedule-free-estimate-button:hover a{ color:#FFFFFF}
.header-logo {
	background-image: url(/wp-content/uploads/2022/08/TopRoofing_Logo.svg);
    width: 77px;
    height: 77px;
    background-repeat: no-repeat;
    background-position: center center;
	display: inline-block;	
    vertical-align: middle;
	transition: 0.5s;
}
.header-logo:hover {
	background-image: url(/wp-content/uploads/2022/08/TopRoofing_Logo_Orange.svg);
}

body .mob-header-logo span {
	display:inline-block;
	height:85px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}
body .menu-roofing-link {text-align:center;}
.menu-roofing-link a {
	font-size: 18px;
	line-height: 45px;
	text-decoration-line: underline;
	text-transform: uppercase;
	color: #FFFFFF;
	background-position:center center;
}
.mob-header-logo .logo-1 {background-image:url(/wp-content/uploads/2022/08/TopRoofing_Logo_White.svg);}
.mob-header-logo .logo-2 {background-image:url(/wp-content/uploads/2022/08/Vector-17.png)}
.mob-header-logo .logo-3 {background-image:url(/wp-content/uploads/2022/08/Vector-16.png)}
li.mob-header-logo span {
    width: calc(100% / 4);
    margin-right: 20px;
}
li.mob-header-logo {
	margin-top:0;
	margin-bottom:0;
}


/* Logo Ribbon */
.logo-ribbon{background-color:#000; padding:50px 0}
.logos{text-align: center; margin-bottom:45px; display: -webkit-box;}
.row.logos {display:-webkit-box;}
.logos .logo-inner-white, .logos .logo-inner-black {margin-bottom: 30px;}
.logos img{max-width: 200px}

.logos.small { display:block; margin-top:60px; }
.container-fluid .content-container.inner-page .logos.small h2 { margin:0; }

.testimonials .logos{ margin-bottom:60px}

/* HOME PAGE */
.our-services-home{padding:60px 0; text-align: center}
.service-box{border:1px solid #000; padding:0; background-color:transparent; margin:0}
.service-box:hover{background-color:transparent}
.service-box-img{height:auto; padding-top: 65%; background-size: cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 15px}
.service-box-text h4{text-align: center; text-transform: uppercase}
.service-box-text p{text-align: center}
.service-box-text .btn{ margin-top:0; }
.service-box-text .btn:hover{ background-color:#0d9347; color:#fff; border:2px #fff solid}
.service-box:hover h4{ color:#fff}
.service-box:hover p{ color:#fff}

.services-bg{background-color:transparent}
.services-bg h3{color:#333333}
.services-bg .service-box .service-box-text{color:#fff}
.home .col-md-6.col-sm-12.vh-center, .col-md-6.col-sm-12.vh-center.align-right {float:right}
.certificate .btn.btn-primary{
	background-color: #0d9347;
	padding: 18px 122px;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: table}
.our-services .excerpt{
    text-align: center;
	margin-bottom: 36px;
	line-height: 150%}
.service-box-text p:first-child{
    font-family:"Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;  
    line-height: 16px}
.our-services-home{padding:60px 30px}
.our-services a.btn{margin-bottom: 30px; padding: 15px 90px}
.our-services .roofing-btn{margin-top:45px}

.our-projects{padding:0; margin:60px 0; background-image:none; height:auto}
.our-projects h3{text-align: center; color:#333}
.our-projects .buttons, .gallery-list .buttons {text-align: center}
.our-projects .buttons a, .gallery-list .buttons a {margin: 0 15px 20px 15px}
.our-projects .simplefilter li.active{color:#fff; text-decoration: none; border:2px solid #fff; padding:10px} 
.our-projects .simplefilter li:hover{color:#fff}
.our-projects .simplefilter li:after{content:none}

.project-categories{margin:0 auto; color:#fff}

.projects{text-align: center}
.projects img{margin-bottom: 20px}
.projects .type-filters{margin:0 auto; text-transform: uppercase; width:100%}
.projects .filter-container{
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-between;
  position: relative}
.filter-container li{margin:10px; padding:5px 25px;display: inline; border:1px solid #000}
.filter-container li:hover{background-color: #000; border:1px solid #000; color:#fff}
.projects .type-filters li a:hover{color:#fff; text-decoration: none}
.projects .project-cat-nav{margin:50px 0}

.filter-trigger{padding:5px 15px; background-color: #e1e1e1}
.type-filters-mobile li{display: block; margin-top:15px}
.topmargin60 { margin-top:60px;}

#projectlist hgroup{text-align: left}
#projectlist h2{color:#000; font-size: 25px; font-size: 1.5625rem; margin-top: 0px; text-transform: none; margin-top:25px; margin-bottom: 10px}
#projectlist h6{color:#000; font-size: 16px; font-size: 1rem; line-height: 1.25}
.projectpage-image{height:200px;background-color:#000;opacity:1;background-size: cover; background-position: center center; 
	transition:opacity .5 ease-out; 
	-moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out}
#projectlist .project:hover .projectpage-hover{opacity:1}
.projectpage-image:hover{opacity:1}

.projectpage-hover{opacity:0;height:100%;background-color: #EB8A49; position: relative;
	transition:opacity .5 ease-out; 
	-moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out}
.projectpage-hover:hover{opacity:1}
.projectpage-cta{position: absolute; width:100%; top:45%}

.container.why-us{text-align:center;margin:60px auto;max-width:1140px;padding:0}

/*Flipcards*/
.flipcard-container{
	padding: 0;
  	margin: 0px;
  	list-style: none;
  	
  	display: -webkit-box;
  	display: -moz-box;
  	display: -ms-flexbox;
  	display: -webkit-flex;
  	display: flex;
  	
  	-webkit-flex-flow: row wrap;
  	justify-content: space-between;
  	align-items:center}
.flipcard-container li{width:30%; border:1px solid #fff; height:350px; padding:0}
.flipcard-container li .cardWrapper{position: relative; width:100%; height:100%; padding-top:25px; background-color: #f1f1f1}
.flipcard-container li .cardWrapper .cardContainer .cardFaceFront{text-align:center; margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.flipcard-container li .cardWrapper .cardContainer .cardFaceFront img{width:100px}
.flipcard-container li .cardWrapper .cardContainer .cardFaceBack img{width:100px}
.flipcard-container li .cardWrapper .cardContainer .cardFaceBack{opacity:0; position: absolute; width:100%; height:100%; top:0; left:0; background-color:#FF8400; color:#000; padding:30px; text-align: center}
.flipcard-container li .cardWrapper .cardContainer .cardFaceBack p{line-height: 1.5; text-align:center}
.flipcard-container li:hover{cursor:pointer; cursor: hand}
.flipcard-container li:hover .cardWrapper .cardContainer .cardFaceBack{opacity:1; color:white}
.flipcard-label{font-size:30px; font-size: 1.875rem; text-transform: uppercase; margin-top:30px; color:#333333}
.flipcard-container li .cardWrapper .cardContainer .cardFaceBack p.flipcard-title{font-size:30px; font-size: 1.875rem; padding:0 0 15px 0; text-transform: uppercase; line-height:1.0; text-align:center}
.cardTextMobile{color:#333333; font-size: 18px; font-size: 1.125rem}
.faq-section{padding:60px 0; text-align: center; background-color:#0d9347; color:#fff}
.faq-section a{margin-top:40px}
.faq-section hr{border-color:#fff}

.ignyte_faq{position: relative; text-align: left; margin:20px 0}
.ignyte_faq_toggle{position: absolute; top:-19px; right:0; font-size: 36px; font-size: 2.25rem}
.ignyte_faq_toggle:hover{cursor:pointer}
.ignyte_faq_question{margin-right:25px}
.ignyte_faq_question:hover{cursor:pointer}
.ignyte_faq_question h3{font-size: 1.125rem; text-transform: none; margin-bottom: 30px}


.ignyte_faq_answer{color:#000; background-color: transparent; padding: 30px 0; font-family:'Roboto'}
.ignyte_faq_answer h5{font-family:"Roboto Condensed", sans-serif; font-weight:700; margin-bottom:20px}
.ignyte_faq_answer p, .ignyte_faq_answer li{color:#000; font-size: 16px; line-height: 1.5}
.ignyte_faq_answer h6{ font-size:1.0em;font-weight:700}

.about-us{display: table; border-top: none; background-color:transparent; display:block}
.about-us .about-img{height:350px; background-size:cover; background-position: center center}
.about-us .about-text{display: table; height:350px}
.about-us .about-text .about-text-text{display: table-cell; vertical-align: middle;padding:0px 50px}
.about-us .about-text .about-text-text a.btn{margin-top:20px; padding: 15px 57px}

.roofing-info{padding:80px 0 0}
.roofing-info h3{text-align: center}
.roofing-center-container{display:inline-block}
.roofing-center-container .feature-post{padding:2px}
.roofing-center-container .feature-post .home-blog-image{height:400px; background-size:cover; background-position: center center; display:table}
.roofing-center-container .feature-post .home-blog-image .home-blog-content-container{display: table-cell; vertical-align: middle}
.roofing-center-container .feature-post .home-blog-image .home-blog-content{background-color: rgba(255,255,255,0.8); margin:70px; padding:50px}
.roofing-center-container .feature-post .home-blog-image .home-blog-content h3{font-size: 30px; text-align: left; margin-bottom: 10px}

.roofing-center-container .post{height:185px; margin:15px 0;display:table; padding:2px}
.roofing-center-container .post .post-image{ height:200px; background-size:cover; background-position: center center; display:table-cell}
.roofing-center-container .post .post-content{padding-right:0; display:table-cell; vertical-align: middle; padding-left:25px !important; padding-top:15px !important}
.roofing-center-container .post .post-content p.excerpt{margin-bottom: 0px; line-height: 1.25}

.roofing-center-container .col-md-6{ margin:0}

.roofing-center-container .home-blog-content-container .home-blog-content{ height:264px}

/* OLD ROOFING INFO CENTER CSS */
.testimonials{background-color:#333; color:#fff; padding:60px 0; text-align:left; max-width: 100%; overflow: hidden}
.testimonials .slider-wrapper{margin-top:20px}
.testimonials .content-container .row{ margin-left:15px; margin-right:15px}

.review-meta div{width: auto; margin-left: 0; text-align: left}

.free-estimate{color:#fff; background-color:#0d9347; padding:30px 0}
.single-ignyte_project .free-estimate .free-estimate-title, .free-estimate .free-estimate-title{line-height: 1.1;font-style: normal;font-weight: 700;font-size: 64px}
.free-estimate span{text-transform: uppercase}
.free-estimate span.wpcf7-not-valid-tip{
    text-transform: none;
    margin-top: 5px;
    font-size: 16px}


.free-estimate a{font-size:35px}
.free-estimate .col-md-4 span{margin-top: 15px; display: block}
.free-estimate span.phone-number-extra{display: inline-block}
.free-estimate a:hover{color:#fff; text-decoration: underline}
.free-estimate-form .wpcf7-form-control-wrap input, .free-estimate-form .wpcf7-form-control-wrap textarea{width:100%}
.free-estimate-form .wpcf7-form-control-wrap input:focus, .free-estimate-form .wpcf7-form-control-wrap textarea:focus{outline:none}
.free-estimate-form textarea{height:150px}
.free-estimate-form .wpcf7-form-control-wrap input, .free-estimate-form .wpcf7-form-control-wrap  textarea{background-color: transparent; border:none; border-bottom:1px solid #fff; color:#fff}

.free-estimate-form .wpcf7-form-control-wrap input::-webkit-input-placeholder, .free-estimate-form .wpcf7-form-control-wrap textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #fff;
  font-family:'Roboto'}
.free-estimate-form .wpcf7-form-control-wrap input::-moz-placeholder, .free-estimate-form .wpcf7-form-control-wrap textarea::-webkit-input-placeholder{ /* Firefox 19+ */
  color: #fff;
  font-family:'Roboto'}
.free-estimate-form .wpcf7-form-control-wrap input:-ms-input-placeholder, .free-estimate-form .wpcf7-form-control-wrap textarea::-webkit-input-placeholder{ /* IE 10+ */
  color: #fff;
  font-family:'Roboto'}
.free-estimate-form .wpcf7-form-control-wrap input:-moz-placeholder, .free-estimate-form .wpcf7-form-control-wrap textarea::-webkit-input-placeholder{ /* Firefox 18- */
  color: #fff;
  font-family:'Roboto'}

/*SERVICES PAGE*/
.our-services{text-align: center}
.our-services img{border:1px solid #000; padding:10px}
.our-services a{margin:0 0 15px 0}
.our-services .service-box-text{text-align:center}

.our-services .center a{margin:60px 0 15px 0}	
.our-services .center{text-align: center}

.call-cta{margin-bottom:75px}
.call-cta-text{font-size: 14px; font-size: .875rem; text-transform: uppercase; width:130px; float:left; margin-right:25px; margin-top:5px}
.call-cta-phone{display: inline-block; background-color:#EB8A49; padding:7px 10px; border-radius: 55px}
.call-cta-phone a{font-size: 35px; font-size: 2.1875rem; margin-right:10px}
.call-cta-phone a:hover{color:#000; text-decoration: none}
.call-cta-phone a span{background-color: #000; color:#EB8A49; padding:0 14px; border-radius: 25px; margin-left:-6px; margin-right: 5px}

.services{color:#fff; background-color: #0d9347; padding:60px 0px; text-align: center}
.services p{text-align: left}
.services img.back-icon{display: none}
.services a{margin-top:40px}

p.service-text, p.service-title{color:#fff}
p.service-title{text-transform: uppercase; font-size: 22px; font-size: 1.375rem; margin-bottom: 5px}
p.service-text{font-size: 18px; font-size: 1.125rem; margin-bottom: 0px; line-height: 1.25}
.service-flipcard .inner{background-size: cover !important; padding:25px; margin:15px 0; height:190px; display: table}
.service-flipcard:hover img.front-icon{display: none}
.service-flipcard:hover img.back-icon{display: block}
.service-flipcard .inner:hover{background: linear-gradient(#fff, #fff), none !important}
.service-flipcard:hover p.service-text, .service-flipcard:hover p.service-title{color:#000}
.service-icon{display: table-cell; vertical-align: middle}
.icon-container{width:75px;height:75px;border:3px solid #fff; border-radius:50%; padding:15px}
.icon-container img{max-height: 100%}
.service-flipcard:hover .icon-container{border:3px solid #000; border-radius:50%}
.service-content{display: table-cell; vertical-align: middle; padding-left:25px}

.services-featured-image{height:250px}
p.services-featured-title{color:#000;font-size: 25px; font-size: 1.5625rem; margin-top: 0px; text-transform: none; margin-top:25px; margin-bottom: 10px}
.services-featured-title p.excerpt{color:#000; font-size: 16px; font-size: 1rem; line-height: 1.25}
.featured-projects{padding:60px 0; text-align: center}
.featured-projects .post-item{text-align: left}
.featured-projects .article-list{margin-bottom: 25px}
.featured-projects .post-item a:hover{color:#000; text-decoration: none}
.featured-projects .post-item:hover .services-featured-image{background-image:none !important; background-color: #EB8A49}
.services-featured-image{position: relative}
.services-featured-image span{display: none; position: absolute; width:100%; text-align: center; top:50%}
.featured-projects .post-item:hover .services-featured-image span{display: block}
.request-estimate{background-color:#EB8A49; padding:60px 0; color:#fff}
.request-estimate h2{text-align:center; color:#fff}
.request-estimate p.request-intro{text-align: center; margin-bottom: 50px}
.request-estimate p{text-align:left; color:#fff}
.request-estimate p a:hover{text-decoration: underline; color:#fff}
.contact-page-form.request-estimate-form input, .contact-page-form.request-estimate-form textarea{background-color: transparent; border-bottom: 1px solid #fff; width:90%}
.contact-page-form.request-estimate-form textarea{height:100px}

.request-estimate-form input::-webkit-input-placeholder, .request-estimate-form textarea::-webkit-input-placeholder{color: #fff}
.request-estimate-form input::-moz-placeholder, .request-estimate-form textarea::-webkit-input-placeholder{color: #fff}
.request-estimate-form input:-ms-input-placeholder, .request-estimate-form textarea::-webkit-input-placeholder{color: #fff}

.contact-page-form.request-estimate-form input[type="submit"]{border:1px solid #fff}
.contact-page-form.request-estimate-form input[type="submit"]:hover{background-color: #fff; color:#EB8A49}

.roof-info-center{padding:60px 0; background-color:#F1F1F1; text-align:center}

.material-logo{text-align: center; font-size:13px; margin-bottom: 15px; height:150px; display:table}
.material-logo-image{display: table-cell; vertical-align: middle}
.material-logo-image img {max-height:110px;}
.material-logo-image:hover{ cursor:pointer}
.modal-body p#desc{line-height: 1.5em; font-size:14px; margin-top:15px}
.modal-body p#desc ul{ margin-top:15px}
.modal-body p#desc li{line-height: 1.5em; font-size:14px}
.modal-body img{width:100%}
img#logoImage{max-height:150px; width: auto; max-width: 100%; display: block; margin-left: auto; margin-right: auto}
h4.modal-title{line-height: 1}

.roofing-material-logos .row{ display:table; width:100%; margin-bottom:50px; font-size:0.75em}
.roofing-material-logos .row div{ text-align:center; display:table-cell; width:33%; vertical-align:middle}

.material-logo img{margin:0 auto}
.material-logo img.static{display:block}
.material-logo img.hover{display:none}
.material-logo:hover img.static{display:none}
.material-logo:hover img.hover{display:block}

.material-logo-image p{font-size:14px; line-height: 1; margin-bottom: 0}

.awards.certificate .logo-images {padding: 0;}
.awards .material-logo{ height:125px }
.awards .material-logo:hover img.static{display:block}
.awards .material-logo:hover img.hover{display:none}
.awards .material-logo-image:hover{ cursor:auto;}

.page-template-page-fullwidth-service-new #sticky-sidebar{margin-left:0; margin-bottom:60px}
.page-template-page-fullwidth-service-new #sticky-sidebar .free-estimate{margin-top:30px}
.page-template-page-fullwidth-service-new #sticky-sidebar .free-estimate .container{width:100%}
.page-template-page-fullwidth-service-new #sticky-sidebar .wpcf7-submit{margin-top: 45px; display: block; width: 100%}
.page-template-page-fullwidth-service-new .container-fluid .content-container.inner-page h2{margin-top: 0}

/* INDIVIDUAL SERVICES PAGES */
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{ background-color:#f1f1f1}
ul.nav-tabs{border-bottom: none; margin-top:50px}
ul.nav-tabs li{padding:0px}
.tab-content{border:none; border-top:none; margin-bottom:0}
.tab-content .inner-page{padding:0}
.tabbed-inner-content{padding:50px 20px 0 20px}
.tabbed-inner-content .btn{margin-top:0px; margin-right:20px}
.nav-tabs>li>a:hover{border-color:transparent}
.tabbed-projects{display: inline-block; width:100%}
.tabbed-projects .our-projects{padding:60px 20px 0px; margin-bottom:60px; margin-top:0}
.tabbed-inner-content h2{margin-bottom: 20px}
.tabbed-inner-content .roof-options-container{ padding-top:0}
.tabbed-inner-content .row .col-sm-12.col-md-6 img{ margin:7px 0 0 3px}

/* RESIDENTIAL ROOFING */
.about-us-video h2{margin-bottom: 25px}
.about-us-video .our-services a.btn{margin-top: 50px}
.roof-options-container{padding-top:0}
.roof-options-container h3{text-align: center; padding-bottom: 25px}
.roof-option{border:none; background-color: transparent; margin-bottom: 15px}
.roof-option img{margin-bottom: 15px}
.roof-option p{line-height: 1.25; margin-bottom: 15px}
.roof-option p.eyebrow-text{ margin-bottom: 5px}
.roof-option-img{height:250px; background-size:cover; margin-bottom:15px; background-position: center center; transition: all 0.5s ease}
.roof-option:hover{background-color: transparent; border: none; color: #333}
.roof-option h4{font-family:"Roboto Condensed", sans-serif; font-size: 28px; font-weight:700}
.roof-option:hover h4, .roof-option:hover p{color: #FF8400}
.roof-option:hover .roof-option-img{transform: scale(1.1)}


/* QUALITY MATERIALS PAGE */
.quality-materials h3{margin:-6px 0 15px 0}

/*TESTIMONIAL PAGE*/
.testimonials-page-list{padding:0}
.float-none{float:none}
ul.testmonialwithoutslider{list-style-type: none; padding-left:0px; text-align: center}
ul.testmonialwithoutslider li .slider-headshot{height:150px; background-size: cover; background-position: center center; width:100%; max-width:150px; border-radius: 50%; margin: 0 auto 25px auto}
ul.testmonialwithoutslider li{display: inline-block; width:100%; margin:50px 0}
ul.testmonialwithoutslider li .testi-img-wrap{width:100%; float:right}

ul.testmonialwithoutslider li{margin:25px 0}
ul.testmonialwithoutslider li blockquote .caption{text-align: left}
ul.testmonialwithoutslider li blockquote .caption + div {text-align: left;}
ul.testmonialwithoutslider li blockquote .caption h3{text-align: center}
ul.testmonialwithoutslider li blockquote .title{margin-top:20px}

/*ABOUT PAGE*/
.about-us-video h3{text-align: center}
.row.materials{display: flex;}
.row.materials .col-sm-12{display: flex; justify-content: center; flex-direction: column;}
.row.materials ul {margin-top:15px;}

/*CONTACT PAGE*/
.contact-page-form input{border:1px solid #f1f1f1; padding:10px 15px; max-width: 100%; background-color:#f1f1f1; width:100%; margin-bottom:15px}
.contact-page-form input:focus{border: 1px solid #0d9347; outline:none}
.contact-page-form textarea{border:1px solid #000; padding:10px 15px; max-width: 100%}
.contact-page-form .wpcf7-form-control-wrap input::-webkit-input-placeholder, .contact-page-form .wpcf7-form-control-wrap textarea::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #000;
  font-family:'Roboto'}
.contact-page-form .wpcf7-form-control-wrap input::-moz-placeholder, .contact-page-form .wpcf7-form-control-wrap textarea::-webkit-input-placeholder{ /* Firefox 19+ */
  color: #000;
  font-family:'Roboto'}
.contact-page-form .wpcf7-form-control-wrap input:-ms-input-placeholder, .contact-page-form .wpcf7-form-control-wrap textarea::-webkit-input-placeholder{ /* IE 10+ */
  color: #000;
  font-family:'Roboto'}
.contact-page-form .wpcf7-form-control-wrap input:-moz-placeholder, .contact-page-form .wpcf7-form-control-wrap textarea::-webkit-input-placeholder{ /* Firefox 18- */
  color: #000;
  font-family:'Roboto'}
textarea.contact-msg{width:100%; margin:25px 0 0}

.reach-us{background-color:#000; color:#fff; padding:60px 0px}
.reach-us h3{text-align: center}
.reach-us>.content-container>p{text-align:center}
.reach-us i{float:left; margin-right:15px}
.reach-us .text{display: inline-block}
.reach-us .col-md-4{text-align: center}
.reach-us .reach-container{display:inline-block; text-align: left}

.write-us{padding: 0}
.write-us h2{font-size:2.65rem}
.write-us h3{text-align:center}
#contact-office-locations .office-locations h3 {text-align:left}
#contact-office-locations img {object-fit: cover; margin-bottom:15px;}
.page-three-tree-roofing-kent-company-office h1, .page-three-tree-roofing-seattle-company-office h1, .page-three-tree-roofing-bellevue-company-office h1 {margin-top:50px; text-align:left; margin-bottom: 15px;}
.page-three-tree-roofing-kent-company-office h1 + h2, .page-three-tree-roofing-seattle-company-office h1 + h2, .page-three-tree-roofing-bellevue-company-office h1 + h2 {margin-bottom:30px; margin-top:0;}
.page-three-tree-roofing-kent-company-office h2, .page-three-tree-roofing-seattle-company-office h2, .page-three-tree-roofing-bellevue-company-office h2{ margin-top: 50px; margin-bottom: 20px;}
.page-three-tree-roofing-kent-company-office iframe, .page-three-tree-roofing-seattle-company-office iframe, .page-three-tree-roofing-bellevue-company-office iframe {margin:40px 0 60px 0; width:100%;}
.vh-center{
	display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center}
.vh-center .col-sm-9{text-align:left}
.post-content .logos img{
    max-height: 50%;
    width: 75%;
    margin-bottom: 0}
.post-content .logos .row{margin-bottom:50px}
.bottom-pagination a.btn{padding: 10px 20px; font-size: 17px; min-width: auto}

/*FAQ PAGE*/
.about-us-faq{border-top:5px solid #0d9347}
.faq{padding:180px 0}
.faq h3{text-align: center}
.ignyte_faq_question h4,
.ignyte_faq_question h3{
	text-align: left;
    font-family:Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 19px;
	margin-bottom:10px}
#faq-page .ignyte_faq_toggle{color:#000}
#faq-page a.btn{margin-top: 50px}
.ignyte_faq_toggle{color:#fff; float:right; font-family:'Roboto', sans-serif}
.page-roofing-faqs #faq-page{padding: 0}
#faq-page{padding: 80px 0}
.page-roofing-faqs .banner-content img{display: none}
.page-roofing-faqs .container.why-us{margin: 80px auto}


/*SEARCH RESULTS*/
.search #main-content{padding-top:50px; padding-bottom:50px}

/* TESTIMONIALS */
/*.page-template-page-fullwidth #main-content{overflow: hidden}*/
.testi-img-wrap{background-size:cover; background-repeat: no-repeat;/*height:715px;*/}
#slider-wrapper li .content{background-color: rgba(0,0,0,0.5); color:#fff; text-align: center; height:100%; padding:95px 0 90px 0}
.testimonial-author p{font-style: normal; font-weight: 700; font-size: 20px; font-size: 1.25rem; line-height: 32px}
.testimonial-program p{font-style: normal; font-weight: 300; font-size: 20px; font-size: 1.25rem; line-height: 32px}
.flex-control-nav{bottom:30px; display:none}
.flex-control-paging li a{background:gray; box-shadow: none}
.flex-control-paging li a:hover{background:#EB8A49}
.flex-control-paging li a.flex-active{background:#EB8A49}
blockquote .title{font-size: 18px; font-size: 1.125rem; font-family:"Roboto Condensed", sans-serif; font-weight:700; margin-top:40px; text-transform: none}
blockquote .title span{font-style: normal; font-weight: 200; font-size: 20px; font-size: 1.25rem; text-transform: none}
blockquote{font-family:'Roboto', sans-serif; 	position:relative; margin: 0 0 20px; font-size: 18px; font-size: 1.125rem; line-height: 1.5; border-left: 3px solid #0d9347}

.testimonials .caption{text-align: left; font-family:'Roboto'}
.testimonials blockquote .title{text-align: left}
.testimonials .caption h4{font-size: 35px; font-family:"Roboto Condensed", sans-serif; margin-bottom: 10px}
.caption h4{font-family:"Roboto Condensed", sans-serif; font-weight:700}
.testimonials-page-list h2{text-align: center}
.testimonial-list{
  padding: 0;
  margin: 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around}
.testmonial_inner blockquote{border-left: 3px solid #0d9347}
li.testi-img{max-width: 150px; height:150px; border-radius:50%;background-size: cover; align-self:center}
li.testi-content{padding:25px 0}
.testimonial-list h4{text-transform: none}

/*.flex-viewport{width:75%; margin: 0 auto}*/
.testimonials .flex-viewport{   margin: 0 90px}
.flex-direction-nav a{color:#000}
ul.slides li > .slider-headshot{width:125px; height:125px; background-size: cover; background-position: center center}
/*
blockquote:before, blockquote:after{ display:inline-block; font-size: 22px; color:#3f3f3f}
blockquote:before{content:"“"; margin-left:-10px}
blockquote:after{content:"”"}
*/
/* Form Elements & Buttons */
input:focus::-webkit-input-placeholder{color: transparent}
input:focus::-moz-placeholder{color: transparent}
input:focus:-ms-input-placeholder{color: transparent}
.form-control{border:none; background-color:transparent; border:none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; font-family:'FontAwesome', 'Montserrat-Light', sans-serif; color:#fff; border-radius:20px; letter-spacing: .1em; margin:0px}
.form-control:focus{outline-width: 0px; outline-style: none; box-shadow:none !important}
input.form-control, textarea.form-control{padding:10px; text-align:left}
input#search{ border:1px solid #fff; margin-left:15px}
input#search::-webkit-input-placeholder, input#mce-EMAIL::-webkit-input-placeholder{color:#fff }
input#search::-moz-placeholder, input#mce-EMAIL::-moz-placeholder{color:#fff }
input#search:-ms-input-placeholder, input#mce-EMAIL:-ms-input-placeholder{color:#fff }
input.form-control, textarea.form-control, input.form-control:focus, textarea.form-control:focus{}
.form-control-wrap{position:relative; margin-bottom:0px}
label{font-size: 13px; font-size: .8125rem; text-transform: uppercase; font-family:'Roboto'; margin-bottom: 0; width:100%}

.section-heading{line-height: 1; padding-bottom:20px; border-bottom:solid 1px #000; margin-bottom:20px; font-size: 60px; font-size: 3.75rem}
.btn.form-control{min-width:0}
span.italic{font-weight:bold; font-style:italic}

/* filters and search for adventures and courses*/
.close-filter{ right:0; position: absolute; top:-20px; font-size:50px}
.type-filters-mobile{display:none}
.adventure-search-mobile{display:none}

/* 404 */
.content-404-container{height:auto}
.text-404{display:table-cell; vertical-align: middle; height:auto}
.error404 #main-content{padding-top:115px}
.error404 h1{text-align:left}
.error404 .our-services-home .content-container{padding: 0 30px}

/* Footer */
footer{overflow:hidden; color:#fff}
ul.footer-contact-container{
  padding: 0;
  margin: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  margin-bottom: 50px}
ul.footer-contact-container .footer-social-icons span{position:relative;background-size:contain; width:22px; height:22px; background-repeat:no-repeat; margin-right: 15px; display:inline-block}
ul.footer-contact-container .footer-social-icons a:last-child span{margin-right: 0}
.footer-social-icons span.facebook:hover {background-image: url(/wp-content/uploads/2022/08/facebook-orange-icon.svg)!important;}
.footer-social-icons span.instagram:hover {background-image: url(/wp-content/uploads/2022/08/instagram-orange-icon.svg)!important;}
.footer-social-icons span.twitter:hover {background-image: url(/wp-content/uploads/2022/08/twitter-orange-icon.svg)!important;}
.footer-social-icons span.linkedin:hover {background-image: url(/wp-content/uploads/2022/08/linkedin-orange-icon.svg)!important;}
.footer-social-icons span.youtube:hover {background-image: url(/wp-content/uploads/2022/08/youtube-orange-icon.svg)!important;}
.footer-social-icons span.yelp:hover {background-image: url(/wp-content/uploads/2022/08/yelp-orange-icon.svg)!important;}
ul.footer-contact-container li{color:#0d9347; text-align: center; height:90px}
ul.footer-contact-container li i{margin-top:18px}
ul.footer-contact-container li .info-reveal p{color:#fff; margin-bottom: 15px}
ul.footer-contact-container li .info-reveal{display:block; padding:18px 0}
ul.footer-contact-container li .info-reveal i{display: inline; margin:0 15px}
ul.footer-contact-container li .footer-social a{display: inline}
ul.footer-contact-container li .info-reveal a{font-size:24px; font-family:'Roboto'}
ul.footer-contact-container li .info-reveal.smaller-text a{ font-size:16px; line-height:0}


ul.footer-contact-container li div.footer-icon-mobile{ background-image:url(/wp-content/uploads/2021/08/mobile-green.svg); height:36px; width:100%; background-repeat:no-repeat; background-position:center center; background-size: contain}

ul.footer-contact-container li div.footer-icon-envelope{ background-image:url(/wp-content/uploads/2021/08/envelope-o-green.svg); height:36px; width:100%; background-repeat:no-repeat; background-position:center center; background-size: contain}

ul.footer-contact-container li div.footer-icon-map-marker{ background-image:url(/wp-content/uploads/2021/08/map-marker-green.svg); height:36px; width:100%; background-repeat:no-repeat; background-position:center center; background-size: contain}

ul.footer-contact-container li div.footer-icon-share{ background-image:url(/wp-content/uploads/2021/08/share-alt-green.svg); height:36px; width:100%; background-repeat:no-repeat; background-position:center center; background-size: contain}


ul.footer-contact-container li:hover div.footer-icon-mobile{ background-image:url(/wp-content/uploads/2021/08/mobile-orange.svg)}

ul.footer-contact-container li:hover div.footer-icon-envelope{ background-image:url(/wp-content/uploads/2021/08/envelope-o-orange.svg)}

ul.footer-contact-container li:hover div.footer-icon-map-marker{ background-image:url(/wp-content/uploads/2021/08/map-marker-orange.svg)}

ul.footer-contact-container li:hover div.footer-icon-share{ background-image:url(/wp-content/uploads/2021/08/share-alt-orange.svg)}


ul.footer-contact-container li:hover div.info-reveal a{ color:#FF8400}

ul.footer-contact-container li:hover div.info-reveal.footer-social-icons a{ color:#FFFFFF}

ul.footer-contact-container li div.info-reveal.footer-social-icons a:hover{ color:#FF8400}


.footer-menu{ padding-top: 30px}
.footer-menu #menu-main-menu li{display:inline-block; text-transform: uppercase; margin:0 15px}
.footer-menu #menu-main-menu{float:none; margin:0 auto; text-align:center}

.footer-widget-wrap{padding-top:50px; padding-bottom:60px; font-size:16px; font-size:1rem; line-height:1}
.footer-widget-wrap h3{color:#fff; text-transform:uppercase; margin-bottom:10px}

.footer-widget-wrap h3 > a{font-size:12px; font-size:0.75rem; font-family:inherit; border-bottom:none}
.footer-widget-wrap .nav>li>a:hover{text-decoration:none}
footer a{color:#fff}
.footer-award-logos div {
    background-position: center center;
    background-size: 150px;
    display: inline-block;
    height: 70px;
    width: calc(100% / 6.2);
    background-repeat: no-repeat;
}
.footer-award-logos {margin: 60px 0;}
.footer-award-logos div:first-child {background-size: contain;}
.footer-award-logos .logo-1 {background-image: url(/wp-content/uploads/2022/08/TopRoofing_Logo_White.svg);}
.footer-award-logos .logo-2 {background-image:url(/wp-content/uploads/2022/08/Tesla_White.svg);}
.footer-award-logos .logo-3 {background-image:url(/wp-content/uploads/2022/08/Certainteed_5_Star_White.svg);}
.footer-award-logos .logo-4 {background-image:url(/wp-content/uploads/2022/08/WB_White.svg);}
.footer-award-logos .logo-5 {background-image:url(/wp-content/uploads/2022/08/Nu-Ray_Metal_White.svg);}
.footer-award-logos .logo-6 {background-image:url(/wp-content/uploads/2022/08/Emerald-White-new.svg);}

.footer-award-logos .logo-1:hover {background-image: url(/wp-content/uploads/2022/08/TopRoofing_Logo_Orange.svg);}
.footer-award-logos .logo-2:hover {background-image:url(/wp-content/uploads/2022/08/Tesla_Orange.svg);}
.footer-award-logos .logo-3:hover {background-image:url(/wp-content/uploads/2022/08/Certainteed_5_Star_orange-new.svg);}
.footer-award-logos .logo-4:hover {background-image:url(/wp-content/uploads/2022/08/WB_Orange-new.svg);}
.footer-award-logos .logo-5:hover {background-image:url(/wp-content/uploads/2022/08/Nu-Ray_Metal_orange-new.svg);}
.footer-award-logos .logo-6:hover {background-image:url(/wp-content/uploads/2022/08/Emerald-Orange-new.svg);}

.copyright a:hover{text-decoration: none}
.copyright{font-family:'Roboto'; font-size: 12px; text-align: center; margin-top:30px; margin-bottom:15px; padding:0 15px; line-height: 1.5}


.roof-type{margin-top:50px; text-align: center}
.roof-type ul{margin:0 auto; list-style-type: none; display: inline-block}
.roof-type span{text-transform: uppercase}
.roof-type ul li{float:left; margin-right:45px}
.roof-type ul li span{margin-left:-10px;text-transform: none}

.subscribe{float:left; width:25%; margin-top:-5px}
.subscribe-icon{margin-top:9px; margin-right:15px}
.subscribe-icon, .subscribe-text{float:left}
.subscribe-text{text-transform: uppercase; font-size: 32px; font-size: 2rem}
.subscribe-text span{text-transform: uppercase; font-size: 16px; font-size: 1rem}
.subscribe-form{float:left; width:75%}
.subscribe-form input{width:auto; float:left}
.subscribe-form input[type=email]{width:75%; background-color: transparent; border-left:none; border-top:none; border-right:none; border-bottom:1px solid #fff; font-size: 16px; font-size: 1rem}
.subscribe-form input[type=email]:focus{outline:none}
.subscribe-form input[type=submit]{width:25%; margin-top:-16px}
.subscribe-form input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #fff}
.subscribe-form input::-moz-placeholder{ /* Firefox 19+ */
  color: #fff}
.subscribe-form input:-ms-input-placeholder{ /* IE 10+ */
  color: #fff}
.subscribe-form input:-moz-placeholder{ /* Firefox 18- */
  color: #fff}



a#scroll-top{margin:30px auto 0}
.marg-right-30{margin-right:30px}
.foot-left span{display:block; margin-bottom:16px}
.foot-left span > span{margin-bottom:0}
.footer-resources{margin-top: -8px}
.subscribe-button{width:45px; background-color: #f0483e; color:#fff; height:40px; 
	border:none; padding:0}
.subscribe-button:hover{background-color: #e3382e}
.footer-subscribe{margin-top: 15px; max-width: 270px}
.footer-subscribe .form-control{background-color: #363636; color:#fff; height:40px; margin-top:0}
.footer-subscribe span.input-group-btn{height:100%}
.input-group-btn{font-size: inherit}
.input-group input{border:none}
.footer-subscribe input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  color: #fff}
.footer-subscribe input::-moz-placeholder{ /* Firefox 19+ */
  color: #fff}
.footer-subscribe input:-ms-input-placeholder{ /* IE 10+ */
  color: #fff}
.footer-subscribe input:-moz-placeholder{ /* Firefox 18- */
  color: #fff}
.footer-contact .phone-number-extra{
	display: block;
    font-size: 13px;
    text-align: right;
    line-height: 26px;
    font-family:"Roboto Condensed", sans-serif}
.footer-logo{
	text-align:center;
    width: 300px;
    height: 115px;
    position:relative;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 30px}
.footer-logo img{max-width:50vw}
ul.footer-contact-container li:first-child .info-reveal a{
    display: inline-block}

/* Page Layouts */ /* Top Banners & Sliders */
.banner-image{background-attachment: fixed; position: relative}
.banner-image{min-height:300px}
.banner-image, .single-top-wrap{color:#fff}
.scroll-icon{
	position: absolute;
	bottom:55px;
	left:50%;
	margin-left: -15px;
	width:30px;
	height:15px;
	background-image: url(/wp-content/themes/Ignyte/images/angle-down.png);
	background-repeat: no-repeat;
	background-size: contain}
.scroll-icon:hover{}


.slide-wrap-outer{position:relative; background-color:#f6f6f6}

.flex-direction-nav{/*position:absolute;*/ top:50%; margin-top:-24px; /*width:100%;*/}
.flex-nav-prev{ left :0}
.flex-nav-next{ right :0}
.flex-direction-nav li{display:inline-block}
.flex-direction-nav li:first-of-type{float:left}
.flex-direction-nav li:last-of-type{float:right}
.flex-direction-nav a{width:48px; height:48px; border:2px solid #fff; border-radius:50%}

.flex-direction-nav a:before{ width:48px; height:48px; display: inline-block; content:''; background-repeat:no-repeat; background-size:cover; content:''}
.flex-direction-nav a.flex-prev:before{ background-image:url(/wp-content/themes/Ignyte/images/angle-left.png); content:''; background-size:25%; background-position:center center; margin-top:-2px; margin-left:-2px}
.flex-direction-nav a.flex-next:before{ background-image:url(/wp-content/themes/Ignyte/images/angle-right.png); content:''; background-size:25%; background-position:center center; margin-top:-2px; margin-left:-1px}


.slide-links a.btn{margin-top:5px}

ul.slides li .container{padding:50px 0}



/*** Home Page ***/
.video-home-img{position:absolute;top:0;left:0;opacity:1}
.page-template-page-fullwidth-home .video-home-img{position:relative;}
.home-intro{text-align: center; padding:50px 0 100px 0}
.home-intro p{max-width: 660px; margin:0 auto}
.adventures-container{
  padding: 0;
  margin: 40px 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around}
.adventures-item{
  padding: 5px;
  width: 33%;
  margin-top: 10px;
  
  color: #fff;
  text-align: center}

.adventure-all{position: relative; max-width: 385px; margin:0 auto}
.adventure-text{position: absolute; height:100%; width:100%; background-color: rgba(0,0,0,0.3); color:#fff; text-transform: uppercase}
.adventure-text:hover{background-color: rgba(240,72,62,0.9)}
.adventure-text:hover .adventure-cta span{display: block; position: absolute;width:100%;bottom:65px} 
.adventure-title{position: relative; height:100%; width:100%; color:#fff}
.adventure-title span{position: absolute;left:0;width:100%;color:#fff;top:40%;font-style: normal; font-weight: 800;;font-size: 26px; font-size: 1.625rem; letter-spacing: .08em}
.adventure-cta{position: absolute;left:0; height:100%;width:100%;color:#fff; top:0}
.adventure-cta span{font-family:"Gotham XNarrow SSm A", "Gotham XNarrow SSm B"; font-style: normal; font-weight: 700;font-size: 16px; font-size: 1rem; letter-spacing: .1em; display: none}

.detail{background-color: #282828; text-align: center; color:#fff}
.detail h2{color:#fff; margin-bottom: 35px}
.course-detail{padding:115px 0 70px 0}
.course-detail p{max-width: 790px; margin:0 auto}
.home-courses-container{
  padding: 0;
  margin: 83px 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around}
.home-courses-item{
  padding: 5px;
  margin-top: 10px;
  min-width: 285px;
  
  color: #fff;
  text-align: center;
  margin-bottom:50px}

.home-courses-item img{
	position:relative; 
	max-width: 145px; 
	margin-bottom: 15px; 
	top:0;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out}
.home-courses-item img:hover{
	position: relative;
	top: -10px}

p.home-course{text-transform: uppercase; font-style: normal; font-weight: 700; font-size: 18px; font-size: 1.125rem; letter-spacing: .1em}
.home-courses-item a:hover{text-decoration: none}

.curtainContainer .home-aboutus{padding: 12% 0 0 0}
.residential-section .btn.btn-primary{
	margin-left: auto;
    display: table;
	margin: 15px 0 40px;}
.commercial-section .btn.btn-primary{
	display: table;
    margin-left: 0;
	margin: 15px 0 40px;}

.home .banner .col-md-push-6{
	padding-top: 30%;
    position: relative;
    overflow: hidden}
.home .banner .banner-image-home{
	position:absolute; 
	top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    padding: 0;
    background-size: 0}
.video-content-home{ max-width: calc(100% - 15px);  margin-left: 15px; margin-top: 15px;position:absolute;top:0;} 
.video-content-home a{ display:block}
video:hover{ cursor:pointer } 
.container.consistent-processes-video #myVideo{margin-left:0}
.consistent-processes-video{margin: 60px 0}
h3.nobottommargin, h3{
	font-family:"Roboto Condensed", sans-serif;font-weight:700;
    font-style: normal;
    font-size: 36px;
    line-height: 42px;
	margin-bottom:36px}
.home .logos{margin-top: 20px; padding:0}
.logos .col-lg-4 {height: 140px;  width: calc(100% / 5);}
.testimonials-page-list .logos, .testimonials-page-list .certificate{
    margin: 0 15px;
	}
.testimonials-page-list .logos{
    padding: 60px 0;
    width: 100%;
    margin: 0 auto;
    max-width: 1170px;
    float: none;
  }
.certificate .logo-images{padding: 30px 0 15px}
.blog-content{margin-top: 15px}
#bg_color{color: white}

.logos .logo-section{
	background-repeat: no-repeat;
    background-size: contain;
    height: 120px;
    display: inline-block;
    width: 100%;
    background-position: center center
}
.single-ignyte_locations .logos .logo-section{height:50px;}
/*div#main_data.col-lg-8 .logos .logo-section {
    background-size: 100%;
}*/
.testimonials .logos .col-lg-3:nth-child(2) .logo-section {
    height: 80px;
}
.logos .logo-inner-white .logo-section {background-size:contain;}
.testimonials .logos .logo-section {height:120px;max-width: 160px;}
.testimonials .logos .logo-inner-white {margin-bottom: 15px;}
/*.logos .logo-inner-white:first-child .logo-section {background-size: 70%;}*/
.logos .col-lg-4:nth-child(2) .logo-section {height:110px}
.logos .col-lg-4:nth-child(2) .hovered-div p {margin-bottom: 0; font-family: 'Roboto';}
.logos .col-lg-4:nth-child(2) .hovered-div a {
	margin-top:10px; 
	display:inline-block; 
	font-family: 'Roboto'; 
	padding:0; 
	font-size:14px; 
	font-weight:600; 
	line-height:21.09px;
	background-color: transparent;
    color: #000;
}
.logos .col-lg-4:nth-child(2) .hovered-div a:hover {color: #FF8400;}
.logos .col-lg-4:nth-child(2) .hovered-div {width: 110%; padding: 15px; left: -5%;}

.transparent-map-bubble{
    width: 100%;
    text-align: center;
    padding: 15px;
	height:100%}
.transparent-map-bubble h3{
    font-size: 25px;
    line-height: 42px;
    margin-bottom: 10px}

.about-us .about-text .about-text-text h4{
	font-family:"Roboto Condensed", sans-serif; font-weight:700;
    font-style: normal;
    font-size: 32px;
    line-height: 37px}
.about-us .row{padding-top: 60px; padding-bottom: 60px; margin-left:0; margin-right:0}
.residential-roofing .btn{float:right}
.commercial-roofing .btn{float:left}
a.btn-primary.padding50 {
    margin: 50px auto;
}
.page-template-page-fullwidth-home .container-fluid.banner.video-parent h3 {margin-bottom:20px;}
.page-template-page-fullwidth-home .container-fluid.banner.video-parent h3 + p {margin-bottom:42px;}

/*Portfolio Page*/
div.project:hover .eyebrow-text, div.project:hover .project-title, div.project:hover .project-excerpt{color: #FF8400}
.certified_label{margin-top:5px;font-size: 10px !important;text-transform: uppercase;letter-spacing: 1px}
.photo-credit{ position: absolute; right: 0;  bottom: 0;  font-size: 8px;  background-color: rgba(0, 0, 0, 0.7); color: #fff; letter-spacing: 1px;padding: 3px 6px; text-transform: uppercase}
.single-ignyte_project h1.title, .single-ignyte_project h2.title{font-size: 3.5em; line-height:3.5rem; color: #fff; text-transform: uppercase; margin-top:15px}
.single-ignyte_project h2 {font-size: 36px;}
.single-ignyte_project h3 {font-size: 30px;}
.blog h1.title, .blog h2.title{margin-bottom:30px}
.more-title{margin:30px 0 60px}
.featured-post{margin-top:60px}
.featured-post .blog-title{ font-size: 48px; line-height: 60px; margin-bottom:30px; transition: all 0.5s ease; transition-timing-function: ease-in-out;}
.featured-post:hover .blog-title{color:#FF8400}
.featured-post:hover img{ transform: scale(1.1); transition: all 0.5s ease; transition-timing-function: ease-in-out; }
.page-roofing-projects-portfolio .our-projects{margin-top:0}
.sticky-left{float: left; height: 100%; position: sticky; top: 150px}
.post-content a.btn:hover{color: #fff}
.page-residential-roofing-services .inner-page{padding-top: 0}
.location-bottom_service .our-services,.google-business-listing-reviews{padding: 0 0 60px 0}
.home .our-services{margin-top: 30px;padding: 0 15px}
.page-roofing-solutions-services div#main-content{padding-top: 50px}
#our-process .container{padding: 0}
.blog .featured-post {
	display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
}


/****NEW PARALLAX****/
#about-slide2{height:820px}
#about-slide2 .container{padding-top:12%}
.about-title{width: 50%}
#about-bg-img1, #about-bg-img2{
	width:100%;
	height:100%;
	left:0;
	position: fixed;
	z-index: -1;
	background:url("/wp-content/uploads/2017/02/home-aboutus.jpg") right center no-repeat}
#about-bg-img2{
	background:url("/wp-content/uploads/2017/04/logo-mark-lg-2.png") 125% 90% no-repeat;
	opacity: .9}
/****END NEW PARALLAX****/

.home-aboutus-content h2{margin-bottom: 40px}
.home-aboutus-content button{margin-top: 15px}
.home-aboutus hr{margin-bottom: 15px}
.home-aboutus-mobile{height: 480px !important; background-image:url(/wp-content/uploads/2017/02/home-aboutus.jpg); background-repeat: no-repeat; background-position: center 90%; background-size: contain}
.home-aboutus-symbol-mobile{background-image:url(/wp-content/uploads/2017/02/logo-mark-lg.png); background-position: center bottom; height:100%; background-repeat: no-repeat; background-size: 94%; margin:0 -15px; opacity:.9}
.home-aboutus-tablet{padding-top:85px}

.home-recentposts{text-align: center; padding:130px 0 120px 0; background-color: #fff}
.home-recentposts .article-list{margin-top:45px}
.home-recentposts .inner{height:322px; background-size:cover; background-repeat: no-repeat;position: relative;  margin:5px 0}
.recent-posts-text{position: absolute; height:100%; width:100%; background-color: rgba(0,0,0,0.3); color:#fff; text-transform: uppercase}
.recent-posts-text:hover{background-color: rgba(240,72,62,0.9)}
.recent-posts-text:hover .recent-posts-cta span{display: block; position: absolute;width:100%; left:0;bottom:40px}
.recent-posts-title{position: absolute; width:100%; height:100%}
.recent-posts-title span{position: absolute;width:100%; left:0;top:44%}
.recent-posts-cta{position: absolute; width:100%; height:100%; color:#fff}
.recent-posts-cta span{font-style: normal; font-weight: 700;font-size: 16px; font-size: 1rem; letter-spacing: .1em; display: none}

.section-contact-cta{text-align: center; background-color: #eeeeee; padding:90px 0 110px 0}
.section-contact-cta img{width:80px; margin-bottom: 25px}
.section-contact-cta p{max-width: 650px; margin:0 auto}
.section-contact-cta button{margin-top: 50px}
li.astm-search-menu.is-menu.popup.menu-item{display: none}
li.nav-contact-mobile{margin-top:0; margin-bottom: 20px;}

/*** Adventures Page ***/


/*INFOGRAPHIC*/
h2.infographic-heading{margin-bottom: 25px; margin-top:0px}
.infographic-subhead{margin-bottom: 0px}
button.process-btn{margin-bottom:50px; margin-top:0px}
.infographic2{height:1700px; background-image:url(/wp-content/uploads/2018/08/Infographic_V2-bg2-gray.jpg); background-size:contain; position:relative;background-position: center center; background-repeat: no-repeat; overflow: hidden}
.step-bgimage{height:200px; width:200px; border-radius:50%; border:8px solid #4a5156; background-size:cover; position:absolute}
.step-bgimage:hover .step-number{background-color:#0d9347; border:5px solid #4a5156}
.step-number{width:50px; height:50px; background-color: #4a5156; text-align: center;line-height: 38px; border-radius:50%; font-size: 30px; position: absolute; top:63px; color:#fff; border:5px solid #4a5156}

.odd .step-number{left:-25px}
.even .step-number{right:-25px}

.step-content{position: absolute} 
.odd-text a.close, .even-text a.close{margin:0; display: none}
.odd-text a.close .icon-bar, .even-text a.close .icon-bar{background: #0d9347}
.step1-text h4, .step3-text h4, .step5-text h4, .step7-text h4{color:#4a5156; position: relative; right:0px}
.step2-text h4, .step4-text h4, .step6-text h4, .step8-text h4{color:#4a5156; position: relative; left:0px}
.odd-text{position:relative; right:-600px}
.even-text{position:relative; left:-600px}
.step-content p{position:relative; color:#4a5156; font-size:16px}
.step-content .odd-text h4, .step-content .even-text h4{color:#0d9347}
.step2-text h4, .step4-text h4, .step6-text h4, .step8-text h4{text-align: right}
.even-text, .even-text h4{text-align: left}

.step1:hover ~ .step1-text>.odd-text, .step3:hover ~ .step3-text>.odd-text, .step5:hover ~ .step5-text>.odd-text, .step7:hover ~ .step7-text>.odd-text , .activestep  .odd-text{
		position:relative;
		right:0;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out}
.activestep .step-bgimage .step-number{background-color:#0d9347; border:5px solid #4a5156}
.activestep .step-content  .odd-text{
		position:relative !important;
		right:0 !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out}

.activestep .step-content  .even-text{
		position:relative !important;
		left:0 !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out}


.step2:hover ~ .step2-text>.even-text, .step4:hover ~ .step4-text>.even-text, .step6:hover ~ .step6-text>.even-text, .step8:hover ~ .step8-text>.even-text, .activestep  .even-text{
		position:relative;
		left:0;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out}
.step1-text .odd-text{top:-80px}
.step2-text .even-text{top:-80px}
.step3-text .odd-text{top:-80px}
.step4-text .even-text{top:-70px}
.step5-text .odd-text{top:-75px}
.step6-text .even-text{top:-70px}
.step7-text .odd-text{top:-80px}
.step8-text .even-text{top:-75px}
.step8-text .even-text button{margin-top:15px}


.activestep  .step1-text>h4, .activestep  .step3-text>h4, .activestep  .step5-text>h4, .activestep  .step7-text>h4{
		position:relative !important;
		right:-600px !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out}

.activestep  .step2-text>h4, .activestep  .step4-text>h4, .activestep  .step6-text>h4, .activestep  .step8-text>h4{
	    position:relative !important;
		left:-600px !important;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out}
.step1:hover ~ .step1-text>h4, .step3:hover ~ .step3-text>h4, .step5:hover ~ .step5-text>h4, .step7:hover ~ .step7-text>h4{
		position:relative;
		right:-600px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out}
.step2:hover ~ .step2-text>h4, .step4:hover ~ .step4-text>h4, .step6:hover ~ .step6-text>h4, .step8:hover ~ .step8-text>h4{
		position:relative;
		left:-600px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out}

.step1-text>.odd-text, .step3-text>.odd-text, .step5-text>.odd-text, .step7-text>.odd-text{
		position:relative;
		right:-600px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out}
 
.odd-text_active{
	position:relative !important;
		right:0 !important;
		-webkit-transition: all 0.5s ease-in-out !important ;
		-moz-transition: all 0.5s ease-in-out !important;
		-o-transition: all 0.5s ease-in-out !important;
		transition: all 0.5s ease-in-out !important}
.step2-text>.even-text, .step4-text>.even-text, .step6-text>.even-text, .step8-text>.even-text{
		position:relative;
		left:-600px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out}
.step1-text>h4, .step3-text>h4, .step5-text>h4, .step7-text>h4{
		position:relative;
		right:0px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out}
.step2-text>h4, .step4-text>h4, .step6-text>h4, .step8-text>h4{
		position:relative;
		left:0px;
		-webkit-transition: all 0.5s ease-in-out;
		-moz-transition: all 0.5s ease-in-out;
		-o-transition: all 0.5s ease-in-out;
		transition: all 0.5s ease-in-out}

.step8{background-position: 70% center}
.step1{background-position: 75% center}
/*END INFOGRAPHIC2*/

#projectlist .project, #courselist .course{overflow: hidden}
#projectlist .project:hover .adventure-hover, #courselist .course:hover .adventure-hover{display:block; position:absolute; width:100%; height:230px; background-color: rgba(240,72,62,0.9); text-align: center}
#projectlist a:hover h2, #courselist a:hover h2{text-decoration: none}
.adventurepage-image{position: relative; height:230px; background-size:cover; background-repeat: no-repeat; background-position: center center; margin-bottom: 17px}
.adventurepage-hover{position: absolute; width:100%; height:100%}
.adventurepage-hover:hover{background-color:rgba(240,72,62,0.9)}
.project a .img-wrap, .course a .img-wrap{overflow: hidden; margin-bottom: 15px}
.project a .img-wrap img, .course a .img-wrap img{max-width: 100%; height:auto}
.adventurepage-cta{position: absolute; left:0; top:0; width:100%; height:100%}
.adventurepage-cta span{display: none;text-align: center; color:#fff}
.adventurepage-hover:hover .adventurepage-cta span{display: block; position: absolute; width:100%; top:45%} 

/*** Program Page ***/
.casestudy-textcontent-container{padding:30px 0}
.casestudy-textcontent h3{margin-bottom: 10px;}
.more-work-container{padding-bottom: 100px}
.casestudyVideo{padding:0 0 30px}

.overview-container img{margin-bottom: 30px}

.overview-text p{margin-bottom: 30px}
.overview-text img{margin-bottom: 32px}
.overview-link{font-style: normal; font-weight: 700; font-size: 16px; font-size: 1rem; text-transform: uppercase; color:#f0483e; letter-spacing: .06em; margin-top: 42px}
.overview-link:hover{color:#e3382e}
.overview-img-wrap{position: absolute;right:0;padding-right: 0; padding-left: 60px; padding-top:50px}
.overview-image{height:485px; background-position: center center; background-size: cover; background-repeat: no-repeat}
.overview-img-wrap .table-cell img{position: absolute; top:24%; max-height:490px; right:0; padding-left:60px; padding-top:20px}
.itinerary-section{background-color: #222222; color:#fff; padding: 100px 0 90px 0}
.itinerary-intro{font-style: normal; font-weight: 300; font-size: 18px; font-size: 1.125rem}
.equipment a:after{
	content:"";
	display: inline-block;
	width:0;
	height:0;
	margin-left:15px;
	margin-top:-2px;
	vertical-align: middle;
	border-left: 11px solid;
	border-top:6px solid rgba(0,0,0,0);
	border-bottom:6px solid rgba(0,0,0,0);
	color:#0d9347}


.casestudy-testimonial{background-color:#000; padding:60px 0}
.casestudy-testimonial h3{text-align: center; color:#fff}
.casestudy-testimonial .maincontent, .casestudy-testimonial .client{color:#fff}
.casestudy-testimonial .maincontent{font-size: 1.125rem; line-height: 1.5; margin:0 0 20px}
.casestudy-testimonial .maincontent h4{font-size: 35px; margin-bottom:10px}
.casestudy-testimonial .client{font-size: 1.125rem; margin-top:40px}

h1.casestudy-title{ font-size:2.8125rem; margin-bottom:15px}
h3.casestudy-subtitle{ margin-bottom:15px}
.imagecaption { font-size: 14px; margin-bottom: 60px; margin-top: -15px; }
.casestudy-textcontent a, .imagecaption a{ color:#333}
.imagecaption a:hover{color:#ff8400}

.agenda-heading{text-transform: uppercase; font-size: 22px; font-size: 1.375rem; font-style: normal; font-weight: 800; letter-spacing: .1em}
ul.agenda-container{
  padding: 0 15px;
  margin: 0;
  list-style: none;
  width:100%;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-between}

.agenda-item p.agenda-info{
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  font-size: 1.125rem}
.agenda-img-mobile{height:250px; background-size: cover; background-repeat: no-repeat; background-position: center center;margin-bottom: 25px}
.agenda-image{
  width:33%;
  height:210px;
  overflow: hidden}
hr.agenda-item-border{width:100%; border-top:1px solid #707070; margin:35px 0}
.itinerary-cta-heading{font-style: normal; font-weight: 700; font-size: 27px; font-size: 1.6875rem; letter-spacing: .06em; text-transform: uppercase}
.agenda-cta{padding:0px 15px}
.agenda-link{color:#f0483e; font-style: normal; font-weight: 700; font-size: 16px; font-size: 1rem; text-transform: uppercase; letter-spacing: .06em}
.agenda-link a{position: relative}
.agenda-link a i{position: absolute; top:3px}

.program-slider{max-height: 680px; overflow: hidden}
.program-slider li{background-position: center center; background-size: cover; background-repeat: no-repeat}

.Guarantee, .footer-last{background-color: #eeeeee; text-align: center; padding: 95px 0 90px 0}
.Guarantee img, .footer-last img{margin-bottom: 20px}
.Guarantee .Datacontent{max-width: 550px; margin:0 auto}
.Guarantee .Datacontent p{font-style: normal;font-weight: 300;font-size: 20px; font-size: 1.25rem}
.Guarantee .imageIcon .fImg{max-width: 100px}

.program-info-container{
  padding: 0;
  margin: 0;
  list-style: none;
  width:100%;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: flex-start}
.program-label{font-style: normal; font-weight: 700; font-size: 18px; font-size: 1.125rem; text-transform: uppercase; letter-spacing: .1em; line-height: 1; width:150px}
.program-value{font-style: normal;font-weight: 300;font-size: 20px; font-size: 1.25rem}
.program-value p{margin-bottom: 0; line-height: 1}
hr.program-item-border{width:100%; border-top:1px solid #707070; margin:20px 0}

.footer-last .Datacontent{max-width: 700px; margin:0 auto}
.footer-last .Datacontent p{font-style: normal;font-weight: 300;font-size: 20px; font-size: 1.25rem}
.footer-last a button.btn-red{height:55px; width:200px; margin:20px 0}
.footer-last a button{margin: 0 12px}

.programForm{padding-top:105px; padding-bottom: 110px}
.programForm h2{margin-bottom: 50px}
.program-value ul{list-style-type: disc; line-height: 1.8; margin-top:10px}

/*** About Page ***/
.left-text img{margin-bottom: 35px}
.about-pg .overview-img-wrap img{position: absolute;right:0}
.about-pg .left-text{line-height: 1.67}
.our-values{background-color: #eeeeee; padding:110px 0 30px 0}
ul.our-values-container{
  padding: 0;
  margin: 40px 0;
  list-style: none;
  
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  
  -webkit-flex-flow: row wrap;
  justify-content: space-around;
  align-items: center}
ul.our-values-container li{
  padding: 5px 0px;
  width: 33%;
  margin-top: 15px;
  margin-bottom: 25px;
  
  color: #333333;
  text-align: left}
ul.our-values-container li p{max-width: 290px}
p.value{font-style: normal; font-weight: 700;font-size:26px; font-size: 1.625rem; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 14px}

.stewardship{text-align: center; padding-top:110px}
.stewardship p{max-width: 775px; margin: 0 auto}
.stewardship-cards{margin-top:80px; margin-bottom: 165px; display: inline-block}

.our-guides{background-color: #222222; padding-top:125px; padding-bottom: 45px}
.our-guides h2{color:#fff; text-align: center}
.our-partners{padding-top:110px}
.our-partners h2{text-align: center}
.partner-logos{text-align: center}
.our-partners .row{margin-top:45px; margin-bottom: 120px}
.bd-logo{max-width: 160px}
.our-services-home .btn{margin-bottom:30px; margin-top:0}
#our-process{margin-bottom: 100px}
.flipcard-container li .cardWrapper .cardContainer .cardFaceBack p.flipcard-title, .flipcard-label{font-family:"Roboto Condensed", sans-serif; font-weight:700; margin-bottom: 0}
.more-work-image .prev-link p, .more-work-image .next-link p{font-family:"Roboto Condensed", sans-serif}

.single #main-content{padding-top: 60px}

.free-estimate .free-estimate-title{font-family:"Roboto Condensed", sans-serif; margin-top:20px;}

.free-estimate .phone-number{ font-size: 50px; line-height: 37px; font-family:"Roboto Condensed", sans-serif; font-weight:700}
.free-estimate .phone-number:hover{ color:#FF8400; text-decoration:none}
.free-estimate .phone-number-extra{ display: block; font-size: 16px; text-align: right; line-height: 24px; font-family:"Roboto Condensed", sans-serif} 
p.project-excerpt, .project-excerpt p{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 55px;
	margin-bottom:0;
	font-size: 12px;
    line-height: 18px;
	margin-top:5px}
.project{
    margin-bottom: 30px}
#sidebar a.btn{
    margin-top: 0;
    background-color: #333;
    border: 2px solid #333;
	display: table;
    margin-left: auto;
    margin-right: auto}
#sticky-sidebar .free-estimate .container {padding-left:30px; padding-right:30px;}
#sticky-sidebar .free-estimate a.btn{margin-left: auto; margin-right: auto; display: table;  margin-bottom: 0}
#sticky-sidebar .free-estimate a.btn.btn-white:hover{background-color: #fff; color: #0d9347}
#sticky-sidebar .free-estimate a.contact, #sidebar-mobile .free-estimate a.contact{margin:0}
#sticky-sidebar .free-estimate a.contact:hover, #sidebar-mobile .free-estimate a.contact:hover{
    color: #FF8400}
span.print-icon{
	background-image: url(/wp-content/uploads/2021/09/printer-tool-or-interface-symbol-for-print-button-svgrepo-com.svg);
    width: 35px;
    background-size: contain;
    background-repeat: no-repeat;
	display: inline-block;
    height: 25px;
    vertical-align: bottom}
.is-menu path.search-icon-path{fill: #333!important; transition: 0.5s;}
li.astm-search-menu:hover path.search-icon-path {fill: #FF8400!important;}
.headroom--not-top.slideDown .is-menu path.search-icon-path, .mm-opened .is-menu path.search-icon-path{fill: #fff!important}
body .popup-search-close:before, body .search-close:before , body .popup-search-close:after, body .search-close:after{
    border-color: #fff!important}

.logos.col-md-12.post-detail-page .col-lg-3{
    height: 90px;
    width: 50%}
.residential-section .btn.btn-primary.mobile-btn, .commercial-section .btn.btn-primary{display:block}
.our-services a.btn.mobile-button{display:none}
.our-services a.btn.desktop-button{display:none}
.page-template-page-fullwidth-service-new #main-content{padding-top: 50px}
.page-template-page-fullwidth-service .roof-options-container{padding-top:100px}
.page-template-page-fullwidth-service h3{margin-bottom:25px}
.single .logos.col-md-12.post-detail-page{background-color: #f1f1f1; padding: 20px}

.page-thank-you .roofing-info , .error404 .roofing-info{padding-bottom: 60px}
.lead-copy h1, .lead-copy h2, .lead-copy h3, .lead-copy h4, .page-title, h1{
    margin-top: 10px;
    font-style: normal;
    text-align: center;
	margin-bottom:30px;
	font-family:"Roboto Condensed", sans-serif;
	font-weight: bold; 
	font-size: 36px; 
	line-height: 42px; 
	color:#333}
.text-404 .col-sm-12{padding-left:0; padding-right:0}
.page-template-page-fullwidth-no-banner h4{
	font-family:"Roboto Condensed", sans-serif;font-weight:700;
    font-style: normal;
    font-size: 24px;
    line-height: 28px;
    color: #333;
    text-align: left;
    margin: 5px 0;
    padding-top: 0}
.bold{font-family:"Roboto Condensed", sans-serif;font-weight:700}
.flickr-image{position:relative; margin-bottom: 30px}
.post-content .flickr-image img{margin-bottom:0}
.ignyte_locations-template-default .post-content blockquote h4{ margin-bottom:0}
.ignyte_locations-template-default .featured-post.project_portfo_gallery.custom_post .project.video_popup {float: left;}
.timeline{ counter-reset: test -10; position: relative}
ul.timeline li{ list-style: none; float: left; width: 100px; position: relative; text-align: center; text-transform: uppercase}
ul.timeline li div{ line-height:16px; font-size:12px}
.timeline li:before{ counter-increment: test 10; content: counter(test); width: 50px; height: 50px; border: 3px solid #0d9347; border-radius: 50%; display: block; text-align: center; line-height: 50px; margin: 0 auto 10px auto; background: #0d9347; color: #FFF; transition: all ease-in-out .3s; cursor: pointer}
.timeline li:after{ content: ""; position: absolute; width: 100%; height: 3px; background-color: #0d9347; top: 25px; left: -50%; z-index: -999; transition: all ease-in-out .3s}
.timeline li:first-child:after{ content: none}
.timeline li.active-tl{ color: #555555} 
.timeline li.active-tl:before{ background: #d70000; color: #F1F1F1}
.timeline li.active-tl + li:after{ background: #0d9347}
img.hidden{position:absolute;opacity:0;top:0;left:0;display:block;visibility:visible; width:100%; height:100%;}
#services-list.video-content{display:block;position:initial}
.service-page .mobileview{display: none}
.logo-inner-black{ transition: 0.5s all}
.hovered-div{
	background-color: #FFFFFF;
    display: none;
	font-size: 12px;
    width: 100%;
    padding: 10px;
    z-index: +1;
    position: absolute;
    top: 30px;
    left: 0;
    transition: 0.5s all;
    border: solid 1px #333;
    color: #333}
.post-content .hovered-div a.btn:hover {color: #fff;}
.testimonials #expend_button .btn{display:inline-block}
#hide_testimonial{margin-right:20px}
.testimonials h3{text-align: center}
.testimonials .btn{
    color: #fff;
    background-color: #333;
	border: 1px solid #fff;
	margin: 0 auto;
    display: table}
.testimonials .btn:hover{color: #fff;background-color: #FF8400;border:1px solid #FF8400}
.logo-inner-black:hover .hovered-div, .logo-inner-white:hover .hovered-div{ display:block}
.result_hover .hovered-div{display:inline-block; margin-top: 10px}
.hovered-div a{
	background-color: transparent;
    display: inline-block;
    padding: 8px 10px;
	font-size: 14px;
    margin-top: 0;
	box-shadow:none}
.testimonials .content-container{margin-bottom:50px}
.logo-inner-black .hovered-div a{color: #333;min-width:auto}
.hovered-div a:hover{background-color: #FF8400; color: #fff}
.logos .col-lg-3{height: 90px}
.testimonials .logos .col-lg-3 {
    width: calc(100% /5);
}
.testimonials .hovered-div .btn{
    border: transparent;
	background-color:transparent;
	display:inline-block;
    color: #333}
.testimonials .hovered-div .btn:hover{background-color: #FF8400; box-shadow: none; color: #fff}
.logos .wrapper .total-5-star-reviews,
.logos h2{margin-bottom: 0; margin-top: 0; font-size:80px;font-family: "Roboto Condensed", sans-serif;font-weight: 700;font-style: normal;}
.total_review{font-size: 19px; font-family: "Roboto Condensed", sans-serif;}
.testimonials .logos h2 {color: #fff;}



/*PROGRAM RATES PAGE*/
.page-id-972 #main-content{padding-top:175px}
thead tr{border-bottom: 1px solid #222}
thead tr th, tbody tr td{padding:10px}
tbody tr{border-bottom: 1px solid #222}

/*FLIP CARDS*/
.obligations .col-xs-12, .obligations .col-sm-6, .obligations .col-lg-4{padding:0}

.backCard, .backCard-solutions, .backCard-careers{opacity: 0; -o-transition: all ease-in .3s;-webkit-transition:all ease-in .3s;transition: all ease-in .3s}
.cardWrapper{transition: all ease-in .3s}
.cardWrapper:hover .backCard{opacity: 1}

.cardWrapper{
  width:100%;
  position:relative;
  float:left;
  cursor:pointer;
  -webkit-font-smoothing:antialiased}

.grid-inverse{background-color: #F1F1F1; border: none; padding: 125px 50px; text-align: center; font-style: normal;font-weight: 400; height: 325px; margin: 0; font-size: 16px; font-size: 1rem}

.cardFaceInverse{
  /*width:33.3333%;*/
  background: #f1f1f1;
  overflow:hidden;
  line-height: 1.1;
  color:#24180d}

.cardFaceInverse i{
  margin-bottom: 25px}
.grid-icon{height: auto; display: block; margin-right: auto; margin-left: auto; margin-bottom: 27px}

.cardFaceInverse span{
  font-weight: bold;
  font-style: normal;
  font-size: 1.3rem;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 1}
/* Roofing information center */
.roofing-post-item{background-color:#fff}
.roofing-post-item-odd{background-color:#fff}
.roofing-post-item-even{background-color:#fff}
/* End Roofing information center*/


.backCard-careers{
  font-size: 20px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  padding: 42px 30px;
  color: #fff;
  background-color: #f0483e}

.backCard p.flipcard-link, .frontCard p.flipcard-link{font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 16px; font-size: 1rem; position: relative}
.backCard a i, .frontCard a i{font-size: 12px; font-size: .75rem; position: absolute; top:4px; right:-25px}
.frontCard p.flipcard-link, .frontCard p.flipcard-link i{color:#f0483e}

.cardText span{
  color: #666666;
  font-size: 20px;
  width: 100%;
  line-height: 1.5em}

 .backCard-careers h4{
  color: #fff;
  font-size:22px;
  font-size: 1.275rem;
  font-style: normal;
  font-weight: 800;
  text-transform: uppercase; 
  letter-spacing: .06em;
  margin-bottom: 25px}
 .cardBackText{
  line-height: 1.46em;
  font-size: 15px;
  font-size: .9375rem;
  font-style: normal;
  font-weight: 400}


/*END FLIP CARDS*/

/*old code*/
.gray-block{padding:24px 30px 12px; margin-bottom:30px; background-color:#f6f6f6}
.gray-block ul{margin-bottom:12px}
.boardblock{border:solid 1px #b0b1b1; padding:40px 48px; margin-bottom:60px}
.col-xs-12.col-sm-6:last-child .boardblock, .col-xs-12.col-sm-6:nth-last-child(2) .boardblock{margin-bottom:0}
.boardblock p{font-size:18px; font-size:1.125rem; margin-bottom:0}
.wrap{padding:35px 0}
.wrap.white{background-color:#fff}
.wrap.light-g{background-color:#f6f6f6}
.light-g .gray-block{background-color:#ebebeb}
img.team-photo{margmargin-bottom:-35px}
.wrap.dark-g{background:url(/wp-content/themes/Ignyte/images/shadow-top.png) repeat-x top left, url(/wp-content/themes/Ignyte/images/shadow-bottom.png) repeat-x bottom left #3f3f3f; color:#fff}
.wrap.dark-g .section-heading{border-bottom-color:#9e9e9e}
#industry-assoc ul{margin-bottom:0}
.ind-assc-images{list-style:none; padding:0}
.ind-assc-images li{display:inline-block; text-align:center; max-width:33%; margin:0 auto; float:left}
#customer-list ul{padding:0}
#customer-list ul li{list-style-position:outside; margin-left:22px}


/*end old code*/


/* Team Members */
.bio-image{position: relative}
.bio-hover{position: absolute; width:100%; height:100%}
.bio-hover:hover, .bio-hover:active{background-color: rgba(240,72,62,0.9)}
#memberlist .current .bio-cta span{display: block; position: absolute; width:100%; top:46%}
#memberlist .current .bio-hover{background-color: rgba(240,72,62,0.9)}
.bio-cta{position: absolute; left:0; width:100%; height:100%; top:0}
.bio-cta span{display: none; text-align: center; font-style: normal; font-weight: 700;font-size: 16px; font-size: 1rem; line-height: 22px; letter-spacing: .1em; text-transform: uppercase; text-decoration: none}
.bio-hover:hover .bio-cta span, .bio-hover:active .bio-cta span{display: block; position: absolute; width:100%; top:46%}
#memberlist{margin-right: 0px; margin-left: -30px}
#team-wrap{margin-top:35px}
.teammember a{display:block; margin:20px auto 0; text-decoration:none; color:#fff}
.teammember{transition: opacity 0.5s linear}
.fade50{opacity:.5}
.teammember a:hover{text-decoration:none}
.teammember a .img-wrap{overflow:hidden}
/*.teammember a .img-wrap:after{display:block; content:''; position:absolute; top:0; left:0; right:0; bottom:10px; width:100%; height:100%; z-index:1; background-color:rgba(0,0,0,0); transition:background-color ease-out 0.3s}
.teammember a:hover .img-wrap:after{background-color: rgba(126,5,78,0.62)}*/
.teammember hgroup{padding:0; position:relative}
/*.teammember a svg.icon{fill: #;position: absolute;right: 1px;top: 27px}*/
.teammember h3{margin:20px auto 0; font-style: normal; font-weight: 700; font-size: 22px; font-size: 1.375rem; text-transform: none}
.member-bio h6{text-transform: uppercase; letter-spacing: .06em}
.member-bio p, .member-bio li{font-style: normal; font-weight: 300; font-size: 18px; font-size: 1.125rem}
.drawer-bio{padding-right: 50px}
.teammember:not(.current){ 
  
}
/*
.teammember h3:after{
content: "";
display: inline-block;
width: 0;
height: 0;
margin-left: 6px;
margin-top: -1px;
vertical-align: middle;
border-top: 6px solid;
border-right: 5px solid rgba(0, 0, 0, 0);
border-left: 5px solid rgba(0, 0, 0, 0)}
*/
.teammember h5, .member-bio h5{margin:4px auto 16px}
.member-bio{background-color:#; color:#fff}
.teammember h5, .member-bio h5{font-weight:400; font-style:normal}
.member-bio h4{margin:50px auto 0; font-size: 26px; font-size: 1.625rem; font-style: normal;font-weight: 800; text-transform: uppercase; letter-spacing: .06em}
.member-bio p:last-of-type{margin-bottom:50px}
.bios-wrap{background-color:#464646; position:relative; min-height:0; margin-top:-2px}
.bios-wrap:before, .bios-wrap:after{
content: "";
position: absolute;
background: #464646;
min-height:0;
top: 0;
bottom: 0;
width: 99999px;
z-index: 0}
.bios-wrap:before{right:100%}
.bios-wrap:after{left:100%}
.member-bio{position:relative} 
.member-bio, .member-bio.collapsing{transition:height ease-out 0.3s}
.member-bio a.close{position:absolute; top:4px; right:0; color:#fff; float:none}
.member-bio a.close, .member-bio a.close:hover{opacity:1; text-shadow:none}
a.close{height:24px; width:24px}
a.close .icon-bar{display:block; background: #fff; height:2px; width:24px; border-radius:0; margin:4px auto}
a.close .icon-bar:first-of-type{-ms-transform: rotate( 45deg ); -webkit-transform: rotate( 45deg ); transform: rotate( 45deg ); margin-bottom:-8px}
a.close .icon-bar:last-of-type{-ms-transform: rotate( -45deg ); -webkit-transform: rotate( -45deg ); transform: rotate( -45deg ); margin-top:6px}
.member-bio.collapsing a.close{top:54px}





/*** Blog Overview Page **/
.blog-overview-item{margin-bottom: 100px}
.blog-img{background-repeat: no-repeat;background-size: cover;height:0; padding-top: 56.25%; background-position: center center; transition-timing-function: ease-in-out; transition: transform .25s;overflow:hidden;position:relative}
.blog-title{
	position: relative; 
	height:100%; 
	width:100%;
	font-family:"Roboto Condensed", sans-serif; font-weight:700;	
	font-style: normal;
    font-size: 18px;
    line-height: 21px;
    color: #333333;
	text-transform: unset;
	margin-bottom:5px;
	margin-top:5px;
	min-height: 45px}
.blog-content a.btn-primary{margin-top:0px}
.blog-content .date, .blog-content .author, .blog-content .excerpt a, .blog-content p.blog-meta{font-size:14px; margin-bottom: 0px; font-family:"Roboto Condensed", sans-serif}
.blog-content p.blog-meta span{
	font-family:"Roboto Condensed", sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 20px}
.blog-img .blog-content p.blog-meta span{color: #fff}
.blog-content p.blog-meta.cat_name, .eyebrow-text, .service-box-text p.eyebrow-text, .eyebrow {
	font-family:"Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: normal;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 16px;
	margin-bottom:5px}
.single-slideritems .eyebrow {margin:0 auto;margin-top: 30px;}
.single-slideritems .article-list .post-image {
    height: auto;
    width: 100%;
    padding-top: 55%;
}
.single-slideritems .video_related_post .eyebrow, .more-blog-post  .eyebrow {text-align:left; margin: 15px 0 0px 0;}
.single-slideritems .article-list .post-content {width:100%; padding-left:0}
.single-slideritems .video_related_post .more-blog-post h4, .more-blog-post h4 {
	margin-top: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 30px;
    font-family:"Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 28px;
    color: #333;
    position: relative;
    z-index: 10;
    font-style: normal;
    text-align: left;
    padding-top: 0;
    text-transform: capitalize;
}
.single-slideritems .video_related_post {
    margin-top: 30px;
	margin-bottom: 30px;
    display: flex;
}
.single-slideritems .related_video a.btn {
	margin: 20px auto;
    text-align: center;
    display: table;
}
.post-content .related_video a.btn:hover {
    color: #fff;
}
.related_video {margin-top:50px;}
.related_video .hr-center {display:none;}

/** Blog Post **/
.post-content{line-height: 1.5}
.post-content h5{margin-top:30px;}
.post-content figcaption a{text-decoration:underline}
figcaption{margin-bottom:30px}

.blog-hero .banner-content .container{padding:60px 30px}
.blog-moreposts .inner{height:322px; background-size:cover; background-repeat: no-repeat;position: relative;  margin:5px 0}
.blog-moreposts{text-align: center; padding:65px 0 110px 0}
.blog-moreposts .article-list{margin-top:25px}
.blog-moreposts .inner{height:322px; background-size:cover; background-repeat: no-repeat;position: relative}
.recent-posts-text{position: absolute; height:100%; width:100%; background-color: rgba(0,0,0,0.3); color:#fff; text-transform: uppercase}
.recent-posts-text:hover{background-color: #EB8A49}
.recent-posts-text:hover .recent-posts-cta span{display: block; position: absolute;width:100%; left:0;bottom:40px}
.recent-posts-title{position: absolute; width:100%; height:100%}
.recent-posts-title span{position: absolute;width:100%; left:0;top:44%}
.recent-posts-cta{position: absolute; width:100%; height:100%; color:#fff}
.recent-posts-cta span{font-size: 16px; font-size: 1rem; letter-spacing: .1em; display: none} 
.post-content p > img {margin: 0;}
.post-content img{margin-bottom:30px; max-width:100%}
/*Blog metal roofing CSS*/
.post-content .vh-center .col-md-3 {
	display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    padding: 0;
}
.post-content .vh-center {display: -webkit-flex;display: flex}
.post-content .vh-center .col-md-3 img {margin-bottom: 0}

.post-content .blog-with-caption img{margin-bottom:15px}
.blog-with-caption .caption{ margin-bottom: 30px; font-size: 12px}
.blog-with-caption .caption a, .caption a{text-decoration:underline}
.author{margin-bottom: 55px}
.author-image img{width: 90px; margin-right: 25px}
.author-image{display: inline-block; float:left}
.author-meta{display: inline-block}

.article-list .post-image{width:100%; height: auto; padding-top: 55%; background-size: cover; float:left}
.article-list .post-content{width:100%; float:left; text-align: left; padding-left:0}
.article-list .post{display:inline-block; margin-bottom: 25px}

/**Blog Sidebar**/
#sidebar, #sidebar-mobile{margin:10px auto 0; padding:0 0 0 10px}
#sidebar .textwidget, #sidebar-mobile .textwidget{margin-bottom: 45px}
#sidebar input, #sidebar-mobile input{margin-top:0px; padding:0 18px 3px 18px}
#sidebar input::-webkit-input-placeholder, #sidebar-mobile input::-webkit-input-placeholder{ /* Chrome/Opera/Safari */
  text-transform: uppercase; font-family:'Roboto'; font-style: normal; font-weight: 300; font-size: 15px; font-size: .9375rem; color:#222}
#sidebar input::-moz-placeholder, #sidebar-mobile input::-webkit-input-placeholder{ /* Firefox 19+ */
  text-transform: uppercase; font-family:'Roboto'; font-style: normal; font-weight: 300; font-size: 15px; font-size: .9375rem; color:#222}
#sidebar input:-ms-input-placeholder, #sidebar-mobile input::-webkit-input-placeholder{ /* IE 10+ */
  text-transform: uppercase; font-family:'Roboto'; font-style: normal; font-weight: 300; font-size: 15px; font-size: .9375rem; color:#222}
#sidebar input:-moz-placeholder, #sidebar-mobile input::-webkit-input-placeholder{ /* Firefox 18- */
  text-transform: uppercase; font-family:'Roboto'; font-style: normal; font-weight: 300; font-size: 15px; font-size: .9375rem; color:#222}
.sidebar-subscribe{background-color: #ebebeb; text-align: center; padding:35px 30px}
.sidebar-subscribe img{max-width: 50px;margin-bottom: 15px}
.sidebar-subscribe h3{font-size: 37px; font-size: 2.3125rem; font-style: normal; font-weight: 400; letter-spacing: .06em; margin-bottom: 20px}
.sidebar-aboutus{background-color: #ebebeb; text-align: center}
.sidebar-aboutus-image{background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url(/wp-content/uploads/2017/02/Hiking-Railroad-Grade.jpg); background-size: 140%; height:168px; background-position: 90% center; padding-top:60px}
.sidebar-aboutus-image h3{color:#fff; font-size: 43px; font-size: 2.6875rem; font-style: normal; font-weight: 400}
.sidebar-aboutus-text{padding:22px 30px 35px 30px}
.sidebar-contact{background-color: #222222; padding:35px 30px; color:#fff; text-align: center}
.sidebar-contact img{max-width: 60px; margin-bottom: 17px}
.sidebar-contact h3{font-size: 37px; font-size: 2.3125rem; margin-bottom: 20px}
#sticky-sidebar{margin-left: 10px; position: -webkit-sticky; position: sticky; top:185px}

#sidebar .blog-sidebar .btn-primary.green {padding: 15px 30px; font-size: 23px; width: 100%; margin-bottom:50px;}
#sidebar .textwidget img, #sidebar .textwidget .sidebar-desc {
    background-color: #f1f1f1;
}

/*** Contact Page **/
.social-nav{float:none; padding:0}
.social-nav>li>a{font-weight:bold; font-style:normal;font-size:10px; font-size:0.625rem; color:#; text-transform:uppercase; letter-spacing:2px; padding:0; border-bottom:none; line-height:1}
.social-nav>li, .social-nav>li>a{display:inline-block}
.social-nav>li>a{margin:0 12px 0 0}
.social-nav>li>a:hover, .social-nav>li>a:focus{text-decoration:underline; background-color:transparent}
.social-nav{margin:0 auto 30px; font-size:inherit; line-height:1}
h2.ninja-forms-form-title{font-size:20px; font-size:1.25rem; margin:10px auto 20px}
.social-nav.icons li a{display:block; width:32px; height:32px; background-size:32px 32px; background-repeat:no-repeat; backgorund-position:center center; opacity:1}
.social-nav.icons li a:hover{opacity:0.8}
.social-nav.icons .fb{background-image:url(/wp-content/themes/Ignyte/images/icon-soc-fb.png)}
.social-nav.icons .twitter{background-image:url(/wp-content/themes/Ignyte/images/icon-soc-twitter.png)}
.social-nav.icons .instagram{background-image:url(/wp-content/themes/Ignyte/images/icon-soc-insta.png)}
.social-nav.icons .linkedin{background-image:url(/wp-content/themes/Ignyte/images/icon-soc-linkedin.png)}
#map{height:320px; margin-bottom:0px}


/*Thank You Page*/
.page-thank-you p.center{margin-bottom: 10px}

/*single post*/
.postid-3413 .post-content img{margin-bottom:0}
.single-post #main-content svg{max-width: 80%; padding: 30px}

.single-post #main-content .wp-gr svg { padding:0 }


/*** Projects and Capabilities ***/
/* Project Page */

.project-cat-nav .btn{min-width:0; width:100%; display:block; padding-left:5px; padding-right:5px; margin-bottom:15px; color:#222; background-color:#fff}
.project-cat-nav .btn:hover, .project-cat-nav .btn:active, .project-cat-nav .btn:focus, .project-cat-nav .btn.active{color:#222}

.project a{color:#3f3f3f; margin-bottom:20px; display:block}
.project img{transition:all ease-in 0.2s}
.project.img-dim img{opacity:0.5; transition:all ease-in 0.2s}
.project a h2{text-transform:none; margin-top:20px}
.project a:hover, .project a:focus, .project a:active{text-decoration:none}
.project a:hover h2, .project a:focus h2, .project a:active h2{text-decoration:underline}

.proj-details-wrap{position:relative; min-height:0; color:#fff; transition:margin-bottom 0.3s ease-out}
.proj-details-wrap:before, .proj-details-wrap:after{
content: "";
position: absolute;
min-height:0;
top: 0;
bottom: 0;
width: 99999px}
.proj-details-wrap:before{right:100%}
.proj-details-wrap:after{left:100%}
.proj-details-wrap, .proj-details-wrap:before, .proj-details-wrap:after{background:url(/wp-content/themes/Ignyte/images/shadow-top.png) repeat-x top left, url(/wp-content/themes/Ignyte/images/shadow-bottom.png) repeat-x bottom left #3f3f3f}
.proj-details{padding:30px 0}
.proj-details h3{text-transform:uppercase; border-bottom:solid 3px #9e9e9e}
.proj-details a.close{margin-top:-20px}
.collapse-margin{margin-bottom:30px}
.proj-details a{color:#fff; text-decoration:underline}
.proj-details img{margin-bottom:10px}

/* Capabilities (Project cats) */
.capability{margin-bottom:40px}


.proj-details-wrap:last-of-type{margin-bottom:0 !important}


/* Section - Case Studies - See More Work */
.more-work-image .prev-link h6 {text-align: left;font-size: 16px; padding-left:30px;}
.overviewsection-more-work .overview-container {margin-top:60px;padding:60px 0;border-top: 1px solid #333}
.overviewsection-more-work a:hover p.project-name {color: #FF8400;}
.more-work-image .next-link h6 {text-align: right;font-size: 16px;}
.more-work-image .next-link p.project-name , .more-work-image .next-link h6  {padding-left:0; padding-right:30px;}
.more-work-container{display: inline-block; width:100%; padding-bottom:0;}
.more-work-item{padding:0}
.more-work-item-left{padding-left:0px}
.more-work-item-right{padding-right:0px}
.more-work-image{display: table; width:100%;}

.more-work-image .prev-link p, .more-work-image .next-link p{
	font-size:31px; 
	font-size: 1.9375rem;
	letter-spacing: .04em;
	vertical-align: middle; 
	text-align: center; 
	text-transform: uppercase; 
	color:#fff;
	position: relative}

.more-work-image:before{
	content: "";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#0d9347;
	opacity:0;
	display:none}
.more-work-image:hover:before{opacity:.3}
.more-work-image .prev-link p.project-name,.more-work-image .next-link p.project-name{ display: block;font-size: 30px;font-weight: 700;line-height: 45px}
.more-work-image .prev-link p.project-name{max-width:375px;}
div.casestudiesshortcode a:focus, div.casestudiesshortcode a:active, div.casestudiesshortcode a:hover{ text-decoration:none}
.more-work-image img {
    margin-right: 0;
    width: 150px;
    height: 100px;
    object-fit: cover;
    display: inline-block;
    vertical-align: middle;
	margin-bottom:0;
}
.more-work-image .prev-link, .more-work-image .next-link {width: calc(100% - 150px); display: inline-block; vertical-align: middle; text-align: center; float:none}
.more-work-image .prev-link p.project-name, .more-work-image .next-link p.project-name {
	padding-left: 30px;
	color: #333;
    text-align: left;
    text-transform: none;
    letter-spacing: 0;
	line-height:normal;
	font-size: 24px;
	margin-bottom:0;
	transition:0.25s;
}
.more-work-image .next-link p.project-name {text-align: right;}
.more-work-item-left .more-work-image img,
.more-work-item-left .more-work-image .next-link {float: left;}
.more-work-item-right .more-work-image img,
.more-work-item-right .more-work-image .prev-link {float: right;} 
a:hover .more-work-image img { transform: scale(1.1); transition: all 0.5s ease; }

/* CTA Shortcodes */
.cta{background-color:#f6f6f6; padding:30px 0}
.cta p{font-size:26px; font-size:1.625rem; line-height:1.3333; font-weight:500; font-style:normal}
.cta a.btn-cta{margin-bottom:32px}
.home .cta{background-color:#fff}
.home .cta p{font-size:22px; font-size:1.325rem}
.img-gallery img{margin-bottom:30px}
.img-gallery > img:last-child, .img-gallery .row:last-of-type img{margin-bottom:0}

/* BEGIN - Christmas Logo */
.logocontainer{height:250px;white-space:nowrap;position:relative;max-width:600px;margin: 100px auto 0; text-align:left}
.iconcontainer{width:30%}
.logo-icon, .logo-words, .logo-anim, .iconcontainer{background-repeat:no-repeat;display:inline-block;white-space:normal;font-size:0;height:100%;overflow:hidden}
.logo-icon{background-image:url('/wp-content/themes/Ignyte/images/threetree-logo-full.svg');width:30%;position:absolute;background-position:left center;z-index:1;background-size: 298%}
.logo-anim{background-image:url('/wp-content/themes/Ignyte/images/threetree-anim-lights.gif');width:30%;position:absolute;background-position: center;background-size: contain;z-index:2}
.logo-words{background-image:url('/wp-content/themes/Ignyte/images/threetree-logo-full.svg');width:70%;background-position:right center;background-size: 155% auto}
/* END - Christmas Logo */

.center{ text-align:center}
.margin-30{ margin-top:30px}
.list-tech-info .submenu{margin-bottom: 0}
.list-tech-info .submenu li{ font-size: 12px; margin-top: 0; line-height: 12px}

.post-content a.back-to-top{ border: 1px solid #333333; padding: 5px 10px; font-size: 10px; text-transform: uppercase; color:#333333}
.post-content a.back-to-top:hover{ background-color: #FF8400; color:#FFF}

.page-contact-three-tree-roofing .lead-copy{ display:none}
#our-process{ margin-bottom:50px}

#financing-options{ margin-bottom:50px}
#financing-options .btn{ margin-top:0}

.row.materials .btn.btn-primary{ font-size:16px; margin-top:15px;  margin-right:10px}

.navbar-nav>li ul.sub-menu>li>a{ padding:16px 0}

.certified-roofers{ margin-bottom:50px}
#contact-office-locations h3,.certified-roofers h3{ text-align:center; margin:30px 0 0}


.fa-4{ font-size:7em}


.secound_show {display: none}
.bottom_gradient {}

/*Locations*/
.page-template-page-fullwidth #main-content, .blog #main-content, .page-template-location-list-page #page-wrap{padding-top:50px}
.locations.dropdown{
	text-align: center;
    width: 440px;
    margin: 30px auto 70px auto}
.locations.dropdown button{text-transform:uppercase; width: 100%}
.locations .dropdown-menu{max-height: 600px; overflow-y: scroll; width: 100%}
div#sidebarouter{margin-top: 0}
.post_small_video {background-color: #f1f1f1; margin:0 0 50px 10px;}
.post_small_video p {padding:30px 30px 20px 30px; margin-bottom:0;}
.post_small_video .blog-sidebar {text-align:center; padding-bottom:30px;}

.single-ignyte_locations div#sidebarouter{
    margin-top: 0}
/*.single-ignyte_locations .logos .logo-section { background-size: 100%; }*/
.modal_main_div .modal_inner_left{
	height: 65px;
	width: 65px;
	display: inline-block;
	float: left;
	max-width: 30%;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center}
.quickStatsLocation {
    background: #F1F1F1;
    padding: 30px;
    margin-bottom: 50px;
}
h3.stats_heading {
    font-family:"Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
	margin-bottom: 25px;
}
.bigstats h3 {
	font-family:"Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 69px;
    line-height: 81px;
    color: #000000;
    text-align: center;
	margin-bottom:0;
}
.statslabel {
	font-weight: 400;
    font-size: 18px;
    line-height: 27px;
    color: #000000;
    text-align: center;
	margin-top: 15px;
}	
.statslink a {
	font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-decoration-line: underline;
    color: #000000;
    text-align: center;
    display: block;
    margin-top: 5px;
}
.rightsection {
	font-family:"Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    color: #000000;
    display: inline-block;
    float: right;
	margin-top: 14px;
}
.rightsection a {text-decoration:underline;}
.statslink a:hover {color: #FF8400;}
.leftsection .statslabel {
    font-family:"Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
	color: #000000;
}
.smallstats {
    margin-bottom: 9px;
}
.leftsection {
    display: inline-block;
}
.quickStats_list {margin-top:27px;}
.modal_main_div .modal_inner_right{
	display: inline-block;
	float: right;
    width: 70%}
.modal_main_div .modal_inner_right h3{
	text-align: left;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 8px}
.modal_main_div h3 + div{text-align:left}

/*scrollbar width */
.locations .dropdown-menu::-webkit-scrollbar{
  width: 5px}

/*scrollbar Track */
.locations .dropdown-menu::-webkit-scrollbar-track{
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px}
 
/*scrollbar Handle */
.locations .dropdown-menu::-webkit-scrollbar-thumb{
  background: #0d9347; 
  border-radius: 10px}

/*scrollbar Handle on hover */
.locations .dropdown-menu::-webkit-scrollbar-thumb:hover{
  background: #0d9347}

.dropdown button .caret{
	margin-left:5px;
	margin-top:-1px}
.dropdown .btn-default:hover, .dropdown .btn-default:focus, .dropdown .btn-default:active, .dropdown .btn-default.active{
	border-color: #FF8400;
	background-color: #FF8400;
	color: #fff}
.dropdown.open>.dropdown-toggle.btn-default{
	border-color: #333;
	background-color: #333;
	color: #fff}
.dropdown-menu>li>a{
    padding: 10px 20px;
    line-height: normal}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{
	background-color: #0d9347;
	color:#fff}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus{
	background-color: #0d9347;
	color:#fff}
.sticky-map{
	position: -webkit-sticky;
	position: sticky;
	top: 50px;
	margin-bottom:30px}
.roofer_near_me_new .sticky-map{margin-bottom:0;}
.about-us-video .sticky-map{margin-bottom:70px}
.project-tiles{margin-bottom: 60px}
.project-tiles .caption{
	background-color: rgb(0 0 0 / 75%);
    color: #FFF;
    text-transform: uppercase;
    padding: 5px;
    font-size: 6px;
	position: absolute;
    bottom: 0;
    width: 100%}
.project-tiles .caption a{
    display: inline;
    color: #fff;
    font-size: 6px;
    letter-spacing: 1px}
.single-ignyte_locations h1{text-align:left; margin-bottom:10px}
.single-ignyte_locations #map{
    height: auto;
    padding-top: 100%}
.single-ignyte_locations #sidebar a.map-btn:hover{
    color: #fff;
    background-color: #ff8400;
    border: 2px solid #ff8400}
.single-ignyte_locations #sidebar a.map-btn{width:100%}
.single-ignyte_locations .image{
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 75%;
    background-position: center center;
	margin: 20px 0 30px 0}
.single-ignyte_locations .project-data .project-title{height:30px; overflow:hidden; -webkit-line-clamp: 1}
.row.featured-post.project_portfo_gallery, .single-ignyte_locations .contentInner{margin-bottom:0}
.featured-post.project_portfo_gallery .project.video_popup {float:unset; display:inline-block;}
.first_show {position:relative;}
.bottom_gradient {
	position: absolute;
	top: auto;
	bottom: 26px;
	width: 100%;
	height: 31%;
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 79%, rgba(255,255,255,1) 80%, rgba(255,255,255,1) 82%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 79%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 82%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 79%,rgba(255,255,255,1) 80%,rgba(255,255,255,1) 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	z-index: 1;
}
.featured-post .project {margin-bottom: 30px;}
.single-ignyte_locations #sticky-sidebar{margin-bottom:0}
.roof-options-container{padding:60px 0;}
.installation-black-bg{
	display: -webkit-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    padding: 0;
	background: #333333;
    color: #fff;
    width: 275px;
    height: 275px;
    border-radius: 160px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	margin:auto}
.installation-black-bg p{
	padding: 0 15px;
    max-height: 88px;
    overflow: hidden}
.single-ignyte_locations .top-banner{position: relative}
.single-ignyte_locations .top-banner h2{
	color: #fff;
    text-align: center;
    font-size: 5rem;
    line-height: 6rem;
    margin-bottom: 0}
.page-template-location-list-page .project-tiles h2{
    margin-bottom: 25px}
.page-template-location-list-page .project-tiles h2 + p{
    margin-bottom: 60px}
.casstudiesroottestmonial2{margin-top:30px}
.casstudiesroottestmonial2 h4{font-weight:700}
.casstudiesroottestmonial2 .client-name{font-weight:700}

.circle-image { border-radius:50%; border:#000 5px solid; margin-top:25px; }
.postid-4588 .color-listing ul.sliderImgService .small-image { height: 45px; }

.roofer_near_me_new .temp2nd h2.title {font-size: 164px; line-height: 120px; margin-bottom: 15px; margin-top:30px;}
.roofer_near_me_new .temp2nd h2.title span {font-size:65px;}
.roofer_near_me_new .temp2nd h2 {font-size:40px; max-width: 600px;}
.roofer_near_me_new .logos.location_detail {
    margin-top: 0;
    padding: 0 0 0 0;
	margin-bottom:0;
}
#main-content .location-top-btn {font-size: 20px; background-color: #0d9347; margin-top:20px;}
#main-content .location-top-btn:hover {background-color:#FF8400;}
.project.full-width .project-container.right {
	width: 35%;
    height: auto;
    padding-top: 25%;
    display: inline-block;
    margin-right: 4%;
    vertical-align: middle;
}
.project.full-width .left {display: inline-block; width: 60%; vertical-align: middle;}
.content.left .project-title {margin-top: 0;}
.project.full-width .left a.btn {display:inline-block;}
div.project.full-width:hover .project-container {transform: scale(1);}
.roofer_near_me_new .location-bottom_service .our-services {padding:0}
.single-ignyte_locations .post-content hr {margin: 50px 0 50px 0;}
.project_portfo_gallery.featured-post.post-list-location + hr {margin-top: 25px;}

.page-template-page-landing-fullwidth-service #main-content { margin-top:30px; }
.page-template-page-landing-fullwidth-service h1 { text-align:left; }
.page-template-page-landing-fullwidth-service hr { margin: 60px 0; }
.page-template-page-landing-fullwidth-service #sticky-sidebar { margin-bottom:60px; margin-left:0; }

#home-awards { margin: 15px 30px 15px 0; }
#home-awards .row { display: flex; align-items: center; flex-flow: row wrap; }
#home-awards .row div { width: 16%; }
#home-awards .row div img { width: 100%; }



.tg  {border-collapse:collapse;border-spacing:0;}
.tg  thead { background-color:#000; color:#fff; }
.tg td{border-color:black;border-style:solid;border-width:1px;font-size:14px;
  overflow:hidden;padding:10px 5px;word-break:normal;}
.tg th{border-color:black;border-style:solid;border-width:1px;font-size:14px;
  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
.tg .tg-0lax{text-align:left;vertical-align:top}

.marginBottom li { margin-bottom:25px;}

.roof-maintenance-package:hover{background-color:rgba(13, 147, 71, 0.5);}
.roof-maintenance-package{position: relative;margin: 30px 0;display: flex;
    align-items: center;
    justify-content: center;
    min-height: 193px;}
.roof-maintenance-package-bg-image{position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;}
.roof-maintenance-package .logo{width:126px;height:50px;position:absolute;left:9px;bottom:9px;}
.roof-maintenance-package .title {font-size:32px;color:#fff;text-align:center;font-family: "Roboto Condensed", sans-serif;font-weight: 700;max-width:350px;line-height:38px;text-transform:uppercase;margin-top: -40px;filter: drop-shadow(5px 5px 10px #000000);}
.roof-maintenance-package .service-note {font-size:12px;color:#fff;position:absolute;right:15px;bottom:15px;max-width:290px;filter: drop-shadow(5px 5px 10px #000000);}


.mega-menu-dropdown{ width: calc(85vw - ((3800px - 100vw) / 40)); min-width: 992px; max-width: 1400px;background-color: #0d9347;padding:30px 0;margin-left: -193px;}
.mega-menu-dropdown .row{margin-left: -15px; margin-right: -15px;}
.mega-menu-roofing-portfolio-menu-item .eyebrow{font-family: "Roboto Condensed", sans-serif;font-style: normal;font-weight: normal;text-transform: uppercase;font-size: 12px;letter-spacing: 2px;line-height: 16px;}
.mega-menu-roofing-portfolio-menu-item h3{font-family: "Roboto Condensed", sans-serif;font-weight: 700;font-size: 24px;letter-spacing: -.02em;line-height: 28px;position: relative;z-index: 10;font-style: normal;text-align: left;margin: 15px 0 0 0;padding-top: 0;text-transform: capitalize;margin: 5px 0 5px 0;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 30px;}
.mega-menu-roofing-portfolio-menu-item .roofing-project-summary{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 55px;margin-bottom: 0;font-size: 12px;line-height: 18px;margin-top: 5px;font-family: Roboto;font-style: normal;font-weight: normal;}
.mega-menu-roofing-portfolio-menu-item-image-container{width: 100%;height: 30vh;margin-bottom: 15px;}
.mega-menu-roofing-portfolio-menu-item-image-container img{object-fit: cover;height: 100%;width: 100%;transition: all 0.5s ease;}
.mega-menu-roofing-portfolio-filter-buttons {text-align: right;margin-bottom: 15px;}
.mega-menu-roofing-portfolio-filter-buttons div{display: inline;}
.mega-menu-roofing-portfolio-filter-buttons div:last-of-type a.btn{margin: 0;}
.mega-menu-roofing-portfolio-filter-buttons a.btn{background-color: transparent;border: 1px solid #fff;font-size: 14px;padding: 4px 10px;margin: 0 10px 0 0;}
.mega-menu-roofing-portfolio-filter-buttons a.btn:hover{border: 1px solid #FF8400;color:#FF8400}
.mega-menu-item{background-color: #0d9347;color: #fff;padding: 30px;}
.mega-menu-item .eyebrow-text {margin-bottom: 0px;}
.mega-menu-item .mega-menu-h2{font-family: "Roboto Condensed", sans-serif;font-weight: 700;font-style: normal;margin-top: 0;margin-bottom: 26px;font-size: 30px;line-height: 1.1;}
.mega-menu-item .mega-menu-h3{font-family: "Roboto Condensed", sans-serif;font-weight: 700;font-size: 24px;position: relative;z-index: 10;text-align: left;padding-top: 0;text-transform: capitalize;margin: 0 0 30px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 31px;}
.mega-menu-item .mega-menu-h4{font-family: "Roboto Condensed", sans-serif;font-size: 24px; margin-top: 0;margin-bottom: 10px;font-weight: 500;line-height: 1.1;color: inherit;}
.mega-menu-item a:hover .mega-menu-roofing-portfolio-menu-item-image-container img{transform: scale(1.1);}

.mega-menu-sub-nav{border-top: 1px solid #fff;}
.mega-menu-sub-nav li{margin-right: 0;margin-bottom: 0;position: relative;list-style: none;margin-left: -25px;border-bottom: 1px solid #fff;padding: 15px 0;}
.mega-menu-item hr{border-top: 1px solid #fff;}
.mega-menu-item .service-thumbnail-image{height: 225px;}
.mega-menu-item .service-thumbnail-image img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease;}
.mega-menu-item .col-md-6.col-sm-12{transition: all 0.5s ease;}
.mega-menu-item a:hover:has('.service-thumbnail-image') .col-md-6.col-sm-12{ transform: scale(1.1);}
.mega-menu-item .content-overlay {position: absolute;display: flex;align-items: center;justify-content: center;width: calc(100% - 30px);height: 100%;background-color: rgba(0, 0, 0, 0.5);transition: all 0.5s ease;top: 0;color: #fff;text-align: center;line-height: 1.25;}
.mega-menu-item a:hover:has('.service-thumbnail-image') .content-overlay{color:#FF8400;} 

.mega-menu-item .tab {cursor: pointer;}
.mega-menu-item .content {display: none;padding-top:58px}
.mega-menu-item .clear {clear: both;height: 0;}
.mega-menu-item .content {display: none;}
.mega-menu-item .content.active {display: block;}
.mega-menu-item .full-service-roofing{margin-bottom: 30px;}
.mega-menu-item .full-service-roofing a div{transition: all 0.5s ease;}
.mega-menu-item .full-service-roofing a:hover div{transform: scale(1.05);}

.why-three-tree-roofing{font-size: 16px;}

ul.roofing-service-types {display: flex;font-size: 16px;flex-wrap: wrap;padding: 0;}
ul.roofing-service-types li{list-style: none;margin-left: 0;display: flex;flex-wrap: nowrap;width: 50%;margin-bottom: 30px;}
ul.roofing-service-types li a{display: flex;align-content: center;justify-content: center;flex-wrap: wrap;transition: all 0.5s ease;}
ul.roofing-service-types li a img{object-fit: cover;width: 50px;height: 50px;margin-right: 10px;}
ul.roofing-service-types li a:hover img{transform: scale(1.1);}
ul.roofing-service-types li a .roofing-service-types-text{align-content: center;width: 132px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: calc(100% - 60px);}
#mega-menu-roofing-services .content video{margin-bottom: 15px;}
#mega-menu-roofing-services .content .caption{font-size: 16px;}
#mega-menu-roofing-services #content3 ul { font-size:16px; }
#mega-menu-roofing-services #content4 .mega-menu-h3 { margin:0;text-align:center }
#mega-menu-roofing-services #content4 .container .row {   display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex; }
#mega-menu-roofing-services #content4 .container .row div{ text-align: center;}
#mega-menu-roofing-services #content4 img {max-height:50px;height: auto;width: 100%;transition: all 0.5s ease;}
#mega-menu-roofing-services #content4 img:hover {transform: scale(1.1);}
#mega-menu-roofing-services #content4 .mega-menu-item hr{margin-top: 10px;}
#mega-menu-roofing-services #content4 p{margin-bottom: 0;}
#mega-menu-roofing-services #content4 .container .row{margin-bottom: 30px;}
#mega-menu-roofing-services #content4 .container .row div{display: flex;align-items: center;flex-direction: row;height: 50px;justify-content: center;}

@media (min-width: 992px) {.cmm-snippet-container{position: absolute;top: 120px;width: 100%;display: none;z-index: 9999;}.cmm-snippet-container.is-open {display: block;}  }
@media (max-width: 991px) {.cmm-snippet-container {display: none !important; } .is-popup-search-form form.is-ajax-search {margin: 40px auto 0;} }

/* Options pages */ 
.logo-container{position: relative;}
.logo-container-overlay{position: absolute;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;background-color: rgba(255, 255, 255, 0.75);padding: 7vw;}
a:hover:has('.logo-container') .logo-container{transform: scale(1.1);}

.what-type-of-roofing-material{padding: 30px 0}
.roofing-material-color-options-item-parent{position: relative;transition: all 0.5s ease;}
.roofing-material-color-options-bg-overlay{transition: all 0.5s ease;position: absolute;height: 100%;width: 100%;background-color: rgba(255,255,255,0.75);}
.roofing-material-color-options-text{font-family: "Roboto Condensed", sans-serif;position: absolute;color: #fff;font-size: 24px;font-weight: 600;margin: auto;  top: calc(50% - 18px); left: 0; bottom: 0; right: 0; text-align: center;}
.roofing-material-color-options-image{width: 100%;height: 177px;margin-bottom: 15px;border: 1px solid #ccc;}
.roofing-material-color-options-image img{object-fit: cover;height: 100%;width: 100%;}

.which-roofing-manufacturer{padding: 30px 0}
.which-roofing-manufacturer div.col-sm-12{display:flex;flex-wrap: wrap;gap:15px}
.which-roofing-manufacturer .center{position: relative;padding: 15px;display: flex; justify-content: center; align-items: center;}
.which-roofing-manufacturer-item{width:calc(25% - 12px); border:solid 1px #ccc;}
.which-roofing-manufacturer .center {min-height: 100px; width: auto;}
.which-roofing-manufacturer .center img{max-height: 60px; max-width:100%;height: 100%;width: auto;}
.center:hover .roofing-material-color-options-bg-overlay,
.roofing-material-color-options-item-parent:hover .roofing-material-color-options-bg-overlay,.roofing-material-color-options-bg-overlay.active{background-color: rgba(255,255,255,0);border: solid 1px #FF8400;}

@media only screen and (max-width:1190px){
.mega-menu-dropdown{margin-left: calc(-1 * (288px - (100vw - 992px) / 2));}
}
@media only screen and (max-width:1190px){
  .which-roofing-manufacturer-item{width:calc(50% - 8px);}
}

/***********************************
************************************ 
MEDIA QUERIES 
************************************
************************************/

@media only screen and (max-width:991px){
	.single-ignyte_locations #sidebar{margin-bottom: 60px; display:block}
	.single-ignyte_locations #map{padding-top:75%}
	.post_small_video {margin-top:50px;}
	.roofer_near_me_new .temp2nd h2.title {font-size: 7rem; line-height: 8rem;}
}

@media only screen and (max-width:767px){
	.locations.dropdown{width: 100%}
	.dropdown.locations.open ul li{padding: 0}
	.single-ignyte_locations .project-data .project-title{
		height: auto;
		overflow: auto}
	#faq-page a.btn{
		width: calc(100% - 30px);
		display: inline-block}
	.single-ignyte_locations .post-content a.btn{width: calc(100% - 30px)}
	.single-ignyte_locations .top-banner h2{
		font-size: 3rem;
		line-height: 4rem;
		margin-bottom: 0}
	.single-ignyte_locations .top-banner p{font-size: 14px; margin-bottom: 0}
	.installation-black-bg{width: 200px; height: 200px}
	.single-ignyte_locations .image{width: 100vw; margin-left: -15px}
	.about-us-video h1.title{margin-bottom: 30px}
	#family-owned-roofing-business{margin-left:-15px; margin-right:-15px}
	.roofer_near_me_new .temp2nd h2.title {font-size: 5rem; line-height: 5rem;}
	.roofer_near_me_new .temp2nd h2 {font-size: 32px; max-width: 100%;}
}



/* iPadPro - Horizontal */
@media only screen and (min-device-height: 1024px) and (max-device-width: 1367px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){
  	.hero-schedule-free-estimate-button{ right:-20px}  
} 

/* iPadPro - Vertical */
@media only screen and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
	.hero-schedule-free-estimate-button{ right:-90px}	
}

/* iPad - Both */
@media all and (max-width: 1025px){
	#logo-hero{ display:none}
	h2.hero-title{ font-size:2.5rem}
	h2.title{ font-size:2.5em}
	
} 
/* iPad - Horizontal */
@media only screen and (min-device-height: 768px) and (max-device-width: 1025px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){
	.banner-image img{max-width: 350px}
	.banner-image .content-container .banner-content h2{font-size:2rem}
	
	/* BEGIN - Christmas Logo */
	.logocontainer{ display:none}
	/* END - Christmas Logo */	
} 

/* iPad - Vertical */
@media only screen and (max-device-width: 768px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
	
	/* BEGIN - Christmas Logo */
	.logocontainer{ display:none}
	/* END - Christmas Logo */	
}
/* iPhoneX - Horizontal */
@media only screen and (min-device-height: 375px) and (max-device-width: 821px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){
	.banner-image .content-container .banner-content h1{ font-size:1.5em; margin:145px 15px 45px}
	.hero-schedule-free-estimate-button{ display:none}
} 

/* iPhoneX - Vertical */
@media only screen and (min-device-height: 820px)and (max-device-width: 375px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
	.hero-schedule-free-estimate-button{ display:none}
}

/* iPhonePlus - Both */
@media all and (max-width: 737px){
	/* BEGIN - Christmas Logo */
	.logocontainer{ display:none}
	/* END - Christmas Logo */	
} 

/* iPhonePlus - Horizontal */
@media only screen and (min-device-height: 414px) and (max-device-width: 737px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){
	.hero-schedule-free-estimate-button{ display:none}
} 

/* iPhonePlus - Vertical */
@media only screen and (max-device-width: 414px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
	.hero-schedule-free-estimate-button{ display:none}
}


/* iPhone - Both */
@media all and (max-width: 668px){
	.hero-schedule-free-estimate-button{ display:none}
} 

/* iPhone - Horizontal */
@media only screen and (min-device-height: 375px) and (max-device-width: 668px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){

} 

/* iPhone - Vertical */
@media only screen and (max-device-width: 375px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){
 
}

/** Custom Media Queries **/

@media (max-width: 768px){
	img.navbar-logo{ display:none}
	img.navbar-logo-mobile{ display:block}	
}

@media (max-width: 767px){
	.banner-image-short .content-container .banner-content h1{line-height: normal; margin-top:25px; font-size: 46px;}
	.banner-image .content-container .banner-content h2{font-size:1.5rem; line-height: 1; margin: 110px 15px 0}
	.banner-image .content-container .banner-content a.btn{margin-top:25px}
	.banner-content .logos{margin-top:25px; margin-bottom: 50px}
	.banner-image .content-container .banner-content h1{ font-size:1em; margin:135px 15px 45px}
	.about-us-video h2 {font-size: 30px; line-height: normal;}
	.page-residential-roofing-services .banner-content img {max-width: 55vw;}
	
	/* Our Process Infographic */
	.infographic2{overflow: visible}
	.more-work-container{padding-bottom: 0}
	#financing-options{padding:0}
	#financing-options p.blog-video-content{padding: 0}
	#financing-options .sticky-left img{width:100vw}
	h2.title {font-size: 30px; line-height:normal;}
}
@media (max-width: 400px){
	.service-icon{display: block; margin-bottom: 15px}
	.service-content{display: block; padding-left:0px}
	.about-us .about-text .about-text-text a.btn{width:100%}
}

@media (max-width: 767px){
	.mobile{display: block}
	.desktop{display: none}
	.roof-type{text-align: center}
	.roof-type ul{list-style-type: none; padding-left:0px}
	.roof-type ul li{float:none; margin-right: 0px}
	.roof-type ul li span{margin-left:0px}
	.footer-contact ul li{text-align: center; margin-right:0px}
	.page-template-page-fullwidth-no-banner #main-content{padding-top:50px; padding-bottom: 100px}
	.free-estimate{padding:30px 0px}
	.free-estimate h2{font-size: 30px;}
	.free-estimate a{font-size:34px}
	.article-list .post-image{height:250px; background-size: cover; width:100%; float:left; margin-bottom: 25px}
	.article-list .post-content{width:100%; float:left; text-align: left; padding-left:0; padding-right:0}
	
	.banner-image{background-attachment: unset; position: relative}
	.banner-image-short{background-attachment: unset}
	
	.mobile-only{display: block}
	.desktop-only{display: none}
	
	.banner-image .banner-content{top:75px; bottom:0; padding:0}

	.roof-option{border:none; padding:15px 0px}
	.service-box{border:none; padding:0px; margin: 0 0 25px 0}
	
	.navbar-toggle{margin-top:20px}

	.flipcard-container li{width:100%; margin-bottom: 30px;}
	.flipcard-container li .cardWrapper .cardContainer .cardFaceFront img{width:70px}
	.flipcard-container li .cardWrapper{padding:25px 15px}
	.flipcard-label{margin-top:20px}
	
	.navbar-brand img{margin-left: 0px; width:170px}
	.banner-image-short .banner-content{bottom:20px}
	.slide-img h2{font-size: 30px; font-size: 2.1875rem}
	.call-cta-phone a{font-size: 25px; font-size: 1.5625rem}
	.call-cta-phone a span{padding:0 10px}
	.call-cta-phone{margin-top:10px}
	
	#projectlist h2{font-size: 18px; font-size: 1.125rem}
	.projectpage-image{height:150px}
	
	.about-us-video{padding:60px 15px}
	.about-us-video img{margin-bottom: 15px}

	.testimonials .logos{ margin-bottom:60px; margin-left:0; margin-right:0}
	.logos img{margin-bottom: 15px}
	.testimonials .logos .col-xs-6.col-sm-6.col-md-4.col-lg-2{padding:0 10px}

	.roofing-info .article-list .post-item .inner .home-blog-image{height:35%}
	
	.flex-viewport{width:100%; margin:0 !important}
	.flex-control-nav{bottom:-40px}
	
	.banner-image-short{height:300px}
	
	.services-featured-image{height:150px}
	p.services-featured-title{font-size: 18px; font-size: 1.125rem; line-height: 1}
	.services-featured-content p.excerpt{font-size: 16px; font-size: 1rem; line-height: 1}
	
	.contact-page-form input, .contact-page-form textarea{width:100%}


	.about-us .about-text .about-text-text{padding:50px 0px}
	
	ul.footer-contact-container li{width:100%;height:auto}
	.footer-menu #menu-main-menu li{display:block; text-align:center}

	.materials{margin-top:20px}

	.ignyte_faq_answer{padding:25px 25px 5px}

	h1, .alpha{font-size: 32px; line-height: normal;}
	.page-home h1{font-size: 66px; font-size: 4.125rem; word-spacing: 1000px}
	h2, .beta{font-size:30px;}
	h3, .gamma{font-size:36px;}
	h4, .delta{font-size:24px;}
	h5, .epsilon, h6{font-size:20px; font-size:1.25rem}
	
	.btn, .btn-primary{min-width:180px}
	ul, ol{line-height:1.25}
	ul li, ol li{padding:5px 0 5px}
	.hovered-div .btn { min-width:fit-content}
	
	.slide-img{height:auto !important}
	#home-slider-wrap .slide-img .caption h2{font-size: 30px; font-size: normal}
	.slide-wrap-outer .container-fluid{padding:0}
	.flexslider:hover .flex-direction-nav .flex-prev{left:-50px}
	.flexslider:hover .flex-direction-nav .flex-next{right:-50px}
	.slider-image{text-align:center}
	.flexslider .slides .slider-image img{margin:0 auto 30px; width:auto}
	.table-cell.slider-image, .caption.table-cell{display:block; padding:0 30px}
	.roofing-info{ padding: 60px 15px}
	.roofing-center-container .col-md-6{ margin-top: 15px}

	/* Portfolio Page */
	.dropdown.filter-btn ul{padding-left:0}
	.dropdown.filter-btn ul li{margin-left:0 !important; display: inline-block !important; text-align: center; font-size:0.9em}
	.case-study-header h1{font-size:2rem}
	.free-estimate-form input[type="submit"]{width:100%}

	/* Tabs */
	ul.nav-tabs{border:none}
	.tab-content{border:none}
	.tabbed-inner-content{padding:50px 0 0 0}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:none; padding:0}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus{color:#0d9347}
	.nav-tabs>li>a{padding:10px 0}
	.tabbed-inner-content img{margin-bottom:15px}
	.services-bg .service-box{border:none; padding:0px}
	.testimonials .content-container .row{margin-left:0; margin-right:0}
	.page-three-tree-roofing-kent-company-office h1 {font-size:40px;}
}

@media (min-width: 768px){
	.mobile{display:none}
	.desktop{display: block}
	.container{margin:0 auto}
	.our-services-home{ padding: 60px 0}
	.agenda-item{width:50%}
	.itinerary-intro{max-width: 50%; margin-bottom: 70px}
	.program-label{width:150px}
	.left-text{padding-right:45px}
	.half-text{padding-bottom: 165px}
	.blog-moreposts .inner{margin:5px 0}
	.home-aboutus-content{max-width: 615px}
	.program-slider li{height:680px}
	.page-template-page-fullwidth-no-banner #main-content{padding-top:180px; padding-bottom: 100px}
	
	.mobile-only{display: none}
	.desktop-only{display: block}
	
	#main-nav .navbar-nav>li{padding:8px 16px 4px}
	#main-nav .navbar-nav>li>a{border-bottom:solid 3px rgba(0,0,0,0); transition: 0.5s;}
	.navbar-header{padding-left: 0; margin:12px 0px}
	#main-nav .navbar-nav>li>a:hover, #main-nav .navbar-nav>li:focus>a, #main-nav .navbar-nav>li>a:focus, #main-nav .navbar-nav>li.current_page_item>a, #main-nav .navbar-nav>li.current_page_parent>a,  #main-nav .navbar-nav>li.current-page-ancestor>a{border-bottom-color:#fff}
	.scrolled #main-nav .navbar-nav>li>a:hover, .scrolled #main-nav .navbar-nav>li:focus>a, .scrolled #main-nav .navbar-nav>li>a:focus, .scrolled #main-nav .navbar-nav>li.current_page_item>a, .scrolled #main-nav .navbar-nav>li.current_page_parent>a,  .scrolled #main-nav .navbar-nav>li.current-page-ancestor>a{border-bottom-color:#fff}	
	ul.footer-contact-container li{width: calc(100%/4)}
	ul.footer-contact-container li:nth-child(2){width: auto}
	
	#team-wrap{margin-top:70px}
	.teammember a{margin:40px auto 0}
	.teammember h3{font-size:22px; font-size:1.375rem}
	
	a.close{height:36px; width:36px}
	a.close .icon-bar{height:2px; width:36px; border-radius:0; margin:4px auto}
	a.close .icon-bar:first-of-type{margin-bottom:-8px}
	a.close .icon-bar:last-of-type{margin-top:6px}
	#menu ul.mm-list li.menu-item{width:750px; margin:0 auto}
	.banner-image{height:260px}
	.slide-content-wrap{position:absolute; height:100%; width:100%; top:0; left:0; right:0}
	.slide-content-wrap .container, .slide-content-wrap .container > .row{height:100%}
	ul.slides li>.container, ul.slides li>.container>.row, ul.slides li>.container>.row>div, .slider-content, .slide-table{height:100%}
	ul.slides li > .slider-headshot{float:left;border-radius: 200px;overflow: hidden}
	.slide-table{display:table}
	.slide-img{height:100%}
	.slider-content{background:none; padding-top:0; padding-bottom:0}
	.table-cell img{}
	
	.flexslider:hover .flex-direction-nav .flex-prev{left:0}
	.flexslider:hover .flex-direction-nav .flex-next{right:0}
	
	.sl-content > h1, .sl-content h2{color:#fff; font-size:65px; font-size:4rem}

	.cta{background-color:#f6f6f6; padding:60px 0}
	.cta p{font-size:30px; font-size:1.875rem}
	.home .cta p{font-size:26px; font-size:1.625rem}
	
	.social-nav{margin:0 auto}
	/* Ninja Form */
	.col-sm-6-wrap{width: calc(50% - 15px); float: left}
	.col-sm-6-wrap:nth-of-type(2), .col-sm-6-wrap:nth-of-type(4){margin-right:30px}
	#map{height:500px}
	
	.wrap{padding:70px 0}
	.boardblock{min-height:300px}
	img.team-photo{margin-bottom:-70px}
	#customer-list ul{-webkit-column-count:3;-moz-column-count:3;column-count:3; -webkit-column-gap:24px; -moz-column-gap:24px; column-gap:24px}
	
	.project a{margin-bottom:40px}
	.proj-details{padding:60px 0}
	.proj-details a.close{margin-top:-36px}
	.collapse-margin{margin-bottom:60px}
	.capability{margin-bottom:80px}
	.project-tiles .content{height: 112px; margin-top:15px}
}
@media (min-width: 768px) and (max-width:782px){
	#memberlist .col-sm-6{width:100%}
}
@media (max-width: 782px){
	#memberlist .col-sm-12{width:100%}
	#memberlist{max-width: 320px; margin:0 auto}
}
@media (min-width: 768px) and (max-width:991px){
	ul.our-values-container li{width: 50%}
	h1{font-size: 40px; line-height:normal;}
	.home-courses-item{width:50%}
	.container-fluid.banner.video-parent a.btn-primary.green {display:table;}
	.footer-award-logos div {height:45px;}
}
@media (min-width: 768px) and (max-width: 782px){
	#memberlist .col-sm-6{margin-left:-17px}
	
}
@media (min-width: 768px) and (max-width: 1024px){
	.home-aboutus-symbol-mobile .container{padding-top:12%}
	.home-aboutus-mobile{background-position: right top;background-size:60%}
	.home-aboutus-symbol-mobile{background-size: 60%; background-position: right bottom}
}
@media (max-width: 991px){
	.video-home-img{top:0;left:0;margin:0;max-width: 100%;}
	.page-template-page-fullwidth-home .video-home-img {position: absolute;}
	.navbar-brand{width: 225px}
	.navbar-collapse.collapse{display: none!important}
	.navbar-header{float:none}
	.navbar-toggle{display: block}
	#sidebar-mobile{display: block}
	.single-post #sidebar-mobile{display:none}
	#sidebar{display: none}
	#sticky-sidebar{display: none}
	.page-template-page-fullwidth-service-new #sticky-sidebar{display:block; margin-bottom: 30px}
	.page-template-page-fullwidth-service-new #sticky-sidebar .free-estimate{margin-top:0}
	.scrolled .navbar-header .navbar-brand .logo-scrolled{height:30px; overflow: hidden; margin-top:5px}
	#main-nav-wrap.scrolled{padding:15px}
	#main-nav-wrap.scrolled .navbar-toggle{margin:20px 0}

	.navbar-nav>li{float:none}
	.footer-contact ul li span a{margin-top:30px}
	.subscribe, .subscribe-form, .subscribe-form input[type=email], .subscribe-form input[type=submit]{width:100%}
	.nav-contact{display: none}
	.roofing-center-container .feature-post, .roofing-center-container .post{}
	.roofing-center-container .feature-post .home-blog-image .home-blog-content{margin:20px; padding:20px}
	.roofing-center-container .feature-post .home-blog-image{height:300px}
	
	.icon-baker-logo{height:50px;width:auto}
	.our-services .service-box{margin-bottom: 25px}

	.service-page h2{margin-top:15px}
	.service-appt-btn{text-align: center}
	
	.post-content .vh-center {display: block}
	.post-content .vh-center .col-md-3 img {max-width:30%}
	
	/* mobile filters and search for adventures and courses*/
	.type-filters-mobile{width:100%; display:none; z-index:9999}
	.adventure-search{position:absolute;right: 0}
	.filter-container .type-filters{display:none }	
	.filter-container .adventure-search li{width:35px}
	.adventure-search li input{background-position: center}
	.adventure-search{display:none}
	.adventure-search-mobile{display:block}
	.active-search{width:215px !important;  -webkit-transition: width 0.5s; /* Safari 3.1 to 6.0 */transition: width 0.5s}
	.inactive-search{width:35px !important;  -webkit-transition: width 0.5s; /* Safari 3.1 to 6.0 */transition: width 0.5s}
	.active-search input{background-position:190px center !important; padding-right:5px}
	.inactive-search  input{background-position:10px center !important; padding-right:5px}
	
	#main-nav-wrap.scrolled a.navbar-brand{display: block};
	.navbar-toggle{margin-right:0px}
	.about-us{background:none}
	.about-us .about{background-color: #747474; padding:50px 15px}
	.about-us .request{background-color: #000; padding:50px 15px}
	.roofing-info .home-blog-content{padding:35px 15px}
	#main-nav-wrap a.navbar-brand-mobile{display: block; max-width:150px}
	.navbar-header:before{ 
		content:"";
		display:none; 
		/*background-image: url(/wp-content/themes/Ignyte/images/threetree-anim-lights.gif);*/
		width: 40px;
		height:40px;
		position: absolute;
		top:30px;
		left:20px;
		background-position: center;

		background-size: contain;
		z-index: 2}
	div#sidebarouter{margin-top: 0}


	/* Our Process Infographic */
	.infographic2{background-size: 300px; background-position: left top; height:1350px}
	.step-bgimage{width:140px; height:140px}
	.step1{left:10px;top:53px}
	.step2{left:148px;top:190px}
	.step3{left:10px;top:327px}
	.step4{left:148px;top:464px}
	.step5{left:10px;top:601px}
	.step6{left:148px;top:738px}
	.step7{left:10px;top:875px}
	.step8{left:148px;top:1012px}
	.step-number{top:36px}
	.odd .step-number{left:-15px}
	.even .step-number{right:-15px}
	.activestep .odd-text, .activestep .even-text{display: block !important}
	.odd-text, .even-text{display: none}
	.odd-text h4, .even-text h4{margin-top:0px}
	.odd-text p, .even-text p{margin-bottom:0px}
	.step-content h4{display: none}
	.step-content .odd-text h4, .step-content .even-text h4{display: block}
	.odd-text, .even-text{right:0px; z-index: 9999; padding:25px; margin:15px; border:5px solid #0d9347; border-radius: 10px}
	.odd-text, .even-text{background-color: #fff}
	.step1-text{top:350px}
	.step2-text{top:450px}
	.step3-text{top:550px}
	.step4-text{top:650px}
	.step5-text{top:750px}
	.step6-text{top:850px}
	.step7-text{top:950px}
	.step8-text{top:1050px}
	.step1:hover ~ .step1-text>.odd-text,
	.step2:hover ~ .step2-text>.even-text, 
	.step3:hover ~ .step3-text>.odd-text,
	.step4:hover ~ .step4-text>.even-text, 
	.step5:hover ~ .step5-text>.odd-text,
	.step6:hover ~ .step6-text>.even-text, 
	.step7:hover ~ .step7-text>.odd-text,
	.step8:hover ~ .step8-text>.even-text{display: block}
	.step1-text .odd-text{top:-172px}
	.step2-text .even-text{top:-139px}
	.step3-text .odd-text{top:-100px}
	.step4-text .even-text{top:-67px}
	.step5-text .odd-text{top:-25px}
	.step6-text .even-text{top:10px}
	.step7-text .odd-text{top:45px}
	.step8-text .even-text{top:81px}
	.odd-text a.close, .even-text a.close{display: block}
	.color-list-nav .nav>li>a{font-size:14px}
	ul.footer-contact-container .footer-social-icons span{width: 20px; height: 20px; margin-right: 8px}
	.testimonials .logos .col-lg-3, .logos .col-lg-4 {width: calc(100% /3);}
	.footer-award-logos div {background-size: 95px;}
	.logos {display:block;}
	.testimonials .container {width:100%;}
	#sidebar-mobile {padding-left:0;}
}
@media (min-width: 992px){
    .single-slideritems div#sidebarouter,
    .single-ignyte_customposts div#sidebarouter,
    .single-post div#sidebarouter,
    .single-ignyte_locations div#sidebarouter{padding-left:4vw;}
	.adventures-item{width: 33%}
	.join-team-mobile{display: none}
	.join-team-desktop{display: block}
	#sidebar-mobile{display: none}
	#sidebar{display: block}
	.scrolled .navbar-header .navbar-brand .logo-scrolled{height:40px; overflow: hidden; margin-top:7px}
	#normal #main-content{}
	.navbar-collapse.collapse{display: block!important; height:auto!important; padding-bottom: 0; overflow: visible!important}
	.navbar-toggle{display: none}
	.navbar-brand{width:350px; padding:0}
	.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{margin-right: 0; margin-left: 0}
	.row-same-height{ display: table; width: 100%; table-layout:fixed}
	.col-md-height{display: table-cell;float: none !important;vertical-align:middle}
	.cta a.btn-cta{margin-bottom:0}
	
	.social-nav>li>a{font-size:13px; font-size:0.8125rem}
	.page-contact #main-content section > p{padding-right:20%}
	#map{height:625px}
	
	.boardblock{min-height:240px}
	.slide-caption-contents:before{width:140%; left:-20%; margin-top:-70%; padding-bottom: 140%}
	/*
	.flex-active-slide + .slide-content-wrap .cap-content{visibility:visible; z-index:999}*/
	.navbar-nav>li{float:none}
	#main-nav .navbar-nav>li{padding:0 20px; display: table-cell; vertical-align: middle}
	#main-nav-wrap a.navbar-brand-mobile{display: none}
	#colorbutton{margin-left:10px}
	a.navbar-brand-desktop {
    margin-top: 0;
    display: inline-block;
    float: left;
    vertical-align: middle;
	}
	ul#menu-main-menu {margin-top:0;}
}
@media (min-width: 783px) and (max-width: 1006px){
	#memberlist .col-sm-6{width:50%}
}
@media (min-width: 1007px){
	#memberlist .col-sm-3{width:25%}
}
@media (max-width: 1024px){
	.tablet{display: block}
	.no-tablet{display: none}
	}
@media (min-width: 1025px){
	.tablet{display: none}
	.no-tablet{display: block}
}
@media (min-width: 992px) and (max-width: 1199px){
	.home-courses-item{width:50%}
	.subscribe{width:30%}
	.subscribe-form{width:70%}
	.subscribe-form input[type=email]{width:65%}
	.subscribe-form input[type=submit]{width:35%}

	/* Our Process Infographic */
	.step1{left:285px;top:79px}
	.step2{left:482px;top:277px}
	.step3{left:285px;top:474px}
	.step4{left:482px;top:672px}
	.step5{left:285px;top:869px}
	.step6{left:482px;top:1067px}
	.step7{left:285px;top:1264px}
	.step8{left:482px;top:1459px}
	.step1-text{top:140px; left:540px} 
	.step2-text{top:340px; width:45%}
	.step3-text{top:545px; left:540px}
	.step4-text{top:740px; width:45%}
	.step5-text{top:940px; left:540px}
	.step6-text{top:1130px; width:45%}
	.step7-text{top:1335px; left:540px}
	.step8-text{top:1540px; width:45%}
	
	.bottom-pagination a.btn{padding: 7px 16px}
}
@media (max-width: 1199px){
	/* Our Process Infographic */
	.infographic2 .even-text, .infographic2 .odd-text{font-size: 16px}
	.footer-award-logos div {width: calc(100% / 6.25);}
}

@media (min-width: 1200px){
	.home-courses-item{width:25%}

	/* Our Process Infographic */
	.step1{top:78px; left:367px}
	.step2{top:277px; left:566px}
	.step3{top:473px; left:367px}
	.step4{top:671px; left:566px}
	.step5{top:868px; left:367px}
	.step6{top:1065px; left:566px}
	.step7{top:1263px; left:367px}
	.step8{top:1459px; left:566px}
	.step1-text{top:140px; left:640px} 
	.step2-text{top:325px; width:45%}
	.step3-text{top:545px; left:640px}
	.step4-text{top:710px; width:45%}
	.step5-text{top:940px; left:640px}
	.step6-text{top:1100px; width:45%}
	.step7-text{top:1335px; left:640px}
	.step8-text{top:1540px; width:45%}
}

@media (max-width: 1027px){
  li.testi-img{width:100%}
  li.testi-content{width:100%}
}

@media (min-width: 1028px){
  li.testi-img{width:15%}
  li.testi-content{width:80%}
}
@media (max-width: 1250px){
  #main-nav-wrap{max-width:100vw;padding: 0}
  .our-services-home .service-box{padding-bottom:30px}
  .faq-section .col-xs-12{padding:0 15px !important}
}
@media (min-width: 550px){
	.page-contact .banner-image{background-position: left 29% bottom 0px}
}
@media (min-width:380px) and (max-width: 767px){
	.teammember a img{max-width:320px}
}
@media (min-width: 650px){
	#customer-list ul{-webkit-column-count:2; -webkit-column-gap:15px; -moz-column-count:2; -moz-column-gap:15px; column-count:2; column-gap:15px}
}
@media only screen and (max-width: 1200px){ 
  .backCard{display: none}
  .grid, .grid-inverse{width: 100%; height: auto; padding:0;text-align: left; background-color: #fff; margin:0 -15px 80px -15px}
  .grid .cardFace, .grid-inverse .cardFaceInverse{display: block!important ;font-size: 20px;color:#099bb9}
  .grid-inverse .cardFaceInverse{color:#24180d; background-color: #fff}
  .grid .backCard, .grid-inverse .backCard{padding: 0}
  .grid .grid-icon, .grid-inverse .grid-icon{margin:0; margin-bottom: 27px; height: 55px}
  .grid .backCard, .grid-inverse .backCard{font-size: 16px; margin:0 15px}
  p.noDesktop.cardFrontText{font-size: 16px; color: #1a1a1a; line-height: 1.3em; margin-top: 15px}
  p.noDesktop.cardFrontTextWhite{font-size: 16px; color: #24180d; line-height: 1.3em; margin-top: 15px}
  .dummy{margin-top: 100%}
  /*.content-container{margin:0}*/
}
@media (min-width: 992px) and (max-width: 1275px){
  .cardBackText{line-height: 1.1em; font-size: 19px}
  .backCard-solutions h4{font-size: 30px}

}
@media only screen and (min-width: 1200px){
  .noDesktop{display: none}
  .frontCard p.flipcard-link{display: none}
}
@media screen and (max-width: 860px){
  .flex-direction-nav .flex-prev{
    opacity: 0;
    left: -50px}
  .flex-direction-nav .flex-next{
    opacity: 0;
    right: -50px}
}
.more a{
     color: #fff;
     text-decoration: underline}
.more a:visited{
    color: #fff
}
.more morelink{
    text-decoration:none;
    outline: none}
.more .morecontent span{
    display: none}

.dropdown.filter-btn ul li{
    display: inline-block;
    margin:0 10px}
.dropdown.filter-btn a,{
    color: #fff}
.project-header{
    margin-bottom: 45px;
    display: flex}
#main-content li.active a.filtername{
    background-color: #0d9347}
.filtername{
	font-family:"Roboto Condensed", sans-serif;font-weight:700;
    font-style: normal;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #fff;
    border: none;
    border-radius: 0;
    padding: 14px 25px;
    background-color: #333;
    transition: .5s all}
.filtername:hover, .filtername:focus{color:#fff; background-color:#FF8400; text-decoration:none}
.project-container, .location-image-inner div{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    transition: all 0.5s ease;
	padding-top:75%}
.location-project-container{
    position: relative}
div.project:hover .project-container, div.project:hover .location-project-container{
    transform: scale(1.1)}
.location-project-container{
    transition: all 0.5s ease}
a.cta-link{
    font-size: 1rem;
    color: #fff;;
    letter-spacing: .26em;
    text-transform: uppercase;
    padding-top: 6px;
    display: inline-block;
    margin-top: 15px}
a.cta-link::before{
    content: '';
    display: block;
    width: 97%;
    background-color: #fff;
    height: 2px}
.project-container-hover{
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(35,201,188,0.6);
    opacity: 0;
    cursor: pointer}
.project-container-hover a:not([href]):not([tabindex]){
    color: #fff}

.project-title{
    font-family:"Roboto Condensed", sans-serif;font-weight:700;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 28px;
    color: #333;
    position: relative;
    z-index: 10;
    font-style: normal;
    text-align: left;
    margin: 15px 0 0 0;
    padding-top: 0;
    text-transform: capitalize}
.project-data .eyebrow-text, .about-us-video .eyebrow-text{ margin:15px 0 5px 0}
.about-us-video .project-title{margin-top: 0}
.project-data .project-title, .fancybox-gallery h3 { 
	margin: 5px 0 5px 0; 
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 30px
}



@media only screen and (min-width: 1200px){
    /*
    .banner-content a.btn{
        margin-top: 5vh}
    */
    .banner-image .content-container .banner-content #logo-hero{
        margin-top: 10vh}

    .banner-image .content-container .banner-content h2{
        margin-top: 10vh}

    .banner-content .logos{
        margin: 5vh 0}

}

@media (max-width: 783px){
    .isotopeSelector{
        width: 100%}
}

@media (max-width: 1500px){
	.logocontainer{
		height: 125px;
		max-width: 300px}	
}

.recaptcha-btn{
    display:block}
.grecaptcha-badge{display:none !important}

/*This css is use for review and rating star color */
.stars, .rr_star{
    color: #ffaf00}

/*New CSS changes*/
.about-us-video .btn-primary{margin-top:0; margin-bottom:60px; margin-right:0}
.tabbed-inner-content{padding:50px 20px 50px 0}
.logo-images{padding-bottom: 0}
.free-estimate form.wpcf7-form label{visibility:hidden}

/*Load more button*/
.alm-btn-wrap button.alm-load-more-btn{
	background-color: #0d9347;
    color: #fff;
    border: 2px solid #0d9347;
    font-size: 20px;
    font-size: 1.25rem;
    display: inline-block;
    text-decoration: none;
    border-radius: 50px;
    position: relative;
    padding: 5px 25px;
    margin-top: 50px;
    text-transform: capitalize;
    font-weight: 500;
    width: auto;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer}
.alm-btn-wrap  button.alm-load-more-btn:hover, .alm-btn-wrap  button.alm-load-more-btn:focus, .alm-btn-wrap  button.alm-load-more-btn:active{
	background-color: #fff;
    color: #0d9347;
    border: 2px solid #0d9347;
    outline: none}
.tab-content .tabbed-inner-content{padding: 50px 15px 50px 15px}
.tab-content  .inner-page{background-color:#f1f1f1}
.tab-content .tabbed-inner-content .roof-options-container{padding: 60px 0px}

/*Blog Post CSS*/
.post-content ul li{line-height:24px; margin-top:5px}
.post-content ul{margin-bottom:40px}
.blog-moreposts .more-posts{text-align: left}
.article-list .post{display: block}
/*#sticky-sidebar .free-estimate, #sidebar-mobile .free-estimate{ padding: 30px 0}*/
#sticky-sidebar .free-estimate{margin-top: 50px}
#sticky-sidebar .free-estimate h3, #sidebar-mobile .free-estimate h3{font-weight: bold; margin-bottom: 0}
#sticky-sidebar .free-estimate p, .free-estimate p{margin-bottom: 0; margin-top: 30px; font-size: 1.125rem; line-height: 1.5rem}
#sticky-sidebar .free-estimate p.contact-num{margin-bottom:0;}
#sticky-sidebar .free-estimate a, #sidebar-mobile .free-estimate a{font-size: 17px; margin-bottom: 20px; display: inline-block; margin-top: 10px}
#sticky-sidebar .free-estimate a.btn{font-size: 20px}
#sticky-sidebar .free-estimate a:hover, #sticky-sidebar .free-estimate a:hover{text-decoration:none}
#sidebar-mobile .free-estimate{padding: 30px}
.contact-page-form textarea.contact-msg{margin: 0px 0 0; background-color: #f1f1f1; border: 1px solid #f1f1f1}
.contact-page-form textarea.contact-msg:focus{outline:none; border: 1px solid #0d9347}
.contact-page-form label.no-show{display:none}
.write-us .row.contact-page-form{margin-top:40px}
.post-content figcaption{margin-top: -15px; font-size: 0.8rem}
.post-content h3, .post-content h4{font-weight:bold; margin-bottom: 20px; }
.post-content div.box h2{margin-bottom: 40px;}
.post-content .ignyte_faq h4{ font-family: "Roboto Condensed", sans-serif;font-size: 24px; }
.post-content h4{margin-top:20px; font-size:18px}
.post-content h3{line-height: 36px; font-size:24px}
.post-content h3+h4{margin-top:-15px;}
.post-content h3+p+h4{margin-top:15px;}

.post-content iframe{
	width: 100%;
    margin-top: 20px;
    margin-bottom: 20px}
.post-content blockquote h4{
    font-weight: 500;
    line-height: normal}
table .striped-table{width:100%}
.post-content table{width:100%; margin-top:50px; margin-bottom:50px;font-size:0.95rem}
table.certainteed-roof-table{margin-top: 10px; margin-bottom: 80px}
table.certainteed-roof-table .vh-middle{padding:0}
.post-content table i{font-size:0.85rem}
.post-content table table{margin-top:10px; margin-bottom:10px}
.post-content center{text-align:center}
.post-content table td.width-35{width: 35%; text-align: left;position:relative}
.post-content table td.width-35 img{width:85%}
.post-content table td.width-35 img.step-ladder{width:100%}
.post-content table td p.heading{text-align:center; margin-bottom:10px; font-weight:bold; text-transform:uppercase}
.post-content table td.blue{background: aliceblue}
.post-content table span.note{color:red}
.post-content .table>tbody>tr>td{border-bottom:transparent}
.post-content table .table-bordered>tbody>tr>td, tbody tr, .table>tbody>tr>td{border:transparent; border-bottom:transparent; border-top:transparent}
.post-content table table.table-bordered>tbody>tr>td{border:1px solid black; text-align: center}
.post-content div.box{background-color: #f1f1f1; padding:30px; margin-bottom:30px}
.post-content div.box p:last-of-type{margin-bottom:0}
.post-content div.box .ignyte_faq_toggle{color:#333}
.post-content div.box .btn{margin: 0;}
.post-content a.btn{color: #fff}
.post-content a.btn:hover{color:#0d9347}
.post-content .btn.btn-primary:hover, .post-content .btn:hover {color:#ffffff;}
.post-content .bottom-pagination a.btn:active {background-color: #0d9347;}
.post-content img.width-50{width:50%; margin-bottom:0}
.post-content .material-logo img{margin-bottom:10px}
.post-content .certificate-box{margin-bottom:100px}
.post-content .find-a-roofer-box{margin-bottom:50px}
.post-content .find-a-roofer-box img{margin:25px}
.post-content .box.find-a-roofer-box p{margin-bottom:15px; font-size:14px; line-height:inherit}
.post-content .box.find-a-roofer-box ul{ margin-bottom: 5px; font-size:14px; line-height:inherit}
.post-content .box.find-a-roofer-box ul li{ line-height:inherit; margin-top: 0}
.post-content .box.find-a-roofer-box ul.nobullets{ padding-left:0}
.post-content .box.find-a-roofer-box ul.nobullets li{ list-style:none}
.post-content .box.find-a-roofer-box .container{width: 100%}
.post-content .box.find-a-roofer-box .container .material-logo{width:50%}
.post-content .box.find-a-roofer-box .container .material-logo .material-logo-image{ margin-bottom: 0}
.post-content .box.find-a-roofer-box .container .material-logo .material-logo-image img{ margin: 25px auto 0}
.post-content .box.find-a-roofer-box .logos img{ max-width:140px}
.post-content .box.find-a-roofer-box .btn.btn-primary{ margin-top:0}
.post-content .supplies h3{margin-bottom:12px}
#sticky-sidebar .free-estimate a.contact, #sidebar-mobile .free-estimate a.contact{font-size:14px; text-decoration:underline}
#sticky-sidebar .free-estimate .contact-num, #sidebar-mobile .free-estimate .contact-num{font-size:14px; margin-top:0; text-align:center}
.post-content div.tip, .post-content p.bold{font-weight: 600}
.post-content p.bold{
	margin-top: -14px;
    margin-bottom: 0px;
    font-size: 15px}
.post-content .tip a{color: black; text-decoration: underline}
.blog-moreposts{margin: 0; padding: 70px 0}
.container-fluid.more-post{
	background-color: #f1f1f1;
    padding: 0;
    margin: 70px 0 0 0}
.post-content .col-md-4 .popupdata{margin-top: 20px}
.post-content .popupdata img.static{display:block}
.post-content .popupdata img.hover{display:none}
.post-content .popupdata:hover img.static{display:none}
.post-content .popupdata:hover img.hover{display:block}
.post-content .labelling{
	position: absolute;
    top: 11%;
    width: 50%;
    right: 0;
	right: 18%;
    text-align: center}
.post-content .labelling.ladder{
	top: 41%;
    right: -8%}
.post-content .labelling .border{    
    border-top: 3px solid #00a0c0;
    width: 70%;
    right: 9%}
.post-content .label-top{
	color: #e7443c;
    font-size: 14px;
    font-weight: 600;
    width: 50%;
	position: absolute;
    top: 16%;
    right: 12%;
    text-align: center}
.post-content .label-bottom{
	font-size: 14px;
    font-weight: 600;
    width: 50%;
	position: absolute;
    top: 38%;
    right: 12%;
    text-align: center}
.post-content .bottom-pagination a.btn:active{
    background-color: #0d9347}
.post-content .stepladder.label-bottom{width: 35%; top: 64%; right: 4%}
.post-content .stepladder.label-top{width: 36%; top: 47%; right: 4%}
.post-content hr{border-top: 1px solid #ccc; margin:30px 0}
.blog h3{padding-top: 0; margin-bottom: 40px; text-align:center}
.address-card{
	background-image:url(/wp-content/uploads/2021/09/customer-service-svgrepo-com.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display: inline-block;
    height: 100%;
    width: 100%;
    background-position: center center}
.close-cross{
	background-image:url(/wp-content/uploads/2021/09/close-cross-sign-in-a-square-button-svgrepo-com.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display: inline-block;
    height: 100%;
    width: 100%;
    background-position: center center}
.question{
	background-image:url(/wp-content/uploads/2021/09/help-question-svgrepo-com.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display: inline-block;
    height: 100%;
    width: 100%;
    background-position: center center}
.check-icon{
	background-image:url(/wp-content/uploads/2021/09/check-svgrepo-com.svg);
	background-size:contain;
	background-repeat:no-repeat;
	display: inline-block;
    height: 100%;
    width: 100%;
    background-position: center center}
.phone-icon{
	background-image:url(/wp-content/uploads/2021/09/phone-svgrepo-com.svg);
	background-size:60%;
	background-repeat:no-repeat;
	display: inline-block;
    height: 100%;
    width: 100%;
    background-position: center center}
.refresh-icon{
	background-image:url(/wp-content/uploads/2021/09/refresh-svgrepo-com.svg);
	background-size:60%;
	background-repeat:no-repeat;
	display: inline-block;
    height: 100%;
    width: 100%;
    background-position: center center}
.money-icon{
	background-image:url(/wp-content/uploads/2021/09/money-svgrepo-com.svg);
	background-size:70%;
	background-repeat:no-repeat;
	display: inline-block;
    height: 100%;
    width: 100%;
    background-position: center center}
.about-us .about-text .about-text-text h3{
	padding-top:0;
	font-family:"Roboto Condensed", sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #333333;
	margin-bottom:10px}
.featured-section .blog-img{
	height:75vh;
	position: relative;
	cursor:pointer;
	transition-timing-function: ease-in-out;
    transition: transform .25s}
a:hover .blog-img{
    transform: scale(1.1)}
.featured-section .blog-img:hover{
	transform: scale(1.03)}
.blog-overview-item .excerpt{
	margin-bottom:0}
.featured-section .blog-content{
    padding: 30px;
    height: auto;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.75);
	color:#ffffff;
	position: absolute;
    bottom: 30px;
    left: 30px;
    width: calc(100% - 60px)}
.blog .blog-posts{padding:0 0 60px 0}
.featured-section .blog-title{
	font-size:2rem;
	line-height: 44px;
    width: 75%}
a:hover .blog-content .blog-title{color: #FF8400; text-decoration: none}
a:hover .blog-content .blog-meta{color: #FF8400; text-decoration: none}

.our-services a:hover .service-box-img{
    transform: scale(1.08);
    transition: transform .25s}

.our-services a .service-box-img{
    transition: transform .25s}

.our-services a:hover .service-box-text h4{color: #FF8400}
.our-services a:hover .service-box-text p{color: #FF8400}

.featured-section .blog-content .blog-title{color:#ffffff; height:auto}
.featured-section:hover .blog-content .blog-title{color: #ffffff; text-decoration: underline}
.featured-section:hover .blog-content .blog-meta a{color:#ffffff}
.blog-overview-item{margin-bottom:0; height:auto!important}
.blog-overview-item:hover .blog-content p, .blog-overview-item:hover .blog-content a, .blog-overview-item:hover .blog-content span{color: #FF8400}
.featured-section{ margin-bottom: 30px}
.more-blog-post h4{line-height:29px; margin-bottom:5px; font-family:"Roboto Condensed", sans-serif}
.more-blog-post p{margin-bottom: 0;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-size: 12px; line-height: 22px;}
#sidebar .portfolio-image{
	background-image: url("/wp-content/uploads/2018/08/Kirkwood3.jpg");
	background-repeat:no-repeat;
	height:200px;
	background-size: cover}
#sidebar .flex-direction-nav{
	display:none}
#sidebar .sidebar-desc{padding:30px}
#sidebar a.btn{margin-top: 0;}
#sidebar p{margin-bottom:20px; margin-top:20px}
#sidebar a.btn:hover{color:#f1f1f1; background-color:#0d9347; border: 2px solid #0d9347}
.post-content .image-desktop{display:table-cell}
.image-mob{display: none}
.post-content a.icon{
	display:table}
.post-content a.icon i{
	padding-right: 10px;
    font-size: 30px;
    display: table-cell;
    vertical-align: middle}
.post-content .vh-middle{
	display: table-cell;
    vertical-align: middle}
.post-content .display-table{
	display:table}
.striped-table tr:nth-child(odd){
    background-color: #f1f1f1}
.striped-table tr:nth-child(1){
	background-color: #ccc}
ul.sliderImgService{
	padding-left: 0;
    list-style-type: none;
	display: inline-table;
	width: 100%}
ul.sliderImgService .small-image{height:90px; background-size: contain}
ul.sliderImgService li{
    display: inherit;
    width: 23%;
    margin-left: 1%;
    margin-bottom: 20px;
    margin-right: 1%;
	padding:3px;
	text-align:center}
ul.sliderImgService li.active{background-color: #0d9347; color: white}
ul.sliderImgService li:hover{background-color: #FF8400; color: white}
ul.sliderImgService .small-image{
    height: 90px;
	background-size: cover}
ul.sliderImgService li .smalltitle{font-size: 13px}
.slider-service{position:relative; margin-bottom:20px; height:445px}
.slider-service img{max-width:100%; max-height:100%}
.slider-service{max-width: 100%; max-height: 100%}
.caption_slider{
	position: absolute;
    top: 0;
    margin: 2%;
    border: 1px solid #ffffff;
    padding: 5px;
    background-color: #fff}
.link_slider {
	position: absolute;
    bottom: 50px;
    right:0px;
    margin: 2%;
    border: 1px solid #ffffff;
    padding: 5px;
    background-color: #fff;
    font-size:12px;
}
.slider-service .mainImg{
	height: 400px;
    background-repeat: no-repeat;
    background-size: cover}
.residential-composite-roofing{margin-top: 100px}
.category-posts{margin-top:50px; margin-bottom:50px}
.category-posts h2{text-align:center; margin-bottom: 50px}
.category-posts h3{margin-bottom:20px; margin-top:15px}
.category-posts img{margin-bottom:20px}
.category-posts .btn{margin-top:10px; margin-bottom:60px;}
.post-item .date{font-size: 15px}
.load_more_cities{clear:both; float:none}

/*New CSS*/
.color-listing .tab-content{border: none}
.color-list-nav ul.nav-tabs{border-bottom:none; margin-bottom: 1px}
.color-listing{background-color: #f1f1f1; margin-bottom: 0; padding-bottom: 50px}
.color-listing h3{color:#333333; text-align:center; margin-top:30px; margin-bottom:30px}
.color-list-nav .nav>li>a{background-color:#f1f1f1; color:#333333; border-radius:0}
.color-list-nav .nav-tabs>li>a, .color-list-nav .nav-tabs>li>a:focus, .color-list-nav .nav-tabs>li>a:visited{border:1px solid #f1f1f1; background-color:white; color:#333333}
.color-list-nav .nav-tabs>li.active>a{border-color: #f1f1f1; color: black; background-color: #f1f1f1}
#main-content .color-list-nav .nav-tabs>li>a:hover{background-color:#FF8400; color:#f1f1f1; border-color:#FF8400; text-decoration:none}
#main-content .color-list-nav .nav-tabs>li>a{text-decoration: none}
.service-page .service-appt-btn{display: block; margin-bottom:60px}
.row.service-page h2 {line-height: normal;}
.service-page .left-content .container{width:50%}
.service-appt-btn a{margin:0}
.service-page .left-content .container .logo-images{padding-bottom:0; margin-top:40px}
.color-list-nav{margin-top: 0}
.our-projects{margin-top:40px}
.page-roofing-projects-portfolio .our-projects{margin-top:0}
.container-fluid .content-container.inner-page h2{margin-top: -9px}

#tab_selector{
	color: black;
    background-color: #f1f1f1;
    border-radius: 0;
    margin: 20px 0;
    font-size: 1.125rem;
    padding: 10px;
    height: auto;
	letter-spacing: 0;
	background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat
}
#tab_selector option:hover{
	background-color: #0d9347;
    color: #fff;
    border: 2px solid #0d9347}
#tab_selector option:active, #tab_selector option:visited{
	background-color: #0d9347;
    color: #fff;
    border: 2px solid #0d9347}
ul.sliderImgService li .smalltitle{color:#333333;line-height:16px;
    display:block;margin:5px 0;}
ul.sliderImgService li.active .smalltitle{color:#f1f1f1}
.service-box{background-color: transparent; border:none; padding:0}
.service-box:hover{border:none}
.service-box h4{
	font-family:"Roboto Condensed", sans-serif;font-weight:700;
	font-style: normal;
	font-size: 24px;
	line-height: 28px;
	color: #333333;
	text-align:left;
	margin: 5px 0;
    padding-top: 0;
	text-transform: capitalize}
.service-box:hover h4, .service-box:hover p{color: #333333}
.service-box p{color:#333333;text-align:left; margin-bottom:0}
.home .why-us h3{margin-top:60px; text-align:center}
.write-us .margin-30{margin-top: 45px}
.contact-page-submit button, html .contact-page-submit input[type=button], .contact-page-submit input[type=reset], .contact-page-submit input[type=submit]{text-align: center; margin: 0 auto; margin-top: 45px; display:block}
#faq-page .ignyte_faq_toggle:hover{color: #FF8400}
.single-post .color-list-nav ul.nav-tabs{ margin-top:0}
.slider-service .smalldesc{ font-size:0.9rem; margin:8px 0 0 0}

.page-template-location-list-page .formsearch h2 {
	font-weight: 700;
    font-size: 50px;
    line-height: 61px;
    margin-bottom: 25px;
    margin-top: 0;
}
.page-template-location-list-page .formsearch .modal-body h2 {margin-top:0;}
.page-template-location-list-page .formsearch p {margin-top: 0;}
.page-template-location-list-page .formsearch .free-estimate-form h2 {
	margin-top:0;    
	font-size: 36px;
    line-height: 42px;
    margin-bottom: 30px;
	text-align:left;
}
.page-template-location-list-page .formsearch form {padding:0 30px;}
.page-template-location-list-page .free-estimate {padding:60px 0;}
.free-estimate-form .wpcf7-form-control-wrap {margin-bottom: 25px;display: block;}
.page-template-location-list-page .free-estimate-form .wpcf7-form-control-wrap input, .page-template-location-list-page .free-estimate-form .wpcf7-form-control-wrap textarea {height:auto; padding:0;}
.page-template-location-list-page form .wpcf7-spinner {
	position: absolute;
  right: 0;
  left: 0;
  margin: auto;
}
.page-template-location-list-page .formsearch form.wpcf7-form input[type="submit"] {
	width: 100%;
    background-color: #333;
    margin-top: 40px;
	text-transform: capitalize;
}
.page-template-location-list-page .free-estimate-form .wpcf7-form-control-wrap {display:block; margin-bottom:25px;}
.page-template-location-list-page .col-sm-12.col-md-4 {margin-top:60px;}
.page-template-location-list-page .formsearch p.eyebrow-text {margin-top: 15px;}
.page-template-location-list-page .formsearch .header-logo {width: 100%; height: 150px;}
.page-template-location-list-page .center .btn-primary.center {
	width: 100%;
    margin-top: 20px;
}
.page-template-location-list-page #see_more_project a.btn.btn-primary.roofing-btn {width: auto;}
.page-template-location-list-page .erromsg {margin-bottom: 20px;color: #dc3232;}
div#myModalgg:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}

#myModalgg .modal-dialog {
    min-width: auto;
    max-height: 90vh;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 0 auto;
    height: auto;
    width: 90vw;
    transform: none !important;
    max-width: 1218px;
}
#myModalgg .modal-content {
	width:100%;
	height:100%;
	background-color:#fff;
	color:#333;
}
#myModalgg .modal-body {padding:40px;}


/*Modal CSS - New*/
.modal.ignyte_notification{
	opacity: 1;
    background: rgba(0,0,0,.5);
    text-align: center;
    padding: 0!important}
.modal.ignyte_notification:before{
	content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px}
.modal.ignyte_notification .vertical-align-center{
	transform: translate(0);
    display: inline-block;
    text-align: left;
    vertical-align: middle}
.modal.ignyte_notification .inner-content{ padding: 70px 20px 30px 20px}
.modal.ignyte_notification .modal-dialog{
	margin: 30px auto;
    width: 100vw;
    max-width: 800px}
.modal.ignyte_notification .modal-content{
	background-color: transparent;
    border: transparent;
	position:relative;
	border: 10px solid #fff}
.modal.ignyte_notification .modal-header{
	background-color: transparent;
	background-color: transparent;
    position: absolute;
    z-index: 2;
    border-bottom: none;
    right: 2%}
.modal.ignyte_notification button{
	opacity: 1;
    letter-spacing: 1px;
    text-shadow: none;
    color: #000;
    font-size: 37px;
    font-weight: 300;
    line-height: normal;
    padding: 0;
	background-image: url(/wp-content/uploads/2020/03/x.svg);
    height: 36px;
    width: 42px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain}
.modal.ignyte_notification .modal-body{
	height: 600px;
    overflow: hidden;
    padding: 0}
.modal.ignyte_notification .padding-0{
	padding-left:0;
	padding-right:0}
.modal.ignyte_notification .modal-body .image{
	height: 475px;
	background-position: center;
    background-size: cover;
    background-repeat: no-repeat}
.modal.ignyte_notification .modal-body{
	background-color:white;
	padding:0;
    max-height: 475px;
    height: 475px;
	z-index:1}
.modal.ignyte_notification p{
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #000}
.modal.ignyte_notification p.green{font-size: 22px; font-weight: 600;	line-height: 24px; text-transform:uppercase; color:#45F4D6; margin-bottom: 20px; letter-spacing:1.3px}
.modal.ignyte_notification h1{font-size: 40px; line-height: 50px; margin-bottom: 20px}
.modal.ignyte_notification .btn-primary{margin-top: 40px; font-weight: 600}
.modal.ignyte_notification button:focus{outline:none}

/*Modal CSS ends*/

.sticky-phone-icon{
    position: fixed;
    bottom: 25px;
    right: 25px;
    transition: bottom 0.3s ease;
	z-index:1}
	
#bottom_counter:not([style*="opacity: 0"]) ~ .sticky-phone-icon {
  bottom: 85px;
}	
	
.phone-popup{background-color:#fff; padding:25px; box-shadow: 0px 0px 80px 6px rgba(0, 0, 0, 0.25); border-radius: 5px; margin-bottom:11px; display:none} 
.phone-popup p{max-width:198px; font-size: 12px; line-height: 14px}
.phone-popup-icon{
    background-image: url(/wp-content/uploads/2022/03/Call.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
	float:right;
	cursor: pointer;
	transition:0.75s;
}
.phone-popup-icon:hover{background-image: url(/wp-content/uploads/2022/03/Call_Hover.svg)}
.phone-popup .btn-primary.green{width: 198px; font-weight: 700; font-size: 18px; line-height: 40px; position:relative; padding: 0 26px; margin-bottom:0; margin-top:0}
.phone-popup .btn-primary.green span{
	line-height: 7px;
    font-size: 6px;
    position: absolute;
	bottom: 2px;
    right: 26px}
.closephonepopup{position: absolute; right: 8px; top: 5px; font-size: 14px; cursor:pointer}
.sticky-phone-icon.open .phone-popup-icon{background-image: url(/wp-content/uploads/2022/03/Close.svg)}
.sticky-phone-icon.open .phone-popup-icon:hover{background-image: url(/wp-content/uploads/2022/03/Close_Hover.svg)}
.sticky-phone-icon.close{opacity: 1}
.phone-popup h5{font-size:19px; font-weight:700}

/*06-02-2020*/

.show-mobile{display:none}
.modal.ignyte_notification .modal-header{z-index:9; min-height:0; padding: 24px; right: 0; top: 0}

/*August 21, 2020*/
.box.find-a-roofer-box .row .col-md-3 i.fa{
	line-height: 1.5;
    display: inline-block;
    vertical-align: middle}
.box.find-a-roofer-box .row{
    display: flex}
.box.find-a-roofer-box.faq .row .col-md-3 i.fa{display:block}
.post-content .box.find-a-roofer-box ul.nobullets.inline-list li{display:inline; margin-right:10px}
.box.find-a-roofer-box.faq h3{margin-bottom:0}
.box.find-a-roofer-box.faq hr{margin:10px 0}
.box.find-a-roofer-box.faq .ignyte_faq_toggle{top:-10px; color:#333; font-size:1.75rem}
.box.find-a-roofer-box.faq .ignyte_faq_toggle.faq-open{
    font-size: 1.25rem;
    top: -3px}
.box.find-a-roofer-box.faq .ignyte_faq_answer{
	padding: 5px 0;
    background-color: transparent;
    font-size: 14px;
    width: 90%}
.box.find-a-roofer-box.faq .ignyte_faq{margin-top:0}
.box.find-a-roofer-box.faq .ignyte_faq_question h3{font-size:1rem; line-height:26px; cursor:pointer}
.box.find-a-roofer-box .logos .row{
    display: block}
.post-content .find-a-roofer-box img{margin:0}
.post-content .find-a-roofer-box .logos img{margin:25px}

div#myModal:before{
	content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px}
div#myModal{
	text-align: center;
    padding: 0!important}
.modal-dialog{
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    margin: 30px auto}
.review-meta .votes{
	display: none}
#slider-wrapper_post_slide_first .flex-viewport .slides li div{padding-top: 56.25%; background-position: top center; background-size: cover; background-repeat: no-repeat}
#slider-wrapper_post_slide_first .flex-direction-nav a{border: 2px solid transparent}

#faq-page .ignyte_faq_toggle.faq-open{
    font-size: 23px;
    margin-top: 10px;
	right: 4px;
	font-weight:bold}
.faq hr{
    margin-top: 10px;
    margin-bottom: 10px}
.lazyloaded{
    /*opacity: 0;*/
    transition: none;
    transition-delay: unset}

.single-ignyte_project h1.title.black{line-height:2.5rem;margin-top:10px}
.withoutherobanner #main-content {padding-top:0}
.withoutherobanner .eyebrow-text {margin:60px 0 0 0;}


/* Hide Fancybox Video until requested*/
.fancybox-video {display: none; background-color: #333; color: #fff}
.fancybox-nav {top: 50%;height: 40%}
.fancybox-wrap {transform: translate3d(0%, 0%, 100px); position:fixed;z-index:99}
.fancybox-inner {height:auto!important}
.fancybox-inner .project-container {background-size: cover; padding-top: 60%; background-position: top center;}
a.fancybox-gallery img {position: absolute; top: 0; object-fit: cover; width:100%; height:100%; max-height:100%; transition: all ease-in 0.35s;}
a.fancybox-gallery:hover img {transform: scale(1.1);}
a.fancybox-gallery {display: block; padding-top: 0; position: relative; margin-bottom:0;}
.video_container {padding-top: 56.25%; position: relative;}
.fancybox-overlay.fancybox-overlay-fixed {position: absolute; top:-50px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); left: 0; bottom: 0; right: 0; overflow: hidden;z-index: 1;}
.fancybox-skin {padding: 0!important; border: 4px solid #fff}
.fancybox-video h3  {margin-bottom:10px; padding:15px 15px 0 15px; font-size: 28px; line-height: 36px;}
.fancybox-video p {
	margin-bottom:0; 
	padding: 0 15px 15px 15px;
}
.video-links {list-style: none; padding: 0;}
video {width:100%; height:auto; display:block; margin:60px 0;}
.fancybox-video video,.casestudyVideo video,video.no-margin {margin:0;}
video.no-top-margin {margin-top:0}
.top-margin {margin-top:15px}
.fancybox-lock {overflow: auto;}
.fancybox-lock #header-all, .fancybox-lock #wnb-bar {display:none;}
.fancybox-lock body {position:relative; height:100vh; overflow:auto;}
.fancybox-gallery h3 {
	font-weight: 700;
    font-size: 24px;
    letter-spacing: -.02em;
    line-height: 28px;
	margin-top:0;
}
.fancybox-gallery p.eyebrow-text {
	margin-top: 15px;
	margin-bottom:5px;
}
.fancybox-gallery h3 + p {
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    height: 55px;
    padding-bottom: 30px;
    font-size: 12px;
    line-height: 18px;
    margin-top: 5px;
	max-height:100%;
}
.fancybox-nav {
    display: block;
    width: 35px;
    height: 37px;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
	background-image: url(/wp-content/uploads/2022/07/fancybox_sprite.png);
}
.fancybox-nav.fancybox-prev {background-position: top -33px left; left: -15px;}
.fancybox-nav.fancybox-next {background-position: 1px -69px; right:-15px;}
.fancybox-close {
	background-image: url(/wp-content/uploads/2022/07/fancybox_sprite.png);
	height: 35px;
	width: 34px;
	display: inline-block;
	position: absolute;
	top: -15px;
	right: -12px;
	background-position: left top;
}
.gallery-list {margin-bottom:40px;}

.video-detail-page-button { border: #fff 3px solid; position: absolute;top:-73px;left: 0px;background-color: #0d9347;padding: 7px 28px 7px 63px;color: #fff;border-radius: 38px;background-image: url("/wp-content/uploads/2017/06/three-tree-roof-logo-mark-white.svg");background-repeat: no-repeat;background-size: 15%;background-position: 7px 5px; transition: .5s all;}
.video-detail-page-button:hover {background-color: #ff8400;}
.video-detail-page-button h6 {margin: 0px 0 0px 0;font-family:"Roboto Condensed", sans-serif;font-weight: 700;font-size: 16px;} 
.video-detail-page-button h5 {margin: 0;font-family:"Roboto Condensed", sans-serif;}
.fancybox-inner .video-detail-page-button a { text-decoration:none; transition: .5s all; }
.video-detail-page-button:hover a {color: #fff;}
.fancybox-video .video-detail-page-button a { padding:0; }

input.form-control.quicksearch.form-control:first-child {
    border: 1px solid #333;
    border-radius: 20px;
    height: 40px;
    color: #333;
}
.search-bar .input-group {
    position: relative;
}
.search-bar .input-group-append {
    position: absolute;
    right: 0;
    height: 40px;
    background-image: url(/wp-content/uploads/2022/07/Vector-13.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    width: 30px;
    background-position: right 10px center;
}
.search-bar .input-group-append button {display:none;}
#mobilefilterbutton {color:#333; padding:0;}
#mobilefilterbutton span {
	font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    display: inline-block;
    vertical-align:  middle;
}
#mobilefilterbutton svg {
	width: 18px;
	display: inline-block;
	vertical-align: middle;
}
input.form-control.quicksearch::placeholder {letter-spacing:0;}
input.form-control.quicksearch::-webkit-input-placeholder {letter-spacing:0;}
input.form-control.quicksearch:-ms-input-placeholder {letter-spacing:0;}
#mobilefilterbutton:active {outline: none;}
#mobilefilter {display:block!important; padding: 0; margin-top:-2px;}
#mobilefilter svg {width:17px;}
#mobilefilterbutton:hover {background-color:transparent;}
#mobilefilter li {padding: 0;}
#mobilefilter li a {text-decoration:none;}
#main-content #mobilefilter li a:hover {color:#fff; background-color: #FF8400;}
.gallery-list h1 {margin-bottom:30px;}
.roofing-videos-category {margin-top: 30px;}
.gallery-list .load-more {margin-top:60px;}
.gallery-list .project-header {margin-bottom:15px;}
.gallery-list .content-container.buttons {margin-top:60px;}


#myModalaward .modal-dialog {
	height: 100%;
    overflow: hidden;
    max-height: 70vh;
	width: auto;
}
#myModalaward .modal-content, #myModalaward .modal-body {
	height: 100%;
}
#myModalaward .modal-body img {
	max-height: 100%;
    width: auto;
	max-width: 100%;
	height: 100%;
}
#myModalaward .modal-header {
	position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
    height: 40px;
    z-index: 1;
    border: none;
}
#myModalaward .close {opacity:1;}
#myModalaward {text-align: center; padding: 0!important;}
div#myModalaward:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.need_curser img {cursor:pointer;}
.footer-award-logos div {cursor: pointer; transition:0.5s;}
li.menu-roofing-link {
	font-size: 18px;
    margin-top: 0;
    padding-top: 0;
}
li.menu-roofing-link a {font-size: 18px;}
#contact-office-locations {margin:60px 0 120px;}
#contact-office-locations h3.office-locations-title {margin-bottom:54px;}

/*Only for roofers near me template - fancybox*/
.single-ignyte_locations .fancybox-inner {max-width: 80vw; max-height: 95vh;width: auto!important;}
.single-ignyte_locations .fancybox-video video {width: 100%; max-height:1080px;}
.single-ignyte_locations .fancybox-inner img {width: auto; margin:0 auto;}
body.modal_popup_open { position:relative;}
.modal_popup_open header {display:none;}
.modal_popup_open #wnb-bar {display:none;}
.overpopup_click {display:none;}
#main-content .roofers-near-me-btn{width:100%;text-decoration:none;}
#main-content .roofers-near-me-btn:hover {color: #fff;}
/*.single-ignyte_locations .fancybox-overlay.fancybox-overlay-fixed { height: 200vh!important;}*/
.formsearch {margin-bottom:0;margin-top:30px}
.roofers-near + hr {margin:60px 0;}
.formsearch p {color: #000000;}
.formsearch input {background: #F1F1F1; border: none; box-shadow: none; height: 54px; padding: 0 15px; margin-right: -3px;}
.formsearch input[type="submit"] {
	background-color:#009247;
	font-size: 18px;
	line-height: 21px;
	color:#fff;
	font-family: 'Roboto condensed';
    font-style: normal;
    font-weight: 600;
    text-transform: uppercase;
	margin-right: 0;
}

.post-content div.box.red { background-color:#F00; color:#fff}

.how-much-does-a-new-roof-cost-faqs h3 { font-size: 16px;font-weight: 400;line-height: 24px;}
.post-content .how-much-does-a-new-roof-cost-faqs hr {margin:0;}
.how-much-does-a-new-roof-cost-faqs .ignyte_faq_toggle {color: #333;}
.post-content div.box.how-much-does-a-new-roof-cost-faqs p { margin-bottom:30px; }
.how-much-does-a-new-roof-cost-faqs .btn { margin:30px 0; }

.warranty-comparison div { text-align:center; }
.warranty-comparison-number { font-size:54px; font-weight:700; }
.warranty-comparison-text { font-weight:700; }

.sidebar-author { background-color: #f1f1f1; margin: 0 0 50px 10px; padding:0 0 1px; }
.sidebar-author img { width:100%; }
.sidebar-written-text { margin-top:30px; font-size:12px; padding:0 30px; }
.sidebar-author-name { padding:0 30px; margin-bottom:15px; font-size: 24px; font-weight: 700; font-family: "Roboto Condensed", sans-serif; }
#main-content p.sidebar-author-name a { text-decoration:none; }
.sidebar-author-text { padding:0 30px; margin-bottom:15px; font-size: 14px; line-height: 21px; max-height: 84px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.sidebar-author-link {padding:0 30px;}

.alm-btn-wrap button.alm-load-more-btn { font-size: 14px; font-family: "Roboto Condensed", sans-serif; font-style: normal; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; padding: 5px 25px 2px; }

.postid-8257 .post-content #threetreeroofing8328 .notificationlink { display:none; }
.postid-8257 #bottom_counter { display:none; }

.threetreeroofing-office-locations h3{margin:10px 0;}

@media (min-width:992px) {
	#mobilefilter {border: none; background-color: transparent; box-shadow: none;}
	#mobilefilter li {display:inline-block; margin:0 auto;}
	#mobilefilter a {
		font-family:"Roboto Condensed", sans-serif;
		font-weight: 700;
		font-style: normal;
		font-size: 20px;
		line-height: 23px;
		text-align: center;
		color: #fff;
		border: none;
		border-radius: 0;
		padding: 14px 25px;
		background-color: #333;
		transition: .5s all;
	}
	#mobilefilterbutton {display:none;}
	#mobilefilter {position:relative; z-index:0;}
	#mobilefilter li a {margin:0 10px;}
}

@media (max-width:991px) {
	#mobilefilter {display: none!important;}
	.dropdown:hover #mobilefilter {display: block!important;}
	.more-work-item-left .more-work-image {margin-bottom: 40px;}
	.formsearch {margin-bottom: 70px; margin-top: 0;}
	.formsearch input[type="submit"] {font-size:16px;}
	.page-template-location-list-page .formsearch .header-logo {margin-bottom:40px;}
	.free-estimate p {margin-bottom: 30px;}
}

@media (max-width: 768px){
	#sidebar-mobile{width: 50%; margin-top: 59px}
	.article-list .post{margin-top:40px}
	.featured-section .blog-content{width:100%; left:0}
	.post-content table{margin-top:0}
	.image-mob{display:block; text-align:center; margin-top:40px; position: relative}
	.post-content .label-top{width:34%; top: 16%; right: 16%}
	.post-content .label-bottom{width: 34%; right:16%}
	.post-content .stepladder.label-top{top: 42%; right: 16%; width: 25%}
	.post-content .stepladder.label-bottom{width: 25%; top: 64%; right: 16%}
	.post-content .image-desktop{display:none}
	.image-mob img{width:70%}
	.popupdata img{text-align:center; margin-left:0; margin-right:0}	
}

@media (max-width: 767px){
	.post-content{padding-right:0}
	.post-content ul li{line-height: 28px; margin-top: 5px}
	#sidebar-mobile{width:100%; margin-top:50px}
	#sidebar-mobile .free-estimate h3{font-size:2rem}
	.article-list .post{margin-top:0px}
	.post-content h3{line-height: 32px}
	.project-data .content{margin-top: 20px}
	.single-ignyte_locations .row.featured-post{margin-bottom: 0}
	.post-content .logos .row{display:block}
	.post-content .logos img{width:25%}
	.vh-center .col-sm-9{padding:0}
	
	.fancybox-wrap {width:92%!important; left: 4%!important;}
	.single-ignyte_locations .fancybox-inner {max-width:100%;}
	.roofer_near_me_new .temp2nd h2.title span{font-size:36px;}
	.fancybox-inner {width:100%!important;}
	.fancybox-video h3 {font-size: 20px; line-height: 32px;}
	.fancybox-video p {font-size:14px;}
	.fancybox-video h3 {margin-bottom: 5px; padding: 10px 15px 0 15px;}
	.gallery-list .project-header {margin-bottom: 0;}
	.testimonials .logos .col-lg-3, .logos .col-lg-4 {width: calc(100% /2);}
	
	#myModalaward .modal-dialog {
		height: auto;
		overflow: hidden;
		max-height: 100%;
		width: auto;
	}
	#myModalaward .modal-body img {
		max-height: 100%;
		width: auto;
		max-width: 100%;
		height: auto;
	}
	.testimonials .logos .col-lg-3, .home .logos .col-lg-4:first-child {width: 100%;}
	.roof-options-container {padding-top: 0;}
	.more-work-image .prev-link p.project-name, .more-work-image .next-link p.project-name {font-size: 18px;}
	.more-work-image .prev-link h6, .more-work-image .next-link h6 {font-size:12px;}
	.container.inner-page.quality-materials {padding: 0;}
	.free-estimate .phone-number {font-size: 35px;}
	.logos .logo-inner-white .logo-section {background-size: contain;}
	/*.logos .logo-inner-white:first-child .logo-section {background-size: 90%;}*/
	.testimonials .logos .logo-section {height: 10vw;}
	.page-template-location-list-page .formsearch.center p {text-align: left;}
}

@media (max-width: 767px){
	ul.sliderImgService li{
		width: 23%;
		margin-left: 1%}
	ul.sliderImgService .small-image{height:60px}
	.slider-service{
		min-height:30vh;height:auto;}
	.slider-service .mainImg{
		height:25vh}
	.color-listing h3{
		font-size:1.35rem;
		line-height: 1.7rem;
		margin-top:20px;
		margin-bottom:20px}
	.color-listing h3 span{display:block}
	ul.sliderImgService li .smalltitle{
		font-size: 10px}
	.service-box p{padding:15px}
	.post-content h3+h4 {
    margin-top: 15px;
}
}

@media (max-width: 767px) and (orientation: landscape){
	.slider-service{
		height: 55vh}
	.slider-service .mainImg{
		height:50vh}
	.color-listing h3 span{
		display: inline}
}

@media all and (max-width: 1250px){
	.video-detail-page-button {padding: 7px 20px 7px 45px; background-position: 7px 6px; top:-63px;}
	.video-detail-page-button h6 {font-size: 12px;} 
	.video-detail-page-button h5 {font-size: 18px;}
}

@media all and (max-width: 1025px){
	.modal.ignyte_notification .modal-body .right{padding: 60px 30px}
	.modal.ignyte_notification h1{font-size:30px; line-height:40px; margin-bottom:20px}
	.modal.ignyte_notification .btn-primary{margin-top: 25px}
}

@media (max-width: 768px){
	.modal.ignyte_notification img.navbar-logo{ display:block}
}

@media (max-width: 767px){
	.modal.ignyte_notification .modal-body .video{display:none}
	.modal.ignyte_notification .modal-body{background-color:#fff; height: auto}
	.show-desktop{display:none}
	.show-mobile{display:inline-block}
	.modal.ignyte_notification .modal-body .image{height:100px}
	.modal.ignyte_notification h1{font-size: 20px; font-weight: 400; line-height: 30px; margin-top:0; margin-bottom:10px}
	.modal.ignyte_notification p.green{ font-size:16px; line-height:20px; margin-bottom:10px}
	.modal.ignyte_notification .modal-dialog{width:85vw}
	.modal.ignyte_notification .modal-body .right{padding: 70px 35px 15px 35px; height:auto}
	.modal.ignyte_notification .btn-primary{margin-left:36px; margin-bottom:40px}
	.modal.ignyte_notification .modal-header{z-index:9; min-height:0; padding: 24px; right: 0; top: 0}	
	.modal.ignyte_notification button{ width:22px}
	.modal.ignyte_notification .inner-content{ padding: 50px 20px 10px 20px}
	.modal.ignyte_notification .navbar-logo{ height:70%; padding:5% 0}
}

@media (max-width: 550px){
	.modal.ignyte_notification .modal-dialog{ width:100vw; height: 100vh; margin:0}
	.modal.ignyte_notification .modal-content{ height: 100vh}
	.modal.ignyte_notification .modal-body{ max-height:none; height: 100vh}
	.modal.ignyte_notification p{ margin-bottom: 10px}
	.modal.ignyte_notification .btn.btn-primary{ display:none}
	
	.post-content .vh-center .col-md-3 img {max-width:50%;}
	
	#home-awards .row div { width: 33%; margin-bottom:15px; }
	#home-awards { margin-bottom:0;margin-right:0; }
	.page-template-page-fullwidth-home .textright, .col-md-6.col-sm-12.vh-center.align-right + .textright {padding-bottom:0;}
}

/* iPhoneX - Horizontal */
@media only screen and (min-device-height: 375px) and (max-device-width: 821px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1){
	.modal.ignyte_notification .modal-body .video{display:none}
	.modal.ignyte_notification .modal-body{background-color:#fff; height: auto}
	.show-desktop{display:none}
	.show-mobile{display:inline-block}
	.modal.ignyte_notification .modal-body .image{height:251px}
	.modal.ignyte_notification h1{font-size: 48px; font-weight: 900; line-height: 52px; margin-top:0; margin-bottom:25px}
	.modal.ignyte_notification .modal-dialog{width:85vw}
	.modal.ignyte_notification .modal-body .right{padding: 70px 35px 15px 35px; height:auto}
	.modal.ignyte_notification p.description{display:none}
	.modal.ignyte_notification .btn-primary{margin-left:36px; margin-bottom:40px}
	.modal.ignyte_notification .modal-header{z-index:9; min-height:0; padding:0; right: 20px; top: 10px}
	.video_available{display: block}
	.modal-body .col-sm-push-6{left:auto; width:100%}
	.modal-body .col-sm-pull-6{right:auto; width:100%}	
}

@media (max-width: 768px){
	.mm-opening #wnb-bar{display:none}
}

@media (max-width: 1199px){
	.box.find-a-roofer-box .row .col-md-3 i.fa{font-size:6em}
	.inline-list .btn{font-size:1rem}
	.post-content .find-a-roofer-box img{width:80%}
	.search-nav-wrap, ul#menu-main-menu, #main-nav-wrap a.navbar-brand-desktop img{height: 95px}
	#main-nav .navbar-nav>li{padding: 0 1vw}
	#main-nav .navbar-nav>li>a{font-size: 1.5vw}
	input#search{width:12vw}
	.nav-phone a{font-size:2vw}
	.banner .textright h1, .page-template-page-fullwidth-home .banner-content h1, .vh-center.align-right + .textright h1 {max-width:95%; font-size:42px; line-height:48px}
	.logos .col-lg-4:nth-child(2) .hovered-div {width: 130%; padding: 15px; left: -15%;}
}
@media (min-width:1190px){
	.home .col-md-6.col-sm-12.vh-center, .col-md-6.col-sm-12.vh-center.align-right {right:15px}
}
@media (max-width: 992px){
	.tabbable-line>.nav-tabs>li{margin-right: 0; font-size: 15px; width: 50%}
	.tabbable-line>.nav-tabs>li>a{display: inline-block; width:auto}
	.tabbable-line>.nav-tabs>li.active{border-bottom: transparent}
	.tabbable-line>.nav-tabs>li.active a{border-bottom: 2px solid #9a0f36}
	.tabbable-line>.tab-content{margin-top:25px}
}
@media (min-width:992px){
	.container{max-width:1600px; width:100%}
  .home .container:has(.logos){max-width:1170px;}
	#main-nav .navbar-nav>li{padding: 0 15px}
	#main-nav-wrap .container-fluid > .container{display: none}
}
@media (max-width: 991px){
	.article-list .post-content{width: 60%}
	.post-content{padding-right: 0}
	.post-template-default .container{ padding-right: 15px; padding-left: 15px; width:auto}
	.container-fluid{overflow:hidden;padding:0}
	.post-template-default header .container{padding-right: 30px; padding-left: 30px}
	.about-us{display:table; width:100%}
	.container-fluid > .content-container{display: block}
	.navbar-toggle .icon-bar, .scrolled .navbar-toggle .icon-bar{background: #333}
	.navbar-toggle:hover .icon-bar, .scrolled .navbar-toggle:hover .icon-bar{background: #FF8400}
	.search-nav-wrap, ul#menu-main-menu, #main-nav-wrap a.navbar-brand-mobile img, #main-nav-wrap a.navbar-brand-desktop img{height: auto; width: 150px; margin: 0;  margin-top: 5px; margin-bottom: 5px}
	footer ul#menu-main-menu{width:auto}
	.container-fluid > .content-container .row{margin-left:0; margin-right:0}
	.home .banner .col-md-push-6{padding-top: 60%; z-index: -1}
	.home .banner .row, .banner.video-parent .row {position:relative; margin-left: 0; margin-right: 0}
	.banner .textright{width: 100%; height: auto; top:0; left:0}	
	.banner .textright h1, .vh-center.align-right + .textright h1 {border-bottom: 2px solid transparent; padding-bottom: 0; max-width:425px}	
	.banner .textright h4{color:#fff}
	.page-template-page-fullwidth-home .banner-content{top: auto; left: 0; bottom: 0; right: auto; margin: 0;background-image:none}
	.logos .col-lg-2{margin-top: 30px}
	#main-nav-wrap.scrolled{padding: 0}
	.mm-opening #main-nav-wrap.scrolled{padding: 10px 0}	
	.btn-primary.green{display:block; margin-top:40px}
	.logos{margin-top: 0}
	.our-services.container.content-container{padding: 0 15px 20px 15px}
	.service-box p{padding: 0}
	.our-services .service-box{margin-bottom: 35px}
	.roofing-info{padding: 0}
	.our-services .roofing-btn{margin-top: 0; display:block}
	.our-services a.btn{display:block; padding: 15px 0; width: 100%; min-width:auto}
	.mm-opening .navbar-toggle .icon-bar, .mm-opening .scrolled .navbar-toggle .icon-bar{background-color: #ffffff}

	.mm-opening .navbar-toggle:hover .icon-bar, .mm-opening .scrolled .navbar-toggle:hover .icon-bar{background-color: #FF8400}	

	html.mm-opening .mm-menu.mm-top.mm-front{top: 130px}
	.mm-menu > .mm-list{padding: 30px 0 0}
	html.mm-opening img.navbar-logo-mobile{display:block}
	html.mm-opening img.navbar-logo-green{display:none}
	img.ls-is-cached.lazyloaded{margin-bottom: 30px}
	.service-appt-btn{text-align: center}
	.fullwidth-image .bg-image{padding-top:75%}
	.roof-options-container h3{text-align: center!important}
	.tabbed-inner-content .row .col-sm-12.col-md-6 img{margin: 7px 0 20px 3px}
	#header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled img.navbar-logo{margin-top:6px}
	#header-all.headroom--not-top.slideDown .navbar-header{margin:0; padding-bottom:0}
	.mm-opened #main-nav-wrap{ top: 0}
	#main-nav-wrap .row{margin-left:0; margin-right:0}
	#main-nav-wrap.scrolled .navbar-toggle{
		position: absolute;
		top: 0;
		bottom: 0;
		right:0;
		text-align: center}
	.mm-opening #main-nav-wrap a.navbar-brand-mobile img.navbar-logo{display:block}
	.mm-opening #main-nav-wrap a.navbar-brand-mobile img.navbar-logo-mobile{display:none}
	.about-us .about-text .about-text-text{padding:0}
	.about-us .row{margin-left:-15px; margin-right:-15px}
	.our-services a.btn.mobile-button{display:none; margin-bottom:60px}
	.our-services a.btn.desktop-button{display:none}
	.residential-section .btn.btn-primary.mobile-btn, .commercial-section .btn.btn-primary{display:block}
	.our-services .residential-section{margin-bottom:90px}
	.mobile_search{
		margin-top: 25px;
		display: inline-block;
		margin-left: 30px}
    .page-template-page-fullwidth-home .banner-content{position:relative}
	.before_banner_video {
		background-size: contain!important;
		background-repeat: no-repeat;
		background-position: left top!important;
		left: 0;
		margin-left: 0;
		width: 100%;
	}
	.home .banner .textright, .col-md-6.col-sm-12.vh-center.align-right + .textright {padding-top:0;}
	#videoModal .modal-body {padding:0}
	#videoModal .btn-close {
		float: right;
		background-color: transparent;
		border: none;
		font-size: 25px;
		color: #fff;
	}
	#videoModal .modal-header {position:absolute; right:15px; border-bottom: transparent; z-index:1;}
	#videoModal.modal:before {
		display: inline-block;
		vertical-align: middle;
		content: " ";
		height: 100%;
	}
	#videoModal .modal-dialog {
		display: inline-block;
		text-align: center;
		vertical-align: middle;
		-webkit-box-pack: center;
		transform: translate(0, -75%);
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		bottom: 0;
	}
	.home .col-md-6.col-sm-12.vh-center, .col-md-6.col-sm-12.vh-center.align-right {padding-top:60%; position:relative;}
	#header-all.headroom--not-top.slideDown .navbar-toggle .icon-bar {background:#333;}
	.headroom--not-top.slideDown .is-menu path.search-icon-path {fill: #333!important;}
	.mm-opening .headroom--not-top.slideDown .is-menu path.search-icon-path {fill: #fff!important;}
	.logos .col-lg-4:nth-child(2) .hovered-div {width: 110%; padding: 15px; left: -5%;}
	.logos .col-lg-4:nth-child(2) .hovered-div p {font-size: 14px;}
	.logos .col-lg-4:nth-child(2) .hovered-div a {font-size: 13px;}
	/*.videoModal .modal-dialog {
		width: 100%; 
		margin: 0;
		height: calc(100vh - 50px);
		margin-top: 50px;
	}
	.videoModal .modal-content {height:100%; box-shadow: none; border-radius: 0;}
	.videoModal .modal-header {border-bottom:transparent;}
	*/
	.testimonials {padding: 60px;}
	.page-dedicated-roofing-team .container.inner-page {padding: 0 30px;}
	.col-md-6.col-sm-12.vh-center.align-right + .textright {padding-top: 0;}
	#header-all.headroom--not-top.slideUp {top:120px;}
	.page-three-tree-roofing-kent-company-office h1 {margin-top:10px;}
	.col-md-6.col-sm-12.vh-center.align-right {margin-top: 0; margin-bottom: 25px;}
	.row.logos, .row.logos .vh-center {display: block;}
	.logos .logo-section {background-size:100%;}
	.page-template-location-list-page .vh-center {display:block;}
	.page-template-location-list-page .formsearch h2 {margin-bottom:20px;}
	.page-template-location-list-page .formsearch h2 {font-size: 40px; line-height: normal;}
	.page-template-location-list-page .roofers-near .formsearch form {text-align: center;}
	.page-template-location-list-page .formsearch.center {margin-bottom: 0;}
}
@media (min-width: 992px) and (max-width: 1199px){	
	div#our-process{width: 930px; margin-left: auto;  margin-right: auto}
	.step1, .step3, .step5, .step7{left: 265px}
	.step2, .step4, .step6, .step8{left: 465px}
	.container.why-us{padding: 0}	
}
@media (max-width: 860px){
	.flex-direction-nav .flex-next{opacity: 1; right: 0}
	.flex-direction-nav .flex-prev{opacity: 1; left: 0}
}

@media (min-width:768px){
	#menu ul.mm-list li.menu-item{width: 100%}
	.project a{margin-bottom: 0}
	.page-template-page-fullwidth-no-banner #main-content{padding-top: 50px; padding-bottom: 140px}
	.scrolled #main-nav .navbar-nav>li>a:hover, .scrolled #main-nav .navbar-nav>li:focus>a, .scrolled #main-nav .navbar-nav>li>a:focus, 
	.scrolled #main-nav .navbar-nav>li.current_page_item>a, .scrolled #main-nav .navbar-nav>li.current_page_parent>a, 
	.scrolled #main-nav .navbar-nav>li.current-page-ancestor>a{border-bottom-color: transparent}
	.testimonials .col-xs-12{padding: 0}
	.navbar-header{margin:0}
	#header-all{top:0}
	div#page{margin-top:50px}
	.navbar-header{position:relative}
	#main-nav-wrap .navbar-toggle{margin: 22px 0; padding: 0; right:0; position: absolute; bottom: 0; top: 0}
	.mm-opening #main-nav-wrap .navbar-toggle{margin: 30px 0}
	html.mm-opening .mm-menu.mm-top.mm-front{top: 118px}
	.mm-opening #header-all.headroom--not-top.slideDown #main-nav-wrap.scrolled{padding-top:0}
}

@media (max-width: 767px){
	.box.find-a-roofer-box .row{display: block}
	.post-content .find-a-roofer-box img{width:30%}
	.post-content .find-a-roofer-box .center img{margin-bottom: 25px}
	.post-content .box.find-a-roofer-box ul.nobullets.inline-list li{display: block}
	.post-content .box.find-a-roofer-box .logos img{
		max-width: 100%;
		width: auto;
		margin: 10px 10px 10px 0px;
		float: left}
	.post-content .box.find-a-roofer-box .btn.btn-primary{font-size:0.85rem}
	.box.find-a-roofer-box.faq .ignyte_faq_question h3{line-height: 28px}
	.post-content .find-a-roofer-box .material-logo-image img{width: auto}
	.blog-moreposts{padding: 30px}
	.blog-moreposts .container{padding-left: 0; padding-right: 0}
	.post-template-default .post-content{width: 100%}
	.post-template-default .blog-moreposts .article-list{margin-top: 0px}
	.more-blog-post p{margin-bottom: 20px}
	div#page{margin-top:36px}
	.post-template-default div#page-wrap .blog-moreposts .row.article-list{margin-left:-15px; margin-right:-15px}
	.post-content div.box{padding:10px}
	#slider-wrapper_post_slide_first .flex-viewport .slides li div{padding-top:80%}
	.flexslider:hover .flex-direction-nav .flex-prev{left:0}
	.flexslider:hover .flex-direction-nav .flex-next{right:0}
	.mm-opened .navbar-header{margin-top:0}
	.phone-popup{padding:25px}
	.phone-popup p{font-size: 16px; line-height: 22px; max-width: 275px}
	.phone-popup h5{font-size:20px}
	.phone-popup .btn-primary.green{width: 275px}
	.phone-popup .btn-primary.green span{right:57px}
	
	.single-ignyte_project h1.title, .single-ignyte_project h2.title{font-size: 30px; line-height: normal}
	.post-template-default header .container{padding-right: 15px; padding-left: 15px}
	.home .col-md-6.col-sm-12.vh-center, .col-md-6.col-sm-12.vh-center.align-right {float: none;}
	.container-fluid > .row{margin-left: 0; margin-right: 0}
	.container{padding:0 15px}
	.banner .container{padding:0}
	.btn.btn-primary, .btn{font-size: 16px; line-height: 18px}
	#wnb-bar span{font-size: 14px; line-height: 16px;padding:10px 0; margin:0 5px;}
	#wnb-bar a.wnb-bar-button{font-size: 11px; line-height: 13px; padding: 2px 10px}
	div#wnb-bar{height: 36px}
	.mm-opening #wnb-bar{display:block}
	html.mm-opening .mm-menu.mm-top.mm-front{top: 95px}
	.mm-opening #main-nav-wrap.scrolled{padding: 0}
	#header-all{margin-top: 36px; height: 69px}
	.banner .textright h1, .vh-center.align-right + .textright h1{font-size: 30px; line-height: 35px; max-width:340px}
	img.navbar-logo-mobile{display: none}
	img.navbar-logo-green{margin-top:5px}
	.navbar-header{margin-top: 0}
	.logos .col-lg-2, .logos{margin-top: 20px}
	.logos .logo-section{background-size: contain; height: 45px}
	.btn-primary.green{padding: 9px 0; font-size: 18px; line-height: 21px; margin-top:30px; margin-bottom:25px}
	.video-content-home, video{width: 100%; height: auto; object-fit: cover;max-width: 100%; margin:0}
	.home .banner .banner-image-home{height: auto; padding-top:0px; background-position:top; width:100%}
	.home .banner .col-md-push-6{padding-top: 0; padding:0}
	.banner .textright h4, .page-template-page-fullwidth-home .banner-content h4{font-size: 18px; line-height: 21px;color:#333}
	.page-template-page-fullwidth-home .textright, .col-md-6.col-sm-12.vh-center.align-right + .textright {order: -1; padding: 0 15px 15px;}
	.home .banner-content .content, .col-md-6.col-sm-12.vh-center.align-right + .textright .content{width:100%; margin-left:0}	
	h3.nobottommargin, h3{margin-bottom: 15px; font-size: 28px; line-height: normal}
	.our-services h3.nobottommargin{text-align:left; padding:0 15px}
	.our-services .excerpt{margin-bottom:30px}
	.our-services.container.content-container{padding:10px 15px; margin-top:0}
	.our-services .excerpt{text-align:left}
	.our-services .roofing-btn{margin-top: 0}
	.service-box h4{font-size:18px; line-height:21px}
	.service-box-img{margin-left:-15px; margin-right:-15px}
	.blog-img{margin-left:-15px; margin-right:-15px}
	.roofing-info a.btn.btn-primary{display: block; margin: 0 15px}
	.faq{padding: 75px 0}
	.about-us .about-text .about-text-text h4{font-size:18px; line-height:21px; margin-top:5px}
	.about-us .about-text .about-text-text{padding: 15px 0px; display: block}
	.about-us .about-text{display: block; height: auto}
	.about-us .about-text .about-text-text a.btn{padding: 15px 0;  display: block}
	#faq-page .btn-white{width:calc(100% - 30px)}
	.free-estimate input[type="button"]{width:100%}
	.filtername{font-size: 15px; padding: 14px 12px}
	.about-us-video{padding: 0}
	.our-projects{margin: 60px 0 60px 0}	
	.roof-option h4{padding:0}
	.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{padding:10px 15px; text-decoration: none}
	.nav-tabs>li>a{padding: 10px 15px}
	ul.nav.nav-tabs, .tab-content{margin-left: -15px; margin-right: -15px}
	.color-listing .tab-content{margin-left:0; margin-right:0}
	p.project-excerpt{height:auto}
	#sticky-sidebar .free-estimate h3, #sidebar-mobile .free-estimate h3{margin-bottom:25px}
	#sticky-sidebar .free-estimate a, #sidebar-mobile .free-estimate a{margin-bottom: 30px; margin-top: 0}
	#main-nav-wrap.scrolled .navbar-toggle{margin: 21px 15px 17px 0; right:0}
	#header-all.headroom--not-top.slideDown{top:35px;}
	#header-all.headroom--not-top.slideUp{padding-top: 68px; top:105px;}
	.mm-opening .headroom--not-top.slideDown .is-menu path.search-icon-path{fill: #fff!important;}
	#header-all.headroom--not-top.slideUp .container-fluid{background-color:#fff}
	.mm-opening #header-all.headroom--not-top.slideUp .container-fluid{background-color:#0d9347}
	#header-all.headroom--not-top.slideDown .navbar-toggle .icon-bar{color:#333}
	div#hide_testimonial{margin-bottom: 20px}
	.testimonials #expend_button .btn, .testimonials .btn{display: block; width:inherit}
	div.project:hover .project-container{transform: none}
	.flipcard-label{margin-bottom:20px}
	#our-process .container{padding:0 15px}
	#our-process .container video{margin-bottom:20px}
	.singleslider .col-md-12{padding:0}
	.about-us .about-img{width: 100vw}	
	.hovered-div{left:15%; width:fit-content}
	.our-services-home{padding: 0 15px}
	.about-us-video .col-sm-12.col-md-6:first-child{padding-left: 0; padding-right: 0}
	.our-services-home .service-box{margin: 0}
	.mm-list a.mm-subclose{margin-top:-30px}
	.roof-option .roof-option-img{width: 100vw; margin-left: -30px}
	.roof-option{padding:0; margin:0}
	.roof-options-container .col-md-4{padding-bottom: 40px}
	.roof-options-container .col-md-4:last-child{padding-bottom: 0}
	.roof-options-container .row{padding-left:0; padding-right:0}
	.project-data .project-title{height: auto}
	.service-page img{margin-bottom: 20px}
	.page-template-page-fullwidth-service-new .service-page img{margin-bottom:0}
	.logos .col-lg-3{height: 90px}
	ul#menu-main-menu{width:100%}
	.our-services h1{padding:0 15px}
	.about-us-video .btn-primary{margin-left: auto; display: table; margin-right: auto}
	.write-us .col-xs-4{padding: 0}
	.write-us .margin-30{margin-top: 30px}
	.padding-0{padding-left: 0; padding-right: 0; margin-bottom: 20px}
	#financing-options .padding-0{margin-bottom:30px}
	.is-form-style.is-form-style-3 label{width: calc(100% - 50px)!important}
	blockquote{padding-left:20px}
	.banner-content img{max-width: 80vw}
	.service-page .mobileview{display:block}
	.page-template-page-fullwidth-service-new .service-page #sidebarouter .video-content video{display: none!important;}
	.logos .col-lg-4:nth-child(2) .hovered-div {width: 100%; padding: 10px; left: -2%;}
	.logos .col-lg-4:nth-child(2) .logo-section {height: 110px;}
	a.btn-primary.padding50 {margin: 25px auto;}
	.footer-award-logos div {width: calc(100% / 6.3);}
	.footer-award-logos div:first-child {background-size: 70px;}
	.page-dedicated-roofing-team .container.inner-page .padding-0 {padding-left:15px; padding-right:15px;}
	.page-dedicated-roofing-team .container.inner-page {padding: 0 15px;}
	.testimonials {padding:60px 15px;}	
	.contact-page-form textarea.contact-msg {max-height:150px;}
    .write-us .row.contact-page-form{margin-top:0}
	.vh-center.align-right + .textright h1 {margin-top:0px;}
	.project-title {font-size: 25px;}
	.single #main-content {padding-top: 40px;}
	.lead-copy h1, .lead-copy h2, .lead-copy h3, .lead-copy h4, .page-title, h1 {margin-bottom:30px;}
	.post-content img {margin-bottom: 30px;max-width: 100%;object-fit: contain;width: auto; margin: 0 auto 30px auto; text-align: center; vertical-align: middle; display: block;}
	#threetreeroofing8328 img.navbar-logo { display:none; }
	.page-three-tree-roofing-kent-company-office iframe, .page-three-tree-roofing-seattle-company-office iframe, .page-three-tree-roofing-bellevue-company-office iframe {margin:0}
	#contact-office-locations {margin:0}
	.certified-roofers {margin-bottom:0;}
	#contact-office-locations h3.office-locations-title {margin-bottom:30px;}
	.residential-section{margin-top:15px}
	.residential-section,.commercial-section {padding:0;}
	.flipcard-container li .cardWrapper .cardContainer .cardFaceFront{position:relative;top:40px;left:auto;-ms-transform:none;transform:none;}	
	.excerpt {margin-bottom:15px; padding:0}
	.container.why-us{padding: 0 15px; margin:0;}
	.video-detail-page-button h5 {font-size: 18px;}	
	.our-services .service-box-text{padding: 0 15px;}
	.map-wrapper {padding-top: 100%;}
	.page-template-location-list-page .formsearch h2, .page-template-location-list-page .formsearch .free-estimate-form h2 {font-size: 30px; line-height: normal;}
	.page-template-location-list-page h3 + p.center {text-align: left;}
}
@media (max-width:575px) {	
	.footer-award-logos div {background-size: 115px; width: calc(100% / 2.2); margin-bottom:20px;}
	.flipcard-container li .cardWrapper .cardContainer .cardFaceFront{top:30px;}
	.video-detail-page-button {padding: 4px 16px 4px 33px; background-position: 7px 6px; background-size:13%; }
	.video-detail-page-button h6 {font-size: 10px;} 
	.video-detail-page-button h5 {font-size: 14px;}	
		
}
@media (max-width:500px){
	#wnb-bar span{font-size: 12px}
	#wnb-bar a.wnb-bar-button{font-size: 10px}
	.menu-roofing-link a {font-size: 20px;}
	.video-detail-page-button {top: -48px; left:0; }
	.page-template-location-list-page .roofers-near .formsearch form {text-align: center; width: 100%; display: flex;  padding: 0;}
	.page-template-location-list-page .roofers-near .formsearch .free-estimate form {padding: 0 15px;}
	.page-template-location-list-page .roofers-near .formsearch input[type="text"] {width: 65%; display: inline-block;}
	.page-template-location-list-page .roofers-near .formsearch .free-estimate input[type="text"] {width: 100%;}
	.page-template-location-list-page .roofers-near .formsearch input[type="submit"] {width: 35%; display: inline-block;}
}

.rank-math-analytics-close-stats svg {display:none;}
.image_caption{margin-top:-15px;margin-bottom:30px}
p.casestudy-textcontent{font-size:14px;line-height:21px}
.fancybox-inner a, .single-ignyte_customposts .post-content a {text-decoration:underline}



/**
  * Demo https://speckyboy.com/code-snippets-css3-bar-graphs/
  * --------------------------------------------------
  */
*,
*:before,
*:after {
  box-sizing: border-box;
}

#chart-1 {
  width: 90%;
  height: 350px;
}

#chart-2 {
  width: 90%;
  height: 350px;
}
/**
  * Chart container
  * --------------------------------------------------
  */
.metric-chart {
  position: relative;
  margin: 40px auto 0;
}
/**
  * Chart list reset
  * --------------------------------------------------
  */
.y-axis-line-list,
.x-axis-line-list,
.y-axis-label-list,
.x-axis-label-list,
.y-axis-bar-list,
.x-axis-bar-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
.y-axis-line-list:before,
.x-axis-line-list:before,
.y-axis-label-list:before,
.x-axis-label-list:before,
.y-axis-bar-list:before,
.x-axis-bar-list:before,
.y-axis-line-list:after,
.x-axis-line-list:after,
.y-axis-label-list:after,
.x-axis-label-list:after,
.y-axis-bar-list:after,
.x-axis-bar-list:after {
  display: table;
  content: " ";
}
.y-axis-line-list:before:after,
.x-axis-line-list:before:after,
.y-axis-label-list:before:after,
.x-axis-label-list:before:after,
.y-axis-bar-list:before:after,
.x-axis-bar-list:before:after,
.y-axis-line-list:after:after,
.x-axis-line-list:after:after,
.y-axis-label-list:after:after,
.x-axis-label-list:after:after,
.y-axis-bar-list:after:after,
.x-axis-bar-list:after:after {
  clear: both;
}
/**
  * X & Y lines
  * --------------------------------------------------
  *
  * Recommended usage:
  *
  * <div class="{ y|x }-axis"></div>
  *
  */
.y-axis,
.x-axis {
  position: absolute;
  bottom: 50px;
  left: 50px;
}
.y-axis {
  top: 0;
  right: auto;
  width: 1px;
  background-color: #434a54;
}
.x-axis {
  top: auto;
  right: 0;
  height: 1px;
  background-color: #434a54;
}
/**
  * X & Y target lines
  * --------------------------------------------------
  *
  * Recommended usage:
  *
  * <div class="{ y|x }-axis-target">
  *   <span class="{ y|x }-axis-target-line">
  *     <span class="{ y|x }-axis-target-line-label" data-label="{ label }"></span>
  *   </span>
  * </div>
  *
  */
.y-axis-target,
.x-axis-target {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 51px;
  left: 51px;
}
.y-axis-target > .y-axis-target-line,
.x-axis-target > .y-axis-target-line,
.y-axis-target > .x-axis-target-line,
.x-axis-target > .x-axis-target-line {
  position: absolute;
}
.y-axis-target > .y-axis-target-line {
  top: 0;
  right: auto;
  bottom: 0;
  left: 190px;
  width: 0;
  border-right: 1px dashed #da4453;
}
.y-axis-target-line-label {
  position: absolute;
  top: -18px;
  right: 0;
  width: 100px;
  text-align: right;
}
.y-axis-target-line-label:after {
  content: attr(data-label);
  color: #da4453;
  font-size: 12px;
  line-height: 1;
}
.x-axis-target > .x-axis-target-line {
  top: auto;
  right: 0;
  bottom: 170px;
  left: 0;
  height: 0;
  border-bottom: 1px dashed #da4453;
}
.x-axis-target-line-label {
  position: absolute;
  top: -9px;
  right: -50px;
  width: 40px;
  text-align: left;
}
.x-axis-target-line-label:after {
  content: attr(data-label);
  color: #da4453;
  font-size: 12px;
  line-height: 1;
}
/**
  * X axis background lines
  * --------------------------------------------------
  *
  * Recommended usage:
  *
  * <ul class="x-axis-bar-list count-{ count }">
  *   <li class="x-axis-bar-item">
  *     <span class="x-axis-line"></span>
  *   </li>
  * </ul>
  *
  */
.x-axis-line-list {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 51px;
  left: 50px;
}
.x-axis-line-item {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
}
.count-1 .x-axis-line-item:nth-of-type(1) {
  right: 0%;
  left: 0%;
}
.count-2 .x-axis-line-item:nth-of-type(1) {
  right: 50%;
  left: 0%;
}
.count-2 .x-axis-line-item:nth-of-type(2) {
  right: 0%;
  left: 50%;
}
.count-3 .x-axis-line-item:nth-of-type(1) {
  right: 66.66666667%;
  left: 0%;
}
.count-3 .x-axis-line-item:nth-of-type(2) {
  right: 33.33333333%;
  left: 33.33333333%;
}
.count-3 .x-axis-line-item:nth-of-type(3) {
  right: 0%;
  left: 66.66666667%;
}
.count-4 .x-axis-line-item:nth-of-type(1) {
  right: 75%;
  left: 0%;
}
.count-4 .x-axis-line-item:nth-of-type(2) {
  right: 50%;
  left: 25%;
}
.count-4 .x-axis-line-item:nth-of-type(3) {
  right: 25%;
  left: 50%;
}
.count-4 .x-axis-line-item:nth-of-type(4) {
  right: 0%;
  left: 75%;
}
.count-5 .x-axis-line-item:nth-of-type(1) {
  right: 80%;
  left: 0%;
}
.count-5 .x-axis-line-item:nth-of-type(2) {
  right: 60%;
  left: 20%;
}
.count-5 .x-axis-line-item:nth-of-type(3) {
  right: 40%;
  left: 40%;
}
.count-5 .x-axis-line-item:nth-of-type(4) {
  right: 20%;
  left: 60%;
}
.count-5 .x-axis-line-item:nth-of-type(5) {
  right: 0%;
  left: 80%;
}
.count-6 .x-axis-line-item:nth-of-type(1) {
  right: 83.33333333%;
  left: 0%;
}
.count-6 .x-axis-line-item:nth-of-type(2) {
  right: 66.66666667%;
  left: 16.66666667%;
}
.count-6 .x-axis-line-item:nth-of-type(3) {
  right: 50%;
  left: 33.33333333%;
}
.count-6 .x-axis-line-item:nth-of-type(4) {
  right: 33.33333333%;
  left: 50%;
}
.count-6 .x-axis-line-item:nth-of-type(5) {
  right: 16.66666667%;
  left: 66.66666667%;
}
.count-6 .x-axis-line-item:nth-of-type(6) {
  right: 0%;
  left: 83.33333333%;
}
.count-7 .x-axis-line-item:nth-of-type(1) {
  right: 85.71428571%;
  left: 0%;
}
.count-7 .x-axis-line-item:nth-of-type(2) {
  right: 71.42857143%;
  left: 14.28571429%;
}
.count-7 .x-axis-line-item:nth-of-type(3) {
  right: 57.14285714%;
  left: 28.57142857%;
}
.count-7 .x-axis-line-item:nth-of-type(4) {
  right: 42.85714286%;
  left: 42.85714286%;
}
.count-7 .x-axis-line-item:nth-of-type(5) {
  right: 28.57142857%;
  left: 57.14285714%;
}
.count-7 .x-axis-line-item:nth-of-type(6) {
  right: 14.28571429%;
  left: 71.42857143%;
}
.count-7 .x-axis-line-item:nth-of-type(7) {
  right: 0%;
  left: 85.71428571%;
}
.count-8 .x-axis-line-item:nth-of-type(1) {
  right: 87.5%;
  left: 0%;
}
.count-8 .x-axis-line-item:nth-of-type(2) {
  right: 75%;
  left: 12.5%;
}
.count-8 .x-axis-line-item:nth-of-type(3) {
  right: 62.5%;
  left: 25%;
}
.count-8 .x-axis-line-item:nth-of-type(4) {
  right: 50%;
  left: 37.5%;
}
.count-8 .x-axis-line-item:nth-of-type(5) {
  right: 37.5%;
  left: 50%;
}
.count-8 .x-axis-line-item:nth-of-type(6) {
  right: 25%;
  left: 62.5%;
}
.count-8 .x-axis-line-item:nth-of-type(7) {
  right: 12.5%;
  left: 75%;
}
.count-8 .x-axis-line-item:nth-of-type(8) {
  right: 0%;
  left: 87.5%;
}
.count-9 .x-axis-line-item:nth-of-type(1) {
  right: 88.88888889%;
  left: 0%;
}
.count-9 .x-axis-line-item:nth-of-type(2) {
  right: 77.77777778%;
  left: 11.11111111%;
}
.count-9 .x-axis-line-item:nth-of-type(3) {
  right: 66.66666667%;
  left: 22.22222222%;
}
.count-9 .x-axis-line-item:nth-of-type(4) {
  right: 55.55555556%;
  left: 33.33333333%;
}
.count-9 .x-axis-line-item:nth-of-type(5) {
  right: 44.44444444%;
  left: 44.44444444%;
}
.count-9 .x-axis-line-item:nth-of-type(6) {
  right: 33.33333333%;
  left: 55.55555556%;
}
.count-9 .x-axis-line-item:nth-of-type(7) {
  right: 22.22222222%;
  left: 66.66666667%;
}
.count-9 .x-axis-line-item:nth-of-type(8) {
  right: 11.11111111%;
  left: 77.77777778%;
}
.count-9 .x-axis-line-item:nth-of-type(9) {
  right: 0%;
  left: 88.88888889%;
}
.count-10 .x-axis-line-item:nth-of-type(1) {
  right: 90%;
  left: 0%;
}
.count-10 .x-axis-line-item:nth-of-type(2) {
  right: 80%;
  left: 10%;
}
.count-10 .x-axis-line-item:nth-of-type(3) {
  right: 70%;
  left: 20%;
}
.count-10 .x-axis-line-item:nth-of-type(4) {
  right: 60%;
  left: 30%;
}
.count-10 .x-axis-line-item:nth-of-type(5) {
  right: 50%;
  left: 40%;
}
.count-10 .x-axis-line-item:nth-of-type(6) {
  right: 40%;
  left: 50%;
}
.count-10 .x-axis-line-item:nth-of-type(7) {
  right: 30%;
  left: 60%;
}
.count-10 .x-axis-line-item:nth-of-type(8) {
  right: 20%;
  left: 70%;
}
.count-10 .x-axis-line-item:nth-of-type(9) {
  right: 10%;
  left: 80%;
}
.count-10 .x-axis-line-item:nth-of-type(10) {
  right: 0%;
  left: 90%;
}
.x-axis-line {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  border-right: 1px solid #ccd1d9;
}
/**
  * Y axis background lines
  * --------------------------------------------------
  *
  * Recommended usage:
  *
  * <ul class="y-axis-bar-list count-{ count }">
  *   <li class="y-axis-bar-item">
  *     <span class="y-axis-line"></span>
  *   </li>
  * </ul>
  *
  */
.y-axis-line-list {
  position: absolute;
  top: 10px;
  right: 0;
  bottom: 50px;
  left: 51px;
}
.y-axis-line-item {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.count-1 .y-axis-line-item:nth-of-type(1) {
  bottom: 100%;
}
.count-2 .y-axis-line-item:nth-of-type(1) {
  bottom: 50%;
}
.count-2 .y-axis-line-item:nth-of-type(2) {
  bottom: 100%;
}
.count-3 .y-axis-line-item:nth-of-type(1) {
  bottom: 33.33333333%;
}
.count-3 .y-axis-line-item:nth-of-type(2) {
  bottom: 66.66666667%;
}
.count-3 .y-axis-line-item:nth-of-type(3) {
  bottom: 100%;
}
.count-4 .y-axis-line-item:nth-of-type(1) {
  bottom: 25%;
}
.count-4 .y-axis-line-item:nth-of-type(2) {
  bottom: 50%;
}
.count-4 .y-axis-line-item:nth-of-type(3) {
  bottom: 75%;
}
.count-4 .y-axis-line-item:nth-of-type(4) {
  bottom: 100%;
}
.count-5 .y-axis-line-item:nth-of-type(1) {
  bottom: 20%;
}
.count-5 .y-axis-line-item:nth-of-type(2) {
  bottom: 40%;
}
.count-5 .y-axis-line-item:nth-of-type(3) {
  bottom: 60%;
}
.count-5 .y-axis-line-item:nth-of-type(4) {
  bottom: 80%;
}
.count-5 .y-axis-line-item:nth-of-type(5) {
  bottom: 100%;
}
.count-6 .y-axis-line-item:nth-of-type(1) {
  bottom: 16.66666667%;
}
.count-6 .y-axis-line-item:nth-of-type(2) {
  bottom: 33.33333333%;
}
.count-6 .y-axis-line-item:nth-of-type(3) {
  bottom: 50%;
}
.count-6 .y-axis-line-item:nth-of-type(4) {
  bottom: 66.66666667%;
}
.count-6 .y-axis-line-item:nth-of-type(5) {
  bottom: 83.33333333%;
}
.count-6 .y-axis-line-item:nth-of-type(6) {
  bottom: 100%;
}
.count-7 .y-axis-line-item:nth-of-type(1) {
  bottom: 14.28571429%;
}
.count-7 .y-axis-line-item:nth-of-type(2) {
  bottom: 28.57142857%;
}
.count-7 .y-axis-line-item:nth-of-type(3) {
  bottom: 42.85714286%;
}
.count-7 .y-axis-line-item:nth-of-type(4) {
  bottom: 57.14285714%;
}
.count-7 .y-axis-line-item:nth-of-type(5) {
  bottom: 71.42857143%;
}
.count-7 .y-axis-line-item:nth-of-type(6) {
  bottom: 85.71428571%;
}
.count-7 .y-axis-line-item:nth-of-type(7) {
  bottom: 100%;
}
.count-8 .y-axis-line-item:nth-of-type(1) {
  bottom: 12.5%;
}
.count-8 .y-axis-line-item:nth-of-type(2) {
  bottom: 25%;
}
.count-8 .y-axis-line-item:nth-of-type(3) {
  bottom: 37.5%;
}
.count-8 .y-axis-line-item:nth-of-type(4) {
  bottom: 50%;
}
.count-8 .y-axis-line-item:nth-of-type(5) {
  bottom: 62.5%;
}
.count-8 .y-axis-line-item:nth-of-type(6) {
  bottom: 75%;
}
.count-8 .y-axis-line-item:nth-of-type(7) {
  bottom: 87.5%;
}
.count-8 .y-axis-line-item:nth-of-type(8) {
  bottom: 100%;
}
.count-9 .y-axis-line-item:nth-of-type(1) {
  bottom: 11.11111111%;
}
.count-9 .y-axis-line-item:nth-of-type(2) {
  bottom: 22.22222222%;
}
.count-9 .y-axis-line-item:nth-of-type(3) {
  bottom: 33.33333333%;
}
.count-9 .y-axis-line-item:nth-of-type(4) {
  bottom: 44.44444444%;
}
.count-9 .y-axis-line-item:nth-of-type(5) {
  bottom: 55.55555556%;
}
.count-9 .y-axis-line-item:nth-of-type(6) {
  bottom: 66.66666667%;
}
.count-9 .y-axis-line-item:nth-of-type(7) {
  bottom: 77.77777778%;
}
.count-9 .y-axis-line-item:nth-of-type(8) {
  bottom: 88.88888889%;
}
.count-9 .y-axis-line-item:nth-of-type(9) {
  bottom: 100%;
}
.count-10 .y-axis-line-item:nth-of-type(1) {
  bottom: 10%;
}
.count-10 .y-axis-line-item:nth-of-type(2) {
  bottom: 20%;
}
.count-10 .y-axis-line-item:nth-of-type(3) {
  bottom: 30%;
}
.count-10 .y-axis-line-item:nth-of-type(4) {
  bottom: 40%;
}
.count-10 .y-axis-line-item:nth-of-type(5) {
  bottom: 50%;
}
.count-10 .y-axis-line-item:nth-of-type(6) {
  bottom: 60%;
}
.count-10 .y-axis-line-item:nth-of-type(7) {
  bottom: 70%;
}
.count-10 .y-axis-line-item:nth-of-type(8) {
  bottom: 80%;
}
.count-10 .y-axis-line-item:nth-of-type(9) {
  bottom: 90%;
}
.count-10 .y-axis-line-item:nth-of-type(10) {
  bottom: 100%;
}
.y-axis-line {
  display: block;
  height: 1px;
  background-color: #ccd1d9;
}
/**
  * X axis labels
  * --------------------------------------------------
  *
  * Recommended usage:
  *
  * <ul class="x-axis-label-list count-{ count }">
  *   <li class="x-axis-label-item">
  *     <span class="x-axis-label">{ label }</span>
  *   </li>
  * </ul>
  *
  */
.x-axis-label-list {
  position: absolute;
  top: auto;
  right: 5px;
  bottom: 30px;
}
.h-bar-chart .x-axis-label-list {
  right: 5px;
  left: 56px;
}
.v-bar-chart .x-axis-label-list {
  right: 10px;
  left: 50px;
}
.x-axis-label-item {
  display: block;
  float: left;
  width: 100%;
}
.count-1 .x-axis-label-item {
  width: 100%;
}
.count-2 .x-axis-label-item {
  width: 50%;
}
.count-3 .x-axis-label-item {
  width: 33.33333333%;
}
.count-4 .x-axis-label-item {
  width: 25%;
}
.count-5 .x-axis-label-item {
  width: 20%;
}
.count-6 .x-axis-label-item {
  width: 16.66666667%;
}
.count-7 .x-axis-label-item {
  width: 14.28571429%;
}
.count-8 .x-axis-label-item {
  width: 12.5%;
}
.count-9 .x-axis-label-item {
  width: 11.11111111%;
}
.count-10 .x-axis-label-item {
  width: 10%;
}
.x-axis-label {
  position: relative;
  display: block;
  color: #656d78;
  text-align: center;
  font-size: 12px;
  line-height: 1;
}
.h-bar-chart .x-axis-label {
  text-align: center;
}
.v-bar-chart .x-axis-label {
  text-align: right;
}
/**
  * Y axis labels
  * --------------------------------------------------
  *
  * Recommended usage:
  *
  * <ul class="y-axis-label-list count-{ count }">
  *   <li class="y-axis-label-item">
  *     <span class="y-axis-label">{ label }</span>
  *   </li>
  * </ul>
  *
  */
.y-axis-label-list {
  position: absolute;
  top: 10px;
  right: auto;
  bottom: 50px;
  left: 0;
  width: 40px;
}
.y-axis-label-item {
  position: absolute;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
}
.count-1 .y-axis-label-item:nth-of-type(1) {
  bottom: 100%;
}
.count-2 .y-axis-label-item:nth-of-type(1) {
  bottom: 50%;
}
.count-2 .y-axis-label-item:nth-of-type(2) {
  bottom: 100%;
}
.count-3 .y-axis-label-item:nth-of-type(1) {
  bottom: 33.33333333%;
}
.count-3 .y-axis-label-item:nth-of-type(2) {
  bottom: 66.66666667%;
}
.count-3 .y-axis-label-item:nth-of-type(3) {
  bottom: 100%;
}
.count-4 .y-axis-label-item:nth-of-type(1) {
  bottom: 25%;
}
.count-4 .y-axis-label-item:nth-of-type(2) {
  bottom: 50%;
}
.count-4 .y-axis-label-item:nth-of-type(3) {
  bottom: 75%;
}
.count-4 .y-axis-label-item:nth-of-type(4) {
  bottom: 100%;
}
.count-5 .y-axis-label-item:nth-of-type(1) {
  bottom: 20%;
}
.count-5 .y-axis-label-item:nth-of-type(2) {
  bottom: 40%;
}
.count-5 .y-axis-label-item:nth-of-type(3) {
  bottom: 60%;
}
.count-5 .y-axis-label-item:nth-of-type(4) {
  bottom: 80%;
}
.count-5 .y-axis-label-item:nth-of-type(5) {
  bottom: 100%;
}
.count-6 .y-axis-label-item:nth-of-type(1) {
  bottom: 16.66666667%;
}
.count-6 .y-axis-label-item:nth-of-type(2) {
  bottom: 33.33333333%;
}
.count-6 .y-axis-label-item:nth-of-type(3) {
  bottom: 50%;
}
.count-6 .y-axis-label-item:nth-of-type(4) {
  bottom: 66.66666667%;
}
.count-6 .y-axis-label-item:nth-of-type(5) {
  bottom: 83.33333333%;
}
.count-6 .y-axis-label-item:nth-of-type(6) {
  bottom: 100%;
}
.count-7 .y-axis-label-item:nth-of-type(1) {
  bottom: 14.28571429%;
}
.count-7 .y-axis-label-item:nth-of-type(2) {
  bottom: 28.57142857%;
}
.count-7 .y-axis-label-item:nth-of-type(3) {
  bottom: 42.85714286%;
}
.count-7 .y-axis-label-item:nth-of-type(4) {
  bottom: 57.14285714%;
}
.count-7 .y-axis-label-item:nth-of-type(5) {
  bottom: 71.42857143%;
}
.count-7 .y-axis-label-item:nth-of-type(6) {
  bottom: 85.71428571%;
}
.count-7 .y-axis-label-item:nth-of-type(7) {
  bottom: 100%;
}
.count-8 .y-axis-label-item:nth-of-type(1) {
  bottom: 12.5%;
}
.count-8 .y-axis-label-item:nth-of-type(2) {
  bottom: 25%;
}
.count-8 .y-axis-label-item:nth-of-type(3) {
  bottom: 37.5%;
}
.count-8 .y-axis-label-item:nth-of-type(4) {
  bottom: 50%;
}
.count-8 .y-axis-label-item:nth-of-type(5) {
  bottom: 62.5%;
}
.count-8 .y-axis-label-item:nth-of-type(6) {
  bottom: 75%;
}
.count-8 .y-axis-label-item:nth-of-type(7) {
  bottom: 87.5%;
}
.count-8 .y-axis-label-item:nth-of-type(8) {
  bottom: 100%;
}
.count-9 .y-axis-label-item:nth-of-type(1) {
  bottom: 11.11111111%;
}
.count-9 .y-axis-label-item:nth-of-type(2) {
  bottom: 22.22222222%;
}
.count-9 .y-axis-label-item:nth-of-type(3) {
  bottom: 33.33333333%;
}
.count-9 .y-axis-label-item:nth-of-type(4) {
  bottom: 44.44444444%;
}
.count-9 .y-axis-label-item:nth-of-type(5) {
  bottom: 55.55555556%;
}
.count-9 .y-axis-label-item:nth-of-type(6) {
  bottom: 66.66666667%;
}
.count-9 .y-axis-label-item:nth-of-type(7) {
  bottom: 77.77777778%;
}
.count-9 .y-axis-label-item:nth-of-type(8) {
  bottom: 88.88888889%;
}
.count-9 .y-axis-label-item:nth-of-type(9) {
  bottom: 100%;
}
.count-10 .y-axis-label-item:nth-of-type(1) {
  bottom: 10%;
}
.count-10 .y-axis-label-item:nth-of-type(2) {
  bottom: 20%;
}
.count-10 .y-axis-label-item:nth-of-type(3) {
  bottom: 30%;
}
.count-10 .y-axis-label-item:nth-of-type(4) {
  bottom: 40%;
}
.count-10 .y-axis-label-item:nth-of-type(5) {
  bottom: 50%;
}
.count-10 .y-axis-label-item:nth-of-type(6) {
  bottom: 60%;
}
.count-10 .y-axis-label-item:nth-of-type(7) {
  bottom: 70%;
}
.count-10 .y-axis-label-item:nth-of-type(8) {
  bottom: 80%;
}
.count-10 .y-axis-label-item:nth-of-type(9) {
  bottom: 90%;
}
.count-10 .y-axis-label-item:nth-of-type(10) {
  bottom: 100%;
}
.y-axis-label {
  position: relative;
  display: block;
  color: #656d78;
  text-align: right;
  font-size: 12px;
  line-height: 1;
}
.h-bar-chart .y-axis-label {
  bottom: -6px;
}
.v-bar-chart .y-axis-label {
  bottom: -25px;
}
/**
  * X axis bars
  * --------------------------------------------------
  *
  * Recommended usage:
  *
  * <ul class="x-axis-bar-list count-{ count }">
  *   <li class="x-axis-bar-item { nested-bars }">
  *     <span class="x-axis-bar { primary|secondary|tertiary }" style="top: { value in % };">
  *       <span class="x-axis-bar-value" data-value="{ value }"></span>
  *     </span>
  *     <span class="x-axis-bullet-bar" style="top: { value in % }"></span>
  *     <span class="x-axis-bar-target-line" style="bottom: { value in % };"></span>
  *   </li>
  * </ul>
  *
  */
.x-axis-bar-list {
  position: absolute;
  top: 0;
  right: 5px;
  bottom: 51px;
  left: 56px;
}
.x-axis-bar-item {
  position: absolute;
  top: 0;
  right: auto;
  bottom: 0;
  left: 0;
}
.count-1 .x-axis-bar-item:nth-of-type(1) {
  right: 0%;
  left: 0%;
}
.count-2 .x-axis-bar-item:nth-of-type(1) {
  right: 50%;
  left: 0%;
}
.count-2 .x-axis-bar-item:nth-of-type(2) {
  right: 0%;
  left: 50%;
}
.count-3 .x-axis-bar-item:nth-of-type(1) {
  right: 66.66666667%;
  left: 0%;
}
.count-3 .x-axis-bar-item:nth-of-type(2) {
  right: 33.33333333%;
  left: 33.33333333%;
}
.count-3 .x-axis-bar-item:nth-of-type(3) {
  right: 0%;
  left: 66.66666667%;
}
.count-4 .x-axis-bar-item:nth-of-type(1) {
  right: 75%;
  left: 0%;
}
.count-4 .x-axis-bar-item:nth-of-type(2) {
  right: 50%;
  left: 25%;
}
.count-4 .x-axis-bar-item:nth-of-type(3) {
  right: 25%;
  left: 50%;
}
.count-4 .x-axis-bar-item:nth-of-type(4) {
  right: 0%;
  left: 75%;
}
.count-5 .x-axis-bar-item:nth-of-type(1) {
  right: 80%;
  left: 0%;
}
.count-5 .x-axis-bar-item:nth-of-type(2) {
  right: 60%;
  left: 20%;
}
.count-5 .x-axis-bar-item:nth-of-type(3) {
  right: 40%;
  left: 40%;
}
.count-5 .x-axis-bar-item:nth-of-type(4) {
  right: 20%;
  left: 60%;
}
.count-5 .x-axis-bar-item:nth-of-type(5) {
  right: 0%;
  left: 80%;
}
.count-6 .x-axis-bar-item:nth-of-type(1) {
  right: 83.33333333%;
  left: 0%;
}
.count-6 .x-axis-bar-item:nth-of-type(2) {
  right: 66.66666667%;
  left: 16.66666667%;
}
.count-6 .x-axis-bar-item:nth-of-type(3) {
  right: 50%;
  left: 33.33333333%;
}
.count-6 .x-axis-bar-item:nth-of-type(4) {
  right: 33.33333333%;
  left: 50%;
}
.count-6 .x-axis-bar-item:nth-of-type(5) {
  right: 16.66666667%;
  left: 66.66666667%;
}
.count-6 .x-axis-bar-item:nth-of-type(6) {
  right: 0%;
  left: 83.33333333%;
}
.count-7 .x-axis-bar-item:nth-of-type(1) {
  right: 85.71428571%;
  left: 0%;
}
.count-7 .x-axis-bar-item:nth-of-type(2) {
  right: 71.42857143%;
  left: 14.28571429%;
}
.count-7 .x-axis-bar-item:nth-of-type(3) {
  right: 57.14285714%;
  left: 28.57142857%;
}
.count-7 .x-axis-bar-item:nth-of-type(4) {
  right: 42.85714286%;
  left: 42.85714286%;
}
.count-7 .x-axis-bar-item:nth-of-type(5) {
  right: 28.57142857%;
  left: 57.14285714%;
}
.count-7 .x-axis-bar-item:nth-of-type(6) {
  right: 14.28571429%;
  left: 71.42857143%;
}
.count-7 .x-axis-bar-item:nth-of-type(7) {
  right: 0%;
  left: 85.71428571%;
}
.count-8 .x-axis-bar-item:nth-of-type(1) {
  right: 87.5%;
  left: 0%;
}
.count-8 .x-axis-bar-item:nth-of-type(2) {
  right: 75%;
  left: 12.5%;
}
.count-8 .x-axis-bar-item:nth-of-type(3) {
  right: 62.5%;
  left: 25%;
}
.count-8 .x-axis-bar-item:nth-of-type(4) {
  right: 50%;
  left: 37.5%;
}
.count-8 .x-axis-bar-item:nth-of-type(5) {
  right: 37.5%;
  left: 50%;
}
.count-8 .x-axis-bar-item:nth-of-type(6) {
  right: 25%;
  left: 62.5%;
}
.count-8 .x-axis-bar-item:nth-of-type(7) {
  right: 12.5%;
  left: 75%;
}
.count-8 .x-axis-bar-item:nth-of-type(8) {
  right: 0%;
  left: 87.5%;
}
.count-9 .x-axis-bar-item:nth-of-type(1) {
  right: 88.88888889%;
  left: 0%;
}
.count-9 .x-axis-bar-item:nth-of-type(2) {
  right: 77.77777778%;
  left: 11.11111111%;
}
.count-9 .x-axis-bar-item:nth-of-type(3) {
  right: 66.66666667%;
  left: 22.22222222%;
}
.count-9 .x-axis-bar-item:nth-of-type(4) {
  right: 55.55555556%;
  left: 33.33333333%;
}
.count-9 .x-axis-bar-item:nth-of-type(5) {
  right: 44.44444444%;
  left: 44.44444444%;
}
.count-9 .x-axis-bar-item:nth-of-type(6) {
  right: 33.33333333%;
  left: 55.55555556%;
}
.count-9 .x-axis-bar-item:nth-of-type(7) {
  right: 22.22222222%;
  left: 66.66666667%;
}
.count-9 .x-axis-bar-item:nth-of-type(8) {
  right: 11.11111111%;
  left: 77.77777778%;
}
.count-9 .x-axis-bar-item:nth-of-type(9) {
  right: 0%;
  left: 88.88888889%;
}
.count-10 .x-axis-bar-item:nth-of-type(1) {
  right: 90%;
  left: 0%;
}
.count-10 .x-axis-bar-item:nth-of-type(2) {
  right: 80%;
  left: 10%;
}
.count-10 .x-axis-bar-item:nth-of-type(3) {
  right: 70%;
  left: 20%;
}
.count-10 .x-axis-bar-item:nth-of-type(4) {
  right: 60%;
  left: 30%;
}
.count-10 .x-axis-bar-item:nth-of-type(5) {
  right: 50%;
  left: 40%;
}
.count-10 .x-axis-bar-item:nth-of-type(6) {
  right: 40%;
  left: 50%;
}
.count-10 .x-axis-bar-item:nth-of-type(7) {
  right: 30%;
  left: 60%;
}
.count-10 .x-axis-bar-item:nth-of-type(8) {
  right: 20%;
  left: 70%;
}
.count-10 .x-axis-bar-item:nth-of-type(9) {
  right: 10%;
  left: 80%;
}
.count-10 .x-axis-bar-item:nth-of-type(10) {
  right: 0%;
  left: 90%;
}
.x-axis-bar {
  position: absolute;
  top: auto;
  right: 5px;
  bottom: 0;
  left: 5px;
  display: block;
  border: 1px solid transparent;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  background-color: #4fc1e9;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  transition: all 0.15s linear;
}
.x-axis-bar.primary {
  border-color: #1f2225;
  background-image: linear-gradient(to right, #7e8692 0%, #656d78 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e8692', endColorstr='#ff656d78', GradientType=1);
}
.x-axis-bar.secondary {
  border-color: #472796;
  background-image: linear-gradient(to right, #b6a2e7 0%, #967adc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb6a2e7', endColorstr='#ff967adc', GradientType=1);
}
.x-axis-bar.tertiary {
  border-color: #145168;
  background-image: linear-gradient(to right, #59bbe0 0%, #3bafda 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59bbe0', endColorstr='#ff3bafda', GradientType=1);
}
.x-axis-bar.dashed {
  border-color: #748298;
  border-style: dashed;
  border-bottom: none;
  background-color: #fff;
}
.nested-bars .x-axis-bar:nth-of-type(1) {
  right: 5px;
  left: 5px;
}
.nested-bars .x-axis-bar:nth-of-type(2) {
  right: 10px;
  left: 10px;
}
.nested-bars .x-axis-bar:nth-of-type(3) {
  right: 15px;
  left: 15px;
}
.x-axis-bar-value {
  position: absolute;
  top: -5px;
  left: 50%;
  margin-left: -5px;
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  border-radius: 50%;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.15s linear;
}
.primary .x-axis-bar-value {
  border-color: #1f2225;
  background-image: linear-gradient(to right, #7e8692 0%, #656d78 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e8692', endColorstr='#ff656d78', GradientType=1);
}
.secondary .x-axis-bar-value {
  border-color: #472796;
  background-image: linear-gradient(to right, #b6a2e7 0%, #967adc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb6a2e7', endColorstr='#ff967adc', GradientType=1);
}
.tertiary .x-axis-bar-value {
  border-color: #145168;
  background-image: linear-gradient(to right, #59bbe0 0%, #3bafda 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59bbe0', endColorstr='#ff3bafda', GradientType=1);
}
.dashed .x-axis-bar-value {
  border-color: #748298;
  background-color: #fff;
}
.x-axis-bar-value:hover:after,
.x-axis-bar-value:focus:after,
.x-axis-bar-value:hover:before,
.x-axis-bar-value:focus:before {
  visibility: visible;
  opacity: 1;
  transition: all 0.15s linear;
}
.x-axis-bar-value:after {
  position: absolute;
  top: -25px;
  left: 50%;
  z-index: 200;
  visibility: hidden;
  margin-left: -20px;
  padding: 2px 0;
  width: 40px;
  border-radius: 3px;
  background-color: #434a54;
  color: #fff;
  content: attr(data-value);
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0;
}
.x-axis-bar-value:before {
  position: absolute;
  top: -3px;
  left: 50%;
  z-index: 200;
  visibility: hidden;
  margin-left: -6px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: #434a54;
  content: '';
  opacity: 0;
}
.x-axis-bullet-bar {
  position: absolute;
  top: 0;
  right: 15px;
  bottom: 0;
  left: 15px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: inset 0px 0px 6px 1px rgba(0, 0, 0, 0.4);
  transition: all 0.15s linear;
}
.x-axis-bar-target-line {
  position: absolute;
  top: auto;
  right: 2px;
  bottom: 0;
  left: 2px;
  height: 1px;
  background-color: #1f2125;
}
/**
  * Y axis bars
  * --------------------------------------------------
  *
  * Recommended usage:
  *
  * <ul class="y-axis-bar-list count-{ count }">
  *   <li class="y-axis-bar-item { nested-bars }">
  *     <span class="y-axis-bar { primary|secondary|tertiary }" style="right: { value in % };">
  *       <span class="y-axis-bar-value" data-value="{ value }"></span>
  *     </span>
  *     <span class="y-axis-bullet-bar" style="right: { value in % }"></span>
  *     <span class="y-axis-bar-target-line" style="left: { value in % };"></span>
  *   </li>
  * </ul>
  *
  */
.y-axis-bar-list {
  position: absolute;
  top: 5px;
  right: 0;
  bottom: 56px;
  left: 51px;
}
.y-axis-bar-item {
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
}
.count-1 .y-axis-bar-item:nth-of-type(1) {
  top: 0%;
  bottom: 0%;
}
.count-2 .y-axis-bar-item:nth-of-type(1) {
  top: 0%;
  bottom: 50%;
}
.count-2 .y-axis-bar-item:nth-of-type(2) {
  top: 50%;
  bottom: 0%;
}
.count-3 .y-axis-bar-item:nth-of-type(1) {
  top: 0%;
  bottom: 66.66666667%;
}
.count-3 .y-axis-bar-item:nth-of-type(2) {
  top: 33.33333333%;
  bottom: 33.33333333%;
}
.count-3 .y-axis-bar-item:nth-of-type(3) {
  top: 66.66666667%;
  bottom: 0%;
}
.count-4 .y-axis-bar-item:nth-of-type(1) {
  top: 0%;
  bottom: 75%;
}
.count-4 .y-axis-bar-item:nth-of-type(2) {
  top: 25%;
  bottom: 50%;
}
.count-4 .y-axis-bar-item:nth-of-type(3) {
  top: 50%;
  bottom: 25%;
}
.count-4 .y-axis-bar-item:nth-of-type(4) {
  top: 75%;
  bottom: 0%;
}
.count-5 .y-axis-bar-item:nth-of-type(1) {
  top: 0%;
  bottom: 80%;
}
.count-5 .y-axis-bar-item:nth-of-type(2) {
  top: 20%;
  bottom: 60%;
}
.count-5 .y-axis-bar-item:nth-of-type(3) {
  top: 40%;
  bottom: 40%;
}
.count-5 .y-axis-bar-item:nth-of-type(4) {
  top: 60%;
  bottom: 20%;
}
.count-5 .y-axis-bar-item:nth-of-type(5) {
  top: 80%;
  bottom: 0%;
}
.count-6 .y-axis-bar-item:nth-of-type(1) {
  top: 0%;
  bottom: 83.33333333%;
}
.count-6 .y-axis-bar-item:nth-of-type(2) {
  top: 16.66666667%;
  bottom: 66.66666667%;
}
.count-6 .y-axis-bar-item:nth-of-type(3) {
  top: 33.33333333%;
  bottom: 50%;
}
.count-6 .y-axis-bar-item:nth-of-type(4) {
  top: 50%;
  bottom: 33.33333333%;
}
.count-6 .y-axis-bar-item:nth-of-type(5) {
  top: 66.66666667%;
  bottom: 16.66666667%;
}
.count-6 .y-axis-bar-item:nth-of-type(6) {
  top: 83.33333333%;
  bottom: 0%;
}
.count-7 .y-axis-bar-item:nth-of-type(1) {
  top: 0%;
  bottom: 85.71428571%;
}
.count-7 .y-axis-bar-item:nth-of-type(2) {
  top: 14.28571429%;
  bottom: 71.42857143%;
}
.count-7 .y-axis-bar-item:nth-of-type(3) {
  top: 28.57142857%;
  bottom: 57.14285714%;
}
.count-7 .y-axis-bar-item:nth-of-type(4) {
  top: 42.85714286%;
  bottom: 42.85714286%;
}
.count-7 .y-axis-bar-item:nth-of-type(5) {
  top: 57.14285714%;
  bottom: 28.57142857%;
}
.count-7 .y-axis-bar-item:nth-of-type(6) {
  top: 71.42857143%;
  bottom: 14.28571429%;
}
.count-7 .y-axis-bar-item:nth-of-type(7) {
  top: 85.71428571%;
  bottom: 0%;
}
.count-8 .y-axis-bar-item:nth-of-type(1) {
  top: 0%;
  bottom: 87.5%;
}
.count-8 .y-axis-bar-item:nth-of-type(2) {
  top: 12.5%;
  bottom: 75%;
}
.count-8 .y-axis-bar-item:nth-of-type(3) {
  top: 25%;
  bottom: 62.5%;
}
.count-8 .y-axis-bar-item:nth-of-type(4) {
  top: 37.5%;
  bottom: 50%;
}
.count-8 .y-axis-bar-item:nth-of-type(5) {
  top: 50%;
  bottom: 37.5%;
}
.count-8 .y-axis-bar-item:nth-of-type(6) {
  top: 62.5%;
  bottom: 25%;
}
.count-8 .y-axis-bar-item:nth-of-type(7) {
  top: 75%;
  bottom: 12.5%;
}
.count-8 .y-axis-bar-item:nth-of-type(8) {
  top: 87.5%;
  bottom: 0%;
}
.count-9 .y-axis-bar-item:nth-of-type(1) {
  top: 0%;
  bottom: 88.88888889%;
}
.count-9 .y-axis-bar-item:nth-of-type(2) {
  top: 11.11111111%;
  bottom: 77.77777778%;
}
.count-9 .y-axis-bar-item:nth-of-type(3) {
  top: 22.22222222%;
  bottom: 66.66666667%;
}
.count-9 .y-axis-bar-item:nth-of-type(4) {
  top: 33.33333333%;
  bottom: 55.55555556%;
}
.count-9 .y-axis-bar-item:nth-of-type(5) {
  top: 44.44444444%;
  bottom: 44.44444444%;
}
.count-9 .y-axis-bar-item:nth-of-type(6) {
  top: 55.55555556%;
  bottom: 33.33333333%;
}
.count-9 .y-axis-bar-item:nth-of-type(7) {
  top: 66.66666667%;
  bottom: 22.22222222%;
}
.count-9 .y-axis-bar-item:nth-of-type(8) {
  top: 77.77777778%;
  bottom: 11.11111111%;
}
.count-9 .y-axis-bar-item:nth-of-type(9) {
  top: 88.88888889%;
  bottom: 0%;
}
.count-10 .y-axis-bar-item:nth-of-type(1) {
  top: 0%;
  bottom: 90%;
}
.count-10 .y-axis-bar-item:nth-of-type(2) {
  top: 10%;
  bottom: 80%;
}
.count-10 .y-axis-bar-item:nth-of-type(3) {
  top: 20%;
  bottom: 70%;
}
.count-10 .y-axis-bar-item:nth-of-type(4) {
  top: 30%;
  bottom: 60%;
}
.count-10 .y-axis-bar-item:nth-of-type(5) {
  top: 40%;
  bottom: 50%;
}
.count-10 .y-axis-bar-item:nth-of-type(6) {
  top: 50%;
  bottom: 40%;
}
.count-10 .y-axis-bar-item:nth-of-type(7) {
  top: 60%;
  bottom: 30%;
}
.count-10 .y-axis-bar-item:nth-of-type(8) {
  top: 70%;
  bottom: 20%;
}
.count-10 .y-axis-bar-item:nth-of-type(9) {
  top: 80%;
  bottom: 10%;
}
.count-10 .y-axis-bar-item:nth-of-type(10) {
  top: 90%;
  bottom: 0%;
}
.y-axis-bar {
  position: absolute;
  top: 5px;
  right: auto;
  bottom: 5px;
  left: 0;
  display: block;
  border: 1px solid transparent;
  border-left: none;
  border-radius: 0 3px 3px 0;
  background-color: #4fc1e9;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  transition: all 0.15s linear;
}
.y-axis-bar.primary {
  border-color: #1f2225;
  background-image: linear-gradient(to bottom, #7e8692 0%, #656d78 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e8692', endColorstr='#ff656d78', GradientType=0);
}
.y-axis-bar.secondary {
  border-color: #0d9347;
  background-image: linear-gradient(to bottom, #14a854 0%, #038039 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff14a854', endColorstr='#ff038039', GradientType=0);
}
.y-axis-bar.tertiary {
  border-color: #145168;
  background-image: linear-gradient(to bottom, #59bbe0 0%, #3bafda 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59bbe0', endColorstr='#ff3bafda', GradientType=0);
}
.y-axis-bar.dashed {
  border-color: #748298;
  border-style: dashed;
  border-left: none;
  background-color: #fff;
}
.nested-bars .y-axis-bar:nth-of-type(1) {
  top: 5px;
  bottom: 5px;
}
.nested-bars .y-axis-bar:nth-of-type(2) {
  top: 10px;
  bottom: 10px;
}
.nested-bars .y-axis-bar:nth-of-type(3) {
  top: 15px;
  bottom: 15px;
}
.y-axis-bar-value {
  position: absolute;
  top: 50%;
  right: -5px;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border: 1px solid transparent;
  border-radius: 50%;
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.4);
  cursor: pointer;
  transition: all 0.15s linear;
}
.primary .y-axis-bar-value {
  border-color: #1f2225;
  background-image: linear-gradient(to bottom, #7e8692 0%, #656d78 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7e8692', endColorstr='#ff656d78', GradientType=0);
}
.secondary > .y-axis-bar-value {
  border-color: #0d9347;
  background-image: linear-gradient(to bottom, #14a854 0%, #038039 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff14a854', endColorstr='#ff038039', GradientType=0);
}
.tertiary > .y-axis-bar-value {
  border-color: #145168;
  background-image: linear-gradient(to bottom, #59bbe0 0%, #3bafda 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff59bbe0', endColorstr='#ff3bafda', GradientType=0);
}
.dashed .y-axis-bar-value {
  border-color: #748298;
  background-color: #fff;
}
.y-axis-bar-value:hover:after,
.y-axis-bar-value:focus:after,
.y-axis-bar-value:hover:before,
.y-axis-bar-value:focus:before {
  visibility: visible;
  opacity: 1;
  transition: all 0.15s linear;
}
.y-axis-bar-value:after {
  position: absolute;
  top: 50%;
  right: -80px;
  z-index: 200;
  visibility: hidden;
  margin-top: -11px;
  padding: 2px 0;
  width: 80px;
  border-radius: 3px;
  background-color: #434a54;
  color: #fff;
  content: attr(data-value);
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.5;
  opacity: 0;
}
.y-axis-bar-value:before {
  position: absolute;
  top: 50%;
  right: -3px;
  z-index: 200;
  visibility: hidden;
  margin-top: -6px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-right-color: #434a54;
  content: '';
  opacity: 0;
}
.y-axis-bullet-bar {
  position: absolute;
  top: 15px;
  right: 0;
  bottom: 15px;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-left: none;
  border-radius: 0 3px 3px 0;
  background-color: rgba(0, 0, 0, 0.6);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.3);
  transition: all 0.15s linear;
}
.y-axis-bar-target-line {
  position: absolute;
  top: 2px;
  right: auto;
  bottom: 2px;
  left: 0;
  width: 1px;
  background-color: #1f2125;
}



.pie-chart {
	background:
		radial-gradient(
			circle closest-side,
			transparent 66%,
			#fff 0
		),
		conic-gradient(
			#4e79a7 0,
			#4e79a7 80%,
			#f28e2c 0,
			#f28e2c 90%,
			#e15759 0,
			#e15759 95%,
			#76b7b2 0,
			#76b7b2 95%,
			#59a14f 0,
			#59a14f 96%,
			#edc949 0,
			#edc949 100%
	);
	position: relative;
	width: 100%;
	min-height: 350px;
	margin: 0;
	outline: 0px none transparent;
}
.pie-chart cite {
	position: absolute;
	bottom: 0;
	font-size: 80%;
	padding: 1rem;
	color: gray;
}
.pie-chart figcaption {
	position: absolute;
	bottom: 1em;
	right: 1em;
	font-size: smaller;
	text-align: right;
}
.pie-chart span:after {
	display: inline-block;
	content: "";
	width: 0.8em;
	height: 0.8em;
	margin-left: 0.4em;
	height: 0.8em;
	border-radius: 0.2em;
	background: currentColor;
}

.bio-page {}
.bio-page .vertical-align-middle { display:flex;   align-items: center;
  justify-content: center; margin-bottom:60px;}
.bio-page .vertical-align-middle.nomargin{ margin:0;}
.align-left { text-align:left; }
.bio-title { margin-bottom:10px; }
.bio-subtitle { margin-bottom:30px; }
.bio-page .box { background-color: #f1f1f1;
    padding: 20px;
    margin-bottom: 30px; }
.larger-text { font-size:20px; line-height:30px; }
.blockquote-credit { margin-bottom:0; }
.bio-page blockquote { margin:0; }
.nomargin { margin:0; }
.bio-page h3 {  margin-top: 60px; margin-bottom: 15px;}
.step-number-circle { background-color:#333; color:#fff; border-radius:50%; width:50px;height:50px; display:flex; align-items:center; justify-content: center; font-size: 24px; font-weight: 700; }
.step-number-row {display: flex;align-items: center; margin:60px 0 30px;}
.step-number-row h3 { margin-bottom:0; margin-left:10px; }
.single-slideritems h1.left-title-content { margin-top:5px; }
.single-slideritems #sticky-sidebar .free-estimate { margin-top:0; }
.video-summary p{margin-bottom:10px;}
.video-summary li{margin-bottom:0px;padding-bottom:0px;}

.blog-citations { margin-top:120px;}
.blog-citations ol{padding-left: 15px;}
.blog-citations li { font-size:12px;}
#main-content p a:has(sup) { text-decoration:none;}
.bottom-pagination a.btn.current-blog-post{background-color:#0d9347;}




/*Threetree Modal CSS*/

.bottom_counter {
        height: 50px;
        position: fixed;
        background-color: rgb(51 51 51 / 90%);
        background-image: none;
        width: 100%;
        z-index: 99999;
        text-align: center;
        height: 58px;
        bottom: 0px;
        left: 0px;
        font-size: 14px;
        line-height: 33px;
}
.model_popup_counter.modal.ignyte_notification .modal-body .image {
    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
	padding-top:unset;
	margin-top:auto;
}
.counterdata ul {
	list-style-type: none;
    padding-inline-start: 0;
    width: 100%;
    display: block;
    text-align: center;
}
.counterdata ul li {
    display: inline-block;
    width: calc(100%/10);
	font-size: 50px;
    color: #fff;
    font-weight: 700;
    border: 2px solid #000;
	background: linear-gradient(109.6deg, rgba(0, 0, 0, 0.93) 11.2%, rgb(63, 61, 61) 78.9%);
	padding: 15px 10px;
    margin: 0 5px;
	box-shadow: 0 11px 5px -6px black;
	line-height:1.25;
}
.model_popup_counter.ignyte_notification .modal-body {background-color: #303235;}
.model_popup_counter.ignyte_notification .modal-content {background-color: #303235; border: 10px solid #303235; border-radius: 15px;padding:35px 0;}
.model_popup_counter.ignyte_notification .btn-primary, .counter_section .btn-primary {background-color:transparent!important; margin:0 auto; display:inline-block; text-align:center; text-decoration: underline; font-size: 12px;}
.model_popup_counter.ignyte_notification .counter-title, .counter_section .counter-title {text-align:center; font-size: 28px; margin-bottom: 0; font-weight: 300; margin: 35px 0 15px 0; font-family: "Roboto Condensed", sans-serif;}
.model_popup_counter.ignyte_notification .modal-body {height:auto;}
.notificationlink {text-align:center;}
.model_popup_counter.ignyte_notification .inner-content, .counter_section .inner-content {padding: 40px 20px 0 20px;}
.model_popup_counter.ignyte_notification button {background-image: url(/wp-content/uploads/2024/02/1.png);
	background-color: #000;
    border-radius: 30px;
    padding: 18px;
    background-size: 27px;
    width: 20px;
    height: 20px;
}
.model_popup_counter.ignyte_notification .modal-header {
	padding: 0;
    top: -20px;
    right: -20px;
}
.model_popup_counter.ignyte_notification img.navbar-logo {display:none;}

/*Bottom notification bar*/
.bottom_counter .close_bottom {
	background-image: url(/wp-content/uploads/2024/02/1.png);
    background-color: #000;
    border-radius: 30px;
    padding: 18px;
    background-size: 27px;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    right: 30px;
    position: absolute;
    top: 13px;
    background-position: center;
	z-index: 99;
    cursor: pointer;
}
.bottom_counter .image {
    height: 40px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right center;
    position: relative;
    display:inline-block;
	vertical-align:middle;
	width:80px;
	padding-top: unset;
    margin: unset;
}
.bottom_counter .counterdata ul {margin-bottom:0;}
.bottom_counter ul li {
	display: inline-block;
    font-size: 40px;
    width: calc(100%/10);
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    border: 2px solid #000;
    background: linear-gradient(109.6deg, rgba(0, 0, 0, 0.93) 11.2%, rgb(63, 61, 61) 78.9%);
    padding: 0 5px;
    margin: 0;
    box-shadow: none;
}
.bottom_counter .counter-title, .bottom_counter h2 {font-size: 24px; font-weight: 400; line-height: 28px;margin-left:30px;margin-right:15px;margin-bottom:0;font-family: "Roboto Condensed", sans-serif;}
.bottom_counter .inner-content {display:block;}
.bottom_counter .inner-content .description, .bottom_counter .inner-content .notificationlink, .bottom_counter .inner-content h2, .bottom_counter .inner-content .counter-title {display: inline-block; vertical-align: middle;padding: 10px 0;}
.bottom_counter .notificationlink a {background-color:transparent!important; padding:0; margin-top:0; font-size:12px; text-decoration:underline;display:inline-block;}
.bottom_counter .notificationlink {margin-left:15px;}


/*Simple modal notification*/
.model_popup_simple.ignyte_notification button {background-size: 20px;padding: 0;}
.model_popup_simple h2 {font-size: 38px;}
.model_popup_simple.ignyte_notification p.green {font-size:18px;}
.model_popup_simple.ignyte_notification .inner-content {padding: 40px 20px 0 20px;}
.model_popup_simple.ignyte_notification .btn-primary {margin-top: 10px;}
.model_popup_simple.ignyte_notification .modal-content {border:none;}

.counter_section {
	background-color: #303235;
    border: 10px solid #303235;
    border-radius: 15px;
    padding: 35px 0;
	margin: 30px 0;
}
.counter_section .image {
	    background-repeat: no-repeat;
    background-size: contain;
    height: 100px;
    background-position: center;
}

@media (max-width: 991px) {
	.model_popup_simple h2 {font-size: 30px;}
	.model_popup_simple.ignyte_notification p.green {font-size: 15px;}
}

@media (max-width: 767px){
	.counterdata ul li {padding: 15px 5px;font-size: 26px;margin: 0 3px; width: calc(100%/11);}
	.model_popup_counter.ignyte_notification .inner-content, .counter_section .inner-content {padding: 40px 5px 0 5px;}
	.model_popup_counter.ignyte_notification .modal-dialog {width: 90vw; height: auto;}
	
	.bottom_counter h2, .counter_section h2  {font-size: 17px;margin-left: 15px;margin-right: 1px; margin-bottom: 0;}
	.bottom_counter .counterdata li {padding: 0 7px; font-size: 18px; margin: 0;}
	.bottom_counter .notificationlink {margin-left: 0;}
	.bottom_counter .notificationlink a {font-size: 10px;}
	.bottom_counter .close_bottom {width: 15px; height: 15px;top: -11px;right:0;padding:15px;background-size: 21px;min-width: auto;}
}
@media (max-width: 550px) {
	.model_popup_counter.ignyte_notification .modal-content {height: auto;}
	.model_popup_counter.ignyte_notification .btn.btn-primary {display:block;}
	.model_popup_counter.ignyte_notification h2 {font-size:23px;}
	.counterdata ul li {margin:0; font-size: 25px;}
	.bottom_counter .image {width:50px;}
	.bottom_counter .counterdata li {padding: 0 5px;font-size: 12px;}
	.bottom_counter .inner-content { display: flex; align-items: center; justify-content: center; height: 100%; }
	.bottom_counter .inner-content h2 {font-size: 13px; margin: 0; padding:0; width: 60px; line-height: 1;}
	.bottom_counter .notificationlink a {font-size: 8px;}
	.bottom_counter .inner-content .description {padding:0;}
	.bottom_counter .inner-content .notificationlink { padding:0; }
	.bottom_counter .inner-content .btn-primary { min-width: unset; white-space:unset; line-height: 1.5; font-size: 9px; width: 36px;}
	#bottom_counter .row, #bottom_counter .row .col-md-12.col-sm-12{ height:100%; }
	.bottom_counter .inner-content .counter-title{font-size: 14px;line-height: 1.25;margin: 0 0 0 10px;}
	.bottom_counter { padding: 0 15px;}
}

.infographic2{max-width: 1135px; margin: 0 auto;}
.wpcf7-spinner {display: none;}
@media (min-width:992px){
  ul, ol, p, body p {font-size: 18px;line-height:1.5;}  
  p.project-excerpt, .project-excerpt p{font-size: 16px;line-height:1.5;height: 100px;}
  .lead-copy h1, .lead-copy h2, .lead-copy h3, .lead-copy h4, .page-title, h1{font-size: 60px;margin-bottom: 60px;line-height:1.1;}
  .eyebrow-text, .eyebrow{margin-bottom: 30px;}
  .project-tiles .content {height: 160px;}  
  .post-content h4{font-size: 30px;}
}


/* basic page setup */

/* slider container */
.slider-container {
  position: relative;
  margin: 0 auto;
  overflow: hidden;
  border: 2px solid #ddd;
  border-radius: 4px;
  aspect-ratio: 16 / 9;  
}

/* stack images */
.slider {
  width: 100%;
  height: 100%;
}

.slider img {
  display: block;
  width: 100%;
  height: auto;
  user-select: none;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

/* before image sits on bottom */
.before {
  z-index: 1;
}

/* after image is clipped */
.after {
  z-index: 2;
  /* initial reveal: half of 1024px = 512px */
  clip: rect(0px, 0px, 0px, 0px);
}

/* handle centered by percentage */
.slider-handle {
  position: absolute;
  top: 0;
  left: 50%;            /* start in the middle */
  width: 6px;
  height: 100%;
  background: #fff;
  border-left: 1px solid #888;
  border-right: 1px solid #888;
  cursor: ew-resize;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* the circular knob */
.handle-icon {
  position: relative;
  width: 48px;
  height: 48px;
  background: #fff;
  border: 2px solid #888;
  border-radius: 50%;
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* arrows inside the knob */
.handle-icon::before,
.handle-icon::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
}

/* left-pointing arrow */
.handle-icon::before {
  border-right-color: #888;
  margin-right: 12px;
  margin-left: 10px;
}

/* right-pointing arrow */
.handle-icon::after {
  border-left-color: #888;
  margin-right: 12px;
  
  
}