/*
* ===================
* SKIN 
* ===================
*
* Insert into this file all the CSS of your custom design and load this file into every page you need.
*/
body {
    color: rgb(43,86,115);
}
.btn.contacto {
    border-color: rgb(166,131,64);
    border-width: 2px;
    font-size: 16px;
    border-radius: 20px;
    padding: 5px 15px;
    margin: 8px 10px;
    background-color: white;
}

.botone.contacto a{
    border-color: rgb(166,131,64);
    border-width: 2px;
    font-size: 16px;
    border-radius: 20px;
    padding: 5px 15px;
    margin: 8px 10px;
    background-color: white;
    border-style: solid;
}
ul.navbar-nav li.botone.contacto a:hover {
    border-color: rgb(166,131,64);
    color: white;
    background-color: rgb(166,131,64);
}
ul.navbar-nav li a.btn.contacto:hover {
    border-color: rgb(166,131,64);
    color: white;
    background-color: rgb(166,131,64);
}
.navbar-default .navbar-nav > li > a:hover {
    background-color: rgb(66,97,118);
    color: white;
}
header > .navbar {
    border-bottom: none;
}

.navbar-brand {
    height: 90px;
    width: 320px;
    padding-top:0;
}
.navbar-nav {
    float: right;
    margin: 20px 0 0 0;
}
.navbar-mini {
    background-color: #ffffff;
    border-bottom: none;
}
.navbar-default .navbar-nav > li > a, .mega-menu h5 {
    color: rgb(66,97,118); /* Pantone 2377 CP */
}

.navbar input{
    border: none;
    border-bottom: lightgrey thin solid;
    width: 100px;
}
i.fa.fa-search.pull-right.submitter {
    margin-top: 5px;
}
.dropdown-menu {
    background-color: rgb(66,97,118);
    color: white;
    border-color: rgb(66,97,118);
}
.dropdown-menu > li > a {
    color: white;
}
.crimson {
	font-family: 'Crimson Text', serif;
}
.source {
	font-family: 'Source Sans Pro', sans-serif;
}

.contenidos {}

.yellow, .yellow-text { color: rgb(166,131,64);     /* Pantone 8384 C */ }
.blue { color: rgb(66,97,118);                      /* Pantone 2377 CP */ }
.blue-text { color: rgb(43,86,115);                 /* compensación oscura según logo */ }
h1.-text, .white-text  { color: #f0f0f0;            /* para titulos blancos o con color indefinido */ }

.marcadagua {
    background-image: url('images/kb_log.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: -200px 50%;
}

.yellow-bg { background-color: rgb(166,131,64);     /* Pantone 8384 C */ }
.blue-bg { background-color: rgb(66,97,118);        /* Pantone 2377 CP */ }

.italics {}

.title-base hr {
    background-color: rgb(66,97,118); /* Pantone 2377 CP */
}

.block-quote.quote-1:before, .block-quote.quote-2:before {
    color: rgb(166,131,64); /* Pantone 8384 C */;
}

[class*=header-] .title-base {
    text-align: left;
    display: block;
    font-family: 'Crimson Text', serif;
    
    font-size: 36px;
}
.title-base h1, 
.title-icon h2, 
.title-icon h1, 
.title-base.title-small h2 {
    font-size: 48px;
    font-weight: 400;
    margin-top: 40px;
    width: 50%;
}

h1.crimson.italics.yellow {
    border-top: solid 3px rgb(166,131,64);
    padding-top: 20px;
    margin-top: 6px;
}

.resumen {
    font-size: 20px;
}

.resumen:after {
    content: '';
    position: absolute;
    height: 60px;
    right: 0;
    left: 0;
    bottom: 30px;
    width: 100%;
    box-sizing: border-box;
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 80%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0 );
}
.footer {
	background-color: rgb(66,97,118); /* Pantone 2377 CP */
	color:white;

	text-rendering: geometricPrecision;
	font-weight: 100;
}
.d-flex {
	display: flex;
}
.copyright, .footer-right {
	width: 50%;
}
.maso-list {
	text-rendering: geometricPrecision;
}
.maso-box > .maso-item {
    height: 300px;
}
#asesores .maso-box > .maso-item {
    height: auto;
}
#asesores .adv-img-down-text .caption {
    padding-top: 80%;
    font-size: 16px;
}
.maso-item > .img-box {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}
p.sub-text{
	font-size: 14px;
} 
.adv-img h2, .adv-circle h2, .caption-bottom h2 {
    margin: 0;
    font-size: 18px;
    font-weight: 500;
}
.call-action-box {
    padding: 25px;
    border: 1px solid #EAEAEA;
    background-color: rgb(66,97,118);
    width: 100%;
    overflow: hidden;
}
div.call-action-box a, 
div.call-action-box a.btn {
    white-space: nowrap;
    background: none;
    margin: 0;
}

/* * * * * * * + + + * * * * * * * */
/* * * * * * *   BLOG  * * * * * * */
/* * * * * * * + + + * * * * * * * */

.blog-search {
    padding: 32px 20px 10px 0;
    text-align: right;
}
.blog-search input{
    border: none;
    border-bottom: lightgrey thin solid;
    width: 25%;
}
.autor {
    width: 300px;
    height: 200px;
    background-color: #ffffff;
}
.authorName {
    border-bottom: solid thin steelblue;
    margin-top: 10px;
    width: 150px;
    padding-bottom: 3px;
    font-size: 18px;
}
.shares .fa {
    padding-right: 10px;
}
.shares p {
 
    margin-top: 15px;
    margin-bottom: 2px;
    color:#aaa;
}
/* * * *  Final de  BLOG * * * * * */

.accordion-list .list-group-item > a:before, 
.advs-box .btn-text:after, 
.box-steps .step-item:after {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-left: -21px;
    top: 19px;
    position: absolute;
    border-top-width: 2px;
    border-top-style: solid;
    border-right-width: 2px;
    border-right-style: solid;
    content: "";
    width: 6px;
    height: 6px;
    transition: all .15s;
    border-color: rgba(93, 93, 93, 0.5);
}
.accordion-list .list-group-item > a.active:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
}

.maso-box.row, .grid-box.row {
    margin: -7.5px;
    width: calc(100% + 15px);
}
.maso-box > .maso-item, .grid-box > .grid-item {
    padding: 7.5px;
}
.section-bg-color .advs-box.boxed, 
.section-bg-color .advs-box.boxed-inverse, 
.section-bg-color .adv-img-down-text.boxed-inverse, 
.section-bg-color .niche-box-testimonails-cloud p {
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.05);
    border: 0 solid #eee;
}
.adv-img-down-text.boxed-inverse .caption-bottom {
    border: 1px solid #e4e4e4;
    border-top: none;
}
.adv-img-classic-box:hover .caption-inner {
    max-height: 280px;
}
.section-bg-color .adv-img-down-text.boxed-inverse .caption-bottom {
    border: none;
}
.caption-bottom {
    text-align: left;
    line-height: 28px;
    padding: 15px;
    height: 110px;
}
.caption .caption-inner div.bigtext {
    font-size: 14px;
}
.adv-img-down-text h2 a.yellow {
    color: rgb(166,131,64);
}
.adv-img-down-text .caption-bottom p.blue {
    color: rgb(66,97,118);
}
div.maso-list.gallery .adv-img-classic-box:hover a {
    background-color: rgba(0,0,0,0.5);
}
.adv-img-classic-box:hover .caption-inner h2 {
    white-space: normal;
    font-size: 22px;
}
#clientes .advs-box-content {
    height: 6.2em;
}
#clientes a.img-box {
    background-repeat: no-repeat;
    background-size: cover;
}

#clientes .img-box:before {
    opacity: 0.2;
}
#clientes .img-box:hover:before {
    opacity: 0.0;
}
.marca:hover {
    fill: white;
    stroke: #A68340;
    stroke-width: 3px;
}

footer a {
    color: #f0f0f0;
}
footer a:hover {
    color: #ffffff;
}

#contacto select{
    color:#333333;
    width: 100%;
}
p.lecturas {
    margin-top: 25px;
    font-size: 14px;
}
/*
* ---------------------
* RESPONSIVE - MOBILE
* ---------------------
*/

@media (max-width: 994px) {

	.header-title, .header-video, .header-animation, .header-slider {
	    height: 250px !important;
	}

	.title-base h1, 
	.title-icon h2, 
	.title-icon h1, 
	.title-base.title-small h2 {
	    font-size: 36px;
	    margin-top: 40px;
	    width: 80%;
	}
    #clientes .advs-box-content {
        height: 9.3em;
    }
}
@media (max-width: 768px) {

	.header-title, .header-video, .header-animation, .header-slider {
	    height: 250px !important;
	}

	.title-base h1, 
	.title-icon h2, 
	.title-icon h1, 
	.title-base.title-small h2 {
	    font-size: 32px;
	    margin-top: 30px;
	    width: 80%;
	}
    #clientes .advs-box-content {
        height: 9.3em;
    }
    .navbar-brand {
        padding-top: 15px;
    }
}
@media (max-width: 480px) {

	.header-title, .header-video, .header-animation, .header-slider {
	    height: 250px !important;
	}

	.title-base h1, 
	.title-icon h2, 
	.title-icon h1, 
	.title-base.title-small h2 {
	    font-size: 28px;
	    margin-top: 20px;
	    width: 90%;
	}
}