.white{
color:#ffffff;
}
.black{
color:#000000;
}
.grey{
color:#58595B;
}  
.red{
color:#BD202E;
} 
.right-float{
float:right;
}
.left-float{
float:left;
}
.right-text{
text-align:right;
}
.left-text{
text-align:left;
}
.mobile-br{
display:inline;
}
.pbs, #main .post-content .pbs h1, #main .post-content .pbs h2, #main .post-content .pbs h3 {
font-family: PantonSemiBold !important;
}
.pbr, #main .post-content .pbr h1, #main .post-content .pbr h2, #main .post-content .pbr h3 {
font-family: PantonRegular !important;
}
.pb, #main .post-content .pb h1, #main .post-content .pb h2, #main .post-content .pb h3, #main .post-content .pbr strong{
font-family: PantonBold !important;
}
.t-logo {
position: absolute !important;
left: 0;
right: 0;
top: -62px;
}
#main .post-content .white h1, #main .post-content .white h2, #main .post-content .white h3, #main .post-content .white p, #main .post-content .white li{
color:#ffffff;
}
#main .post-content .black h1, #main .post-content .black h2, #main .post-content .black h3, #main .post-content .black p, #main .post-content .black li{
color:#000000;
}
#main .post-content .grey h1, #main .post-content .grey h2, #main .post-content .grey h3, #main .post-content .grey p, #main .post-content .grey li{
color:#58595B;
}
#main .post-content .red h1, #main .post-content .red h2, #main .post-content .red h3, #main .post-content .red p, #main .post-content .red li, 
#main .post-content .grey-red strong {
color:#BD202E;
}
#main .post-content .red-link a{
color:#BD202E;
text-decoration:underline;
}
#main .post-content .white-link a{
color:#ffffff;
text-decoration:underline;
}
#main .post-content p:last-child {
margin-bottom: 0px;
}
.hide-desk{
display:none !important;
} .fusion-logo {
max-width: 315px !important;
}
ul.sub-menu {
text-align: left;
}
.main-home-banner rs-sbg {
background-position: 50% 50% !important;
}
.right-sec {
display: inline-block;
float: right;
text-align: right;
color:#ffffff;
}
.right-sec a{
color:#ffffff;
}
.right-top-tag, .right-top-phone, .right-top-social {
display: inline-block;
}
.fusion-main-menu .fusion-dropdown-menu a {
padding-bottom: 22px;
}
.right-top-tag {
font-family: PantonSemiBold;
font-size: 20px;
line-height: 1;
width: 180px;
text-align: left;
border-right: 1px solid #FFFFFF;
padding-right: 30px;
}
.right-top-phone {
font-family: PantonSemiBold;
font-size: 42px;
padding: 0px 20px;
line-height: 1;
}
.right-top-social a{ 
font-size:25px;
}
.right-top-social {
position: relative;
top: -5px;
}
.right-top-sec {
margin-top: 20px;
}
.fusion-header {
background: -moz-linear-gradient(90deg, rgba(174,7,33,1) 0%, rgba(184,13,34,1) 60%, rgba(232,39,39,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(174,7,33,1) 0%, rgba(184,13,34,1) 60%, rgba(232,39,39,1) 100%);
background: linear-gradient(90deg, rgba(174,7,33,1) 0%, rgba(184,13,34,1) 60%, rgba(232,39,39,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ae0721",endColorstr="#e82727",GradientType=1);
}
a.right-top-phone:hover {
color: #67494b;
} .hm-boxes, .hm-boxes .fusion-column {
margin-bottom: 0px;
}
.hm-boxes .heading .image {
width: 100%;
position: absolute;
left: 0;
right: 0;
top: -62px;
float: none;
}
.hm-boxes  .col.content-box-wrapper {
padding: 90px 30px 30px;
}
#main .post-content .box-white-btn {
display: inline-block;
padding: 10px 10px;
width: 140px;
-webkit-box-shadow: 0px 5px 28px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 5px 28px 0px rgba(0,0,0,0.5);
box-shadow: 0px 5px 28px 0px rgba(0,0,0,0.5);
}
#main .post-content .box-grey-btn {
padding: 10px 10px;
width: 140px;
font-size: 13px;
-webkit-box-shadow: 0px 5px 28px 0px rgba(0,0,0,0.5) !important;
-moz-box-shadow: 0px 5px 28px 0px rgba(0,0,0,0.5) !important;
box-shadow: 0px 5px 28px 0px rgba(0,0,0,0.5) !important;
}
.hm-box-cnt {
margin-bottom: 20px;
}
.hm-boxes .hm-box .fusion-column-wrapper {
position: relative;
padding-bottom: 120px !important;
}
.hm-box-btn1, .hm-box-btn2 {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
}
.hm-box-btn2 {
bottom: 30px;
}
.hm-box-btn1 {
bottom: 70px;
}
#main .post-content .hm-boxes >div {
margin-bottom: -120px !important;
}
.m-logo {
position: absolute;
left: 50%;
z-index: 999;
top: 50%;
transform: translate(-50%, 250px);
-moz-transform: translate(-50%, 250px);
-webkit-transform: translate(-50%, 250px);
}
.hm-offer h3 {
font-size: 25px;
}
.hm-offers-sec >div {
box-shadow: inset 0 0 0 500px rgb(88 89 91 / 75%);
overflow: hidden;
}
.hm-offer {
padding: 20px 30px;
border-bottom: 1px solid #ffffff;
}
.m-logo-sec {
position: relative;
}
.hm-offer .fusion-column-inner-bg a:hover {
background: rgb(190 32 45 / 60%);
}
.hm-offers-left-sec >div, .testi-cnt-col > .fusion-column-wrapper {
overflow: hidden !important;
}
.testi-cnt-col > .fusion-column-wrapper:before {
content: "";
background: url(https://tradecraftheatingandcooling.com/beta/wp-content/uploads/2020/12/quote.png);
width: 386px;
height: 158px;
position: absolute;
right: 1.1%;
top: -6px;
}
.testi-cnt q {
font-style: normal !important;
letter-spacing: 0px !important;
}
.testi-cnt .company-name {
text-transform: uppercase;
}
.carousel-images {
margin-bottom: 0px;
}
.fusion-carousel .fusion-carousel-nav .fusion-nav-next:before, .fusion-carousel .fusion-carousel-nav .fusion-nav-prev:before {
color: #000000 !important;
font-size: 30px !important;
}
.fusion-carousel .fusion-carousel-nav .fusion-nav-next, .fusion-carousel .fusion-carousel-nav .fusion-nav-prev  {
background: transparent !important;
} .top-right-image  .fusion-column-wrapper {
min-height: 400px !important;
}
.int-offers-sec >div {
overflow: hidden;
}
.grey-overlay .fusion-column-inner-bg-image{
box-shadow: inset 0 0 0 500px rgb(88 89 91 / 75%);
}
.red-overlay .fusion-column-inner-bg-image{
box-shadow: inset 0 0 0 500px rgb(190 32 45 / 75%);
}
.int-offer {
min-height: 290px;
}
.offer-amount {
font-size: 26px;
font-weight: bold;
margin-bottom: 20px;
}
.int-m-logo {
transform: translate(-50%, 235px);
-moz-transform: translate(-50%, 235px);
-webkit-transform: translate(-50%, 235px);
}
.t-logo > img, .int-m-logo img, .m-logo img  {
width: 110px !important;
height: 110px !important;
}
.why-t-cnt p {
font-size: 21px;
}
.p-t-logo {
z-index: 999;
}
.caldera-grid input[type=submit] {
border: 0px;
background: #be202d;
border-radius: 0px;
color: #ffffff;
text-transform: uppercase;
padding: 10px 30px;
}
.caldera-grid input[type=submit]:hover {
background: #dc2225;
}
.p-t-logo {
height: 1px;
overflow: visible;
}
.hm-offers-left-sec .fusion-imageframe.p-t-logo {
overflow: visible;
z-index: 999;
position: absolute;
}
.lp-top-m-logo-sec .lp-top-m-logo {
transform: translate(-50%, 220px);
-moz-transform: translate(-50%, 220px);
-webkit-transform: translate(-50%, 220px);
}
.int-m-logo-sec {
height: 1px;
} .footer-col-2 h4 {
font-size: 18px !important;
color: #ffffff !important;
}
.footer-col-2 p {
margin-top:0px;
}
.footer-col-3 .fusion-text p {
margin: 0px;
font-size: 18px;
}
.footer-col-3 .fusion-text p a{
color:#ffffff;
}
.foot-sub-link p {
font-size: 14px !important;
font-family: PantonRegular !important;
}
.foot-main-link p {
font-family: PantonBold !important;
}
.foot-social-link .fa-facebook {
font-size: 22px;
}
.foot-social-link em {
display:none;
}
.foot-copy div {
text-align: center;
font-size: 12px;
} @media screen and (max-width: 1240px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 1140px) {
}
@media screen and (max-width: 980px) {
.main-home-banner rs-sbg {
background-position: 20% 50% !important;
}
.int-two-side-sec > .fusion-row {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; -webkit-box-align: start;
-moz-box-align: start;
-ms-flex-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.int-two-side-sec > .fusion-row > .int-side-left, .int-two-side-sec > .fusion-row > .int-side-cnt {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
}
.int-two-side-sec > .fusion-row  > .int-side-right, .int-two-side-sec > .fusion-row  > .int-side-img {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.int-two-side-sec > .fusion-row > .int-side-img .fusion-column-wrapper, .int-two-side-sec > .fusion-row > .int-side-img {
min-height: 351px !important;
max-height: 500px;
}
.int-side-cnt > .fusion-column-wrapper {
padding: 40px 0px !important;
}
.fusion-icon.fusion-icon-bars {
position: relative;
font-size: 27px;
}
.fusion-mobile-menu-design-modern .fusion-mobile-menu-text-align-left .fusion-mobile-nav-item a {
display: flex;
align-items: center;
}
.hide-mob{
display:none;
}
.hide-desk{
display:inline-block !important;
}
.right-top-phone.hide-desk {
font-size: 25px;
position: relative;
top: -4px;
}
.right-sec {
width: 100%;
text-align: center;
}
.fusion-logo {
float: none;
margin: 0 auto !important;
display: inline-block;
}
nav.fusion-mobile-nav-holder.fusion-mobile-menu-text-align-left.fusion-mobile-menu-expanded {
position: absolute;
width: 100%;
left: 30px;
padding-top: 0px;
top: 40px;
}
.left-sec {
text-align: center;
}
nav.fusion-mobile-nav-holder.fusion-mobile-menu-text-align-left.fusion-mobile-menu-expanded a{
color: #000000;
}
.right-top-sec {
position: relative;
}
.fusion-header {
padding: 10px 0px !important;
}
.right-top-sec {
margin-top: 10px;
}
.right-top-social {
line-height: 1;
}
#main .post-content h1, #main .post-content h2 {
font-size: 26px;
}
#main .post-content h3 {
font-size: 22px;
}
#main .post-content p {
font-size: 16px;
}
.hm-boxes .hm-box {
padding-top: 80px;
}
.hm-boxes .hm-box p{
line-height:1.25;
}
}
@media screen and (max-width: 767px) {
.mobile-br{
display:none;
}
.m-logo {
top: 0%;
transform: translate(-50%, -53px);
-moz-transform: translate(-50%, -53px);
-webkit-transform: translate(-50%, -53px);
}
.fusion-footer {
text-align: center;
}
.fusion-footer .fusion-column-wrapper {
border: none !important;
}
.testi-cnt-col > .fusion-column-wrapper:before {
width: 328px;
height: 130px;
position: absolute;
right: -3%;
top: -5px;
background-size: contain;
}
.fusion-footer .fusion-fullwidth:first-child {
padding-bottom: 0px !important;
}
.fusion-flex-container.hundred-percent-fullwidth .fusion-flex-align-self-stretch .fusion-column-wrapper {
padding: 50px 30px !important;
}
.page-id-280 .hundred-percent-fullwidth {
margin-bottom: 0px !important;
}
.lp-logo {
text-align: center;
}
}
@media screen and (max-width: 640px) {
}
@media screen and (max-width: 480px) {
}
@media screen and (max-width: 320px) {
}