@charset "UTF-8";
/*!
Theme Name: Bet
Theme URI: #
Description: Custom Theme Apuesta Plus website
Author: Jan Pierre
Author URI: #
Version: 1.0
*/

.comment-content .reply,
.comment-form-content label,
.comment-form .logged-in-as,
.commentlist .says,
.filter,
.fix-pos,
.menu-item span[class^=icon-],
.post__inner .yasr-dashicons-visitor-stats,
.post__inner .yasr-total-average-text,
.ranking,
.top,
.comment-form-title,
.top-panel {
    display: none
}


.comment-author,
.comment-body,
.comment-form,
.mytable__cell,
.mytable__row,
.panel,
.rank,
.thehouse__header,
.thehouse__meta,
.top-panel .wrapper,
.top-panel__block:last-child,
.votation {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}
.commentlist,
.menu,
.post__meta {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}
.comment-form-content input,
.comment-form-content textarea,
.filter__row input[type=number],
.filter__row input[type=text] {
    border-radius: 2px
}
.comment-form-content input,
.comment-form-content textarea,
.do-filter,
.logo img,
.subscription input,
.toggle-menu,
a {
    transition: all 250ms ease-in-out
}
.board,
.comment,
.comment-form,
.filter,
.post,
.pronostic,
.pronostic2,
.gallery-item,
.sidebar__body,
.top__item {
    background-color: white;
    box-shadow: 0 2px 2px 1px #e6e6e6;
    border-top: 1px solid #EBEBEA;
    border-radius: 4px
}
.comment-meta .posted,
.post__inner .yasr-total-average-container {
    font-size: 11px;
    font-style: italic;
    font-weight: normal
}
html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
article,
aside,
footer,
header,
nav,
section {
    display: block
}
h1 {
    font-size: 2em;
    margin: 0.67em 0
}
figcaption,
figure,
main {
    display: block
}
figure {
    margin: 1em 40px
}
hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}
pre {
    font-family: monospace, monospace;
    font-size: 1em
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}
b,
strong {
    font-weight: inherit
}
b,
strong {
    font-weight: bolder
}
code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em
}
dfn {
    font-style: italic
}
mark {
    background-color: #ff0;
    color: #000
}
small {
    font-size: 80%
}
sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -0.25em
}
sup {
    top: -0.5em
}
audio,
video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
img {
    border-style: none
}
svg:not(:root) {
    overflow: hidden
}
button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}
button,
input {
    overflow: visible
}
button,
select {
    text-transform: none
}
[type=reset],
[type=submit],
button,
html [type=button] {
    -webkit-appearance: button
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}
fieldset {
    padding: 0.35em 0.75em 0.625em
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
progress {
    display: inline-block;
    vertical-align: baseline
}
textarea {
    overflow: auto
}
[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}
[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
details,
menu {
    display: block
}
summary {
    display: list-item
}
canvas {
    display: inline-block
}
template {
    display: none
}
[hidden] {
    display: none
}
@font-face {
    font-family: 'icomoon';
    src: url("fonts/icomoon.eot");
    src: url("fonts/icomoon.eot") format("embedded-opentype"), url("fonts/icomoon.ttf") format("truetype"), url("fonts/icomoon.woff") format("woff"), url("fonts/icomoon_nps57w.svg") format("svg");
    font-weight: normal;
    font-style: normal
}
[class*=" icon-"],
[class^=icon-] {
    font-family: 'icomoon'!important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}
.icon-question:before {
    content: "\e900"
}
.icon-filter:before {
    content: "\e907"
}
.icon-bars:before {
    content: "\e901"
}
.icon-search:before {
    content: "\e902"
}
.icon-angle-down:before {
    content: "\e903"
}
.icon-angle-up:before {
    content: "\e904"
}
.icon-angle-right:before {
    content: "\e905"
}
.icon-angle-left:before {
    content: "\e906"
}
.icon-bookmark:before {
    content: "\e9d2"
}
.icon-star-empty:before {
    content: "\e9d7"
}
.icon-star-half:before {
    content: "\e9d8"
}
.icon-star-full:before {
    content: "\e9d9"
}
*,
:after,
:before {
    box-sizing: border-box
}
body {
    background-color: #F3F3F1;
    color: #2F3A40;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    line-height: 1.45;
    margin: 0;
    text-align: left;
    text-rendering: optimizeLegibility
}
figure {
    margin: 0
}
b,
strong {
    font-weight: 600
}
button,
input {
    border: none;
    background: none
}
button:focus,
input:focus {
    outline: none
}
button[type=submit],
input[type=submit] {
    cursor: pointer
}
a:link,
a:visited {
    color: #00b687;
    text-decoration: none
}
a:active,
a:hover {
    color: #00d59d
}
img {
    max-width: 100%;
    height: auto
}
.wrapper {
    max-width: 1140px;
    width: 94%;
    margin-left: auto;
    margin-right: auto
}
@media screen and (min-width: 768px) {
    .wrapper {
        width: 96%
    }
}
@media screen and (min-width: 1024px) {
    .wrapper {
        width: 98%
    }
}
#comments,
.comment-reply-title,
.title {
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
    color: #000
}
.button,
.comment-form-content input[type=submit] {
    background-color: #0c1d27;
    color: white!important;
    text-align: center;
    display: inline-block;
    line-height: 3.15;
    font-size: 14px;
    padding: 0 1em
}
.button:hover,
.comment-form-content input[type=submit]:hover {
    opacity: .85
}
.button:active,
.comment-form-content input[type=submit]:active {
    -webkit-transform: scale(0.95);
    -ms-transform: scale(0.95);
    transform: scale(0.95)
}
.header {
    background-color: #0c1d27
}
.panel {
    height: 50px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: transparent url("images/fondo_header.png") no-repeat;
}
.toggle-menu {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}
@media screen and (min-width: 1024px) {
    .toggle-menu {
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}
@media screen and (max-width: 1023px) {
    .navigation {
        display: none;
        width: 100%;
        position: absolute;
        top: 50px;
        left: 0;
        background: #0c1d27;
        padding: 0 2%;
        z-index: 999
    }
}
.navigation a {
    font-weight: bold;
}
@media screen and (min-width: 1024px) {
    .navigation {
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important;
        -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto
    }
}
.toggle-menu {
    color: #00DFA5;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 32px;
    cursor: pointer
}
@media screen and (min-width: 1024px) {
    .toggle-menu {
        display: none
    }
}
.toggle-menu:hover {
    color: #5C7481
}
.toggle-menu span[class^=icon-] {
    position: relative;
    bottom: 1px
}
.logo {
    max-width: 115px;
    -webkit-flex: 0 0 115px;
    -ms-flex: 0 0 115px;
    flex: 0 0 115px
}
.logo a:hover img {
    opacity: .8
}
.logo img {
    display: block
}
.menu-item span[class^=icon-] {
    font-size: 20px;
    vertical-align: middle;
    position: relative;
    bottom: 2px;
    margin-left: .4em;
    opacity: .85
}
.menu-item:first-child a {
    border-top: 1px solid rgba(255, 255, 255, 0.12)
}
@media screen and (min-width: 1024px) {
    .menu-item {
        display: inline-block;
        vertical-align: middle;
        margin-right: 1em
    }
    .menu-item a {
        border-bottom: none
    }
    .menu-item span[class^=icon-] {
        display: none
    }
    .menu-item:first-child a {
        border-top: none
    }
    .menu-item:last-child {
        margin-right: 0
    }
    .menu-item:last-child a {
        background-color: white;
        color: #2F3A40;
        line-height: 28px;
        padding: 0 .8em;
        text-transform: none;
        font-size: 14px;
        border-radius: 2px
    }
    .menu-item:last-child a:hover {
        -moz-box-shadow: 0px 0px 5px #ffffff; 
        -webkit-box-shadow: 0px 0px 5px #ffffff; 
        box-shadow: 0px 0px 5px #ffffff;
        color: #2F3A40 !important;
    }
}
.menu a {
    display: block;
    color: white;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 50px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12)
}
.menu a:hover {
    color: #00DFA5
}
.searchbox {
    padding: 10px 0;
    font-size: 0
}
@media screen and (min-width: 1024px) {
    .searchbox {
        padding: 0;
        margin-left: .8rem
    }
}
.searchbox input {
    color: #5C7481;
    background-color: #1F3948;
    border: 1px solid #5C7481;
    display: inline-block;
    vertical-align: top;
    line-height: 28px;
    font-size: 13px;
    padding: 0 .75em
}
.searchbox input[type=text] {
    border-right: none;
    border-radius: 2px 0 0 2px;
    width: calc(100% - 33px)
}
@media screen and (min-width: 1024px) {
    .searchbox input[type=text] {
        width: 190px
    }
}
.searchbox input[type=text]::-webkit-input-placeholder {
    color: #5C7481
}
.searchbox input[type=text]::-moz-placeholder {
    color: #5C7481
}
.searchbox input[type=text]:-ms-input-placeholder {
    color: #5C7481
}
.searchbox input[type=text]::placeholder {
    color: #5C7481
}
.searchbox input[type=submit] {
    border-left: none;
    border-radius: 0 2px 2px 0
}
.content {
    padding: .5em 0
}
@media screen and (min-width: 480px) {
    .content {
        padding: 1em 0
    }
}
@media screen and (min-width: 1024px) {
    .content {
        padding: 1.6em 0
    }
}
@media screen and (min-width: 1024px) {
    .content__inner {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.main {
    margin-bottom: 1em
}
@media screen and (min-width: 1024px) {
    .main {
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

	.pagina-principal {
		display: block !important
	}
}
.pronostic {
    padding: 1em;
    font-size: 14px
}
@media screen and (min-width: 768px) {
    .pronostic {
        font-size: 16px
    }
}
.row {
    margin-bottom: 2em
}
@media screen and (min-width: 768px) {
    .row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}
.row:last-child {
    margin-bottom: 0
}
.column {
    text-align: center;
    margin-bottom: 2em
}
@media screen and (min-width: 768px) {
    .column {
        margin-bottom: 0
    }
    .column:nth-child(2) {
        margin: 0 1em
    }
}
.column__header {
    margin-bottom: 1em
}
.column__title {
    color: #000;
    font-size: 1.25em;
    font-weight: normal;
    margin: 0 0 .15em 0;
    text-transform: uppercase
}
.column__description {
    margin: 0
}
.subscription {
    width: 100%
}
.subscription .row {
    margin-bottom: 1em
}
@media screen and (min-width: 480px) {
    .subscription .row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }
}
.subscription .row:last-child {
    margin-bottom: 0
}
.subscription label {
    color: #000;
    font-size: 1.25em;
    text-transform: uppercase
}
.subscription input {
    border-radius: 4px;
    display: block;
    line-height: 40px;
    width: 100%
}
@media screen and (min-width: 480px) {
    .subscription input {
        width: auto;
        line-height: 58px
    }
}
.subscription input[type=email],
.subscription input[type=text] {
    border: 1px solid #A0A0A0;
    padding: 0 1em;
    margin-bottom: .5em
}
@media screen and (min-width: 480px) {
    .subscription input[type=email],
    .subscription input[type=text] {
        border-radius: 4px 0 0 4px;
        border-right: none;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        margin-bottom: 0
    }
}
.subscription input[type=email]:focus,
.subscription input[type=text]:focus {
    border-color: #00DFA5
}
.subscription input[type=button],
.subscription input[type=submit] {
    background-color: #00DFA5;
    text-transform: uppercase
}
@media screen and (min-width: 480px) {
    .subscription input[type=button],
    .subscription input[type=submit] {
        border-radius: 0 4px 4px 0;
        -webkit-flex: 0 0 130px;
        -ms-flex: 0 0 130px;
        flex: 0 0 130px
    }
}
@media screen and (min-width: 768px) {
    .subscription input[type=button],
    .subscription input[type=submit] {
        -webkit-flex: 0 0 180px;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px
    }
}
.subscription input[type=button]:active,
.subscription input[type=button]:hover,
.subscription input[type=submit]:active,
.subscription input[type=submit]:hover {
    background-color: #00eeb0
}
.subscription input[type=button]:active,
.subscription input[type=submit]:active {
    box-shadow: 0 0 10px 2px #00d09a inset
}
.thanks {
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 1.4em;
    color: #ff8080;
    margin-bottom: 2rem
}
.thanks span {
    margin-right: 8px;
    margin-top: 3px;
    color: #00DFA5
}
@media screen and (min-width: 1024px) {
    .sidebar {
        -webkit-flex: 0 0 160px;
        -ms-flex: 0 0 160px;
        flex: 0 0 160px;
        margin-left: 1.6em
    }
}
.sidebar .title,
.comment-respond h3 {
    font-size: 15px;
    font-weight: bold;
    color: #2F3A40;
}
.sidebar__header {
    margin-bottom: .8em
}
.sidebar__body {
    padding: 1em
}

.comment-form-title-2 {
	margin-top: 10px !important;
}

.comment-form-title-2 input {
	color: #222;
}

.house {
    margin-bottom: 1em;
    display: table;
    width: 100%
}
.house:last-child {
    margin-bottom: 0
}
.house__link {
    color: white!important;
    display: inline-block;
    margin-bottom: .25em;
    overflow: hidden;
    position: relative;
    float: left;
    margin-right: 1em
}
@media screen and (min-width: 1024px) {
    .house__link {
        float: none;
        margin-right: 0
    }
}
.house__image {
    display: block;
    width: 155px;
    height: 80px
}
.house__title {
    margin: 0 0 0 0;
    font-size: 1em;
    font-weight: normal;
    text-transform: uppercase
}
.house__title a {
    color: #000
}
.house__title a:hover {
    color: #00DFA5
}
.house__opinions {
    display: block;
    line-height: 1
}
.house .rateit {
    margin: .3em 0 .5em 0
}
.gallery-item {
    float: left;
	padding: 1em;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

.margen-der-izq {
	margin-left: 1.65em;
	margin-right: 1.65em
}

.gallery-item img {
	width: 330px !important;
    height: auto;
}

dt.gallery-icon.landscape {
	height: 95px
}
.flag .flag__text,
.flag [class^=icon-] {
    position: absolute;
    top: 0;
    right: 0px
}
.flag [class^=icon-] {
    font-size: 42px
}
.flag__text {
    right: 13px!important
}
.flag__number {
    font-size: 14px
}
.flag__prefix {
    font-size: 8px
}
.flag.black [class^=icon-] {
    color: #0c1d27
}
.flag.yellow [class^=icon-] {
    color: #EFE210
}
.flag__main {
    position: absolute;
    margin: -143px 0 0px 165px;
}
.flag__main [class*=" icon-"], 
.flag__main [class^=icon-] {
    font-size: 60px;
    color: #EFE210;
}
.flag__main .flag__prefix {
    margin: -56px 0 0 23px;
    position: absolute;
    font-size: 10px !important;
}
.flag__main .flag__number {
    margin: -62px 0 0 32px;
    position: absolute;
    font-size: 25px !important;
}
.post {
    padding: 1em;
    margin-bottom: 1.4em
}
@media screen and (min-width: 1024px) {
    .post {
        -webkit-flex: 0 1 236px;
        -ms-flex: 0 1 236px;
        flex: 0 1 236px;
        -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-bottom: 0;
        width: 266px;
    }
}
.post__inner {
    max-width: 300px;
    margin: auto
}
.post__image {
    display: inline-block;
    margin-bottom: .6rem;
    position: relative;
    overflow: hidden;
    max-width: 285px;
    width: 100%
}
.post__image img {
    width: 100%;
    display: block;
    height: auto;
    max-width: 285px;
    max-height: 148px
}
@media screen and (min-width: 1024px) {
    .post__image img {
        width: auto
    }
}
.post__image .flag [class^=icon-] {
    font-size: 52px
}
.post__image .flag__text {
    right: 17px!important;
    font-weight: bold;
    letter-spacing: -1px
}
.post__image .flag__number {
    font-size: 24px
}
.post__image .flag__prefix {
    font-size: 10px
}
.post__title {
    margin: 0 0 .6rem 0;
    line-height: 1.1
}
h1.post__title {
    font-size: 29px;
}
.viewall a {
    font-size: 11.15px;
    font-weight: bold;
}
.post__meta li {
    font-size: 13px;
}
.post__meta {
    margin-top: 10px;
}
.post__votes {
    margin: 1em 0;
    font-size:13px;
}
.post__votes h2 {
    font-size:17px;
}
.post__inner .yasr-total-average-container {
    float: right;
    margin-top: 7px;
    font-weight: 600
}
.post__inner .yasr-total-average-container:after {
    content: " votos"
}
.post__inner .yasr-small-block-bold {
    font-size: 10px;
    margin-top: 8px;
    color: gray;
    font-weight: normal
}
.post__inner .yasr-small-block-bold {
    clear: both
}
.comments__header {
    margin-bottom: .8em
}
.comments__body {
    margin-bottom: 2em
}
@media screen and (min-width: 1024px) {
    .comments {
        margin-left: 1.4em;
        -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }
}
.comments .navigation {
    display: none!important
}
.commentlist {
}
.comment {
    margin-bottom: 1.2em
}
.comment:last-child {
    margin-bottom: 0
}

.comment-author {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100px;
    -ms-flex: 0 1 100px;
    flex: 0 1 100px;
    padding-right: 1em;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.author img {
    width: 50px;
    border-radius: 3px;
    max-width: initial;
    margin: 1.5em 1em 0.3em 1.5em;
}
.author .author-name {
    text-align: center;
    margin: 0;
    width: 75px;
    font-size: 13px;
    padding: 0 0 0 1.65em;
}
.commentlist li.comment {
    display: flex;
}

.commentlist .comment-body {
    width: 100%;
    margin: 1.3em 1.5em 1.5em 0.3em;
}

.commentlist h3 {
    margin: 0;
}

.commentlist .top {
    width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 5px;
}

.commentlist .comment-time {
    float: right;
    font-size: 14px;
    font-style: italic;
}

.commentlist .left {
    float: left;
}

.comment-author .avatar {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: .8em
}
.comment-author .fn {
    display: block;
    color: #000;
    font-size: 11px;
    font-weight: 600;
    font-style: normal;
    text-transform: uppercase
}
.comment-content {
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}
.comment__title {
    text-transform: uppercase;
    margin: 0 0 .75em;
    font-size: 15px;
    font-weight: 600
}
.comment-meta .posted:before {
    content: "Publicado el: "
}
.comment-meta .posted a {
    color: #2F3A40
}
.comment-meta .posted a.comment-edit-link {
    color: #A0A0A0
}
.comment-meta .posted a.comment-edit-link:hover {
    color: #00DFA5
}
.comment-meta~p {
    font-size: 14px
}
.comment-respond {
    margin-top: 2em
}
.comment-reply-title {
    margin-bottom: 1rem
}
.comment-form {
    padding: 1em;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}
@media screen and (min-width: 530px) {
    .comment-form {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row
    }
}
.comment-form-profile {
    -webkit-flex: 0 0 100px;
    -ms-flex: 0 0 100px;
    flex: 0 0 70px;
    margin-bottom: 1em;
    text-align: center
}
@media screen and (min-width: 530px) {
    .comment-form-profile {
        padding-right: 1em;
        margin-bottom: 0;
        text-align: initial
    }
}
.comment-form-content {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}
.comment-form-content p {
    margin-top: 0;
    margin-bottom: 1em;
    overflow: hidden
}
.comment-form-content input,
.comment-form-content textarea {
    border: 1px solid #EBEBEA;
    width: 100%
}
.comment-form-content input:focus,
.comment-form-content textarea:focus {
    border: 1px solid #00DFA5;
    outline: none
}
.comment-form-content input[type=text] {
    line-height: 33px;
    padding: 0 .5rem;
    font-size: 15px;
    color: #333
}
.comment-form-content input[type=submit] {
    width: 90px;
    float: right;
    border-radius: 0;
    border: none!important
}
.comment-form-content textarea {
    display: block;
    height: 155px;
    resize: none;
    padding: .5rem;
    font-size: 15px;
    color: #333
}
.comment-form-figure img {
    border-radius: 50px;
    width: 55px;
    height: 55px
}
.comment-form-figure figcaption {
    color: #0c1d27;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    text-align: center
}
.form-submit {
    margin-bottom: 0!important
}
.filter {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start
}
@media screen and (min-width: 1024px) {
    .filter {
        display: block
    }
}
.filter__body,
.filter__header {
    padding: .5em 1em
}
.filter__header {
    border-bottom: 1px solid #EBEBEA
}
.filter__title {
    margin: 0;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 15px
}
.filter__body {
    padding: 1em
}
.filter__section {
    margin-bottom: 1em
}
.filter__section:last-child {
    margin-bottom: 0
}
.filter__section__title {
    text-transform: uppercase;
    font-size: 13px;
    font-weight: normal;
    margin: 0
}
.filter__row {
    margin-bottom: .5em;
    overflow: hidden
}
.filter__row:last-child {
    margin-bottom: 0
}
.filter__row label {
    font-size: 12px;
    display: block;
    margin-bottom: .4em
}
.filter__row input[type=number],
.filter__row input[type=text] {
    border: 1px solid #A0A0A0;
    font-size: 12px;
    line-height: 22px;
    padding: 0 .8em;
    max-width: 143px
}
.filter__row input[type=number],
.filter__row input[type=number]::-webkit-input-placeholder,
.filter__row input[type=text],
.filter__row input[type=text]::-webkit-input-placeholder {
    color: #878787
}
.filter__row input[type=number],
.filter__row input[type=number]::-moz-placeholder,
.filter__row input[type=text],
.filter__row input[type=text]::-moz-placeholder {
    color: #878787
}
.filter__row input[type=number],
.filter__row input[type=number]:-ms-input-placeholder,
.filter__row input[type=text],
.filter__row input[type=text]:-ms-input-placeholder {
    color: #878787
}
.filter__row input[type=number],
.filter__row input[type=number]::placeholder,
.filter__row input[type=text],
.filter__row input[type=text]::placeholder {
    color: #878787
}
.do-filter {
    border: 1px solid #A0A0A0;
    font-size: 14px;
    line-height: 2;
    padding: 0 .5em;
    cursor: pointer;
    color: #2F3A40;
    float: right
}
.do-filter:active,
.do-filter:hover {
    background-color: #A0A0A0;
    color: white
}
.do-filter:active {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9)
}
.ranking {
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
}
.subheader {
    height: 44px;
    background: white;
    width: 100%;
    box-shadow: 0 2px 2px 1px #e6e6e6;
}
.subheader-grande {
    height: 120px !important;
}
.subheader .contenido {
    width: 1140px;
    margin: 0 auto;
}
.subheader h1 {
    font-size: 20px;
    line-height: 42px;
    margin: 0;
    float: left;
    color: #0c1d27;
}
.subheader span,
.subheader h2 {
    font-size: 14px;
    float: left;
    line-height: 46px;
    margin: 0 0 0 10px;
}
@media screen and (min-width: 1024px) {
    .ranking {
        width:100%;
        display: block
    }
}
.board {
    width: 100%;
    border: 1px solid #E5E5E5;
    border-collapse: collapse
}
.board thead tr:last-child td:first-child {
    font-weight: normal
}
.board .boni,
.board .boni3,
.board .met_pago{
    width: 180px !important;
}
.board .imp{
    width: 90px !important;
}
.board .boni2 {
    width: 200px !important;
}
tbody td {
    font-size: 12px !important;
}
thead {
    font-weight: bold;
}
.board thead td {
    text-transform: uppercase;
    padding: .35em .9em
}
.board tbody td:first-child:after {
    content: "°"
}
.board td {
    border: 1px solid #E5E5E5;
    padding: 0;
    vertical-align: middle;
    text-align: center;
    padding: .55em .9em;
    font-size: 15px;
    color: #000
}
.board thead {
    background: #0c1d27;
}

.board thead td {
    border: 1px solid #2a373f;
    color: white;
}

.board td.small {
    font-size: 12px;
    text-transform: initial;
    padding: .6em
}
.board td.small [class^=icon-] {
    color: #A0A0A0;
    position: relative;
    top: 1px
}
.board td a {
    display: block
}
.board td img {
    display: block;
    margin: 0 auto;
    max-width: 90px
}
.board tbody td:first-child {
    padding-left: 1em;
    padding-right: 1em;
    font-weight: bold;
    font-size: 19px;
}
.rank {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.point {
    -webkit-flex: 1 0 39px;
    -ms-flex: 1 0 39px;
    flex: 1 0 39px;
    text-align: left
}
.point__big {
    font-size: 26px
}
.point__small {
    font-size: 10px;
    font-weight: 600
}
.votation {
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.votation__desc {
    font-size: 12px;
    font-weight: 600
}
@media screen and (max-width: 1023px) {
    .top {
        display: block
    }
}
.top__item {
    margin-bottom: 1em
}
.top__item:last-child {
    margin-bottom: 0
}
.top-panel {
    background-color: white;
    padding: .5em 0;
    border-bottom: 1px solid #BFBFBF
}
@media screen and (max-width: 1023px) {
    .top-panel {
        display: block
    }
}
.top-panel .wrapper {
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.top-panel small {
    display: block;
    font-weight: 600;
    line-height: 1;
    margin-bottom: .15em
}
.top-panel h1 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 1.1
}
.top-panel__block:last-child {
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}
.thehouse__header {
    padding: 1em;
    border-bottom: 1px solid #E5E5E5
}
.thehouse__image {
    padding-right: 1em;
    -webkit-flex: 0 0 136px;
    -ms-flex: 0 0 136px;
    flex: 0 0 136px
}
.thehouse__image a {
    display: block
}
.thehouse__image img {
    display: block
}
.thehouse__meta {
    position: relative;
    overflow: hidden;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.thehouse__meta__point .big {
    font-size: 20px
}
.thehouse__meta__point .small {
    font-size: 11px;
    font-weight: 600
}
.thehouse__meta__votation small {
    display: block;
    font-weight: 600
}
.thehouse__meta .flag__text {
    color: white;
    right: 3px!important
}
.thehouse__meta .flag [class^=icon-] {
    right: -10px
}
.mytable__row {
    border-bottom: 1px solid #E5E5E5
}
.mytable__cell {
    padding: 0.5em;
    -webkit-flex: 0 1 30%;
    -ms-flex: 0 1 30%;
    flex: 0 1 30%;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.3;
    font-size: 15px;
    text-align: center
}
.post__meta li {
    border-top: 1px solid #ddd;
    line-height: 1.66;
}

.mytable__cell:first-child {
    -webkit-flex: 0 1 40%;
    -ms-flex: 0 1 40%;
    flex: 0 1 40%;
    text-transform: uppercase;
    text-align: left;
    border-right: 1px solid #E5E5E5
}
.mytable__cell:last-child {
    border-left: 1px solid #E5E5E5
}
.mytable label {
    display: block;
    font-size: 12px;
    margin-bottom: 2px
}
.footer {
    background-color: #D2D2D2;
    height: 0px
}
.single #yasr_rateit_overall {
    display: none
}