/*Importamos Fuentes, Mixins y Variables*/
@font-face { font-family: 'Ancizar-Sans-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-BoldItalic'; src: url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.svg#AncizarSans-BoldItalic") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-BoldItalic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSans-RegularItalic'; src: url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.eot"); src: url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.woff2") format("woff2"), url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.woff") format("woff"), url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.ttf") format("truetype"), url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.svg#AncizarSans-RegularItalic") format("svg"), url("../fonts/Ancizar-Sans/AncizarSans-RegularItalic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSerif-LightItalic'; src: url("../fonts/Ancizar-Serif/AncizarSerif-LightItalic.eot"); src: url("../fonts/Ancizar-Serif/AncizarSerif-LightItalic.woff2") format("woff2"), url("../fonts/Ancizar-Serif/AncizarSerif-LightItalic.woff") format("woff"), url("../fonts/Ancizar-Serif/AncizarSerif-LightItalic.ttf") format("truetype"), url("../fonts/Ancizar-Serif/AncizarSerif-LightItalic.svg#AncizarSerif-LightItalic") format("svg"), url("../fonts/Ancizar-Serif/AncizarSerif-LightItalic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSans-Light'; src: url("../fonts/Ancizar-Serif/AncizarSans-Light.eot"); src: url("../fonts/Ancizar-Serif/AncizarSans-Light.woff2") format("woff2"), url("../fonts/Ancizar-Serif/AncizarSans-Light.woff") format("woff"), url("../fonts/Ancizar-Serif/AncizarSans-Light.ttf") format("truetype"), url("../fonts/Ancizar-Serif/AncizarSans-Light.svg#AncizarSans-Light") format("svg"), url("../fonts/Ancizar-Serif/AncizarSans-Light.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Ancizar-Serif-Italic'; src: url("../fonts/Ancizar-Serif/AncizarSerif-Italic.eot"); src: url("../fonts/Ancizar-Serif/AncizarSerif-Italic.woff2") format("woff2"), url("../fonts/Ancizar-Serif/AncizarSerif-Italic.woff") format("woff"), url("../fonts/Ancizar-Serif/AncizarSerif-Italic.ttf") format("truetype"), url("../fonts/Ancizar-Serif/AncizarSerif-Italic.svg#AncizarSerif-Italic") format("svg"), url("../fonts/Ancizar-Serif/AncizarSerif-Italic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'AncizarSerif-ExtraboldItalic-Italic'; src: url("../fonts/Ancizar-Serif/AncizarSerif-ExtraboldItalic.eot"); src: url("../fonts/Ancizar-Serif/AncizarSerif-ExtraboldItalic.woff2") format("woff2"), url("../fonts/Ancizar-Serif/AncizarSerif-ExtraboldItalic.woff") format("woff"), url("../fonts/Ancizar-Serif/AncizarSerif-ExtraboldItalic.ttf") format("truetype"), url("../fonts/Ancizar-Serif/AncizarSerif-ExtraboldItalic.svg#AncizarSerif-ExtraboldItalic") format("svg"), url("../fonts/Ancizar-Serif/AncizarSerif-ExtraboldItalic.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato-Bold'; src: url("../fonts/Lato/Lato-Bold.eot"); src: url("../fonts/Lato/Lato-Bold.woff2") format("woff2"), url("../fonts/Lato/Lato-Bold.woff") format("woff"), url("../fonts/Lato/Lato-Bold.ttf") format("truetype"), url("../fonts/Lato/Lato-Bold.svg#Lato-Bold") format("svg"), url("../fonts/Lato/Lato-Bold.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato-Hairline'; src: url("../fonts/Lato/Lato-Hairline.eot"); src: url("../fonts/Lato/Lato-Hairline.woff2") format("woff2"), url("../fonts/Lato/Lato-Hairline.woff") format("woff"), url("../fonts/Lato/Lato-Hairline.ttf") format("truetype"), url("../fonts/Lato/Lato-Hairline.svg#Lato-Hairline") format("svg"), url("../fonts/Lato/Lato-Hairline.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato-Semibold'; src: url("../fonts/Lato/Lato-Semibold.eot"); src: url("../fonts/Lato/Lato-Semibold.woff2") format("woff2"), url("../fonts/Lato/Lato-Semibold.woff") format("woff"), url("../fonts/Lato/Lato-Semibold.ttf") format("truetype"), url("../fonts/Lato/Lato-Semibold.svg#Lato-Semibold") format("svg"), url("../fonts/Lato/Lato-Semibold.eot?#iefix") format("embedded-opentype"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'Lato-Thin'; src: url("../fonts/Lato/Lato-Thin.eot"); src: url("../fonts/Lato/Lato-Thin.woff2") format("woff2"), url("../fonts/Lato/Lato-Thin.woff") format("woff"), url("../fonts/Lato/Lato-Thin.ttf") format("truetype"), url("../fonts/Lato/Lato-Thin.svg#Lato-Thin") format("svg"), url("../fonts/Lato/Lato-Thin.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); } }
/* Colors */
/* Fonts */
/* Fonts sizes */
body { background: transparent !important; overflow-x: hidden; }

.peec_contact_mosaic { padding: 10px 95px 50px; }
.peec_contact_mosaic .person { padding: 15px; position: relative; }
.peec_contact_mosaic .person .detail_person { background: rgba(0, 0, 0, 0.35); bottom: 15px; color: #fff; left: 15px; position: absolute; right: 15px; top: 15px; }
.peec_contact_mosaic .person .detail_person .content { height: 170px; border: 3px solid #fff; bottom: 15px; left: 10%; padding: 12px 10px; position: absolute; text-align: center; width: 80%; }
.peec_contact_mosaic .person .detail_person .content .name { color: #fff !important; font-family: "Ancizar-Sans-Regular", Tahoma, Geneva, sans-serif; font-size: 18px; line-height: 1.1; margin: 0; min-height: 37px; text-transform: uppercase; }
.peec_contact_mosaic .person .detail_person .content .job { display: block; font-family: "AncizarSans-RegularItalic", Tahoma, Geneva, sans-serif; font-size: 15px; line-height: 1.2; min-height: 32px; padding: 0 20px; }
.peec_contact_mosaic .person .detail_person .content .email { color: #fff !important; font-family: "Ancizar-Sans-Regular", Tahoma, Geneva, sans-serif; font-size: 15px; line-height: 1.5; margin: 8px 0 5px; text-transform: initial; }
.peec_contact_mosaic .person .detail_person .content .phone { font-family: "Ancizar-Sans-Regular", Tahoma, Geneva, sans-serif; font-size: 16px; }

@media screen and (max-width: 1600px) { .peec_contact_mosaic .person .detail_person .content .name { font-size: 17px; }
  /*.peec_contact_mosaic .person .detail_person .content { height: 20%; }*/  
  .peec_contact_mosaic .person .detail_person .content .job { font-size: 14px; padding: 0 10px; }
  .peec_contact_mosaic .person .detail_person .content .email { font-size: 16px; } }
@media screen and (max-width: 40em) { .peec_contact_mosaic { padding: 10px 25px 50px; }
  /*.peec_contact_mosaic .person .detail_person .content { height: 20%; }*/  
  .peec_contact_mosaic .person { width: 100%; } }