/* 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); } }
@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; }
.pdf_lateral_links { float: right; padding: 0px 90px 10px 10px; width: calc(100% / 3); }
.pdf_lateral_links .lateral_access { margin: 0; padding: 30px 0 0; }
.pdf_lateral_links .lateral_access li { display: inline-block; list-style: none; }
.pdf_lateral_links .lateral_access li .item { background-color: transparent; color: #09526a !important; display: block; font-family: 'AncizarSans-Regular', sans-serif; font-size: 22px; padding: 10px 20px; position: relative; -webkit-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.pdf_lateral_links .lateral_access li .item:hover, .pdf_lateral_links .lateral_access li .item:active, .pdf_lateral_links .lateral_access li .item:focus { background-color: #e1e1e1; outline: none; text-decoration: none; }
.pdf_lateral_links .lateral_access .active .item::before { background-color: #09526a; bottom: 5px; content: ''; height: 2px; left: 10px; position: absolute; right: 10px; }
.pdf_lateral_links .pdf_link { background-color: #e4e5e6; color: #58595b !important; display: block; margin-bottom: 25px; padding: 15px; }
.pdf_lateral_links .pdf_link img { display: inline-block; height: 40px; margin-right: 15px; vertical-align: middle; width: 30px; }
.pdf_lateral_links .pdf_link .pdf_name { display: inline-block; font-family: 'AncizarSans-LightItalic', sans-serif; font-size: 22px; line-height: 1.2; margin: 0; vertical-align: middle; width: calc(100% - 55px); }
.pdf_lateral_links .pdf_link:hover, .pdf_lateral_links .pdf_link:active, .pdf_lateral_links .pdf_link:focus { color: #58595b; outline: none; text-decoration: none; }

@media screen and (max-width: 90em) { .lateral_images .images .lateral-image-info .detail-image { font-size: 17px; } }
@media screen and (max-width: 40em) { .lateral_images { left: 0; padding: 5px 1%; position: absolute; top: 250px; width: 100%; }
  .lateral_images .images { display: none; }
  .lateral_images .lateral_access li { float: left; position: relative; width: 49%; }
  .lateral_images .lateral_access li .item { font-size: 18px; text-align: center; }
  .lateral_images .lateral_access li .item:hover, .lateral_images .lateral_access li .item:active, .lateral_images .lateral_access li .item:focus { background-color: transparent; }
  .lateral_images .lateral_access li:first-child::after { background: #e1e1e1; content: ''; height: 70%; position: absolute; right: 0; top: 15%; width: 1px; } }
@media screen and (max-width: 20em) { .lateral_images .lateral_access li .item { font-size: 16px; } }