@charset "UTF-8";

@font-face {
  font-family: "termosolar-icon-font";
  src:url("fonts/termosolar-icon-font.eot");
  src:url("fonts/termosolar-icon-fontd.eot?#iefix") format("embedded-opentype"),
    url("fonts/termosolar-icon-font.woff") format("woff"),
    url("fonts/termosolar-icon-font.ttf") format("truetype"),
    url("fonts/termosolar-icon-font.svg#termosolar-icon-font") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "termosolar-icon-font" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="cicon-"]:before,
[class*=" cicon-"]:before {
  font-family: "termosolar-icon-font" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.cicon-ac-repair-maintenance:before {
  content: "\61";
}
.cicon-air-quality:before {
  content: "\62";
}
.cicon-central-air-installation:before {
  content: "\63";
}
.cicon-cooling:before {
  content: "\64";
}
.cicon-duct-cleaning:before {
  content: "\65";
}
.cicon-plumbing-repair:before {
  content: "\66";
}
.cicon-plumbing:before {
  content: "\67";
}
.cicon-lighting:before {
  content: "\68";
}
.cicon-leak-detection:before {
  content: "\69";
}
.cicon-heating:before {
  content: "\6a";
}
.cicon-surge-protection:before {
  content: "\6b";
}
.cicon-water-filtration:before {
  content: "\6c";
}
.cicon-electircal:before {
  content: "\6d";
}
.cicon-emergency-plumbing:before {
  content: "\6e";
}
.cicon-furnace-installation:before {
  content: "\6f";
}
.cicon-furnace-repair-maintenance:before {
  content: "\70";
}
.cicon-generators:before {
  content: "\71";
}
.cicon-glove:before {
  content: "\72";
}
.cicon-heat-pump-installation:before {
  content: "\73";
}
.cicon-heater-repair-maintenance:before {
  content: "\74";
}
.contact-widget .contact-info1 {
    position: relative;
}
.contact-widget .contact-info1 li {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
.contact-widget .contact-info1 li .icon {
    position: relative;
    display: block;
    color: #ffffff;
    font-size: 14px;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    -webkit-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    transition: all 500ms ease;
    margin: 8px 0;
    margin-right: 15px;
    font-size: 18px;
}
.contact-widget .contact-info1 li .text {
    position: relative;
    color: rgb(255 255 255 / 0.6);
    width: calc(100% - 60px);
    font-weight: 400;
}
.contact-widget .contact-info1 li .text a {
    color: rgb(255 255 255 / 0.6);
    transition: .5s;
}
.contact .contact-bottom {
    margin-top: 30px
}
.contact .contact-info1 {
    text-align: left;
    margin-top: 30px;
    position: relative;
    padding-left: 60px
}
.contact .contact-info1 .icon {
	position: absolute;
	left: 0
}
.contact .contact-info1 .icon i {
	width: 40px;
	height: 40px;
	line-height: 37px;
	border: 2px solid #0e3987;
	color: #0e3987;
	font-size: 25px;
	border-radius: 100%;
	text-align: center;
}
.contact .contact-info1 h3 {
	font-size: 20px;
	font-weight: 700;
	margin: 0 0 5px
}
.contact .contact-info1 a {
	color: #777
}
.contact .contact-info1 p {
	color: #777;
	font-size: 15px
}
.contact .contact-map {
	margin-top: 20px
}
.contact .contact-map iframe {
	border-radius: 10px
}
.contact .contact-head {
	overflow: hidden
}
.contact .form-head {
    margin: 20px;
    box-shadow: 0 0 20px 2px rgb(0 0 0/5%);
    border-radius: 10px;
    padding: 30px
}
.contact .form-head .form-group {
	margin-bottom: 15px
}
.contact .form-head .form-group label {
	margin-bottom: 5px
}
.contact .form-head .form-group input {
	height: 35px;
	width: 100%;
	padding-left: 15px;
	box-shadow: none;
	text-shadow: none;
	border: none;
	border: 1px solid #ced4da;
	border-radius: 8px;
	outline: none;
	color: #666;
	font-size: 15px;
}
.contact .form-head .form-group input:focus, .contact .form-head .form-group textarea:focus {
	border-color: #0e3987
}
.contact .form-head .form-group input:hover, .contact .form-head .form-group textarea:hover {
	padding-left: 25px
}
.contact .form-head .form-group textarea {
	height: 100px;
	width: 100%;
	font-size: 15px;
	padding-left: 15px;
	padding-top: 18px;
	box-shadow: none;
	text-shadow: none;
	border-radius: 8px;
	border: none;
	border: 1px solid #d9d6d6;
	color: #666;
	outline: none;
	resize: none;
}

        .contact .form-head .form-group .button {
            margin-top: 20px
        }

        .contact .form-head .form-group .btn {
            border-radius: 10px;
            background: #0e3987;
        }

        .contact .form-head .form-group button {
            color: #fff;
            -webkit-transition: all .3s ease;
            -moz-transition: all .3s ease;
            transition: all .3s ease
        }

            .contact .form-head .form-group button:before {
                background: #252525
            }

            .contact .form-head .form-group button:hover {
                background: 0 0
            }
			.mb-20{margin-bottom:20px;}