/* 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 {
    font-family: 'Anton', sans-serif;
}

p {
    color: #3b3b3b;
    text-align: justify;
}

.pb250 {
    padding-bottom: 250px;
}

.pb500 {
    padding-bottom: 500px;
}

.pb1000 {
    padding-bottom: 1000px;
}

.pt20 {
    padding-top: 20px !important;
}
.pb20 {
    padding-bottom: 20px !important;
}

.p25 {
    padding: 25px;
}

.h500 {
    height: 500px;
}

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

p {
    line-height: 2rem;
}

.sidenav-trigger {
    color: #faad16;
}

.parallax-container {
    line-height: 0;
    height: auto;
    color: rgba(255,255,255,.9);
}
.parallax:after {
    content: " ";
    z-index: 10;
    display: block;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
}
.parallax-container .section {
    width: 100%;
}

h1 {
    font-size: 3.2rem;
}

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

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

.icon-block {
    padding: 0 15px;
}
.icon-block .material-icons {
    font-size: inherit;
}

footer.page-footer {
    margin: 0;
}

.min-height-280 {
    min-height: 280px;
}
.min-height-380 {
    min-height: 380px;
}
.min-height-190 {
    min-height: 190px;
}

fieldset {
    display: block;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-before: 0em;
    -webkit-padding-start: 0em;
    -webkit-padding-end: 0em;
    -webkit-padding-after: 0em;
    min-width: -webkit-min-content;
    border-width: 0px;
    border-style: groove;
    border-color: threedface;
    border-image: initial;
}

.tabs .tab a:hover, .tabs .tab a.active {
    background-color: transparent;
    color: #ffab00;
}

.tabs .tab a:focus, .tabs .tab a:focus.active {
    background-color: rgba(255, 171, 0, 0.1);
    outline: none;
}

.tab a.active {
    color: #ffab00 !important;
}

.tabs .tab a {
    color: rgba(255, 171, 0, 0.7);
}


.tabs .indicator {
    background-color: #ffab00 !important;;
}

.container {
    max-width: 95%;
}

@media only screen and (min-width: 993px){
    .tabs .tab a {
        color: rgba(255, 171, 0, 0.7);
    }
    .container {
        width: 95%;
    }
}

.row {
    margin-bottom: 0px;
}

.section {
    padding-top: 0rem;
    padding-bottom: 0rem;
}

.input-field .prefix.active {
    color: #000000 !important;
}

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

input:not([type]):focus:not([readonly]) + label,
input[type=text]:not(.browser-default):focus:not([readonly]) + label,
input[type=password]:not(.browser-default):focus:not([readonly]) + label,
input[type=email]:not(.browser-default):focus:not([readonly]) + label,
input[type=url]:not(.browser-default):focus:not([readonly]) + label,
input[type=time]:not(.browser-default):focus:not([readonly]) + label,
input[type=date]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime]:not(.browser-default):focus:not([readonly]) + label,
input[type=datetime-local]:not(.browser-default):focus:not([readonly]) + label,
input[type=tel]:not(.browser-default):focus:not([readonly]) + label,
input[type=number]:not(.browser-default):focus:not([readonly]) + label,
input[type=search]:not(.browser-default):focus:not([readonly]) + label,
textarea.materialize-textarea:focus:not([readonly]) + label {
    color: #ffab00;
}

.btn, .btn-large, .btn-small {
    background-color: #ffab00;
}

.btn:hover, .btn-large:hover, .btn-small:hover {
    background-color: #e59a00;
}

.bg-wood {
    background: url(/send_bg.d95f4e44.svg);

    /*
    background-image: url("https://image.shutterstock.com/z/stock-photo-colorful-wooden-background-wooden-background-on-difference-layer-patch-old-wood-sliver-background-1082148641.jpg");
    */
    font-weight: 200;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top;
    background-color: #ffab00 !important;

}

.overlay {
    position: fixed; /* Sit on top of the page content */
    display: none; /* Hidden by default */
    width: 100%; /* Full width (cover the whole page) */
    height: 100%; /* Full height (cover the whole page) */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,1); /* Black background with opacity */
    z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
    cursor: pointer; /* Add a pointer on hover */
}

.secondary-content {
    color: #ffab00;
}

.details {
    font-family: 'Lato', sans-serif;
    font-size: 10px;
}

hr {
    border-top: 1px dotted #8c8b8b;
    border-bottom: 1px dotted #fff;
}

i {
    font-size: 30px;
}