@-webkit-keyframes rotating {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotating {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes sk-stretchdelay {
    0%, 40%, 100% {
        -webkit-transform: scaleY(0.4)
    }
    20% {
        -webkit-transform: scaleY(1)
    }
}

@keyframes sk-stretchdelay {
    0%, 40%, 100% {
        transform: scaleY(0.4);
        -webkit-transform: scaleY(0.4)
    }
    20% {
        transform: scaleY(1);
        -webkit-transform: scaleY(1)
    }
}

@media (min-width: 575px) {
    .page-preview-widget-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 768px) {
    .page-preview-widget-list.layout-1, .page-preview-widget-list.layout-2 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media (min-width: 1400px) {
    .page-preview-widget-list.layout-3, .page-preview-widget-list.layout-4 {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.page-preview-box {
    margin-top: -1px;
    border-left: 1px solid #e9e9e9
}

@media (min-width: 575px) {
    .page-preview-box {
        -webkit-box-flex: 50%;
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
        border-left: none
    }

    .page-preview-box:nth-child(2n+1) {
        border-left: 1px solid #e9e9e9
    }
}

@media (min-width: 768px) {
    .page-preview-box {
        -webkit-box-flex: 33.333%;
        -ms-flex: 33.333%;
        flex: 33.333%;
        max-width: 33.333%
    }

    .page-preview-box:nth-child(2n+1) {
        border-left: none
    }

    .page-preview-box:nth-child(3n+1) {
        border-left: 1px solid #e9e9e9
    }
}

@media (min-width: 1400px) {
    .page-preview-box {
        -webkit-box-flex: 20%;
        -ms-flex: 20%;
        flex: 20%;
        max-width: 20%
    }

    .page-preview-box:nth-child(3n+1) {
        border-left: none
    }

    .page-preview-box:nth-child(5n+1) {
        border-left: 1px solid #e9e9e9
    }
}

.page-preview-item {
    display: block;
    padding: 2rem;
    color: #323232;
    -webkit-transition: 0.3s ease all;
    -o-transition: 0.3s ease all;
    transition: 0.3s ease all;
    text-transform: none;
    font-weight: 400;
    height: 100%;
    border-color: #e9e9e9;
    border-style: solid;
    border-width: 1px 1px 1px 0
}

@media (min-width: 1500px) {
    .page-preview-item {
        padding: 3rem 3.5rem 2rem 3.5rem
    }
}

.page-preview-item h4 {
    font-size: 3rem;
    color: #323232;
    margin: 3rem 0 2rem;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase
}

@media (min-width: 480px) {
    .page-preview-item h4 {
        font-size: 2.72727rem
    }
}

@media (min-width: 575px) {
    .page-preview-item h4 {
        font-size: 2.5rem
    }
}

@media (min-width: 768px) {
    .page-preview-item h4 {
        font-size: 2rem
    }
}

@media (min-width: 992px) {
    .page-preview-item h4 {
        font-size: 1.875rem
    }
}

@media (min-width: 1200px) {
    .page-preview-item h4 {
        font-size: 1.66667rem
    }
}

@media (min-width: 1400px) {
    .page-preview-item h4 {
        font-size: 1.5rem
    }
}

.page-preview-item:hover, .page-preview-item:focus {
    color: black;
    text-decoration: none;
    background: linear-gradient(0deg, rgba(2,0,36,1) 0%, rgba(222,227,235,1) 0%, rgba(255,255,255,1) 100%);
}

.page-preview-item:hover h4, .page-preview-item:focus h4 {
    color: black
}

.page-preview-item:hover .parameter-item-title, .page-preview-item:focus .parameter-item-title {
    color: black
}

.page-preview-item-image {
    height: 20rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-preview-item-image img {
    max-height: 18rem;
    width: auto
}
.sign-in-form {
    margin-left: auto;
    margin-right: auto;
}

.alert-danger {
    color: red;
}

.alert-success {
    color: green;
}
.center {
    margin-left: auto;
    margin-right: auto;
}
.width-45 {
    width: 45%;
}
.width-50 {
    width: 50%;
}
.width-60 {
    width: 60%;
}


.download-page-image {
    width: 55%;
}
.portfolio-page-image {
    width: 55%;
}

@media (min-width: 992px) {
    .download-page-image {
        margin-top: -110px;
        width: 65%;
    }

    .portfolio-page-image {
        margin-top: -120px;
        width: 65%;
    }
}