/* <style class="cp-pen-styles">  </style>*/ 




/* body {
    /*background: linear-gradient(130deg, #07d9a3, #048fee);*/
    /*background-color: #edf4f7;*/
    /*background-size: 400% 400%; -webkit-animation: gradient 16s ease infinite; animation: gradient 16s ease infinite; } */

.content {
    margin: auto;
    padding: 20px;
    width: 100%;
    max-width: 1200px;
    min-width: 300px;
}

.slick-slider {
    margin: 30px auto 50px;
}

.slick-prev,
.slick-next {
    color: #252525;
    opacity: 1;
    height: 40px;
    width: 40px;
    margin-top: -20px;
}

    .slick-prev path,
    .slick-next path {
        fill: rgba(37, 37, 37, 0.4);
    }

    .slick-prev:hover path,
    .slick-next:hover path {
        fill: #252525;
    }

.slick-prev {
    left: -35px;
}

.slick-next {
    right: -35px;
}

    .slick-prev:before,
    .slick-next:before {
        content: none;
    }

.slick-dots li button:before {
    color: rgba(37, 37, 37, 0.4);
    opacity: 1;
    font-size: 8px;
}

.slick-dots li.slick-active button:before {
    color: #252525;
}

.quote-container {
    min-height: 200px;
    color: #666666;
    font-size: 36px;
    /*margin: 0 20px;*/
    position: relative;
}

    .quote-container:hover {
        cursor: -webkit-grab;
        cursor: grab;
    }

    .quote-container .portrait {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 140px;
        width: 140px;
        overflow: hidden;
    }

        .quote-container .portrait img {
            display: block;
            height: auto;
            width: 100%;
        }

    .quote-container .quote {
        position: relative;
        z-index: 600;
        /* For Image */
        padding: 50px 100px 0px 100px;
        margin: 0;
        font-size: 20px;
        font-style: italic;
        line-height: 1.4 !important;
        /*font-family: Calibri;*/
        color: #252525;
    }

        .quote-container .quote p {
            position: relative;
            margin-bottom: 20px;
            text-align: center;
        }

            .quote-container .quote p:first-child:before {
                content: '\201C';
                color: rgba(37, 37, 37, 0.44);
                font-size: 26px;
                font-weight: 500;
                opacity: 1;
                position: absolute;
                top: -20px;
                left: -20px;
                text-shadow: none;
                z-index: -10;
            }

        .quote-container .quote cite {
            display: block;
            font-size: 14px;
            font-weight: 700;
            text-align: center;
        }

            .quote-container .quote cite span {
                font-size: 16px;
                font-style: normal;
                letter-spacing: 1px;
                /*text-transform: uppercase;*/
            }

.dragging .quote-container {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.octogon {
    -webkit-clip-path: polygon(50% 0%, 38.11% 6.7%, 24.99% 6.72%, 18.06% 18.44%, 6.7% 25%, 6.56% 38.64%, 0% 50%, 6.7% 61.89%, 6.7% 75%, 18.44% 81.94%, 25% 93.3%, 38.64% 93.44%, 50% 100%, 61.88% 93.3%, 75% 93.3%, 81.94% 81.56%, 93.3% 74.9%, 93.44% 61.36%, 100% 50%, 93.3% 38.11%, 93.3% 25%, 81.56% 18.06%, 74.96% 6.7%, 61.36% 6.56%, 50% 0%);
    clip-path: url(#octogon);
    height: 140px;
    width: 140px;
}

@-webkit-keyframes gradient {
    0% {
        background-position: 5% 0%;
    }

    50% {
        background-position: 96% 100%;
    }

    100% {
        background-position: 5% 0%;
    }
}

@keyframes gradient {
    0% {
        background-position: 5% 0%;
    }

    50% {
        background-position: 96% 100%;
    }

    100% {
        background-position: 5% 0%;
    }
}