html,body,h1,h2,h3,h4,h5,h6,p,ul,li,a,div{
padding:0;
margin:0
}
.white{
color:#fff
}
.green1{
color:#47FF40
}
.green2{
color:#02E283
}
.green3{
color:#00AD5E
}
.green4{
color:#00AE00
}
.green5{
color:#006800
}
.green6{
color:#1C3C2E
}
.grey1{
color:#1B1B1B
}
.grey2{
color:#595959
}
.grey3{
color:#B1B1B1
}
.light-bg{
color:#f5f5f5
}
.white-bg{
background-color:#fff
}
.green1-bg{
background-color:#47FF40
}
.green2-bg{
background-color:#02E283
}
.green3-bg{
background-color:#00AD5E
}
.green4-bg{
background-color:#00AE00
}
.green5-bg{
background-color:#006800
}
.green6-bg{
background-color:#1C3C2E
}
.grey-bg1{
background-color:#1B1B1B
}
.grey-bg2{
background-color:#595959
}
.grey-bg3{
background-color:#B1B1B1
}
.light-bg{
background-color:#f5f5f5
}
.grad-green6-2{
background:#1c3c2e;
background:linear-gradient(180deg, #1c3c2e 0%, #02e283 100%)
}
.grad-green6-l2{
background:#1c3c2e;
background:linear-gradient(180deg, #1c3c2e 0%, #02e283 90%)
}
.grad-green1-2{
background:#47ff40;
background:linear-gradient(90deg, #47ff40 0%, #02e283 100%)
}
.grad-green1-2a{
background:#47ff40;
background:linear-gradient(180deg, #02e283 0%, #47ff40 100%)
}
/*@font-face{
font-family:"ITCAvantGardeGothicDemiBold";
src:url(".../webFonts/ITCAvantGardeGothicDemiBold/font.woff2") format("woff2"),url("../webFonts/ITCAvantGardeGothicDemiBold/font.woff") format("woff")
}
@font-face{
font-family:"ITCAvantGardeGothicMedium";
src:url("../webFonts/ITCAvantGardeGothicMedium/font.woff2") format("woff2"),url("../webFonts/ITCAvantGardeGothicMedium/font.woff") format("woff")
}*/
h1,.h1{
font-size:24px;
line-height:1.2em;
margin-bottom:10px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:700;
font-style:normal;
}
@media (min-width: 768px){
h1,.h1{
font-size:36px;
line-height:1.15em
}
}
@media (min-width: 992px){
h1,.h1{
font-size:46px;
margin-bottom:20px;
line-height:1.2em
}
}
@media (min-width: 1200px){
h1,.h1{
font-size:49px;
margin-bottom:15px;
line-height:1.1em
}
}
h2{
font-size:21px;
line-height:1.2em;
margin-bottom:10px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:500;
font-style:normal;
}
@media (min-width: 768px){
h2{
font-size:25px;
line-height:1.2em
}
}
@media (min-width: 992px){
h2{
font-size:28px;
line-height:1.25em
}
}
@media (min-width: 1200px){
h2{
font-size:36px;
margin-bottom:13px;
line-height:1.3em
}
}
h3{
font-size:18px;
line-height:1.35em;
margin-bottom:12px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro", sans-serif;
font-weight:300;
font-style:normal;
}
@media (min-width: 768px){
h3{
font-size:20px;
margin-bottom:12px
}
}
@media (min-width: 992px){
h3{
font-size:21px;
margin-bottom:12px;
line-height:1.3em
}
}
@media (min-width: 1200px){
h3{
font-size:24px;
line-height:1.4em
}
}
h4{
font-size:15px;
line-height:1.3em;
margin-bottom:10px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro", sans-serif;
font-weight:300;
font-style:normal;
}
@media (min-width: 768px){
h4{
font-size:17px
}
}
@media (min-width: 992px){
h4{
font-size:20px;
line-height:1.4em
}
}
h5{
font-size:15px;
line-height:1.35em;
margin-bottom:10px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro", sans-serif;
font-weight:300;
font-style:normal;
}
@media (min-width: 768px){
h5{
font-size:15px;
line-height:1.3em;
margin-bottom:12px
}
}
@media (min-width: 992px){
h5{
font-size:20px;
line-height:1.5em;
margin-bottom:18px
}
}
h6{
font-size:11px;
line-height:1.45em;
margin-bottom:15px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro", sans-serif;
font-weight:300;
font-style:normal;
}
@media (min-width: 768px){
h6{
font-size:11px
}
}
@media (min-width: 992px){
h6{
font-size:13px
}
}
p,label,li{
font-size:14px;
line-height:1.4em;
margin:0 0 10px 0;
color:#1B1B1B;
font-family:"itc-avant-garde-gothic-pro", sans-serif;
font-weight:normal;
font-style:normal;
}
@media (min-width: 768px){
p,label,li{
margin:0 0 12px 0
}
}
@media (min-width: 992px){
p,label,li{
font-size:16px;
line-height:1.6em;
margin:0 0 15px 0
}
}
label{
margin:0 0 2px 0
}
@media (min-width: 768px){
label{
margin:0 0 2px 0
}
}
@media (min-width: 992px){
label{
margin:0 0 2px 0
}
}
body{
font-size:13px;
font-family:"itc-avant-garde-gothic-pro", sans-serif;
font-weight:normal;
font-style:normal;
color:#1B1B1B;
box-sizing:border-box
}
.fw{
width:100%;
float:left;
display:block;
padding:0;
margin:0
}
.hw{
width:100%;
float:left;
display:block;
padding:0;
margin:0
}
@media (min-width: 768px){
.hw{
width:50%
}
}
.rd-corners{
border-radius:22px
}
.block{
padding:30px;
border-radius:22px
}
.relative{
position:relative
}
.resp-img{
width:100%;
height:auto
}
.h2-only h2{
margin-bottom:20px
}
.btn,.navbar-expand-lg .navbar-nav .btn{
display:inline-block;
padding:12px 20px 6px 20px;
margin:0;
text-align:center;
background-color:#1B1B1B;
color:#fff;
text-decoration:none;
font-size:13px;
vertical-align:middle;
box-sizing:border-box;
min-width:150px;
border-radius:50px;
transition:all .2s ease-out;
border:solid 2px #1B1B1B;
font-family:"itc-avant-garde-gothic-pro", sans-serif; !important;
font-weight:500;
font-style:normal;
}
@media (min-width: 768px){
.btn,.navbar-expand-lg .navbar-nav .btn{
padding:14px 20px 8px 20px;
font-size:14px;
min-width:170px
}
}
@media (min-width: 992px){
.btn,.navbar-expand-lg .navbar-nav .btn{
padding:14px 20px 8px 20px;
font-size:15px
}
}
@media (min-width: 1200px){
.btn,.navbar-expand-lg .navbar-nav .btn{
padding:16px 20px 10px 20px;
font-size:15px
}
}
.btn:hover,.navbar-expand-lg .navbar-nav .btn:hover{
background:#fff;
color:#1B1B1B;
border-color:#fff;
text-decoration:none;
padding:12px 20px 6px 20px
}
@media (min-width: 768px){
.btn:hover,.navbar-expand-lg .navbar-nav .btn:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 992px){
.btn:hover,.navbar-expand-lg .navbar-nav .btn:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 1200px){
.btn:hover,.navbar-expand-lg .navbar-nav .btn:hover{
padding:16px 20px 10px 20px
}
}
.btn:hover span.chev,.navbar-expand-lg .navbar-nav .btn:hover span.chev{
margin-left:15px;
margin-right:0px;
background-image:url("../images/chev-right-white2-hover.svg");
opacity:1
}
@media (min-width: 768px){
.btn:hover span.chev,.navbar-expand-lg .navbar-nav .btn:hover span.chev{
margin-left:15px;
margin-right:0px
}
}
.btn-white{
display:inline-block;
padding:12px 20px 6px 20px;
margin:0;
text-align:center;
background-color:#1B1B1B;
color:#fff;
text-decoration:none;
font-size:13px;
vertical-align:middle;
box-sizing:border-box;
min-width:150px;
border-radius:50px;
transition:all .2s ease-out;
border:solid 2px #1B1B1B;
font-family:"itc-avant-garde-gothic-pro", sans-serif; !important;
font-weight:500;
font-style:normal;
background-color:#fff;
color:#1C3C2E;
border-color:#fff
}
@media (min-width: 768px){
.btn-white{
padding:14px 20px 8px 20px;
font-size:14px;
min-width:170px
}
}
@media (min-width: 992px){
.btn-white{
padding:14px 20px 8px 20px;
font-size:15px
}
}
@media (min-width: 1200px){
.btn-white{
padding:16px 20px 10px 20px;
font-size:15px
}
}
.btn-white:hover{
background:#fff;
color:#1B1B1B;
border-color:#fff;
text-decoration:none;
padding:12px 20px 6px 20px
}
@media (min-width: 768px){
.btn-white:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 992px){
.btn-white:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 1200px){
.btn-white:hover{
padding:16px 20px 10px 20px
}
}
.btn-white:hover span.chev{
margin-left:15px;
margin-right:0px;
background-image:url("../images/chev-right-white2-hover.svg");
opacity:1
}
@media (min-width: 768px){
.btn-white:hover span.chev{
margin-left:15px;
margin-right:0px
}
}
.btn-white:hover{
background-color:#1C3C2E;
color:#fff;
border-color:#1C3C2E
}
.btn-green{
display:inline-block;
padding:12px 20px 6px 20px;
margin:0;
text-align:center;
background-color:#1B1B1B;
color:#fff;
text-decoration:none;
font-size:13px;
vertical-align:middle;
box-sizing:border-box;
min-width:150px;
border-radius:50px;
transition:all .2s ease-out;
border:solid 2px #1B1B1B;
font-family:"itc-avant-garde-gothic-pro", sans-serif; !important;
font-weight:500;
font-style:normal;
background-color:#47FF40;
color:#1C3C2E;
border-color:#47FF40
}
@media (min-width: 768px){
.btn-green{
padding:14px 20px 8px 20px;
font-size:14px;
min-width:170px
}
}
@media (min-width: 992px){
.btn-green{
padding:14px 20px 8px 20px;
font-size:15px
}
}
@media (min-width: 1200px){
.btn-green{
padding:16px 20px 10px 20px;
font-size:15px
}
}
.btn-green:hover{
background:#fff;
color:#1B1B1B;
border-color:#fff;
text-decoration:none;
padding:12px 20px 6px 20px
}
@media (min-width: 768px){
.btn-green:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 992px){
.btn-green:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 1200px){
.btn-green:hover{
padding:16px 20px 10px 20px
}
}
.btn-green:hover span.chev{
margin-left:15px;
margin-right:0px;
background-image:url("../images/chev-right-white2-hover.svg");
opacity:1
}
@media (min-width: 768px){
.btn-green:hover span.chev{
margin-left:15px;
margin-right:0px
}
}
.btn-green:hover{
background-color:#1C3C2E;
color:#fff;
border-color:#1C3C2E
}
.green6-bg .btn-green:hover{
background-color:#fff;
color:#1C3C2E;
border-color:#fff
}
.btn-green2{
display:inline-block;
padding:12px 20px 6px 20px;
margin:0;
text-align:center;
background-color:#1B1B1B;
color:#fff;
text-decoration:none;
font-size:13px;
vertical-align:middle;
box-sizing:border-box;
min-width:150px;
border-radius:50px;
transition:all .2s ease-out;
border:solid 2px #1B1B1B;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:500;
font-style:normal;
background-color:#02E283;
color:#1C3C2E;
border-color:#02E283
}
@media (min-width: 768px){
.btn-green2{
padding:14px 20px 8px 20px;
font-size:14px;
min-width:170px
}
}
@media (min-width: 992px){
.btn-green2{
padding:14px 20px 8px 20px;
font-size:15px
}
}
@media (min-width: 1200px){
.btn-green2{
padding:16px 20px 10px 20px;
font-size:15px
}
}
.btn-green2:hover{
background:#fff;
color:#1B1B1B;
border-color:#fff;
text-decoration:none;
padding:12px 20px 6px 20px
}
@media (min-width: 768px){
.btn-green2:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 992px){
.btn-green2:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 1200px){
.btn-green2:hover{
padding:16px 20px 10px 20px
}
}
.btn-green2:hover span.chev{
margin-left:15px;
margin-right:0px;
background-image:url("../images/chev-right-white2-hover.svg");
opacity:1
}
@media (min-width: 768px){
.btn-green2:hover span.chev{
margin-left:15px;
margin-right:0px
}
}
.btn-green2:hover{
background-color:#1C3C2E;
color:#fff;
border-color:#1C3C2E
}
.btn-dk-green{
display:inline-block;
padding:12px 20px 6px 20px;
margin:0;
text-align:center;
background-color:#1B1B1B;
color:#fff;
text-decoration:none;
font-size:13px;
vertical-align:middle;
box-sizing:border-box;
min-width:150px;
border-radius:50px;
transition:all .2s ease-out;
border:solid 2px #1B1B1B;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:500;
font-style:normal;
background-color:#1C3C2E;
color:#fff;
border-color:#1C3C2E
}
@media (min-width: 768px){
.btn-dk-green{
padding:14px 20px 8px 20px;
font-size:14px;
min-width:170px
}
}
@media (min-width: 992px){
.btn-dk-green{
padding:14px 20px 8px 20px;
font-size:15px
}
}
@media (min-width: 1200px){
.btn-dk-green{
padding:16px 20px 10px 20px;
font-size:15px
}
}
.btn-dk-green:hover{
background:#fff;
color:#1B1B1B;
border-color:#fff;
text-decoration:none;
padding:12px 20px 6px 20px
}
@media (min-width: 768px){
.btn-dk-green:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 992px){
.btn-dk-green:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 1200px){
.btn-dk-green:hover{
padding:16px 20px 10px 20px
}
}
.btn-dk-green:hover span.chev{
margin-left:15px;
margin-right:0px;
background-image:url("../images/chev-right-white2-hover.svg");
opacity:1
}
@media (min-width: 768px){
.btn-dk-green:hover span.chev{
margin-left:15px;
margin-right:0px
}
}
.btn-dk-green:hover{
background-color:#02E283;
color:#1C3C2E;
border-color:#02E283
}
.green6-bg .btn-dk-green:hover,.green3-bg .btn-dk-green:hover{
background-color:#fff;
color:#00AD5E;
border-color:#fff
}
.btn-gh,.navbar-expand-lg .navbar-nav .btn-gh{
display:inline-block;
padding:12px 20px 6px 20px;
margin:0;
text-align:center;
background-color:#1B1B1B;
color:#fff;
text-decoration:none;
font-size:13px;
vertical-align:middle;
box-sizing:border-box;
min-width:150px;
border-radius:50px;
transition:all .2s ease-out;
border:solid 2px #1B1B1B;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:500;
font-style:normal;
background:transparent;
border:solid 2px #1B1B1B;
color:#1B1B1B
}
@media (min-width: 768px){
.btn-gh,.navbar-expand-lg .navbar-nav .btn-gh{
padding:14px 20px 8px 20px;
font-size:14px;
min-width:170px
}
}
@media (min-width: 992px){
.btn-gh,.navbar-expand-lg .navbar-nav .btn-gh{
padding:14px 20px 8px 20px;
font-size:15px
}
}
@media (min-width: 1200px){
.btn-gh,.navbar-expand-lg .navbar-nav .btn-gh{
padding:16px 20px 10px 20px;
font-size:15px
}
}
.btn-gh:hover,.navbar-expand-lg .navbar-nav .btn-gh:hover{
background:#fff;
color:#1B1B1B;
border-color:#fff;
text-decoration:none;
padding:12px 20px 6px 20px
}
@media (min-width: 768px){
.btn-gh:hover,.navbar-expand-lg .navbar-nav .btn-gh:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 992px){
.btn-gh:hover,.navbar-expand-lg .navbar-nav .btn-gh:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 1200px){
.btn-gh:hover,.navbar-expand-lg .navbar-nav .btn-gh:hover{
padding:16px 20px 10px 20px
}
}
.btn-gh:hover span.chev,.navbar-expand-lg .navbar-nav .btn-gh:hover span.chev{
margin-left:15px;
margin-right:0px;
background-image:url("../images/chev-right-white2-hover.svg");
opacity:1
}
@media (min-width: 768px){
.btn-gh:hover span.chev,.navbar-expand-lg .navbar-nav .btn-gh:hover span.chev{
margin-left:15px;
margin-right:0px
}
}
.btn-gh:hover,.navbar-expand-lg .navbar-nav .btn-gh:hover{
background-color:#1B1B1B;
border-color:#1B1B1B;
color:#fff
}
a.cta_button{
display:inline-block !important;
padding:12px 20px 6px 20px !important;
margin:0 !important;
text-align:center !important;
background-color:#1B1B1B !important;
color:#fff !important;
text-decoration:none !important;
font-size:13px !important;
vertical-align:middle !important;
box-sizing:border-box !important;
min-width:150px !important;
border-radius:50px !important;
transition:all .2s ease-out !important;
border:solid 2px #1B1B1B !important;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:500;
font-style:normal;
background-color:#47FF40 !important;
color:#1C3C2E !important;
border-color:#47FF40 !important
}
@media (min-width: 768px){
a.cta_button{
padding:14px 20px 8px 20px !important;
font-size:14px !important;
min-width:170px !important
}
}
@media (min-width: 992px){
a.cta_button{
padding:14px 20px 8px 20px !important;
font-size:15px !important
}
}
@media (min-width: 1200px){
a.cta_button{
padding:16px 20px 10px 20px !important;
font-size:15px !important
}
}
a.cta_button:hover{
background:#fff !important;
color:#1B1B1B !important;
border-color:#fff !important;
text-decoration:none !important;
padding:12px 20px 6px 20px !important
}
@media (min-width: 768px){
a.cta_button:hover{
padding:14px 20px 8px 20px !important
}
}
@media (min-width: 992px){
a.cta_button:hover{
padding:14px 20px 8px 20px !important
}
}
@media (min-width: 1200px){
a.cta_button:hover{
padding:16px 20px 10px 20px !important
}
}
a.cta_button:hover span.chev{
margin-left:15px;
margin-right:0px;
background-image:url("../images/chev-right-white2-hover.svg");
opacity:1
}
@media (min-width: 768px){
a.cta_button:hover span.chev{
margin-left:15px;
margin-right:0px
}
}
a.cta_button:hover{
background-color:#1C3C2E !important;
color:#fff !important;
border-color:#1C3C2E !important
}
.green6-bg a.cta_button:hover{
background-color:#fff !important;
color:#1C3C2E !important;
border-color:#fff !important
}
.underline-link{
color:#000;
border-color:#000
}
.underline-link:hover{
color:#1B1B1B;
border-color:#1B1B1B
}
.box-shadow{
-webkit-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);
-moz-box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2);
box-shadow:0px 0px 30px 0px rgba(0,0,0,0.2)
}
.sect-pad-top-sm{
padding-top:30px
}
@media (min-width: 768px){
.sect-pad-top-sm{
padding-top:40px
}
}
@media (min-width: 992px){
.sect-pad-top-sm{
padding-top:60px
}
}
.sect-pad-bot-sm{
padding-bottom:30px
}
@media (min-width: 768px){
.sect-pad-bot-sm{
padding-bottom:40px
}
}
@media (min-width: 992px){
.sect-pad-bot-sm{
padding-bottom:60px
}
}
.sect-pad-top{
padding-top:40px
}
@media (min-width: 768px){
.sect-pad-top{
padding-top:50px
}
}
@media (min-width: 992px){
.sect-pad-top{
padding-top:70px
}
}
@media (min-width: 1200px){
.sect-pad-top{
padding-top:90px
}
}
.sect-pad-bot{
padding-bottom:40px
}
.lsect-pad-bot{
padding-bottom:40px
}
@media (min-width: 768px){
.sect-pad-bot{
padding-bottom:50px
}
.lsect-pad-bot{
padding-bottom:50px
}
}
@media (min-width: 992px){
.sect-pad-bot{
padding-bottom:70px
}
.lsect-pad-bot{
padding-bottom:90
}
}
@media (min-width: 1200px){
.sect-pad-bot{
padding-bottom:90px;
}
.lsect-pad-bot{
padding-bottom:90px
}
}
@media (min-width: 2000px){
.sect-pad-bot{
padding-bottom:90px
}
.lsect-pad-bot{
padding-bottom:90px
}
}
.sect-pad-top-lg{
padding-top:40px
}
@media (min-width: 768px){
.sect-pad-top-lg{
padding-top:100px
}
}
@media (min-width: 992px){
.sect-pad-top-lg{
padding-top:180px
}
}
.sect-pad-bot-lg{
padding-bottom:40px
}
@media (min-width: 768px){
.sect-pad-bot-lg{
padding-bottom:100px
}
}
@media (min-width: 992px){
.sect-pad-bot-lg{
padding-bottom:180px
}
}
.last-p-marg p:last-of-type{
margin-bottom:0
}
::placeholder{
color:#ccc;
opacity:1
}
:-ms-input-placeholder{
color:#ccc
}
::-ms-input-placeholder{
color:#ccc
}
.form-control,.form-select{
border-radius:5px;
height:38px;
padding:9px 10px 5px 10px;
margin-bottom:10px;
font-family:"itc-avant-garde-gothic-pro";
font-weight:normal;
font-style:normal;
font-size:14px
}
@media (min-width: 768px){
.form-control,.form-select{
font-size:14px
}
}
@media (min-width: 992px){
.form-control,.form-select{
height:44px;
font-size:16px;
margin-bottom:20px
}
}
.form-control::-webkit-input-placeholder,.form-select::-webkit-input-placeholder{
color:#bbb
}
.form-control::-moz-placeholder,.form-select::-moz-placeholder{
color:#bbb
}
.form-control:-ms-input-placeholder,.form-select:-ms-input-placeholder{
color:#bbb
}
.form-control:-moz-placeholder,.form-select:-moz-placeholder{
color:#bbb
}
.form-control:focus,.form-select:focus{
outline:none;
box-shadow:none;
border:solid 1px #00AD5E
}
textarea.form-control{
height:200px;
padding-top:10px
}
.carousel-control-prev{
background-image:url("../images/chev-left-white.svg");
background-repeat:no-repeat;
background-size:20px auto;
background-position:center center
}
.carousel-control-next{
background-image:url("../images/chev-right-white.svg");
background-repeat:no-repeat;
background-size:20px auto;
background-position:center center
}
.hide-mob{
display:none
}
@media (min-width: 768px){
.hide-mob{
display:inline-block
}
}
@media (min-width: 992px){
.hide-mob{
display:inline-block
}
}
.hide-tab{
display:block
}
@media (min-width: 768px){
.hide-tab{
display:none !important
}
}
@media (min-width: 992px){
.hide-tab{
display:block
}
}
.hide-desk{
display:block
}
@media (min-width: 768px){
.hide-desk{
display:block
}
}
@media (min-width: 992px){
.hide-desk{
display:none !important
}
}
.sl-wrapper .sl-navigation button{
overflow:hidden;
text-indent:-100px;
background-repeat:no-repeat;
background-size:20px 20px;
width:20px;
height:20px
}
@media (min-width: 768px){
.sl-wrapper .sl-navigation button{
background-size:30px 30px;
width:30px;
height:30px
}
}
.sl-wrapper .sl-navigation button.sl-prev{
background-image:url(../images/chev-left-white.svg)
}
.sl-wrapper .sl-navigation button.sl-next{
background-image:url(../images/chev-right-white.svg)
}
.sl-wrapper button.sl-close{
overflow:hidden;
text-indent:-100px;
background-repeat:no-repeat;
background-size:15px 15px;
background-image:url(../images/close-icon-white.svg);
background-position:center center;
width:20px;
height:20px;
margin:-9px -12px 0 0
}
@media (min-width: 768px){
.sl-wrapper button.sl-close{
background-size:25px 25px;
width:30px;
height:30px;
margin:-4px -10px 0 0
}
}
.sl-wrapper .sl-counter{
font-family:"itc-avant-garde-gothic-pro";
font-weight:normal;
font-style:normal;
color:#fff;
left:20px;
top:20px
}
@media (min-width: 768px){
.sl-wrapper .sl-counter{
left:30px;
top:30px
}
}
.sl-overlay{
background:#000;
opacity:0.95
}
body.hidden-scroll{
overflow-y:scroll;
padding-right:0 !important
}
.gallery a:hover::after{
content:'';
width:100%;
height:100%;
position:absolute;
background-color:rgba(0,0,0,0.8);
background-repeat:no-repeat;
background-image:url("../images/zoom-in.svg");
background-size:30px 30px;
background-position:center center
}
.grid{
width:100%
}
.grid:after{
content:'';
display:block;
clear:both
}
.grid-item{
height:240px;
float:left;
background:#eee;
border-top:7px solid #fff;
border-bottom:8px solid #fff;
border-left:15px solid #fff;
border-right:15px solid #fff;
border-radius:0px;
background-repeat:no-repeat;
background-size:cover
}
@media (min-width: 992px){
.grid-item{
height:calc(300px - 30px);
border:15px solid #fff
}
}
.grid-sizer,.grid-item{
width:100%
}
@media (min-width: 992px){
.grid-sizer,.grid-item{
width:33.333%
}
}
.grid-item--width2{
width:100%;
height:240px
}
@media (min-width: 992px){
.grid-item--width2{
width:66.666%;
height:calc(600px - 60px)
}
}
a[href^="tel"]{
color:#fff
}
@media (min-width: 768px){
.row{
padding-left:20px;
padding-right:20px
}
}
@media (min-width: 992px){
.row{
padding-left:0px;
padding-right:0px
}
}
.row>*{
padding-left:15px;
padding-right:15px
}
@media (min-width: 768px){
.row>*{
padding-left:10px;
padding-right:10px
}
}
@media (min-width: 992px){
.row>*{
padding-left:12px;
padding-right:12px
}
}
@media (min-width: 1200px){
.row>*{
padding-left:15px;
padding-right:15px
}
}
.what-we-do-main h3{
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:normal;
font-style:normal
}
@media (min-width: 992px){
.what-we-do-main h3{
padding-right:20px
}
}
@media (min-width: 992px){
.what-we-do-main p{
padding-right:20px
}
}
.what-we-do-main .btn-green{
margin-right:15px
}
.what-we-do-wrap img{
border-radius:20px;
margin-top:30px;
width:100%;
height:auto
}
@media (min-width: 992px){
.what-we-do-wrap img{
border-radius:30px;
margin-top:0
}
}
main ul{
list-style:none;
margin-top:20px;
margin-bottom:20px
}
@media (min-width: 768px){
main ul{
margin-top:20px;
margin-bottom:20px
}
}
@media (min-width: 992px){
main ul{
margin-top:25px;
margin-bottom:25px
}
}
main ul li{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/bullet.svg");
background-repeat:no-repeat;
background-size:11px auto;
background-position:left -1px;
padding-left:20px;
margin-bottom:8px
}
@media (min-width: 768px){
main ul li{
background-position:left 1px
}
}
main ol{
padding-left:17px;
margin-top:20px;
margin-bottom:20px
}
@media (min-width: 768px){
main ol{
margin-top:20px;
margin-bottom:20px
}
}
@media (min-width: 992px){
main ol{
margin-top:25px;
margin-bottom:25px
}
}
main ol li{
padding-left:5px;
margin-bottom:8px
}
main ol li::marker{
color:#02E283
}
nav.navbar{
background-color:#f5f5f5;
padding:0;
box-shadow:0 0 30px rgba(0,0,0,0.15)
}
nav.navbar .navbar-brand{
width:110px;
height:auto;
padding:10px 0 18px 0px;
margin-right:0;
margin-left:5px
}
@media (min-width: 768px){
nav.navbar .navbar-brand{
padding:15px 0 23px 0px
}
}
@media (min-width: 992px){
nav.navbar .navbar-brand{
margin-left:15px;
width:135px;
padding:0 0 9px 0
}
}
nav.navbar .navbar-brand img{
width:100%;
height:auto
}
nav.navbar .nav-item{
margin:0
}
nav.navbar .nav-item .nav-link{
color:#1B1B1B;
padding:0 2px;
margin:0 0 10px 0;
line-height:36px;
position:relative;
font-size:18px;
display:inline-block
}
@media (min-width: 992px){
nav.navbar .nav-item .nav-link{
margin:30px 13px 22px 13px;
font-size:16px;
display:block
}
}
nav.navbar .nav-item .nav-link:hover{
color:#00AD5E
}
nav.navbar .nav-item .nav-link.active::before{
content:'';
width:100%;
height:2px;
position:absolute;
left:0;
bottom:2px;
background-color:#02E283
}
@media (min-width: 992px){
nav.navbar .nav-item .nav-link.active::before{
bottom:0
}
}
nav.navbar .nav-item .nav-link.active:hover{
color:#1B1B1B
}
nav.navbar .navbar-nav{
margin-top:14px;
margin-bottom:20px;
text-align:center
}
@media (min-width: 992px){
nav.navbar .navbar-nav{
margin-top:0;
margin-bottom:0
}
}
nav.navbar .dropdown-menu{
top:76px;
border:none;
border-radius:10px;
box-shadow:0 0 10px rgba(0,0,0,0.1);
max-width:240px;
margin-left:auto;
margin-right:auto;
margin-bottom:18px
}
@media (min-width: 768px){
nav.navbar .dropdown-menu{
max-width:240px
}
}
@media (min-width: 992px){
nav.navbar .dropdown-menu{
max-width:none;
margin-bottom:0
}
}
nav.navbar .dropdown-menu li{
margin-bottom:0;
text-align:center
}
@media (min-width: 992px){
nav.navbar .dropdown-menu li{
text-align:left
}
}
nav.navbar .dropdown-menu li a{
padding:12px 15px 8px 15px;
font-size:16px
}
nav.navbar .dropdown-item.active,nav.navbar .dropdown-item:active{
background-color:#00AD5E
}
.hamburger{
margin-top:5px;
margin-right:5px
}
.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after,.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:after,.hamburger.is-active .hamburger-inner:before{
background-color:#1C3C2E
}
.hamburger.is-active:hover,.hamburger:hover{
opacity:1
}
.inner-banner{
margin-top:60px
}
@media (min-width: 768px){
.inner-banner{
margin-top:70px
}
}
@media (min-width: 992px){
.inner-banner{
margin-top:88px
}
}
.inner-banner h1{
margin-bottom:-12px;
color:#fff;
display:inline-block;
position:relative
}
.inner-banner h1::before{
content:'';
display:block;
position:absolute;
top:-2px;
left:-35px;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/bracket-left.svg");
background-repeat:no-repeat;
background-size:auto 100%;
background-position:center center;
width:40px;
height:100%
}
@media (min-width: 768px){
.inner-banner h1::before{
left:-50px
}
}
@media (min-width: 992px){
.inner-banner h1::before{
top:-2px;
left:-50px
}
}
@media (min-width: 1200px){
.inner-banner h1::before{
top:-3px;
left:-60px
}
}
.inner-banner h1::after{
content:'';
display:block;
position:absolute;
top:-2px;
right:-35px;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/bracket-right.svg");
background-repeat:no-repeat;
background-size:auto 100%;
background-position:center center;
width:40px;
height:100%
}
@media (min-width: 768px){
.inner-banner h1::after{
right:-50px
}
}
@media (min-width: 992px){
.inner-banner h1::after{
top:-2px;
right:-50px
}
}
@media (min-width: 1200px){
.inner-banner h1::after{
top:-3px;
right:-60px
}
}
.wrap-404{
margin-top:60px
}
@media (min-width: 768px){
.wrap-404{
margin-top:70px
}
}
@media (min-width: 992px){
.wrap-404{
margin-top:88px
}
}
@media (min-width: 1200px){
.wrap-404{
margin-top:88px
}
}
.wrap-404 .span-404{
font-size:60px;
line-height:1.2em;
margin-bottom:10px;
color:#02E283;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:normal;
font-style:normal
}
@media (min-width: 768px){
.wrap-404 .span-404{
font-size:72px;
line-height:1.15em
}
}
@media (min-width: 992px){
.wrap-404 .span-404{
font-size:82px;
margin-bottom:20px;
line-height:1.2em
}
}
@media (min-width: 1200px){
.wrap-404 .span-404{
font-size:92px;
margin-bottom:15px;
line-height:1.1em
}
}
.banner{
margin-top:60px;
justify-content:center;
align-items:center;
display:flex;
position:relative;
height:240px;
overflow:hidden
}
.sectorlogo{
text-align:center;
display:block;
justify-content:center;
align-items:center;
margin-left: auto;
margin-right: auto;
padding-top:10px;
padding-bottom:10px;
}
@media (min-width: 768px){
.banner{
margin-top:70px;
height:300px
}
}
@media (min-width: 992px){
.banner{
margin-top:88px;
height:400px
}
.sectorlogo{
width:30%;
}
}
@media (min-width: 1200px){
.banner{
margin-top:88px;
height:500px
}
.sectorlogo{
width:30%;
}
}
@media (min-width: 1400px){
.sectorlogo{
width:16%;
}
}
.lbanner{
margin-top:60px;
justify-content:center;
align-items:center;
display:flex;
position:relative;
height:240px;
overflow:hidden
}
@media (min-width: 768px){
.lbanner{
margin-top:20px;
height:300px
}
}
@media (min-width: 992px){
.lbanner{
margin-top:88px;
height:300px;
}
}
@media (min-width: 1200px){
.lbanner{
margin-top:88px;
height:400px;
}
}
@media (min-width: 2000px){
.lbanner{
margin-top:88px;
height:400px;
}
}
.banner img{
height:240px;
width:auto;
position:absolute;
right:-140px;
top:0;
}
@media (min-width: 768px){
.banner img{
height:320px;
position:absolute;
right:-80px;
}
}
@media (min-width: 992px){
.banner img{
height:400px;
right:-140px;
left:auto;
}
}
@media (min-width: 1200px){
.banner img{
height:500px;
right:0;
}
}
.banner h1{
margin-bottom:0;
color:#fff;
width:50%
}
@media (min-width: 768px){
.banner h1{
transform:none;
position:static;
width:100%;
padding-left:0;
padding-top:0px;
padding-right:0px
}
}
@media (min-width: 992px){
.banner h1{
padding-right:0px;
padding-top:14px
}
}
@media (min-width: 1200px){
.banner h1{
padding-right:60px;
padding-top:14px
}
}
.banner.about-banner img{
height:240px;
width:auto;
position:absolute;
right:-180px;
top:0
}
@media (min-width: 768px){
.banner.about-banner img{
height:320px;
position:absolute;
right:-80px
}
}
@media (min-width: 992px){
.banner.about-banner img{
height:400px;
right:-140px
}
}
@media (min-width: 1200px){
.banner.about-banner img{
height:500px;
right:0
}
}
.banner.about-banner h1{
margin-bottom:0;
color:#fff;
width:160px
}
@media (min-width: 768px){
.banner.about-banner h1{
transform:none;
position:static;
width:100%;
padding-left:0;
padding-top:0px;
padding-right:0px
}
}
@media (min-width: 992px){
.banner.about-banner h1{
padding-right:0px;
padding-top:14px
}
}
@media (min-width: 1200px){
.banner.about-banner h1{
padding-right:60px;
padding-top:14px
}
}
.banner.assessment-banner img{
height:282px;
width:auto;
position:absolute;
right:-40px;
top:56px;
max-height:185px;
}
@media (min-width: 768px){
.banner.assessment-banner img{
height:320px;
position:absolute;
right:-50px;
max-height: 245px;
}
}
@media (min-width: 992px){
.banner.assessment-banner img{
height:400px;
right:-77px;
max-height:345px;
}
}
@media (min-width: 1200px){
.banner.assessment-banner img{
height:500px;
right:0;
max-height:500px;
top:0px;
}
}
.banner.assessment-banner h1{
margin-bottom:0;
color:#fff;
width:170px
}
@media (min-width: 768px){
.banner.assessment-banner h1{
transform:none;
position:static;
width:100%;
padding-left:0;
padding-top:0px;
padding-right:0px
}
}
@media (min-width: 992px){
.banner.assessment-banner h1{
padding-right:60px;
padding-top:14px
}
}
@media (min-width: 1200px){
.banner.assessment-banner h1{
padding-right:60px
}
}
@media (min-width: 1400px){
.banner.assessment-banner h1{
padding-right:0px
}
}
.banner.solutions-banner img{
height:240px;
width:auto;
position:absolute;
right:-130px;
top:0
}
@media (min-width: 768px){
.banner.solutions-banner img{
height:320px;
position:absolute;
right:-80px
}
}
@media (min-width: 992px){
.banner.solutions-banner img{
height:400px;
right:-140px
}
}
@media (min-width: 1200px){
.banner.solutions-banner img{
height:500px;
right:0
}
}
.banner.solutions-banner h1{
margin-bottom:0;
color:#fff;
width:170px
}
@media (min-width: 768px){
.banner.solutions-banner h1{
transform:none;
position:static;
width:100%;
padding-left:0;
padding-top:0px;
padding-right:0px
}
}
@media (min-width: 992px){
.banner.solutions-banner h1{
padding-right:60px;
padding-top:14px
}
}
@media (min-width: 1200px){
.banner.solutions-banner h1{
padding-right:60px
}
}
@media (min-width: 1400px){
.banner.solutions-banner h1{
padding-right:0px
}
}
.workshop_menu button {
margin: 10px;
cursor: pointer;
font-size: 18px;
border:none;
border-radius:10px;
padding:15px;
min-width: 170px;
}
.workshop_menu_buttons {
float: left;
width: 33%;
padding: 10px;
}
.workshop_menu:after{
content: "";
display: table;
clear: both;
}
@media (max-width: 845px) {
.workshop_menu_buttons {
width: 100%;
}
}
.workshop_button_active {
background-color: #47ff40;
font-size: 18px;
border:none;
border-radius:10px;
padding:15px;
min-width: 170px;
}
.workshop_content_inside {
display: none;
border-radius: 10px;
padding: 10px;
}
.workshop_content_inside_active {
display: block;
}
.banner.workshop-banner img{
height:250px;
width:auto;
position:absolute;
right:0px;
top:71px;
max-height:170px;
}
@media (min-width: 768px){
.banner.workshop-banner img{
height:320px;
position:absolute;
right:-1px;
top: 0px;
max-height:300px;
}
}
@media (min-width: 992px){
.banner.workshop-banner img{
height:400px;
right:-7px;
top:2px;
max-height:400px;
}
}
@media (min-width: 1200px){
.banner.workshop-banner img{
height:500px;
right:0;
top:2px;
max-height:500px;
}
}
@media (min-width: 1400px){
.banner.workshop-banner img{
height:500px;
right:0;
top:1px;
max-height:500px;
}
}
.banner.workshop-banner h1{
margin-bottom:0;
color:#fff;
width:170px
}
@media (min-width: 768px){
.banner.workshop-banner h1{
transform:none;
position:static;
width:100%;
padding-left:0;
padding-top:0px;
padding-right:0px
}
}
@media (min-width: 992px){
.banner.workshop-banner h1{
padding-right:60px;
padding-top:14px
}
}
@media (min-width: 1200px){
.banner.workshop-banner h1{
padding-right:60px
}
}
@media (min-width: 1400px){
.banner.workshop-banner h1{
padding-right:0px
}
}
.banner.banner-accessibility img{
height:240px;
width:auto;
position:absolute;
right:-180px;
top:0
}
@media (min-width: 768px){
.banner.banner-accessibility img{
height:320px;
position:absolute;
right:-80px
}
}
@media (min-width: 992px){
.banner.banner-accessibility img{
height:400px;
right:-140px
}
}
@media (min-width: 1200px){
.banner.banner-accessibility img{
height:500px;
right:0
}
}
.banner.banner-accessibility h1{
margin-bottom:0;
color:#fff;
width:170px
}
@media (min-width: 768px){
.banner.banner-accessibility h1{
transform:none;
position:static;
width:100%;
padding-left:0;
padding-top:0px;
padding-right:0px
}
}
@media (min-width: 992px){
.banner.banner-accessibility h1{
padding-right:0px;
padding-top:14px
}
}
@media (min-width: 1200px){
.banner.banner-accessibility h1{
padding-right:60px;
padding-top:14px
}
}
@media (min-width: 1400px){
.banner.banner-accessibility h1{
padding-right:0
}
}
.banner.partnership-banner img{
height:240px;
width:auto;
position:absolute;
right:-192px;
top:0
}
@media (min-width: 768px){
.banner.partnership-banner img{
height:320px;
position:absolute;
right:-80px
}
}
@media (min-width: 992px){
.banner.partnership-banner img{
height:400px;
right:-140px
}
}
@media (min-width: 1200px){
.banner.partnership-banner img{
height:500px;
right:0
}
}
@media (min-width: 768px){
.banner.landing-banner img{
height:320px;
position:absolute;
right:-80px
}
}
@media (min-width: 992px){
.banner.landing-banner img{
height:400px;
right:-140px
}
}
@media (min-width: 1200px){
.banner.landing-banner img{
height:350px;
right:0
}
}
.banner.partnership-banner h1{
margin-bottom:0;
color:#fff;
width:160px
}
@media (min-width: 768px){
.banner.partnership-banner h1{
transform:none;
position:static;
width:100%;
padding-left:0;
padding-top:0px;
padding-right:0px
}
}
@media (min-width: 992px){
.banner.partnership-banner h1{
padding-right:0px;
padding-top:14px
}
}
@media (min-width: 1200px){
.banner.partnership-banner h1{
padding-right:60px;
padding-top:14px
}
}
.banner.landing-banner h1{
margin-bottom:0;
color:#fff;
width:160px
}
@media (min-width: 768px){
.banner.landing-banner h1{
transform:none;
position:static;
width:100%;
padding-left:0;
padding-top:0px;
padding-right:0px;
}
}
@media (min-width: 992px){
.banner.landing-banner h1{
padding-right:0px;
padding-top:14px;
}
}
@media (min-width: 1200px){
.banner.landing-banner h1{
padding-right:60px;
padding-top:14px;
}
}
@media (min-width: 992px){
.banner.cust-story-ban{
overflow:visible;
height:350px
}
}
@media (min-width: 1200px){
.banner.cust-story-ban{
height:500px
}
}
.banner.cust-story-ban img{
height:225px;
right:-100px;
left:initial
}
@media (min-width: 768px){
.banner.cust-story-ban img{
height:280px;
right:0
}
}
@media (min-width: 992px){
.banner.cust-story-ban img{
height:395px
}
}
@media (min-width: 1200px){
.banner.cust-story-ban img{
height:535px
}
}
.banner.cust-story-ban h1{
margin-bottom:0;
color:#fff;
width:48%
}
@media (min-width: 768px){
.banner.cust-story-ban h1{
transform:none;
position:static;
width:100%;
padding-left:0;
padding-top:0px;
padding-right:0px
}
}
@media (min-width: 992px){
.banner.cust-story-ban h1{
padding-right:30px;
padding-top:14px
}
}
@media (min-width: 1400px){
.banner.cust-story-ban h1{
padding-right:60px
}
}
@media (min-width: 768px){
.banner.banner-home{
overflow:visible
}
}
@media (min-width: 992px){
.banner.banner-home{
height:440px;
overflow:visible
}
}
@media (min-width: 1200px){
.banner.banner-home{
height:550px;
overflow:visible
}
}
.banner.banner-home h1{
width:48%;
padding-right:0px
}
@media (min-width: 768px){
.banner.banner-home h1{
width:100%;
padding-right:0px
}
}
@media (min-width: 992px){
.banner.banner-home h1{
padding-right:20px
}
}
@media (min-width: 1200px){
.banner.banner-home h1{
padding-right:60px
}
}
.banner.banner-home img{
height:220px;
right:-40px;
left:initial
}
@media (min-width: 768px){
.banner.banner-home img{
height:365px;
right:0
}
}
@media (min-width: 992px){
.banner.banner-home img{
height:535px;
right:-60px
}
}
@media (min-width: 1200px){
.banner.banner-home img{
height:669px;
right:0px
}
}
.banner.news-post-banner{
height:auto;
padding-top:30px;
padding-bottom:70px
}
@media (min-width: 768px){
.banner.news-post-banner{
padding-top:50px;
padding-bottom:140px
}
}
@media (min-width: 992px){
.banner.news-post-banner{
padding-top:80px;
padding-bottom:160px
}
}
.banner.news-post-banner h1{
color:#1C3C2E;
font-size:22px;
width:100%;
padding-right:0;
padding-top:14px
}
@media (min-width: 768px){
.banner.news-post-banner h1{
font-size:30px;
padding-top:14px;
line-height:1.3em
}
}
@media (min-width: 992px){
.banner.news-post-banner h1{
font-size:40px;
line-height:1.3em;
padding-left:30px;
padding-right:30px
}
}
.banner h5{
color:#fff;
line-height:26px;
margin-bottom:12px
}
@media (min-width: 768px){
.banner h5{
margin-top:18px
}
}
.banner h5::before{
content:'';
display:inline-block;
vertical-align:middle;
margin-right:6px;
width:20px;
height:26px;
background-size:20px auto;
background-repeat:no-repeat;
background-position:center center;
margin-top:-5px
}
@media (min-width: 768px){
.banner h5::before{
margin-right:7px;
width:23px;
height:22px;
background-size:23px auto
}
}
@media (min-width: 992px){
.banner h5::before{
margin-right:10px;
width:30px;
height:26px;
background-size:30px auto
}
}
.banner h5.government::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/government-icon-sm.svg")
}
.banner h5.commercial::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/commercial-icon-sm.svg")
}
.banner h5.healthcare::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/healthcare-icon-sm.svg")
}
.banner h5.education::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/education-icon-sm.svg")
}
.banner h5.non-profit::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hubfs/4517264/Banner%20Non-Profit-Icon.svg")
}
.banner.banner-home h1{
color:#1C3C2E
}
.home-hero h2{
color:#02E283
}
.home-hero h3{
color:#1C3C2E
}
.tags{
margin:15px 0 0 0
}
@media (min-width: 768px){
.tags{
margin:20px 0 0 0
}
}
.tags li{
display:inline-block;
vertical-align:middle;
margin-bottom:0;
background-image:none;
padding-left:0
}
.tags li a{
display:block;
font-size:11px;
border:solid 1px #1C3C2E;
padding:4px 10px 0px 10px;
margin:0 2px;
color:#1C3C2E;
text-decoration:none;
border-radius:5px
}
@media (min-width: 768px){
.tags li a{
font-size:13px;
border:solid 2px #1C3C2E;
padding:5px 15px 0px 15px;
margin:0 5px
}
}
.contact-wrap h2{
color:#02E283
}
.contact-wrap .form-wrap{
display:block
}
.contact-wrap .form-wrap input[type=submit]{
display:inline-block;
padding:12px 20px 6px 20px;
margin:0;
text-align:center;
background-color:#1B1B1B;
color:#fff;
text-decoration:none;
font-size:13px;
vertical-align:middle;
box-sizing:border-box;
min-width:150px;
border-radius:50px;
transition:all .2s ease-out;
border:solid 2px #1B1B1B;
font-family:"itc-avant-garde-gothic-pro" !important;
font-weight:500;
font-style:normal;
background-color:#47FF40;
color:#1C3C2E;
border-color:#47FF40
}
@media (min-width: 768px){
.contact-wrap .form-wrap input[type=submit]{
padding:14px 20px 8px 20px;
font-size:14px;
min-width:170px
}
}
@media (min-width: 992px){
.contact-wrap .form-wrap input[type=submit]{
padding:14px 20px 8px 20px;
font-size:15px
}
}
@media (min-width: 1200px){
.contact-wrap .form-wrap input[type=submit]{
padding:16px 20px 10px 20px;
font-size:15px
}
}
.contact-wrap .form-wrap input[type=submit]:hover{
background:#fff;
color:#1B1B1B;
border-color:#fff;
text-decoration:none;
padding:12px 20px 6px 20px
}
@media (min-width: 768px){
.contact-wrap .form-wrap input[type=submit]:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 992px){
.contact-wrap .form-wrap input[type=submit]:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 1200px){
.contact-wrap .form-wrap input[type=submit]:hover{
padding:16px 20px 10px 20px
}
}
.contact-wrap .form-wrap input[type=submit]:hover span.chev{
margin-left:15px;
margin-right:0px;
background-image:url("../images/chev-right-white2-hover.svg");
opacity:1
}
@media (min-width: 768px){
.contact-wrap .form-wrap input[type=submit]:hover span.chev{
margin-left:15px;
margin-right:0px
}
}
.contact-wrap .form-wrap input[type=submit]:hover{
background-color:#fff;
color:#1C3C2E;
border-color:#fff
}
.contact-wrap .form-wrap input[type=submit]:hover{
background-color:#1C3C2E;
border-color:#1C3C2E;
color:#fff
}
.contact-wrap .form-wrap input[type=text],.contact-wrap .form-wrap input[type=email],.contact-wrap .form-wrap textarea,.contact-wrap .form-wrap select{
border-radius:10px;
border:solid 1px #1B1B1B;
padding:0 10px;
height:44px
}
.contact-wrap .form-wrap textarea{
min-height:200px
}
.contact-wrap .form-wrap form .hs-richtext,.contact-wrap .form-wrap form .hs-richtext p{
font-size:14px;
line-height:1.4em;
margin:0 0 10px 0;
color:#1B1B1B;
font-family:"itc-avant-garde-gothic-pro";
font-weight:normal;
font-style:normal
}
@media (min-width: 768px){
.contact-wrap .form-wrap form .hs-richtext,.contact-wrap .form-wrap form .hs-richtext p{
margin:0 0 12px 0
}
}
@media (min-width: 992px){
.contact-wrap .form-wrap form .hs-richtext,.contact-wrap .form-wrap form .hs-richtext p{
font-size:16px;
line-height:1.6em;
margin:0 0 15px 0
}
}
.contact-wrap .form-wrap form input[type=checkbox]{
margin-top:4px
}
.contact-wrap .form-wrap .legal-consent-container .hs-form-booleancheckbox-display>span p{
margin-left:0 !important
}
.contact-wrap #communications-agreement{
margin-bottom:12px
}
@media (min-width: 768px){
.contact-wrap #communications-agreement{
margin-bottom:15px
}
}
@media (min-width: 992px){
.contact-wrap #communications-agreement{
margin-bottom:20px
}
}
form .inputs-list>li{
background-image:none;
padding-left:0
}
.generic-content h3{
color:#00AD5E
}
.generic-content a{
color:#00AD5E
}
table{
border:none !important
}
table tr td{
padding:10px !important;
border:solid 1px #B1B1B1
}
@media (min-width: 768px){
table tr td{
padding:15px !important
}
}
@media (min-width: 992px){
table tr td{
padding:20px !important
}
}
.post-main .feature-image>img{
margin-top:-40px;
margin-bottom:25px;
width:100%;
height:auto
}
@media (min-width: 768px){
.post-main .feature-image>img{
margin-top:-100px;
margin-bottom:40px
}
}
.post-main img{
border-radius:20px
}
@media (min-width: 992px){
.post-main img{
border-radius:30px !important
}
}
.post-main blockquote{
margin:30px 10px;
padding-left:15px;
border-left:solid 3px #47FF40
}
@media (min-width: 768px){
.post-main blockquote{
margin:50px;
padding-left:30px
}
}
.post-main blockquote p:first-of-type{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/blockquotes.svg");
background-repeat:no-repeat;
background-position:right bottom;
background-size:100px auto;
font-size:21px !important;
line-height:1.2em !important;
margin-bottom:10px !important;
color:#1C3C2E !important;
font-family:"itc-avant-garde-gothic-pro" !important;
font-weight:500;
font-style:normal
}
@media (min-width: 768px){
.post-main blockquote p:first-of-type{
font-size:25px !important;
line-height:1.2em !important
}
}
@media (min-width: 992px){
.post-main blockquote p:first-of-type{
font-size:28px !important;
line-height:1.25em !important
}
}
@media (min-width: 1200px){
.post-main blockquote p:first-of-type{
font-size:36px !important;
margin-bottom:13px !important;
line-height:1.3em !important
}
}
@media (min-width: 768px){
.post-main blockquote p:first-of-type{
background-size:120px auto
}
}
@media (min-width: 992px){
.post-main blockquote p:first-of-type{
background-size:140px auto
}
}
.post-main blockquote p:last-of-type{
font-size:15px;
line-height:1.3em;
margin-bottom:10px;
color:#1C3C2E;
font-family:"ITCAvantGardeGothicMedium";
font-weight:normal;
font-style:normal;
color:#02E283;
margin-bottom:0
}
@media (min-width: 768px){
.post-main blockquote p:last-of-type{
font-size:17px
}
}
@media (min-width: 992px){
.post-main blockquote p:last-of-type{
font-size:20px;
line-height:1.4em
}
}
.post-main .post-cta{
padding:30px;
border-radius:20px;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/post-cta.svg");
background-repeat:no-repeat;
background-position:right top;
overflow:hidden;
background-size:auto 90%;
margin-top:20px
}
@media (min-width: 768px){
.post-main .post-cta{
padding:40px;
margin-top:30px
}
}
@media (min-width: 992px){
.post-main .post-cta{
border-radius:30px;
padding:70px;
margin-top:40px
}
}
.post-main .post-cta h2,.post-main .post-cta h3,.post-main .post-cta p{
color:#fff
}
.post-main .post-cta a{
display:inline-block;
padding:12px 20px 6px 20px;
margin:0;
text-align:center;
background-color:#1B1B1B;
color:#fff;
text-decoration:none;
font-size:13px;
vertical-align:middle;
box-sizing:border-box;
min-width:150px;
border-radius:50px;
transition:all .2s ease-out;
border:solid 2px #1B1B1B;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:normal;
font-style:normal;
background-color:#47FF40;
color:#1C3C2E;
border-color:#47FF40
}
@media (min-width: 768px){
.post-main .post-cta a{
padding:14px 20px 8px 20px;
font-size:14px;
min-width:170px
}
}
@media (min-width: 992px){
.post-main .post-cta a{
padding:14px 20px 8px 20px;
font-size:15px
}
}
@media (min-width: 1200px){
.post-main .post-cta a{
padding:16px 20px 10px 20px;
font-size:15px
}
}
.post-main .post-cta a:hover{
background:#fff;
color:#1B1B1B;
border-color:#fff;
text-decoration:none;
padding:12px 20px 6px 20px
}
@media (min-width: 768px){
.post-main .post-cta a:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 992px){
.post-main .post-cta a:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 1200px){
.post-main .post-cta a:hover{
padding:16px 20px 10px 20px
}
}
.post-main .post-cta a:hover span.chev{
margin-left:15px;
margin-right:0px;
background-image:url("../images/chev-right-white2-hover.svg");
opacity:1
}
@media (min-width: 768px){
.post-main .post-cta a:hover span.chev{
margin-left:15px;
margin-right:0px
}
}
.post-main .post-cta a:hover{
background-color:#fff;
color:#1C3C2E;
border-color:#fff
}
.author-wrap{
position:relative;
display:block
}
@media (min-width: 768px){
.author-wrap{
margin-left:calc(50% - 37px)
}
}
.author-wrap .author-details{
width:auto;
display:inline-block;
text-align:center
}
@media (min-width: 768px){
.author-wrap .author-details{
text-align:left;
position:absolute;
top:0;
left:90px;
transform:translateY(-50%);
padding:10px 0 7px 31px;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/author-details-left.svg");
background-repeat:no-repeat;
background-size:auto 100%
}
}
@media (min-width: 768px){
.author-wrap .author-details:after{
content:'';
position:absolute;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/author-details-right.svg");
background-repeat:no-repeat;
background-size:auto 100%;
right:-31px;
top:0;
height:100%;
width:31px
}
}
.author-wrap .author-details h5{
font-size:16px;
line-height:1.3em;
margin:0;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:normal;
font-style:normal;
color:#1C3C2E
}
@media (min-width: 768px){
.author-wrap .author-details h5{
color:#47FF40
}
}
.author-wrap .author-details h5::before{
content:none
}
.author-wrap .author-details h6{
font-size:14px;
line-height:1.3em;
margin:0;
color:#006800
}
@media (min-width: 768px){
.author-wrap .author-details h6{
color:#fff
}
}
.author-wrap .author{
width:80px;
height:80px;
border-radius:100px;
display:block;
overflow:hidden;
margin-left:auto;
margin-right:auto;
margin-bottom:20px
}
@media (min-width: 768px){
.author-wrap .author{
margin-bottom:0;
margin-left:0;
margin-right:0
}
}
.author-wrap .author img{
width:100%;
height:auto;
position:static
}
.related-news-wrap h2{
margin-top:20px;
color:#fff
}
@media (min-width: 768px){
.related-news-wrap h2{
margin-top:0px
}
}
.related-news-wrap .btn-dk-green{
margin-top:10px
}
@media (min-width: 768px){
.related-news-wrap .btn-dk-green{
margin-top:30px
}
}
@media (min-width: 992px){
.related-news-wrap .btn-dk-green{
margin-top:40px
}
}
.sector-hero{
background-color:#f5f5f5;
padding:10px 10px;
border-radius:10px;
margin-bottom:5px;
position:relative
}
@media (min-width: 768px){
.sector-hero{
padding:30px 40px;
margin-bottom:50px
}
}
@media (min-width: 992px){
.sector-hero{
padding:20px;
margin-bottom:0px;
border-radius:30px;
padding-bottom:20px
}
}
@media (min-width: 1200px){
.sector-hero{
padding:30px;
padding-bottom:20px
}
}
@media (min-width: 1400px){
.sector-hero{
padding:40px;
padding-bottom:20px
}
}
.sector-hero .sector-icon{
margin-bottom:18px
}
@media (min-width: 768px){
.sector-hero .sector-icon{
margin-bottom:20px
}
}
@media (min-width: 1200px){
.sector-hero .sector-icon{
margin-bottom:24px
}
}
.sector-hero .sector-icon img{
width:66px;
height:auto;
display:inline-block
}
@media (min-width: 768px){
.sector-hero .sector-icon img{
width:82px
}
}
@media (min-width: 992px){
.sector-hero .sector-icon img{
width:76px
}
}
@media (min-width: 1200px){
.sector-hero .sector-icon img{
width:90px
}
}
.sector-hero h3{
color:#1C3C2E
}
.sector-hero p{
color:#1B1B1B
}
@media (min-width: 768px){
.sector-hero p{
font-size:16px;
line-height:1.4em
}
}
@media (min-width: 992px){
.sector-hero p{
font-size:16px
}
}
@media (min-width: 1200px){
.sector-hero p{
font-size:18px
}
}
@media (min-width: 992px){
.sector-hero .btn-dk-green{
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:20px
}
}
@media (min-width: 1200px){
.sector-hero .btn-dk-green{
bottom:30px
}
}
@media (min-width: 1400px){
.sector-hero .btn-dk-green{
bottom:40px
}
}
.sector-block{
background-color:#f5f5f5;
padding:20px 40px;
border-radius:20px;
margin-bottom:20px;
position:relative
}
@media (min-width: 768px){
.sector-block{
padding:30px 40px;
margin-bottom:20px
}
}
@media (min-width: 992px){
.sector-block{
padding:20px;
margin-bottom:0px;
border-radius:30px;
padding-bottom:70px
}
}
@media (min-width: 1200px){
.sector-block{
padding:30px;
padding-bottom:90px
}
}
@media (min-width: 1400px){
.sector-block{
padding:40px;
padding-bottom:100px
}
}
.sector-block .sector-icon{
margin-bottom:18px
}
@media (min-width: 768px){
.sector-block .sector-icon{
margin-bottom:20px
}
}
@media (min-width: 1200px){
.sector-block .sector-icon{
margin-bottom:24px
}
}
.sector-block .sector-icon img{
width:66px;
height:auto;
display:inline-block
}
@media (min-width: 768px){
.sector-block .sector-icon img{
width:82px
}
}
@media (min-width: 992px){
.sector-block .sector-icon img{
width:76px
}
}
@media (min-width: 1200px){
.sector-block .sector-icon img{
width:90px
}
}
.sector-block h3{
color:#1C3C2E
}
.sector-block p{
color:#1B1B1B
}
@media (min-width: 768px){
.sector-block p{
font-size:16px;
line-height:1.4em
}
}
@media (min-width: 992px){
.sector-block p{
font-size:16px
}
}
@media (min-width: 1200px){
.sector-block p{
font-size:18px
}
}
@media (min-width: 992px){
.sector-block .btn-dk-green{
position:absolute;
left:50%;
transform:translateX(-50%);
bottom:20px
}
}
@media (min-width: 1200px){
.sector-block .btn-dk-green{
bottom:30px
}
}
@media (min-width: 1400px){
.sector-block .btn-dk-green{
bottom:40px
}
}
.sector-img img{
width:100%;
height:auto;
border-radius:20px;
margin-top:25px
}
@media (min-width: 992px){
.sector-img img{
margin-top:0px;
border-radius:30px
}
}
.sectors-main{
margin-bottom:20px
}
@media (min-width: 768px){
.sectors-main{
margin-bottom:30px
}
}
@media (min-width: 992px){
.sectors-main{
margin-bottom:30px
}
}
@media (min-width: 768px){
.sector-blocks-wrap>div:nth-child(3) .sector-block{
margin-bottom:0
}
}
.sector-blocks-wrap>div:nth-child(4) .sector-block{
margin-bottom:0
}
.solutions-block{
width:100%;
height:auto;
display:flex;
align-items:center;
padding-top:260px;
padding-bottom:20px;
background-color:#00AD5E;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/solutions-block-bg.jpg");
background-repeat:no-repeat;
background-size:auto 240px;
background-position:right top
}
@media (min-width: 768px){
.solutions-block{
padding-top:0;
padding-bottom:0;
height:400px;
background-size:cover;
background-position:right -40px center
}
}
@media (min-width: 992px){
.solutions-block{
height:480px;
background-size:cover
}
}
@media (min-width: 1200px){
.solutions-block{
height:550px
}
}
.solutions-block h3{
font-family:"itc-avant-garde-gothic-pro" !important;
font-weight:500;
font-style:normal
}
.solutions-block .hable-arrow-overlay{
display:none;
position:absolute;
top:0;
left:0;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/hable-arrow-overlay.svg");
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
width:37%;
height:100%
}
@media (min-width: 768px){
.solutions-block .hable-arrow-overlay{
width:39%;
display:block;
background-position:right center
}
}
@media (min-width: 992px){
.solutions-block .hable-arrow-overlay{
width:37%
}
}
.solutions-block .sb-content{
width:100%;
height:100%
}
@media (min-width: 768px){
.solutions-block .sb-content{
max-width:375px;
display:flex;
align-items:flex-start;
flex-direction:column;
justify-content:center;
left:10px;
max-width:250px;
position:absolute;
top:0;
bottom:0;
left:0;
z-index:2
}
}
@media (min-width: 992px){
.solutions-block .sb-content{
left:0;
max-width:375px
}
}
.full-width-dnd-wrapper {
width: 100%;
overflow-x: hidden;
}
.full-width-dnd {
max-width: 100vw;
margin: 0 auto;
padding: 0;
}
}
.homepage-content-block{
width:100%;
height:auto;
display:flex;
align-items:center;
padding-top:260px;
padding-bottom:20px;
background-color:#1C3C2E;
background-image:url(https://4517264.fs1.hubspotusercontent-na1.net/hubfs/4517264/Website%20Assets/Website%20Content%20Block%20Banner%20-%20FY25-Final-2.png);
background-repeat:no-repeat;
background-size:auto 240px;
background-position:right top
}
@media (min-width: 768px){
.homepage-content-block{
padding-top:0;
padding-bottom:0;
height:400px;
background-size:cover;
background-position:right -40px center
}
}
@media (min-width: 992px){
.homepage-content-block{
height:480px;
background-size:cover
}
}
@media (min-width: 1200px){
.homepage-content-block{
height:550px
}
}
.homepage-content-block h3{
font-family:"itc-avant-garde-gothic-pro" !important;
font-weight:500;
font-style:normal
}
.homepage-content-block .hable-arrow-overlay-dark{
display:none;
position:absolute;
top:0;
left:0;
background-image:url(https://4517264.fs1.hubspotusercontent-na1.net/hubfs/4517264/Website%20Assets/hable-arrow-overlay-forest-01.svg);
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
width:37%;
height:100%
}
@media (min-width: 768px){
.homepage-content-block .hable-arrow-overlay-dark{
width:39%;
display:block;
background-position:right center
}
}
@media (min-width: 992px){
.homepage-content-block .hable-arrow-overlay-dark{
width:37%
}
}
.breadcrumb-wrap{
background-color:#f5f5f5
}
.breadcrumb-wrap .breadcrumbs{
padding:20px 0 15px 0;
margin-bottom:0;
margin-top:0
}
@media (min-width: 768px){
.breadcrumb-wrap .breadcrumbs{
padding:25px 0 20px 0
}
}
.breadcrumb-wrap .breadcrumbs li{
display:inline-block;
margin:0 10px 0 0;
font-size:13px;
background-image:none;
padding-left:0
}
@media (min-width: 768px){
.breadcrumb-wrap .breadcrumbs li{
font-size:14px;
margin:0 20px 0 0
}
}
@media (min-width: 992px){
.breadcrumb-wrap .breadcrumbs li{
font-size:15px
}
}
.breadcrumb-wrap .breadcrumbs li a{
position:relative;
text-decoration:none;
color:#00AD5E
}
.breadcrumb-wrap .breadcrumbs li a::after{
content:'';
width:100%;
height:2px;
background-color:#00AD5E;
position:absolute;
left:0;
bottom:-5px
}
.breadcrumb-wrap .breadcrumbs li a:visited{
color:#00AD5E
}
.breadcrumb-wrap .breadcrumbs li a:hover{
color:#1B1B1B
}
.breadcrumb-wrap .breadcrumbs li a:hover::after{
background-color:#1B1B1B
}
.last-p p:last-of-type{
margin:0
}
.team-ctas{
margin-top:10px
}
@media (min-width: 768px){
.team-ctas{
margin-top:20px
}
}
.team-ctas .btn-white{
margin-bottom:20px
}
@media (min-width: 768px){
.team-ctas .btn-white{
margin-bottom:0
}
}
.video-wrapper{
width:calc(100% - 15px);
margin:30px 0 0 15px;
border-radius:20px 0 0 20px;
overflow:hidden;
background-color:#595959;
padding:0
}
@media (min-width: 768px){
.video-wrapper{
width:calc(100% - 24px);
margin:30px 12px 0 12px;
border-radius:40px
}
}
@media (min-width: 992px){
.video-wrapper{
position:absolute;
right:0;
top:0;
width:calc(50% - 80px);
height:100%;
min-height:300px;
margin:0;
border-radius:40px 0 0 40px
}
}
.video-wrapper img{
width:100%;
height:100%;
object-fit:cover
}
.first-p p:first-of-type{
font-size:15px;
line-height:1.3em;
font-family:"itc-avant-garde-gothic-pro" !important;
font-weight:500;
font-style:normal
}
@media (min-width: 768px){
.first-p p:first-of-type{
font-size:16px;
line-height:1.4em
}
}
@media (min-width: 992px){
.first-p p:first-of-type{
font-size:19px
}
}
.team-mem-wrap img{
width:60%;
height:auto;
margin:0 auto
}
@media (min-width: 768px){
.team-mem-wrap img{
width:100%;
height:auto
}
}
@media (min-width: 1200px){
.team-mem-wrap img{
width:90%;
margin-top:-50px
}
}
@media (min-width: 1400px){
.team-mem-wrap img{
width:80%
}
}
.team-access-wrap img{
width:60%;
height:auto;
margin:0 auto
}
@media (min-width: 768px){
.team-access-wrap img{
width:100%;
height:auto
}
}
@media (min-width: 1200px){
.team-access-wrap img{
width:90%;
margin-top:-100px
}
}
@media (min-width: 1400px){
.team-access-wrap img{
width:80%
}
}
.cs-wrap{
background-color:#f5f5f5
}
.cs-wrap h2{
margin-bottom:15px
}
@media (min-width: 768px){
.cs-wrap h2{
margin-bottom:20px
}
}
.cs-wrap p:first-of-type{
margin-bottom:20px
}
@media (min-width: 768px){
.cs-wrap p:first-of-type{
margin-bottom:40px
}
}
.cs-wrap.green6-bg{
background-color:#00AD5E;
position:relative
}
.cs-wrap.green6-bg h2,.cs-wrap.green6-bg p{
color:#1C3C2E
}
.cs-wrap.green6-bg .circ-top{
position:absolute;
left:0;
top:0;
display:block;
width:100%;
z-index:4
}
.cs-wrap.green6-bg .cs-block p{
color:#1B1B1B
}
.cs-wrap .btn-dk-green{
margin-top:0px
}
@media (min-width: 768px){
.cs-wrap .btn-dk-green{
margin-top:40px
}
}
.cs-wrap .cs-wrap-inner>div:last-of-type .cs-block{
margin-bottom:0
}
.cs-block{
position:relative;
background-color:#f5f5f5;
border-radius:20px;
overflow:hidden;
transition:all .2s ease-in-out;
margin-bottom:20px;
cursor:pointer
}
.sidebar .cs-block{
margin-bottom:30px
}
.cs-wrap .cs-block{
background-color:#fff
}
@media (min-width: 768px){
.cs-block{
margin-bottom:0
}
}
.cs-block:hover{
box-shadow:0 0 30px rgba(0,0,0,0.15);
transform:scale(1.02)
}
.cs-block .sector-icon-sm{
width:50px;
height:auto;
position:absolute;
top:15px;
right:15px
}
@media (min-width: 768px){
.cs-block .sector-icon-sm{
width:42px;
top:12px;
right:12px
}
}
@media (min-width: 992px){
.cs-block .sector-icon-sm{
width:63px;
top:20px;
right:20px
}
}
.cs-block .sector-icon-sm img{
width:100%;
height:auto
}
.cs-block .cs-img{
height:226px;
background-color:#595959;
background-size:cover;
background-position:center top;
background-repeat:no-repeat
}
@media (min-width: 768px){
.cs-block .cs-img{
height:146px
}
}
@media (min-width: 992px){
.cs-block .cs-img{
height:172px
}
}
@media (min-width: 1200px){
.cs-block .cs-img{
height:210px
}
}
@media (min-width: 1400px){
.cs-block .cs-img{
height:234px
}
}
.cs-block .cs-details{
padding:20px
}
@media (min-width: 768px){
.cs-block .cs-details{
padding:15px
}
}
@media (min-width: 992px){
.cs-block .cs-details{
padding:20px
}
}
.cs-block .cs-details h3{
color:#006800;
font-family:"itc-avant-garde-gothic-pro" !important;
font-weight:500;
font-style:normal
}
.cs-block .cs-details p:last-of-type{
margin-bottom:0
}
.all-cs-wrap .cs-block{
margin-bottom:30px
}
@media (min-width: 768px){
.route-blocks-wrap div>div>div:nth-child(3) .route-block{
margin-bottom:0
}
}
.route-blocks-wrap div>div>div:nth-child(4) .route-block{
margin-bottom:0
}
.route-blocks-wrap .route-block{
background-color:#f5f5f5;
border-radius:20px;
margin-bottom:20px;
padding:20px;
position:relative;
height:230px;
background-repeat:no-repeat;
background-size:auto 100%;
background-position:right bottom
}
@media (min-width: 768px){
.route-blocks-wrap .route-block{
padding:20px;
margin-bottom:20px;
height:250px;
border-radius:20px;
background-position:right -40px bottom
}
}
@media (min-width: 992px){
.route-blocks-wrap .route-block{
height:300px;
padding:30px;
border-radius:30px;
margin-bottom:24px;
background-position:right -20px bottom
}
}
@media (min-width: 1200px){
.route-blocks-wrap .route-block{
padding:40px;
margin-bottom:45px;
background-position:right bottom
}
}
.route-blocks-wrap .route-block h3{
font-family:"itc-avant-garde-gothic-pro" !important;
font-weight:500;
font-style:normal;
width:50%
}
@media (min-width: 768px){
.route-blocks-wrap .route-block h3{
width:53%
}
}
@media (min-width: 992px){
.route-blocks-wrap .route-block h3{
width:50%
}
}
.route-blocks-wrap .route-block p{
width:50%
}
@media (min-width: 768px){
.route-blocks-wrap .route-block p{
width:53%
}
}
@media (min-width: 992px){
.route-blocks-wrap .route-block p{
width:50%
}
}
.route-blocks-wrap .route-block .btn-green{
position:absolute;
left:20px;
bottom:20px
}
@media (min-width: 992px){
.route-blocks-wrap .route-block .btn-green{
left:30px;
bottom:30px
}
}
@media (min-width: 1200px){
.route-blocks-wrap .route-block .btn-green{
left:40px;
bottom:40px
}
}
.route-blocks-wrap .route-block.route-block1{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/csr.jpg")
}
.route-blocks-wrap .route-block.route-block2{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/values.jpg")
}
.route-blocks-wrap .route-block.route-block3{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/accessibility2.jpg")
}
.route-blocks-wrap .route-block.route-block4{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/careers.jpg")
}
.green-circ-bg{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/green-circ.svg");
background-repeat:no-repeat;
background-size:160% auto;
background-position:center top;
background-color:#02E283
}
@media (min-width: 768px){
.green-circ-bg{
background-size:100% auto
}
}
.green-circ-bg .brackets{
margin-top:20px;
margin-bottom:30px;
padding:10px 0;
position:relative
}
@media (min-width: 768px){
.green-circ-bg .brackets{
margin-bottom:20px;
margin-bottom:0px
}
}
.green-circ-bg .brackets::before{
content:'';
display:block;
position:absolute;
top:0;
left:35px;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/bracket-left.svg");
background-repeat:no-repeat;
background-size:auto 55px;
background-position:center center;
width:40px;
height:100%
}
@media (min-width: 768px){
.green-circ-bg .brackets::before{
left:0
}
}
@media (min-width: 992px){
.green-circ-bg .brackets::before{
left:0px
}
}
@media (min-width: 1200px){
.green-circ-bg .brackets::before{
left:20px;
background-size:auto 80px
}
}
.green-circ-bg .brackets::after{
content:'';
display:block;
position:absolute;
top:0;
right:35px;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/bracket-right.svg");
background-repeat:no-repeat;
background-size:auto 55px;
background-position:center center;
width:40px;
height:100%
}
@media (min-width: 768px){
.green-circ-bg .brackets::after{
right:0
}
}
@media (min-width: 992px){
.green-circ-bg .brackets::after{
right:0px
}
}
@media (min-width: 1200px){
.green-circ-bg .brackets::after{
right:20px;
background-size:auto 80px
}
}
.green-circ-bg .brackets h3{
font-family:"itc-avant-garde-gothic-pro" !important;
font-weight:500;
font-style:normal;
margin-bottom:0
}
.green-circ-bg .brackets p{
margin-bottom:0
}
.green-circ-bg .btn-white{
margin-right:15px
}
.testimonials-wrap{
background-color:#1C3C2E
}
.landing-form-wrap{
background-color:#1C3C2E;
border-radius: 25px;
padding: 5px;
}
.testimonials-wrap h2{
color:#fff;
font-family:"itc-avant-garde-gothic-pro";
font-weight:normal;
font-style:normal;
margin-bottom:20px;
font-size:20px
}
@media (min-width: 768px){
.testimonials-wrap h2{
font-size:23px;
margin-bottom:25px
}
}
@media (min-width: 992px){
.testimonials-wrap h2{
font-size:36px
}
}
.testimonials-wrap h4{
color:#02E283;
margin-bottom:0
}
.testimonials-wrap h4 span{
display:block
}
@media (min-width: 768px){
.testimonials-wrap h4 span{
display:inline-block
}
}
.testimonials-wrap img{
width:70px;
height:auto;
margin-bottom:22px
}
@media (min-width: 768px){
.testimonials-wrap img{
width:80px;
margin-bottom:32px
}
}
@media (min-width: 992px){
.testimonials-wrap img{
width:90px
}
}
.sidebar>h2{
margin:0 0 15px 0;
display:block;
float:left
}
.sidebar>a:last-of-type{
margin-bottom:0
}
.sidebar .testimonials-wrap{
border-radius:20px;
padding:30px 20px;
margin-top:20px;
margin-bottom:30px
}
@media (min-width: 768px){
.sidebar .testimonials-wrap{
margin-top:0;
margin-bottom:30px
}
}
@media (min-width: 992px){
.sidebar .testimonials-wrap{
padding:55px 25px;
margin-top:0px;
margin-bottom:40px
}
}
@media (min-width: 1200px){
.sidebar .testimonials-wrap{
margin-bottom:50px
}
}
@media (min-width: 768px){
.sidebar .testimonials-wrap img{
width:70px;
margin-bottom:22px
}
}
@media (min-width: 992px){
.sidebar .testimonials-wrap img{
width:80px;
margin-bottom:32px
}
}
.sidebar .testimonials-wrap h2{
color:#fff;
font-family:"itc-avant-garde-gothic-pro";
font-weight:300;
font-style:normal;
margin-bottom:20px;
font-size:20px
}
@media (min-width: 768px){
.sidebar .testimonials-wrap h2{
font-size:16px;
margin-bottom:15px
}
}
@media (min-width: 992px){
.sidebar .testimonials-wrap h2{
font-size:22px;
margin-bottom:20px
}
}
.sidebar .testimonials-wrap h4{
font-size:17px
}
@media (min-width: 768px){
.sidebar .testimonials-wrap h4{
font-size:14px
}
}
@media (min-width: 992px){
.sidebar .testimonials-wrap h4{
font-size:17px
}
}
@media (min-width: 768px){
.sidebar .testimonials-wrap h4 span{
display:inline
}
}
@media (min-width: 992px){
.sidebar .testimonials-wrap h4 span{
display:inline-block
}
}
.circ-section1{
background-color:#02E283;
overflow:hidden;
position:relative;
padding-top:20px
}
.circ-section1 h3{
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:500;
font-style:normal
}
.circ-section1 h3,.circ-section1 p{
max-width:750px;
margin-left:auto;
margin-right:auto
}
.circ-section1 .circ-top{
position:absolute;
left:0;
top:0;
display:block;
width:100%;
z-index:4
}
.circ-section1 .btn-white{
margin-right:15px
}
@media (min-width: 768px){
.circ-section1::before{
display:block;
content:'';
position:absolute;
left:0;
bottom:0;
z-index:1;
width:400px;
height:360px;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/circ-section1-left.svg");
background-repeat:no-repeat;
background-size:100% auto;
transform:translate(-70%, 56%)
}
}
@media (min-width: 992px){
.circ-section1::before{
width:420px;
height:380px;
transform:translate(-50%, 40%)
}
}
@media (min-width: 1200px){
.circ-section1::before{
transform:translate(-50%, 56%);
width:600px;
height:534px
}
}
@media (min-width: 768px){
.circ-section1::after{
display:block;
content:'';
position:absolute;
right:0;
top:0;
z-index:1;
width:400px;
height:360px;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/circ-section1-right.svg");
background-repeat:no-repeat;
background-size:100% auto;
transform:translate(70%, -38%)
}
}
@media (min-width: 992px){
.circ-section1::after{
width:420px;
height:380px;
transform:translate(50%, -20%)
}
}
@media (min-width: 1200px){
.circ-section1::after{
transform:translate(50%, -38%);
width:600px;
height:534px
}
}
@media (min-width: 992px){
.main-cs{
padding-right:20px
}
}
.main-cs img{
width:100% !important;
height:auto !important;
margin:0px 0 20px 0;
border-radius:20px
}
@media (min-width: 768px){
.main-cs img{
margin:12px 0 12px 0
}
}
@media (min-width: 992px){
.main-cs img{
margin:20px 0 20px 0
}
}
.main-cs .hs-embed-wrapper{
position:relative !important;
padding-bottom:56.25% !important;
height:0 !important;
overflow:hidden !important;
max-width:100% !important;
margin-bottom:20px !important
}
@media (min-width: 992px){
.main-cs .hs-embed-wrapper{
margin-bottom:40px !important
}
}
.main-cs .hs-embed-wrapper iframe,.main-cs .hs-embed-wrapper object,.main-cs .hs-embed-wrapper embed{
position:absolute !important;
top:0 !important;
left:0 !important;
width:100% !important;
height:100% !important
}
.main-cs a{
color:#00AD5E
}
.main-cs blockquote{
margin:30px 10px;
padding-left:15px;
border-left:solid 3px #47FF40
}
@media (min-width: 768px){
.main-cs blockquote{
margin:20px;
padding-left:25px
}
}
@media (min-width: 992px){
.main-cs blockquote{
margin:30px;
padding-left:30px
}
}
@media (min-width: 1200px){
.main-cs blockquote{
margin:40px;
padding-left:30px
}
}
@media (min-width: 1400px){
.main-cs blockquote{
margin:50px;
padding-left:30px
}
}
.main-cs blockquote p:first-of-type{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/blockquotes.svg");
background-repeat:no-repeat;
background-position:right bottom;
background-size:100px auto;
color:#1C3C2E !important;
font-size:21px !important;
line-height:1.2em !important;
margin-bottom:10px !important;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:500;
font-style:normal
}
@media (min-width: 768px){
.main-cs blockquote p:first-of-type{
font-size:25px !important;
line-height:1.2em !important
}
}
@media (min-width: 992px){
.main-cs blockquote p:first-of-type{
font-size:28px !important;
line-height:1.25em !important
}
}
@media (min-width: 1200px){
.main-cs blockquote p:first-of-type{
font-size:36px !important;
margin-bottom:13px !important;
line-height:1.3em !important
}
}
@media (min-width: 768px){
.main-cs blockquote p:first-of-type{
background-size:120px auto
}
}
@media (min-width: 992px){
.main-cs blockquote p:first-of-type{
background-size:140px auto
}
}
.main-cs blockquote p:last-of-type{
font-size:15px;
line-height:1.3em;
margin-bottom:10px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro";
font-weight:normal;
font-style:normal;
color:#02E283;
margin-bottom:0
}
@media (min-width: 768px){
.main-cs blockquote p:last-of-type{
font-size:17px
}
}
@media (min-width: 992px){
.main-cs blockquote p:last-of-type{
font-size:20px;
line-height:1.4em
}
}
.cs-filters{
margin:0 0 30px 0
}
@media (min-width: 768px){
.cs-filters{
margin:0 0 30px 0
}
}
@media (min-width: 992px){
.cs-filters{
margin:0 0 40px 0
}
}
.cs-filters li{
display:inline-block;
vertical-align:middle;
margin:0 2px 8px 2px;
background-image:none;
padding-left:0
}
@media (min-width: 768px){
.cs-filters li{
margin:0 5px 8px 0
}
}
.cs-filters li.active a{
background-color:#02E283;
border-color:#02E283;
color:#1C3C2E
}
.cs-filters li:first-of-type{
display:none
}
@media (min-width: 1200px){
.cs-filters li:first-of-type{
display:inline-block
}
}
.cs-filters li a{
display:inline-block;
padding:12px 20px 6px 20px;
margin:0;
text-align:center;
background-color:#1B1B1B;
color:#fff;
text-decoration:none;
font-size:13px;
vertical-align:middle;
box-sizing:border-box;
min-width:150px;
border-radius:50px;
transition:all .2s ease-out;
border:solid 2px #1B1B1B;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:500;
font-style:normal;
background-color:#1C3C2E;
border-color:#1C3C2E;
position:relative
}
@media (min-width: 768px){
.cs-filters li a{
padding:14px 20px 8px 20px;
font-size:14px;
min-width:170px
}
}
@media (min-width: 992px){
.cs-filters li a{
padding:14px 20px 8px 20px;
font-size:15px
}
}
@media (min-width: 1200px){
.cs-filters li a{
padding:16px 20px 10px 20px;
font-size:15px
}
}
.cs-filters li a:hover{
background:#fff;
color:#1B1B1B;
border-color:#fff;
text-decoration:none;
padding:12px 20px 6px 20px
}
@media (min-width: 768px){
.cs-filters li a:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 992px){
.cs-filters li a:hover{
padding:14px 20px 8px 20px
}
}
@media (min-width: 1200px){
.cs-filters li a:hover{
padding:16px 20px 10px 20px
}
}
.cs-filters li a:hover span.chev{
margin-left:15px;
margin-right:0px;
background-image:url("../images/chev-right-white2-hover.svg");
opacity:1
}
@media (min-width: 768px){
.cs-filters li a:hover span.chev{
margin-left:15px;
margin-right:0px
}
}
.cs-filters li a:hover{
background-color:#02E283;
border-color:#02E283
}
.cs-filters li a::before{
content:'';
display:inline-block;
width:24px;
height:24px;
vertical-align:middle;
margin-right:7px;
margin-top:-1px;
background-size:100% auto;
background-repeat:no-repeat;
background-position:center center
}
.cs-filters li a.all::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hubfs/4517264/HableNews.png");
margin-right:4px
}
.cs-filters li a.commercial::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/commercial-icon.svg");
margin-right:4px
}
.cs-filters li a.education::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/education-icon.svg")
}
.cs-filters li a.government::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/government-icon.svg")
}
.cs-filters li a.healthcare::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hubfs/4517264/HableHealthcare.png")
}
.cs-filters li a.non-profit::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hubfs/4517264/Website%20Assets/non%20profit%20icon-01.svg");
margin-right:4px
}
.cs-filters li a.hable::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/hable-icon.svg");
margin-right:4px
}
.cs-filters li a.accessibility::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hubfs/4517264/Hable%20Accessibility.png");
margin-right:4px
}
.cs-filters li a.tech::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hubfs/4517264/Hable%20Tech.png");
margin-right:4px
}
.cs-filters li a.sustainability::before{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hubfs/4517264/Hable%20Sustainability.png");
margin-right:4px
}
.efforts-wrap h2{
color:#fff;
margin-top:20px;
margin-bottom:20px
}
@media (min-width: 768px){
.efforts-wrap h2{
margin-bottom:40px
}
}
.efforts-wrap .effort{
width:100%;
height:300px;
display:block;
float:left;
display:flex;
align-items:center;
justify-content:center;
background-color:white;
position:relative
}
@media (min-width: 768px){
.efforts-wrap .effort{
width:33.3333%;
height:400px
}
}
@media (min-width: 992px){
.efforts-wrap .effort{
width:33.3333%;
height:460px
}
}
@media (min-width: 1200px){
.efforts-wrap .effort{
width:33.3333%;
height:600px
}
}
.efforts-wrap .effort h2{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
color:#fff;
z-index:1;
margin:5px 0 0 0
}
.efforts-wrap .effort img{
width:120px;
height:auto
}
@media (min-width: 768px){
.efforts-wrap .effort img{
width:140px
}
}
@media (min-width: 992px){
.efforts-wrap .effort img{
width:150px
}
}
@media (min-width: 1200px){
.efforts-wrap .effort img{
width:170px
}
}
.efforts-wrap .effort.brazil{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/brazil.jpg");
background-size:cover;
background-position:center bottom
}
.efforts-wrap .effort.borneo{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/borneo.jpg");
background-size:cover;
background-position:center center
}
.efforts-wrap .effort.india{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/india.jpg");
background-size:cover;
background-position:center bottom
}
.about-main h2{
color:#00AD5E
}
.about-wrap{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/about-wrap-bg.svg");
background-repeat:no-repeat;
background-size:100% auto;
background-position:center bottom -80px
}
.landing-wrap{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hubfs/4517264/A%20to%20B%20background.png");
background-repeat:no-repeat;
background-size:100% auto;
background-position:center bottom 0px;
}
.about-wrap h2{
margin-top:20px
}
@media (min-width: 992px){
.about-wrap h2{
margin-top:0
}
}
.about-wrap .first-p p{
font-family:"itc-avant-garde-gothic-pro";
font-weight:normal;
font-style:normal;
margin-bottom:20px
}
@media (min-width: 768px){
.about-wrap .first-p p{
margin-bottom:40px
}
}
.about-cta h2{
color:#47FF40
}
.about-cta h3{
color:#fff;
margin-bottom:20px
}
.about-img-wrap img{
width:100%;
height:auto;
border-radius:20px;
margin-top:20px
}
@media (min-width: 768px){
.about-img-wrap img{
margin-top:40px
}
}
@media (min-width: 992px){
.about-img-wrap img{
margin-top:60px;
border-radius:30px
}
}
.slick-arrow{
width:60px;
height:60px;
border-radius:60px;
text-indent:200px;
overflow:hidden;
border:solid 2px #1C3C2E;
background-color:#1C3C2E;
position:absolute;
top:50%;
z-index:1;
text-indent:-150px
}
.slick-arrow.slick-prev{
transform:translate(-50%, -50%);
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/chev-prev.svg");
background-repeat:no-repeat;
background-size:16px auto;
background-position:center center
}
@media (min-width: 992px){
.slick-arrow.slick-prev{
left:-40px
}
}
@media (min-width: 1200px){
.slick-arrow.slick-prev{
left:-70px
}
}
.slick-arrow.slick-prev:hover{
background-color:#fff;
border-color:#fff;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/chev-prev-hover.svg")
}
.slick-arrow.slick-prev.slick-disabled{
opacity:0.6
}
.slick-arrow.slick-prev.slick-disabled:hover{
background-color:#1C3C2E;
border-color:#1C3C2E;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/chev-prev.svg");
cursor:default
}
.slick-arrow.slick-next{
right:-70px;
transform:translate(50%, -50%);
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/chev-next.svg");
background-repeat:no-repeat;
background-size:16px auto;
background-position:center center
}
@media (min-width: 992px){
.slick-arrow.slick-next{
right:-40px
}
}
@media (min-width: 1200px){
.slick-arrow.slick-next{
right:-70px
}
}
.slick-arrow.slick-next:hover{
background-color:#fff;
border-color:#fff;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/chev-next-hover.svg")
}
.slick-arrow.slick-next.slick-disabled{
opacity:0.6
}
.slick-arrow.slick-next.slick-disabled:hover{
background-color:#1C3C2E;
border-color:#1C3C2E;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/chev-next.svg");
cursor:default
}
.slick-dots{
margin-top:20px;
text-align:center
}
@media (min-width: 768px){
.slick-dots{
bottom:30px
}
}
.slick-dots li{
width:auto;
height:auto;
padding:0;
margin:0 10px;
display:inline-block
}
.slick-dots li button{
border:solid 2px #fff;
background-color:transparent;
border-radius:50px;
width:12px;
height:12px;
overflow:hidden;
text-indent:100px;
padding:0;
margin:0
}
.slick-dots li button:before{
content:none
}
.slick-dots li.slick-active button{
background-color:#fff
}
.pagination .page-item .page-link{
padding:7px 12px 2px 12px;
color:#1C3C2E
}
.pagination .page-item.active .page-link{
background-color:#00AD5E;
border-color:#00AD5E;
color:#fff
}
.banner-forest{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/hable-forest.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:center top;
padding-top:320px
}
@media (min-width: 768px){
.banner-forest{
padding-top:460px
}
}
@media (min-width: 992px){
.banner-forest{
padding-top:500px
}
}
@media (min-width: 1200px){
.banner-forest{
padding-top:600px
}
}
.banner-forest h1{
font-size:21px;
line-height:1.2em;
margin-bottom:10px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:700;
font-style:normal;
color:#fff
}
@media (min-width: 768px){
.banner-forest h1{
font-size:25px;
line-height:1.2em
}
}
@media (min-width: 992px){
.banner-forest h1{
font-size:28px;
line-height:1.25em
}
}
@media (min-width: 1200px){
.banner-forest h1{
font-size:36px;
margin-bottom:13px;
line-height:1.3em
}
}
.banner-forest h1 span{
color:#02E283
}
.banner-forest h2,.banner-forest h3{
font-size:18px;
line-height:1.35em;
margin-bottom:12px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro";
font-weight:normal;
font-style:normal;
color:#fff
}
@media (min-width: 768px){
.banner-forest h2,.banner-forest h3{
font-size:20px;
margin-bottom:12px
}
}
@media (min-width: 992px){
.banner-forest h2,.banner-forest h3{
font-size:21px;
margin-bottom:12px;
line-height:1.3em
}
}
@media (min-width: 1200px){
.banner-forest h2,.banner-forest h3{
font-size:24px;
line-height:1.4em
}
}
.wlt{
padding-bottom:132px;
background-color:#1C3C2E
}
@media (min-width: 768px){
.wlt{
padding-bottom:140px
}
}
@media (min-width: 992px){
.wlt{
padding-bottom:160px
}
}
.wlt img{
width:130px;
height:auto;
margin-top:15px
}
@media (min-width: 768px){
.wlt img{
width:160px;
margin-top:20px
}
}
@media (min-width: 992px){
.wlt img{
width:200px;
margin-top:30px
}
}
.raised-block{
padding:20px;
margin-top:-100px;
background-color:#006800;
border-radius:20px
}
@media (min-width: 768px){
.raised-block{
padding:30px
}
}
@media (min-width: 992px){
.raised-block{
padding:35px;
border-radius:30px
}
}
@media (min-width: 1200px){
.raised-block{
padding:40px
}
}
.raised-block h2{
color:#fff
}
.raised-block h2:last-of-type{
margin-bottom:0
}
.raised-block h2.raised-total{
color:#02E283;
font-size:42px
}
@media (min-width: 768px){
.raised-block h2.raised-total{
font-size:54px
}
}
@media (min-width: 992px){
.raised-block h2.raised-total{
font-size:62px
}
}
@media (min-width: 1200px){
.raised-block h2.raised-total{
font-size:70px
}
}
.raised-stat{
padding:30px 0
}
@media (min-width: 992px){
.raised-stat{
padding:40px 0
}
}
.raised-stat img{
width:auto;
height:50px;
display:inline-block;
vertical-align:middle
}
@media (min-width: 768px){
.raised-stat img{
width:auto;
height:60px
}
}
@media (min-width: 992px){
.raised-stat img{
width:64px;
height:auto
}
}
@media (min-width: 1200px){
.raised-stat img{
width:70px
}
}
.raised-stat h2{
font-size:32px;
padding:10px 0 0 0;
margin:0;
line-height:40px;
display:block;
vertical-align:middle
}
@media (min-width: 768px){
.raised-stat h2{
font-size:46px;
padding:15px 0 0 0;
line-height:42px
}
}
@media (min-width: 992px){
.raised-stat h2{
display:inline-block;
font-size:56px;
padding:20px 0 0 0;
line-height:80px
}
}
@media (min-width: 1200px){
.raised-stat h2{
display:inline-block;
font-size:66px;
padding:20px 0 0 0;
line-height:80px
}
}
@media (min-width: 992px){
.raised-stat .icon-acres img{
margin-right:8px
}
}
@media (min-width: 992px){
.raised-stat .icon-trees img{
margin-right:5px
}
}
@media (min-width: 992px){
.raised-stat .icon-rangers img{
margin-right:10px
}
}
.raised-stat h3{
font-size:15px;
line-height:1.3em;
margin-bottom:10px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro";
font-weight:500;
font-style:normal;
color:#1C3C2E;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
max-width:90px
}
@media (min-width: 768px){
.raised-stat h3{
font-size:17px
}
}
@media (min-width: 992px){
.raised-stat h3{
font-size:20px;
line-height:1.4em
}
}
@media (min-width: 768px){
.raised-stat h3{
max-width:none
}
}
@media (min-width: 992px){
.raised-stat h3{
font-size:18px;
line-height:1.35em;
margin-bottom:12px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro", sans-serif;
font-weight:300;
font-style:normal
}
}
@media (min-width: 992px) and (min-width: 768px){
.raised-stat h3{
font-size:20px;
margin-bottom:12px
}
}
@media (min-width: 992px) and (min-width: 992px){
.raised-stat h3{
font-size:21px;
margin-bottom:12px;
line-height:1.3em
}
}
@media (min-width: 992px) and (min-width: 1200px){
.raised-stat h3{
font-size:24px;
line-height:1.4em
}
}
.raised-stat-mid{
position:relative
}
@media (min-width: 768px){
.raised-stat-mid{
padding:30px 0
}
}
@media (min-width: 992px){
.raised-stat-mid{
padding:40px 0
}
}
.raised-stat-mid::before{
background-color:#00AD5E;
position:absolute;
content:'';
width:2px;
height:60px;
top:50%;
left:-15px;
transform:translate(0, -50%)
}
@media (min-width: 768px){
.raised-stat-mid::before{
width:3px
}
}
.raised-stat-mid::after{
background-color:#00AD5E;
position:absolute;
content:'';
width:2px;
height:60px;
bottom:50%;
right:-15px;
transform:translate(0, 50%)
}
@media (min-width: 768px){
.raised-stat-mid::after{
width:3px
}
}
.ranger-block,.ranger-block-img{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
min-height:300px;
padding:30px
}
@media (min-width: 768px){
.ranger-block,.ranger-block-img{
height:460px;
min-height:0
}
}
@media (min-width: 992px){
.ranger-block,.ranger-block-img{
height:500px
}
}
@media (min-width: 1200px){
.ranger-block,.ranger-block-img{
height:560px
}
}
.ranger-block img,.ranger-block-img img{
display:inline-block;
margin-bottom:20px;
width:80px;
height:auto
}
@media (min-width: 768px){
.ranger-block img,.ranger-block-img img{
margin-bottom:25px;
width:90px
}
}
@media (min-width: 992px){
.ranger-block img,.ranger-block-img img{
margin-bottom:30px;
width:100px
}
}
.ranger-block h3,.ranger-block-img h3{
max-width:600px;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:500;
font-style:normal;
margin-bottom:0
}
.ranger-block-img{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/ranger-looking-over-forest.jpg");
background-repeat:no-repeat;
background-size:cover;
background-position:center center
}
@media (min-width: 768px){
.initiatives-wrap{
display:flex;
align-items:center
}
}
.initiatives-wrap .initiatives-block{
text-align:center;
padding:20px 30px;
width:100%;
display:flex;
flex-direction:column;
align-items:center
}
@media (min-width: 768px){
.initiatives-wrap .initiatives-block{
width:33.3333%;
padding:20px
}
}
@media (min-width: 992px){
.initiatives-wrap .initiatives-block{
padding:20px
}
}
@media (min-width: 1200px){
.initiatives-wrap .initiatives-block{
padding:50px
}
}
.initiatives-wrap .initiatives-block h3{
margin-bottom:0
}
@media (min-width: 768px){
.initiatives-wrap .initiatives-block h3{
font-size:15px;
line-height:1.3em;
margin-bottom:10px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro", sans-serif;
font-weight:normal;
font-style:normal;
margin-bottom:0 !important
}
}
@media (min-width: 768px) and (min-width: 768px){
.initiatives-wrap .initiatives-block h3{
font-size:17px
}
}
@media (min-width: 768px) and (min-width: 992px){
.initiatives-wrap .initiatives-block h3{
font-size:20px;
line-height:1.4em
}
}
@media (min-width: 992px){
.initiatives-wrap .initiatives-block h3{
font-size:18px;
line-height:1.35em;
margin-bottom:12px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro", sans-serif;
font-weight:normal;
font-style:normal;
margin-bottom:0 !important;
font-size:23px !important
}
}
@media (min-width: 992px) and (min-width: 768px){
.initiatives-wrap .initiatives-block h3{
font-size:20px;
margin-bottom:12px
}
}
@media (min-width: 992px) and (min-width: 992px){
.initiatives-wrap .initiatives-block h3{
font-size:21px;
margin-bottom:12px;
line-height:1.3em
}
}
@media (min-width: 992px) and (min-width: 1200px){
.initiatives-wrap .initiatives-block h3{
font-size:24px;
line-height:1.4em
}
}
.initiatives-wrap .initiatives-block h4{
color:#00AD5E;
margin-bottom:0
}
.initiatives-wrap .initiatives-block img{
width:auto;
height:100px;
margin:14px 0 22px 0
}
@media (min-width: 768px){
.initiatives-wrap .initiatives-block img{
margin:20px 0
}
}
@media (min-width: 992px){
.initiatives-wrap .initiatives-block img{
height:140px;
margin:30px 0
}
}
@media (min-width: 1200px){
.initiatives-wrap .initiatives-block img{
height:180px;
margin:30px 0
}
}
.initiatives-wrap .initiatives-block-1{
border:solid 1px #ccc;
border-radius:20px
}
@media (min-width: 768px){
.initiatives-wrap .initiatives-block-1{
border-radius:30px 0 0 30px;
border:solid 2px #ccc;
border-right:none
}
}
.initiatives-wrap .initiatives-block-mid{
border:solid 1px #ccc;
border-radius:20px;
margin-top:20px;
margin-bottom:20px
}
@media (min-width: 768px){
.initiatives-wrap .initiatives-block-mid{
box-shadow:0 0 20px rgba(0,0,0,0.2);
margin-top:0px;
margin-bottom:0px;
border:solid 2px #ccc
}
}
@media (min-width: 768px) and (min-width: 992px){
.initiatives-wrap .initiatives-block-mid{
border-radius:30px
}
}
.initiatives-wrap .initiatives-block-2{
border:solid 1px #ccc;
border-radius:20px
}
@media (min-width: 768px){
.initiatives-wrap .initiatives-block-2{
border-radius:0 30px 30px 0;
border:solid 2px #ccc;
border-left:none
}
}
.solutions-main h2{
margin-bottom:0
}
.solution-block h3{
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:300;
font-style:normal
}
@media (min-width: 992px){
.solution-block h3{
padding-right:20px
}
}
@media (min-width: 992px){
.solution-block p{
padding-right:20px
}
}
@media (min-width: 992px){
.solution-block .order-lg-2 .solutions-title{
margin-left:20px
}
}
@media (min-width: 992px){
.solution-block .order-lg-2 h2,.solution-block .order-lg-2 h3,.solution-block .order-lg-2 p{
padding-left:20px
}
}
.solution-block img{
border-radius:20px;
margin-top:20px;
width:100%;
height:auto
}
@media (min-width: 992px){
.solution-block img{
border-radius:30px;
margin-top:0
}
}
.solution-block .circ-top{
border-radius:0;
margin-top:0;
margin-bottom:20px
}
@media (min-width: 992px){
.solution-block .circ-top{
margin-bottom:0
}
}
.solution-block .solutions-title{
position:relative;
width:auto;
display:inline-block;
padding:10px 0 7px 21px;
margin-bottom:15px;
text-align:left;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/author-details-left.svg");
background-repeat:no-repeat;
background-size:auto 100%
}
@media (min-width: 768px){
.solution-block .solutions-title{
margin-bottom:20px
}
}
@media (min-width: 992px){
.solution-block .solutions-title{
margin-bottom:25px
}
}
.solution-block .solutions-title:after{
content:'';
position:absolute;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/author-details-right.svg");
background-repeat:no-repeat;
background-size:auto 100%;
right:-20px;
top:0;
height:100%;
width:21px
}
.solution-block .solutions-title h2{
font-size:14px;
line-height:1.3em;
margin:0;
padding:0;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:500;
font-style:normal;
color:#47FF40
}
@media (min-width: 768px){
.solution-block .solutions-title h2{
font-size:16px
}
}
.cara-values .slide{
width:100%;
background-color:#fff;
padding:20px;
border-radius:20px;
text-align:center
}
@media (min-width: 768px){
.cara-values .slide{
width:calc(100% - 30px);
margin-left:15px;
margin-right:15px;
padding:30px
}
}
@media (min-width: 992px){
.cara-values .slide{
border-radius:30px
}
}
@media (min-width: 992px){
.cara-values .slide{
padding:40px
}
}
.cara-values .slide img{
width:66px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:15px
}
@media (min-width: 768px){
.cara-values .slide img{
width:82px
}
}
@media (min-width: 992px){
.cara-values .slide img{
width:76px
}
}
@media (min-width: 1200px){
.cara-values .slide img{
width:90px
}
}
.cara-values .slide h3{
color:#1C3C2E;
margin-bottom:0;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:500;
font-style:normal;
font-size:22px
}
@media (min-width: 768px){
.cara-values .slide h3{
font-size:22px
}
}
@media (min-width: 992px){
.cara-values .slide h3{
font-size:26px
}
}
@media (min-width: 1200px){
.cara-values .slide h3{
font-size:30px
}
}
.cara-values .slide h3::after{
content:'';
width:60px;
height:3px;
background-color:#47FF40;
display:block;
margin:15px auto 25px auto
}
.cara-values .slide ul{
margin-top:15px;
margin-bottom:0
}
@media (min-width: 992px){
.cara-values .slide ul{
margin-top:0
}
}
.cara-values .slide ul li{
background-image:none;
padding-left:0
}
.cara-values .slide ul li:last-of-type{
margin-bottom:0
}
.partnerships-cta h2{
color:#47FF40
}
.partnerships-cta p{
color:#fff
}
.cara-partnerships .slide{
width:100%;
background-color:#fff;
padding:20px;
border-radius:20px;
text-align:center
}
@media (min-width: 992px){
.cara-partnerships .slide{
border-radius:30px
}
}
@media (min-width: 992px){
.cara-partnerships .slide{
padding:40px
}
}
.cara-partnerships .slide img{
width:66px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:15px
}
@media (min-width: 768px){
.cara-partnerships .slide img{
width:82px
}
}
@media (min-width: 992px){
.cara-partnerships .slide img{
width:76px
}
}
@media (min-width: 1200px){
.cara-partnerships .slide img{
width:90px
}
}
.cara-partnerships .slide h3{
color:#1C3C2E;
margin-bottom:0;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:300;
font-style:normal;
font-size:22px
}
@media (min-width: 768px){
.cara-partnerships .slide h3{
font-size:22px
}
}
@media (min-width: 992px){
.cara-partnerships .slide h3{
font-size:26px
}
}
@media (min-width: 1200px){
.cara-partnerships .slide h3{
font-size:30px
}
}
.cara-partnerships .slide h3::after{
content:'';
width:60px;
height:3px;
background-color:#47FF40;
display:block;
margin:15px auto 25px auto
}
.cara-partnerships .slide ul{
margin-top:15px;
margin-bottom:0
}
.cara-partnerships .slide ul li{
background-image:none;
padding-left:0
}
.cara-partnerships .slide ul li:last-of-type{
margin-bottom:0
}
.join-team-wrap img{
width:260px;
height:auto;
margin-top:20px
}
@media (min-width: 768px){
.join-team-wrap img{
margin-top:15px;
width:340px
}
}
.why-us-wrap>div:last-of-type .why-us-block{
margin-bottom:0
}
.why-us-wrap .why-us-block{
background-color:#47FF40;
border-radius:20px;
padding:20px;
margin-bottom:20px
}
@media (min-width: 768px){
.why-us-wrap .why-us-block{
margin-bottom:20px;
height:228px
}
}
@media (min-width: 992px){
.why-us-wrap .why-us-block{
border-radius:30px;
margin-bottom:24px;
height:238px
}
}
@media (min-width: 1200px){
.why-us-wrap .why-us-block{
height:338px
}
}
@media (min-width: 1400px){
.why-us-wrap .why-us-block{
padding:30px
}
}
.why-us-wrap .why-us-block p:last-of-type{
margin-bottom:0
}
.why-us-wrap .why-us-block img{
width:66px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:15px
}
@media (min-width: 768px){
.why-us-wrap .why-us-block img{
width:82px
}
}
@media (min-width: 992px){
.why-us-wrap .why-us-block img{
width:76px
}
}
@media (min-width: 1200px){
.why-us-wrap .why-us-block img{
width:90px
}
}
.supporting-mh-wrap h2{
color:#00AD5E
}
.supporting-mh-wrap1{
margin-top:20px
}
.supporting-mh-wrap1>div:last-of-type .supporting-mh{
margin-bottom:0
}
@media (min-width: 768px){
.supporting-mh-wrap1>div:nth-child(3) .supporting-mh,.supporting-mh-wrap1>div:nth-child(4) .supporting-mh{
margin-bottom:0
}
}
.supporting-mh-wrap1 .supporting-mh{
margin-bottom:20px;
padding:0 30px
}
@media (min-width: 992px){
.supporting-mh-wrap1 .supporting-mh{
padding:0;
margin-bottom:0
}
}
.supporting-mh-wrap1 .supporting-mh img{
width:106px;
height:auto;
margin-left:auto;
margin-right:auto;
margin-bottom:15px
}
@media (min-width: 768px){
.supporting-mh-wrap1 .supporting-mh img{
width:122px
}
}
@media (min-width: 992px){
.supporting-mh-wrap1 .supporting-mh img{
width:116px;
margin-bottom:20px
}
}
@media (min-width: 1200px){
.supporting-mh-wrap1 .supporting-mh img{
width:130px
}
}
.supporting-mh-wrap1 .supporting-mh h3{
font-size:15px;
line-height:1.3em;
margin-bottom:10px;
color:#1C3C2E;
font-family:"itc-avant-garde-gothic-pro", sans-serif;
font-weight:normal;
font-style:normal
}
@media (min-width: 768px){
.supporting-mh-wrap1 .supporting-mh h3{
font-size:17px
}
}
@media (min-width: 992px){
.supporting-mh-wrap1 .supporting-mh h3{
font-size:20px;
line-height:1.4em
}
}
.job-hero h2{
color:#47FF40
}
.job-hero h3{
color:#fff
}
.job-block-wrap{
margin-top:30px
}
.job-block-wrap>div:last-of-type .job-block{
margin-bottom:0
}
.job-block-wrap .job-block{
border-radius:20px;
padding:20px;
background-color:#fff;
margin-bottom:20px
}
@media (min-width: 768px){
.job-block-wrap .job-block{
height:100%;
margin-bottom:0
}
}
@media (min-width: 992px){
.job-block-wrap .job-block{
padding:30px;
border-radius:30px
}
}
.job-block-wrap .job-block h3{
color:#00AD5E;
font-family:"itc-avant-garde-gothic-pro", sans-serif !important;
font-weight:normal;
font-style:normal
}
.footer{
background-color:#1d1d1b;
padding-top:30px
}
@media (min-width: 768px){
.footer{
padding-top:40px
}
}
@media (min-width: 992px){
.footer{
padding-top:70px
}
}
.footer h6{
color:#fff
}
.footer h3{
display:block;
text-align:center;
margin-bottom:0
}
@media (min-width: 768px){
.footer h3{
display:inline-block;
vertical-align:middle;
text-align:left;
line-height:40px
}
}
.footer h3:first-of-type{
margin-bottom:10px
}
@media (min-width: 768px){
.footer h3:first-of-type{
margin-bottom:0px;
margin-right:20px
}
}
@media (min-width: 992px){
.footer h3:first-of-type{
margin-right:40px
}
}
.footer h3 a{
color:#fff;
text-decoration:none;
line-height:30px;
display:inline-block
}
.footer h3 a:hover{
color:#02E283
}
.footer .tel-icon{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hubfs/4517264/Website%20Assets/phone-icon-svg.svg");
background-repeat:no-repeat;
background-size:25px auto;
background-position:left top;
padding-left:35px
}
.footer .email-icon{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hubfs/4517264/Website%20Assets/email-icon-svg.svg");
background-repeat:no-repeat;
background-size:25px auto;
background-position:left top;
padding-left:35px
}
.footer .linkedin-icon{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hubfs/4517264/Website%20Assets/LinkedIn%20Icon%20Footer.svg");
background-repeat:no-repeat;
background-size:25px auto;
background-position:left top;
padding-left:35px
}
.footer ul.social-links{
margin-top:20px;
display:block
}
@media (min-width: 768px){
.footer ul.social-links{
display:inline-block;
vertical-align:middle;
margin-left:40px;
margin-top:0
}
}
.footer ul.social-links li{
display:inline-block;
margin-right:20px;
margin-bottom:0
}
.footer ul.social-links li a{
display:block;
overflow:hidden;
text-indent:300px;
background-repeat:no-repeat;
background-position:center center
}
.footer ul.social-links li a.twitter{
width:30px;
height:25px;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/twitter.svg");
background-size:auto 100%;
overflow-wrap:normal
}
@media (min-width: 992px){
.footer ul.social-links li a.twitter{
width:36px;
height:30px
}
}
.footer ul.social-links li a.twitter:hover{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/twitter-hover.svg")
}
.footer ul.social-links li a.linkedin{
width:25px;
height:25px;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/linkedin.svg");
background-size:auto 100%;
overflow-wrap:normal
}
@media (min-width: 992px){
.footer ul.social-links li a.linkedin{
width:30px;
height:30px
}
}
.footer ul.social-links li a.linkedin:hover{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public/hable-theme/images/linkedin-hover.svg")
}
.footer ul.social-links li a.facebook{
width:25px;
height:25px;
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public//hable-theme/images/facebooklogo.png");
background-size:auto 100%;
overflow-wrap:normal
}
@media (min-width: 992px){
.footer ul.social-links li a.facebook{
width:30px;
height:30px
}
}
.footer ul.social-links li a.facebook:hover{
background-image:url("https://4517264.fs1.hubspotusercontent-na1.net/hub/4517264/raw_assets/public//hable-theme/facebook-Hover.png")
}
.footer ul.social-links li:last-of-type{
margin-right:0
}
.footer li a {
color: #fff;
text-decoration: underline
margin: 10px;
}
.footer li a:visited {
text-decoration: underline
}
.footer li a:hover {
text-decoration: underline
color:#00AD5E;
}
.footer hr{
margin-top:20px;
margin-bottom:0;
background-color:#fff
}
@media (min-width: 768px){
.footer hr{
margin-top:30px
}
}
@media (min-width: 992px){
.footer hr{
margin-top:60px
}
}
.footer .footer-bot{
padding-top:25px;
padding-bottom:25px
}
@media (min-width: 768px){
.footer .footer-bot{
padding-top:35px;
padding-bottom:35px
}
}
.footer .footer-bot h6{
color:#fff;
display:inline-block;
margin-bottom:5px
}
@media (min-width: 768px){
.footer .footer-bot h6{
margin-bottom:0
}
}
.footer .footer-bot a{
color:#fff
}
.footer .footer-bot a:hover{
color:#02E283
}
.footer .footer-bot .terms h6{
margin-left:10px;
margin-right:10px
}
.footer .footer-logo span{
display:block
}
@media (min-width: 768px){
.footer .footer-logo span{
display:none
}
}
@media (min-width: 992px){
.footer .footer-logo span{
display:inline-block;
vertical-align:middle
}
}
.footer .footer-logo span img{
width:140px;
height:auto;
margin-top:18px;
margin-bottom:10px
}
@media (min-width: 768px){
.footer .footer-logo span img{
width:140px;
margin-top:0;
margin-bottom:0
}
}
@media (min-width: 992px){
.footer .footer-logo span img{
width:140px
}
}
.footer .footer-logo2 span{
display:inline-block;
vertical-align:middle
}
@media (min-width: 768px){
.footer .footer-logo2 span img{
width:300px;
margin-top:20px
}
}