.bg-principal {
    background: url("../images/bg_plano.jpg") no-repeat;
    background-size: cover;
}

.title {
    color: #424694;
}
.invalid-feedback {
    display: block!important;/*validation control to aspnet*/
}
.bg-plano {
    background: #fcfcfc url(../images/bg_plano.jpg) no-repeat;
    background-position: top;
    background-size: cover;
    background-attachment: fixed;
}
.bg {
    background: #fffffc;
}
.box-shadow {
    -webkit-box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.18);
}
.box-shadom-bottom {
    -webkit-box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.18);
    -moz-box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.18);
    box-shadow: 0px 0px 31px -1px rgba(0,0,0,0.18);
}

.borda {
    border: 1px solid rgba(0,0,0,.125) !important;
}
.price {
    border-radius: 10px;
    -moz-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    color: #424694;
}
.price > .card-body {
    border-radius: 0 0 50% 50%;
}
.card-recomendado>.card-body {
    color: #fff;
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #36c082), color-stop(100%, #a9e36f));
}
.card-padrao > .card-body {
    background: #fff;
    border-radius: 0 0 50% 50%;
}

.card-padrao, .bg-form {
    background-color: #f6f7fa;
}

.btn-recomendado {
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #36c082), color-stop(100%, #90dc74)); /* safari4+,chrome */
    color: #fff;
}

.btn-padrao {
    background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #61648f), color-stop(100%, #080e8a));
    color: #fff;
}


::-webkit-scrollbar {
    width: 6px;
    height: 10px;
}

::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

::-webkit-scrollbar-thumb {
    background: #008f4c;
    border: 0px none #ffffff;
    border-radius: 50px;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #007f26;
    }

    ::-webkit-scrollbar-thumb:active {
        background: #5cb85c;
    }

::-webkit-scrollbar-track {
    background: #f9f9f9;
    border: 0px none #ffffff;
    border-radius: 50px;
}

    ::-webkit-scrollbar-track:hover {
        background: #d6d7d8;
    }

    ::-webkit-scrollbar-track:active {
        background: #ccc;
    }

::-webkit-scrollbar-corner {
    background: transparent;
}


@media (min-width: 768px) {
    .navbar-nav > li > a {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
}


.sk-cube-grid {
    width: 10em;
    height: 10em;
    margin: 100px auto;
}

    .sk-cube-grid .sk-cube {
        width: 33%;
        height: 33%;
        background-color: #fff;
        float: left;
        -webkit-animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
        animation: sk-cubeGridScaleDelay 1.3s infinite ease-in-out;
    }

    .sk-cube-grid .sk-cube1 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube2 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube3 {
        -webkit-animation-delay: 0.4s;
        animation-delay: 0.4s;
    }

    .sk-cube-grid .sk-cube4 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube5 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

    .sk-cube-grid .sk-cube6 {
        -webkit-animation-delay: 0.3s;
        animation-delay: 0.3s;
    }

    .sk-cube-grid .sk-cube7 {
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
    }

    .sk-cube-grid .sk-cube8 {
        -webkit-animation-delay: 0.1s;
        animation-delay: 0.1s;
    }

    .sk-cube-grid .sk-cube9 {
        -webkit-animation-delay: 0.2s;
        animation-delay: 0.2s;
    }

@-webkit-keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}

@keyframes sk-cubeGridScaleDelay {
    0%, 70%, 100% {
        -webkit-transform: scale3D(1, 1, 1);
        transform: scale3D(1, 1, 1);
    }

    35% {
        -webkit-transform: scale3D(0, 0, 1);
        transform: scale3D(0, 0, 1);
    }
}