.col.sp {
    padding: 0;
}

.col.sp .card-body img {
    padding: 35px;
    width: 130px;
}

.col.sp .card-body.s1 h2 {
    color: #f24a35;
}

.col.sp .card-body.s2 h2 {
    color: #85a60c;
}

.col.sp .card-body.s3 h2 {
    color: #1c76f3;
}

.col.sp:hover>div .card-body {
    background-color: black;

}

.col.sp:hover>div .d-flex {
    visibility: visible;
}

.col.sp div div.d-flex {
    visibility: hidden;
}

.col.sp.s1 .d-flex {
    background-color: rgba(242, 74, 53, .6);
}

.col.sp.s2 .d-flex {
    background-color: rgba(133, 166, 12, .6);
}

.col.sp.s3 .d-flex {
    background-color: rgba(28, 118, 243, .6);
}

.pb-3 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
}

.row {
    margin-top: 10px;
}

.form-control,
.btn,
.alert {
    border-radius: 0;
}

footer,
footer a {
    color: #fff !important;
}

.btn-success,
.badge-success {
    background-color: #1c76f3;
    border-color: #1c76f3;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success:first-child:active,
:not(.btn-check)+.btn-success:active {
    background-color: #0a4dab;
    border-color: #0a4dab;
}

.btn-default,
.badge-default {
    background-color: #85a60c;
    border-color: #85a60c;
    color: #fff;
}

.btn-default:hover,
.btn-default:active,
.btn-default.active,
.btn-default:first-child:active,
:not(.btn-check)+.btn-default:active {
    background-color: #6b850c;
    border-color: #6b850c;
}

.btn-info,
.badge-info {
    background-color: #f24a35;
    border-color: #f24a35;
    color: #fff;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info:first-child:active,
:not(.btn-check)+.btn-info:active {
    background-color: #d62f1a;
    border-color: #d62f1a;
    color: #fff;
}

.nav-item .btn img {
    margin-right: 5px;
}

.btn-black {
    color: #fff;
    font-weight: bold;
}

.btn-black:hover,
.btn-black:active,
.btn-black.active,
.btn-black:first-child:active,
:not(.btn-check)+.btn-black:active {
    background-color: #000;
    border-color: #000;
}


.link-light:focus,
.link-light:hover {
    background-color: #85a60c;
}

/* quotes */

@import "compass/css3";

html {
    background: #eff0ef;
}

h1 {
    font-size: 16px;
    text-align: center;
    margin-bottom: 40px;
}

.testimonial-quote {
    font-size: 16px;
}

.testimonial-quote blockquote {
    /* Negate theme styles */
    border: 0;
    margin: 0;
    padding: 0;

    background: none;
    color: gray;
   
    font-size: 1.5em;
    font-style: italic;
    line-height: 1.4 !important;
    margin: 0;
    position: relative;
    text-shadow: 0 1px white;
    z-index: 600;
}

.testimonial-quote blockquote * {
    box-sizing: border-box;
}

.testimonial-quote blockquote p {
    color: #75808a;
    line-height: 1.4 !important;
}

.testimonial-quote blockquote p:first-child:before {
    content: '\201C';
    color: #81bedb;
    font-size: 7.5em;
    font-weight: 700;
    opacity: .3;
    position: absolute;
    top: -.4em;
    left: -.2em;
    text-shadow: none;
    z-index: -300;
}

.testimonial-quote img {
    border-radius: 50%;
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    top: -.2em;
    left: 0;
}

.testimonial-quote cite {
    color: gray;
    display: block;
    font-size: .8em;
}

.testimonial-quote cite span {
    color: #5e5e5e;
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-shadow: 0 1px white;
}

.testimonial-quote {
    position: relative;
}

.testimonial-quote .quote-container {
    padding-left: 160px;
}

.testimonial-quote.right .quote-container {
    padding-left: 0;
    padding-right: 160px;
}

.testimonial-quote.right img {
    left: auto;
    right: 0;
}

.testimonial-quote.right cite {
    text-align: right;
}


.testimonial-quote.py img {
    border: 3px solid #f24a35;
}

.testimonial-quote.py blockquote p:first-child:before {
    color: #f24a35;
}

.testimonial-quote.ap img {
    border: 3px solid #85a60c;
}

.testimonial-quote.ap blockquote p:first-child:before {
    color: #85a60c;
}

.testimonial-quote.ti img {
    border: 3px solid #1c76f3;
}

.testimonial-quote.ti blockquote p:first-child:before {
    color: #1c76f3;
}


.testimonial-quote blockquote p:first-child:before {
    font-family: Georgia, serif;
}
.gallery div{
    display: inline;
}
.gallery .badge{
    font-size: 1.1em;
    margin: 5px;
    border-radius:0px;
}