.margin-top-xs { margin-top: .25em; }
.margin-top-sm { margin-top: .5em; }
.margin-top-md { margin-top: 1em; }
.margin-top-lg { margin-top: 1.5em; }
.margin-top-xl { margin-top: 3em; }

.margin-bottom-xs { margin-bottom: .25em; }
.margin-bottom-sm { margin-bottom: .5em; }
.margin-bottom-md { margin-bottom: 1em; }
.margin-bottom-lg { margin-bottom: 1.5em; }
.margin-bottom-xl { margin-bottom: 3em; }


html {
    font-size: 16px;
}


.btn.btn-yellow, .btn.btn-yellow:active, .btn.btn-yellow:focus, .btn.btn-yellow:hover {
    background: #ffd51d;
    color: #012648;
    border:none;
}

    .slick-arrow {
        background-color: rgba(0,0,0,0.5);
        z-index:1;
        width: 2.8125rem;
        height: 2.8125rem;
        transition: opacity .4s;
    }

    .slick-arrow:focus {
        background-color: rgba(0,0,0,0.5) !important;
    }

    .slick-slide img{
        max-width: 98%;
    }
    .slick-arrow.slick-prev {
        left: 0;

    }

    .slick-arrow.slick-next {
        right: 0.375rem;
    }

    .slick-slider .slick-arrow{
        display:none !important;
    }
    .slick-slider:hover .slick-arrow {
        display:block !important;
    }
    .slick-slider .slick-arrow:hover {
        display: block !important;
        background: rgba(0,0,0,0.5);
    }
    .slick-arrow:before {
        content: '';
        position: absolute;
        width: .625rem;
        height: .625rem;
        top: 1rem;
        right: .875rem;
        border-top: .125rem solid #fff;
        border-left: .125rem solid #fff;

    }
    .slick-prev:before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
    }
    .slick-next:before {
        transform: rotate(-45deg);
        -webkit-transform: rotate(135deg);
        right: 1.125rem;
    }
    .custom-slick-dots {
        margin: 0;
        position: relative;
        bottom: 1.825rem;
        text-align: center;
        padding-left: 0;
         display: none;
    }

    .custom-slick-dots li {
        display: inline-block;
        padding: 0 0.3125rem;
        outline:none;
    }

    .custom-slick-dots li button, .custom-slick-dots li button:focus{
        padding: 0;
        color: transparent;
        background: 0 0;
        border: 0.125rem solid #f2f2f2;
        border-radius: 0.625rem;
        width: 1rem;
        height: 1rem;
        outline:none;
    }

    .custom-slick-dots li.slick-active button{
        background-color: #fff;
    }

    .pet-plugin-header {
        height: 4.0625rem;
        padding: 0;
        margin-bottom: 0;
        background-color: #002450 !important;
    }

    .pet-plugin-title {
        height: 4.0625rem;
        vertical-align: middle;
        display: table-cell;
        font-weight: 600;
    }

    .container h1.pet-plugin-title {
        color: #fff;
        font-size: 2.6rem;
    }