@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; }
}

/* 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;}
}