body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {
  height: 100%;
}
a{
  text-decoration: none;
}

.bg1 {
  position: relative;
}

.bg1:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-image: url('../images/climaideal-baner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.bg1-content {
  position: relative;
}
.bg2 {
  position: relative;
}

.bg2:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-image: url('../images/climaideal-baner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
}

.bg2-content {
  position: relative;
}

.bg3 {
  
  background-image: url('../images/climaideal-logo-copo.png');
  background-repeat: repeat;
  background-size: 3%;
  background-position: center center;
  background-attachment: fixed;
}

.w3-text-black-ci,.w3-hover-text-black-ci:hover{
  color: #001848;
}
.w3-black-ci{
  background-color: #001848;
  color: #ffffff;
}
.w3-text-blue-ci{
  color: #0995DA;
}
.w3-blue-ci,.w3-hover-blue-ci:hover{
  background-color: #0995DA !important;
  color: #ffffff !important;
}
.w3-text-red-ci,.w3-hover-text-red-ci:hover{
  color: #BE0300!important;
}
.w3-red-ci{
  background-color: #BE0300;
  color: #ffffff;
}


.w3-ul li {
  border-bottom: none !important;
  padding: 1px 2px;
}
ul ul {
  list-style-type: none !important;
} 

.w3-strong-ci{
  font-weight: 600;
}

.w3-blue2-ci,.w3-hover-blue2-ci:hover{color:#fff!important;background-color:#003380ff!important}
.w3-text-blue2-ci,.w3-hover-text-blue2-ci:hover{color:#003380ff!important}
.w3-border-blue2-ci,.w3-hover-border-blue2-ci:hover{border-color:#003380ff!important}
/* For Mobile Portrait View */
@media screen and (max-device-width: 480px) {
  .w3-large{
    font-size:medium !important;
  }
  .w3-xlarge{
    font-size:larger !important;
  }
  .w3-xxlarge{
    font-size:x-large !important;
  }
  .w3-xxxlarge{
    font-size:xx-large !important;
  }
  .w3-jumbo{
    font-size:xx-large !important;
  }
  h2,h3{
    line-height: inherit !important;
    padding-left: 0px !important;
    margin-left: 0px !important;
}
.w3-display-middle {
    width: 100% !important;
    text-align: center !important;
}
}