* {
    line-height: 28px !important;
}

.minimal {
    background-color: #E5F0FF !important;
}

#content {
    background-color: #E5F0FF !important;
}

.carousel-img {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 95%;
    display: block;
    border-radius: 12px 0 0 12px;
}

.owl-dots {
    display: none;
}

.wrapper {
    background-color: white;
    padding: 0;
}

.owl-carousel, .owl-stage-outer, .owl-stage, .owl-item, .item, .item img {
    height: 100%;
}

.sign-in {
    color: #385EA3;
}

#loginform label {
    display: block !important;
    min-width: 1000px !important;
    font-size: 13px;
    color: #9CA4B1;
}

.dimos-img {
    display: block;
    height: auto;
}

.m-w-full {
    max-width: 100%;
}

body .inputs {
    width: 100% !important;
}
input#email {
    outline: none !important;
}

.perifereia{
    display: block;
    width:70%;
    margin:  0 auto;
}
input#password {
    outline: none !important;
}


.row {
    background-color: transparent !important;
}

.field {
    background-color: transparent !important;
    display: block;
    border: none;
}
.inputs input{
    height:40px !important;
}


#email {
    border: 1px solid gray;
    border-radius: 5px; height: 15px;
}

#password {
    border: 1px solid gray;
    border-radius: 5px;
}

#password:focus {
    background: none;
    outline: none;
}

#email:focus {
    background: none;
    outline: none;
}

.field-meta::after {
    display: none;
}

#loginform input[type="submit"] {
    width: 100%;
    border-radius: 8px;
    background-color:#385EA3;
    color: whitesmoke;
	margin-left:0;
}

.forgot-password a {
    color: steelblue;
    text-decoration: none;
}

.rounded-left {
    border-radius: 12px !important;
}

.rounded-image {
    border-radius: 12px 0 0 12px;
}

@media only screen and (max-width: 600px) {
    #loginform input[type="submit"] {
        margin-left: 0px;
    }


    .container {
        margin: 0 auto;
        width: 100% !important;
    }

    .mobile-container {
        margin-left: 60px !important;
    }

    .logo-container {
        display: flex;
        justify-content: space-between;
        align-items: center;

    }

    .logo-container .dimoi {
        width: 30% !important
    }

    .dimoi {
        max-width: 100px !important;

    }

    #showcase {
        display: none !important;
    }
}

@media only screen and (max-width: 1200px) {

    #owl-demo {
        display: none;
    }

    .container {
        width: 100%;
    }

    .mobile-container {

        margin: 0 auto;
        width: 80%;
    }
}