/*Importamos Fuentes, Mixins y Variables*/
@font-face { font-family: 'AncizarSans-Bold'; src: url("../fonts/Ancizar-Sans/AncizarSans-Bold.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-Bold.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-Bold.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-Bold.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-Bold.svg#AncizarSans-Bold") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-Bold.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSans-Regular'; src: url("../fonts/Ancizar-Sans/AncizarSans-Regular.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-Regular.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-Regular.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-Regular.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-Regular.svg#AncizarSans-Regular") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-Regular.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSans-LightItalic'; src: url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.svg#AncizarSans-LightItalic") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-LightItalic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
/* Animations */
@-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }
@keyframes bounce { 0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); transform: translateY(0); }
  40% { -webkit-transform: translateY(-5px); transform: translateY(-5px); }
  60% { -webkit-transform: translateY(-5px); transform: translateY(-5px); } }
/*Scale animation*/
@-webkit-keyframes scale { 25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  75% { -webkit-transform: scale(1.05); transform: scale(1.05); } }
@keyframes scale { 25% { -webkit-transform: scale(0.95); transform: scale(0.95); }
  75% { -webkit-transform: scale(1.05); transform: scale(1.05); } }
/* Fonts */
/* Fonts sizes */
body { background: transparent !important; overflow-x: hidden; }

.agreements__click { padding: 5%; width: 100%; float: left; }
.agreements__click .agreements__title { color: #0a526a; font-family: 'AncizarSerif-Light', sans-seri; font-size: 40px; line-height: 1; margin-bottom: 45px; margin-top: 10px; }

.agreements__items-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.agreement__item { position: relative; width: 32%; margin-bottom: 25px; }
.agreement__item .item__mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 25%; }
.agreement__item .item__mask::before { content: ''; background-color: transparent; border: 1px solid #fff; left: 20px; top: 20px; right: 20px; bottom: 20px; z-index: 0; position: absolute; }
.agreement__item .item__name { font-family: "AncizarSans-Bold", Tahoma, Geneva, sans-serif; font-size: 30px; line-height: 1; color: #fff; margin: 0 0 10px; font-weight: inherit; z-index: 2; text-align: center; }
.agreement__item .item__action { background-color: #fff; font-size: 20px; color: #515151; text-transform: uppercase; padding: 8px 15px 5px; font-family: "AncizarSans-LightItalic", Tahoma, Geneva, sans-serif; line-height: 1; z-index: 2; }

.agreement__item--columns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.agreement__item--columns .item__link { background: #039291; display: block; padding: 10px 25px 15px; width: 100%; }
.agreement__item--columns .item__link:nth-child(2n) { background-color: #083c4f; }
.agreement__item--columns .link__name { color: #fff; font-family: "AncizarSans-Bold", Tahoma, Geneva, sans-serif; font-size: 30px; letter-spacing: 1px; line-height: 1.1; margin: 0; text-align: center; }
.agreement__item--columns .link__name span { font-family: "AncizarSans-LightItalic", Tahoma, Geneva, sans-serif; font-size: 28px; letter-spacing: 0; line-height: 1.4; padding-top: 3px; position: relative; display: block; margin-bottom: 5px; }
.agreement__item--columns .link__name span::before { content: ''; background-color: #bfd9d9; bottom: 0; height: 2px; left: 25px; position: absolute; right: 25px; }

@media screen and (max-width: 40em) { .agreement__item { width: 100%; margin-bottom: 25px; }
  .agreements__items-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
  .agreements__click { padding: 25px; }
  .agreement__item--columns .item__link { margin-bottom: 25px; } }