﻿html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

body {
    background-color: #f5f5f5;
}

.container {
    max-width: 960px;
}

.pricing-header {
    max-width: 700px;
}

.card-deck .card {
    min-width: 220px;
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}


/******************************/
/*           LOADER           */
/******************************/
.loader {
    border: 5px solid #f3f3f3 !important;
    border-radius: 50%;
    border-top: 7px solid #1976d2 !important;
    width: 70px;
    height: 70px;
    position:absolute;
    top: 47%;
    left: 47%;
    -webkit-animation: spin_loader_small 2s linear infinite;
    animation: spin_loader_small 2s linear infinite;
}

@-webkit-keyframes spin_loader_small {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin_loader_small {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
