/*!/wp-content/themes/portalcreditos/style.css*//*
	Theme Name: Portalcreditos
	Theme URI: https://portalcreditos.es/
	Author: Prasath
	Author URI: http://skarosoft.com/
	Description: Our 2019 theme
*/

@charset "UTF-8";
/* latin  */
@font-face{font-display:swap;font-family:'Rubik';font-style:normal;font-weight:400;src:local('Rubik'), local('Rubik-Regular'), url('/wp-content/themes/portalcreditos/font/iJWKBXyIfDnIV7nBrXw.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} 
 
@font-face{font-display:swap;font-family:'Rubik';font-style:normal;font-weight:700;src:local('Rubik Bold'), local('Rubik-Bold'), url('/wp-content/themes/portalcreditos/font/iJWHBXyIfDnIV7F6iGmd8WA.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;} 
/* latin  */
@font-face{font-display:swap;font-family:'Rubik';font-style:normal;font-weight:500;src:local('Rubik Medium'), local('Rubik-Medium'), url('/wp-content/themes/portalcreditos/font/iJWHBXyIfDnIV7Eyjmmd8WA.woff2') format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

body { font-family: 'Rubik', sans-serif; }  
.row {     
	margin-right: auto !important;
    margin-left: auto !important;
}
/************************* Header Styles *************************/
#navbar-main { 
	padding-top: 10px; 
	z-index: 1;
	/*background: rgba(255, 255, 255, 0.8);*/
}
.navbar-collapse { margin-top: 20px; }
.nav li { padding: 0 15px; }
.nav li:last-child { padding-right: 30px; }
.nav li a {
    color: #1b5380;
    font-weight: 500;
    font-size: 14px;
	text-decoration: none;
    text-transform: uppercase;
}
.nav li.current-menu-item a { color:#81cdea; font-weight: bold; }
.nav li a:hover { color:#1b5380; }
.navbar-collapse .btn {
    background: #8dbe22;
    color: #FFF;
    border-radius: 20px;
    padding: 6px 15px;
    font-weight: 500;
}

@media (max-width:767.98px)
{
	#navbar-main { padding-top: 5px; }
	.navbar-toggler {
		margin-top: 10px;
		padding: 0px 5px;
		outline: none !important;
	}
	.navbar-collapse {
		margin-top: 0;
		position: absolute;
		top: 85px;
		left: 0;
		width: 100%;
		background: #136c9c;
		padding: 5px 20px 0px 20px;
	}
	.nav li { padding: 5px 15px 5px 0px; }
	.nav li a { color: #fff; }
	.navbar-collapse .btn { 
		margin-top: 5px; 
		margin-bottom: 15px;
	}
}
/************************* Header Styles *************************/
/*******************************************/
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
/*****************************************/
.btnCuentas{
color: #fff !important;
background-color: #8dbe22;
padding: 6px 25px 4px;
border: 2px solid #8dbe22;
border-radius: 20px;
}
/************************* Footer Styles *************************/
footer .col-md-9 .col-md-2 { padding: 0 10px; }
footer .col-md-9 .col-md-2:first-child { padding-left: 15px; }
footer .widget-title {
    font-size: 12.8px;
    font-weight: bold;
	color: #fff;
	margin-bottom: .5rem;
    line-height: normal;
}
footer .textwidget a {
    font-size: 12px;
    color: #fff;
    line-height: 16px;
    display: inherit;
}
footer .textwidget br { display: none; }
footer .sitelinks {
    text-align: center;
    margin: 20px 0;
}
footer .sitelinks a {
    color: #fff;
    font-size: 13px;
    line-height: 16px;
    display: inherit;
}
footer .sociallinks { text-align: center; }
footer .sociallinks a {
    color: #fff;
    margin: 0 5px;
    /*font-size: 28px;*/
}
footer .searchpart {
    margin-top: 10px;
    position: relative;
}
footer #searchform:before {
    content: "";
    background: url(https://portalcreditos.es/wp-content/uploads/2020/04/buscar-icon-img.png) right/contain no-repeat;
    width: 40px;
    height: 25px;
    position: absolute;
    top: 38px;
	left:0;
}
footer .searchpart input#field {
    width: 100%;
    border-radius: 20px;
    height: 35px;
    padding-left: 55px;
    border: 0;
}
footer .searchpart .search_btn {
    position: absolute;
    left: 0;
    width: 45px;
    height: 35px;
    border-radius: 20px;
    background: transparent;
    border: 0;
    padding: 0;
}
footer .bot_3_links {
    border-top: 1px solid #fff;
    margin-top: 10px;
    padding: 25px 0;
}
footer .bot_3_links a {
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 0 15px;
	text-decoration: none;
}
footer .bot_3_links a:last-child { border: 0; }
footer .bot_3_links a:hover { color: #81cdea; }
footer .bot_3_links a:after {
    content: "";
    height: 10px;
    width: 2px;
    position: absolute;
    top: 44px;
    background: #fff;
    margin-left: 15px;
}
footer .bot_3_links a:last-child:after { content: none; }
footer .lastlinks a {
    font-size: 12px;
    color: #fff;
    padding: 0 15px;
    display: inline-block;
    margin: 25px 0;
	text-decoration: none;
}
footer .lastlinks a:not([href]):not([tabindex]),
footer .lastlinks a:not([href]):not([tabindex]):focus, 
footer .lastlinks a:not([href]):not([tabindex]):hover { color: #fff; }
footer .lastlinks a:after {
    content: "";
    height: 10px;
    width: 1px;
    position: absolute;
    top: 30px;
    background: #fff;
    margin-left: 15px;
}
footer .lastlinks a:last-child:after { content: none; }

@media (max-width:767.98px)
{
	footer .col-md-2 {
		width: 50%;
		float: left;
	}
	footer .col-md-9 .col-md-2:first-child { padding-left: 10px; }
	footer .widget-title { font-size: 15px; }
	footer .textwidget a {
		font-size: 14px;
		line-height: normal;
	}
	footer .bot_3_links { margin-top: 30px; }
	footer .bot_3_links a {
		border-right: 1px solid #fff;
		padding: 0 5px;
		font-size: 12px;
	}
	footer .bot_3_links a:after { display: none; }
	footer .lastlinks { padding: 20px 0; }
	footer .lastlinks a {
		padding: 0 10px;
	    margin: 5px 0;
		border-right: 1px solid #fff;
	}
	footer .lastlinks a:nth-child(3), 
	footer .lastlinks a:last-child { border: 0; }
	footer .lastlinks a:after { display: none; }
}
/************************* Footer Styles *************************/

/************************* Home Page FAQ Styles *************************/
.home_faq { margin: 60px auto; }
.home_faq .col-md-12 h3 {
    text-align: center;
    font-weight: bold;
    color: #1b5380;
    font-size: 2rem;
    margin: 1rem 0;
}
.accordion .active_faq { background: #f5f6f3; }
.accordion .card { 
	border: 0;
	border-top: 2px solid #6dcce9; 
}
.accordion .card:last-child { border-bottom: 2px solid #6dcce9; }
.accordion .card .card-header {
    padding: 0;
    border: 0;
    margin: 0;
	background: none;
}
.accordion .card .card-header h2 { margin: 0; }
.accordion .card .card-header button {
    width: 100%;
    text-align: left;
    padding: 0.6rem 2.5rem;
    color: #1b5280;
    font-size: 1.3rem;
	border: 0;
    position: relative;
	background: none;
}
.accordion .card .card-header button:focus { outline: 0; }
.accordion .card .card-header button i {
    float: right;
    font-size: 18px;
    position: absolute;
    right: 2.5rem;
    top: 35%;
    font-weight: bold;
    font-style: normal;
    line-height: 1;
}
.glyphicon-plus:before { content: "\2b"; }
.glyphicon-minus:before { content: "\2212"; }
.accordion .card .card-body {
    padding: .5rem 7.5rem 1rem 2.5rem;
    text-align: justify;
}
@media (max-width: 767px) {
	.home_faq .col-md-10 { padding: 0; }
	.accordion .card .card-header button { 
		padding: .5rem 2rem .5rem 1rem; 
		font-size: 1.2rem;
	}
	.accordion .card .card-header button i { right: 0.5rem; }
	.accordion .card .card-body { padding: .5rem 1.2rem; }
}
/************************* Home Page FAQ Styles *************************/

/************************* Top 3 Blog Posts Styles *************************/
.top_3_post h2,
.top_3_post h3,
.top_3_post h4 {
    color: #165381;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 60px;
}
.blogpost .feature-image {
    margin-bottom: 20px;
	height: 225px;
	overflow: hidden;
}
.blogpost .post_title {
    font-size: 1.25em;
    font-weight: bold;
    line-height: normal;
	margin-bottom: 15px;
}
.blogpost .post_title a {
    color: #165381;
    text-decoration: none;
}
.blogpost .post_category {
    margin-bottom: 15px;
    line-height: 20px;
}
.blogpost .post_category a { color: #666; }
.blogpost p.post_content {
    line-height: 20px;
    color: #666;
	text-align: justify;
}
.blogpost .post_details {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
}
.blogpost:last-child .post_details {
    margin: 0;
}
.blogpost .post_details a {
    color: #113654;
    font-size: 15px;
    text-decoration: none;
    font-weight: 500;
}
.blogpost .post_details a img {
    margin-top: -2px;
    width: 12px;
    margin-left: -3px;
}
.blogpost .post_details .pull-right {
    font-weight: 500;
    color: #113654;
}
@media (max-width: 767px) {
	.top_3_post h2,
	.top_3_post h3 { margin-bottom: 30px; }
	.blogpost .feature-image { height: auto; }
}
/************************* Top 3 Blog Posts Styles *************************/


/************************* Loan Table Styles Starts Here **************************/
.loanComparison,
.loanComparison .col-md-12 { padding: 0; }
.loanComparison h3 {
    text-align: center;
    color: #1b5380;
    font-weight: normal;
    margin-bottom: 40px;
    font-size: 1.6rem;
}
.loanComparison h3 span {
    color: #7ecdec;
    font-weight: bold;
	font-size: 2rem;
    display: inline-block;
    margin-bottom: 5px;
}
@media (max-width: 767px) {
	.loanComparison h3 {
		margin-bottom: 30px;
    	font-size: 20px;
	}
	.loanComparison h3 span { font-size: 26px; }
}
/********* Loan Header **********/
.loanTableHeader {
    background: #1b5380;
    margin-bottom: 25px;
    padding: 25px 15px;
}
.loanTableHeader button.dropdown-toggle {
	background: none;
	border-color: transparent;
	color: #fff;
	outline: none;
}
.dropdown-toggle::after { vertical-align: .155em; }
.loanTableHeader .dropdown { display: inline-block; }
.loanTableHeader .dropdown:first-child {
    /*display: inline-block;
    border-right: 2px solid #8aa7be;
    padding-right: 30px;
    margin-right: 40px;*/
}
.loanTableHeader .dropdown img { height: 26px; }
.loanTableHeader .dropdown-menu {
    min-width: 11rem;
    left: 30px;
    right: 0;
}
.loanTableHeader .cantidad_col {
    width: 50%;
    float: left;
}
.loanTableHeader .dropdown-item {
    text-align: center;
    cursor: pointer;
    padding: 5px 0px;
}
.loanTableHeader .loanfilter_btn {
	background: none;
	border-color: transparent;
	color: #fff;
	outline: none;
}
.loanTableHeader .loanfilter {
    display: inline-block;
    border-right: 2px solid #8aa7be;
    padding-right: 30px;
    margin-right: 30px;
}
.loanTableHeader .loanfilter:last-child {
    border: 0;
    padding: 0;
    margin: 0;
}
.loanTableHeader .filter_icon,
.loanTableHeader .filter_box { height: 26px; }
.loanTableHeader .filter_box,
.loanTableHeader .filter_x { 
	margin-left: -5px;
    margin-top: -2px;
    cursor: pointer;
    height: 16px;
}
@media (max-width: 767px) {
	.loanTableHeader { padding: 0px 0 15px 0; }
	.loanTableHeader button.dropdown-toggle { font-size: 14px; }
	.loanTableHeader .dropdown { margin-right: 30px; }
	.loanTableHeader .loanfilter {
		margin-right: 0px;
		margin-top: 15px;
		padding-right: 0;
		border: 0;
	}
	.loanTableHeader .loanfilter:last-child { margin-top: 15px; }
	.loanTableHeader #gratisfilter { margin-left: 20px; }
	.loanTableHeader #asneffilter { /*margin-left: 15px;*/ }
	.loanTableHeader .loanfilter_btn {
		font-size: 14px;
		padding-left: 0;
	}
	.loanTableHeader .filter_icon { height: 22px; }
}
/********* Loan Header **********/
/********* Loan Content **********/
#loanContentList {
    border: 1px solid #1b5380;
    padding: 30px 20px;
    margin-bottom: 30px;
}
#loanContentList .firstRow {
    padding-bottom: 30px;
    border-bottom: 2px solid #1b5380;
    margin-bottom: 30px;
}
#loanContentList .firstRow:last-child {
    padding-bottom: 0;
    border: 0;
    margin: 0;
}
#loanContentList .col-md-4 {
    text-align: center;
}
#loanContentList .loan_cmpy_logo img { height: 150px; }
#loanContentList .loan_cmpy_rating { margin-top: 10px; }
#loanContentList .loan_cmpy_rating span {
    font-size: 40px;
    font-weight: bold;
    line-height: 48px;
    color: #1b5380;
	font-family: 'Rubik', sans-serif;
}
#loanContentList .loan_cmpy_rating .outof5{
	font-size:19px;
}
#loanContentList .loan_cmpy_rating img { height: 45px; }
#loanContentList .col-md-8 p {
    margin-bottom: 0.2em !important;
    padding-bottom: 0.2em;
    font-weight: 500;
}
#loanContentList .col-md-8 p.border_bot {
    border-bottom: 1px solid #7ecdec;
	width: 100%;
    float: left;
}
#loanContentList .col-md-8 p.border_bot.lastchild { border: 0; }
#loanContentList .frontData p span.pull-left {
    width: 40%;
    font-weight: bold;
}
#loanContentList .frontData p span.pull-right {
    width: 60%;
    font-weight: normal;
}
/*#loanContentList .col-md-8 p span {
    font-weight: bold;
    width: 40%;
    display: inline-block;
}*/
#loanContentList .btnArea {
    margin-top: 28px;
    text-align: right;
    display: inline-block;
    width: 100%;
}
#loanContentList .btnArea a {
    background: #1b5380;
    color: #fff;
    border-radius: 20px;
    padding: 6px 15px;
    min-width: 200px;
    text-align: center;
    display: inline-block;
	text-decoration: none;
}
#loanContentList .btnArea button {
    background: #1b5380;
    color: #fff;
    border-radius: 20px;
    padding: 6px 15px;
    min-width: 200px;
    text-align: center;
    display: inline-block;
	text-decoration: none;
}
#loanContentList .btnArea button.btnMore,
#loanContentList .btnArea button.btnLess,
#loanContentList .btnArea button.btnReview {
    margin-right: 20px;
    background: none;
    color: #1b5380;
    border: 2px solid #1b5380;
    padding: 4px 15px;
	cursor: pointer;
}
#loanContentList .btnArea a.btnMore,
#loanContentList .btnArea a.btnLess,
#loanContentList .btnArea a.btnReview {
    margin-right: 20px;
    background: none;
    color: #1b5380;
    border: 2px solid #1b5380;
    padding: 4px 15px;
	cursor: pointer;
}
#loanContentList p.noData {	margin: 20px 0; }
/**********For tooltip***********/
span.tooltip_for_table_rating {
    position: relative;
    top: -50px;
    left: 95px;
}
.tooltip-inner{ 
    color:#212529;
    font-weight:400;
    background-color:#fff;
    padding:13px; 
    box-shadow:0 0 5px  #666; 
    font-size:11px;
	text-align:left;
}
.tooltip .arrow:before {
 border-bottom-color:#fff !important;
  border-top-color:#fff !important;
}
.tooltip.show {
    opacity: 1;
} 
.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{margin-top:8px!important}
@media (max-width: 767px) {
span.tooltip_for_table_rating {
    position: relative;
    top: -72px;
    left: 95px;
}
}
/**********For tooltip***********/
@media (max-width: 767px) {
	#loanContentList { padding: 0 0px 15px 0px; }
	#loanContentList .loan_cmpy_rating { margin-bottom: 20px; }
	#loanContentList .loan_cmpy_rating img { height: 45px; }
	#loanContentList .frontData p span.pull-left,
	#loanContentList .frontData p span.pull-right,
	#loanContentList .loanMoreLess .col-md-8 p span.pull-left,
	#loanContentList .loanMoreLess .col-md-8 p span.pull-right { 
		width: auto !important;
		font-size: 16px;
	}
	#loanContentList .btnArea { 
		text-align: center; 
		margin-top: 15px;
	}
	#loanContentList .btnArea button.btnMore, 
	#loanContentList .btnArea button.btnLess, 
	#loanContentList .btnArea button.btnReview { 
		margin-right: 0;
		font-size: 14.5px;
	}
	#loanContentList .btnArea a.btnMore, 
	#loanContentList .btnArea a.btnLess, 
	#loanContentList .btnArea a.btnReview { 
		margin-right: 0;
		font-size: 14.5px;
	}
	#loanContentList .frontData .btnArea a.btnContratar {margin-top: 10px; }
	#loanContentList .loanMoreLess .btnArea a.btnContratar { margin-top: 15px; }
	#loanContentList p.noData {	margin: 15px 10px 0 10px !important; }
}
/********* Loan Content **********/
/********* Loan Read/More Content **********/
#loanContentList .loanMoreLess { 
	margin-top: 20px; 
	display: none;
}
#loanContentList .loanMoreLess.showExtraContent { display: block; }
#loanContentList .loan_provider_rating_5 { margin: 40px 0 40px 0; }
#loanContentList .loan_provider_rating_5 .rating_line {
    display: inline-block;
    width: 100%;
}
#loanContentList .loan_provider_rating_5 .rating_line .pull-right {
    width: 103px;
    position: relative;
    height: 22px;
}
#loanContentList .loan_provider_rating_5 .rating_line .pull-right i {
    color: #1b5380;
    font-size: 22px;
    width: 103px;
    position: absolute;
    right: 0;
}
#loanContentList .loan_provider_rating_5 .rating_line .pull-right i.star-5 {
    left: 0;
    /*width: 50%;*/
    height: 22px;
    overflow: hidden;
}
#loanContentList .loan_provider_rating_5 .rating_line .star-0:before { content: "\f006\f006\f006\f006\f006"; }
#loanContentList .loan_provider_rating_5 .rating_line .star-5:before { 
    content: "\f005\f005\f005\f005\f005";
    height: 22px;
    width: 103px;
    display: inline-block;
}
#loanContentList .loanMoreLess .loan_cmpy_lines {
    /*margin: 40px 0 60px 0;*/
    font-weight: 500;
    font-style: italic;
}
#loanContentList .loanMoreLess .loan_cmpy_img { overflow: hidden; }
#loanContentList .loanMoreLess .loan_cmpy_img img {
    height: 250px;
}
#loanContentList .loanMoreLess .col-md-8 {
    background: #e3f5fb;
    padding: 20px 15px;
}
#loanContentList .loanMoreLess .col-md-8 p {
	display: inline-block;
    width: 100%;
}
#loanContentList .loanMoreLess .col-md-8 p.border_bot {
    border-bottom: 1px solid #7ecdec;
    float: left;
    width: 100%;
}
#loanContentList .loanMoreLess .col-md-8 p span.pull-left {
    width: 36%;
    font-weight: bold;
}
#loanContentList .loanMoreLess .col-md-8 p span.pull-right {
    width: 64%;
    font-weight: normal;
}
#loanContentList .loanMoreLess  .btnArea {
    float: left;
    width: 100%;
}
@media (max-width: 767px) {
	#loanContentList .loanMoreLess .col-md-4 { padding: 0; }
	#loanContentList .loan_provider_rating_5,
	#loanContentList .loanMoreLess .loan_cmpy_lines { 
		margin: 0 0 20px 0; 
	}
	#loanContentList .loanMoreLess .loan_cmpy_img { margin-bottom:20px; }
	#loanContentList .loanMoreLess .loan_cmpy_img img {
		width: 100%;
		height: auto;
	}
	
}
/********* Loan Read/More Content **********/
/********* Bottomn Read/More Button **********/
#loanContentList .read_more_less {
    border: 2px solid #1b5380;
    border-radius: 20px;
    font-size: 18px;
    padding: 5px 15px;
    cursor: pointer;
    color: #fff;
    background: #1b5380;
}
/********* Bottomn Read/More Button **********/
/************************* Loan Table Styles Ends Here ****************************/

/************************* Cookie Bar Styles **************************************/
#cookie-bar {background:#111111; height:auto; line-height:24px; color:#eeeeee; text-align:center; padding:3px 0;position: fixed; bottom: 0; width: 100%; z-index: 999;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff ; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cn-accept-cookie {color:#ffffff !important;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}
.linkcss {color:#25adda !important}
/************************* Cookie Bar Styles **************************************/

/************************* Scroll to Top Styles *******************************/
#scroll_to_top {
    position: fixed;
    bottom: 90px;
    right: 5px;
    z-index: 9999;
    width: 50px;
    height: 40px;
    text-align: center;
    line-height: 35px;
    text-decoration: none;
}
/************************* Scroll to Top Styles *******************************/

/********************************************************************/
.dmcalogo
{
	text-align: center; 
	padding-top:11px;
}
.comment-form-comment .comments, 
.comment-form-author .authors, 
.comment-form-email .emails, 
.comment-form-email .urls
	{
	opacity: 0;
    width: 0;
	}
/*******************************************************************/

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    border: none;
	margin: 0px;
}
#breadcrumbs i.fa.fa-angle-right {
    font-size: 20px;
    padding: 0px 3px;
}