.c04-large-masthead {

    margin: 0;

    padding: 0;

    border: 0;

    font: inherit;

    background-image: url('../images/form/girasol-solar-energy.jpg');

    background-attachment: fixed;

    vertical-align: baseline;

}



.masthead.medium {

    background-size: cover;

    background-position: 50% 50%;

    min-height: 31.5rem;

}



.masthead.medium .overlay {

    opacity: .3;

}



.masthead.medium .overlay {

    width: 100%;

    height: 100%;

    position: absolute;

    opacity: .4;

    background-image: -webkit-linear-gradient(36deg,#1a8bf0 0,#25292d 100%);

    background-image: -moz-linear-gradient(36deg,#1a8bf0 0,#25292d 100%);

    background-image: -o-linear-gradient(36deg,#1a8bf0 0,#25292d 100%);

    background-image: linear-gradient(36deg,#1a8bf0 0,#25292d 100%);

}



.masthead.overlay-on .overlay {

    display: block;

}



.masthead .overlay {

    display: none;

}



.masthead.medium .comp-container {

    min-height: 31.5rem;

}



.comp-container {

    margin: 0 auto;

    position: relative;

    max-width: 1600px;

    max-height: 368px;

    width: 100%;

    height: 100%;

}



.masthead .copy-wrapper {

    padding-left: 5.2%;

    padding-right: 5.2%;

    width: 89.6%;

}



.masthead.medium .copy-container {

    position: absolute;

    bottom: 3rem;

    opacity: 1;

}



.masthead.medium h1 {

    margin: 0;

}



.masthead h1 {

    margin: .75rem 0 calc(1.5rem) 0;

    color: #fff;

    word-break: break-word;

    max-width: 46.875rem;}



.masthead .copy-container {

    -moz-transition: bottom .5s cubic-bezier(0.165,0.84,0.44,1),opacity .5s cubic-bezier(0.165,0.84,0.44,1);

    -o-transition: bottom .5s cubic-bezier(0.165,0.84,0.44,1),opacity .5s cubic-bezier(0.165,0.84,0.44,1);

    -webkit-transition: bottom .5s cubic-bezier(0.165,0.84,0.44,1),opacity .5s cubic-bezier(0.165,0.84,0.44,1);

    transition: bottom .5s cubic-bezier(0.165,0.84,0.44,1),opacity .5s cubic-bezier(0.165,0.84,0.44,1);

    -moz-transition-delay: .2s;

    -o-transition-delay: .2s;

    -webkit-transition-delay: .2s;

    transition-delay: .2s;

}



.headline-1 {

    font-weight: 300;

    line-height: 1.25em;

    font-size: 3.75rem;

    margin-bottom: 3rem;

}



.overlay{

  margin: 0;

    padding: 0;

    border: 0;

    font: inherit;

    vertical-align: baseline;

}



.masthead {

    margin-bottom: 3rem;

    text-align: left;

    opacity: 1;

    overflow: hidden;

    -moz-transition: opacity .8s ease;

    -o-transition: opacity .8s ease;

    -webkit-transition: opacity .8s ease;

    transition: opacity .8s ease;

}



.comp-wrapper {

    margin: 0 auto;

    clear: both;

    position: relative;

}





.testismonials {

    background-color: #c7c7c7;

    border-radius: 5px;

    margin-top: 50px;

    padding-top: 20px;

}



.testismonials-title {

    font-size: 16px;

}



.calculator-title {

    font-family: 'Merriweather Sans', sans-serif;

}



.dark {

    color: #555555;

    text-align: center;

    font-style: italic;

}



.tagline {

    padding: 0px 10px 0px 10px;

    text-align: center;

    width: 100%;

    font-size: smaller;

}

#form-container .file-input + label {

    font-size: 1.25em;

    font-weight: 700;

    color: white;

    height: 125px;

    width: 100%;

    display: inline-block;

}



#SolarPanel-bill-image + label{

    background-image:  url('../images/form/form-icons-06.png');

    background-position: center;

    background-repeat: no-repeat;

}



#SolarPanel-roof-image + label, #SolarGeyser-roof-image + label {

    background-image:  url('../images/form/form-icons-05.png');

    background-position: center;

    background-repeat: no-repeat;

}



#SolarGeyser-roof-image + label {



}



.left-modal-col {

    background-color: white;

    color: black;

    padding-top: 5px;

    

    

}



.col-mid {

    width: 5%;

}



.left-modal-col p {

    

}



.right-modal-col {

    background-color: deepskyblue;

    padding-top: 5px;

    margin-bottom: 10px    

}



#quote-info-modal {
    background-color: rgba(255, 255, 255, 0.5) !important;
    padding-top: 100px;
    color: white;
}



#quote-info-modal .modal-content {

    background: url('../images/form/quote-modal.png') !important;

}



.btn-active {

    border: 3px solid black;

}



.sample {

    height: 200px;

}