.ci-hvac-container{
background: #fff;
overflow: hidden;
margin: 0 auto;
padding: 10px;
margin-top: 10px;
border-radius: 5px;
}
.ci-hvac-container h1,.ci-hvac-container h2, .ci-hvac-container h3,.ci-hvac-container h4,.ci-hvac-container h5,.ci-hvac-container h6{ font-family: Montserrat; }
.ci-hvac-question{ font-family: Montserrat; }
.hvac-query{
}
.tro-btns button {
padding: 10px 11px;
min-width: 100px;
width: 70px;
border: none;
background: #3498db;
border-radius: 5px;
color: #fff;
text-transform: uppercase;
}
.tro-btns {
text-align: right;
padding: 15px;
}
div.hvac-query {
}
.ci-hvac-failure{
}
.ci-hvac-solved {
}
.ci-hvac-soln {
}
.ci-inner-wrapper {
display: none;
}
div.inner-wrapper-1 {
display: block;
}
.ci-hvac-options {
margin-top: 20px;
}
.ci-hvac-options label {
display: block;
padding: 5px;
}
.error{
color: #f00;
font-size: 10px;
}
.ci-hvac-container.has_image {
width: 71%;
float: left;
position: relative;
background: #EBEBEB;
border: 1px solid #cbcbcb;
overflow: visible;
}
.ci-hvac-container.has_image:after, .ci-hvac-container.has_image:before {
left: 100%;
top: 20%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.ci-hvac-container.has_image:after {
border-color: rgba(235, 235, 235, 0);
border-left-color: #EBEBEB;
border-width: 15px;
margin-top: -15px;
}
.ci-hvac-container.has_image:before {
border-color: rgba(0, 0, 0, 0);
border-left-color: #cbcbcb;
border-width: 16px;
margin-top: -16px;
}
div#expert_image_div {
width: 24%;
float: left;
}
div#expert_image_div img {
width: 100%;
}
.hvac-clearfix{
clear: both;
}
a.schedule-a {
text-decoration: none;
background: yellow;
color: #000;
padding: 5px 10px;
border-radius: 5px;
text-transform: capitalize;
font-weight: 600;
display: inline-block;
text-align: center;
}
@media (max-width: 400px) {
.tro-btns button {
padding: 5px 4px;
min-width: 71px;
width: 71px;
border: none;
background: #3498db;
border-radius: 5px;
color: #fff;
text-transform: uppercase;
font-size: 13px;
}
.tro-btns button:active{
padding: 5px 4px;
}
@media (max-width: 600px){
.ci-hvac-container.has_image { width: 100%;	}
div#expert_image_div {    display: none; }
}