/** Modal **/
.modal-aberta {overflow: hidden;}

.c-experiencia-social-modal {}
.c-experiencia-social-modal .modal-background {display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: .75; filter: alpha(opacity=75); z-index: 10000001;}
.c-experiencia-social-modal .modal-cont {display: none; width: 300px; height: auto; max-height: 440px; position: fixed; overflow-x: hidden; overflow-y: scroll; background: white; left: 50%; top: 50%; margin: -220px 0 0 -150px; padding: 35px 30px 0px 30px; border: solid 1px #ccc; z-index: 10000002;}
.c-experiencia-social-modal .modal-background.ativa,
.c-experiencia-social-modal .modal-cont.ativa {display: block;}

.modal-fecha {position: absolute; width: 24px; height: 20px; top: 15px; right: 15px;}
.modal-fecha a {position: fixed; display: block; width: 24px; height: 20px;}
.modal-fecha a:hover {cursor: pointer;}
.modal-fecha a:before,
.modal-fecha a:after {width: 100%; height: 1px; content: ''; position: absolute; top: 50%; left: 0; background: #4ccaea;}
.modal-fecha a:before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.modal-fecha a:after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
.modal-fecha a span {font-size: 0;}

.c-experiencia-social-modal ul li {width: 100%; display: inline-block; padding: 15px 0px 25px 0px; border-bottom: solid 1px #e6e6e6;}
.c-experiencia-social-modal ul li:last-child {border-bottom: none;}
.c-experiencia-social-modal ul li div {position: relative; width: 50px; height: 50px; float: left; margin-right: 10px;}
.c-experiencia-social-modal .foto {width: 50px; height: 50px; display: block; position: relative; overflow: hidden;}
.c-experiencia-social-modal .foto img {position: relative; height: 100%; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%);}
.c-experiencia-social-modal svg {width: 20px; height: 20px; position: absolute; bottom: -10px; right: -10px;}
.c-experiencia-social-modal .ico-amei circle {fill: #d44343;}
.c-experiencia-social-modal .ico-curtir circle {fill: #4ccaea;}
.c-experiencia-social-modal .ico-amei path,
.c-experiencia-social-modal .ico-curtir path,
.c-experiencia-social-modal .ico-curtir rect {fill: #fff;}

.c-experiencia-social-modal .nome {display: table-cell; vertical-align: middle; line-height: 120%; font-family: Source Sans Pro ,sans-serif; font-size: 16px; color: #5a5a5a;}