@import url('https://fonts.googleapis.com/css?family=Montserrat');

body {
    font-family: 'Montserrat', sans-serif;
    color: #004851;
    --c: rgba(255,255,255,0.7);
    --t: transparent;
    background-image: repeating-linear-gradient(45deg, var(--t) 0, var(--t) 32px, var(--c) 32px, var(--c) 44px, var(--t) 44px, var(--t) 56px, var(--c) 56px, var(--c) 68px, var(--t) 0), repeating-linear-gradient(-45deg, var(--t) 0, var(--t) 32px, var(--c) 32px, var(--c) 44px, var(--t) 44px, var(--t) 56px, var(--c) 56px, var(--c) 68px, var(--t) 0), linear-gradient(to bottom left, #fafafa, #fcfcfc);
}

.img-responsive {
    display: inline-block;
}

.logo {
    max-width: 400px;
}

.login-control {
    transition: ease 0.75s;
}

.login-control:focus {
    border: 2px solid #66afe9;
}

.login-button {
    background-color: #004851;
    border: #337ab7;
    color: white;
    height: 60px;
    width: 100%;
    font-size: 1.4em;
}

.login-button:active {
    box-shadow: none;
}

.login-button:hover {
    background-color: #286090;
    border-color: #204d74;
    color: white;
}

.login-button:active:focus {
    background-color: #286090;
    border-color: #204d74;
    color: white;
}

.login-button:visited {
    background-color: #286090;
    border-color: #204d74;
    color: white;
}

/* carousel style */

.carousel {
    min-height: 400px;
    margin-bottom: 30px;
    padding: 0px 0px;
}

.carousel-inner {
    min-height: 400px;
    margin: 0px 0px;
    padding: 0px 0px;
}

.carousel-control {
    background-image: none !important;
}

.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    top: 88%;
}

.item {
    min-height: 400px;
    margin: 0px 0px;
    padding: 15px 30px;
    font-size: 18px;
}

.color1 {
    background: linear-gradient(140deg, #0fb8ad 0%, #1fc8db 50%, #2cb5e8 75%);
    color: white;
}

.color2 {
    background: linear-gradient(80deg, #2cb5e8 0%, #2ae0d7 90%, #11d6c9 95%);
    color: white;
}

.color3 {
    background: linear-gradient(80deg, #11d6c9 0%, #10d1c4 50%, #0fb8ad 70%);
    color: white;
}

.stripe-button-el span{
    background: green !important;
    border: none;
}

.field-validation-error {
    color: #dc3545;
    background: #fff;
    padding: 2px 4px;
    border: 1px solid #ff0000;
    border-radius: 5px;
}

.validation-summary-errors {
    color: #dc3545;
    background: #fff;
    padding: 2px 4px;
    border-radius: 5px;
    border: 1px solid #ff0000;
}

.validation-summary-errors > ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
}