/***************************************************
    Estils generics html 
***************************************************/
/* arrodonits */
.round {
  border-radius: 3px;
}
.round-top {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.round-bottom {
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
img {
  border: 0px;
}
/*** Alineaments *******/
.alinea_esquerre {
  text-align: left !important;
}
.alinea_dreta {
  text-align: right !important;
}
.alinea_centre {
  text-align: center !important;
}
.alinea_justificat {
  text-align: justify;
}
/******  flotar ********/
.float_d {
  float: right;
}
.float_e {
  float: left;
}
.f_left {
  float: left;
}
.f_right {
  float: right;
}
.float_left {
  float: left;
}
.float_right {
  float: right;
}
.clear {
  clear: both;
}
.fi_float {
  clear: both;
}
.centrar {
  margin: 0 auto;
}
.uppercase {
  text-transform: uppercase;
}
.border {
  border: 1px solid black;
}
.inline-block {
  display: inline-block;
  vertical-align: top;
}
.block {
  display: block;
}
.centrat_vertical {
  vertical-align: middle;
}
.no-margin {
  margin: 0;
  padding: 0;
}
.no_visible {
  display: none;
}
.contorn {
  border: 1px solid black;
}
.amagat,
.hidden {
  display: none;
}
.amagat_important {
  display: none !important;
}
.pointer {
  cursor: pointer;
}
.font-small {
  font-size: 11px;
}
.negreta {
  font-weight: 600;
}
.tatxat {
  text-decoration: line-through;
}
.vermell {
  color: red;
}
.verd {
  color: green;
}
.miss-ok {
  color: green;
}
.miss-ko {
  color: red;
}
.font-super {
  vertical-align: super;
}
.font-sub {
  vertical-align: sub;
}
@media print {
  a[href]:after {
    content: "";
  }
}
/*** AD3 Framework *************************************************/
/** marges de 5 en 5 fins a 150px */
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-5 {
  margin: 5px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-10 {
  margin: 10px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-left-15 {
  margin-left: 15px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
.margin-15 {
  margin: 15px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-20 {
  margin: 20px !important;
}
.margin-top-25 {
  margin-top: 25px !important;
}
.margin-bottom-25 {
  margin-bottom: 25px !important;
}
.margin-left-25 {
  margin-left: 25px !important;
}
.margin-right-25 {
  margin-right: 25px !important;
}
.margin-25 {
  margin: 25px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-30 {
  margin: 30px !important;
}
.margin-top-35 {
  margin-top: 35px !important;
}
.margin-bottom-35 {
  margin-bottom: 35px !important;
}
.margin-left-35 {
  margin-left: 35px !important;
}
.margin-right-35 {
  margin-right: 35px !important;
}
.margin-35 {
  margin: 35px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-left-40 {
  margin-left: 40px !important;
}
.margin-right-40 {
  margin-right: 40px !important;
}
.margin-40 {
  margin: 40px !important;
}
.margin-top-45 {
  margin-top: 45px !important;
}
.margin-bottom-45 {
  margin-bottom: 45px !important;
}
.margin-left-45 {
  margin-left: 45px !important;
}
.margin-right-45 {
  margin-right: 45px !important;
}
.margin-45 {
  margin: 45px !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.margin-left-50 {
  margin-left: 50px !important;
}
.margin-right-50 {
  margin-right: 50px !important;
}
.margin-50 {
  margin: 50px !important;
}
.margin-top-55 {
  margin-top: 55px !important;
}
.margin-bottom-55 {
  margin-bottom: 55px !important;
}
.margin-left-55 {
  margin-left: 55px !important;
}
.margin-right-55 {
  margin-right: 55px !important;
}
.margin-55 {
  margin: 55px !important;
}
.margin-top-60 {
  margin-top: 60px !important;
}
.margin-bottom-60 {
  margin-bottom: 60px !important;
}
.margin-left-60 {
  margin-left: 60px !important;
}
.margin-right-60 {
  margin-right: 60px !important;
}
.margin-60 {
  margin: 60px !important;
}
.margin-top-65 {
  margin-top: 65px !important;
}
.margin-bottom-65 {
  margin-bottom: 65px !important;
}
.margin-left-65 {
  margin-left: 65px !important;
}
.margin-right-65 {
  margin-right: 65px !important;
}
.margin-65 {
  margin: 65px !important;
}
.margin-top-70 {
  margin-top: 70px !important;
}
.margin-bottom-70 {
  margin-bottom: 70px !important;
}
.margin-left-70 {
  margin-left: 70px !important;
}
.margin-right-70 {
  margin-right: 70px !important;
}
.margin-70 {
  margin: 70px !important;
}
.margin-top-75 {
  margin-top: 75px !important;
}
.margin-bottom-75 {
  margin-bottom: 75px !important;
}
.margin-left-75 {
  margin-left: 75px !important;
}
.margin-right-75 {
  margin-right: 75px !important;
}
.margin-75 {
  margin: 75px !important;
}
.margin-top-80 {
  margin-top: 80px !important;
}
.margin-bottom-80 {
  margin-bottom: 80px !important;
}
.margin-left-80 {
  margin-left: 80px !important;
}
.margin-right-80 {
  margin-right: 80px !important;
}
.margin-80 {
  margin: 80px !important;
}
.margin-top-85 {
  margin-top: 85px !important;
}
.margin-bottom-85 {
  margin-bottom: 85px !important;
}
.margin-left-85 {
  margin-left: 85px !important;
}
.margin-right-85 {
  margin-right: 85px !important;
}
.margin-85 {
  margin: 85px !important;
}
.margin-top-90 {
  margin-top: 90px !important;
}
.margin-bottom-90 {
  margin-bottom: 90px !important;
}
.margin-left-90 {
  margin-left: 90px !important;
}
.margin-right-90 {
  margin-right: 90px !important;
}
.margin-90 {
  margin: 90px !important;
}
.margin-top-95 {
  margin-top: 95px !important;
}
.margin-bottom-95 {
  margin-bottom: 95px !important;
}
.margin-left-95 {
  margin-left: 95px !important;
}
.margin-right-95 {
  margin-right: 95px !important;
}
.margin-95 {
  margin: 95px !important;
}
.margin-top-100 {
  margin-top: 100px !important;
}
.margin-bottom-100 {
  margin-bottom: 100px !important;
}
.margin-left-100 {
  margin-left: 100px !important;
}
.margin-right-100 {
  margin-right: 100px !important;
}
.margin-100 {
  margin: 100px !important;
}
.margin-top-105 {
  margin-top: 105px !important;
}
.margin-bottom-105 {
  margin-bottom: 105px !important;
}
.margin-left-105 {
  margin-left: 105px !important;
}
.margin-right-105 {
  margin-right: 105px !important;
}
.margin-105 {
  margin: 105px !important;
}
.margin-top-110 {
  margin-top: 110px !important;
}
.margin-bottom-110 {
  margin-bottom: 110px !important;
}
.margin-left-110 {
  margin-left: 110px !important;
}
.margin-right-110 {
  margin-right: 110px !important;
}
.margin-110 {
  margin: 110px !important;
}
.margin-top-115 {
  margin-top: 115px !important;
}
.margin-bottom-115 {
  margin-bottom: 115px !important;
}
.margin-left-115 {
  margin-left: 115px !important;
}
.margin-right-115 {
  margin-right: 115px !important;
}
.margin-115 {
  margin: 115px !important;
}
.margin-top-120 {
  margin-top: 120px !important;
}
.margin-bottom-120 {
  margin-bottom: 120px !important;
}
.margin-left-120 {
  margin-left: 120px !important;
}
.margin-right-120 {
  margin-right: 120px !important;
}
.margin-120 {
  margin: 120px !important;
}
.margin-top-125 {
  margin-top: 125px !important;
}
.margin-bottom-125 {
  margin-bottom: 125px !important;
}
.margin-left-125 {
  margin-left: 125px !important;
}
.margin-right-125 {
  margin-right: 125px !important;
}
.margin-125 {
  margin: 125px !important;
}
.margin-top-130 {
  margin-top: 130px !important;
}
.margin-bottom-130 {
  margin-bottom: 130px !important;
}
.margin-left-130 {
  margin-left: 130px !important;
}
.margin-right-130 {
  margin-right: 130px !important;
}
.margin-130 {
  margin: 130px !important;
}
.margin-top-135 {
  margin-top: 135px !important;
}
.margin-bottom-135 {
  margin-bottom: 135px !important;
}
.margin-left-135 {
  margin-left: 135px !important;
}
.margin-right-135 {
  margin-right: 135px !important;
}
.margin-135 {
  margin: 135px !important;
}
.margin-top-140 {
  margin-top: 140px !important;
}
.margin-bottom-140 {
  margin-bottom: 140px !important;
}
.margin-left-140 {
  margin-left: 140px !important;
}
.margin-right-140 {
  margin-right: 140px !important;
}
.margin-140 {
  margin: 140px !important;
}
.margin-top-145 {
  margin-top: 145px !important;
}
.margin-bottom-145 {
  margin-bottom: 145px !important;
}
.margin-left-145 {
  margin-left: 145px !important;
}
.margin-right-145 {
  margin-right: 145px !important;
}
.margin-145 {
  margin: 145px !important;
}
.margin-top-150 {
  margin-top: 150px !important;
}
.margin-bottom-150 {
  margin-bottom: 150px !important;
}
.margin-left-150 {
  margin-left: 150px !important;
}
.margin-right-150 {
  margin-right: 150px !important;
}
.margin-150 {
  margin: 150px !important;
}
.margin-top-155 {
  margin-top: 155px !important;
}
.margin-bottom-155 {
  margin-bottom: 155px !important;
}
.margin-left-155 {
  margin-left: 155px !important;
}
.margin-right-155 {
  margin-right: 155px !important;
}
.margin-155 {
  margin: 155px !important;
}
.margin-top-160 {
  margin-top: 160px !important;
}
.margin-bottom-160 {
  margin-bottom: 160px !important;
}
.margin-left-160 {
  margin-left: 160px !important;
}
.margin-right-160 {
  margin-right: 160px !important;
}
.margin-160 {
  margin: 160px !important;
}
.margin-top-165 {
  margin-top: 165px !important;
}
.margin-bottom-165 {
  margin-bottom: 165px !important;
}
.margin-left-165 {
  margin-left: 165px !important;
}
.margin-right-165 {
  margin-right: 165px !important;
}
.margin-165 {
  margin: 165px !important;
}
.margin-top-170 {
  margin-top: 170px !important;
}
.margin-bottom-170 {
  margin-bottom: 170px !important;
}
.margin-left-170 {
  margin-left: 170px !important;
}
.margin-right-170 {
  margin-right: 170px !important;
}
.margin-170 {
  margin: 170px !important;
}
.margin-top-175 {
  margin-top: 175px !important;
}
.margin-bottom-175 {
  margin-bottom: 175px !important;
}
.margin-left-175 {
  margin-left: 175px !important;
}
.margin-right-175 {
  margin-right: 175px !important;
}
.margin-175 {
  margin: 175px !important;
}
.margin-top-180 {
  margin-top: 180px !important;
}
.margin-bottom-180 {
  margin-bottom: 180px !important;
}
.margin-left-180 {
  margin-left: 180px !important;
}
.margin-right-180 {
  margin-right: 180px !important;
}
.margin-180 {
  margin: 180px !important;
}
.margin-top-185 {
  margin-top: 185px !important;
}
.margin-bottom-185 {
  margin-bottom: 185px !important;
}
.margin-left-185 {
  margin-left: 185px !important;
}
.margin-right-185 {
  margin-right: 185px !important;
}
.margin-185 {
  margin: 185px !important;
}
.margin-top-190 {
  margin-top: 190px !important;
}
.margin-bottom-190 {
  margin-bottom: 190px !important;
}
.margin-left-190 {
  margin-left: 190px !important;
}
.margin-right-190 {
  margin-right: 190px !important;
}
.margin-190 {
  margin: 190px !important;
}
.margin-top-195 {
  margin-top: 195px !important;
}
.margin-bottom-195 {
  margin-bottom: 195px !important;
}
.margin-left-195 {
  margin-left: 195px !important;
}
.margin-right-195 {
  margin-right: 195px !important;
}
.margin-195 {
  margin: 195px !important;
}
.margin-top-200 {
  margin-top: 200px !important;
}
.margin-bottom-200 {
  margin-bottom: 200px !important;
}
.margin-left-200 {
  margin-left: 200px !important;
}
.margin-right-200 {
  margin-right: 200px !important;
}
.margin-200 {
  margin: 200px !important;
}
/** Padding de 5 en 5 fins a 150 *****/
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-5 {
  padding: 5px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-10 {
  padding: 10px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-15 {
  padding: 15px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-20 {
  padding: 20px !important;
}
.padding-top-25 {
  padding-top: 25px !important;
}
.padding-bottom-25 {
  padding-bottom: 25px !important;
}
.padding-left-25 {
  padding-left: 25px !important;
}
.padding-right-25 {
  padding-right: 25px !important;
}
.padding-25 {
  padding: 25px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.padding-30 {
  padding: 30px !important;
}
.padding-top-35 {
  padding-top: 35px !important;
}
.padding-bottom-35 {
  padding-bottom: 35px !important;
}
.padding-left-35 {
  padding-left: 35px !important;
}
.padding-right-35 {
  padding-right: 35px !important;
}
.padding-35 {
  padding: 35px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
.padding-bottom-40 {
  padding-bottom: 40px !important;
}
.padding-left-40 {
  padding-left: 40px !important;
}
.padding-right-40 {
  padding-right: 40px !important;
}
.padding-40 {
  padding: 40px !important;
}
.padding-top-45 {
  padding-top: 45px !important;
}
.padding-bottom-45 {
  padding-bottom: 45px !important;
}
.padding-left-45 {
  padding-left: 45px !important;
}
.padding-right-45 {
  padding-right: 45px !important;
}
.padding-45 {
  padding: 45px !important;
}
.padding-top-50 {
  padding-top: 50px !important;
}
.padding-bottom-50 {
  padding-bottom: 50px !important;
}
.padding-left-50 {
  padding-left: 50px !important;
}
.padding-right-50 {
  padding-right: 50px !important;
}
.padding-50 {
  padding: 50px !important;
}
.padding-top-55 {
  padding-top: 55px !important;
}
.padding-bottom-55 {
  padding-bottom: 55px !important;
}
.padding-left-55 {
  padding-left: 55px !important;
}
.padding-right-55 {
  padding-right: 55px !important;
}
.padding-55 {
  padding: 55px !important;
}
.padding-top-60 {
  padding-top: 60px !important;
}
.padding-bottom-60 {
  padding-bottom: 60px !important;
}
.padding-left-60 {
  padding-left: 60px !important;
}
.padding-right-60 {
  padding-right: 60px !important;
}
.padding-60 {
  padding: 60px !important;
}
.padding-top-65 {
  padding-top: 65px !important;
}
.padding-bottom-65 {
  padding-bottom: 65px !important;
}
.padding-left-65 {
  padding-left: 65px !important;
}
.padding-right-65 {
  padding-right: 65px !important;
}
.padding-65 {
  padding: 65px !important;
}
.padding-top-70 {
  padding-top: 70px !important;
}
.padding-bottom-70 {
  padding-bottom: 70px !important;
}
.padding-left-70 {
  padding-left: 70px !important;
}
.padding-right-70 {
  padding-right: 70px !important;
}
.padding-70 {
  padding: 70px !important;
}
.padding-top-75 {
  padding-top: 75px !important;
}
.padding-bottom-75 {
  padding-bottom: 75px !important;
}
.padding-left-75 {
  padding-left: 75px !important;
}
.padding-right-75 {
  padding-right: 75px !important;
}
.padding-75 {
  padding: 75px !important;
}
.padding-top-80 {
  padding-top: 80px !important;
}
.padding-bottom-80 {
  padding-bottom: 80px !important;
}
.padding-left-80 {
  padding-left: 80px !important;
}
.padding-right-80 {
  padding-right: 80px !important;
}
.padding-80 {
  padding: 80px !important;
}
.padding-top-85 {
  padding-top: 85px !important;
}
.padding-bottom-85 {
  padding-bottom: 85px !important;
}
.padding-left-85 {
  padding-left: 85px !important;
}
.padding-right-85 {
  padding-right: 85px !important;
}
.padding-85 {
  padding: 85px !important;
}
.padding-top-90 {
  padding-top: 90px !important;
}
.padding-bottom-90 {
  padding-bottom: 90px !important;
}
.padding-left-90 {
  padding-left: 90px !important;
}
.padding-right-90 {
  padding-right: 90px !important;
}
.padding-90 {
  padding: 90px !important;
}
.padding-top-95 {
  padding-top: 95px !important;
}
.padding-bottom-95 {
  padding-bottom: 95px !important;
}
.padding-left-95 {
  padding-left: 95px !important;
}
.padding-right-95 {
  padding-right: 95px !important;
}
.padding-95 {
  padding: 95px !important;
}
.padding-top-100 {
  padding-top: 100px !important;
}
.padding-bottom-100 {
  padding-bottom: 100px !important;
}
.padding-left-100 {
  padding-left: 100px !important;
}
.padding-right-100 {
  padding-right: 100px !important;
}
.padding-100 {
  padding: 100px !important;
}
.padding-top-105 {
  padding-top: 105px !important;
}
.padding-bottom-105 {
  padding-bottom: 105px !important;
}
.padding-left-105 {
  padding-left: 105px !important;
}
.padding-right-105 {
  padding-right: 105px !important;
}
.padding-105 {
  padding: 105px !important;
}
.padding-top-110 {
  padding-top: 110px !important;
}
.padding-bottom-110 {
  padding-bottom: 110px !important;
}
.padding-left-110 {
  padding-left: 110px !important;
}
.padding-right-110 {
  padding-right: 110px !important;
}
.padding-110 {
  padding: 110px !important;
}
.padding-top-115 {
  padding-top: 115px !important;
}
.padding-bottom-115 {
  padding-bottom: 115px !important;
}
.padding-left-115 {
  padding-left: 115px !important;
}
.padding-right-115 {
  padding-right: 115px !important;
}
.padding-115 {
  padding: 115px !important;
}
.padding-top-120 {
  padding-top: 120px !important;
}
.padding-bottom-120 {
  padding-bottom: 120px !important;
}
.padding-left-120 {
  padding-left: 120px !important;
}
.padding-right-120 {
  padding-right: 120px !important;
}
.padding-120 {
  padding: 120px !important;
}
.padding-top-125 {
  padding-top: 125px !important;
}
.padding-bottom-125 {
  padding-bottom: 125px !important;
}
.padding-left-125 {
  padding-left: 125px !important;
}
.padding-right-125 {
  padding-right: 125px !important;
}
.padding-125 {
  padding: 125px !important;
}
.padding-top-130 {
  padding-top: 130px !important;
}
.padding-bottom-130 {
  padding-bottom: 130px !important;
}
.padding-left-130 {
  padding-left: 130px !important;
}
.padding-right-130 {
  padding-right: 130px !important;
}
.padding-130 {
  padding: 130px !important;
}
.padding-top-135 {
  padding-top: 135px !important;
}
.padding-bottom-135 {
  padding-bottom: 135px !important;
}
.padding-left-135 {
  padding-left: 135px !important;
}
.padding-right-135 {
  padding-right: 135px !important;
}
.padding-135 {
  padding: 135px !important;
}
.padding-top-140 {
  padding-top: 140px !important;
}
.padding-bottom-140 {
  padding-bottom: 140px !important;
}
.padding-left-140 {
  padding-left: 140px !important;
}
.padding-right-140 {
  padding-right: 140px !important;
}
.padding-140 {
  padding: 140px !important;
}
.padding-top-145 {
  padding-top: 145px !important;
}
.padding-bottom-145 {
  padding-bottom: 145px !important;
}
.padding-left-145 {
  padding-left: 145px !important;
}
.padding-right-145 {
  padding-right: 145px !important;
}
.padding-145 {
  padding: 145px !important;
}
.padding-top-150 {
  padding-top: 150px !important;
}
.padding-bottom-150 {
  padding-bottom: 150px !important;
}
.padding-left-150 {
  padding-left: 150px !important;
}
.padding-right-150 {
  padding-right: 150px !important;
}
.padding-150 {
  padding: 150px !important;
}
/** Amplades *******/
.width-5 {
  width: 5px;
}
.width-10 {
  width: 10px;
}
.width-15 {
  width: 15px;
}
.width-20 {
  width: 20px;
}
.width-25 {
  width: 25px;
}
.width-30 {
  width: 30px;
}
.width-35 {
  width: 35px;
}
.width-40 {
  width: 40px;
}
.width-45 {
  width: 45px;
}
.width-50 {
  width: 50px;
}
.width-60 {
  width: 60px;
}
.width-70 {
  width: 70px;
}
.width-75 {
  width: 75px;
}
.width-80 {
  width: 80px;
}
.width-90 {
  width: 90px;
}
.width-100 {
  width: 100px !important;
}
.width-110 {
  width: 110px;
}
.width-120 {
  width: 120px;
}
.width-125 {
  width: 125px;
}
.width-130 {
  width: 130px;
}
.width-140 {
  width: 140px;
}
.width-150 {
  width: 150px;
}
.width-160 {
  width: 160px;
}
.width-170 {
  width: 170px;
}
.width-175 {
  width: 175px;
}
.width-180 {
  width: 180px;
}
.width-190 {
  width: 190px;
}
.width-200 {
  width: 200px;
}
.width-210 {
  width: 210px;
}
.width-220 {
  width: 220px;
}
.width-225 {
  width: 225px;
}
.width-230 {
  width: 230px;
}
.width-240 {
  width: 240px;
}
.width-250 {
  width: 250px;
}
.width-260 {
  width: 260px;
}
.width-270 {
  width: 270px;
}
.width-275 {
  width: 275px;
}
.width-280 {
  width: 280px;
}
.width-290 {
  width: 290px;
}
.width-300 {
  width: 300px;
}
.width-310 {
  width: 310px;
}
.width-320 {
  width: 320px;
}
.width-325 {
  width: 325px;
}
.width-330 {
  width: 330px;
}
.width-340 {
  width: 340px;
}
.width-350 {
  width: 350px;
}
.width-360 {
  width: 360px;
}
.width-370 {
  width: 370px;
}
.width-375 {
  width: 375px;
}
.width-380 {
  width: 380px;
}
.width-390 {
  width: 390px;
}
.height-5 {
  height: 5px;
}
.height-10 {
  height: 10px;
}
.height-15 {
  height: 15px;
}
.height-20 {
  height: 20px;
}
.height-25 {
  height: 25px;
}
.height-30 {
  height: 30px;
}
.height-35 {
  height: 35px;
}
.height-40 {
  height: 40px;
}
.height-45 {
  height: 45px;
}
.height-50 {
  height: 50px;
}
.height-60 {
  height: 60px;
}
.height-70 {
  height: 70px;
}
.height-75 {
  height: 75px;
}
.height-80 {
  height: 80px;
}
.height-90 {
  height: 90px;
}
.height-100 {
  height: 100px;
}
.height-110 {
  height: 110px;
}
.height-120 {
  height: 120px;
}
.height-125 {
  height: 125px;
}
.height-130 {
  height: 130px;
}
.height-140 {
  height: 140px;
}
.height-150 {
  height: 150px;
}
.height-160 {
  height: 160px;
}
.height-170 {
  height: 170px;
}
.height-175 {
  height: 175px;
}
.height-180 {
  height: 180px;
}
.height-190 {
  height: 190px;
}
.height-200 {
  height: 200px;
}
.height-210 {
  height: 210px;
}
.height-220 {
  height: 220px;
}
.height-225 {
  height: 225px;
}
.height-230 {
  height: 230px;
}
.height-240 {
  height: 240px;
}
.height-250 {
  height: 250px;
}
.height-260 {
  height: 260px;
}
.height-270 {
  height: 270px;
}
.height-275 {
  height: 275px;
}
.height-280 {
  height: 280px;
}
.height-290 {
  height: 290px;
}
.height-300 {
  height: 300px;
}
.height-310 {
  height: 310px;
}
.height-320 {
  height: 320px;
}
.height-325 {
  height: 325px;
}
.height-330 {
  height: 330px;
}
.height-340 {
  height: 340px;
}
.height-350 {
  height: 350px;
}
.height-360 {
  height: 360px;
}
.height-370 {
  height: 370px;
}
.height-375 {
  height: 375px;
}
.height-380 {
  height: 380px;
}
.height-390 {
  height: 390px;
}
.width-p-100 {
  width: 100%;
}
.width-p-75 {
  width: 75%;
}
.width-p-50 {
  width: 50%;
}
.width-p-33 {
  width: 33%;
}
.width-p-25 {
  width: 25%;
}
/*** FI AD3 Framework *************************************************/
.font-size-8 {
  font-size: 8px !important;
}
.font-size-9 {
  font-size: 9px !important;
}
.font-size-10 {
  font-size: 10px !important;
}
.font-size-11 {
  font-size: 11px !important;
}
.font-size-12 {
  font-size: 12px !important;
}
.font-size-13 {
  font-size: 13px !important;
}
.font-size-14 {
  font-size: 14px !important;
}
.font-size-15 {
  font-size: 15px !important;
}
.font-size-16 {
  font-size: 16px !important;
}
.font-size-17 {
  font-size: 17px !important;
}
.font-size-19 {
  font-size: 18px !important;
}
.font-size-19 {
  font-size: 19px !important;
}
.font-size-20 {
  font-size: 20px !important;
}
.font-size-21 {
  font-size: 21px !important;
}
.font-size-22 {
  font-size: 22px !important;
}
.font-size-23 {
  font-size: 23px !important;
}
.font-size-24 {
  font-size: 24px !important;
}
.font-size-25 {
  font-size: 25px !important;
}
.font-size-26 {
  font-size: 26px !important;
}
.font-size-27 {
  font-size: 27px !important;
}
.font-size-28 {
  font-size: 28px !important;
}
.font-size-29 {
  font-size: 29px !important;
}
.font-size-30 {
  font-size: 30px !important;
}
.font-normal {
  font-weight: normal;
}
/***********************************************************************/
.missatge-ok {
  color: #00B22D !important;
  font-weight: 400;
  padding: 10px 0px 10px 10px;
  font-size: 16px;
  border: 1px solid #00B22D !important;
}
.missatge-error {
  color: red !important;
  font-weight: 400;
  padding: 10px 0px 10px 10px;
  font-size: 16px;
  border: 1px solid red !important;
}
/*** Mides en percentatge ***/
.mida-10-p {
  width: 10% !important;
}
.mida-25-p {
  width: 25% !important;
}
.mida-33-p {
  width: 33% !important;
}
.mida-50-p {
  width: 50% !important;
}
.mida-66-p {
  width: 66% !important;
}
.mida-75-p {
  width: 75% !important;
}
.mida-100-p {
  width: 100% !important;
}
/**** xxs ****/
@media (max-width: 520px) {
  .hidden-xxs {
    display: none !important;
  }
}
.visible-xxs {
  display: none !important;
}
.visible-xxs-block,
.visible-xxs-inline,
.visible-xxs-inline-block {
  display: none !important;
}
@media (max-width: 520px) {
  .visible-xxs {
    display: block !important;
  }
  table.visible-xxs {
    display: table !important;
  }
  tr.visible-xxs {
    display: table-row !important;
  }
  th.visible-xxs,
  td.visible-xxs {
    display: table-cell !important;
  }
}
@media (max-width: 520px) {
  .visible-xxs-block {
    display: block !important;
  }
}
@media (max-width: 520px) {
  .visible-xxs-inline {
    display: inline !important;
  }
}
@media (max-width: 520px) {
  .visible-xxs-inline-block {
    display: inline-block !important;
  }
}
/************** Modificacions a bootstrap **************************************************************************************************/
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  margin: 0;
  padding: 0;
}
/************** Modificacions a bootstrap interior **************************************************************************************************/
.row_int .col-xs-1,
.row_int .col-xs-2,
.row_int .col-xs-3,
.row_int .col-xs-4,
.row_int .col-xs-5,
.row_int .col-xs-6,
.row_int .col-xs-7,
.row_int .col-xs-8,
.row_int .col-xs-9,
.row_int .col-xs-10,
.row_int .col-xs-11,
.row_int .col-xs-12,
.row_int .col-sm-1,
.row_int .col-sm-2,
.row_int .col-sm-3,
.row_int .col-sm-4,
.row_int .col-sm-5,
.row_int .col-sm-6,
.row_int .col-sm-7,
.row_int .col-sm-8,
.row_int .col-sm-9,
.row_int .col-sm-10,
.row_int .col-sm-11,
.row_int .col-sm-12,
.row_int .col-md-1,
.row_int .col-md-2,
.row_int .col-md-3,
.row_int .col-md-4,
.row_int .col-md-5,
.row_int .col-md-6,
.row_int .col-md-7,
.row_int .col-md-8,
.row_int .col-md-9,
.row_int .col-md-10,
.row_int .col-md-11,
.row_int .col-md-12,
.row_int .col-lg-1,
.row_int .col-lg-2,
.row_int .col-lg-3,
.row_int .col-lg-4,
.row_int .col-lg-5,
.row_int .col-lg-6,
.row_int .col-lg-7,
.row_int .col-lg-8,
.row_int .col-lg-9,
.row_int .col-lg-10,
.row_int .col-lg-11,
.row_int .col-lg-12 {
  padding-left: 0px;
  padding-right: 0px;
}
.row_int {
  margin: 0;
  padding: 0;
}
small {
  font-size: 14px;
  line-height: 100% !important;
}
.sweet-alert h2 {
  font-size: 19px !important;
  line-height: 125% !important;
  font-weight: 400;
  color: #333333;
}
/*!
 * Hover.css (http://ianlunn.github.io/Hover/)
 * Version: 2.1.1
 * Author: Ian Lunn @IanLunn
 * Author URL: http://ianlunn.co.uk/
 * Github: https://github.com/IanLunn/Hover

 * Made available under a MIT License:
 * http://www.opensource.org/licenses/mit-license.php

 * Hover.css Copyright Ian Lunn 2014. Generated with LESS.
 */
/* 2D TRANSITIONS */
/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* Shrink */
.hvr-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-shrink:hover,
.hvr-shrink:focus,
.hvr-shrink:active {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
/* Pulse */
@-webkit-keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse {
  25% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
  75% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse:hover,
.hvr-pulse:focus,
.hvr-pulse:active {
  -webkit-animation-name: hvr-pulse;
  animation-name: hvr-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Pulse Grow */
@-webkit-keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
@keyframes hvr-pulse-grow {
  to {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.hvr-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-grow:hover,
.hvr-pulse-grow:focus,
.hvr-pulse-grow:active {
  -webkit-animation-name: hvr-pulse-grow;
  animation-name: hvr-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* Pulse Shrink */
@-webkit-keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes hvr-pulse-shrink {
  to {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}
.hvr-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pulse-shrink:hover,
.hvr-pulse-shrink:focus,
.hvr-pulse-shrink:active {
  -webkit-animation-name: hvr-pulse-shrink;
  animation-name: hvr-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* Push */
@-webkit-keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes hvr-push {
  50% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.hvr-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-push:hover,
.hvr-push:focus,
.hvr-push:active {
  -webkit-animation-name: hvr-push;
  animation-name: hvr-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Pop */
@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
}
.hvr-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-pop:hover,
.hvr-pop:focus,
.hvr-pop:active {
  -webkit-animation-name: hvr-pop;
  animation-name: hvr-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Bounce In */
.hvr-bounce-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-in:hover,
.hvr-bounce-in:focus,
.hvr-bounce-in:active {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Bounce Out */
.hvr-bounce-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-out:hover,
.hvr-bounce-out:focus,
.hvr-bounce-out:active {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-rotate:hover,
.hvr-rotate:focus,
.hvr-rotate:active {
  -webkit-transform: rotate(4deg);
  transform: rotate(4deg);
}
/* Grow Rotate */
.hvr-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow-rotate:hover,
.hvr-grow-rotate:focus,
.hvr-grow-rotate:active {
  -webkit-transform: scale(1.1) rotate(4deg);
  transform: scale(1.1) rotate(4deg);
}
/* Float */
.hvr-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-float:hover,
.hvr-float:focus,
.hvr-float:active {
  -webkit-transform: translateY(-8px);
  transform: translateY(-8px);
}
/* Sink */
.hvr-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sink:hover,
.hvr-sink:focus,
.hvr-sink:active {
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}
/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-bob:hover,
.hvr-bob:focus,
.hvr-bob:active {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Hang */
@-webkit-keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang {
  0% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  50% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@-webkit-keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
@keyframes hvr-hang-sink {
  100% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
}
.hvr-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-hang:hover,
.hvr-hang:focus,
.hvr-hang:active {
  -webkit-animation-name: hvr-hang-sink, hvr-hang;
  animation-name: hvr-hang-sink, hvr-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Skew */
.hvr-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-skew:hover,
.hvr-skew:focus,
.hvr-skew:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}
/* Skew Forward */
.hvr-skew-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-forward:hover,
.hvr-skew-forward:focus,
.hvr-skew-forward:active {
  -webkit-transform: skew(-10deg);
  transform: skew(-10deg);
}
/* Skew Backward */
.hvr-skew-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-skew-backward:hover,
.hvr-skew-backward:focus,
.hvr-skew-backward:active {
  -webkit-transform: skew(10deg);
  transform: skew(10deg);
}
/* Wobble Vertical */
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }
  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-vertical:hover,
.hvr-wobble-vertical:focus,
.hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Horizontal */
@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }
  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-horizontal:hover,
.hvr-wobble-horizontal:focus,
.hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble To Bottom Right */
@-webkit-keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-bottom-right {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-to-bottom-right:hover,
.hvr-wobble-to-bottom-right:focus,
.hvr-wobble-to-bottom-right:active {
  -webkit-animation-name: hvr-wobble-to-bottom-right;
  animation-name: hvr-wobble-to-bottom-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble To Top Right */
@-webkit-keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes hvr-wobble-to-top-right {
  16.65% {
    -webkit-transform: translate(8px, -8px);
    transform: translate(8px, -8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, 6px);
    transform: translate(-6px, 6px);
  }
  49.95% {
    -webkit-transform: translate(4px, -4px);
    transform: translate(4px, -4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, 2px);
    transform: translate(-2px, 2px);
  }
  83.25% {
    -webkit-transform: translate(1px, -1px);
    transform: translate(1px, -1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.hvr-wobble-to-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-to-top-right:hover,
.hvr-wobble-to-top-right:focus,
.hvr-wobble-to-top-right:active {
  -webkit-animation-name: hvr-wobble-to-top-right;
  animation-name: hvr-wobble-to-top-right;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Top */
@-webkit-keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-top {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.hvr-wobble-top:hover,
.hvr-wobble-top:focus,
.hvr-wobble-top:active {
  -webkit-animation-name: hvr-wobble-top;
  animation-name: hvr-wobble-top;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Bottom */
@-webkit-keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-bottom {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover,
.hvr-wobble-bottom:focus,
.hvr-wobble-bottom:active {
  -webkit-animation-name: hvr-wobble-bottom;
  animation-name: hvr-wobble-bottom;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Wobble Skew */
@-webkit-keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
@keyframes hvr-wobble-skew {
  16.65% {
    -webkit-transform: skew(-12deg);
    transform: skew(-12deg);
  }
  33.3% {
    -webkit-transform: skew(10deg);
    transform: skew(10deg);
  }
  49.95% {
    -webkit-transform: skew(-6deg);
    transform: skew(-6deg);
  }
  66.6% {
    -webkit-transform: skew(4deg);
    transform: skew(4deg);
  }
  83.25% {
    -webkit-transform: skew(-2deg);
    transform: skew(-2deg);
  }
  100% {
    -webkit-transform: skew(0);
    transform: skew(0);
  }
}
.hvr-wobble-skew {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-wobble-skew:hover,
.hvr-wobble-skew:focus,
.hvr-wobble-skew:active {
  -webkit-animation-name: hvr-wobble-skew;
  animation-name: hvr-wobble-skew;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Buzz */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz:hover,
.hvr-buzz:focus,
.hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Buzz Out */
@-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.hvr-buzz-out:hover,
.hvr-buzz-out:focus,
.hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Forward */
.hvr-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-forward:hover,
.hvr-forward:focus,
.hvr-forward:active {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}
/* Backward */
.hvr-backward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-backward:hover,
.hvr-backward:focus,
.hvr-backward:active {
  -webkit-transform: translateX(-8px);
  transform: translateX(-8px);
}
/* BACKGROUND TRANSITIONS */
/* Fade */
.hvr-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
.hvr-fade:hover,
.hvr-fade:focus,
.hvr-fade:active {
  background-color: #2098d1;
  color: white;
}
/* Back Pulse */
@-webkit-keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
@keyframes hvr-back-pulse {
  50% {
    background-color: rgba(32, 152, 209, 0.75);
  }
}
.hvr-back-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  overflow: hidden;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: "color, background-color";
  transition-property: "color, background-color";
}
.hvr-back-pulse:hover,
.hvr-back-pulse:focus,
.hvr-back-pulse:active {
  -webkit-animation-name: hvr-back-pulse;
  animation-name: hvr-back-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-delay: 0.5s;
  animation-delay: 0.5s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  background-color: #2098d1;
  color: white;
}
/* Sweep To Right */
.hvr-sweep-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover,
.hvr-sweep-to-right:focus,
.hvr-sweep-to-right:active {
  color: white;
}
.hvr-sweep-to-right:hover:before,
.hvr-sweep-to-right:focus:before,
.hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* Sweep To Left */
.hvr-sweep-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover,
.hvr-sweep-to-left:focus,
.hvr-sweep-to-left:active {
  color: white;
}
.hvr-sweep-to-left:hover:before,
.hvr-sweep-to-left:focus:before,
.hvr-sweep-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* Sweep To Bottom */
.hvr-sweep-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover,
.hvr-sweep-to-bottom:focus,
.hvr-sweep-to-bottom:active {
  color: white;
}
.hvr-sweep-to-bottom:hover:before,
.hvr-sweep-to-bottom:focus:before,
.hvr-sweep-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/* Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover,
.hvr-sweep-to-top:focus,
.hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before,
.hvr-sweep-to-top:focus:before,
.hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/* Bounce To Right */
.hvr-bounce-to-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover,
.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active {
  color: white;
}
.hvr-bounce-to-right:hover:before,
.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Left */
.hvr-bounce-to-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover,
.hvr-bounce-to-left:focus,
.hvr-bounce-to-left:active {
  color: white;
}
.hvr-bounce-to-left:hover:before,
.hvr-bounce-to-left:focus:before,
.hvr-bounce-to-left:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Bottom */
.hvr-bounce-to-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover,
.hvr-bounce-to-bottom:focus,
.hvr-bounce-to-bottom:active {
  color: white;
}
.hvr-bounce-to-bottom:hover:before,
.hvr-bounce-to-bottom:focus:before,
.hvr-bounce-to-bottom:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Bounce To Top */
.hvr-bounce-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover,
.hvr-bounce-to-top:focus,
.hvr-bounce-to-top:active {
  color: white;
}
.hvr-bounce-to-top:hover:before,
.hvr-bounce-to-top:focus:before,
.hvr-bounce-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Radial Out */
.hvr-radial-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  border-radius: 100%;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-out:hover,
.hvr-radial-out:focus,
.hvr-radial-out:active {
  color: white;
}
.hvr-radial-out:hover:before,
.hvr-radial-out:focus:before,
.hvr-radial-out:active:before {
  -webkit-transform: scale(2);
  transform: scale(2);
}
/* Radial In */
.hvr-radial-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-radial-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  border-radius: 100%;
  -webkit-transform: scale(2);
  transform: scale(2);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-radial-in:hover,
.hvr-radial-in:focus,
.hvr-radial-in:active {
  color: white;
}
.hvr-radial-in:hover:before,
.hvr-radial-in:focus:before,
.hvr-radial-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}
/* Rectangle In */
.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #e1e1e1;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover,
.hvr-rectangle-in:focus,
.hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before,
.hvr-rectangle-in:focus:before,
.hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}
/* Rectangle Out */
.hvr-rectangle-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  -webkit-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover,
.hvr-rectangle-out:focus,
.hvr-rectangle-out:active {
  color: white;
}
.hvr-rectangle-out:hover:before,
.hvr-rectangle-out:focus:before,
.hvr-rectangle-out:active:before {
  -webkit-transform: scale(1);
  transform: scale(1);
}
/* Shutter In Horizontal */
.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover,
.hvr-shutter-in-horizontal:focus,
.hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before,
.hvr-shutter-in-horizontal:focus:before,
.hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}
/* Shutter Out Horizontal */
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover,
.hvr-shutter-out-horizontal:focus,
.hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before,
.hvr-shutter-out-horizontal:focus:before,
.hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
/* Shutter In Vertical */
.hvr-shutter-in-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #e1e1e1;
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover,
.hvr-shutter-in-vertical:focus,
.hvr-shutter-in-vertical:active {
  color: white;
}
.hvr-shutter-in-vertical:hover:before,
.hvr-shutter-in-vertical:focus:before,
.hvr-shutter-in-vertical:active:before {
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
}
/* Shutter Out Vertical */
.hvr-shutter-out-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover,
.hvr-shutter-out-vertical:focus,
.hvr-shutter-out-vertical:active {
  color: white;
}
.hvr-shutter-out-vertical:hover:before,
.hvr-shutter-out-vertical:focus:before,
.hvr-shutter-out-vertical:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
/* BORDER TRANSITIONS */
/* Border Fade */
.hvr-border-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-border-fade:hover,
.hvr-border-fade:focus,
.hvr-border-fade:active {
  box-shadow: inset 0 0 0 4px #2098d1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
/* Hollow */
.hvr-hollow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: background;
  transition-property: background;
  box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-hollow:hover,
.hvr-hollow:focus,
.hvr-hollow:active {
  background: none;
}
/* Trim */
.hvr-trim {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-trim:before {
  content: '';
  position: absolute;
  border: #ffffff solid 4px;
  top: 4px;
  left: 4px;
  right: 4px;
  bottom: 4px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-trim:hover:before,
.hvr-trim:focus:before,
.hvr-trim:active:before {
  opacity: 1;
}
/* Ripple Out */
@-webkit-keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
@keyframes hvr-ripple-out {
  100% {
    top: -12px;
    right: -12px;
    bottom: -12px;
    left: -12px;
    opacity: 0;
  }
}
.hvr-ripple-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-ripple-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 6px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-out:hover:before,
.hvr-ripple-out:focus:before,
.hvr-ripple-out:active:before {
  -webkit-animation-name: hvr-ripple-out;
  animation-name: hvr-ripple-out;
}
/* Ripple In */
@-webkit-keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
@keyframes hvr-ripple-in {
  100% {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
  }
}
.hvr-ripple-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-ripple-in:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -12px;
  right: -12px;
  bottom: -12px;
  left: -12px;
  opacity: 0;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.hvr-ripple-in:hover:before,
.hvr-ripple-in:focus:before,
.hvr-ripple-in:active:before {
  -webkit-animation-name: hvr-ripple-in;
  animation-name: hvr-ripple-in;
}
/* Outline Out */
.hvr-outline-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-outline-out:before {
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: "top, right, bottom, left";
  transition-property: "top, right, bottom, left";
}
.hvr-outline-out:hover:before,
.hvr-outline-out:focus:before,
.hvr-outline-out:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
}
/* Outline In */
.hvr-outline-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-outline-in:before {
  pointer-events: none;
  content: '';
  position: absolute;
  border: #e1e1e1 solid 4px;
  top: -16px;
  right: -16px;
  bottom: -16px;
  left: -16px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: "top, right, bottom, left";
  transition-property: "top, right, bottom, left";
}
.hvr-outline-in:hover:before,
.hvr-outline-in:focus:before,
.hvr-outline-in:active:before {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  opacity: 1;
}
/* Round Corners */
.hvr-round-corners {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: border-radius;
  transition-property: border-radius;
}
.hvr-round-corners:hover,
.hvr-round-corners:focus,
.hvr-round-corners:active {
  border-radius: 1em;
}
/* Underline From Left */
.hvr-underline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: "right";
  transition-property: "right";
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before,
.hvr-underline-from-left:focus:before,
.hvr-underline-from-left:active:before {
  right: 0;
}
/* Underline From Center */
.hvr-underline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: "left, right";
  transition-property: "left, right";
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:active:before {
  left: 0;
  right: 0;
}
/* Underline From Right */
.hvr-underline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: "left";
  transition-property: "left";
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before,
.hvr-underline-from-right:focus:before,
.hvr-underline-from-right:active:before {
  left: 0;
}
/* Overline From Left */
.hvr-overline-from-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-left:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 100%;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: "right";
  transition-property: "right";
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before,
.hvr-overline-from-left:focus:before,
.hvr-overline-from-left:active:before {
  right: 0;
}
/* Overline From Center */
.hvr-overline-from-center {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-center:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  right: 50%;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: "left, right";
  transition-property: "left, right";
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before,
.hvr-overline-from-center:focus:before,
.hvr-overline-from-center:active:before {
  left: 0;
  right: 0;
}
/* Overline From Right */
.hvr-overline-from-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-from-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 100%;
  right: 0;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transition-property: "left";
  transition-property: "left";
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before,
.hvr-overline-from-right:focus:before,
.hvr-overline-from-right:active:before {
  left: 0;
}
/* Reveal */
.hvr-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  border-color: #2098d1;
  border-style: solid;
  border-width: 0;
  -webkit-transition-property: border-width;
  transition-property: border-width;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-reveal:hover:before,
.hvr-reveal:focus:before,
.hvr-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  border-width: 4px;
}
/* Underline Reveal */
.hvr-underline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-underline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before,
.hvr-underline-reveal:focus:before,
.hvr-underline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* Overline Reveal */
.hvr-overline-reveal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  overflow: hidden;
}
.hvr-overline-reveal:before {
  content: "";
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
  top: 0;
  background: #2098d1;
  height: 4px;
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before,
.hvr-overline-reveal:focus:before,
.hvr-overline-reveal:active:before {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
/* SHADOW/GLOW TRANSITIONS */
/* Glow */
.hvr-glow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-glow:hover,
.hvr-glow:focus,
.hvr-glow:active {
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
/* Shadow */
.hvr-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-shadow:hover,
.hvr-shadow:focus,
.hvr-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
}
/* Grow Shadow */
.hvr-grow-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: "box-shadow, transform";
  transition-property: "box-shadow, transform";
}
.hvr-grow-shadow:hover,
.hvr-grow-shadow:focus,
.hvr-grow-shadow:active {
  box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
/* Box Shadow Outset */
.hvr-box-shadow-outset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover,
.hvr-box-shadow-outset:focus,
.hvr-box-shadow-outset:active {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
/* Box Shadow Inset */
.hvr-box-shadow-inset {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: box-shadow;
  transition-property: box-shadow;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
.hvr-box-shadow-inset:hover,
.hvr-box-shadow-inset:focus,
.hvr-box-shadow-inset:active {
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px rgba(0, 0, 0, 0);
  /* Hack to improve aliasing on mobile/tablet devices */
}
/* Float Shadow */
.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: "transform, opacity";
  transition-property: "transform, opacity";
}
.hvr-float-shadow:hover,
.hvr-float-shadow:focus,
.hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before,
.hvr-float-shadow:focus:before,
.hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}
/* Shadow Radial */
.hvr-show-radial {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-show-radial:before,
.hvr-show-radial:after {
  pointer-events: none;
  position: absolute;
  content: '';
  left: 0;
  width: 100%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  height: 5px;
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.hvr-show-radial:before {
  bottom: 100%;
  background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-show-radial:after {
  top: 100%;
  background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 80%);
}
.hvr-show-radial:hover:before,
.hvr-show-radial:focus:before,
.hvr-show-radial:active:before,
.hvr-show-radial:hover:after,
.hvr-show-radial:focus:after,
.hvr-show-radial:active:after {
  opacity: 1;
}
/* SPEECH BUBBLES */
/* Bubble Top */
.hvr-bubble-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-top:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  top: 0;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before,
.hvr-bubble-top:focus:before,
.hvr-bubble-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
/* Bubble Right */
.hvr-bubble-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-right:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  right: 0;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before,
.hvr-bubble-right:focus:before,
.hvr-bubble-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
/* Bubble Bottom */
.hvr-bubble-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-bottom:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  left: calc(50% - 10px);
  bottom: 0;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before,
.hvr-bubble-bottom:focus:before,
.hvr-bubble-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
/* Bubble Left */
.hvr-bubble-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-bubble-left:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  border-style: solid;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  top: calc(50% - 10px);
  left: 0;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before,
.hvr-bubble-left:focus:before,
.hvr-bubble-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
/* Bubble Float Top */
.hvr-bubble-float-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  top: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #e1e1e1 transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-top:hover,
.hvr-bubble-float-top:focus,
.hvr-bubble-float-top:active {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before,
.hvr-bubble-float-top:focus:before,
.hvr-bubble-float-top:active:before {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
/* Bubble Float Right */
.hvr-bubble-float-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:before {
  position: absolute;
  z-index: -1;
  top: calc(50% - 10px);
  right: 0;
  content: '';
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-color: transparent transparent transparent #e1e1e1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-right:hover,
.hvr-bubble-float-right:focus,
.hvr-bubble-float-right:active {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before,
.hvr-bubble-float-right:focus:before,
.hvr-bubble-float-right:active:before {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
/* Bubble Float Bottom */
.hvr-bubble-float-bottom {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: calc(50% - 10px);
  bottom: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #e1e1e1 transparent transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-bottom:hover,
.hvr-bubble-float-bottom:focus,
.hvr-bubble-float-bottom:active {
  -webkit-transform: translateY(-10px);
  transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before,
.hvr-bubble-float-bottom:focus:before,
.hvr-bubble-float-bottom:active:before {
  -webkit-transform: translateY(10px);
  transform: translateY(10px);
}
/* Bubble Float Left */
.hvr-bubble-float-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:before {
  position: absolute;
  z-index: -1;
  content: '';
  top: calc(50% - 10px);
  left: 0;
  border-style: solid;
  border-width: 10px 10px 10px 0;
  border-color: transparent #e1e1e1 transparent transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-bubble-float-left:hover,
.hvr-bubble-float-left:focus,
.hvr-bubble-float-left:active {
  -webkit-transform: translateX(10px);
  transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before,
.hvr-bubble-float-left:focus:before,
.hvr-bubble-float-left:active:before {
  -webkit-transform: translateX(-10px);
  transform: translateX(-10px);
}
/* ICONS */
/* Icon Back */
.hvr-icon-back {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-left: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-back:before {
  content: "\f137";
  position: absolute;
  left: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-back:hover:before,
.hvr-icon-back:focus:before,
.hvr-icon-back:active:before {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}
/* Icon Forward */
.hvr-icon-forward {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.hvr-icon-forward:before {
  content: "\f138";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before,
.hvr-icon-forward:focus:before,
.hvr-icon-forward:active:before {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}
/* Icon Down */
@-webkit-keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-down {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
/* Icon Down */
.hvr-icon-down {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-down:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-down:hover:before,
.hvr-icon-down:focus:before,
.hvr-icon-down:active:before {
  -webkit-animation-name: hvr-icon-down;
  animation-name: hvr-icon-down;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* Icon Up */
@-webkit-keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-up {
  0%,
  50%,
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  25%,
  75% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
/* Icon Up */
.hvr-icon-up {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-up:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-up:hover:before,
.hvr-icon-up:focus:before,
.hvr-icon-up:active:before {
  -webkit-animation-name: hvr-icon-up;
  animation-name: hvr-icon-up;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* Icon Spin */
.hvr-icon-spin {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-spin:before {
  content: "\f021";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transition-duration: 1s;
  transition-duration: 1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover:before,
.hvr-icon-spin:focus:before,
.hvr-icon-spin:active:before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
/* Icon Drop */
@-webkit-keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
  100% {
    opacity: 1;
  }
}
@keyframes hvr-icon-drop {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  51%,
  100% {
    opacity: 1;
  }
}
/* Icon Drop */
.hvr-icon-drop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-drop:before {
  content: "\f041";
  position: absolute;
  right: 1em;
  opacity: 1;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-drop:hover:before,
.hvr-icon-drop:focus:before,
.hvr-icon-drop:active:before {
  opacity: 0;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-name: hvr-icon-drop;
  animation-name: hvr-icon-drop;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
  animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
}
/* Icon Fade */
.hvr-icon-fade {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-fade:before {
  content: "\f00c";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: color;
  transition-property: color;
}
.hvr-icon-fade:hover:before,
.hvr-icon-fade:focus:before,
.hvr-icon-fade:active:before {
  color: #0F9E5E;
}
/* Icon Float Away */
@-webkit-keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
@keyframes hvr-icon-float-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(-1em);
    transform: translateY(-1em);
  }
}
/* Icon Float Away */
.hvr-icon-float-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-float-away:before,
.hvr-icon-float-away:after {
  content: "\f055";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
}
.hvr-icon-float-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover:after,
.hvr-icon-float-away:focus:after,
.hvr-icon-float-away:active:after {
  -webkit-animation-name: hvr-icon-float-away;
  animation-name: hvr-icon-float-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* Icon Sink Away */
@-webkit-keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
@keyframes hvr-icon-sink-away {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(1em);
    transform: translateY(1em);
  }
}
/* Icon Sink Away */
.hvr-icon-sink-away {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-sink-away:before,
.hvr-icon-sink-away:after {
  content: "\f056";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-sink-away:after {
  opacity: 0;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover:after,
.hvr-icon-sink-away:focus:after,
.hvr-icon-sink-away:active:after {
  -webkit-animation-name: hvr-icon-sink-away;
  animation-name: hvr-icon-sink-away;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}
/* Icon Grow */
.hvr-icon-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow:before {
  content: "\f118";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow:hover:before,
.hvr-icon-grow:focus:before,
.hvr-icon-grow:active:before {
  -webkit-transform: scale(1.3) translateZ(0);
  transform: scale(1.3) translateZ(0);
}
/* Icon Shrink */
.hvr-icon-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-shrink:before {
  content: "\f119";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-shrink:hover:before,
.hvr-icon-shrink:focus:before,
.hvr-icon-shrink:active:before {
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}
/* Icon Pulse */
@-webkit-keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse {
  25% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
  75% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover:before,
.hvr-icon-pulse:focus:before,
.hvr-icon-pulse:active:before {
  -webkit-animation-name: hvr-icon-pulse;
  animation-name: hvr-icon-pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Icon Pulse Grow */
@-webkit-keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
@keyframes hvr-icon-pulse-grow {
  to {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.hvr-icon-pulse-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse-grow:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover:before,
.hvr-icon-pulse-grow:focus:before,
.hvr-icon-pulse-grow:active:before {
  -webkit-animation-name: hvr-icon-pulse-grow;
  animation-name: hvr-icon-pulse-grow;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* Icon Pulse Shrink */
@-webkit-keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
@keyframes hvr-icon-pulse-shrink {
  to {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
}
.hvr-icon-pulse-shrink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
}
.hvr-icon-pulse-shrink:before {
  content: "\f015";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover:before,
.hvr-icon-pulse-shrink:focus:before,
.hvr-icon-pulse-shrink:active:before {
  -webkit-animation-name: hvr-icon-pulse-shrink;
  animation-name: hvr-icon-pulse-shrink;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  animation-direction: alternate;
}
/* Icon Push */
@-webkit-keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
@keyframes hvr-icon-push {
  50% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
}
.hvr-icon-push {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-push:before {
  content: "\f006";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-push:hover:before,
.hvr-icon-push:focus:before,
.hvr-icon-push:active:before {
  -webkit-animation-name: hvr-icon-push;
  animation-name: hvr-icon-push;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Icon Pop */
@-webkit-keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
@keyframes hvr-icon-pop {
  50% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
}
.hvr-icon-pop {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-pop:before {
  content: "\f005";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-pop:hover:before,
.hvr-icon-pop:focus:before,
.hvr-icon-pop:active:before {
  -webkit-animation-name: hvr-icon-pop;
  animation-name: hvr-icon-pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Icon Bounce */
.hvr-icon-bounce {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bounce:before {
  content: "\f087";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover:before,
.hvr-icon-bounce:focus:before,
.hvr-icon-bounce:active:before {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
  transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
}
/* Icon Rotate */
.hvr-icon-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-rotate:before {
  content: "\f0c6";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover:before,
.hvr-icon-rotate:focus:before,
.hvr-icon-rotate:active:before {
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}
/* Icon Grow Rotate */
.hvr-icon-grow-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-grow-rotate:before {
  content: "\f095";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-grow-rotate:hover:before,
.hvr-icon-grow-rotate:focus:before,
.hvr-icon-grow-rotate:active:before {
  -webkit-transform: scale(1.5) rotate(12deg);
  transform: scale(1.5) rotate(12deg);
}
/* Icon Float */
.hvr-icon-float {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-float:before {
  content: "\f01b";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-float:hover:before,
.hvr-icon-float:focus:before,
.hvr-icon-float:active:before {
  -webkit-transform: translateY(-4px);
  transform: translateY(-4px);
}
/* Icon Sink */
.hvr-icon-sink {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-sink:before {
  content: "\f01a";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-icon-sink:hover:before,
.hvr-icon-sink:focus:before,
.hvr-icon-sink:active:before {
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
/* Icon Bob */
@-webkit-keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob {
  0% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
  50% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@-webkit-keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
@keyframes hvr-icon-bob-float {
  100% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}
.hvr-icon-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-bob:before {
  content: "\f077";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-bob:hover:before,
.hvr-icon-bob:focus:before,
.hvr-icon-bob:active:before {
  -webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
  animation-name: hvr-icon-bob-float, hvr-icon-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Icon Hang */
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}
.hvr-icon-hang {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-hang:before {
  content: "\f078";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-hang:hover:before,
.hvr-icon-hang:focus:before,
.hvr-icon-hang:active:before {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}
/* Icon Wobble Horizontal */
@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }
  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }
  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }
  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }
  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
  content: "\f061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before,
.hvr-icon-wobble-horizontal:focus:before,
.hvr-icon-wobble-horizontal:active:before {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical:before {
  content: "\f062";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover:before,
.hvr-icon-wobble-vertical:focus:before,
.hvr-icon-wobble-vertical:active:before {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* Icon Buzz */
@-webkit-keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
@keyframes hvr-icon-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}
.hvr-icon-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz:before {
  content: "\f017";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz:hover:before,
.hvr-icon-buzz:focus:before,
.hvr-icon-buzz:active:before {
  -webkit-animation-name: hvr-icon-buzz;
  animation-name: hvr-icon-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
/* Icon Buzz Out */
@-webkit-keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
@keyframes hvr-icon-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }
  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }
  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }
  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }
  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}
.hvr-icon-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-buzz-out:before {
  content: "\f023";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-buzz-out:hover:before,
.hvr-icon-buzz-out:focus:before,
.hvr-icon-buzz-out:active:before {
  -webkit-animation-name: hvr-icon-buzz-out;
  animation-name: hvr-icon-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
/* CURLS */
/* Curl Top Left */
.hvr-curl-top-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-top-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  left: 0;
  background: #ffffff;
  /* IE9 */
  background: linear-gradient(135deg, #ffffff 45%, #aaaaaa 50%, #cccccc 56%, #ffffff 80%);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
  /*For IE7-8-9*/
  z-index: 1000;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-left:hover:before,
.hvr-curl-top-left:focus:before,
.hvr-curl-top-left:active:before {
  width: 25px;
  height: 25px;
}
/* Curl Top Right */
.hvr-curl-top-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-top-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  top: 0;
  right: 0;
  background: #ffffff;
  /* IE9 */
  background: linear-gradient(225deg, #ffffff 45%, #aaaaaa 50%, #cccccc 56%, #ffffff 80%);
  box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-top-right:hover:before,
.hvr-curl-top-right:focus:before,
.hvr-curl-top-right:active:before {
  width: 25px;
  height: 25px;
}
/* Curl Bottom Right */
.hvr-curl-bottom-right {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-bottom-right:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  right: 0;
  background: #ffffff;
  /* IE9 */
  background: linear-gradient(315deg, #ffffff 45%, #aaaaaa 50%, #cccccc 56%, #ffffff 80%);
  box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before,
.hvr-curl-bottom-right:focus:before,
.hvr-curl-bottom-right:active:before {
  width: 25px;
  height: 25px;
}
/* Curl Bottom Left */
.hvr-curl-bottom-left {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
}
.hvr-curl-bottom-left:before {
  pointer-events: none;
  position: absolute;
  content: '';
  height: 0;
  width: 0;
  bottom: 0;
  left: 0;
  background: #ffffff;
  /* IE9 */
  background: linear-gradient(45deg, #ffffff 45%, #aaaaaa 50%, #cccccc 56%, #ffffff 80%);
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: width, height;
  transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before,
.hvr-curl-bottom-left:focus:before,
.hvr-curl-bottom-left:active:before {
  width: 25px;
  height: 25px;
}
/*******************************************************************

  Definició de les variables less

  Aquest fitxer s'inclou a tots els fitxers less del template, de
  manera que es poden usar a qualsevol fitxer.


*********************************************************************/
/** Tipus de lletres *****/
/** Colors *****/
/****  Color general per la web   ****/
/** Enllaç general  ****/
/** Botons ****/
/** Titols i resaltats ***/
/** Bullet llista ****/
/*** menu ***/
/*******************************************************************

  Estils generals de maquetació de la web.

  Inclou tots els estils generals de la web.


*********************************************************************/
/***************************************************
    Estils generics html
***************************************************/
hr {
  color: #ffffff !important;
  background: #ffffff !important;
  height: 1px;
  margin: 0;
  padding: 0;
  border-top: 1px solid #eeeeee;
}
h1 {
  padding: 0;
  margin: 0;
  padding-top: 30px;
  padding-bottom: 30px;
  font-size: 40px;
  font-weight: 600;
  font-family: Kameron, serif, Verdana;
  color: #333333;
}
h2 {
  font-size: 1.2em;
  color: #000000;
  text-decoration: none;
  font-weight: bold;
  padding: 0;
  margin: 0;
  font-family: 'Open Sans', Verdana, Arial;
}
h3,
h4,
h5 {
  font-family: 'Open Sans', Verdana, Arial;
}
a,
a:focus {
  color: #d8a300;
  text-decoration: underline;
}
a:hover {
  color: #000000;
  text-decoration: none;
}
td {
  font-family: 'Open Sans', Verdana, Arial;
  text-decoration: none;
}
/***************************************************
    FI Estils generics html
***************************************************/
/***************************************************
    Formularis
****************************************************/
.form_voltant form {
  padding: 0px 20px 0 20px;
}
label {
  display: block;
  font-size: 16px;
  font-weight: 400;
}
label .etiqueta_obligatori_text {
  display: inline-block;
  float: left;
}
label .etiqueta_form_obligatori {
  font-size: 0;
  background: url("../../templates/web/img/sprites.png") top left no-repeat;
  width: 13px;
  height: 12px;
  background-position: -10px -545px;
  display: inline-block;
  float: left;
  margin-top: 4px;
  margin-left: 3px;
  font-weight: 400 !important;
}
label.error {
  display: none;
  font-size: 13px;
}
form {
  margin-top: 30px;
  margin-bottom: 30px;
}
input,
textarea,
select {
  font-family: 'Open Sans', Verdana, Arial;
  font-size: 1em;
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 1px;
  padding: 5px 4px 5px 4px;
  margin: 10px 5px 3px 1px;
}
.input_data {
  width: 150px;
  margin-right: 5px;
  display: inline-block;
}
.valor_read_only {
  font-weight: normal;
  width: 50%;
}
.espai_valor_text {
  padding-top: 2px;
}
select {
  width: 100%;
}
.input_check {
  font-family: 'Open Sans', Verdana, Arial;
  font-size: 1em;
  color: #000000;
  background-color: #ffffff;
  border: none;
  padding: 1px;
  margin: 1px 5px 1px 1px;
  cursor: pointer;
}
input[type="submit"],
.boto {
  font-family: Kameron, serif, "Open Sans", Verdana;
  background: #d8a300;
  color: #fff;
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  text-transform: uppercase;
}
input[type="submit"]:hover,
.boto:hover {
  opacity: 0.7;
  text-decoration: none;
}
.boto-petit {
  font-family: 'Open Sans', Verdana, Arial;
  background: #d8a300;
  color: #ffffff;
  padding: 10px 20px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  margin-left: 10px;
  text-decoration: none;
  font-weight: normal;
}
.boto-petit:hover {
  background: rgba(216, 163, 0, 0.8);
  color: #ffffff;
  text-decoration: none;
}
.boto {
  display: inline-block;
  margin-right: 20px;
  margin-bottom: 10px;
}
.boto a {
  color: #ffffff;
  text-decoration: none;
}
.submit_loader {
  background-image: url(../../templates/web/img/ajax-loader-submit.gif);
  background-repeat: no-repeat;
  background-position-y: 8px;
  background-position-x: 2px;
}
.submit_loader_petit {
  background-image: url(../../templates/web/img/ajax-loader-submit.gif);
  background-repeat: no-repeat;
  background-position-y: 4px;
  background-position-x: 2px;
}
input[type="checkbox"] {
  margin-right: 10px;
}
input[type="button"] {
  font-family: 'Open Sans', Verdana, Arial;
  background: #d8a300;
  color: #ffffff;
  padding: 10px 20px;
  margin: 0;
  border: 0px;
}
input[type="radio"] {
  margin-right: 7px;
}
td input[type="radio"] {
  margin-right: 0px;
}
.ui-datepicker-calendar .ui-state-default {
  border: 1px solid #AFBDC8;
  background: #ffffff;
  text-align: center;
}
.ui-datepicker-calendar .ui-datepicker-today .ui-state-default {
  border: 1px solid #d8a300;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
  padding: 2px;
}
.text_check,
.text_radio {
  cursor: pointer;
}
label.error {
  color: #ff0000;
  border: 1px solid #ff0000;
  border-radius: 5px;
  display: block;
  padding: 4px 10px 4px 10px;
  margin-top: 5px;
  display: none;
  background: rgba(255, 0, 0, 0.5);
  color: #ffffff;
  width: 84%;
}
/***************************************************
    FI Formularis generics
****************************************************/
.form-control {
  border-radius: 0px;
  border: 1px solid rgba(216, 163, 0, 0.3);
}
/***************************************************
    Estils estructura general plana
***************************************************/
body {
  padding: 0px;
  margin: 0px;
  font-family: 'Open Sans', Verdana, Arial;
  color: #333333;
  top: 0;
  font-size: 16px;
}
.capsuperior {
  position: absolute;
  z-index: 10;
  background: rgba(0, 0, 0, 0) !important;
  width: 100%;
  margin-top: 15px !important;
}
.telefon {
  color: #ffffff !important;
}
#info_usuari {
  font-size: 15px;
  color: #d8a300;
  font-weight: bold;
  background-repeat: no-repeat;
  text-align: right;
}
#logo_mb {
  padding: 10px 0 10px 10px;
}
#contenidor_cos {
  clear: both;
  background: #fff;
  z-index: 2;
}
#cos_contingut {
  clear: both;
  background: #fff;
  width: 100%;
  padding-bottom: 20px;
}
#cos {
  padding-top: 10px;
  background: #ffffff;
}
#cos_info {
  text-align: left;
  margin-bottom: 20px;
}
#contingut {
  padding: 0 0 20px 0;
  clear: both;
  background: #ffffff;
}
/***************************************************
    FI Estils estructura general plana
***************************************************/
/***************************************************
    Capçaleres portada i insterior
***************************************************/
#cap_interior {
  position: fixed;
  width: 100%;
  height: 490px;
  overflow: hidden;
  margin-bottom: 40px;
  z-index: -1;
}
#cap_interior h1 {
  color: #333333;
  margin-top: 80px;
  font-size: 50px;
  text-transform: uppercase;
}
#cap_interior .descripcio {
  font-family: Kameron, serif, Verdana;
  color: #d8a300;
  font-size: 20px;
  margin-top: -20px;
  margin-right: 40px;
}
#cap_interior img {
  width: 100%;
}
#logo {
  display: table;
}
#img_logo {
  margin-top: -3px;
  margin-bottom: 10px;
  display: inline-block;
  float: left;
}
#tel_idiomes {
  text-align: right;
  margin-top: 5px;
}
#tel_idiomes div {
  vertical-align: middle;
}
/***************************************************
    FI Estils estructura general plana
***************************************************/
/***************************************************
    Peu de pagina - superior
***************************************************/
#peu_sup {
  background-color: #333333;
  color: #ffffff;
  padding-top: 55px;
  padding-bottom: 65px;
  font-size: 16px;
}
#peu_sup a {
  font-size: 16px;
  text-decoration: none;
  font-weight: 200;
}
#peu_sup a:hover {
  text-decoration: none;
  color: #cccccc;
}
#peu_sup .text_contingut {
  color: #ffffff;
}
#peu_sup .text_contingut a {
  text-decoration: none;
}
#peu_sup .text_contingut a:hover {
  text-decoration: none !important;
  color: #cccccc !important;
}
#peu_sup .text_contingut a .row {
  padding-bottom: 0;
}
#peu_contacte {
  text-align: left;
  line-height: 140%;
  font-size: 18px;
  padding-top: 10px;
  padding-bottom: 20px;
}
#peu_contacte .text_contingut {
  font-weight: normal;
}
#peu_contacte .titol {
  color: #BF0633;
  margin-bottom: 10px;
  font-size: 18px;
  display: inline-block;
  font-weight: bold;
  display: block;
}
.zona_enllassos a {
  font-size: 16px;
  text-decoration: none;
  font-weight: 200;
  color: #ffffff;
}
.zona_enllassos a:hover {
  text-decoration: none;
  color: red;
}
.zona_enllassos .item {
  padding-bottom: 12px;
}
/***************************************************
    Peu de pagina - inferior
***************************************************/
#peu_inf {
  background-color: rgba(255, 255, 255, 0.5);
  color: #333333;
  font-size: 14px;
  padding-top: 10px;
  padding-bottom: 20px;
}
#peu_inf a {
  color: #333333;
  text-decoration: none;
}
#peu_inf a:hover {
  text-decoration: none;
}
.enllas_directe {
  padding-right: 5px;
}
.enllas_directe.amb_separador:before {
  content: "|";
  margin-right: 5px;
}
.banner_peu {
  margin-bottom: 10px;
}
.banner_peu .contenidor_banner {
  text-align: left;
  width: 100%;
  background: none;
}
.banner_peu .contenidor_banner_espai {
  padding: 0 8px 10px 0;
}
.banner_peu .titol_banner {
  padding: 0px;
  margin: 0 auto;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
}
.banner_peu .titol_banner a {
  display: block;
  text-decoration: none;
  color: #ffffff;
}
.banner_peu .titol_banner a:hover {
  text-decoration: none;
  color: #cccccc;
}
.banner_peu .titol_banner_espai {
  padding-left: 0px;
  padding-bottom: 0px;
  color: #ffffff;
}
.banner_peu .cos_banner {
  text-align: left;
}
.banner_peu .cos_banner .cos_banner table {
  margin-left: 0px;
  margin-right: 0px;
  text-align: left;
}
.banner_peu .cos_banner .td_justificat {
  font-size: 14px;
  line-height: 120%;
  color: #ffffff;
}
.banner_peu .cos_banner a {
  color: #ffffff;
}
.banner_peu .cos_banner a:hover {
  color: #cccccc;
}
.banner_peu .cos_banner p {
  margin: 3px 0 6px 0;
}
/***************************************************
    Fi Peu de pagina
***************************************************/
.loader {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: #cccccc;
}
.loader_animate {
  opacity: 0.6;
  transform: translateY(-1580px);
  -webkit-transition: all 800ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -moz-transition: all 800ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -ms-transition: all 800ms cubic-bezier(0.25, 0.1, 0.25, 1);
  -o-transition: all 800ms cubic-bezier(0.25, 0.1, 0.25, 1);
  transition: all 800ms cubic-bezier(0.25, 0.1, 0.25, 1);
}
.loading_full {
  text-align: center;
  position: fixed;
  width: 100%;
  height: 100%;
  opacity: 0.8;
  background: #cccccc;
  z-index: 99999;
  display: none;
}
.loading_full .fa {
  margin-top: 400px;
}
/******************************************************************************/
/**************   http://tobiasahlin.com/spinkit/ ****************************/
.sk-double-bounce {
  top: 40%;
  width: 150px;
  height: 150px;
  position: relative;
  margin: 40px auto;
}
.sk-double-bounce .sk-child {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-doubleBounce 2s infinite ease-in-out;
  animation: sk-doubleBounce 2s infinite ease-in-out;
}
.sk-double-bounce .sk-double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
@-webkit-keyframes sk-doubleBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-doubleBounce {
  0%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/***************************************************
   Breadcrumbs
***************************************************/
.breadcrumbs_llista {
  margin: 0px;
  padding: 0px;
}
.breadcrumbs_llista li {
  float: left;
  list-style: none;
  color: #333;
}
#breadcrumbs a {
  color: #888;
  font-size: 16px;
  text-decoration: none;
}
#breadcrumbs a:hover {
  color: #000;
  text-decoration: none;
}
/***************************************************
    FI Breadcrumbs
***************************************************/
/***************************************************
    Informació debug a peu de pàgina
***************************************************/
#debug_info_ext {
  text-align: center;
  margin: 0 auto;
  font-family: "Courier new", Arial;
  font-size: 10pt;
  width: 100%;
  padding: 10px;
}
#debug_info {
  text-align: center;
  border: 1px solid #666666;
  padding: 8px;
  background-color: #ffffff;
  margin-top: 10px;
}
/***************************************************
    FI Informació debug a peu de pàgina
***************************************************/
/***************************************************
    Menu selector idiomes
***************************************************/
#menu_idiomes {
  display: inline-block;
}
#menu_idiomes .fa {
  color: #fff;
}
#menu_idiomes ul {
  display: inline-block;
  margin: 0;
  padding: 2px;
  color: #ffffff;
  text-transform: uppercase;
}
#menu_idiomes ul li {
  font-size: 14px;
  list-style: none;
  list-style-image: none;
  display: inline;
  padding-left: 10px;
}
#menu_idiomes ul a {
  color: #dddddd;
  text-decoration: none;
  text-transform: capitalize;
}
#menu_idiomes ul li:last-child {
  content: "";
}
#menu_idiomes ul a:hover {
  text-decoration: none;
  color: #ffffff;
  transition: color 0.3s ease-in-out;
}
#menu_idiomes .amb_separador:after {
  content: "|";
  margin-left: 10px;
}
/**************************************************
    Menú principal
***************************************************/
#container_menu_sup nav {
  margin-top: 10px;
  padding-top: 40px;
  border-top: 1px solid rgba(255, 255, 255, 0.4);
}
#menu_deplegable {
  font-family: Kameron, serif, "Open Sans", Verdana;
  display: table;
  margin: 0;
  padding: 70px 0 10px 0;
  letter-spacing: 1px;
}
#menu_deplegable .logo_minim {
  display: none;
}
#menu_deplegable .fa-chevron-down {
  margin-left: 5px;
  font-size: 12px;
  display: inline-block;
  padding-top: 2px;
  vertical-align: top;
}
#menu_deplegable li {
  display: table-cell;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}
#menu_deplegable .item_menu {
  font-weight: 500;
  font-size: 17px;
  text-align: center;
  display: block;
  line-height: 110%;
  padding: 7px 12px 7px 12px;
  text-transform: uppercase;
  text-decoration: none;
}
#menu_deplegable .menu_no_seleccionat,
#menu_deplegable .menu_seleccionat {
  color: #ffffff;
}
#menu_deplegable .menu_no_seleccionat:hover,
#menu_deplegable .menu_seleccionat:hover {
  text-decoration: none;
  color: #d8a300;
  transition: color 0.3s ease-in-out;
}
.navbar {
  margin-bottom: 0px;
}
.navbar-default {
  background-color: #fff !important;
}
/*** Part inferior del menú *******/
.dropDown {
  margin-top: 8px;
  padding-top: 0px;
  padding-bottom: 20px;
  position: absolute;
  display: none;
  color: #d8a300;
  z-index: 100;
  background: #ffffff;
  -webkit-box-shadow: 5px 5px 3px 0 rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 5px 5px 3px 0 rgba(50, 50, 50, 0.75);
  box-shadow: 3px 3px 3px 0 rgba(50, 50, 50, 0.75);
}
.submenu_principal {
  display: inline-block;
  vertical-align: top;
}
.submenu_principal .titol {
  display: block;
  margin-left: 25px;
  margin-right: 25px;
  padding: 12px;
  color: rgba(216, 163, 0, 0.8);
  text-decoration: none;
  font-size: 18px;
  border-bottom: 1px solid rgba(200, 200, 200, 0.2);
  transition: color 0.1s ease-in;
}
.submenu_principal .titol:hover {
  text-decoration: none;
  color: #333333;
}
/**************************************************
    FI Menú principal desplegable
***************************************************/
/**********************************************************
    Menú fixat a posició superior quan fem scroll
***********************************************************/
.sticky {
  position: fixed;
  left: 0;
  z-index: 9999;
  margin-top: 0;
  background: #333333;
  width: 100%;
}
.sticky #menu_deplegable {
  padding-top: 10px;
}
.sticky #menu_deplegable .logo_minim {
  display: block;
}
.sticky #container_menu_sup {
  max-width: 1170px;
  margin: 0 auto;
  padding-right: 15px;
  padding-left: 15px;
}
.sticky #logo_petit {
  display: block;
  margin-top: -5px;
}
#menu_clavat_mb {
  background: #333;
}
.menu_mobil_env {
  height: 63px;
  margin-bottom: 10px;
}
.sticky_mb {
  position: fixed !important;
  z-index: 9999 !important;
  width: 100%;
  left: 0;
  background: #333;
}
#menu_superior {
  width: 100%;
}
.llarg_interior {
  height: 475px;
}
.llarg_portada {
  height: 840px;
}
/***************************************************
    FI Menú fixat superior
***************************************************/
/***************************************************
    Menú tablet
***************************************************/
/*** Botó per desplegar menú tablet **/
#mostra_menu_tablet {
  float: right;
  padding: 10px 10px 10px 10px;
  margin-top: 10px;
  margin-bottom: 10px;
}
#mostra_menu_tablet .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
#mostra_menu_tablet .icon-bar + .icon-bar {
  margin-top: 4px;
}
#mostra_menu_tablet .icon-bar {
  background-color: #888888;
}
#mostra_menu_tablet:hover {
  background-color: rgba(216, 163, 0, 0.8);
}
#mostra_menu_tablet:hover .icon-bar {
  background: #ffffff;
}
/*** Menú tablet **/
#menu_tablet {
  background: #d8a300;
  text-align: left;
  padding: 15px 20px 35px 25px;
  z-index: 99;
  position: absolute;
  width: 100%;
}
#menu_tablet a {
  color: #ffffff;
  text-decoration: none;
  font-size: 16px;
}
#menu_tablet a:hover {
  text-decoration: none;
  color: #000000;
}
#menu_tablet .idioma_mb {
  margin: 0px 0 10px 0;
  text-align: left;
}
#menu_tablet .idioma_mb a {
  display: inline-block !important;
  margin-right: 15px;
  font-size: 14px;
  padding: 2px 5px 2px 0;
  text-decoration: none;
}
#menu_tablet .idioma_mb a:hover {
  text-decoration: underline;
}
#menu_tablet li {
  list-style-type: none;
}
#menu_tablet .tablet_n1 {
  margin-left: 0;
  padding-left: 0;
}
#menu_tablet .tablet_n1 > li > a {
  padding: 5px 0 5px 0;
  line-height: 110%;
  display: block;
}
#menu_tablet .tablet_n2 > li > a {
  padding: 5px 0 5px 0;
  line-height: 110%;
  display: block;
}
#menu_tablet .nivell1 {
  text-transform: uppercase;
}
#menu_tablet .tablet_n2 {
  margin-bottom: 10px;
}
/***************************************************
   FI Menú tablet
***************************************************/
/**************************************************
    Estils menu secundari
***************************************************/
.menu_secundari_titol {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 40px;
  color: #334653;
  padding: 10px;
}
.menu_secundari {
  border-top: 1px solid #d8a300;
  border-bottom: 1px solid #d8a300;
  text-align: left;
  padding-bottom: 20px;
  padding-top: 20px;
  padding-left: 5px;
}
.menu_secundari a {
  padding: 7px 0 7px 0;
  display: block;
  text-decoration: none;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
}
.menu_secundari .submenu .no-border,
.menu_secundari .submenu_seleccionat .no-border {
  border-top: none !important;
}
.menu_secundari .submenu a {
  color: #1F1F1F;
  background: #ffffff;
}
.menu_secundari .submenu_seleccionat a {
  color: #d8a300;
}
.menu_secundari .submenu a:hover,
.menu_secundari .submenu_seleccionat a:hover {
  color: #d8a300;
}
/**************************************************
    FI Estils menu secundari
***************************************************/
/**************************************************
    Mapa / Error 404
***************************************************/
#cos_404 {
  padding-left: 0px;
  padding-right: 9px;
  padding-top: 20px;
  text-align: left;
}
li ul {
  margin-bottom: 20px;
}
li {
  line-height: 180% !important;
}
#mapa {
  margin-left: 20px;
}
#mapa li {
  list-style: none;
  padding: 1px;
}
#mapa li:before {
  font-family: 'FontAwesome';
  content: '\f14a';
  margin: 0 5px 0 -15px;
  color: #d8a300;
}
/**************************************************
    FI Mapa
***************************************************/
/***************************************************
    Estils per al paginador
***************************************************/
.c_paginador {
  clear: both;
  text-align: right;
  padding: 20px 5px 5px 0;
}
.c_paginador .pagination a {
  font-size: 16px;
}
.c_paginador .pagination > .active > a,
.c_paginador .pagination > .active > a:focus,
.c_paginador .pagination > .active > a:hover,
.c_paginador .pagination > .active > span,
.c_paginador .pagination > .active > span:focus,
.c_paginador .pagination > .active > span:hover {
  background-color: #d8a300;
  border-color: #d8a300;
}
.c_paginador .pagination > li > a,
.c_paginador .pagination > li > span {
  color: #d8a300;
}
.c_paginador .pagination > .active > a {
  color: #000000;
}
/***************************************************
    Fi estils paginador
***************************************************/
/***************************************************
    Maquetació  banners text
***************************************************/
.contenidor_banner {
  text-align: left;
  width: 100%;
  font-size: 0.9em;
}
.contenidor_banner_espai {
  padding: 0 0 10px 0;
}
.titol_banner {
  padding: 0px;
  margin: 0 auto;
  font-size: 20px;
  font-weight: 400;
  color: #678856;
}
.titol_banner a {
  display: block;
  text-decoration: none;
}
.titol_banner a:hover {
  color: #cccccc;
  text-decoration: none;
}
.titol_banner_espai {
  font-family: Kameron, serif, "Open Sans", Verdana;
  padding-left: 0px;
  padding-bottom: 10px;
  line-height: 110%;
  color: #ffffff;
}
.cos_banner {
  text-align: left;
  background: none;
}
.cos_banner table {
  margin-left: 0px;
  margin-right: 0px;
  text-align: left;
  font-size: 0.9em;
  line-height: 1.3em;
}
.cos_banner td {
  background-color: transparent !important;
}
.cos_banner .taula_foto_left td {
  border: 0px;
  padding: 4px 10px 4px 5px;
  background: transparent !important;
}
.cos_banner .alinea_centre {
  font-size: 15px !important;
  font-weight: 300;
  line-height: 1.3em;
  color: #000000;
}
.cos_banner p {
  margin: 3px 0 3px 0;
}
/***************************************************
    FI Maquetació banners text
***************************************************/
/***************************************************
    Contingut maquetat
***************************************************/
h1 {
  color: #333333;
  font-size: 50px;
  text-transform: uppercase;
  padding-bottom: 0px;
  font-weight: 400;
}
.descripcio {
  font-family: Kameron, serif, "Open Sans", Verdana;
  color: #d8a300;
  font-size: 24px;
}
.entradeta {
  color: #333333;
  font-size: 20px;
  margin-bottom: 30px;
  line-height: 140%;
  font-weight: 400;
  text-align: left;
}
.entradeta p {
  margin: 0px;
  padding: 0px;
}
.marge-entradeta {
  overflow: hidden;
}
.text-maquetat {
  line-height: 16px;
  color: #333333 !important;
  overflow: hidden;
  margin-top: 30px;
}
/***************************************************
    FI Contingut maquetat
***************************************************/
/***************************************************
    Taules i continguts amb imatges
***************************************************/
.imatges {
  width: 105%;
}
table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}
th {
  color: #000000;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  padding: 6px 5px 6px 20px;
  border-top: none;
  border-bottom: solid 1px #888888;
  font-weight: 700;
}
caption {
  color: #000000;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  padding: 6px 5px 6px 20px;
  border-top: none;
  border-bottom: solid 1px #888888;
  font-weight: 700;
}
td {
  background: #ffffff !important;
  color: #000000;
  border-top: 0px;
  border-left: 0px;
  border-right: none;
  border-bottom: solid 1px #dddddd;
  padding: 6px 5px 6px 20px;
}
.info_contingut .voltant_img {
  margin: 0 auto;
  text-align: center;
}
.info_contingut .align-left {
  float: left;
  margin-right: 75px;
}
.info_contingut .align-right {
  float: right;
  margin-left: 75px;
}
.info_contingut .align-center {
  text-align: center;
  margin: 0 auto;
}
.info_contingut .align-center > figure {
  display: inline-block;
}
.info_contingut ul {
  margin-top: 20px;
  padding-left: 1.8em;
}
.info_contingut ul a {
  color: #d8a300;
}
.info_contingut ul li {
  list-style: none;
  margin-bottom: 8px;
  line-height: 120% !important;
}
.info_contingut ul li:before {
  font-family: 'FontAwesome';
  content: '\f14a';
  margin: 0 14px 0 -28px;
  color: #d8a300;
  font-size: 20px;
}
.info_contingut ul li ul li:before {
  font-family: 'FontAwesome';
  content: '\f111';
  margin: 0 15px 0 -25px;
  color: #d8a300;
  opacity: 0.8;
  font-size: 12px;
}
.info_contingut ul li ul li ul li:before {
  font-family: 'FontAwesome';
  content: '\f111';
  margin: 0 15px 0 -25px;
  color: #d8a300;
  opacity: 0.6;
  font-size: 12px;
}
#contingut {
  /************** Modificacions a bootstrap **************************************************************************************************/
}
#contingut .col-xs-1,
#contingut .col-xs-2,
#contingut .col-xs-3,
#contingut .col-xs-4,
#contingut .col-xs-5,
#contingut .col-xs-6,
#contingut .col-xs-7,
#contingut .col-xs-8,
#contingut .col-xs-9,
#contingut .col-xs-10,
#contingut .col-xs-11,
#contingut .col-xs-12,
#contingut .col-sm-1,
#contingut .col-sm-2,
#contingut .col-sm-3,
#contingut .col-sm-4,
#contingut .col-sm-5,
#contingut .col-sm-6,
#contingut .col-sm-7,
#contingut .col-sm-8,
#contingut .col-sm-9,
#contingut .col-sm-10,
#contingut .col-sm-11,
#contingut .col-sm-12,
#contingut .col-md-1,
#contingut .col-md-2,
#contingut .col-md-3,
#contingut .col-md-4,
#contingut .col-md-5,
#contingut .col-md-6,
#contingut .col-md-7,
#contingut .col-md-8,
#contingut .col-md-9,
#contingut .col-md-10,
#contingut .col-md-11,
#contingut .col-md-12,
#contingut .col-lg-1,
#contingut .col-lg-2,
#contingut .col-lg-3,
#contingut .col-lg-4,
#contingut .col-lg-5,
#contingut .col-lg-6,
#contingut .col-lg-7,
#contingut .col-lg-8,
#contingut .col-lg-9,
#contingut .col-lg-10,
#contingut .col-lg-11,
#contingut .col-lg-12 {
  padding-left: 0;
  padding-right: 0;
}
#contingut .row.two-col-right .col-main {
  padding-right: 20px;
}
#contingut .row.two-col-left .col-main {
  padding-left: 20px;
}
#contingut .three-col .col-md-4 {
  padding: 0 20px 0 10px;
}
#contingut .four-col .col-md-3 {
  padding: 0 20px 0 10px;
}
#contingut .two-col .col-1 {
  padding-right: 20px;
}
#contingut .two-col .col-2 {
  padding-left: 20px;
}
.text_contingut {
  border: 0;
  width: 100%;
  font-size: 16px;
  color: #333333;
  line-height: 150%;
  clear: both;
  font-weight: 100;
}
.text_contingut .align-center {
  margin: 0 auto;
  text-align: center;
}
.text_contingut .two-col .center {
  width: 100% !important;
}
.text_contingut a {
  text-decoration: none;
  color: #d8a300;
  font-size: 16px !important;
}
.text_contingut a:hover {
  color: #000000 !important;
  text-decoration: none !important;
  transition: color 0.3s ease-in-out;
}
.text_contingut figure {
  display: inline-block;
}
.text_contingut iframe {
  width: 100%;
}
.text_contingut p {
  margin: 10px 0 10px 0;
}
.text_contingut figcaption {
  font-size: 13px;
  margin-top: 5px;
  text-align: center;
}
.text_contingut .row {
  padding-bottom: 20px;
}
.taula_no_fil {
  border: 0;
  width: 100%;
}
.taula_no_fil td {
  border: 0px;
  background: #ffffff;
}
/***************************************************
    FI Taules i continguts amb imatges
***************************************************/
/***************************************************
    Titols i resaltats
***************************************************/
.titol_nivell_1 {
  color: #333333;
  font-size: 40px;
  text-transform: uppercase;
  margin-top: 40px;
  clear: both;
  font-family: Kameron, serif, Verdana;
  font-weight: 400;
}
.titol_nivell_2 {
  font-family: Kameron, serif, Verdana;
  color: #d8a300;
  font-size: 28px;
  margin-top: 30px;
  font-weight: 400;
}
.titol_nivell_3 {
  color: #333333;
  font-size: 24px;
  margin-top: 30px;
  font-weight: 400;
  clear: both;
  font-family: Kameron, serif, Verdana;
}
.ratlla {
  border-top: 1px solid #dddddd;
}
.resaltat_nivell_1 {
  font-family: Kameron, serif, Verdana;
  color: #d8a300;
  font-size: 18px;
}
.resaltat_nivell_2 {
  font-family: Kameron, serif, Verdana;
  color: #000000;
  font-size: 18px;
}
.resaltat_nivell_3 {
  font-family: Kameron, serif, Verdana;
  color: #fff;
  padding: 0;
  margin: 0;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  display: block;
  margin-left: 20%;
  margin-right: 20%;
  font-weight: 400;
  font-style: italic;
  font-size: 18px;
  padding: 30px 30px 30px 30px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  line-height: 110%;
  background: #000000;
}
blockquote {
  padding: 10px;
  margin-left: 20px;
  font-size: 17px;
  border-left: 5px solid #d8a300 !important;
  line-height: 50%;
}
.resaltat_upper_case {
  text-transform: uppercase;
}
.round_letter {
  display: inline-block;
  background: #d8a300;
  text-align: center;
  padding: 15px 20px;
  vertical-align: middle;
  font-size: 16px;
  cursor: pointer;
  color: #000000;
  font-family: Kameron, serif, Verdana;
  text-transform: uppercase;
}
.round_letter a:hover {
  background: red;
}
.counter {
  font-size: 60px;
  font-weight: normal;
  font-family: Kameron, serif, Verdana;
  padding: 20px 0 10px 0;
  color: #d8a300;
}
/***************************************************
    FI Titols i resaltats
***************************************************/
/*********************************************************************************************
    Continguts INFO RELACIONADA: documents  / enllassos / galeria  / mapa / relacionats
**********************************************************************************************/
#opcions-contingut {
  padding: 0;
  text-align: left;
}
#opcions-contingut ul.tabs {
  display: inline-block;
  margin: 0;
  padding: 5px;
}
#opcions-contingut ul.tabs li {
  display: block;
  float: left;
  font-size: 24px;
  margin: 0;
  padding: 0;
}
#opcions-contingut ul.tabs li:before {
  content: '';
  margin: 0;
}
#opcions-contingut ul.tabs li a {
  font-family: Kameron, serif, "Open Sans", Verdana;
  color: #d8a300;
  display: block;
  float: left;
  padding: 0px 40px 0 0;
  text-decoration: none;
}
#opcions-contingut ul.tabs li a:hover {
  color: #000000;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
#opcions-contingut ul.tabs li a.selected {
  color: #000000;
}
.amagat_tabs {
  visibility: hidden;
  display: none;
}
.tab-content {
  padding: 0 0 0 0;
  margin-bottom: 10px;
}
.enllas .fa {
  display: inline-block;
  padding-top: 2px;
}
.espai_documents .fa {
  height: 20px;
}
#tabs-p5_titol {
  padding: 0px 0 10px 0 !important;
}
.container #info-contingut {
  margin-left: -20px;
}
/***** Item documentació ***********************************/
.icones_docs {
  width: 20px;
}
.espai_documents {
  margin: 20px 20px 0 60px;
  font-size: 20px;
}
.espai_documents a {
  color: #333333;
  text-decoration: none;
  display: block;
  margin-bottom: 10px;
}
.espai_documents a:hover {
  color: #000000;
  text-decoration: underline;
}
.espai_documents a .fa {
  display: inline-block;
  margin-right: 20px;
  font-size: 25px;
}
/***** Continguts relacionats ***********************************/
.continguts_relacionats {
  margin: 20px 20px 0 60px;
  font-size: 20px;
  color: #333333;
}
.continguts_relacionats .item_continguts_relacionats {
  margin-bottom: 8px;
}
.continguts_relacionats a {
  color: #333333;
  text-decoration: underline;
  display: inline-block;
  margin-bottom: 8px;
}
.continguts_relacionats a:hover {
  color: #333333;
  text-decoration: none;
}
.continguts_relacionats .enllas a {
  display: inline-block;
}
.continguts_relacionats .fa {
  font-size: 25px;
  display: inline-block;
  margin-right: 20px;
}
/******** Mapa *****************************/
#d_mapa_localitzacio {
  margin-top: 20px;
}
#d_mapa_localitzacio a {
  display: block;
  text-align: right;
  font-size: 0.8em;
  text-decoration: none;
}
#mapa_localitzacio {
  height: 250px;
  margin: 0 0 3px 0;
}
/*** Galeries continguts: multimedia i més informació ******************************/
.galeries_envolcall {
  padding-bottom: 20px;
}
.justified-gallery > a > .caption,
.justified-gallery > div > .caption {
  background: #d8a300;
}
.jg-entry {
  position: relative;
}
.jg-entry i.fa {
  z-index: 99;
  color: #ffffff;
  margin-top: 100px;
  position: absolute;
  top: 30%;
  left: 42%;
  padding: 0;
  margin: 0;
  text-shadow: -1px 0 #333333, 0 1px #333333, 1px 0 #333333, 0 -1px #333333;
  opacity: 0.85;
}
/*********************************************************************************************
    FI Continguts INFO RELACIONADA: documents  / enllassos / galeria  / mapa / relacionats
**********************************************************************************************/
/***************************************************
    Missatges
***************************************************/
.caixa_miss {
  padding: 10px;
  border: 1px solid #ff0000;
  color: #ff0000;
  margin-bottom: 10px;
}
.caixa_miss_error {
  border: 1px solid #ff0000;
  color: #ff0000;
  padding: 30px;
  margin-bottom: 20px;
}
.missatge_error {
  color: #ff0000;
  padding-bottom: 10px;
  padding: 5px 0 20px 0;
}
.text_interior_error {
  color: #ff0000;
  padding-bottom: 10px;
}
.boto_tornar {
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: left;
}
.boto_tornar a {
  background: #d8a300;
  color: #ffffff;
  border-radius: 1px;
  padding: 4px 8px 4px 8px;
  text-decoration: none;
}
.enllas_boto {
  background: #d8a300;
  color: #ffffff;
  padding: 4px 10px 4px 10px;
  text-decoration: none;
}
.missatges_web {
  text-align: center;
  padding-bottom: 90px;
  padding-top: 90px;
  font-size: 16px;
  font-weight: 200;
}
/***************************************************
    FI Missatges
***************************************************/
/***************************************************************************************
Cookies - To be used with cookieCuttr by Chris Wharton (http://cookiecuttr.com)
************************************************************************************/
.cc-cookies {
  position: fixed;
  bottom: 0;
  top: auto;
  padding: 8px 0 3px 0;
  background: #565656;
  background: rgba(99, 99, 99, 0.85);
  font-size: 13px;
  z-index: 99999;
  color: #fff;
  margin: 0 auto;
  font-size: 14px;
  line-height: 140%;
  width: 100%;
  text-align: center;
}
.cc-cookies a {
  color: #fff;
  text-decoration: underline;
}
.cc-cookies a:hover {
  text-decoration: none;
}
.cc-cookies a.cc-cookie-accept,
.cc-cookies .cc-cookies-error a.cc-cookie-accept {
  display: inline-block;
  color: #ffffff;
  text-decoration: none;
  background: #d8a300;
  padding: 3px 5px 3px 5px;
  border-radius: 1px;
  margin: 0px 0 5px 10px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.25);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.35);
  font-size: 12px;
  -o-transition: background 0.5s ease-in;
  -webkit-transition: background 0.25s ease-in;
  -moz-transition: background 0.25s ease-in;
}
.row_int {
  /************** Modificacions a bootstrap **************************************************************************************************/
}
.row_int .col-xs-1,
.row_int .col-xs-2,
.row_int .col-xs-3,
.row_int .col-xs-4,
.row_int .col-xs-5,
.row_int .col-xs-6,
.row_int .col-xs-7,
.row_int .col-xs-8,
.row_int .col-xs-9,
.row_int .col-xs-10,
.row_int .col-xs-11,
.row_int .col-xs-12,
.row_int .col-sm-1,
.row_int .col-sm-2,
.row_int .col-sm-3,
.row_int .col-sm-4,
.row_int .col-sm-5,
.row_int .col-sm-6,
.row_int .col-sm-7,
.row_int .col-sm-8,
.row_int .col-sm-9,
.row_int .col-sm-10,
.row_int .col-sm-11,
.row_int .col-sm-12,
.row_int .col-md-1,
.row_int .col-md-2,
.row_int .col-md-3,
.row_int .col-md-4,
.row_int .col-md-5,
.row_int .col-md-6,
.row_int .col-md-7,
.row_int .col-md-8,
.row_int .col-md-9,
.row_int .col-md-10,
.row_int .col-md-11,
.row_int .col-md-12,
.row_int .col-lg-1,
.row_int .col-lg-2,
.row_int .col-lg-3,
.row_int .col-lg-4,
.row_int .col-lg-5,
.row_int .col-lg-6,
.row_int .col-lg-7,
.row_int .col-lg-8,
.row_int .col-lg-9,
.row_int .col-lg-10,
.row_int .col-lg-11,
.row_int .col-lg-12 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.fons_blanc {
  background: #ffffff;
}
#submenu_13552 {
  border: #d8a300 1px solid;
  padding: 20px;
  margin-top: -38px;
}
#submenu_13552.hover {
  background: rgba(216, 163, 0, 0.3);
}
.fons_blanc {
  background: #ffffff;
}
/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
  -webkit-pointer-events: none;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.pace-inactive {
  display: none;
}
.pace .pace-progress {
  background: #d8a300;
  position: fixed;
  z-index: 2000;
  top: 0;
  right: 100%;
  width: 100%;
  height: 2px;
}
#main-slider {
  position: absolute;
  left: 0;
  right: 0;
}
.carousel-inner > .item > a > img,
.carousel-inner > .item > img,
.img-responsive,
.thumbnail a > img,
.thumbnail > img {
  width: 100%;
}
.carousel-inner .item {
  overflow: hidden;
}
.carousel-caption {
  text-align: left;
  top: 0;
}
.carousel-caption h1 {
  color: #ffffff;
  box-shadow: none;
  font-size: 50px;
  line-height: 120%;
  font-weight: 400;
  padding-top: 300px;
}
.carousel-caption p.descripcio {
  font-size: 20px;
  line-height: 120%;
}
.carousel-caption a {
  font-family: Kameron, serif, "Open Sans", Verdana;
  margin-top: 30px;
  padding: 15px 20px;
  display: block;
  color: #000000;
  text-shadow: none;
  background: #d8a300;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: 1px;
  width: 40%;
  text-align: center;
  font-size: 1.2em;
  font-weight: 400;
}
.carousel-caption a:hover {
  background: rgba(216, 163, 0, 0.8);
  transition: all 0.3s ease 0s;
}
.carousel-indicators {
  left: 0;
  right: 0;
  bottom: 10px;
  margin: 0 auto;
  text-align: center;
}
.carousel-indicators li {
  border-radius: 20px;
  width: 30px;
  height: 30px;
  background: #d8a300;
  border: 1px solid #d8a300;
  margin: 0px  10px 0px 0px;
}
.carousel-indicators li.active {
  width: 30px;
  height: 30px;
  background: rgba(216, 163, 0, 0.8);
  border: 1px solid rgba(216, 163, 0, 0.8);
  margin: 0px  10px 0px 0px;
}
.carousel-indicators li:hover {
  background: rgba(216, 163, 0, 0.8);
  border: 1px solid rgba(216, 163, 0, 0.8);
}
@media (max-width: 991px) {
  .carousel-inner .item {
    background-color: #f1f1f1;
  }
  .carousel-caption {
    text-align: left;
    width: auto;
    left: 20px;
    right: 20px;
  }
  .carousel-caption h1 {
    font-size: 35px;
  }
  .carousel-caption a {
    margin-top: 20px;
  }
  .carousel-indicators {
    width: 50%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .carousel-inner {
    min-height: 450px;
  }
  .carousel-caption {
    width: auto;
    left: 10%;
    right: 10%;
  }
}
.titol_seccio_portada {
  color: #333333;
  font-size: 42px;
  line-height: 105%;
  margin: 0px 0px 60px 0px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0px;
  clear: both;
  font-family: Kameron, serif, Verdana;
  text-align: center;
}
.parallax-mirror {
  z-index: 2 !important;
}
.parallax-mirror .titol_seccio_portada {
  color: #ffffff !important;
}
/***************************************************
    CAPÇALERA  DE PORTADA
***************************************************/
#portada_configurable {
  text-align: left;
}
#portada {
  border: 1px solid black;
}
#portada f a {
  color: #E45327;
  font-size: 1.3em;
  text-decoration: none;
}
#portada a:hover {
  text-decoration: none;
}
.pastilla_portada {
  padding-top: 30px;
  padding-bottom: 25px;
  width: 450px;
  text-align: left;
}
.pastilla_portada .enllas_titol {
  display: block;
  margin: 5px 0px 20px 5px;
}
.pastilla_portada .enllas_foto {
  display: block;
}
.p_esquerre {
  margin-left: 40px;
}
#banner_superior_portada .banner {
  margin-bottom: 10px;
}
/***************************************************
    Banner destacat
***************************************************/
.navega_destacat {
  margin: 10px 10px 0px 0px;
  float: right;
}
.navega_destacat a {
  display: block;
  float: left;
  padding: 0px 3px 0px 3px;
  margin-left: 5px;
  text-decoration: none;
  color: #000000;
}
.navega_destacat .activeSlide {
  color: #ffffff;
  font-weight: normal;
  text-decoration: none;
}
.galeria_destacat_groc {
  margin: 60px 0px 0px 0px;
  border-bottom: 4px solid #ffffff;
}
.galeria_item {
  height: 170px;
  padding: 15px;
  background: #CFEBE2;
}
.galeria_item .descripcio {
  display: block;
  font-size: 0.9em;
  margin-top: 5px;
}
.galeria_item iframe {
  z-index: 1 !important;
}
.destacat_verd {
  margin-bottom: 20px;
}
/***************************************************
    BANNER - Destacat
***************************************************/
/***************************************************
    Tipus informació llista
***************************************************/
.portada_contigut_llista {
  min-height: 150px;
}
.portada_contigut_llista .cos_info {
  font-size: 12px;
}
.portada_contigut_llista .cos_info {
  color: #000000;
  display: block;
  text-decoration: none;
  font-size: 12px;
  background: #E4F5F5;
  color: #333333;
  padding: 3px 8px 3px 8px;
  margin-bottom: 4px;
}
.portada_contigut_llista .cos_info a {
  font-size: 14px;
  color: #444444;
  display: block;
}
.portada_contigut_llista .cos_info a:hover {
  text-decoration: underline;
}
.veure_tot_portada {
  text-align: left;
  display: block;
  font-size: 14px;
  text-decoration: none;
}
/***************************************************
    FI Tipus informació llista
***************************************************/
/***************************************************
    Tipus informació multiple
***************************************************/
.portada_contigut_multiple {
  min-height: 150px;
}
.portada_contigut_multiple .titol_info {
  background: #119C6D;
}
.portada_contigut_multiple .cos_info {
  background: #CFEBE2;
}
.portada_contigut_multiple .cos_info {
  min-height: 200px;
}
.portada_contigut_multiple .cos_info .item_noticia {
  margin: 0px 10px 15px 10px;
  padding-top: 10px;
}
.portada_contigut_multiple .cos_info .item_noticia .enllas_noticia {
  display: block;
  width: 190px;
  float: right;
}
.portada_contigut_multiple .cos_info .item_noticia .enllas_img {
  display: block;
  width: 70px;
  float: left;
}
.portada_contigut_multiple .cos_info .item_noticia .enllas_noticia_no_foto {
  display: block;
}
.portada_contigut_multiple .cos_info .data {
  color: #000000;
  font-size: 0.9em;
}
.portada_contigut_multiple .cos_info a {
  color: #000000;
  text-decoration: none;
}
/***************************************************
    FI Tipus informació multiple
***************************************************/
/*** zona emllaços ****/
.portada_contigut_enllas a {
  display: block;
  text-decoration: none;
  margin-bottom: 5px;
  padding: 0px;
  background: #000000;
  color: #ffffff;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
}
.portada_contigut_enllas a:hover {
  text-decoration: underline;
}
.portada_contigut_enllas {
  padding-top: 0px;
  padding-bottom: 10px;
}
.portada_contigut_enllas ul {
  margin: 0;
  padding: 0;
}
.portada_contigut_enllas ul li {
  list-style-type: none;
}
/******** Recents portada ***************************/
.recents_portada {
  /*height: 200px;*/
  margin-bottom: 20px;
  /*overflow: auto !important;*/
}
.recents_portada h2 {
  font-size: 24px;
  color: #444444;
  margin-bottom: 4px;
  text-align: left;
}
.recents_portada .cos_info {
  color: #000000;
  display: block;
  text-decoration: none;
  font-size: 12px;
  background: #E4F5F5;
  color: #333333;
  padding: 3px 8px 3px 8px;
  margin-bottom: 4px;
}
.recents_portada .cos_info a {
  color: #444444;
}
.recents_portada .cos_info a.titol {
  display: block;
  font-size: 14px;
}
.portada_contigut_llista .cos_info a:hover {
  text-decoration: underline;
}
.quan_fa {
  font-size: 12px !important;
}
/**** portada_acces_intranet ****/
.fons_marro_enllas {
  min-height: 220px;
  color: #ffffff;
  margin-bottom: 20px;
  background: #464637;
  clear: both;
}
.fons_taronja_enllas {
  min-height: 220px;
  color: #ffffff;
  margin-bottom: 20px;
  background: #DEAA01;
  clear: both;
}
.portada_acces_intranet {
  text-align: left;
}
.portada_acces_intranet .activador_enllas {
  display: block;
  font-size: 1.3em;
  padding: 10px  10px 100px 10px;
  cursor: default;
  line-height: 1.2em;
}
.portada_acces_intranet .enllas {
  display: none;
  left: 10px;
  right: 10px;
  margin-top: 40px;
  position: absolute;
  height: 110px;
}
.titol_enllas_intranet {
  min-height: 60px;
  padding-right: 10px;
}
.fons_marro_clar {
  background: #C8C8C3 !important;
}
.fons_taronja_clar {
  background: #F5E6B3 !important;
}
.portada_acces_intranet .enllas a {
  display: block;
  padding: 10px 20px 0px 10px;
  min-height: 110px;
  font-size: 14px;
  line-height: 1.25em;
}
.portada_acces_intranet .enllas a:hover {
  text-decoration: none;
}
/**** Banner ***************************/
.fons_gris .contenidor_banner {
  background: #ffffff;
  padding-left: 20px;
  padding-bottom: 10px;
}
/*** Llista enllassos **/
.llista_enllassos_portada {
  padding: 0px 0px 0px 0px;
  margin-bottom: 20px;
}
.llista_enllassos_portada h2 {
  font-size: 1.3em;
  font-weight: 200;
  margin-bottom: 15px;
}
/*** recents***/
.banner_portada {
  margin-bottom: 30px;
}
.banner_portada .td_justificat {
  font-size: 16px;
  color: #000000;
  font-weight: 400 !important;
}
/***************************************************
    Contingut unic
***************************************************/
.portada_contigut_unic h2 {
  font-size: 25px;
  line-height: 120%;
}
.portada_contigut_unic .titol {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.1em;
  margin-top: 5px;
  display: block;
}
.portada_contigut_unic .titol:hover {
  text-decoration: none;
}
.portada_contigut_unic {
  min-height: 140px;
  padding: 10px;
}
.portada_contigut_unic .data_info {
  min-height: 20px;
  font-size: 12px;
  color: #888888;
}
.portada_contigut_unic .c_unic_informacio {
  vertical-align: top;
  padding-left: 20px;
}
.c_unic_mes_info {
  display: block;
  text-align: right;
  margin-bottom: 20px;
  font-size: 13px;
}
.c_unic_mes_info:hover {
  color: #FFB400;
  text-decoration: underline;
}
.portada_contigut_unic a:hover {
  text-decoration: underline;
}
/**** Agenda ******/
/***************************************************
    Contingut agenda
***************************************************/
.portada_contigut_agenda .titol_agenda {
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 5px;
}
.portada_contigut_agenda .titol:hover {
  text-decoration: none;
}
.c_unic_item_agenda {
  position: relative;
  min-height: 100px;
}
.agenda_data_portada {
  width: 160px;
  height: 90px;
  text-align: center;
  margin-bottom: 10px;
  font-weight: 300;
  left: 0;
  position: absolute;
  margin-top: 5px;
}
.agenda_propi {
  background: #ffffff;
  border: 1px solid #eee;
}
.agenda_tercers {
  background: #fff;
}
.info_agenda {
  margin-left: 180px;
}
.data_mes {
  padding-top: 25px;
  font-size: 15px;
  line-height: 0.8em;
  margin-bottom: 2px;
  text-transform: lowercase;
  font-weight: 400;
}
.data_dia {
  font-size: 28px;
  line-height: 99%;
  text-transform: lowercase;
  font-weight: 400;
}
.portada_contigut_agenda .c_unic_informacio {
  vertical-align: top;
  padding-left: 10px;
  margin-bottom: 20px;
  margin-left: 170px;
}
/***** FINAL AGENDA ******/
/*.portada_contigut_agenda .veure_tot_portada
{
    border-top: 1px solid #8B0050;
}*/
.portada_contigut_agenda .data_info {
  color: #444444;
  font-size: 13px;
}
/**** Noticies ******/
.portada_contigut_noticies h2 {
  border-bottom: none;
  margin: 0px;
  text-align: center;
  font-size: 30px;
  margin-bottom: 20px;
  text-align: left;
}
.portada_contigut_noticies .c_unic_informacio {
  vertical-align: top;
  text-align: center;
}
.portada_contigut_noticies .veure_tot_portada {
  border-top: none;
}
.portada_contigut_noticies .item {
  margin-bottom: 10px;
}
.portada_contigut_noticies .item .titol {
  font-size: 14px;
  color: #333333;
  font-weight: 600;
  display: inline-block;
  margin-bottom: 5px;
  line-height: 130%;
}
.portada_contigut_noticies .item:hover .titol {
  font-size: 14px;
  color: #d8a300;
  font-weight: 600;
  text-decoration: none;
}
.portada_contigut_noticies .data_info {
  color: #444444;
  font-size: 13px;
}
.portada_contigut_noticies .item {
  margin-bottom: 10px;
}
.portada_contigut_noticies .entradeta-portada {
  font-size: 16px;
  line-height: 150%;
  color: #333333;
  font-weight: 400;
  margin-top: 15px;
}
.banner_portada .titol_banner_espai a {
  color: #ffffff;
  text-align: left;
  font-weight: 600;
  line-height: 150%;
}
.banner_portada .titol_banner_espai a:hover {
  color: #000;
  text-align: left;
}
.banner_portada p {
  color: #333;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400;
}
.banner_portada img {
  max-width: 100%;
  height: auto;
}
.banner_portada iframe {
  display: block;
  max-width: 100%;
}
.cos_banner .td_justificat {
  font-weight: 600;
}
/*** CAnvis de colors, caldrà definir per cada convinació */
.item_portada a.item_link {
  font-family: Kameron, serif, "Open Sans", Verdana;
  color: #d8a300;
  text-decoration: none;
  font-weight: 600;
  line-height: 120%;
  font-size: 18px;
  text-transform: uppercase;
  padding-top: 20px;
  text-align: center;
  letter-spacing: 1px;
}
.item_portada a.item_link:hover {
  color: #000000;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
.agenda_data_portada {
  background: #d8a300;
  color: #000000;
  border: none;
}
.c_unic_item_agenda:hover .agenda_data_portada {
  background: #d8a300;
  color: #000000;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
.c_unic_item_agenda:hover .c_unic_informacio a {
  color: #000000;
  text-decoration: none;
  transition: color 0.3s ease-in-out;
}
.veure_tot_portada {
  color: #eee;
}
.veure_tot_portada:hover {
  color: #fff;
}
.banner_portada_horitzontal {
  display: inline-block;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 20px;
}
.banner_portada_horitzontal img {
  margin: 0 auto;
}
@media (min-width: 375px) and (max-width: 667px) {
  .banner_portada .titol_banner {
    color: #fff;
    text-align: center;
    font-size: 40px;
    padding: 30px 0 30px 0;
    font-weight: 900;
    letter-spacing: 0em;
  }
}
/**** fons de contenidors de portada *****/
.seccio_estil_comu .titol_nivell_1 {
  font-weight: 400;
}
.seccio_estil_1 {
  background: #ffffff;
}
.seccio_estil_2 {
  background: #FaFaFa;
  background: linear-gradient(#fafafa, #fdfdfd, #ececec);
}
.seccio_estil_3 {
  background: #cccccc;
}
.seccio_estil_4 {
  background: #000000;
}
.seccio_estil_4 .titol_nivell_1 {
  color: #ffffff;
}
.portada_text_wysiwyg {
  clear: both;
  padding-top: 0px;
}
.portada_text_wysiwyg .td_justificat {
  font-size: 16px !important;
  font-weight: 300;
}
.form_voltant_portada {
  text-align: center;
  /*.text_cap,.text_peu {
        text-align: left;
    }*/
}
.form_voltant_portada label.error {
  border: none;
  color: red;
  background: none;
  width: inherit;
  display: none !important;
  position: absolute;
  text-align: center;
  display: block;
}
.form_voltant_portada input[type="submit"] {
  float: none !important;
}
.form_voltant_portada input[type="text"] {
  border-radius: 0;
  border: none;
  width: 240px;
  display: inline-block;
}
.form_voltant_portada input[type="text"].error {
  border: 1px solid red;
}
.form_voltant_portada input[type="text"].input_data {
  width: 100px;
}
/***********************************************************************

    Ajustos per diferents mides

    * Extra EXTRA small devices (small phones, less than 480px) - afegida aladetres
    * Extra small devices (phones, less than 768px)
    * Small devices (tablets, 768px and up)
    * Medium devices (desktops, 992px and up)
    * Large devices (large desktops, 1200px and up)

**********************************************************************/
/******************************************************
  MIDA XXS - per telefon vertical
****************************************************/
@media screen and (max-width: 479px) {
  .txt_peu_foto {
    font-size: 10px;
  }
  .foto_contingut {
    width: 100% !important;
  }
  .banner_portada .titol_banner {
    color: #fff;
    text-align: center;
    letter-spacing: 0em !important;
    font-weight: 600;
    font-size: 40px;
    padding: 30px 0 30px 0;
  }
  .entradeta {
    font-size: 16px;
  }
  #slogan {
    font-size: 0;
  }
  #menu_tablet {
    overflow: scroll;
    height: 100%;
    padding: 5px 10px 5px 15px;
    position: fixed;
  }
  #menu_tablet .tablet_n2 {
    padding: 10px 20px 15px 10px;
  }
}
/**************************************************/
/** MIDA XS  - telefons horitzontal
/**************************************************/
@media screen and (min-width: 480px) and (max-width: 767px) {
  #slogan {
    font-size: 16px;
    font-weight: 400;
  }
}
@media screen and (max-width: 767px) {
  .espai_documents,
  .continguts_relacionats {
    margin: 20px 10px 20px 10px;
  }
  h1 {
    font-size: 35px;
  }
  .titol_nivell_1 {
    font-size: 28px;
  }
  #peu_sup {
    padding-bottom: 20px;
    padding-top: 20px;
  }
  .cc-cookies {
    font-weight: 100;
    font-size: 22px;
    padding: 10px;
  }
  .cc-cookies a.cc-cookie-accept,
  .cc-cookies .cc-cookies-error a.cc-cookie-accept {
    font-weight: 100;
    font-size: 22px;
  }
  #menu_clavat {
    padding-bottom: 5px;
    border-bottom: 1px solid #888888;
    background: #333333;
  }
  .taula_fotos_horitzontals {
    width: 767px;
  }
  h1 {
    font-size: 30px;
    padding: 10px 0px 10px 0px;
  }
  .form_voltant form {
    padding: 10px;
  }
  .container {
    padding: 0px 5px 0px 5px;
  }
  #menu_tablet .tablet_n2 {
    margin-bottom: 0px;
  }
}
/**************************************************/
/** MIDA SM  - telefons grans                   **/
/**************************************************/
/*** SOLS a SM *****/
@media (min-width: 768px) and (max-width: 991px) {
  .item_menu {
    font-size: 12px !important;
    margin: 0 !important;
    height: 50px;
  }
  .container {
    width: 100%;
  }
  .titol_banner {
    padding: 0px;
    margin: 0 auto;
    font-size: 20px;
    font-weight: 400;
    color: #d8a300;
  }
  #peu_sup .td_justificat {
    font-size: 16px !important;
  }
  h1 {
    font-size: 35px;
    padding: 10px 0px 20px 0px;
  }
}
/*** Fins a SM (inclòs) *****/
@media (max-width: 991px) {
  .llarg_interior,
  .llarg_portada {
    height: auto;
  }
  .resaltat_nivell_1 {
    width: 70%;
    margin-left: 15%;
  }
  .portada_text_wysiwyg.text-img-left .text-seccio {
    padding-top: 30px;
  }
  .portada_text_wysiwyg.text-img-right .img-seccio {
    padding-top: 30px;
  }
  #img_logo {
    width: 170px;
    margin-top: 7px;
    margin-bottom: 5px;
  }
  input[type="submit"] {
    float: right;
  }
  label.error {
    width: 100%;
  }
  input[type='text'].input_data {
    width: 134px;
  }
  #contingut .row.two-col-right .col-main {
    padding-right: 0px;
  }
  #contingut .row.two-col-left .col-main {
    padding-left: 0px;
  }
  #contingut .three-col .col-md-4 {
    padding-bottom: 20px;
    padding-left: 0px;
  }
  #contingut .two-col .col-1 {
    padding-left: 0px;
  }
  #contingut .two-col .col-2 {
    padding-left: 0px;
  }
}
/**************************************************/
/** MIDA MD  - Tablet / escriptori  petit        **/
/**************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
  .item_menu {
    margin: 0 !important;
  }
  #menu_deplegable .item_menu {
    font-size: 13px;
  }
}
/**************************************************/
/** MIDA LG  - Escriptori gran                  **/
/**************************************************/