/*!
Theme Name: Roofer20
Theme URI: https://www.hookagency.com/
Author: Hook Agency
Author URI: https://www.hookagency.com/
Version: 1.0.0
Text Domain: roofer20
Copyright: Roofer20 © 2020 Hook Agency.
*/  

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# 1. Scripts + Global
# 2. Typography
# 3. Links + Buttons
# 4. Headers + Nav
# 5. Template Components
        # 5.1 Fixed
        # 5.2 Flexible Content
        # 5.3 Blog + Single Posts
# 6. Gravity Forms
# 7. Footer
# 8. Slick 
-----------------------------------------------------------------

                             _=_               ===
					        // \\              | |
	     __________________//   \\_____________|_|____
	    //__/___/___/___/_//     \\__\___\___\___\___\\
       //___/___/___/___/// _____ \\___\___\___\___\__\\
      //_/___/___/___/__//  |_|_|  \\__\___\___\___\___\\
     //___/___/___/___///   | | |   \\___\___\___\___\__\\
      ||                    =====                      ||
      ||  ___   __   __   ___  ___  ___    ___   ___   ||
      ||  |__] |  | |  | |__  |__   |__]   ___| |   |  ||
      ||  |  \ |__| |__| |    |___  |  \  |___  |___|  ||
	  ||                                               ||
	  ||             +++ VERSION 1.0 +++          	   ||
*/


/*--------------------------------------------------------------- 
>>> # 1. Script + Global
----------------------------------------------------------------*/

/*!
 * Bootstrap Reboot v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]){color:inherit;text-decoration:none}a:not([href]):hover{color:inherit;text-decoration:none}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
/*# sourceMappingURL=bootstrap-reboot.min.css.map */

/*!
 * Bootstrap Grid v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;min-width:0;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}
/*# sourceMappingURL=bootstrap-grid.min.css.map */

/*!
 * Featherlight v1.7.14
*/

html.with-featherlight{overflow:hidden}.featherlight{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483647;text-align:center;white-space:nowrap;cursor:pointer;background:#333;background:rgba(0,0,0,0)}.featherlight:last-of-type{background:rgba(0,0,0,.8)}.featherlight:before{content:'';display:inline-block;height:100%;vertical-align:middle}.featherlight .featherlight-content{position:relative;text-align:left;vertical-align:middle;display:inline-block;overflow:auto;padding:25px 25px 0;border-bottom:25px solid transparent;margin-left:5%;margin-right:5%;max-height:95%;background:#fff;cursor:auto;white-space:normal}.featherlight .featherlight-inner{display:block}.featherlight link.featherlight-inner,.featherlight script.featherlight-inner,.featherlight style.featherlight-inner{display:none}.featherlight .featherlight-close-icon{position:absolute;z-index:9999;top:0;right:0;line-height:25px;width:25px;cursor:pointer;text-align:center;font-family:Arial,sans-serif;background:#fff;background:rgba(255,255,255,.3);color:#000;border:0;padding:0}.featherlight .featherlight-close-icon::-moz-focus-inner{border:0;padding:0}.featherlight .featherlight-image{width:100%}.featherlight-iframe .featherlight-content{border-bottom:0;padding:0;-webkit-overflow-scrolling:touch}.featherlight iframe{border:0}.featherlight *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}@media only screen and (max-width:1024px){.featherlight .featherlight-content{margin-left:0;margin-right:0;max-height:98%;padding:10px 10px 0;border-bottom:10px solid transparent}}@media print{html.with-featherlight>*>:not(.featherlight){display:none}}

@font-face {
    font-family: Gilroy-ExtraBold;
    src: url(/wp-content/themes/roofer20/fonts/Gilroy-ExtraBold.otf);
}

@font-face {
    font-family: Gilroy-Light;
    src: url(/wp-content/themes/roofer20/fonts/Gilroy-Light.otf);
}

:root {
    --brand-font-1: 'Gilroy-ExtraBold', 'Poppins', Helvetica, Arial, sans-serif;
    --brand-font-2: 'Gilroy-Light', 'Poppins', Helvetica, Arial, sans-serif;
    --brand-font-wt-1: 800;
    --brand-font-wt-2: 200;
    --brand-color-1: #BED62F;
    --brand-color-2: #A0B718;
	--brand-color-3: #2FD1D6;
    --brand-color-4: #015C79;
    --brand-color-5: #002141;
    --brand-color-6: #f1f1f1;
    --brand-color-7: #f6f6f6;
    --brand-gradient-1: linear-gradient(160deg, rgba(2,128,155,1) 0%, rgba(0,33,65,1) 70%);
    --brand-gradient-2: linear-gradient(90deg, rgba(190,214,47,1) 50%, rgba(160,183,24,1) 50%);
}

html {
    scroll-behavior: smooth;
	overflow-x: hidden;
}

body {
	box-sizing: border-box;
    font-size: 16px;
    line-height: 26px;
    font-family: var(--brand-font-2);
    font-weight: var(--brand-font-wt-2);
    -webkit-font-smoothing: antialiased;
    letter-spacing: .25px;
	overflow-x: hidden;
}

section {
	position: relative;
}

.banner {
	padding-top: 112px;
	padding-bottom: 112px;
}

.banner-m {
    padding-top: 82px;
    padding-bottom: 82px;
}

.banner-xs {
    padding-top: 52px;
    padding-bottom: 52px;
}

@media screen and (max-width: 992px) {
    .banner {
        padding-top: 82px;
        padding-bottom: 82px;
    }
}

@media screen and (max-width: 768px) {
    .banner {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .banner-m, .banner-xs {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.rounded {
    border-radius: 14px;
    overflow: hidden; /*clips images inside of divs */
}

@media screen and (max-width: 455px) {
    .container {
        padding-right: 30px;
        padding-left: 30px;
    }
}

/*--------------------------------------------------------------- 
>>> # 2. Typography
----------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-family: var(--brand-font-1);
    font-weight: var(--brand-font-wt-1);
    -webkit-font-smoothing: antialiased;
}

h1 {
    font-size: 42px;
    line-height: 52px;
    margin-bottom: .6em;
}

h2 {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: .6em;
}

h3 {
    font-size: 24px;
    line-height: 30px;
}

a {
    font-family: var(--brand-font-1);
}

b, strong {
    font-family: 'Gilroy-ExtraBold';
    font-weight: normal;
}

.italics {
	font-style: oblique;
}

.micro {
    font-size: 18px;
    line-height: 32px;
    text-transform: uppercase;
}

.jumbo {
    font-size: 42px;
    line-height: 52px;
    margin-bottom: .6em;
}

.text-sm {
    font-size: 14px;
    line-height: 24px;
}

.end {
    margin-bottom: 0;
}

@media screen and (max-width: 768px) {
    h1 {
        font-size: 38px;
        line-height: 48px;
    }
    
    h2 {
        font-size: 32px;
        line-height: 42px;
    }
    
    h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .jumbo {
        font-size: 40px;
        line-height: 50px;
    }
}

@media screen and (max-width: 455px) {
    h1 {
        font-size: 36px;
        line-height: 46px;
    }
    
    h2 {
        font-size: 30px;
        line-height: 40px;
    }
    
    h3 {
        font-size: 20px;
        line-height: 26px;
    }

    .jumbo {
        font-size: 36px;
        line-height: 46px;
    }
}

/*--------------------------------------------------------------- 
>>> # 3. Links + Buttons
----------------------------------------------------------------*/
a {
    color: var(--brand-color-4);
    text-decoration: none;
    background-color: transparent;
}

a:hover {
    color: var(--brand-color-3);
    text-decoration: underline;
}

.basic,
.basic:active,
.basic:focus,
.basic:visited {
    color: #fff;
	font-size: 16px;
    line-height: 16px;
    padding-bottom: 4px;
    text-decoration: none;
    border-bottom: 2px solid;
}

.basic:hover {
    color: #fff;
    text-decoration: none;
}

.basic img.basic__icon {
    position: relative;
    width: 12px;
    height: 7px;
    transform: rotate(-90deg);
    margin-left: 8px;
}

.btn,
.btn:active,
.btn:focus,
.btn:visited {
    display: flex;
    align-items: center;
    width: fit-content;
    height: 50px;
    color: #fff;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    padding: 0 0 0 2em;
    background-image: var(--brand-gradient-2);
    background-size: 200%;
    background-position: left;
    border-radius: 8px;
    overflow: hidden;
    transition: ease .3s;
}

.btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 100%;
    margin-left: 2em;
    background-color: var(--brand-color-2);
    pointer-events: none;
}

.btn span img {
    width: 14px;
    height: 14px;
    transition: ease .3s;
}

.btn:hover {
    color: #fff;
    text-decoration: none;
    background-position: right;
    transition: ease .3s;
}

.btn:hover span img {
    transform: rotate(-45deg);
    transition: ease .3s;
}

.basic:focus,
.btn:focus {
    outline: none;
}

.outline-btn {
    display: flex;
    align-items: center;
    width: fit-content;
    height: 50px;
    color: inherit;
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    padding: 0 0 0 1.2em;
    border: 3px solid;
    background-size: 200%;
    background-position: left;
    border-radius: 8px;
    overflow: hidden;
    transition: ease .3s;
}

.outline-btn span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 46px;
    height: 100%;
    margin-left: 1.2em;
    border-left: 3px solid;
}

.outline-btn span img {
    width: 14px;
    height: 14px;
    transition: ease .3s;
}

.outline-btn:hover {
    text-decoration: none;
}

.outline-btn:hover span img {
    transform: rotate(-45deg);
    transition: ease .3s;
}

.phone-btn {
    position: relative;
    color: #000;
    font-size: 14px;
    margin-top: 2px;
    margin-right: 1rem;
    border-bottom: 2px solid;
    border-color: transparent;
    transition: ease .3s;
}

.phone-btn:hover {
    color: #000;
    text-decoration: none;
    border-color: #000;
}

.phone-btn::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: url(/wp-content/themes/roofer20/svg/phone-call-icon-black.svg) center center no-repeat;
    background-size: contain;
    top: 4px;
    left: -30px;
}

.clickable {
    display: block;
    color: inherit;
    text-decoration: none;
    transition: ease .3s;
}

.clickable:hover {
    color: inherit;
    text-decoration: none;
    transform: scale(1.025);
    transition: ease .3s;
}

@media screen and (max-width: 575px) {
    .clickable:hover {
        transform: none;
    }
}

/*--------------------------------------------------------------- 
>>> # 4. Headers + Nav
----------------------------------------------------------------*/
.header {
    position: relative;
    display: flex;
    justify-content: center;
	align-items: center;
	top: 0;
    width: 100%;
    height: 120px;
    background-color: #fff;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    z-index: 9999;
}

.header__inner {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 30px;
}

.header__inner__left {
	display: flex;
	align-items: center;
	width: 58%;
}

img.header__inner__left__logo {
    display: flex;
    width: 100%;
    max-width: 218px;
    height: auto;
}

.header__inner__left .primary-nav {
    list-style: none;
    display: block;
    align-items: center;
    margin: 0;
    padding-left: 24px;
}

.header__inner__left .primary-nav .menu-item-has-children > a:after {
    content: '';
    position: relative;
    display: inline-block;
    width: 9px;
    height: 6px;
    background: url(/wp-content/themes/roofer20/svg/chevron-black.svg) no-repeat center center;
    top: 0;
    margin: 0 0 0 6px;
}

.header__inner__left .primary-nav li {
    position: relative;
    display: inline;
    margin-right: 24px;
    padding: 1.75em 0;
    pointer-events: all;
}

.header__inner__left .primary-nav li:last-child {
    margin-right: 0;
}

.primary-nav > li > a {
    display: inline-block;
    color: #000;
    font-size: 14px;
    text-decoration: none;
    margin: auto;
    border-bottom: 2px solid;
    border-color: transparent;
    transition: all .2s;
}

.primary-nav li > a:hover {
    text-decoration: none;
}

.primary-nav li:hover > a {
    text-decoration: none;
    border-color: #000;
}

.primary-nav li > ul.sub-menu {
    visibility: hidden;
    position: absolute;
    top: 70px;
    left: 0;
    width: 200px;
    background-color: var(--brand-color-1);
    padding: 0;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
}

.primary-nav li > ul.sub-menu li {
    width: 100%;
    padding: 0;
    height: auto;
    margin: 0;
}

.primary-nav li:hover > .sub-menu {
    visibility: visible;
}

.primary-nav .sub-menu::before {
    content: '';
    position: absolute;
    top: -10px;
    left: 15px;
    width: 25px;
    height: 12px;
    background: var(--brand-color-1);
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

ul.sub-menu li {
    position: relative;
}

ul.sub-menu li a {
    position: relative;
    color: #fff;
    padding: 12px 3em 12px 1em;
    display: block;
    width: 100%;
    background-size: 200%;
    background-position: left;
    border-bottom: 1px solid var(--brand-color-2);
}

ul.sub-menu li a::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/wp-content/themes/roofer20/svg/chevron.svg) center center no-repeat;
    right: 1em;
    top: 40%;
    transform: rotate(-90deg);
}

.primary-nav li > ul.sub-menu li:last-child a {
    border-bottom: 0;
}

ul.sub-menu li a:hover {
    text-decoration: none;
    border-color: var(--brand-color-2);
    background-color: var(--brand-color-1);
    background-image: var(--brand-gradient-2);
    background-position: right;
}

.primary-nav li .sub-menu li:hover a {
    border-bottom: 1px solid var(--brand-color-2);
}

.primary-nav li ul.sub-menu li > ul.sub-menu {
    position: absolute;
    top: 0;
    left: 200px;
    width: 280px;
}

.primary-nav li > ul.sub-menu li ul.sub-menu li a {
    border-bottom: 1px solid var(--brand-color-2);
}

.primary-nav li > ul.sub-menu li .sub-menu li:last-child a {
    border-bottom: 0;
}

.primary-nav .sub-menu li > .sub-menu::before {
    display: none;
    content: '';
    position: absolute;
    top: -12px;
    left: 15px;
    width: 25px;
    height: 12px;
    background: var(--brand-color-1);
    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}

.header__inner__left .primary-nav .sub-menu .menu-item-has-children > a::after {
    content: '';
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url(/wp-content/themes/roofer20/svg/chevron.svg) center center no-repeat;
    right: 1em;
    top: 40%;
    transform: rotate(-90deg);
}

.header__inner__right {
    display: flex;
    align-items: center;
    width: 42%;
    height: 100%;
    margin: auto 0;
    justify-content: flex-end;
}

.header__inner__right .btn {
    padding: 0 0 0 1.2em;
}

.header__inner__right .btn span {
    margin-left: 1.2em;
}

.header-scroll {
    transform: translateY(95px);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    transition: ease all .3s;
}

/*-- Sticky Header Stylings --*/
.sticky {
    position: fixed;
    display: flex;
    top: -95px;
    width: 100%;
    padding: 0;
    z-index: 99999;
    background-color: #fff;
    height: 95px;
    transition: ease all .3s;
}

.sticky__inner {
    display: flex;
    align-items: center;
    width: calc(100% - 92px);
    height: 100%;
    margin: 0 50px 0 30px;
}

.sticky__message {
    display: flex;
    width: 150px;
    margin-right: 42px;
}

span.sticky__heading {
    display: block;
    font-family: var(--brand-font-1);
    font-size: 24px;
    line-height: 24px;
    color: #000;
    margin: 0;
    padding: 0;
}

.sticky__form {
    width: 100%;
}

.menu-hamburger {
    cursor: pointer;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: var(--brand-color-4);
    border: 0;
    overflow: visible;
    width: 92px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu-hamburger.is-active .hamburger-inner,
.menu-hamburger.is-active .hamburger-inner::before,
.menu-hamburger.is-active .hamburger-inner::after {
	background-color: #ffffff;
}

.hamburger-box {
	width: 40px;
	height: 30px;
	display: inline-block;
	position: relative;
}

.hamburger-inner {
	display: block;
	top: 50%;
	margin-top: -2px;
}

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
	width: 40px;
	height: 6px;
	border-radius: 2px;
	background-color: #ffffff;
	position: absolute;
	transition-property: transform;
	transition-duration: 0.15s;
	transition-timing-function: ease;
}

.hamburger-inner::before, .hamburger-inner::after {
	content: '';
	display: block;
}

.hamburger-inner::before {
	top: -12px;
}

.hamburger-inner::after {
	bottom: -12px;
}

.hamburger--squeeze .hamburger-inner {
	transition-duration: 0.075s;
	transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze .hamburger-inner::before {
	transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger--squeeze .hamburger-inner::after {
	transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger--squeeze.is-active .hamburger-inner {
	transform: rotate(45deg);
	transition-delay: 0.12s;
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger--squeeze.is-active .hamburger-inner::before {
	top: 0;
	opacity: 0;
	transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger--squeeze.is-active .hamburger-inner::after {
	bottom: 0;
	transform: rotate(-90deg);
	transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

button#responsive-menu-pro-button {
    display: none !important;
    top: auto !important;
    bottom: 50px !important;
    width: 80px !important;
    height: 80px !important;
    border-radius: 50px;
    -webkit-box-shadow: 0px 5px 35px 0px rgba(0,0,0,0.6);
    -moz-box-shadow: 0px 5px 35px 0px rgba(0,0,0,0.6);
    box-shadow: 0px 5px 35px 0px rgba(0,0,0,0.6);
}

.responsive-menu-pro-open #responsive-menu-pro-container.push-right, 
.responsive-menu-pro-open #responsive-menu-pro-container.slide-right {
    -webkit-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
}

div#responsive-menu-pro-wrapper {
    padding: 120px 30px 30px;
}

a.responsive-menu-pro-item-link {
    border-bottom: 1px solid #cdcdcd !important;
}

.responsive-menu-pro-subarrow {
    top: 20px !important;
}

#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu li.responsive-menu-pro-item a .responsive-menu-pro-subarrow {
    line-height: 14px !important;
}

ul.responsive-menu-pro-submenu .responsive-menu-pro-subarrow {
    top: 15px !important;
}

ul.responsive-menu-pro-submenu.responsive-menu-pro-submenu-depth-2 li a {
    font-size: 12px !important;
    line-height: 16px !important;
}

#responsive-menu-pro-container #responsive-menu-pro ul.responsive-menu-pro-submenu.responsive-menu-pro-submenu-depth-2 li.responsive-menu-pro-item .responsive-menu-pro-item-link {
    border: 0 !important;
}

#responsive-menu-pro-container #responsive-menu-pro-additional-content {
    padding: 25px 0 !important;
}

#responsive-menu-pro-container #responsive-menu-pro-additional-content .btn {
    font-size: 12px;
    line-height: 15px;
    padding: 0 0 0 1em !important;
    margin-bottom: 2em;
}

#responsive-menu-pro-container #responsive-menu-pro-additional-content .btn span {
    margin-left: 1em !important;
}

#responsive-menu-pro-container #responsive-menu-pro-additional-content .phone-btn {
    display: inline-block;
    color: var(--brand-color-4);
    font-size: 14px !important;
    margin-left: 25px;
    margin-bottom: 2em;
}

#responsive-menu-pro-container #responsive-menu-pro-additional-content .phone-btn:hover {
    border-color: var(--brand-color-4);
}

#responsive-menu-pro-container #responsive-menu-pro-additional-content .phone-btn::before {
    background: url(/wp-content/themes/roofer20/svg/phone-call-icon-blue.svg) center center no-repeat; 
}

#responsive-menu-pro-container #responsive-menu-pro-additional-content .mobile-menu__social a:hover {
    text-decoration: none;
} 
#responsive-menu-pro-container #responsive-menu-pro-additional-content .mobile-menu__social a img {
    width: 25px;
    height: 25px;
    object-fit: contain;
    margin-right: 1.2em !important;
}

.header__inner__left__mobile {
    display: none;
    transition: ease .3s;
}

@media screen and (max-width: 1200px) {
    img.header__inner__left__logo {
        max-width: 150px;
        transition: ease .3s;
    }

    .header__inner__left .primary-nav li {
        margin-right: 20px;
    }

    .primary-nav li a {
        font-size: 12px;
    }

    .phone-btn {
        font-size: 12px;
    }

    .phone-btn::before {
        left: -25px;
    }

    .header__inner__right .btn {
        font-size: 13px;
    }

    .header__inner__right .btn span img {
        width: 12px;
        height: 12px;
        transition: ease .3s;
    }

    .sticky__inner {
        margin: 0 30px;
    }

    .sticky__message {
        width: 112px;
        margin-right: 30px;
    }

    span.sticky__heading {
        font-size: 18px;
        line-height: 21px;
    }
}

@media screen and (max-width: 1020px) {
    .header__inner__left {
        width: 150px;
    }

    nav.header__inner__left__nav {
        display: none;
    }

    .header__inner__right {
        width: calc(100% - 150px);
    }

    .menu-hamburger.hamburger--squeeze {
        display: none;
    }

    button#responsive-menu-pro-button {
        display: inline-block !important;
    }

    .sticky__inner {
        width: 100%;
    }
}

@media screen and (max-width: 992px) {
    header#header-sticky {
        display: none;
    }

    header#header {
        position: fixed;
    }

    section.header-comp {
        height: 120px;
    }    

    .header-mobile-scroll {
        background-color: #fff !important;
        -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3) !important;
        -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3) !important;
        box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3) !important;
        transition: ease all .15s;
    }

    .header-mobile-scroll a.phone-btn {
        color: #000;
        transition: ease all .15s !important;
    }

    .header-mobile-scroll a.phone-btn:hover {
        color: #000;
        border-color: #000;
        transition: ease all .15s !important;
    }

    .header-mobile-scroll a.phone-btn::before {
        background: url(/wp-content/themes/roofer20/svg/phone-call-icon-black.svg) center center no-repeat;
    }

    .header-mobile-scroll .header__inner__left {
        display: none;
    }

    .header-mobile-scroll .header__inner__left__mobile {
        display: flex;
        align-items: center;
        width: 150px;
    }

    div#responsive-menu-pro-wrapper {
        padding: 20px 30px 30px;
    }
}

@media screen and (max-width: 768px) {
    header#header {
        height: 75px;
    }

    section.header-comp {
        height: 75px;
    }

    .header__inner__right .btn {
        display: none;
    }

    .header__inner__right a.phone-btn {
        margin-right: 0;
    }
}

/*--------------------------------------------------------------- 
>>> # 5. Template Components 
    >>> # 5.1 Fixed 
----------------------------------------------------------------*/

/*-- Hero (Main) --*/
.hero {
    display: flex;
    align-items: center;
    height: auto;
    padding-top: 150px;
    padding-bottom: 100px;
}

.hero__fg {
    position: absolute;
    display: flex;
    align-items: flex-end;
    width: auto;
    height: calc(100% + 109px);
    right: -12%;
    z-index: 5;
    top: 0;
    transition: ease .3s;
}

img.hero__fg__img {
    width: 100%;
    height: 625px;
    object-fit: contain;
}

.hero__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -10;
    background: var(--brand-color-4);
    background-image: var(--brand-gradient-1);
}

img.hero__bg__img {
    position: absolute;
    width: 100%;
    height: 100%;
    right: -20%;
    bottom: 0;
    object-fit: contain;
    object-position: bottom left;
    transition: ease .3s;
}

.hero .container.hero__container {
    position: relative;
    z-index: 20;
}

.hero .container.hero__container::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    top: 12px;
    left: -216px;
}

.hero h1, .hero p {
	color: #fff;
}

.hero p {
    font-size: 14px;
    margin: 0;
}

.hero__bullets {
    position: relative;
    list-style: none;
    margin: 1.5em 0 1.8em;
    padding: 0;
}

.hero__bullets .hero__bullets__item {
	display: flex;
    margin-bottom: .5em;
    align-items: center;
}

.hero__bullets__item {
    color: #fff;
    font-family: var(--brand-font-1);
}

.hero__bullets__item img {
    width: 16px;
    height: 16px;
    margin-right: 12px;
}

.hero__ratings {
    display: flex;
    margin-top: 2.5em;
}

.hero__ratings__inner {
    display: flex;
    width: 50%;
    height: 21px;
    max-width: 116px;
    color: #fff;
}

.hero__ratings__inner:first-child {
    border-right: 2px solid #fff;
    margin-right: 28px;
}

span.hero__ratings__inner__right {
    display: flex;
    flex-flow: column;
}

span.hero__ratings__inner__right p {
    font-family: var(--brand-font-1);
    font-size: 11px;
    line-height: 18px;
    text-transform: uppercase;
    margin: 0;
}

.hero-trust.trust-factors {
    padding-top: 70px;
    padding-bottom: 30px;
    background-color: var(--brand-color-7);
}

.trust-factors__slider .slick-slide {
    background-color: var(--brand-color-7);
}

@media screen and (min-width: 1500px) {
    .hero__fg {
        right: -7%;
    }

    img.hero__bg__img {
        right: -23%;
    }
}

@media screen and (min-width: 1700px) {
    img.hero__bg__img {
        right: -30%;
    }
}

@media screen and (min-width: 1980px) {
    .hero__fg {
        right: -3%;
    }
    
    img.hero__bg__img {
        right: -36%;
    }
}

@media screen and (min-width: 2400px) {
    img.hero__bg__img {
        right: -44%;
    }
}

@media screen and (max-width: 1300px) {
    img.hero__bg__img {
        right: -16%;
    }
}

@media screen and (max-width: 1200px) {
    .hero__fg {
        right: -20%;
    }

    .hero__fg img {
        height: 540px;
    }
}

@media screen and (max-width: 992px) {
    section.hero {
        flex-flow: column;
        padding-top: 200px;
        padding-bottom: 60px;
    }

    .hero .container.hero__container {
        order: 1;
        padding-top: 30px;
    }

    .hero__fg {
        position: relative;
        order: 0;
        top: 30px;
        width: 100%;
        height: auto;
        right: -15%;
        transition: none;
    }

    .hero__fg img {
        height: 485px;
        transition: none;
    }

    img.hero__bg__img {
        top: 115px;
        bottom: auto;
        right: -15%;
        height: 500px;
        width: auto;
        transition: none;
    }

    .hero-trust.trust-factors {
        padding-top: 0;
        padding-bottom: 0;
    }
}

@media screen and (max-width: 768px) {
    section.hero {
        padding-top: 116px;
    }

    .hero .container.hero__container::before {
        left: -180px;
    }

    .hero .hero__ratings {
        display: none;
    }

    .hero__fg {
        top: 0;
        right: 0;
    }

    .hero__fg img {
        width: auto;
        height: 400px;
        transition: ease .3s;
    }

    img.hero__bg__img {
        height: 360px;
        top: 70px;
        transition: ease .3s;
    }
}

@media screen and (max-width: 575px) {
    .hero-int__bg {
        max-height: 500px;
    }
}

@media screen and (max-width: 455px) {
    .hero__fg img {
        width: auto;
        height: 300px;
        transition: ease .3s;
    }

    img.hero__bg__img {
        height: 260px;
        right: -10%;
        top: 80px;
        transition: ease .3s;
    }
}


/*-- Interior Top Level Hero --*/
.hero-int {
    color: #fff;
    text-align: center;
}

.hero-int .container {
    padding-top: 112px;
    padding-bottom: 0px;
}

.hero-int .container h2 {
    margin: auto;
    max-width: 600px;
}

.hero-int__bg {
    position: absolute;
    width: 100%;
    height: 100vh;
    max-height: 572px;
    top: 0;
    z-index: -10;
    background: var(--brand-color-4);
    background-image: var(--brand-gradient-1);
}

.hero-int__bg::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    top: 64px;
    left: -85px;
}

.hero-int__bg::after {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    bottom: -50px;
    right: -83px;
}

@media screen and (max-width: 992px) {
    .hero-int .container {
        padding-top: 84px;
    }
}

/*-- General Page Hero --*/
.hero-general {
    color: #fff;
    text-align: center;
}

.hero-general__bg {
    position: absolute;
    width: 100%;
    height: calc(100% + 60px);
    top: 0;
    z-index: -10;
    background: var(--brand-color-4);
    background-image: var(--brand-gradient-1);
}

.hero-general__bg::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    bottom: -50px;
    left: -56px;
}

.hero-general__bg::after {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    top: -48px;
    right: -61px;
}

.hero-general .container {
    padding-top: 84px;
    padding-bottom: 60px;
}

@media screen and (max-width: 992px) {
    .hero-general .container {
        padding-bottom: 84px;
    }

    .hero-general__bg {
        height: 100%;
    }
}

@media screen and (max-width: 575px) {
    .hero-general .container {
        padding-top: 60px;
        padding-bottom: 60px;
    }
}

/*-- Custom Post Type Hero --*/
.hero-cpt {
    color: #fff;
    display: flex;
    align-items: center;
    height: auto;
    min-height: 648px;
}

.hero-cpt .container {
    position: relative;
}

.hero-cpt .container::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    top: 64px;
    left: -216px;
}

.hero-cpt__left {
    padding-top: 60px;
}

.hero-cpt .hero__bullets p {
    margin-bottom: 0;
}

.hero-cpt a.outline-btn {
    color: var(--brand-color-1);
    border: 3px solid var(--brand-color-1);
}

.hero-cpt a.outline-btn:hover {
    background-color: rgba(225,225,225,0.25);
    transition: ease .3s;
}

.hero-cpt a.outline-btn:hover span img {
    transform: rotate(0deg);
}

.hero-cpt .hero__ratings {
    margin-top: 2em;
}

.hero-cpt__fg {
    position: absolute;
    bottom: -25px;
    left: 81%;
    z-index: 5;
    transition: ease-in-out .3s;
}

.hero-cpt__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: var(--brand-color-4);
    background-image: var(--brand-gradient-1);
    z-index: -5;
}

.hero-cpt__bg img {
    position: absolute;
    width: auto;
    height: 620px;
    object-fit: contain;
    bottom: -2px;
    left: 55%;
    transition: ease-in-out .3s;
}

.hero-cpt__right {
    display: flex;
    min-height: 522px;
}

.hero-cpt__right::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    top: 22px;
    left: 19%;
}

.hero__form {
    position: relative;
    align-self: flex-end;
    width: 100%;
    max-width: 362px;
    height: fit-content;
    min-height: 410px;
    background: var(--brand-color-7);
    -webkit-box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.5);
    z-index: 5;
}

.hero-cpt__right img {
    width: 100%;
    max-width: 440px;
    height: 430px;
    position: absolute;
    top: 0;
    right: 0;
    object-fit: cover;
    border-radius: 14px;
    -webkit-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    z-index: 0;
}

img.rating-source {
    width: 20px;
    height: 20px;
    object-fit: contain;
    margin-right: 8px;
}

span.hero__form__bottom__rating__right {
    display: flex;
    flex-flow: column;
}

span.hero__form__bottom__rating__right img {
    width: 100%;
    max-width: 90px;
    height: auto;
}

.hero-trust__cpt.trust-factors {
    background-color: var(--brand-color-7);
}

.hero-trust__cpt.trust-factors .container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.hero-trust__cpt.trust-factors h2 {
    display: none;
}

.hero-cpt__mobile__image {
    display: none;
}

.hero__form__mobile {
    display: none;
}

@media screen and (min-width: 1800px) {
    .hero-cpt__bg img {
        left: 60%;
        transition: ease-in-out .3s;
    }
}

@media screen and (min-width: 2160px) {
    .hero-cpt__bg img {
        left: 55%;
        transition: ease-in-out .3s;
    }

    .hero-cpt__fg {
        left: 67%;
        transition: ease-in-out .3s;
    }
}

@media screen and (max-width: 1300px) {
    .hero-cpt__bg img {
        left: 44%;
        transition: ease-in-out .3s;
    }
}

@media screen and (max-width: 1200px) {
    .hero-cpt .container::before {
        left: -165px;
    }

    .hero-cpt__right::before {
        left: 10%;
    }

    .hero-cpt__fg {
        left: 75%;
    }
}

@media screen and (max-width: 992px) {
    .hero-cpt__mobile__image {
        display: block;
        position: relative;
        width: calc(100vw + 100px);
        height: 400px;
        right: 0;
        -webkit-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    }

    .hero-cpt__mobile__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .hero-cpt__right {
        display: none;
    }

    .hero-cpt__fg {
        left: 68%;
    }

    .hero-cpt__bg img {
        left: 25%;
        transition: ease-in-out .3s;
    }

    .hero-trust__cpt.trust-factors .container {
        padding-top: 30px;
        padding-bottom: 0;
    }

    .hero-trust__cpt.trust-factors h2 {
        display: block;
        text-align: center;
        margin-bottom: 1em;
    }

    .hero__form__mobile {
        display: block;
        position: relative;
        width: 100%;
        max-width: 400px;
        height: fit-content;
        margin: 0 auto 60px;
        background: var(--brand-color-7);
        -webkit-box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.5);
        z-index: 5;
    }
}

@media screen and (max-width: 768px) {
    .hero-cpt__left {
        padding-bottom: 30px;
    }

    .hero-cpt .hero__ratings {
        display: none;
    }
}

@media screen and (max-width: 575px) {
    .hero-cpt__mobile__image {
        height: 300px;
    }

    .hero-cpt__fg {
        left: 52%;
    }

    .hero-cpt__bg img {
        height: 320px;
        transition: ease-in-out .3s;
    }
}


/*---------------------------------------------------------------
    >>> # 5.2 Flexible Content
----------------------------------------------------------------*/

/*-- Careers --*/
.careers {
    background-color: var(--brand-color-7);
}

.careers .careers__top h2 {
    font-size: 42px;
    line-height: 33px;
    text-align: center;
    color: var(--brand-color-4);
}

.careers .careers__top p {
    max-width: 705px;
    margin: 0 auto;
    text-align: center;
}

.careers__value {
    display: flex;
    margin: 70px auto;
    padding: 0 30px;
}

.careers__value img {
    width: 35px;
    height: auto;
    object-fit: contain;
    align-self: flex-start;
    margin-top: 8px;
    margin-right: 12px;
}

.careers__value span {
    width: calc(100% - 45px);
}

.careers__value span h4 {
    font-size: 20px;
    line-height: 32px;
    color: var(--brand-color-4);
}

.careers__value span p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
}

.careers__post {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    padding: 32px 40px;
    margin-bottom: 1.5em;
    -webkit-box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 15px 35px 0px rgba(0,0,0,0.3);
}

.careers__post__inner {
    display: flex;
    align-items: center;
}

.careers__post__inner h3,
.careers__post__inner p {
    margin: 0;
    line-height: 0;
}

.careers__post__inner h3 {
    font-size: 18px;
    line-height: 18px;
    margin-right: 1.2em;
}

.careers__post__inner p {
    font-size: 14px;
    font-family: var(--brand-font-1);
    color: var(--brand-color-3);
}

.careers__post__inner img {
    width: 10px;
    height: auto;
    margin-right: 8px;
}

.careers__post a.btn {
    justify-content: flex-end;
}

@media screen and (max-width: 992px) {
    .careers__value {
        margin: 50px auto;
        padding: 0;
    }

    .careers__post__inner {
        flex-wrap: wrap;
        width: calc(100% - 185px);
    }

    .careers__post__inner h3 {
        display: block;
        width: 100%;
        height: 100%;
        font-size: 16px;
        line-height: 16px;
        margin-right: 1em;
        margin-bottom: 1em;
    }
}

@media screen and (max-width: 768px) {
    .careers .careers__top h2 {
        font-size: 32px;
        line-height: 42px;
    }

    .careers__value {
        flex-flow: column;
        align-items: center;
        text-align: center;
        margin: 30px auto 0;
    }

    .careers__value.last-col {
        margin-bottom: 60px;
    }

    .careers__value img {
        align-self: center;
    }
}

@media screen and (max-width: 575px) {
    .team-grid__tile {
        padding: 0 65px;
    }

    .careers__post__inner {
        width: 100%;
        text-align: center;
        justify-content: center;
        margin-bottom: 30px;
    }
}

/*-- CTA Banner --*/
.cta-banner {
    padding-top: 90px;
    padding-bottom: 100px;
    overflow: hidden;
}

.cta-banner h2 {
    display: block;
    margin: 0 auto 1em;
}

img.cta-banner__bg {
    position: absolute;
    bottom: -7px;
    left: 50%;
    width: auto;
    height: 264px;
    object-fit: contain;
    z-index: -5;
}

span.cta-banner__icon img {
    width: 36px;
    height: 36px;
    object-fit: contain;
    margin-top: -6px;
    margin-left: 4px;
}

@media screen and (max-width: 768px) {
    .cta-banner {
        padding-top: 60px;
        padding-bottom: 280px;
        text-align: center;
    }

    .cta-banner .btn {
        margin: auto;
    }

    img.cta-banner__bg {
        left: -35px;
        height: 250px;
    }
}

/*-- FAQ Section --*/
.faqs h2 {
    text-align: center;
    margin-bottom: 1.6em;
}

.dropdown {
    display: block;
    width: 100%;
    margin: auto;
    border: 3px solid #d1d1d1;
}
.dropdown + .dropdown {
    margin-top: 2em;
}
  
.dropdown__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #000;
    padding: 25px 64px 25px 40px;
    box-sizing: border-box;
    font-family: var(--brand-font-1);
    font-size: 16px;
    line-height: 26px;
    background-color: #fff;
    cursor: pointer;
    transition: background .3s ease;
    will-change: background;
}

.dropdown__top::after {
    content: '';
    position: absolute;
    right: 50px;
    width: 18px;
    height: 18px;
    background: url(/wp-content/themes/roofer20/svg/plus-icon.svg) center center no-repeat;
    transition: transform .3s ease;
    will-change: transform;
}
    
.open .dropdown__top::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
  
.dropdown__btm {
    background: #fff;
    font-size: 14px;
    line-height: 28px;
    box-sizing: border-box;
    border-top: 3px solid #d1d1d1;
    padding: 40px;
    display: none;
}

.dropdown__btm p {
    margin-bottom: 0;
}

/*-- Four Columns --*/
.four-col .col-lg-12 {
    margin-bottom: 5em;
}

.four-col h2 {
    max-width: 660px;
    text-align: center;
    margin: 0 auto;
}

.four-col__wrapper {
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.four-col__wrapper::before {
    content: '';
    position: absolute;
    width: 90%;
    height: 10px;
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: var(--brand-color-5);
}

.four-col__tile {
    position: relative;
    width: calc((100% / 4) - 20px);
    height: 100%;
    min-height: 255px;
    background-color: #fff;
    border-radius: 14px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
}

.four-col__icon {
	display: flex;
    justify-content: center;
    align-content: center;
    position: absolute;
    left: 0;
    right: 0;
    top: -44px;
    width: 85px;
    height: 85px;
    margin: 0 auto;
    padding: 20px;
    text-align: center;
    border-radius: 8px;
    background-color: var(--brand-color-4);
    background-image: var(--brand-gradient-1);
}

.four-col__icon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.four-col__content {
    text-align: center;
    padding: 60px 40px 20px;
}

.four-col__content span {
    position: relative;
    display: block;
    font-family: var(--brand-font-1);
    color: #C8C8C8;
    font-size: 14px;
    margin-bottom: .5em;
}

.four-col__content h3 {
    font-size: 26px;
    color: var(--brand-color-1);
}

.four-col__content p {
    font-size: 12px;
    line-height: 18px;
    letter-spacing: .25px;
}

@media screen and (max-width: 992px) {
    .four-col__wrapper {
        flex-flow: column;
    }

    .four-col__wrapper::before {
        width: 10px;
        height: 80%;
        top: 0;
        transform: none;
    }

    .four-col__tile {
        width: 100%;
        max-width: 480px;
        min-height: auto;
        margin: 0 auto 84px;
    }

    .four-col__wrapper .four-col__tile:last-of-type {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 455px) {
    .four-col__tile {
        max-width: 254px;
    }
}

/* Gallery Section */
.gallery {
    background-color: var(--brand-color-7);
}

.gallery__top {
    text-align: center;
}

.gallery-proj {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.gallery-proj img {
    width: 100%;
    height: 255px;
    object-fit: cover;
}

a.gallery-lightbox {
    position: relative;
    width: calc((100% / 4) - 20px);
    margin: 10px;
    transition: ease .3s;
}

a.gallery-lightbox:hover {
    opacity: .8;
    transition: ease .3s;
}

a.gallery-lightbox::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(/wp-content/themes/roofer20/svg/plus-sign-circle-icon.svg) center center no-repeat;
    background-size: contain;
    z-index: 10;
}

@media screen and (max-width: 1200px) {
    .gallery-proj img {
        height: 200px;
    }
}

@media screen and (max-width: 992px) {
    .gallery-proj {
        display: flex;
        flex-wrap: wrap;
        justify-content: left;
    }

    a.gallery-lightbox {
        width: calc((100% / 3) - 20px);
    }

    .gallery-proj img {
        height: 200px;
    }
}

@media screen and (max-width: 585px) {
    .gallery-proj {
        justify-content: center;
    }

    .gallery__top h2.std-header {
        color: #000;
        text-align: center;
        margin: 0 auto 2em;
    }

    a.gallery-lightbox {
        width: calc((100% / 2) - 20px);
        max-width: 200px;
        height: 200px;
    }

    a.gallery-lightbox::before {
        bottom: 43%;
        left: 43%;
    }
}

/*-- General Contact --*/
.general-contact__left {
    padding-top: 136px;
    padding-left: 30px;
    padding-right: 60px;
    font-size: 14px;
}

.general-contact__left img {
    width: 44px;
    height: 44px;
    object-fit: cover;
    margin-right: 20px;
    display: inline-block;
    -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.25);
    box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.25);
}

.general-contact__left__person {
    display: flex;
    align-items: center;
    margin-bottom: 1.4em;
}

.general-contact__left__person__text {
    display: inline-block;
    width: calc(100% - 64px);
}

.general-contact__left__person__text h4 {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
}

.general-contact__left__person__text p {
    font-family: var(--brand-font-1);
    font-size: 10px;
    line-height: 18px;
    text-transform: uppercase;
    color: #B3B1B1;
    margin: 0;
}

.general-contact__left__details {
    padding: 20px 0 35px;
}

.general-contact__left__details__item {
    position: relative;
    width: 100%;
    max-width: 280px;
    padding-bottom: 2em;
    margin-left: 60px;
}

.general-contact__left__details__item::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 25px;
    height: 25px;
    top: 0;
    left: -60px;
    background: url(/wp-content/themes/roofer20/svg/email-green.svg) center center no-repeat;
    background-size: contain;
}

.general-contact__left__details__item:first-child::before {
    background: url(/wp-content/themes/roofer20/svg/home-green.svg) center center no-repeat;
    background-size: contain;
}

.general-contact__left__details__item:last-child::before {
    background: url(/wp-content/themes/roofer20/svg/call-green.svg) center center no-repeat;
    background-size: contain;
}

.general-contact__left__details__item p {
    font-family: var(--brand-font-1);
    font-size: 16px;
    margin-bottom: .25em;
}

.general-contact__left__details__item a {
    font-family: var(--brand-font-2);
    font-size: 16px;
    line-height: 19px;
    color: #444;
    text-decoration: underline;
    transition: ease .3s;
}

.general-contact__left__details__item:first-child a {
    text-decoration: none;
}

.general-contact__left__details__item a:hover {
    text-decoration: underline;
    opacity: .8;
    transition: ease .3s;
}

.general-contact__left__details__item:first-child a:hover {
    text-decoration: none;
}

.general-contact__left__details__item:last-child {
    padding-bottom: 0;
}

.general-contact__right__form {
    background: #2099B2;
    padding: 50px;
    -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.5);
}

@media screen and (max-width: 992px) {
    .general-contact__left {
        padding: 0 30px 30px;
    }
}

/*-- History Slider --*/
.history {
    height: 100%;
    background-color: var(--brand-color-5);
    background-image: var(--brand-gradient-1);
}

.history h2 {
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.history-slider__arrows {
    position: absolute;
    top: 20px;
    right: 25px;
    width: 90px;
    height: auto;
}

.history-wrapper {
    position: relative;
    width: calc(100vw + 100px);
    height: auto;
    right: 0;
}

.history-wrapper::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    bottom: -30px;
    left: -38px;
}

.history-slider {
    width: 100%;
    margin-top: 80px;
    margin-right: -1em;
}

.history-slider .slick-slide {
    padding-right: 20px;
}

.history-slider__event img {
    width: 100%;
    height: 255px;
    object-fit: cover;
}

.history-slider__event__details {
    display: flex;
    align-items: center;
    padding: 20px 30px;
    background-color: #fff;
    min-height: 130px;
}

.history-slider__event__details p {
    font-size: 12px;
    line-height: 20px;
    margin-bottom: 0;
}

.history-slider__event__details h4 {
    font-size: 24px;
    color: var(--brand-color-3);
    padding-right: 20px;
    margin-bottom: 0;
}

.history-slider__arrows button.slick-prev.slick-arrow {
    left: 0;
}

.history-slider__arrows button.slick-next.slick-arrow {
    right: 0;
}

.history-slider .slick-dots {
    position: absolute;
    display: block;
    padding: 0;
    list-style: none;
    text-align: center;
    margin: auto;
    left: 0;
    right: 0;
}

@media screen and (max-width: 768px) {
    .history-slider__arrows {
        display: none;
    }

    .history-wrapper {
        width: 100%;
    }

    .history-slider {
        margin-top: 30px;
        margin-bottom: 30px;
        margin-right: 0;
    }

    .history-slider .slick-slide {
        padding-right: 0;
    }

    .history-slider__event__details {
        min-height: 180px;
    }

    .history-slider .slick-dots > li::before {
        background-color: #fff;
    }
}

/*-- Owner Promise --*/
.promise {
    color: #fff;
    background-color: var(--brand-color-2);
}

.promise__left, .promise__center, .promise__right {
    display: flex;
    flex-flow: column;
    justify-content: center;
}

.promise__left img.promise__left__headshot {
    width: 100%;
    max-width: 176px;
    height: auto;
    border-radius: 8px;
    margin: auto;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
}

.promise__center h2 {
    font-size: 32px;
    line-height: 38px;
    max-width: 400px;
}

.promise__center p {
    margin-bottom: 0;
}

.promise__right p {
    font-family: var(--brand-font-1);
    font-size: 18px;
    margin: 10px auto 0;
}

@media screen and (max-width: 992px) {
    .promise__left {
        margin-bottom: 2em;
    }

    .col-lg-5.promise__center {
        text-align: center;
        margin-bottom: 2em;
    }

    .promise__center h2 {
        font-size: 32px;
        line-height: 38px;
        max-width: none;
    }

    .promise__right img {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
}

/*-- Recent Articles --*/
.recent-articles {
    background-color: var(--brand-color-7);
}

.recent-articles__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.recent-articles .outline-btn {
    color: var(--brand-color-4);
    border-color: var(--brand-color-4);
}

.recent-articles .outline-btn span {
    border-color: var(--brand-color-4);
}

.blog-posts__single.recent-articles__post {
    min-height: 350px;
}

.recent-articles__mobile .outline-btn {
    display: none;
    margin: auto;
}

@media screen and (max-width: 992px) {
    .blog-posts__single.recent-articles__post {
        min-height: 280px;
    }
}

@media screen and (max-width: 768px) {
    .recent-articles__top {
        justify-content: center;
        text-align: center;
    }

    .recent-articles__top .outline-btn {
        display: none;
    }

    .recent-articles__mobile .outline-btn {
        display: flex;
        margin: 30px auto 0;
    }
}

/*-- Service Grid --*/
.service-grid.banner {
    padding-top: 112px;
    padding-bottom: 92px;
}

.service-grid__microcopy {
    text-align: center;
}

.service-grid__microcopy h2 {
    max-width: 630px;
    margin: auto;
    margin-bottom: .6em;
}

.service-grid__microcopy p {
    margin: 0 auto 100px;
    max-width: 675px;
}

.service-grid__tile {
    width: 100%;
    height: auto;
    text-align: center;
    background: #fff;
    border-radius: 14px;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    margin-bottom: 30px;
}

.service-grid__tile img.service-icon {
    width: 310px;
    height: 220px;
    object-fit: contain;
    object-position: bottom;
    margin-top: -80px;
}

.service-grid__tile img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.service-grid__tile__inner {
    padding: 50px 40px 60px;
}

.service-grid__tile__inner p {
    font-family: var(--brand-font-2);
}

.service-grid__tile__inner p.btn {
    font-family: var(--brand-font-1);
    margin: 1.6em auto 0;
}

.service-grid__tile.three-col .service-grid__tile__inner {
    height: 100%;
    min-height: 391px;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

@media screen and (max-width: 992px) {
    .service-grid.banner {
        padding-top: 64px;
    }

    .service-grid__microcopy p {
        margin-bottom: 60px;
    }

    .service-grid__tile img.service-icon {
        width: 300px;
        height: auto;
        margin-top: -60px;
    }

    .col-lg-6:last-child .service-grid__tile.two-col {
        margin-bottom: 0;
    }

    .service-grid__tile.two-col {
        margin-top: 60px;
        margin-bottom: 40px;
    }

    .service-grid__tile__inner {
        padding: 30px 40px 60px;
    }

    .service-grid__tile.three-col {
        margin-bottom: 40px;
    }

    .service-grid__tile.three-col .service-grid__tile__inner {
        min-height: auto;
    }
}

/*-- Team Grid --*/
.team-grid {
    text-align: center;
}

.team-grid h2 {
    margin-bottom: 1.2em;
}

.team-grid__tile {
    margin-bottom: 50px;
}

.team-grid__tile img {
    width: 100%;
    height: 490px;
    object-fit: cover;
    -webkit-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
}
.team-grid__tile__info {
    position: relative;
    width: 80%;
    margin: -60px auto 0;
    color: #fff;
    background-color: var(--brand-color-1);
    padding: 30px;
}

.team-grid__tile__info h4 {
    text-transform: uppercase;
    margin-bottom: .1em;
}

.team-grid__tile__info p {
    font-size: 12px;
    line-height: 20px;
    font-family: var(--brand-font-1);
}

@media screen and (max-width: 992px) {
    .team-grid__tile img {
        height: 300px;
    }
}

@media screen and (max-width: 768px) {
    .team-grid__tile {
        padding: 0 65px;
    }
}

/*-- Team Message --*/
.team-message {
    padding-top: 30px;
    padding-bottom: 30px;
}

.team-message__wrapper {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: var(--brand-color-1);
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
}

.team-message__wrapper img.team-message__main {
    width: 100%;
    height: 524px;
    object-fit: cover;
}

.team-message__left,
.team-message__right {
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.team-message__left {
    width: 66.66%;
    padding: 40px 20px 40px 40px;
}

.team-message__left p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0;
}

.team-message__right {
    width: 33.33%;
    text-align: center;
    padding: 40px 40px 40px 20px;
}

.team-message__right img.about-sig {
    width: 100%;
    max-width: 360px;
    height: auto;
}

.team-message__wrapper:hover img.about-sig,
.team-message__right:hover img.about-sig {
    display: block;
}

.team-message__right p {
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
}

@media screen and (max-width: 1200px) {
    .team-message__wrapper img.team-message__main {
        width: 100%;
        height: 480px;
        object-fit: cover;
    }
}

@media screen and (max-width: 992px) {
    .team-message__wrapper img.team-message__main {
        width: 100%;
        height: 360px;
        object-fit: cover;
    }

    .team-message__left, .team-message__right {
        width: 100%;
    }
    .team-message__left {
        padding: 40px 20px 0px 40px;
    }
}

@media screen and (max-width: 768px) {
    .team-message__wrapper img.team-message__main {
        height: 250px;
    }
}

/*-- Testimonial Slider + Content --*/
.testimonials {
    background-color: var(--brand-color-4);
    background-image: var(--brand-gradient-1);
}

.col-lg-6.testimonials__left {
    position: relative;
    min-height: 474px;
}

.testimonials__left .testimonials__left__microcopy {
    position: absolute;
    right: 30px;
    top: 62px;
    width: 100%;
    max-width: 130px;
    color: #fff;
    font-family: var(--brand-font-1);
}

.testimonials__left__bg {
    position: relative;
    width: 100%;
    max-width: 350px;
    height: 374px;
    z-index: 0;
}

.testimonials__left__bg::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    bottom: -36px;
    left: -36px;
    z-index: 0;
}

.testimonials__left__bg img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right;
    z-index: 5;
    -webkit-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
}

.testimonials__wrapper {
    position: absolute;
    width: 255px;
    bottom: 0;
    right: 0;
    z-index: 10;
}

.testimonials__wrapper::before {
    content: '';
    position: absolute;
    width: 47px;
    height: 42px;
    top: -20px;
    left: 30px;
    background: url(/wp-content/themes/roofer20/svg/quote-icon.svg) center center no-repeat;
    background-size: contain;
    z-index: 10;
}

.testimonials__slider.slick-initialized.slick-slider {
    height: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    overflow: visible;
}

.testimonials-slider__arrows {
    width: calc(100% - 265px);
    height: 100px;
    position: relative;
}

.testimonials-slider__arrows button.slick-prev.slick-arrow {
    right: 50px;
}

.testimonials-slider__arrows button.slick-next.slick-arrow {
    right: 0px;
}

.testimonials__inner {
    display: flex !important;
    flex-flow: column;
    padding: 50px 30px 30px;
}

.testimonials__inner__top {
    display: flex;
    flex-flow: column;
}

img.testimonials__inner__top__stars {
    width: 105px;
    height: auto;
    margin-bottom: 1em;
}

p.testimonials__inner__top__quote {
    font-size: 12px;
    line-height: 21px;
}

.testimonials__inner__bottom {
    display: flex;
    align-items: center;
}

.testimonials__inner__bottom img {
    width: 40px;
    height: 40px;
    object-fit: cover;
    border-radius: 50px;
    margin-right: 6px;
}

.testimonials__inner__bottom span p.testimonials__name {
    font-family: var(--brand-font-1);
    font-size: 12px;
    line-height: 18px;
    text-transform: uppercase;
}

.testimonials__inner__bottom span p.testimonials__source {
    font-size: 10px;
    line-height: 10px;
}

.testimonials__right {
    position: relative;
    color: #fff;
}

.testimonials__right__inner {
    width: 100%;
    max-width: 380px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
}

.testimonials__right__inner p {
    margin-bottom: 2em;
}

.testimonials__mobile__image {
    display: none;
}

@media screen and (max-width: 1200px) {
    .testimonials__left .testimonials__left__microcopy {
        font-size: 12px;
        line-height: 18px;
        right: 5px;
        top: 84px;
        max-width: 100px;
    }

    .testimonials__left__bg {
        max-width: 75%;
    }
}

@media screen and (max-width: 992px) {
    .testimonials__right__inner {
        position: relative;
        top: 0;
        transform: none;
        max-width: none;
        padding-top: 60px;
    }

    .testimonials__left .testimonials__left__microcopy {
        font-size: 14px;
        line-height: 18px;
        right: 15px;
        top: 84px;
        max-width: 120px;
    }
}

@media screen and (max-width: 768px) {
    .testimonials__mobile__image {
        position: relative;
        display: block;
        width: 100%;
        height: 400px;
    }

    .testimonials__mobile__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .testimonials {
        padding-top: 0;
    }

    .testimonials::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 550px;
        background-color: var(--brand-color-7);
    }

    .col-lg-6.testimonials__right {
        margin-bottom: 60px;
    }

    .col-lg-6.testimonials__left {
        order: 1;
        min-height: auto;
        padding-top: 60px;
    }

    .testimonials__left .testimonials__left__microcopy {
        font-size: 30px;
        line-height: 30px;
        position: relative;
        color: #000;
        max-width: none;
        text-align: center;
        margin-bottom: 0;
        top: auto;
        right: auto;
    }

    .testimonials__wrapper {
        position: relative;
        width: 100%;
        max-width: 330px;
        height: 300px;
        margin: 60px auto 40px;
    }

    .testimonials__left__bg {
        display: none;
    }

    .testimonials-slider__arrows {
        display: none;
    }

    .col-lg-6.testimonials__right {
        order: 0;
        margin-bottom: 60px;
    }
}

@media screen and (max-width: 575px) {
    .testimonials__mobile__image {
        height: 250px;
    }
}

@media screen and (max-width: 455px) {
    .testimonials::before {
        height: 585px;
    }

    .testimonials__wrapper::before {
        left: 50%;
        transform: translateX(-50%);
    }

    .testimonials__wrapper {
        max-width: 254px;
        height: 340px;
    }

    .testimonials__inner {
        text-align: center;
        align-items: center;
    }
}

/*-- Trust Factors Banner --*/
.trust-factors {
    overflow: hidden;
}

.trust-factors .container {
    padding-top: 52px;
    padding-bottom: 52px;
}

.trust-factors__slider {
    width: 100%;
    height: auto;
}

img.trust-factors__slider__logo {
    height: 90px;
    object-fit: contain;
    padding: 5px;
    margin: 0;
    mix-blend-mode: multiply;
}

img.trust-factors__bg {
    position: absolute;
    bottom: -7px;
    left: 54%;
    width: auto;
    height: 264px;
    object-fit: contain;
    z-index: -5;
}

@media screen and (max-width: 992px) {
    .trust-factors__two-col {
        margin-bottom: 200px;
    }

    img.trust-factors__bg {
        left: -30px;
    }
}

/*-- Two Column Content + Services --*/
.two-col-services {
    color: #fff;
    background-color: var(--brand-color-4);
    background-image: var(--brand-gradient-1);
}

.two-col-services__left {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 65px 0 0;
}

.two-col-services__left .btn {
    margin-top: 1em;
}

.two-col-services__right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.two-col-services__right::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    bottom: -16px;
    left: -16px;
}

.two-col-services__right a.clickable {
    width: calc((100% / 2) - 15px);
}

.two-col-services__right .service-grid__tile {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 193px;
    text-align: center;
    background: var(--brand-gradient-1);
    margin: 15px 0;
    border-radius: 14px;
    overflow: hidden;
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 10px 20px 0px rgba(0,0,0,0.3);
}

.two-col-services__right .service-grid__tile img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.two-col-services__right .service-grid__tile::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    z-index: 1;
    opacity: .78;
}

.two-col-services__right .service-grid__tile__inner {
    position: relative;
    padding: 10px;
    z-index: 10;
}

.two-col-services__right .service-grid__tile__inner h4 {
    color: var(--brand-color-4);
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 0;
}

@media screen and (max-width: 992px) {
    .two-col-services__left {
        text-align: center;
        padding: 0 0 60px;
    }

    .two-col-services__left .btn {
        margin: 1em auto 0;
    }

    .two-col-services__right .service-grid__tile {
    height: auto;
    min-height: 130px;
    }
}

@media screen and (max-width: 768px) {
    .two-col-services__right a.clickable {
        width: 100%;
    }
}

/*-- Two Column Image + Text --*/
.two-col__content {
    position: relative;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.two-col__content__inner {
    max-width: 380px;
}

.two-col__content__inner p {
    margin-bottom: 0;
}

.two-col__content__inner a.btn {
    margin-top: 2em;
}

.two-col__image {
    display: flex;
    align-items: center;
}

.two-col__image img {
    width: 100%;
    height: 400px;
    object-fit: cover;
    -webkit-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
}

.two-col__image img.map-pin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 32px;
    height: 46px;
    object-fit: contain;
    transform: translate(-50%, -50%);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.two-col.layout1,
.two-col.layout2 {
    background-color: #fff;
}

.two-col.layout1 .two-col__content,
.two-col.layout2 .two-col__content {
    color: #000;
}

.two-col.layout3,
.two-col.layout4 {
    background-color: var(--brand-color-4);
    background-image: var(--brand-gradient-1);
}

.two-col.layout3 .two-col__content,
.two-col.layout4 .two-col__content {
    color: #fff;
}

.two-col img.mobile-banner {
    display: none;
}

@media screen and (max-width: 992px) {
    .two-col.layout1 .two-col__content, 
    .two-col.layout3 .two-col__content {
        margin-bottom: 60px;
    }

    .two-col.layout2 .two-col__content, 
    .two-col.layout4 .two-col__content {
        margin-top: 60px;
    }

    .two-col.layout1 .two-col__content__inner,
    .two-col.layout2 .two-col__content__inner,
    .two-col.layout3 .two-col__content__inner,
    .two-col.layout4 .two-col__content__inner {
        max-width: none;
    }
}

@media screen and (max-width: 768px) {
    .two-col.layout1 .two-col__content, 
    .two-col.layout2 .two-col__content,
    .two-col.layout3 .two-col__content,
    .two-col.layout4 .two-col__content {
        order: 1;
        margin-top: 60px;
        margin-bottom: 0;
    }

    .two-col.layout1 .two-col__image,
    .two-col.layout2 .two-col__image,
    .two-col.layout3 .two-col__image,
    .two-col.layout4 .two-col__image {
        order: 0;
    }

    .two-col__image img {
        height: 340px;
    }

    .two-col.layout3 .two-col__image, .two-col.layout4 .two-col__image {
        display: none;
    }

    .two-col.layout3, .two-col.layout4 {
        padding-top: 0;
    }

    .two-col img.mobile-banner {
        display: block;
        width: 100%;
        height: 340px;
        object-fit: cover;
    }
}

@media screen and (max-width: 575px) {
    .two-col__image img {
        height: 250px;
    }

    .two-col img.mobile-banner {
        height: 250px;
    }
}


/*---------------------------------------------------------------
    >>> # 5.3 Blog + Single Posts
----------------------------------------------------------------*/

.blog-hero {
    height: 100vh;
    max-height: 648px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog-hero__content {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 100%;
    max-width: 825px;
    color: #fff;
    text-align: center;
    margin: 0 auto;
}

.blog-hero__content p {
    line-height: 34px;
    margin-bottom: 2em;
}

.blog-hero__content span.blog-feat {
    font-family: var(--brand-font-1);
    text-transform: uppercase;
    margin-bottom: 1em;
}

.blog-hero img.attachment-post-thumbnail {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -15;
}

.blog-hero__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: -10;
    background: var(--brand-color-4);
    background-image: var(--brand-gradient-1);
    opacity: .85;
}

.blog-hero__bg::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    top: 64px;
    left: -85px;
}

.blog-hero__bg::after {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    bottom: -50px;
    right: -83px;
}

.blog-hero a.scroll-down img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.blog-hero a.scroll-down {
    position: absolute;
    width: 20px;
    height: 20px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
}

/*-- Tags Dropdown Filter --*/
.blog-posts__filter__wrapper {
    display: flex;
    justify-content: space-between;
}

.blog-posts__filter {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 14px;
    font-family: var(--brand-font-1);
    margin-bottom: 52px;
}

.blog-posts__filter p {
    margin-right: 20px;
}

.blog-posts__filter .dropdown-field {
    width: 300px;
    display: inline-block;
    background-color: #fff;
    border: 3px solid #000;
    transition: all .5s ease;
    position: relative;
    font-size: 14px;
    color: #000;
    height: auto;
    text-align: left;
    outline: none;
}

.blog-posts__filter .dropdown-field .select {
    cursor: pointer;
    display: block;
    padding: 10px 2.5em 10px 1em;
    pointer-events: none;
}

.blog-posts__filter .dropdown-field .select::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 8px;
    background: url(/wp-content/themes/roofer20/svg/chevron-black.svg) center center no-repeat;
    top: 50%;
    transform: translateY(-50%);
    right: 1em;
    transition: all .3s ease-in-out;
}

.blog-posts__filter .dropdown-field.active .select::after {
    top: 42%;
    transform: rotate(-180deg)
}

.blog-posts__filter .dropdown-field .dropdown-menu {
    position: absolute;
    background-color: #fff;
    width: 100%;
    left: -3px;
    margin: 0px;
    border: 3px solid #000;
    display: none;
    box-sizing: content-box;
    z-index: 9;
}

.blog-posts__filter .dropdown-field .dropdown-menu li {
    transition: ease all .3s;
    border-bottom: 1px solid var(--brand-color-6);
} 

.blog-posts__filter .dropdown-field .dropdown-menu li:last-child {
    border-bottom: 0;
}

.blog-posts__filter .dropdown-field .dropdown-menu li a {
    display: block;
    color: #000;
    padding: 10px 1em;
    cursor: pointer;
}

.blog-posts__filter .dropdown-field .dropdown-menu li a:hover {
    color: var(--brand-color-2);
    text-decoration: none;
}

.blog-posts__filter .dropdown-field .dropdown-menu {
    padding: 0;
    list-style: none;
}

.blog-posts__filter .dropdown-field .dropdown-menu li:hover {
    background-color: var(--brand-color-7);
}

.blog-posts__filter .dropdown-field .dropdown-menu li:active {
    background-color: var(--brand-color-7);
}

@media screen and (max-width: 992px) {
    .blog-posts__filter__wrapper {
        flex-flow: column;
        align-items: center;
    }

    .blog-posts__filter {
        margin-top: 42px;
    }
}

@media screen and (max-width: 575px) {
    .blog-posts__filter {
        flex-flow: column;
    }

    .blog-posts__filter p {
        margin-bottom: 1em;
    }
}

/*-- Archival Hero --*/
.hero-archive {
    color: #fff;
    text-align: center;
}

.hero-archive__bg {
    position: absolute;
    width: 100%;
    height: calc(100% + 138px);
    top: 0;
    z-index: -10;
    background: var(--brand-color-4);
    background-image: var(--brand-gradient-1);
}

.hero-archive__bg::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    bottom: -50px;
    left: -56px;
}

.hero-archive__bg::after {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    top: -48px;
    right: -61px;
}

.hero-archive .container {
    padding-top: 84px;
}

/*-- Blog Posts Loop --*/
.blog-posts__single {
    position: relative;
    display: flex;
    align-items: flex-end;
    min-height: 500px;
    color: #fff;
    background-color: var(--brand-color-4);
    -webkit-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 10px 25px 0px rgba(0,0,0,0.5);
    margin-bottom: 30px;
}

.blog-posts__single::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: var(--brand-gradient-1);
    z-index: 1;
    opacity: .78;
}

.blog-posts__single img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 0;
}

span.blog-posts__single__date {
    position: absolute;
    display: flex;
    top: 40px;
    left: 40px;
    z-index: 10;
}

span.blog-posts__single__date img {
    position: relative;
    width: 100%;
    max-width: 17px;
    height: 100%;
    margin-right: 10px;
}

span.blog-posts__single__date p {
    font-family: var(--brand-font-1);
    font-size: 14px;
}

.blog-posts__single__content {
    position: relative;
    align-items: flex-end;
    padding: 40px;
    z-index: 10;
}

.blog-posts__single__content h2 {
    margin-bottom: .6em;
}

.blog-posts__single__content p {
    display: inline-block;
    font-family: var(--brand-font-2);
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 2em;
}

.blog-posts__single__content p.btn {
    display: flex;
    font-family: var(--brand-font-1);
    margin-bottom: 0;
}

.recent-articles .blog-posts__single__content p.basic {
    font-family: var(--brand-font-1);
    margin-bottom: 0;
}

.blog-pagination {
    padding-top: 30px;
    font-family: var(--brand-font-1);
    text-align: center;
}

.page-numbers.current, a.page-numbers {
    display: inline-block;
    color: #fff;
    background-color: var(--brand-color-1);
    padding: 10px 20px;
    border-radius: 8px;
    margin-right: .5em;
    transition: ease .3s;
}

a.page-numbers:hover {
    text-decoration: none;
    background-color: var(--brand-color-2);
}

a.next.page-numbers {
    margin-right: 0;
}

/*-- Single Blog Post --*/
.progress-container {
    position: fixed;
    left: 0;
    top: 120px;
    width: 100%;
    height: 10px;
    background: #4E4E4E;
    z-index: 999;
}

.blog-progress-bar {
    height: 10px;
    background-color: var(--brand-color-1);
    width: 0%;
}

.post-hero__bg {
    position: absolute;
    width: 100%;
    height: 100vh;
    max-height: 696px;
    top: 0;
    z-index: -10;
    background: var(--brand-color-4);
    background-image: var(--brand-gradient-1);
}

.post-hero__bg::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    top: 200px;
    left: -85px;
}

.post-hero__bg::after {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    bottom: -50px;
    right: -83px;
}

.post-hero__content {
    width: 100%;
    max-width: 600px;
    margin: auto;
    padding-top: 220px;
    padding-bottom: 40px;
    color: #fff;
    text-align: center;
}

.post-hero__content p {
    position: relative;
    display: inline-block;
    font-family: var(--brand-font-1);
    font-size: 12px;
    text-transform: uppercase;
}

.post-hero__content p::before {
    content: '';
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/wp-content/themes/roofer20/svg/triangle-right-aqua.svg) center center no-repeat;
    top: 4px;
    left: -18px;
}

img.post-featured {
    width: 100%;
    height: 600px;
    object-fit: cover;
    margin-bottom: 80px;
    -webkit-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 15px 45px 0px rgba(0,0,0,0.5);
}

.post-meta__social {
    position: relative;
}

ul.heateor_sss_sharing_ul {
    display: flex;
    flex-flow: column;
    align-items: flex-end;
}

.post-meta__tags p {
    font-family: var(--brand-font-1);
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 5px;
}

.post-meta__tags ul {
    list-style: none;
    padding: 0;
}

.post-meta__tags ul li {
    margin-bottom: 5px;
}

.post-meta__tags ul li a {
    color: var(--brand-color-3);
    text-decoration: underline;
}

.post-meta__author__inner {
    position: relative;
    display: flex;
    align-items: center;
    padding: 35px;
    margin-bottom: 2em;
    background-color: #f6f6f6;
}

.post-meta__author__image {
    width: 100px;
    height: 100px;
    margin-right: 20px;
}

.post-meta__author__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.post-meta__author__bio {
    width: calc(100% - 120px);
}

.post-meta__author__micro {
    font-size: 9px;
}

.post-meta__author__bio h4 {
    margin-bottom: .5em;
}

.post-meta__author__bio p {
    font-size: 10px;
    line-height: 16px;
}

.post-content {
    padding: 30px 0 60px;
    width: 100%;
    max-width: 600px;
    margin: auto;
}

article .post-content p:first-of-type {
    font-size: 24px;
    line-height: 38px;
}

.post-content img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    margin-bottom: 1em;
}

@media screen and (max-width: 992px) {
    .post-hero__content {
        padding-top: 100px;
    }

    img.post-featured {
        height: 400px;
    }

    .post-meta__tags p {
        font-size: 14px;
    }

    .post-meta__tags ul li a {
        font-size: 12px;
    }
}

@media screen and (max-width: 768px) {
    .progress-container {
        top: 75px;
    }

    .post-hero__content {
        padding-top: 84px;
    }

    img.post-featured {
        height: 330px;
        margin-bottom: 60px;
    }

    .post-hero__bg {
        max-height: 560px;
    }

    .col-md-8.post-meta__author {
        order: 0;
    }

    .col-md-2.post-meta__social {
        order: 1;
    }

    ul.heateor_sss_sharing_ul {
        flex-flow: row;
        align-items: flex-start;

    }

    .col-md-2.post-meta__tags {
        order: 2;
        margin-top: 30px;
    }

    article .post-content p:first-of-type {
        font-size: 20px;
        line-height: 32px;
    }
}

@media screen and (max-width: 575px) {
    img.post-featured {
        height: 300px;
    }

    .col-md-8.post-meta__author {
        display: none;
    }
}

/*--------------------------------------------------------------- 
>>> # 6. Gravity Forms
----------------------------------------------------------------*/

/* Resets and General Styling */
::-webkit-input-placeholder { color: inherit; opacity: 1; }
:-moz-placeholder { color: inherit; opacity: 1; } /* Firefox 18- */
::-moz-placeholder { color: inherit; opacity: 1; } /* firefox 19+ */
:-ms-input-placeholder { color: inherit; opacity: 1; } /* ie */
input:-moz-placeholder { color: inherit; opacity: 1; }

.gform_wrapper {
    margin: 0 !important;
}

body .gform_wrapper ul li.gfield:first-of-type {
    margin-top: 0 !important;
}

.gform_wrapper ul.gform_fields li.gfield {
    position: relative;
    padding-right: 0 !important;
}

.gform_wrapper .top_label div.ginput_container {
    margin-top: 0 !important;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 100% !important;
    margin-top: 0 !important;
}

.gform_wrapper li.hidden_label input {
    margin-top: 0 !important;
}

.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
.gform_wrapper ul.gform_fields li.gfield select, 
.gform_wrapper textarea.medium {
    font-family: var(--brand-font-1) !important;
    padding: 10px 10px 10px 35px !important;
    outline: none;
}

.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container input[type=text], 
.gform_wrapper .field_sublabel_hidden_label .ginput_complex.ginput_container select {
    margin-bottom: 0 !important;
}

.top_label div.ginput_complex.ginput_container.gf_name_has_1, 
.top_label div.ginput_complex.ginput_container.gf_name_has_2, 
.top_label div.ginput_complex.ginput_container.gf_name_has_3 {
    width: 100% !important;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.form_name input {
    background-image: url(/wp-content/themes/roofer20/svg/user-icon-blue.svg)!important;
    background-position-x: 14px!important;
    background-position-y: 12px!important;
    background-repeat: no-repeat;
}

.form_email input {
    background-image: url(/wp-content/themes/roofer20/svg/email-icon-blue.svg)!important;
    background-position-x: 14px!important;
    background-position-y: 14px!important;
    background-repeat: no-repeat;
}

.form_phone input {
    background-image: url(/wp-content/themes/roofer20/svg/phone-icon-blue.svg)!important;
    background-position-x: 14px!important;
    background-position-y: 12px!important;
    background-repeat: no-repeat;
}

.form_service select {
    background-image: url(/wp-content/themes/roofer20/svg/cog-icon-blue.svg)!important;
    background-position-x: 13px!important;
    background-position-y: 11px!important;
    background-repeat: no-repeat;
}

.form_message textarea {
    background-image: url(/wp-content/themes/roofer20/svg/message-icon.svg)!important;
    background-position-x: 14px!important;
    background-position-y: 13px!important;
    background-repeat: no-repeat;
}

/* Submit button styling */
.gform_wrapper .gform_footer {
    position: relative;
    padding: 0 !important;
}

input#gform_submit_button_1,
input#gform_submit_button_2,
input#gform_submit_button_3 {
    display: flex;
    align-items: center;
    width: 100%;
    height: 53px;
    color: #fff;
    font-family: var(--brand-font-1);
    font-size: 14px;
    line-height: 17px;
    text-transform: uppercase;
    padding: 0 0 0 1.3em;
    background-image: var(--brand-gradient-2);
    background-size: 200%;
    background-position: left;
    border: 0;
    border-radius: 6px;
    overflow: hidden;
    transition: ease .3s;
}

#gform_wrapper_1.gform_wrapper form .gform_footer span,
#gform_wrapper_2.gform_wrapper form .gform_footer span,
#gform_wrapper_3.gform_wrapper form .gform_footer span {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 100%;
    background-color: var(--brand-color-2);
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    pointer-events: none;
}

#gform_wrapper_1.gform_wrapper form .gform_footer span:after,
#gform_wrapper_2.gform_wrapper form .gform_footer span:after,
#gform_wrapper_3.gform_wrapper form .gform_footer span:after {
    content: '';
    position: absolute;
    background: url(/wp-content/themes/roofer20/svg/arrow-down-right-white.svg);
    height: 14px;
    width: 14px;
    z-index: 100;
    background-repeat: no-repeat;
    background-position: center center;
}

input#gform_submit_button_1:hover,
input#gform_submit_button_2:hover,
input#gform_submit_button_3:hover {
    background-position: right;
}

.gform_footer:hover span:after {
    transform: rotate(-45deg);
    transition: ease .3s;
}

div#gform_confirmation_message_1 {
    color: #000;
    padding: 30px;
}

/* Service and Location template form */
div#gform_wrapper_1 .gform_body {
    padding: 30px;
}

body #gform_wrapper_1 ul li.gfield {
    margin-top: 8px !important;
}

#gform_wrapper_1.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
#gform_wrapper_1.gform_wrapper ul.gform_fields li.gfield select, 
#gform_wrapper_1.gform_wrapper textarea.medium {
    color: #000;
    font-size: 14px !important;
    border: 0;
    border-radius: 0px;
}

#gform_wrapper_1 .form_name input {
    background-image: url(/wp-content/themes/roofer20/svg/user-icon-black.svg)!important;
    background-position-y: 15px !important;
}

#gform_wrapper_1 .form_email input {
    background-image: url(/wp-content/themes/roofer20/svg/email-icon-black.svg)!important;
    background-position-y: 18px !important;
}

#gform_wrapper_1 .form_phone input {
    background-image: url(/wp-content/themes/roofer20/svg/phone-icon-black.svg)!important;
    background-position-y: 16px !important;
}

#gform_wrapper_1 .form_service select {
    background-image: url(/wp-content/themes/roofer20/svg/cog-icon-black.svg)!important;
    background-size: 15px;
    background-position-y: 13px !important;
}

#gform_wrapper_1 .form_message textarea {
    background-image: url(/wp-content/themes/roofer20/svg/building-icon-black.svg)!important;
    background-position-y: 14px !important;
}

#gform_wrapper_1.gform_wrapper textarea.medium {
    height: 70px;
}

li#field_1_5::after {
    content: '';
    position: absolute;
    top: 19px;
    right: 12px;
    width: 9px;
    height: 6px;
    background: url(/wp-content/themes/roofer20/svg/form-caret-black.svg);
    background-repeat: no-repeat !important;
}

li#field_1_8 > label.gfield_label {
    display: none;
}

div#hCaptcha_1_8 iframe {
    width: 100% !important;
}

#gform_wrapper_1 .gform_footer {
    margin-top: 0 !important;
}

input#gform_submit_button_1 {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding-left: 30px;
    margin: 0;
}

#gform_wrapper_1.gform_wrapper form .gform_footer span {
    border-top-right-radius: 0;
}

/* Drop down sticky form */
#gform_wrapper_2.gform_wrapper .gform_body {
    width: calc(100% - 185px);
    display: inline-block;
}

#gform_wrapper_2.gform_wrapper ul.gform_fields {
    margin: 0 !important;
    list-style-type: none;
    display: flex;
}

ul#gform_fields_2 > li {
    display: inline-block;
    width: 25%;
    margin: 0 8px 0 0 !important;
}

li#field_2_4 {
    position: relative;
}

#gform_wrapper_2.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
#gform_wrapper_2.gform_wrapper ul.gform_fields li.gfield select, 
#gform_wrapper_2.gform_wrapper textarea.medium {
    color: var(--brand-color-4);
    font-size: 11px !important;
    border: 3px solid var(--brand-color-4);
    border-radius: 6px;
}

select#input_2_4 {
    padding: 15px 10px 15px 35px !important;
}

#gform_wrapper_2 .form_name input {
    background-position-y: 16px!important;
}

#gform_wrapper_2 .form_email input {
    background-position-y: 18px!important;
}

#gform_wrapper_2 .form_phone input {
    background-position-y: 16px!important;
}

#gform_wrapper_2 .form_service select {
    background-position-y: 16px!important;
}

li#field_2_4::after {
    content: '';
    position: absolute;
    top: 24px;
    right: 15px;
    width: 15px;
    height: 15px;
    background: url(/wp-content/themes/roofer20/svg/form-caret-blue.svg);
    background-repeat: no-repeat !important;
}

ul#gform_fields_2 li#field_2_7 {
    display: none;
    width: 0px;
    margin: 0 !important;
}

#gform_wrapper_2 .form_message textarea {
    background-position-y: 17px!important;
}

#gform_wrapper_2.gform_wrapper .gform_footer {
    position: relative;
    display: inline-block;
    width: 180px;
    padding: 0;
    margin: 0;    
}

#gform_wrapper_2.gform_wrapper .gform_footer::before {
    content: '';
    position: absolute;
    display: flex;
    width: 45px;
    height: 100%;
    background-color: var(--brand-color-2);
    background-image: url(/wp-content/themes/roofer20/svg/arrow-down-right-white.svg);
    background-size: 30%;
    background-repeat: no-repeat;
    background-position: center;
    top: 0;
    right: 0;
    z-index: 99;
    pointer-events: none;
    border-radius: 0 8px 8px 0;
}

/* General Contact form */
#gform_wrapper_3 span.gform_description {
    text-align: center;
    color: #fff;
    font-family: var(--brand-font-1);
    font-size: 20px;
    line-height: 28px;
}

body #gform_wrapper_3 ul li.gfield {
    margin-top: 12px !important;
}

#gform_wrapper_3.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), 
#gform_wrapper_3.gform_wrapper ul.gform_fields li.gfield select, 
#gform_wrapper_3.gform_wrapper textarea.medium {
    color: #fff;
    border: 0;
    border-radius: 6px;
    background-color: var(--brand-color-4);
    padding: 21px 10px 21px 35px !important;
}

#gform_wrapper_3 div.ginput_complex.ginput_container.gf_name_has_2 span {
    width: calc(50% - 6px);
}

#gform_wrapper_3 div.ginput_container_name span {
    padding-right: 0 !important;
}

#gform_wrapper_3 span#input_3_1_3_container {
    margin-right: 8px;
}

#gform_wrapper_3.gform_wrapper textarea.large {
	height: 150px !important;
}

li#field_3_2, li#field_3_3 {
    display: inline-block;
    width: calc(50% - 6px);
}

li#field_3_3 {
    margin-left: 12px !important;
}

#gform_wrapper_3 .form_name input {
    background-image: url(/wp-content/themes/roofer20/svg/user-icon-white.svg)!important;
    background-position-y: 26px !important;
}

#gform_wrapper_3 .form_email input {
    background-image: url(/wp-content/themes/roofer20/svg/email-icon-white.svg)!important;
    background-position-y: 28px !important;
}

#gform_wrapper_3 .form_phone input {
    background-image: url(/wp-content/themes/roofer20/svg/call-icon-white.svg)!important;
    background-position-y: 27px !important;
}

#gform_wrapper_3 .form_service select {
    background-image: url(/wp-content/themes/roofer20/svg/service-icon-white.svg)!important;
    background-size: 17px;
    background-position-y: 23px !important;
}

li#field_3_4::after {
    content: '';
    position: absolute;
    top: 31px;
    right: 22px;
    width: 13px;
    height: 8px;
    background: url(/wp-content/themes/roofer20/svg/form-caret.svg);
    background-repeat: no-repeat !important;
}

#gform_wrapper_3 .form_message textarea {
    background-image: url(/wp-content/themes/roofer20/svg/pencil-icon-white.svg)!important;
    background-position-y: 24px !important;
}

#gform_wrapper_3 .opt-in-check {
    color: #fff;
}

input#choice_3_7_1 {
    width: 14px !important;
    height: 14px;
    border: 2px solid var(--brand-color-4) !important;
    cursor: pointer;
}

#gform_wrapper_3 .gform_footer {
    width: 230px;
    margin: 16px auto 0;
}

div#gform_confirmation_message_3 {
    color: #fff;
    font-family: var(--brand-font-1);
    text-align: center;
}

li#field_3_10 > label.gfield_label {
    display: none;
}

@media screen and (max-width: 575px) {
    #gform_wrapper_3 div.ginput_complex.ginput_container.gf_name_has_2 span {
        width: 100%;
        margin-bottom: 0 !important;
    }

    li#field_3_2, li#field_3_3 {
        display: inline-block;
        width: 100%;
    }

    li#field_3_3 {
        margin-left: 0 !important;
    }

    span#input_3_1_6_container {
        margin-top: 11px !important;
    }
}


/*--------------------------------------------------------------- 
>>> # 7. Footer
----------------------------------------------------------------*/
footer {
    padding-top: 104px;
    padding-bottom: 104px;
    background-image: var(--brand-gradient-1);
}

.footer-left::before {
    content: '';
    position: absolute;
    width: 160px;
    height: 144px;
    background: url(/wp-content/themes/roofer20/svg/circle-motif.svg) center center no-repeat;
    top: 0;
    left: -216px;
}

.footer-left__top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 2px solid #fff;
}

nav.footer__nav {
    display: inline-block;
    width: auto;
}

nav.footer__nav li {
    display: inline-block;
    padding-right: 2em;
}

ul#menu-footer {
    margin: 0;
    padding: 0;
}

ul#menu-footer li a {
    color: #fff;
}

.footer-left__top a.outline-btn {
    color: var(--brand-color-1);
    border: 3px solid var(--brand-color-1);
}

.footer-left__top a.outline-btn span {
    border-left: 3px solid var(--brand-color-2);
    pointer-events: none;
}

.footer-left__top a.outline-btn:hover {
    background-color: rgba(225,225,225,0.25);
    transition: ease .3s;
}

.footer-left__top a.outline-btn:hover span img {
    transform: rotate(0deg);
}

.toggle-content {
    display: none;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: height 350ms ease-in-out,opacity 750ms ease-in-out;
}

.toggle-content.is-visible {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
}

ul.locations-menu__list {
    column-count: 3;
    column-gap: 0;
    margin-top: 50px;
    padding: 0;
}

ul.locations-menu__list li {
    list-style: none;
}

ul.locations-menu__list li a {
    display: block;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: .5em;
    text-decoration: none;
}

.footer-contact {
    width: 100%;
    margin: 50px 0 0;
}

.footer-contact__inner {
    display: flex;
    justify-content: space-between;
    color: #fff;
    width: 100%;
    margin: auto;
}

.footer-contact__inner a {
    color: #fff;
    font-family: var(--brand-font-2);
    text-decoration: none;
    padding: 0;
    font-size: 12px;
    line-height: 20px;
}

.footer-contact__inner__item {
    position: relative;
    width: auto;
    max-width: 190px;
    margin-left: 50px;
}

.footer-contact__inner__item:first-of-type {
    max-width: 145px;
}

.footer-contact__inner__item h5, 
.footer-contact__inner__item p {
    margin: 0;
    padding: 0;
}

.footer-contact__inner__item p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 600;
}

.footer-contact__inner__item::before {
    content: '';
    position: absolute;
    width: 25px;
    height: 25px;
    background: url(/wp-content/themes/roofer20/svg/email-icon.svg) center center no-repeat;
    top: 0;
    left: -40px;
}

.footer-contact__inner__item:first-of-type::before {
    background: url(/wp-content/themes/roofer20/svg/house-icon.svg) center center no-repeat;
}

.footer-contact__inner__item:last-child::before {
    background: url(/wp-content/themes/roofer20/svg/phone-icon.svg) center center no-repeat;
}

.col-lg-4.footer-right {
    padding-left: 95px;
    text-align: right;
}

.col-lg-4.footer-right p {
    color: #fff;
    font-family: var(--brand-font-1);
    font-size: 12px;
    text-align: right;
}

.col-lg-4.footer-right p.attribution {
    color: var(--brand-color-4);
}

.footer-right__logos {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
}

.footer-right__logos a {
    display: flex;
    justify-content: flex-end;
}

.footer-right__logos a > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

a.footer__logo {
    width: 100%;
    margin-bottom: 20px;
}

a.footer__logo__sm {
    width: calc((100% / 2) - 10px);
}

span.footer-right__logos__label {
    display: block;
    width: 100%;
    color: #fff;
    text-align: center;
    font-family: var(--brand-font-1);
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 4px;
}

.footer-bottom__social {
    margin-bottom: 20px;
}

.footer-bottom__social a {
    margin-left: 10px;
}

@media screen and (max-width: 1200px) {
    nav.footer__nav li {
        font-size: 14px;
    }
}

@media screen and (max-width: 992px) {
    .col-lg-4.footer-right {
        padding-left: 15px;
        margin-top: 60px;
        text-align: center;
    }

    .footer-right__logos {
        max-width: 250px;
        margin: 0 auto 40px;
    }

    .footer-right__logos a {
        /* width: calc((100% / 3) - 30px); */
    }

    /* a.footer__logo {
        margin-bottom: 0;
    } */
    
    .col-lg-4.footer-right p {
        text-align: center;
    }

    .col-lg-4.footer-right p > br {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    footer {
        padding-top: 60px;
        padding-bottom: 84px;
    }

    .footer-left::before {
        left: -155px;
    }

    .footer-left__top {
        border: 0;
        padding: 0;
    }

    .footer-left__top a.outline-btn {
        margin: auto;
    }

    nav.footer__nav {
        display: none;
    }

    .footer-contact__inner {
        flex-flow: column;
    }

    .footer-contact__inner__item {
        margin: 0 auto 30px;
    }

    .footer-contact__inner__item:last-of-type {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 575px) {
    ul.locations-menu__list {
        column-count: 2;
        text-align: center;
    }
}

/*--------------------------------------------------------------- 
>>> # 8. Slick 
----------------------------------------------------------------*/
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/*-- Custom Slick styles --*/
button.slick-prev.slick-arrow, 
button.slick-next.slick-arrow {
    font-size: 0;
    line-height: 0;
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

button.slick-prev::before,
button.slick-next::before {
    content: '';
    width: 40px;
    height: 40px;
    background: url(/wp-content/themes/roofer20/svg/right-arrow-icon.svg);
    background-size: cover;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 1;
}

button.slick-prev::before {
    background: url(/wp-content/themes/roofer20/svg/left-arrow-icon.svg);
}

ul.slick-dots {
    position: absolute;
    padding: 0;
    margin: auto;
    left: 0;
    right: 0;
    margin-top: 30px;
    text-align: center;
}

.slick-dots > li {
    position: relative;
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.slick-dots > li > button {
    display: none;
}

.slick-dots > li::before {
    top: 1px;
    left: -1px;;
    transition: all .5s;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background-color: #000;
    opacity: .4;
    position: absolute;
}

.slick-dots li.slick-active::before {
    opacity: 1 !important;
}