@charset "utf-8";
/* CSS Document */



/* #Media Queries
================================================== */

@media only screen and (min-width: 1920px) {}


@media only screen and (max-width: 1280px) {
    body {
        overflow-x: hidden;
    }

    header {
        padding: 14px 5%;
    }
}

@media screen and (min-width:1280px) and (max-width:1728px) {}

@media screen and (min-width:1024px) and (max-width:1279px) {
    img {
        max-width: 100%;
    }

    .row {
        width: 100%;
    }

    header {
        padding: 14px 3%;
    }

    .side-bar {
        width: 275px;
    }

    .container {
        width: calc(100% - 285px);
        margin-left: 275px;
    }

    .table tbody tr td a.head-btn {
        padding: 6px 10px;
    }

    .white-box {
        padding: 30px 20px;
    }

    .container ul.das-ico li {
        padding: 25px 20px;
    }

    .login-right {
        width: 58% !important;
    }

    .login-right .resp-tabs-list li {
        width: 46%;
    }
}


/* Smaller than standard 1024 (devices and browsers) */
@media screen and (min-width:768px) and (max-width:1023px) {
    img {
        max-width: 100%;
    }

    .row {
        width: 750px;
    }

    .container .row {
        width: 94%;
    }

    .m-menu {
        display: block;
    }

    header {
        padding: 14px 3%;
    }

    .side-bar {
        width: 275px;
        display: none;
    }

    .container {
        width: 100%;
        margin-left: 0px;
        padding-left: 0;
        padding-right: 0 !important;
    }

    .head-rgt ul li {
        margin-right: 10px;
    }

    .head-rgt ul li a.head-btn {
        padding: 0px 10px;
    }

    .logo {
        margin-left: 30px;
    }

    .m-menu {
        margin: 26px 0 0 0;
    }

    #mob-nav {
        top: 103px;
    }

    #mob-nav.nav.slow {
        width: 320px;
        box-shadow: 1px 0px 6px rgba(0, 0, 0, 0.2);
    }

    .table tbody tr td a.head-btn {
        padding: 6px 10px;
    }

    .white-box {
        padding: 30px 20px;
    }

    .container ul.das-ico li {
        padding: 25px 20px;
    }

    .list-view li a {
        padding: 25px;
    }

    .list-view li p {
        margin-bottom: 0px;
    }

    .list-view li p br {
        display: none;
    }

    .login-con h2 {
        font-size: 22px;
    }

    .list-view li h3 {
        line-height: 20px;
        font-size: 19px;
        padding-bottom: 10px;
    }


    .login-left .overlay h2 {
        line-height: 44px;
        font-size: 40px;
    }

    .login-form.log-pg {
        width: 100%;
    }

    .content-pad {
        padding: 25px;
    }

    .login-con p br {
        display: none;
    }

    .pass-wor input[type="password"] {
        width: 100%;
    }

    .login-con h2 span {
        position: absolute;
        top: -40px;
        left: 0;
        right: auto;
    }

    .pass-wor input[type="email"] {
        width: 100%;
    }

    .login-con h2 .titl-sp {
        width: auto;
        float: none;
        display: inline;
    }

    .login-right .resp-tabs-list {
        padding: 0;
    }

    .login-right .resp-tabs-list li {
        width: 48%;
        margin-right: 10px;
        font-size: 17px;
    }
}

/* Smaller than standard 768 (devices and browsers) */
@media screen and (max-width:767px) {
    body {
        height: auto !important;
    }

    img {
        max-width: 100%;
    }

    .container .row {
        width: 94%;
    }

    header .row {
        width: 94%;
    }

    .login-bg .row {
        width: 90%;
    }

    .m-menu {
        display: block;
    }

    header {
        padding: 14px 0%;
    }

    .side-bar {
        width: 275px;
        display: none;
    }

    .head-rgt ul li {
        margin-right: 10px;
    }

    .head-rgt ul li a.head-btn {
        padding: 0px 10px;
    }

    .logo {
        width: 94px;
        margin-left: 40px;
    }

    .logo img {
        float: left;
    }

    .container {
        margin-top: 70px;
        width: 100%;
        margin-left: 0px;
        padding-right: 0 !important;
        padding-left: 0;
        padding-top: 15px;
    }

    .contact-pad {
        padding: 18px;
    }

    .head-rgt {
        display: none;
    }

    .mob-user {
        display: block;
    }

    .container h1.m-tit {
        margin-bottom: 10px;
        text-align: center;
        font-size: 19px;
    }

    .container p.m-para2 {
        font-size: 14px;
        line-height: 22px;
    }

    .container ul.das-ico li {
        width: 100%;
        margin: 0 0 20px 0;
        padding: 25px 20px;
    }

    .container ul.das-ico li ul li {
        text-align: right;
        font-size: 16px;
        color: #1e1e1e;
    }

    .container ul.das-ico li ul li span {
        float: left;
        font-family: 'rubikregular';
        color: #1e1e1e;
    }

    .container ul.das-ico li ul li:last-child {
        margin-bottom: 0;
    }

    .container ul.das-ico li ul.icon-ul li:last-child {
        padding-left: 0;
    }

    .container ul.das-ico li ul.icon-ul li:last-child span {
        font-family: 'rubikmedium';
    }

    .table tbody tr td a.head-btn {
        padding: 6px 10px;
    }

    .white-box {
        padding: 25px 15px;
    }

    .container ul.das-ico li {
        padding: 25px 20px;
    }

    .perfil-list li {
        width: 50%;
        padding: 0;
    }

    .perfil-list li .perfil-name h3 {
        font-size: 15px;
    }

    #mob-acc {
        display: block;
    }

    #desk-tbl {
        display: none;
    }

    .container ul.das-ico li:last-child {
        margin-bottom: 0;
    }

    .perfil-list li .perfil-name span {
        font-family: 'rubikregular';
    }

    .login-con {
        padding-top: 20px;
    }

    .login-left {
        display: none;
    }

    .login-right {
        float: left;
        width: 100% !important;
        padding: 0;
    }

    .login-right.p-t-20 {
        padding: 20px 0 0 0;
    }

    .salir {
        display: none;
    }

    .log-mb-h .salir {
        display: block;
    }

    .list-view li {
        box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.1);
    }

    .list-view li a {
        padding: 20px;
    }

    .list-view li p {
        margin-bottom: 15px;
        font-size: 15px;
        line-height: 22px;
    }

    .list-view li p br {
        display: none;
    }

    .login-con h2 {
        text-align: center;
        font-size: 16px;
        font-family: 'rubikregular';
        line-height: 22px;
    }

    .list-view li h3 {
        font-size: 19px;
        line-height: 22px;
        padding-bottom: 10px;
    }

    .mob-h-title {
        display: block;
    }

    .log-mb-h {
        display: block;
    }

    .login-form.log-pg {
        width: 100%;
    }

    .content-pad {
        padding: 15px;
    }

    .login-con p {
        line-height: 20px;
    }

    .login-con p br {
        display: none;
    }

    .frm-input-ctrl img {
        width: 45px;
    }

    .frm-input-ctrl {
        width: 75px;
        height: 75px;
    }

    .login-con .frm-input-cont {
        margin-left: 5%;
        width: calc(100% - 110px);
        padding: 0;
    }

    .login-con h3 {
        padding-bottom: 10px;
    }

    .login-con h2 span {
        display: none;
    }

    .pass-wor input[type="password"] {
        width: 100%;
    }

    .list-pro li a {
        padding: 8px 12px 8px 12px;
        font-size: 14px;
        font-family: 'rubikregular';
    }

    .login-con .content-pad.selec p {
        font-size: 15px;
    }

    .content-pad {
        box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
    }

    #popup2.popup {
        width: 100%;
        padding: 40px 20px;
    }

    .popup-div h1 {
        font-size: 19px;
        line-height: 28px;
    }

    .popup-div p {
        font-size: 16px;
        line-height: 24px;
    }

    .popup-div p br {
        display: none;
    }

    .login-con h2 .titl-sp {
        display: inline;
        float: none;
    }

    .pass-wor input[type="email"] {
        width: 100%;
    }

    .content-pad.pwd-txt p {
        line-height: 22px;
        letter-spacing: normal;
    }

    .content-pad .terms-div p {
        font-size: 13px;
        line-height: 17px;
    }

    .mail-ico {
        text-align: center;
    }

    .login-right.p-t-20 .login-div {
        padding: 20px;
        box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.1);
        max-width: 100%;
    }

    .login-right.p-t-20 h1 {
        margin-bottom: 20px;
    }

    .login-right .resp-tabs-list {
        padding: 0;
    }

    .login-right .resp-tabs-list li {
        width: 100%;
        margin: 0;
        text-align: left;
        padding: 10px 0px 15px;
    }

    .login-right .resp-tabs-list li.resp-tab-active::after,
    .login-right .resp-tabs-list li::after {
        display: none;
    }

    .login-right .resp-tabs-list li.resp-tab-active {
        font-family: 'rubikmedium';
    }

    .login-right .resp-tabs-list li {
        font-family: 'rubikmedium';
        font-size: 19px;
    }

    .login-right .resp-tabs-list {
        border: none;
    }

    .login-right .resp-tabs-list li span.circle {
        width: 20px;
        height: 20px;
        float: right;
        border-radius: 50%;
        border: 1px solid #035aa7;
        position: relative;
    }

    .login-right .resp-tabs-list li.resp-tab-active span.circle::after {
        position: absolute;
        display: block;
        content: "";
        background: #035aa7;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
    }

    .login-right .resp-tabs-container h2 {
        font-family: 'rubikregular';
        font-size: 16px;
    }

    .login-form input[type="submit"],
    input[type="submit"] {
        height: 45px;
        line-height: 45px;
    }

    .login-form.log-pg ul li:last-child {
        display: none;
    }

    h3.eres-nevo {
        display: none;
    }

    .registrar {
        display: none;
    }

    .inciar-session.show {
        display: block;
    }

    .chat-area {
        padding: 20px;
    }

    .smk_accordion.acc_with_icon .accordion_in .acc_head,
    .smk_accordion.acc_with_icon .accordion_in .acc_content {
        padding-left: 12px;
    }

    .smk_accordion .accordion_in .acc_head {
        padding: 14px 40px 14px 12px;
    }

    .smk_accordion .accordion_in .acc_head .acc_icon_expand {
        right: 15px;
    }

    .smk_accordion .accordion_in .acc_content {
        padding: 0px 12px 25px;
    }

    .contact-pad.perfil-pad h2 {
        font-family: 'rubikmedium';
        color: #212224;
        font-size: 18px;
    }



    /*oferta-edit-media.css*/
    h2.top-heading {
        display: block;
        font-size: 20px;
        line-height: 29px;
    }

    .container.edit-ofert h1.m-tit {
        text-align: center;
        font-family: 'rubikregular';
        font-size: 18px;
    }

    .media-none {
        display: none;
    }

    .trans-para textarea.media-none {
        display: none;
    }

    ul.usuarios li.usuarios-row ul li {
        width: 70%;
        text-align: left;
    }

    ul.usuarios li.usuarios-row ul li:nth-child(2n-2) {
        text-align: left;
    }

    ul.usuarios li.usuarios-row ul li:last-child {
        text-align: right;
        width: 28%;
        float: right;
        margin-top: -7px;
    }

    .trans-para textarea.desktop-none {
        display: block;
    }

    .desktop-none {
        display: block;
    }

    .trans-para {
        padding-right: 0;
    }

    .container.edit-ofert p.para {
        font-size: 14px;
        line-height: 24px;
    }

    .contact-pad p.font-16 {
        font-size: 14px;
        line-height: 21px;
    }

    .trans-para textarea {
        font-size: 14px;
        line-height: 24px;
    }

    .trans-para textarea {
        height: 94px;
    }

    .trans-para textarea:active,
    .trans-para textarea:focus {
        border: 2px solid #5d7c98;
    }

    .trans-para h3.f-inc {
        margin-bottom: 6px;
        line-height: 25px;
    }

    .trans-para h4 {
        margin-bottom: 6px;
        margin-top: 6px;
    }

    .trans-para .sbHolder {
        margin: 0px 0 18px 0;
    }

    .trans-para p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 10px;
    }

    .trans-para h4 {
        font-family: 'rubikregular';
        color: #202020;
    }

    .container.edit-ofert h1.m-tit {
        padding-bottom: 15px;
    }

    .map-loca.map-change {
        width: 100%;
        padding: 11px 0;
    }

    .map-circle {
        background-size: 100%;
        width: 113px;
        left: 46px;
        top: 108px;
    }

    .trans-para {
        margin: 0px 0 20px 0;
    }

    ul.usuarios li.usuarios-row {
        padding: 10px 0 20px 0;
    }

    ul.usuarios {
        padding-bottom: 30px;
    }

    .trans-para h3 {
        color: #222;
    }

    .trans-para textarea::placeholder {
        color: #ccc;
    }

    ul.usuarios li.usuarios-row ul li {
        color: #525252;
        font-family: 'rubikregular';
    }

    .trans-para textarea.placehold-resp::placeholder {
        color: #626262;
        opacity: 1;
    }

    /*oferta-publish-media.css*/
    .oferta-pub-container h1.oferta-pub {
        font-size: 20px;
        line-height: 29px;
        color: #212224;
        text-align: center;
        font-family: 'rubikmedium';
        padding-bottom: 0px;
        letter-spacing: 0.1px;
    }

    .container.oferta-pub-container p.para {
        font-size: 14px;
        line-height: 24px;
    }

    .oferta-pub-container .trans-para p.m-b-0 {
        margin-bottom: 12px;
    }

    .public {
        text-align: center;
    }

    .trans-para input[type="submit"] {
        float: none;
    }

    .oferta-pub-container .trans-para textarea.oferta-pub-holder {
        height: 135px;
    }

    /*ofertas-list-css-reponsive-accordian*/
    .listado-table-contents {
        display: none;
    }

    .listado-table-contents-accordian {
        display: block;
    }

    /*mensajes-list-reponsive-accordian*/
    .mensajes-table-contents {
        display: none;
    }

    .mensajes-table-contents-accordian {
        display: block;
    }

    #paginate.smk_accordion .acc_content {
        padding-left: 18px;
    }

    .login-right.m-t-60 {
        margin-top: 60px;
    }

    .contact-pad.perfil-pad.trans .trans-para h3 {
        margin-bottom: 20px;
    }

    .login-page .mobile-hdr {
        display: block;
    }

    .login-slider {
        padding: 30px 20px;
    }

    .login-right ul.tabs {
        column-gap: 10%;
        padding: 0px 0%;
    }

    .login-slider .flexslider .slides>li .login-cap .login-img {
        display: none;
    }

    .login-slider .flexslider .slides>li .login-cap .login-img img {
        max-width: 100px;
    }

    .login-slider .flexslider .slides>li .login-cap h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .login-slider .flexslider .slides>li .login-cap p br {
        display: none;
    }

    .login-slider .flexslider .slides>li .login-cap p {
        margin-bottom: 30px;
        line-height: 24px;
        font-size: 15px;
    }

    .login-slider .flexslider .slides>li .login-cap {
        max-width: 100%;
    }

    .login-frm h2 {
        font-size: 16px;
        line-height: 22px;
    }

    .login-right ul.tabs li {
        font-size: 24px;
        line-height: 28px;
        padding: 0px 6px 10px 6px;
    }

    .form-list.login-con {
        margin: 0;
        max-width: 100%;
    }

    .login-page #sticky-wrapper {
        height: auto !important;
    }

    .login-frm .form-box .frm-input.checkbox label {
        font-size: 15px;
    }

    .login-frm .form-box .frm-input.checkbox.has-ovida a {
        font-size: 15px;
    }

    .login-frm .form-box .frm-input.radio-check .frm-input-ctrl p {
        font-size: 15px;
    }

    .login-bg {
        height: auto;
        display: block;
    }

    .login-left {
        height: auto;
        display: flex;
        width: 100%;
        height: 175px;
    }

    .login-slider .flexslider {
        min-height: 100%;
    }

    .login-right {
        height: auto;
        width: 100%;
        margin: 25px 0;
        padding: 0 15px;
    }

    .login-frm .form-box .frm-input.checkbox {
        width: 100%;
    }

    .login-frm .form-box .frm-input.checkbox.has-ovida {
        text-align: left;
        margin-top: 20px;
    }

    .login-frm .form-box input[type="text"],
    .login-frm .form-box textarea {
        padding: 0 15px;
    }

    .login-left img {
        opacity: 0;
        display: none;
    }

    .hdr-top {
        padding: 12px 0;
        box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
    }

    .page-template-iniciar-sesion img.stick-logo {
        display: none;
    }

    html {
        margin-top: auto !important;
    }

    /* REVISIONS */
    div#wpadminbar {
        display: none;
    }

    .m-menu {
        left: 0px;
    }

    body .container {
        margin-top: 0;
        padding-top: 0;
    }

    .acf-field .acf-input {
        z-index: 1;
    }

    /* END REVISIONS */
}

/* Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:639px) {
    .row {
        width: 94%;
    }

    .cont-form ul li .label-box {
        width: 100%;
        padding: 0;
    }

    .cont-form ul li .input-box {
        width: 100%;
    }

    .chat-list {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .chat-area {
        width: 100%;
    }

    .smk_accordion.acc_with_icon .accordion_in .acc_head h3 {
        line-height: 24px;
        font-size: 16px;
        padding-left: 26px;
    }

    .cont-form ul li .label-box p,
    .cont-form ul li .input-box p {
        margin-bottom: 10px;
    }

    .cont-form ul li .input-box {
        text-align: center;
        margin: 0px 0 0 0;
    }

    .perfil-img .prof-img {
        float: none;
        display: inline-block;
    }

    .contact-pad.perfil-pad h2 {
        margin-bottom: 10px;
    }

    .contact-pad.perfil-pad .cont-form.mob-lin {
        border: none;
        padding: 0;
    }

    .contact-pad.perfil-pad .cont-form.mob-lin ul li {
        margin: 0;
    }

    .contact-pad.perfil-pad .cont-form.mob-lin ul li .label-box label {
        line-height: 24px;
        margin-bottom: 16px;
    }

    .contact-pad.perfil-pad .cont-form.mob-lin .input-box {
        margin: 20px 0;
    }

    .contact-pad.perfil-pad .cont-form.mob-lin .btn-list ul li {
        margin: 0px 10px 10px 0px;
    }

    /*transfererencia*/
    .contact-pad .pro-para .r-para {
        float: left;
        width: 100%;
        margin-left: 0;
    }

    .btn-center {
        text-align: center;
    }

    .trans-para input[type="submit"].hove {
        margin-left: 0;
    }

    .login-form input[type="submit"],
    input[type="submit"] {
        margin-bottom: 15px;
    }

    .trans-para h3.f-inc {
        margin-bottom: 25px;
    }

    .contact-pad .pro-para .r-para p.dat span {
        font-size: 18px;
    }

    .contact-pad .pro-para .r-para p.dat {
        font-size: 16px;
    }

    .contact-pad .pro-para .r-para p {
        font-size: 17px;
    }

    .contact-pad .pro-para .l-img {
        float: none;
        text-align: center;
        margin-bottom: 15px;
    }

    .trans-para h3.f-inc {
        font-size: 18px;
        line-height: 24px;
    }

    .pulsating-circle::after {
        left: -76px;
    }

    .pulsating-circle::before {
        margin-left: -352%;
    }

    /*perfil-media-css*/
    .perfi-pg .cont-form ul li input[type="text"] {
        border: 2px solid #f3f3f3;
        background: none;
        border-radius: 5px;
    }

    .perfi-pg .cont-form ul li input[type="text"]:active,
    .perfil-pad .cont-form ul li input[type="text"]:focus {
        border: 2px solid #5d7c98;
    }

    .perfi-pg .cont-form ul li label {
        display: none;
    }

    .perfi-pg .cont-form ul li input[type="text"]::placeholder,
    .cont-form ul li textarea::placeholder {
        color: #515151;
        font-family: 'rubikregular';
        opacity: 1;
    }

    .perfi-pg .perfil-pad .cont-form ul li .input-box input[type="submit"] {
        float: none;
        text-align: center;
    }

    .perfi-pg .cont-form {
        border-bottom: 1px solid #f4f4f4;
    }

    .perfi-pg .contact-pad.perfil-pad h2 {
        margin-top: 20px;
    }

    .perfi-pg .perfil-img-border {
        border-bottom: 1px solid #f4f4f4;
    }

    .perfi-pg .contact-pad.perfil-pad h2 {
        margin-top: 0px;
    }

    .perfi-pg .cont-form ul li .label-box p,
    .cont-form ul li .input-box p {
        margin-bottom: 20px;
    }

    .perfi-pg .contact-pad p {
        margin-bottom: 15px;
    }

    .perfi-pg .cont-form {
        border-top: 2px solid #d6d6d6;
    }

    .perfi-pg .contact-pad.perfil-pad h2.foto {
        margin-top: 20px;
    }

    .perfi-pg .label-box-none {
        display: none;
    }

    .perfi-pg .contact-pad.perfil-pad .cont-form.mob-lin .input-box.cont-form-datos {
        margin: 5px 0;
    }

    .perfi-pg .intereses {
        border-top: 1px solid #f4f4f4;
        padding-top: 15px;
    }

    .perfi-pg .btn-list li a {
        text-transform: uppercase;
        text-align: left;
        font-size: 14px;
    }

    .perfi-pg .btn-list li a.grey-btn {
        color: #015ba7;
        border-color: #015ba7;
        font-size: 14px;
        width: auto;
    }

    .perfi-pg .btn-list li a.blue-btn {
        color: #015ba7;
        font-size: 14px;
        width: auto;
    }

    .perfi-pg .btn-list li a.grey-btn:hover {
        background: #015ba7;
        color: #fff;
    }

    .perfi-pg .btn-list li a.contrast {
        background: #015ba7;
        color: #fff;
    }

    .perfi-pg .btn-list li a.contrast:hover {
        background: #fff;
        color: #015ba7;
    }

    .perfi-pg .contact-pad.perfil-pad .cont-form.mob-lin .input-box.btn-lst {
        margin: 5px 0;
    }

    .perfi-pg .contact-pad.perfil-pad .cont-form.mob-lin .btn-list ul li {
        width: 100%;
    }

    .perfi-pg .cont-form ul li .label-box-selecciona {
        display: block;
    }

    .perfi-pg .para-none {
        display: none;
    }

    .perfi-pg .cont-form ul li .label-box p.para-align {
        margin-bottom: 0;
    }

    .perfi-pg .cont-form ul li.sumbit-align {
        margin-top: 7px;
    }

    .perfi-pg .contact-pad.perfil-pad .cont-form.mob-lin ul li .label-box label.imagen-de-perfil {
        display: block;
    }

    .perfi-pg .cont-form ul li .label-box p,
    .cont-form ul li .input-box p {
        margin-bottom: 8px;
    }

    .perfi-pg .cont-form ul li {
        margin-bottom: 20px;
    }

    .perfi-pg .container h1.m-tit.perfil-font {
        margin-bottom: 20px;
    }

    .perfi-pg .cont-form ul li .input-box p.cambiar-imagen {
        margin-bottom: 22px;
    }

}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media screen and (max-width:479px) {
    .row {
        width: 94%;
    }

    .chat-list ul li .chat-det span.time {
        position: relative;
        margin: 10px 0 0 0;
        display: block;
    }

    .login-form input[type="submit"],
    input[type="submit"] {
        width: 220px;
    }
}

@media screen and (max-width:349px) {

    /*mensajes-list-reponsive-accordian*/
    .mensajes-table-contents-accordian .bold-mensajes {
        font-size: 15px;
    }

    .mensajes-table-contents-accordian .resp-accordian-table .smk_accordion.acc_with_icon .accordion_in .acc_content ul li.content-accord {
        font-size: 15px;
    }

    /*perfil-media-css*/
    .btn-list li a.blue-btn {
        font-size: 13px;
    }
}