@font-face {
    font-family: 'altimirambitecnia';
    src:    url('./fonts-aa/altimirambitecnia.eot?uitawq');
    src:    url('./fonts-aa/altimirambitecnia.eot?uitawq#iefix') format('embedded-opentype'),
        url('./fonts-aa/altimirambitecnia.ttf?uitawq') format('truetype'),
        url('./fonts-aa/altimirambitecnia.woff?uitawq') format('woff'),
        url('./fonts-aa/altimirambitecnia.svg?uitawq#altimirambitecnia') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="aac-"], [class*=" aac-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'altimirambitecnia' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
		display:inline-block;
		line-height:.75em;
		vertical-align:-15%;
		font-size:inherit;
		text-rendering:auto;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.aac-1-1x{font-size:1.1em}
.aac-1-2x{font-size:1.2em}
.aac-1-3x{font-size:1.3em}
.aac-1-4x{font-size:1.4em}
.aac-1-5x{font-size:1.5em}
.aac-2x{font-size:2em}
.aac-3x{font-size:3em}
.aac-4x{font-size:4em}
.aac-5x{font-size:5em}

.aac-ul{
	padding-left:0;
	margin-left:2.14285714em;
	list-style-type:none
}
.aac-ul > li{
    position:relative
}
.aac-li{
	position:absolute;
	left:-2.14285714em;
	width:2.14285714em;
	top:.14285714em;
	text-align:center
}
.aac-li.aac-lg{
    left:-1.85714286em
}
.aac-border{
    padding:.2em .25em .15em;
    border:solid .08em #eee;
    border-radius:.1em
}

.aac-rotate-90{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg)
}
.aac-rotate-180{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
    -webkit-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    transform:rotate(180deg)
}
.aac-rotate-270{
        filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
        -webkit-transform:rotate(270deg);
        -ms-transform:rotate(270deg);
        transform:rotate(270deg)
}
.aac-flip-horizontal{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
    -webkit-transform:scale(-1, 1);
    -ms-transform:scale(-1, 1);
    transform:scale(-1, 1)
}
.aac-flip-vertical{
    filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
    -webkit-transform:scale(1, -1);
    -ms-transform:scale(1, -1);
    transform:scale(1, -1)
}

:root .aac-rotate-90,:root .aac-rotate-180,:root .aac-rotate-270,:root .aac-flip-horizontal,:root .aac-flip-vertical{
    filter:none
}

.aac-stack{
    position:relative;
    display:inline-block;
    width:2em;
    height:2em;
    line-height:2em;
    vertical-align:middle;
}
.aac-stack-1x,.aac-stack-2x{
	position:absolute;
	left:0;
	width:100%;
	text-align:center;
}
.aac-stack-1x{
    line-height:inherit;
}
.aac-stack-2x{
    font-size:2em;
}
.aac-inverse{
    color:#fff;
}

.aac-oca-v:before {
    content: "\e915";
    color:#62b646
}
.aac-oca-b:before {
    content: "\e915";
    color:#1e3169
}
.aac-oca:before {
    content: "\e915";
    color:#62b646
}

.aac-allergies-v:before {
    content: "\e90c";
    color:#62b646
}
.aac-allergies-b:before {
    content: "\e90c";
    color:#1e3169
}
.aac-allergies:before {
    content: "\e90c";
    color:#1e3169
}

.aac-aliments-b:before {
    content: "\e90d";
    color: #1e3169;
}
/*
.aac-aliments-b:hover:before {
    content: "\e90d";
    color: #FFF;
}
*/
.aac-aliments-v:before {
    content: "\e90d";
    color:#62b646
}
.aac-aliments:before {
    content: "\e90d";
    color:#1e3169
}

.aac-mediambient-flor-b:before {
    content: "\e90e";
    color:#1e3169
}
.aac-mediambient-flor-v:before {
    content: "\e90e";
    color:#62b646
}
.aac-mediambient-flor:before {
    content: "\e90e";
    color:#62b646
}

.aac-plagues-b:before {
    content: "\e90f";
    color:#1e3169
}
.aac-plagues-v:before {
    content: "\e90f";
    color:#62b646
}
.aac-plagues:before {
    content: "\e90f";
    color:#62b646
}

.aac-aigua-piscina-b:before {
    content: "\e910";
    color:#1e3169
}
.aac-aigua-piscina-v:before {
    content: "\e910";
    color:#62b646
}
.aac-aigua-piscina:before {
    content: "\e910";
    color:#62b646
}

.aac-aigua-residual-b:before {
    content: "\e911";
    color:#1e3169
}
.aac-aigua-residual-v:before {
    content: "\e911";
    color:#62b646
}
.aac-aigua-residual:before {
    content: "\e911";
    color:#62b646
}

.aac-xinxes:before {
    content: "\e905";
}
.aac-insectes:before {
    content: "\e906";
}
.aac-mosca:before {
    content: "\e907";
}
.aac-industria:before {
    content: "\e908";
}
.aac-bar:before {
    content: "\e909";
}
.aac-formigues:before {
    content: "\e90a";
}
.aac-blatte2:before {
    content: "\e90b";
}
.aac-blatte:before {
    content: "\e904";
}
.aac-rat:before {
    content: "\e901";
}
.aac-coloms:before {
    content: "\e902";
}
.aac-abelles:before {
    content: "\e903";
}

.aac-aigua-b:before {
    content: "\e900";
    color:#1e3169
}
.aac-aigua-v:before {
    content: "\e900";
    color:#62b646
}
.aac-aigua:before {
    content: "\e900";
    color:#1e3169
}

.aac-formacions-v:before {
    content: "\e912";
    color:#62b646
}
.aac-formacions-b:before {
    content: "\e912";
    color:#1e3169
}
.aac-formacions:before {
    content: "\e912";
    color:#1e3169
}

.aac-mediambient-reciclar-b:before {
    content: "\e913";
    color:#1e3169
}
.aac-mediambient-reciclar-v:before {
    content: "\e913";
    color:#62b646
}
.aac-mediambient-reciclar:before {
    content: "\e913";
    color:#62b646
}

.aac-aigua-risc-b:before {
    content: "\e914";
    color:#1e3169
}
.aac-aigua-risc-v:before {
    content: "\e914";
    color:#62b646
}
.aac-aigua-risc:before {
    content: "\e914";
    color:#1e3169
}

/* color vert  #62b646 */
/* color balu  #1e3169 */

.text-link {
  padding: 2px 0px;
  border-radius: 4px;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  color: #919191;
}
.text-link:hover {
  background-color: #f4f4f4;
}
.text-link.t-nhover:hover {
  background-color: transparent;
}
.certificats-top {
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}
.certificats-bottom {
  width: 100%;
  padding: 27px 13px;
  border-bottom: 1px solid #e3e3e3;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  background-color: #f3f2f5;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  color: #313131;
  text-align: center;
}
.sub-txt-certificats {
  color: #8c8c8c;
  font-size: 12px;
}
.certificats-overlay {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  bottom: 0px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.34);
  opacity: 0.01;
  text-align: center;
}
.certificats-ico {
  width: 50px;
  height: 50px;
  margin-right: 8px;
  margin-left: 8px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.74);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  color: white;
  font-size: 20px;
  line-height: 50px;
}
.certificats-ico:hover {
  background-color: #00aecd;
}
.certificats-ico-zoom {
  width: 50px;
  height: 50px;
  margin-right: 8px;
  margin-left: 8px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.74);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  color: white;
  font-size: 20px;
  line-height: 50px;
}
.certificats-ico-zoom:hover {
  background-color: #00aecd;
}
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 5%;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.1); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}