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

.info_dist_pro{
  position: absolute; 
  bottom: 0; 
  width:100%; 
  background-color: rgba(0, 145, 218, 0.6); 
  padding: 40px; 
  text-align:center; 
  height:100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.image_dist_pro{
  position:relative;
  border:2px solid #0091da; 
  min-height: 280px; 
  margin: 0 33px 33px 0; 
  width: 100%; 
  float: left; 
  
  background-size: cover; 
  background-position: center; 
  background-repeat: no-repeat;
}
.info_dist_pro h4{
  padding: 0 20px;
  margin: 0;
  font-size: 18px;
}

.row.row-10 > * {
  padding-left: 10px;
  padding-right: 10px;
}
.row.row-10 {
  margin-left: -10px;
  margin-right: -10px;
}

/*********TABS********/

.tab-page {
  display:none;
}

.active-page {
  display: block;
}

.outer-wrap {
  width:100%;
  max-width:500px;
  margin: 0 auto;
}
.clear-float {
  clear:both;
}

ul.tabs {
  width:100%;
  margin: 0;
  padding: 0;
}

ul.tabs li {
  float:left;
  width:33.33%;
  min-height:44px;
  /*margin-bottom: 30px;*/
  list-style-type: none;
  text-align: center;
  line-height:44px;
  width:50%;
}

ul.tabs li, ul.tabs li:hover, ul.tabs li:active {
  background-color: #0091da;
  color: #fff;

}

ul.tabs li.active {
  background-color: #fff;
  color:#0091da;
  
}

.tabs-container{
  border: 1px solid #0091da;
  background: #fff;
  margin-top: 20px;
}

.tab-page {
  width:100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height:200px;
  padding:50px;
}

.tab-page input[type="number"]{
  border: 1px solid #0091da;
  display: inline-block;
  text-align: center;
  padding: 0.7em 50px;
}
.tab-page input[type="number"][id*="solution"] {
  border: transparent;
  border-bottom: 1px solid #0091da;
}
.tab-page .solution{
  width:45%;
  display: inline-block;
  border-bottom: 1px solid #0091da;
}

.absolute{
  position: absolute;
  right: 10px;
  top: 10px;
  color: #adadad;
}

.formula .input{
  width:45%; 
  position: relative; 
  display: inline-block;
}

.page-template-template-transductor .site-content-contain,
.page-template-template-thermisor .site-content-contain,
.page-template-template-carga-adicional .site-content-contain,
.page-template-template-gamas .site-content,
.page-template-template-subgamas .site-content, 
.page-template-template-comp-refrigerantes .site-content-contain,
.single-modelos .site-content-contain {
  background: #fff;
  padding: 30px;
}

.formula{
  margin-bottom: 30px;
  text-align: center;
}

.ninety-percent-pad {
  width: 90%;
  margin: 25px auto;
}

.herramientas-title{
  color: #0091da;
  font-size: 28px;
  font-family: "Gotham-Light";
}

.goToHerramientas{
  padding-bottom: 20px;
  color: #0091da;
  font-size: 15px;
}
.goToHerramientas:hover{
  text-decoration: underline;
}


.tabs li.temptopotencia {
  text-align: left;
  padding: 30px 0 0 68px;
}

.padding030{
  padding: 0 30px;
}

#midea-thermisor .formula .temp.input{
  width: 50%;
  margin: 0 auto 60px auto;
}

#midea-thermisor .formula .kohm.input{
  width: 100%;
  margin-bottom: 40px;
}
#midea-thermisor .formula .kohm.input .tipus-thermistor{
  width: 48%;
  display: inline-block;
  text-align: left;
}
#midea-thermisor .formula .kohm.input .absolute{
  top: auto;
  bottom: 10px;
}
#midea-thermisor .formula .kohm.input input[type="number"][id*="solution"]{
  width: 48%;
}

@media (max-width:1024px){
  .tab-page{
    padding: 40px 10px;
  }
}

@media (max-width: 895px){
  .padding030{
    padding: 0;
  }
  #midea-thermisor .formula .kohm.input .tipus-thermistor{
    width: 100%;
    display: block;
  }
  #midea-thermisor .formula .kohm.input input[type="number"][id*="solution"]{
    width: 100%;
  }
}



/****Modelos***/

#herrramientas-gamas .row.image-row{
margin-bottom: 50px;
}
.herramienta{
  height: 50px;     
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  font-size: 14px;  
}
.herramienta:not(:last-child)::after {
  content: "";
  position: absolute;
  bottom: 0;
  width: 80%;
  text-align: center;
  border-bottom: 1px solid #fff;
}
.gama-name{
  margin-top: 10px;
  color: #0091da
}
.gama-image{
  position:relative; 
  width:100%;
  height: 68.5%;
}
.gama-image img{
  height: 99%;
}
.herramientas-opciones{
  background:#0091da; 
  height: 83.5%; 
  color:#fff;
}
.herramientas-opciones .herramienta a{
  color:#fff;
}
.contents{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.gama-container{
  margin-bottom: 50px; 
  border: 1px solid #a2a2a2;
  height: 300px; 
  text-align: center;
  color:#a2a2a2;
  width: 32%;
}
@media (max-width: 1024px) and (min-width:768px){
  .herramientas-title{
    font-size: 20px;
  }
  .gama-container {
     width: 47%
  }
}
@media (max-width:767px){
  .gama-container {
     width: 100%
  }
  .tab-page input[type="number"] {
    text-align: left;
    padding: 0.7em 18px;
  }
  ul.tabs li {
    line-height: 24px;
  }
}
.herramientas-dropdown{
  border-bottom: 1px solid; 
  cursor: pointer;
  height: 50px;     
  display: flex;
  justify-content: center;
  align-items: center;
}
.herramientas-dropdown i{
  font-size: 13px;
  margin-left: 5px;
}
.herramientas-dropdown.down i{
  transform: rotate(180deg);
}

.gama-domestico .transductor, 
.gama-comercial .transductor,
.gama-enfriadoras .carga-addicional,
.gama-fan-colis .carga-addicional,
.gama-fan-colis .refrigerantes,
.gama-fan-colis .transductor {
  display: none;
}
/*****subgama*****/
.title-codigo-error{
  padding: 30px 0;
}

.title-codigo-error span{
  color: #0091da;
  font-size: 20px;
  padding-left: 5px;
}

.title-codigo-error .gama-name{
  text-transform: uppercase;

}
.title-codigo-error span:not(:nth-last-child(1)){
   padding-right: 5px;
   border-right: 2px solid;
   margin-right: 5px;
}

.subgama-container{
  width: 100%;
}


.subgama-container .subgama-name, .subgama-container li.referencia-container{
	position: relative;
	border: 2px solid #0091da;
	/*border-bottom: none;*/
	cursor: pointer;
}

/*.subgama-container li.referencia-container{  
  border: none;
}*/

.subgama-container.active .subgama-name
,.subgama-container:nth-last-of-type(1):not(.active){ /*active i ultim del tipus div de .subgama-container*/ 
	border-bottom: 2px solid #0091da;
}

.subgama-container li.referencia-container{
  padding:  0 18px;
  line-height:50px;
  background-color: white;
  overflow: hidden;
}


.active .subgama-name, .subgama-container:hover .subgama-name, .subgama-container li.referencia-container:hover {
  background-color: rgba(0, 145, 218, 0.6); 
  color: white;
  cursor: pointer;
}

.subgama-container .subgama-name::after {
  	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	height: 15px; width: 15px;
	border: 1px solid #000;
	border-width: 2px 2px 0 0;
	transform: rotate(130deg);
}

.active .subgama-name::after, .active .modelo-name::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	height: 15px; width: 15px;
	border: 1px solid #000;
	border-width: 2px 2px 0 0;
	transform: translatey(7px) rotate(315deg);
}

.referencia-name .referencia-container::after {
  content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	height: 15px; width: 15px;
	border: 1px solid #000;
	border-width: 2px 2px 0 0;
	transform: rotate(40deg);
}

.modelo-name{
  position: relative;
}

.referencia-container{
  display: none;
  position: relative;
}

.subgama-name{
	padding: 18px;
  height: 60px;
}

.subgama-container ul{
  padding-left: 18px;
}

/*******single modelo*******/

.error{
  border: 2px solid #0091da;
}
.error + .error {
  border-top: none;
}

.nombre-error{
  border-bottom: 2px solid #0091da;
  padding: 18px;
  position: relative;
}

.nombre-error::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 10px;
  right: 20px;
  margin: auto;
  height: 15px; width: 15px;
  border: 1px solid #000;
  border-width: 2px 2px 0 0;
  transform: rotate(130deg);
}

.active .nombre-error::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 10px;
	right: 20px;
	margin: auto;
	height: 15px; width: 15px;
	border: 1px solid #000;
	border-width: 2px 2px 0 0;
	transform: translatey(7px) rotate(315deg);
}

.descripcion-error{
  display: none;
  padding: 18px;
}

.active .nombre-error, .nombre-error:hover {
  background-color: rgba(0, 145, 218, 0.6); 
  color: white;
  cursor: pointer;
}

/******* BUSCADOR + RESULTATS CERCA *******/
@media screen and (min-width: 48em){
  .archive:not(.page-one-column):not(.has-sidebar) #primary article.modelos{
      float: none;
      width: 100%;
  }
}
.archive:not(.page-one-column):not(.has-sidebar) #primary article.modelos, .archive:not(.page-one-column):not(.has-sidebar) #primary article.modelos .entry-header{
  padding: 0
}

h3.result-errors-title {
  border: 2px solid #0091da;
  padding: 18px;
  color: #0091da;
  position: relative;
}
.result-errors-title {
  font-family: "Gotham-Book";
  font-size: 16px;
  line-height: 1.2;
  color: #3b3b3b;
  font-weight: 200;
}

.result-errors-title::after {
	content: '+';
	position: absolute;
	top: 0;
	bottom: 20px;
	right: 20px;
	margin: auto;
  height: 15px; 
  width: 15px;
  font-size: 35px;	
}

.result-errors-title:hover {
  background-color: rgba(0, 145, 218, 0.6); 
  color: white;
  cursor: pointer;
}

.error-search-results-title{
  color: #000;
  font-size: 23px;
  margin: 0;
}

.search-error-codes{
  float: none!important;
  margin-bottom: 20px;
  width: 100%;
}

.margin-top_-2{
  margin-top: -2px;
  margin-bottom: 1px;
}
.margin-top_-2 li{
  margin-top: -2px;
}
.margin-bottom_-2px{
  margin-bottom: -2px;
}

.description-error-code-button{
  padding: 0 15px!important; 
  min-width: auto!important; 
  margin-top: 15px;
}