/* Custom Stylesheet */
/* *
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com */
html {
    scroll-behavior: smooth;
}

nav ul a,
nav .brand-logo {
    color: #444;
}

body {
    display: flex;
    min-height: 100vh;
    flex-direction: column;
    font-family: 'Roboto Condensed', sans-serif;
}

main {
    flex: 1 0 auto;
}

p {
    line-height: 2rem;
}

.plustxt {
    font-size: 1.3rem;
}

.button-collapse {
    color: #26a69a;
}

.parallax-container {
    min-height: 380px;
    line-height: 0;
    height: auto;
    color: rgba(255,255,255,.9);
}

.parallax-container .section {
    width: 100%;
}

@media only screen and (max-width : 992px) {
    .parallax-container .section {
        position: absolute;
        top: 40%;
    }

    #index-banner .section {
        top: 10%;
    }
}

@media only screen and (max-width : 600px) {
    #index-banner .section {
        top: 0;
    }

    .logo {
        width: 150px !important;
    }

    .icon-block {
        margin-bottom: 20px;
    }

    h1 {
        font-size: 2.5rem;
    }

    h2 {
        font-size: 1.7rem;
    }

    .middle {
        margin-top: 20px;
        margin-bottom: 20px;
    }
}

.icon-block {
    padding: 20px;
}

.icon-block .material-icons {
    font-size: inherit;
}

footer.page-footer {
    margin: 0;
}

.backer {
    background: rgb(80, 80, 80);
    background: -moz-linear-gradient(90deg, rgb(80, 80, 80) 32%, rgb(163, 163, 163) 99%);
    background: -webkit-linear-gradient(90deg, rgb(80, 80, 80) 32%, rgb(163, 163, 163) 99%);
    background: -o-linear-gradient(90deg, rgb(80, 80, 80) 32%, rgb(163, 163, 163) 99%);
    background: -ms-linear-gradient(90deg, rgb(80, 80, 80) 32%, rgb(163, 163, 163) 99%);
    background: linear-gradient(180deg, rgb(80, 80, 80) 32%, rgb(163, 163, 163) 99%);
}

.logocontainer {
    margin-top: 6px;
}

.navitem {
    font-family: 'Play', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    text-transform: uppercase;
}

.aldr {
    font-family: Aldrich, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.roboto {
    font-family: 'Roboto Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.upper {
    text-transform: uppercase;
}

.silver {
    color: #9C9F96;
}

.silverbg {
    background: rgb(136, 136, 136);
    background: -moz-linear-gradient(90deg, rgb(136, 136, 136) 0%, rgb(216, 216, 216) 100%);
    background: -webkit-linear-gradient(90deg, rgb(136, 136, 136) 0%, rgb(216, 216, 216) 100%);
    background: -o-linear-gradient(90deg, rgb(136, 136, 136) 0%, rgb(216, 216, 216) 100%);
    background: -ms-linear-gradient(90deg, rgb(136, 136, 136) 0%, rgb(216, 216, 216) 100%);
    background: linear-gradient(180deg, rgb(136, 136, 136) 0%, rgb(216, 216, 216) 100%);
}

.platta {
    padding-top: 10px;
    padding-bottom: 10px;
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
}

.morem {
    margin-top: 25px;
    margin-bottom: 25px;
}

.middle {
    margin-top: 75px;
}

.shadow {
    text-shadow: 3px 3px 7px rgba(0, 0, 0, 1);
}

form.offertform label {
    font-size: 16px;
    font-family: 'Roboto Condensed', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
    color: #fff;
}

form.offertform input,
form.offertform textarea {
    color: #fff;
}

.modal {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    background-color: #fafafa;
    padding: 0;
    max-height: 95%;
    width: 55%;
    max-width: 350px;
    margin: auto;
    overflow-y: auto;
    border-radius: 2px;
    will-change: top, opacity;
}

.modalhead {
    margin-bottom: 30px;
    margin-top: 10px;
}

@media only screen and (max-width: 992px) {
    .modal {
        width: 90%;
    }
}

input:not([type]):focus:not([readonly]),
input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]) {
    border-bottom: 1px solid #fff;
    box-shadow: 0 1px 0 0 #fff;
}

.inline {
    display: inline-table;
    margin: 10px 8px;
}

.containerfull {
}

.underline {
    text-decoration: underline;
}

.teko {
    font-family: 'Play', Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

p {
    font-size: 1.1rem;
}

.aa {
    padding-left: 15px;
}

iframe.form {
    border: none;
    height: 500px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    line-height: 1.1;
    font-family: 'Play', sans-serif;
}

h2 {
    font-size: 2rem;
}

h1 {
    font-size: 3rem;
}

.row {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;
}