.row.titulo-colores {
    margin: 0 20px;
}
.container-color {
    margin: 20px 0 10px;
}
.color-principal {
    height: 120px;
    width: 220px;
}
.color-descripcion div p, .color-descripcion div h5, .color-descripcion div h4 {
    margin: 0;
}
p.caption.text-uppercase {
    font-size: 12px;
}
.color-descripcion div .text-description {
    font-size: 10px;
    color: #868686;
    margin: 15px 0;
}
.color-descripcion div h4 {
    color: #163288;
    font-weight: 600;
    margin-top: 10px;
}
.caption, caption {
    font-style: italic;
    color: #868686;
}
.single-colors hr {
    border-top: 3px solid rgba(0,0,0,.1);
}
.color-principal, .result-color {
    border: 1px solid #e4e4e4;
}
/* Descripcion del color */
div#informacion-color {
    background: #ececec;
    padding: 10px 15px 20px;
}
#informacion-color p {
    display: inline-block;
    float: right;
    margin: 0;
    color: #8c8c8c;
    font-weight: 400;
}
#informacion-color span {
    color: #8c8c8c;
    font-weight: 500;
}
#informacion-color .informacion-titulo {
    text-align: center;
    text-transform: capitalize;
    font-weight: 700;
    color: #8c8c8c;
    margin-bottom: 5px;
}
/* Descripcion del color */
/* Resultado de colores */
.titulo-similares {
    text-align: center;
}
.titulo-similares p {
    font-size: 20px;
}
.lista-colores .container-lista-color .result-color{
    width: 100%;
    height: 100px;
}
.container-lista-color h4 {
    font-size: 18px!important;
    color: #163288;
    font-weight: 600;
    margin: 10px 0px 40px;
}
.lista-colores .container-lista-color p, .lista-colores .container-lista-color h5 {
    margin: 0;
}
.lista-colores .descripcion-result-color {
    background: #f3f3f3;
    padding: 15px;
    margin-bottom: 15px;
}
.lista-colores .container-lista-color p.title-result-color {
    line-height: 15px;
    margin-bottom: -10px;
}
/* Resultado de colores */
/* Paginador */
#similarColors button.slick-prev.slick-arrow.slick-disabled, #similarColors button.slick-prev.slick-arrow {
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-180%);
    height: 64px;
    width: 100px;
    background: black url(/wp-content/themes/protecto-theme/images/arrow.png) no-repeat 100% center;
    color: white;
    margin: 0 20px;
    color: transparent;
    font: 0/0 -webkit-pictograph;
    padding: 30px 5%;
    display: inline-block;
    transform: rotate(180deg) translateX(180%);
}
#similarColors button.slick-next.slick-arrow {
    position: absolute;
    left: 55%;
    bottom: 0px;
    height: 64px;
    width: 100px;
    background: black url(/wp-content/themes/protecto-theme/images/arrow.png) no-repeat 100% center;
    color: white;
    margin: 0 20px;
    color: transparent;
    font: 0/0 -webkit-pictograph;
    padding: 30px 5%;
    transform: rotate(180deg) translateX(-30%);
    transform: translateX(30%);
    display: inline-block;
}
#similarColors ul.slick-dots li.slick-active button {
    background: #163288;
    color: white;
    position: relative;
}
#similarColors ul.slick-dots li button {
    padding: 20px 25px 20px 10px;
    color: black;
    font-weight: bold;
    border: none;
}
#similarColors ul.slick-dots li.slick-active button:hover {
    background: #337ab7;
    cursor: default;
}
#similarColors li button:not([aria-selected="true"]):hover {
    color: #23527c!important;
    background-color: #eeeeee;
}
#similarColors ul.slick-dots li {
    display: inline-block;
}
#similarColors ul.slick-dots {
    list-style: none;
    text-align: center;
    margin-top: 15px;
}
#similarColors .slick-slide {
    height: 87%;
}
/* Paginador */
@media (max-width:767px){
    .row .row.titulo-colores {
        margin: 0;
    }
    #similarColors .slick-slide {
        height: 97%;
    }
}