@import url("https://fonts.googleapis.com/css?family=Kanit:300,300i,400,500,600,700|Permanent+Marker");  article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block; } audio,
canvas,
video {
display: inline-block; } audio:not([controls]) {
display: none;
height: 0; } [hidden], template {
display: none; } html {
background: #fff;
color: #000;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%; } html,
button,
input,
select,
textarea {
font-family: 'Kanit', sans-serif; } body {
margin: 0; 
} a {
background: transparent; } a:focus {
outline: thin dotted; } a:hover, a:active {
outline: 0; } h1 {
font-size: 2em;
margin: 0.67em 0;
line-height: normal; } h2 {
font-size: 1.5em;
margin: 0.83em 0;
line-height: normal; } h3 {
font-size: 1.17em;
margin: 1em 0;
line-height: normal; } h4 {
font-size: 1em;
margin: 1.33em 0;
line-height: normal; } h5 {
font-size: 0.83em;
margin: 1.67em 0;
line-height: normal; } h6 {
font-size: 0.75em;
margin: 2.33em 0;
line-height: normal; } abbr[title] {
border-bottom: 1px dotted; } b,
strong {
font-weight: bold; } dfn {
font-style: italic; } mark {
background: #ff0;
color: #000; } code,
kbd,
pre,
samp {
font-family: monospace, serif;
font-size: 1em; } pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word; } q {
quotes: "\201C" "\201D" "\2018" "\2019"; } q:before,
q:after {
content: '';
content: none; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; } sup {
top: -0.5em; } sub {
bottom: -0.25em; } img {
border: 0; } svg:not(:root) {
overflow: hidden; } figure {
margin: 0; } fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em; } legend {
border: 0;
padding: 0;
white-space: normal; } button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
vertical-align: baseline; } button,
input {
line-height: normal; } button,
select {
text-transform: none; } button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer; } button[disabled],
input[disabled] {
cursor: default; } input[type="checkbox"],
input[type="radio"] {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0; } input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
box-sizing: content-box; } input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0; } textarea {
overflow: auto;
vertical-align: top; } table {
border-collapse: collapse;
border-spacing: 0; } *, *:before, *:after {
-moz-box-sizing: border-box;
box-sizing: border-box; } body {
background-color: #141414;
background: url(//homens-macaco.com//wp-content/themes/hm/images/background-1.jpg) repeat;
color: #848484;
font-family: 'Kanit', sans-serif;
font-size: 16px;
line-height: 24px; } #site-content {
overflow: hidden; } .button {
display: inline-block;
padding: 10px 30px;
background-color: #fd5927;
border: none;
color: white;
text-decoration: none;
outline: none;
-webkit-transition: .3s ease;
transition: .3s ease; } .button:hover {
background-color: #fd805a; } .button.primary {
background-color: #fd5927; } .button.primary:hover {
background-color: #fd805a; } .button.secondary {
background-color: #848484;
color: white; } .button.secondary:hover {
background-color: #9e9e9e; } .button.small {
padding: 5px 10px; } .button.cut-corner {
background: -webkit-linear-gradient(90deg, #fd5927, #fd5927) top left, -webkit-linear-gradient(90deg, #fd5927, #fd5927) top right, -webkit-linear-gradient(135deg, transparent 10px, #fd5927 0) bottom right, -webkit-linear-gradient(90deg, #fd5927, #fd5927) bottom left;
background: linear-gradient(0deg, #fd5927, #fd5927) top left, linear-gradient(0deg, #fd5927, #fd5927) top right, linear-gradient(315deg, transparent 10px, #fd5927 0) bottom right, linear-gradient(0deg, #fd5927, #fd5927) bottom left;
background-size: 55% 55%;
background-repeat: no-repeat; } .button.cut-corner:hover {
background: -webkit-linear-gradient(90deg, #fd805a, #fd805a) top left, -webkit-linear-gradient(90deg, #fd805a, #fd805a) top right, -webkit-linear-gradient(135deg, transparent 10px, #fd805a 0) bottom right, -webkit-linear-gradient(90deg, #fd805a, #fd805a) bottom left;
background: linear-gradient(0deg, #fd805a, #fd805a) top left, linear-gradient(0deg, #fd805a, #fd805a) top right, linear-gradient(315deg, transparent 10px, #fd805a 0) bottom right, linear-gradient(0deg, #fd805a, #fd805a) bottom left;
background-size: 55% 55%;
background-repeat: no-repeat; } .button.cut-corner:active {
background: -webkit-linear-gradient(90deg, #d63302, #d63302) top left, -webkit-linear-gradient(90deg, #d63302, #d63302) top right, -webkit-linear-gradient(135deg, transparent 10px, #d63302 0) bottom right, -webkit-linear-gradient(90deg, #d63302, #d63302) bottom left;
background: linear-gradient(0deg, #d63302, #d63302) top left, linear-gradient(0deg, #d63302, #d63302) top right, linear-gradient(315deg, transparent 10px, #d63302 0) bottom right, linear-gradient(0deg, #d63302, #d63302) bottom left;
background-size: 55% 55%;
background-repeat: no-repeat; }  #imagelightbox {
cursor: pointer;
position: fixed;
z-index: 10000;
-ms-touch-action: none;
touch-action: none; box-shadow: 0 0 3.125em rgba(0, 0, 0, 0.75); }  #imagelightbox-loading,
#imagelightbox-loading div {
border-radius: 50%; } #imagelightbox-loading {
width: 2.5em; height: 2.5em; background-color: #444;
background-color: rgba(0, 0, 0, 0.5);
position: fixed;
z-index: 10003;
top: 50%;
left: 50%;
padding: 0.625em; margin: -1.25em 0 0 -1.25em;  box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.75); } #imagelightbox-loading div {
width: 1.25em; height: 1.25em; background-color: #fff;
-webkit-animation: imagelightbox-loading .5s ease infinite;
animation: imagelightbox-loading .5s ease infinite; }
@-webkit-keyframes imagelightbox-loading {
from {
opacity: .5;
-webkit-transform: scale(0.75); }
50% {
opacity: 1;
-webkit-transform: scale(1); }
to {
opacity: .5;
-webkit-transform: scale(0.75); } }
@keyframes imagelightbox-loading {
from {
opacity: .5;
-webkit-transform: scale(0.75);
transform: scale(0.75); }
50% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1); }
to {
opacity: .5;
-webkit-transform: scale(0.75);
transform: scale(0.75); } }  #imagelightbox-overlay {
background-color: #fff;
background-color: rgba(255, 255, 255, 0.9);
position: fixed;
z-index: 9998;
top: 0;
right: 0;
bottom: 0;
left: 0; }  #imagelightbox-close {
width: 2.5em; height: 2.5em; text-align: left;
border: none;
background-color: #666;
border-radius: 50%;
position: fixed;
z-index: 10002;
top: 2.5em; right: 2.5em; -webkit-transition: color .3s ease;
transition: color .3s ease; } #imagelightbox-close:hover,
#imagelightbox-close:focus {
background-color: #111; } #imagelightbox-close:before,
#imagelightbox-close:after {
width: 2px;
background-color: #fff;
content: '';
position: absolute;
top: 20%;
bottom: 20%;
left: 50%;
margin-left: -1px; } #imagelightbox-close:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); } #imagelightbox-close:after {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg); }  #imagelightbox-caption {
text-align: center;
color: #fff;
background-color: #666;
position: fixed;
z-index: 10001;
left: 0;
right: 0;
bottom: 0;
padding: 0.625em; }  #imagelightbox-nav {
background-color: #444;
background-color: rgba(0, 0, 0, 0.5);
border-radius: 20px;
position: fixed;
z-index: 10001;
left: 50%;
bottom: 3.75em; padding: 0.313em; -webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%); } #imagelightbox-nav button {
width: 1em; height: 1em; background-color: transparent;
border: 1px solid #fff;
border-radius: 50%;
display: inline-block;
margin: 0 0.313em; } #imagelightbox-nav button.active {
background-color: #fff; }  .imagelightbox-arrow {
width: 3.75em; height: 7.5em; background-color: #444;
background-color: rgba(0, 0, 0, 0.5);
vertical-align: middle;
display: none;
position: fixed;
z-index: 10001;
top: 50%;
margin-top: -3.75em; border: none; } .imagelightbox-arrow:hover,
.imagelightbox-arrow:focus {
background-color: #666;
background-color: rgba(0, 0, 0, 0.75); } .imagelightbox-arrow:active {
background-color: #111; } .imagelightbox-arrow-left {
left: 2.5em; } .imagelightbox-arrow-right {
right: 2.5em; } .imagelightbox-arrow:before {
width: 0;
height: 0;
border: 1em solid transparent;
content: '';
display: inline-block;
margin-bottom: -0.125em; } .imagelightbox-arrow-left:before {
border-left: none;
border-right-color: #fff;
margin-left: -0.313em; } .imagelightbox-arrow-right:before {
border-right: none;
border-left-color: #fff;
margin-right: -0.313em; } #imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow {
-webkit-animation: fade-in .25s linear;
animation: fade-in .25s linear; }
@-webkit-keyframes fade-in {
from {
opacity: 0; }
to {
opacity: 1; } }
@keyframes fade-in {
from {
opacity: 0; }
to {
opacity: 1; } }
@media only screen and (max-width: 41.25em) { #container {
width: 100%; } #imagelightbox-close {
top: 1.25em; right: 1.25em; } #imagelightbox-nav {
bottom: 1.25em; } .imagelightbox-arrow {
width: 2.5em; height: 3.75em; margin-top: -2.75em; } .imagelightbox-arrow-left {
left: 1.25em; } .imagelightbox-arrow-right {
right: 1.25em; } }
@media only screen and (max-width: 20em) { .imagelightbox-arrow-left {
left: 0; } .imagelightbox-arrow-right {
right: 0; } } .container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
*zoom: 1; } .container:after {
content: " ";
clear: both;
display: block;
overflow: hidden;
height: 0; }
@media (min-width: 768px) { .container {
width: 750px; } }
@media (min-width: 992px) { .container {
width: 970px; } }
@media (min-width: 1200px) { .container {
width: 1170px; } } .container-fluid {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
*zoom: 1; } .container-fluid:after {
content: " ";
clear: both;
display: block;
overflow: hidden;
height: 0; } .row {
margin-left: -15px;
margin-right: -15px;
*zoom: 1; } .row:after {
content: " ";
clear: both;
display: block;
overflow: hidden;
height: 0; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-left: 15px;
padding-right: 15px; } .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 {
float: left; } .col-xs-1 {
width: 8.33333%; } .col-xs-2 {
width: 16.66667%; } .col-xs-3 {
width: 25%; } .col-xs-4 {
width: 33.33333%; } .col-xs-5 {
width: 41.66667%; } .col-xs-6 {
width: 50%; } .col-xs-7 {
width: 58.33333%; } .col-xs-8 {
width: 66.66667%; } .col-xs-9 {
width: 75%; } .col-xs-10 {
width: 83.33333%; } .col-xs-11 {
width: 91.66667%; } .col-xs-12 {
width: 100%; } .col-xs-pull-0 {
right: auto; } .col-xs-pull-1 {
right: 8.33333%; } .col-xs-pull-2 {
right: 16.66667%; } .col-xs-pull-3 {
right: 25%; } .col-xs-pull-4 {
right: 33.33333%; } .col-xs-pull-5 {
right: 41.66667%; } .col-xs-pull-6 {
right: 50%; } .col-xs-pull-7 {
right: 58.33333%; } .col-xs-pull-8 {
right: 66.66667%; } .col-xs-pull-9 {
right: 75%; } .col-xs-pull-10 {
right: 83.33333%; } .col-xs-pull-11 {
right: 91.66667%; } .col-xs-pull-12 {
right: 100%; } .col-xs-push-0 {
left: auto; } .col-xs-push-1 {
left: 8.33333%; } .col-xs-push-2 {
left: 16.66667%; } .col-xs-push-3 {
left: 25%; } .col-xs-push-4 {
left: 33.33333%; } .col-xs-push-5 {
left: 41.66667%; } .col-xs-push-6 {
left: 50%; } .col-xs-push-7 {
left: 58.33333%; } .col-xs-push-8 {
left: 66.66667%; } .col-xs-push-9 {
left: 75%; } .col-xs-push-10 {
left: 83.33333%; } .col-xs-push-11 {
left: 91.66667%; } .col-xs-push-12 {
left: 100%; } .col-xs-offset-0 {
margin-left: 0%; } .col-xs-offset-1 {
margin-left: 8.33333%; } .col-xs-offset-2 {
margin-left: 16.66667%; } .col-xs-offset-3 {
margin-left: 25%; } .col-xs-offset-4 {
margin-left: 33.33333%; } .col-xs-offset-5 {
margin-left: 41.66667%; } .col-xs-offset-6 {
margin-left: 50%; } .col-xs-offset-7 {
margin-left: 58.33333%; } .col-xs-offset-8 {
margin-left: 66.66667%; } .col-xs-offset-9 {
margin-left: 75%; } .col-xs-offset-10 {
margin-left: 83.33333%; } .col-xs-offset-11 {
margin-left: 91.66667%; } .col-xs-offset-12 {
margin-left: 100%; }
@media (min-width: 768px) { .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 {
float: left; } .col-sm-1 {
width: 8.33333%; } .col-sm-2 {
width: 16.66667%; } .col-sm-3 {
width: 25%; } .col-sm-4 {
width: 33.33333%; } .col-sm-5 {
width: 41.66667%; } .col-sm-6 {
width: 50%; } .col-sm-7 {
width: 58.33333%; } .col-sm-8 {
width: 66.66667%; } .col-sm-9 {
width: 75%; } .col-sm-10 {
width: 83.33333%; } .col-sm-11 {
width: 91.66667%; } .col-sm-12 {
width: 100%; } .col-sm-pull-0 {
right: auto; } .col-sm-pull-1 {
right: 8.33333%; } .col-sm-pull-2 {
right: 16.66667%; } .col-sm-pull-3 {
right: 25%; } .col-sm-pull-4 {
right: 33.33333%; } .col-sm-pull-5 {
right: 41.66667%; } .col-sm-pull-6 {
right: 50%; } .col-sm-pull-7 {
right: 58.33333%; } .col-sm-pull-8 {
right: 66.66667%; } .col-sm-pull-9 {
right: 75%; } .col-sm-pull-10 {
right: 83.33333%; } .col-sm-pull-11 {
right: 91.66667%; } .col-sm-pull-12 {
right: 100%; } .col-sm-push-0 {
left: auto; } .col-sm-push-1 {
left: 8.33333%; } .col-sm-push-2 {
left: 16.66667%; } .col-sm-push-3 {
left: 25%; } .col-sm-push-4 {
left: 33.33333%; } .col-sm-push-5 {
left: 41.66667%; } .col-sm-push-6 {
left: 50%; } .col-sm-push-7 {
left: 58.33333%; } .col-sm-push-8 {
left: 66.66667%; } .col-sm-push-9 {
left: 75%; } .col-sm-push-10 {
left: 83.33333%; } .col-sm-push-11 {
left: 91.66667%; } .col-sm-push-12 {
left: 100%; } .col-sm-offset-0 {
margin-left: 0%; } .col-sm-offset-1 {
margin-left: 8.33333%; } .col-sm-offset-2 {
margin-left: 16.66667%; } .col-sm-offset-3 {
margin-left: 25%; } .col-sm-offset-4 {
margin-left: 33.33333%; } .col-sm-offset-5 {
margin-left: 41.66667%; } .col-sm-offset-6 {
margin-left: 50%; } .col-sm-offset-7 {
margin-left: 58.33333%; } .col-sm-offset-8 {
margin-left: 66.66667%; } .col-sm-offset-9 {
margin-left: 75%; } .col-sm-offset-10 {
margin-left: 83.33333%; } .col-sm-offset-11 {
margin-left: 91.66667%; } .col-sm-offset-12 {
margin-left: 100%; } }
@media (min-width: 992px) { .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 {
float: left; } .col-md-1 {
width: 8.33333%; } .col-md-2 {
width: 16.66667%; } .col-md-3 {
width: 25%; } .col-md-4 {
width: 33.33333%; } .col-md-5 {
width: 41.66667%; } .col-md-6 {
width: 50%; } .col-md-7 {
width: 58.33333%; } .col-md-8 {
width: 66.66667%; } .col-md-9 {
width: 75%; } .col-md-10 {
width: 83.33333%; } .col-md-11 {
width: 91.66667%; } .col-md-12 {
width: 100%; } .col-md-pull-0 {
right: auto; } .col-md-pull-1 {
right: 8.33333%; } .col-md-pull-2 {
right: 16.66667%; } .col-md-pull-3 {
right: 25%; } .col-md-pull-4 {
right: 33.33333%; } .col-md-pull-5 {
right: 41.66667%; } .col-md-pull-6 {
right: 50%; } .col-md-pull-7 {
right: 58.33333%; } .col-md-pull-8 {
right: 66.66667%; } .col-md-pull-9 {
right: 75%; } .col-md-pull-10 {
right: 83.33333%; } .col-md-pull-11 {
right: 91.66667%; } .col-md-pull-12 {
right: 100%; } .col-md-push-0 {
left: auto; } .col-md-push-1 {
left: 8.33333%; } .col-md-push-2 {
left: 16.66667%; } .col-md-push-3 {
left: 25%; } .col-md-push-4 {
left: 33.33333%; } .col-md-push-5 {
left: 41.66667%; } .col-md-push-6 {
left: 50%; } .col-md-push-7 {
left: 58.33333%; } .col-md-push-8 {
left: 66.66667%; } .col-md-push-9 {
left: 75%; } .col-md-push-10 {
left: 83.33333%; } .col-md-push-11 {
left: 91.66667%; } .col-md-push-12 {
left: 100%; } .col-md-offset-0 {
margin-left: 0%; } .col-md-offset-1 {
margin-left: 8.33333%; } .col-md-offset-2 {
margin-left: 16.66667%; } .col-md-offset-3 {
margin-left: 25%; } .col-md-offset-4 {
margin-left: 33.33333%; } .col-md-offset-5 {
margin-left: 41.66667%; } .col-md-offset-6 {
margin-left: 50%; } .col-md-offset-7 {
margin-left: 58.33333%; } .col-md-offset-8 {
margin-left: 66.66667%; } .col-md-offset-9 {
margin-left: 75%; } .col-md-offset-10 {
margin-left: 83.33333%; } .col-md-offset-11 {
margin-left: 91.66667%; } .col-md-offset-12 {
margin-left: 100%; } }
@media (min-width: 1200px) { .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 {
float: left; } .col-lg-1 {
width: 8.33333%; } .col-lg-2 {
width: 16.66667%; } .col-lg-3 {
width: 25%; } .col-lg-4 {
width: 33.33333%; } .col-lg-5 {
width: 41.66667%; } .col-lg-6 {
width: 50%; } .col-lg-7 {
width: 58.33333%; } .col-lg-8 {
width: 66.66667%; } .col-lg-9 {
width: 75%; } .col-lg-10 {
width: 83.33333%; } .col-lg-11 {
width: 91.66667%; } .col-lg-12 {
width: 100%; } .col-lg-pull-0 {
right: auto; } .col-lg-pull-1 {
right: 8.33333%; } .col-lg-pull-2 {
right: 16.66667%; } .col-lg-pull-3 {
right: 25%; } .col-lg-pull-4 {
right: 33.33333%; } .col-lg-pull-5 {
right: 41.66667%; } .col-lg-pull-6 {
right: 50%; } .col-lg-pull-7 {
right: 58.33333%; } .col-lg-pull-8 {
right: 66.66667%; } .col-lg-pull-9 {
right: 75%; } .col-lg-pull-10 {
right: 83.33333%; } .col-lg-pull-11 {
right: 91.66667%; } .col-lg-pull-12 {
right: 100%; } .col-lg-push-0 {
left: auto; } .col-lg-push-1 {
left: 8.33333%; } .col-lg-push-2 {
left: 16.66667%; } .col-lg-push-3 {
left: 25%; } .col-lg-push-4 {
left: 33.33333%; } .col-lg-push-5 {
left: 41.66667%; } .col-lg-push-6 {
left: 50%; } .col-lg-push-7 {
left: 58.33333%; } .col-lg-push-8 {
left: 66.66667%; } .col-lg-push-9 {
left: 75%; } .col-lg-push-10 {
left: 83.33333%; } .col-lg-push-11 {
left: 91.66667%; } .col-lg-push-12 {
left: 100%; } .col-lg-offset-0 {
margin-left: 0%; } .col-lg-offset-1 {
margin-left: 8.33333%; } .col-lg-offset-2 {
margin-left: 16.66667%; } .col-lg-offset-3 {
margin-left: 25%; } .col-lg-offset-4 {
margin-left: 33.33333%; } .col-lg-offset-5 {
margin-left: 41.66667%; } .col-lg-offset-6 {
margin-left: 50%; } .col-lg-offset-7 {
margin-left: 58.33333%; } .col-lg-offset-8 {
margin-left: 66.66667%; } .col-lg-offset-9 {
margin-left: 75%; } .col-lg-offset-10 {
margin-left: 83.33333%; } .col-lg-offset-11 {
margin-left: 91.66667%; } .col-lg-offset-12 {
margin-left: 100%; } }
@-ms-viewport {
width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg {
display: none !important; } .visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important; }
@media (max-width: 767px) { .visible-xs {
display: block !important; } table.visible-xs {
display: table; } tr.visible-xs {
display: table-row !important; } th.visible-xs,
td.visible-xs {
display: table-cell !important; } }
@media (max-width: 767px) { .visible-xs-block {
display: block !important; } }
@media (max-width: 767px) { .visible-xs-inline {
display: inline !important; } }
@media (max-width: 767px) { .visible-xs-inline-block {
display: inline-block !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm {
display: block !important; } table.visible-sm {
display: table; } tr.visible-sm {
display: table-row !important; } th.visible-sm,
td.visible-sm {
display: table-cell !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-block {
display: block !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline {
display: inline !important; } }
@media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block {
display: inline-block !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md {
display: block !important; } table.visible-md {
display: table; } tr.visible-md {
display: table-row !important; } th.visible-md,
td.visible-md {
display: table-cell !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-block {
display: block !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline {
display: inline !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block {
display: inline-block !important; } }
@media (min-width: 1200px) { .visible-lg {
display: block !important; } table.visible-lg {
display: table; } tr.visible-lg {
display: table-row !important; } th.visible-lg,
td.visible-lg {
display: table-cell !important; } }
@media (min-width: 1200px) { .visible-lg-block {
display: block !important; } }
@media (min-width: 1200px) { .visible-lg-inline {
display: inline !important; } }
@media (min-width: 1200px) { .visible-lg-inline-block {
display: inline-block !important; } }
@media (max-width: 767px) { .hidden-xs {
display: none !important; } }
@media (min-width: 768px) and (max-width: 991px) { .hidden-sm {
display: none !important; } }
@media (min-width: 992px) and (max-width: 1199px) { .hidden-md {
display: none !important; } }
@media (min-width: 1200px) { .hidden-lg {
display: none !important; } } .visible-print {
display: none !important; }
@media print { .visible-print {
display: block !important; } table.visible-print {
display: table; } tr.visible-print {
display: table-row !important; } th.visible-print,
td.visible-print {
display: table-cell !important; } } .visible-print-block {
display: none !important; }
@media print { .visible-print-block {
display: block !important; } } .visible-print-inline {
display: none !important; }
@media print { .visible-print-inline {
display: inline !important; } } .visible-print-inline-block {
display: none !important; }
@media print { .visible-print-inline-block {
display: inline-block !important; } }
@media print { .hidden-print {
display: none !important; } } .site-header {
*zoom: 1;
z-index: 99; } .site-header:after {
content: " ";
clear: both;
display: block;
overflow: hidden;
height: 0; } .header-collapse .site-header {
position: absolute;
width: 100%; } .site-header .container {
*zoom: 1;
border-bottom: 1px solid rgba(255, 255, 255, 0.15); } .site-header .container:after {
content: " ";
clear: both;
display: block;
overflow: hidden;
height: 0; } #branding {
float: left;
position: relative;
margin: 35px 0 20px;
color: inherit;
text-decoration: none; } #branding img {
display: block; } #branding .site-description {
display: block;
margin: 0; } .main-navigation {
float: right; } .main-navigation .toggle-menu {
background: none;
color: #848484;
font-size: 18px;
font-size: 1.125em;
border: none;
outline: none;
position: relative;
top: 40px;
display: none; } .main-navigation .toggle-menu:hover, .main-navigation .toggle-menu:active, .main-navigation .toggle-menu.active {
color: #fd5927; }
@media screen and (max-width: 640px) { .main-navigation .toggle-menu {
display: block; } } .main-navigation .menu {
list-style: none;
padding-left: 0;
margin: 0; }
@media screen and (min-width: 641px) { .main-navigation .menu {
display: block !important; } }
@media screen and (max-width: 640px) { .main-navigation .menu {
display: none; } } .main-navigation .menu .menu-item {
position: relative;
float: left; } .main-navigation .menu .menu-item:after {
content: " ";
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 0;
opacity: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid #fd5927;
-webkit-transition: .3s ease;
transition: .3s ease; } .main-navigation .menu .menu-item:last-child a:after {
display: none; } .main-navigation .menu .menu-item:hover:after, .main-navigation .menu .menu-item.current-menu-item:after {
opacity: 1; } .main-navigation .menu .menu-item:hover a, .main-navigation .menu .menu-item.current-menu-item a {
color: #fd5927; } .main-navigation .menu a {
display: block;
position: relative;
padding: 45px 20px;
color: white;
font-size: 15px;
font-size: 0.9375em;
font-weight: 600;
text-decoration: none;
-webkit-transition: .3s ease;
transition: .3s ease; } .main-navigation .menu a:after {
content: "/";
position: absolute;
right: 0;
color: rgba(255, 255, 255, 0.15);
font-weight: 300; } .mobile-menu {
clear: both;
border: 1px solid rgba(255, 255, 255, 0.15);
display: none;
margin-bottom: 20px; }
@media screen and (min-width: 641px) { .mobile-menu {
display: none !important; } } .mobile-menu .menu {
list-style: none;
margin: 0;
padding: 0; } .mobile-menu .menu a {
padding: 10px;
color: #848484;
text-decoration: none;
display: block;
background: #191919; } .mobile-menu .menu a:hover {
color: #fd5927; } .mobile-menu .menu .current-menu-item a {
color: #fd5927; }   .owl-carousel .owl-wrapper:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0; }  .owl-carousel {
display: none;
position: relative;
width: 100%;
-ms-touch-action: pan-y; } .owl-carousel .owl-wrapper {
display: none;
position: relative;
-webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer {
overflow: hidden;
position: relative;
width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight {
-webkit-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out; } .owl-carousel .owl-item {
float: left; } .owl-controls .owl-page,
.owl-controls .owl-buttons div {
cursor: pointer; } .owl-controls {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-tap-highlight-color: transparent; }  .grabbing {
cursor: url(//homens-macaco.com//wp-content/themes/hm/css/grabbing.png) 8 8, move; }  .owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0); } .content .post {
position: relative;
margin-bottom: 30px;
padding-left: 100px;
padding-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .content .post .entry-date {
position: absolute;
left: 0;
top: 0;
width: 70px;
background: #fd5927;
background: -webkit-linear-gradient(90deg, #fd5927, #fd5927) top left, -webkit-linear-gradient(90deg, #fd5927, #fd5927) top right, -webkit-linear-gradient(135deg, transparent 10px, #fd5927 0) bottom right, -webkit-linear-gradient(90deg, #fd5927, #fd5927) bottom left;
background: linear-gradient(0deg, #fd5927, #fd5927) top left, linear-gradient(0deg, #fd5927, #fd5927) top right, linear-gradient(315deg, transparent 10px, #fd5927 0) bottom right, linear-gradient(0deg, #fd5927, #fd5927) bottom left;
background-size: 55% 55%;
background-repeat: no-repeat;
color: white;
padding: 10px;
text-align: center; } .content .post .entry-date .date {
font-size: 36px;
font-size: 2.25em;
font-weight: 900; } .content .post .entry-date .month {
font-size: 14px;
font-size: 0.875em;
text-transform: uppercase; } .content .post .featured-image {
overflow: hidden;
margin-bottom: 20px; } .content .post .featured-image img {
width: 100%;
max-width: 100%;
height: auto;
display: block; } .content .post .entry-title {
margin-top: 0;
margin-bottom: 10px;
font-size: 24px;
font-size: 1.5em;
font-size: normal;
font-weight: 700; } .content .post .entry-title a {
color: white;
text-decoration: none;
-webkit-transition: .3s ease;
transition: .3s ease; } .content .post .entry-title a:hover {
color: #fd5927; } .content .post p {
margin-bottom: 10px; } .content .post a {
color: #fd5927;
text-decoration: none; } .map {
height: 320px; } .contact-form {
*zoom: 1; } .contact-form:after {
content: " ";
clear: both;
display: block;
overflow: hidden;
height: 0; } .contact-form input, .contact-form textarea {
background: #353535;
display: block;
width: 100%;
padding: 15px;
color: white;
margin-bottom: 10px;
border: none; } .contact-form textarea {
resize: vertical; } .contact-form input[type="submit"] {
float: right;
width: auto;
background-color: #fd5927; } .contact-form textarea {
min-height: 150px; } .map-wrapper address {
font-style: normal;
background: #353535;
border-bottom: 3px solid #fd5927;
padding: 10px;
color: white; } .map-wrapper address a {
color: white;
-webkit-transition: .3s ease;
transition: .3s ease;
text-decoration: none; } .map-wrapper address a:hover {
color: #fd5927; } .widget .widget-title {
margin-top: 0;
margin-bottom: 30px;
font-size: 36px;
font-size: 2.25em;
color: white; } .widget ul {
list-style: none;
padding-left: 0;
margin: 0; } .discography-list li {
display: table;
padding-bottom: 20px;
border-bottom: 1px solid #2c2c2c;
margin-bottom: 20px; } .discography-list li:last-child {
border-bottom: none; } .discography-list .cover, .discography-list .detail {
display: table-cell;
vertical-align: middle; } .discography-list .cover {
width: 124px;
height: 124px;
overflow: hidden; } .discography-list .cover img {
display: block;
width: 100%;
max-width: 100%; } .discography-list .detail {
padding-left: 20px; } .discography-list .detail h3 {
margin: 0;
font-weight: 400; } .discography-list .detail h3 a {
color: #fd5927;
text-decoration: none; } .discography-list .detail .year {
color: white;
display: block; } .site-footer {
background: #171717;
padding: 50px 0;
text-align: center; } .site-footer address {
font-style: normal; } .site-footer address a {
color: inherit;
text-decoration: none; } .site-footer .newsletter-form {
margin: 30px 0; } .site-footer .newsletter-form form {
*zoom: 1;
position: relative; } .site-footer .newsletter-form form:after {
content: " ";
clear: both;
display: block;
overflow: hidden;
height: 0; } .site-footer .newsletter-form input[type="email"] {
width: 80%;
padding: 25px;
border: none;
float: left;
background: #353535;
color: white;
outline: none;
-webkit-transition: .3s ease;
transition: .3s ease; }
@media screen and (max-width: 480px) { .site-footer .newsletter-form input[type="email"] {
width: 70%; } } .site-footer .newsletter-form input[type="email"]:hover, .site-footer .newsletter-form input[type="email"]:focus {
background: #4f4f4f; } .site-footer .newsletter-form input[type="submit"] {
width: 20%;
padding: 25px; }
@media screen and (max-width: 480px) { .site-footer .newsletter-form input[type="submit"] {
width: 30%; } } .site-footer .social-links {
margin: 50px 0; } .site-footer .social-links a {
display: inline-block;
width: 45px;
height: 45px;
background: -webkit-linear-gradient(0, #353535, #353535) top left, -webkit-linear-gradient(0, #353535, #353535) top right, -webkit-linear-gradient(135deg, transparent 5px, #353535 0) bottom right, -webkit-linear-gradient(0, #353535, #353535) bottom left;
background: linear-gradient(0, #353535, #353535) top left, linear-gradient(0, #353535, #353535) top right, linear-gradient(315deg, transparent 5px, #353535 0) bottom right, linear-gradient(0, #353535, #353535) bottom left;
background-size: 55% 55%;
background-repeat: no-repeat;
color: white;
margin: 0 5px;
font-size: 20px;
font-size: 1.25em;
line-height: 45px;
} .site-footer .social-links a:hover {
background: -webkit-linear-gradient(0, #4f4f4f, #4f4f4f) top left, -webkit-linear-gradient(0, #4f4f4f, #4f4f4f) top right, -webkit-linear-gradient(135deg, transparent 5px, #4f4f4f 0) bottom right, -webkit-linear-gradient(0, #4f4f4f, #4f4f4f) bottom left;
background: linear-gradient(0, #4f4f4f, #4f4f4f) top left, linear-gradient(0, #4f4f4f, #4f4f4f) top right, linear-gradient(315deg, transparent 5px, #4f4f4f 0) bottom right, linear-gradient(0, #4f4f4f, #4f4f4f) bottom left;
background-size: 55% 55%;
background-repeat: no-repeat; } .site-footer .copy {
color: #434343;
font-weight: 300;
font-size: 14px;
font-size: 0.875em; } .slider {
position: relative; } .slider .slides {
*zoom: 1;
margin: 0;
padding-left: 0;
list-style: none;
overflow: hidden; } .slider .slides:after {
content: " ";
clear: both;
display: block;
overflow: hidden;
height: 0; } .slider .slides li {
margin-right: -100%;
width: 100%;
float: left;
min-height: 540px;
background-color: #171717;
background-size: cover; } .slider .slides .container {
padding: 200px 0;
text-align: center; } .slider .slides .slide-title {
margin: 0;
color: white;
font-size: 90px;
font-size: 5.625em;
font-weight: 900;
line-height: 1;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
-webkit-transition: .3s ease;
transition: .3s ease;
-webkit-transition-delay: .3s;
transition-delay: .3s; } .slider .slides .slide-subtitle {
color: #fd5927;
font-size: 48px;
font-size: 3em;
font-weight: 300;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
-webkit-transition: .3s ease;
transition: .3s ease;
-webkit-transition-delay: .6s;
transition-delay: .6s; } .slider .slides .slide-desc {
font-size: 30px;
font-size: 1.875em;
font-weight: 300;
line-height: normal;
-webkit-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
-webkit-transition: .3s ease;
transition: .3s ease;
-webkit-transition-delay: .9s;
transition-delay: .9s; } .slider .slides .flex-active-slide .slide-title, .slider .slides .flex-active-slide .slide-subtitle, .slider .slides .flex-active-slide .slide-desc {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1; } .slider .flex-control-nav {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
width: 100%;
bottom: 30px;
z-index: 99;
text-align: center; } .slider .flex-control-nav li {
display: inline-block;
margin: 0 5px; } .slider .flex-control-nav li a {
display: block;
width: 15px;
height: 15px;
background: url(//homens-macaco.com//wp-content/themes/hm/css/images/pagination.png) no-repeat 0 0;
text-indent: -99999px;
cursor: pointer; } .slider .flex-control-nav li a.flex-active {
background-position: -15px 0; } .quote-slider {
position: relative;
margin: 80px 0; } .quote-slider .slides {
*zoom: 1;
margin: 0;
padding-left: 0;
list-style: none; } .quote-slider .slides:after {
content: " ";
clear: both;
display: block;
overflow: hidden;
height: 0; } .quote-slider blockquote {
margin: 0; } .quote-slider blockquote p {
font-size: 36px;
font-size: 2.25em;
color: white;
font-weight: 300;
line-height: normal; } .quote-slider blockquote cite {
display: block;
color: #fd5927;
font-size: 24px;
font-size: 1.5em;
font-weight: 100;
font-style: normal; } .quote-slider .flex-direction-nav {
*zoom: 1;
list-style: none;
padding-left: 0; } .quote-slider .flex-direction-nav:after {
content: " ";
clear: both;
display: block;
overflow: hidden;
height: 0; } .quote-slider .flex-direction-nav li {
float: left;
margin-right: 2px; } .quote-slider .flex-direction-nav a {
display: block;
width: 33px;
height: 33px;
color: white;
background-color: #353535;
line-height: 32px;
text-align: center;
-webkit-transition: .3s ease;
transition: .3s ease; } .quote-slider .flex-direction-nav a:hover {
background-color: #fd5927; } .section-title {
color: white;
font-size: 36px;
font-size: 2.25em;
font-weight: 700;
margin-top: 80px; } .section-header {
*zoom: 1;
border-bottom: 1px solid rgba(255, 255, 255, 0.15);
margin-bottom: 70px;
padding-top: 40px; } .section-header:after {
content: " ";
clear: both;
display: block;
overflow: hidden;
height: 0; } .section-header .section-title {
color: white;
font-size: 36px;
font-size: 2.25em;
font-weight: 700;
margin-top: 0;
float: left; } .event-carousel {
margin-bottom: 70px; } .event-nav {
float: right; } .event-nav a {
display: inline-block;
width: 33px;
height: 33px;
color: white;
background-color: #353535;
line-height: 32px;
text-align: center;
-webkit-transition: .3s ease;
transition: .3s ease; } .event-nav a:hover {
background-color: #fd5927; } .event {
position: relative;
padding-left: 100px; } .event .entry-date {
position: absolute;
left: 0;
top: 0;
width: 70px;
background: #fd5927;
background: -webkit-linear-gradient(90deg, #fd5927, #fd5927) top left, -webkit-linear-gradient(90deg, #fd5927, #fd5927) top right, -webkit-linear-gradient(135deg, transparent 10px, #fd5927 0) bottom right, -webkit-linear-gradient(90deg, #fd5927, #fd5927) bottom left;
background: linear-gradient(0deg, #fd5927, #fd5927) top left, linear-gradient(0deg, #fd5927, #fd5927) top right, linear-gradient(315deg, transparent 10px, #fd5927 0) bottom right, linear-gradient(0deg, #fd5927, #fd5927) bottom left;
background-size: 55% 55%;
background-repeat: no-repeat;
color: white;
padding: 10px;
text-align: center; } .event .entry-date .date {
font-size: 36px;
font-size: 2.25em;
font-weight: 900; } .event .entry-date .month {
font-size: 14px;
font-size: 0.875em;
text-transform: uppercase; } .event .entry-title {
margin-top: 0;
font-size: 16px;
font-size: 1em;
font-size: normal;
font-weight: 400; } .event .entry-title a {
color: white;
text-decoration: none; } .feature {
text-align: center;
margin-bottom: 50px; } .feature figure {
overflow: hidden;
position: relative; } .feature figure.cut-corner:after {
content: " ";
width: 37px;
height: 37px;
background: #141414;
position: absolute;
bottom: -15px;
right: -18px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg); } .feature figure img {
width: 100%;
max-width: 100%;
height: auto; } .feature .feature-title {
color: white;
font-size: 18px;
font-size: 1.125em;
font-weight: 400; } .inner-content {
padding: 80px 0; } .content .entry-title {
margin-top: 0;
margin-bottom: 30px;
font-size: 36px;
font-size: 2.25em;
color: white; } .content .featured-image {
overflow: hidden;
margin-bottom: 50px; } .content .featured-image img {
width: 100%;
max-width: 100%; } .content .leading {
margin-bottom: 50px;
color: white;
font-size: 18px;
font-size: 1.125em; } .content p {
margin: 0 0 40px; } .content.fullwidth {
padding: 80px 0; } .mobile-filter {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #fd5927;
padding: 10px 20px;
border-radius: 0;
background: none;
color: #fd5927;
font-weight: 400;
text-transform: uppercase;
font-size: 12px;
font-size: 0.75em;
display: none;
width: 100%;
text-align: center; }
@media screen and (max-width: 480px) { .mobile-filter {
display: block; } } .filter-links {
margin: 30px 0; } .filter-links a {
display: inline-block;
border: 1px solid #2c2c2c;
padding: 10px 20px;
border-radius: 0;
background: none;
color: white;
font-weight: 400;
text-transform: uppercase;
text-decoration: none;
line-height: normal;
font-size: 12px;
font-size: 0.75em;
-webkit-transition: .3s ease;
transition: .3s ease;
margin-right: 10px; } .filter-links a.current, .filter-links a:hover {
border: 1px solid #fd5927;
color: #fd5927; }
@media screen and (max-width: 480px) { .filter-links a {
display: none; } } .filterable-items .filterable-item {
-webkit-transition-property: -webkit-transform, opacity;
transition-property: transform, opacity;
-webkit-transition-duration: .3s;
transition-duration: .3s; } .filterable-items {
margin: 0 -15px; } .filterable-item {
padding: 15px;
width: 24.5%;
float: left;
-moz-box-sizing: border-box;
box-sizing: border-box; }
@media screen and (max-width: 768px) { .filterable-item {
width: 50%; } }
@media screen and (max-width: 480px) { .filterable-item {
width: 100%; } } .filterable-item figure {
overflow: hidden;
display: block; } .filterable-item figure img {
width: 100%;
max-width: 100%;
display: block; }   .filterable-items.no-transition,
.filterable-items.no-transition .filterable-item,
.filterable-items .filterable-item.no-transition {
-webkit-transition-duration: 0s;
transition-duration: 0s; } .download {
padding: 80px 0; } .page-title {
color: white;
font-size: 36px;
font-size: 2.25em; } .item {
*zoom: 1;
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #2c2c2c; } .item:after {
content: " ";
clear: both;
display: block;
overflow: hidden;
height: 0; } .item .item-title {
color: #fd5927;
font-weight: 400;
margin: 0; } .item .year {
display: block;
color: white;
margin-bottom: 20px; } .item a.button {
float: left;
margin-right: 10px; } .item .social-share {
float: right;
border: 1px solid #2c2c2c;
padding: 8px 10px;
line-height: normal; } .item .social-share span {
font-size: 13px;
font-size: 0.8125em; } .item .social-share a {
color: #848484;
display: inline-block;
margin: 0 5px;
-webkit-transition: .3s ease;
transition: .3s ease; } .item .social-share a:hover {
color: #fd5927; }  .titulocontent {
color: #f9d000;
font-weight: 700;
font-family: 'Kanit', sans-serif;
font-size: 46px;
line-height: 24px; 
}
.titulo-letra {
color: #141414;
font-weight: 300;
font-family: 'Kanit', sans-serif;
font-size: 14px;
}
.content-letra {
color: #9b9999;
font-weight: 300;
font-family: 'Kanit', sans-serif;
font-size: 13px;
}
.img-fluida{width: 100%; height: auto;}
.clear{clear: both;} .navbar-brand {
padding: 0px;
}
.example2 .navbar-brand>img {
padding: 7px 15px;
}
.navbar-brand>img {
height: 100%;
padding: 15px;
width: auto;
}
#menuhome{background: #171717; border-bottom: solid 1px #fff;   font-family: 'Kanit', sans-serif; font-size: 16px;
}
.idioma li{padding: 2px; display:inline-block;} #footer {
height: auto;
min-height:30%;
position: relative;
bottom: 0;
width:100%;
clear:both;
}
#footer {
background-color: #3f60a0;
color:#fff;
font-size: 10pt;
}
#footer h3 {color: #fff; font-size: 20px; font-weight: 300;}
#footer   {color:#fff;}
#footer a {color:#fff;}
#footer a:hover {color:#f90;}
ul, li {list-style-type:none;} #back-top-wrapper p#back-top {
margin: 0;
}
#back-top-wrapper p#back-top a {
width: 42px;
}
#back-top-wrapper p#back-top a:hover span {
background-color: #EAB028;
}
#back-top-wrapper p#back-top a span {
background: url(//homens-macaco.com//wp-content/themes/hm/images/up-arrow.png) no-repeat scroll 0 0 #E4E4E4;
border-radius: 42px 42px 42px 42px;
height: 42px;
margin: 0;
overflow: hidden;
width: 42px;
}
#back-top {
display: none;
}
#back-top-wrapper {
bottom: 2em;
overflow: hidden;
position: fixed;
right: 10px;
z-index: 99;
}
#back-top a {
color: #BBBBBB;
display: block;
text-align: center;
text-decoration: none;
transition: all 1s ease 0s;
width: 50px;
}
#back-top a:hover {
color: #000000;
}
#back-top a:hover span {
background-color: #333333;
}
#back-top span {
background: url(//homens-macaco.com//wp-content/themes/hm/images/up-arrow.png) no-repeat scroll center center #0088CC;
display: block;
height: 50px;
margin-bottom: 7px;
transition: all 1s ease 0s;
width: 50px;
}
.titulo-letra a  {color: #fff;}
.titulo-letra a:hover  {color: #e8c100;}