/*!
 * Start Bootstrap - Landing Page v5.0.6 (https://startbootstrap.com/template-overviews/landing-page)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-landing-page/blob/master/LICENSE)
 */

body {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 700;
}

header.masthead {
    position: relative;
    background-color: #343a40;
    background: url("../img/bg-masthead.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 8rem;
    padding-bottom: 8rem;
}

header.masthead .overlay {
    position: absolute;
    background-color: #212529;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
}

header.masthead h1 {
    font-size: 2rem;
}

nav.navbar {
    padding:0 2rem 0 0;
}

nav.navbar a {
    color: #334455;
}

nav.navbar a.product-brand, nav.navbar a.owner-brand {
    display:none;
}



@media (min-width: 480px) {
    header.masthead {
        padding-top: 12rem;
        padding-bottom: 12rem;
    }

    header.masthead h1 {
        font-size: 3rem;
    }

    nav.navbar {
        padding:0 1rem 0 0;
    }    
}


.boxed-layout .page-container {
    position: relative;
    max-width: 1380px;
    margin: 0 auto;
    margin-top: 0px;
}


.bg-light {
    background-color: #EBEBEB!important; 
}

.bg-orange {
    background-color: #FF9000!important;
}

.bg-pink {
    background-color: #FBEBFB!important;
}

.showcase .showcase-text.text-light {
    color: #fff;
}

.showcase .showcase-text.text-dark {
    color: #334455;
}

.text-pink {
    color: #EE4A9A;
}

.showcase .showcase-text {
    padding: 1rem
}

.showcase .showcase-img {
    min-height: 20rem;
    background-size: contain;
}

.showcase .showcase-img.cropped {
    min-height: 10rem;
    background-size: cover;
}

.showcase .showcase-banner{
    background-image: url('/img/frontend/bg-showcase-lady.png');
    min-height: 10rem;
    background-size: cover;
}

.showcase .showcase-img.text-bottom {
    display: flex;
    cursor:pointer;
}

.showcase .showcase-img.text-bottom span {
    align-self: flex-end;
    font-weight: bold;
    color: #334455;
    display: inline;
    font-size: 0.5rem;
    margin: 0 0.5rem;
}


.showcase .showcase-text .text-card.form {
    text-align: left;
}

.showcase .showcase-text .text-card.promotion {
    text-align: center;
}

.showcase .showcase-text .text-card.contact {
    text-align: left;
}

input.form-control {
    border-radius: 0;
    border-color: #DCDCDC;
}

input.form-control::placeholder {
    color: #B2B2B2;
    opacity: 1;
}

input.form-control:-ms-input-placeholder {
    color: #B2B2B2
}

input.form-control::-ms-input-placeholder {
    color: #B2B2B2
}


.form-group.photo-container {
    text-align: center;
}

span#photoLoader  {
    color:#EE4D9C; 
    font-size:1.5rem; 
    cursor:pointer
}    

div.hiddenfile {
    width: 0px;
    height: 0px;
    overflow: hidden;
}

div#uploaded-photo-container {
    display: none;
    text-align: center
}

div#uploaded-photo-container img {
    width: 50%;
    height: 10rem;
}

.showcase .showcase-text .form-row a {
    background-color: #fff;
    border-color: #EE4A9A;
    color: #EE4A9A;
    padding: 1rem 1.5rem;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 0;
}

form button#submit-btn {
    background-color: #EE4A9A;
    border-color: #EE4A9A;
    color: #FFF;
    margin-top: 1rem;
    padding: 1rem 4rem;
    text-transform: uppercase;
    font-size: 1.2rem;
    border-radius: 0
}

form button.btn.btn-primary {
    background-color: #EE4A9A;
    border-color: #EE4A9A;
    color: #FFF;
    margin-top: 1rem;
    padding: 0.5rem 2rem;
    text-transform: uppercase;
    font-size: 1rem;
    border-radius: 0
}

form button.btn.btn-secondary {
    background-color: #334455;
    border-color: #334455;
    color: #FFF;
    margin-top: 1rem;
    padding: 0.5rem 2rem;
    text-transform: uppercase;
    font-size: 1rem;
    border-radius: 0
}    


.text-card.promotion .title-text{
    text-transform: uppercase;
    font-size: 1.5rem;
}

.text-card.promotion .title-text.large{
    font-weight: bold;
    font-size: 2rem;
}

.text-card.promotion .title-text{
    font-size: 1.4rem;
}

.text-card.promotion .title-text.large{
    font-size: 1.8rem;
}

.text-card.promotion .rules-text{
    margin-top: 1.5rem;
}

.text-card.contact .title-text{font-size:2rem;}
.text-card.contact .call-text{margin-top:3rem;font-size:1rem}
.text-card.contact .number-text{font-size:2rem; font-weight: bold}
.text-card.contact .interval-text{float:right; margin-top:1rem; font-size:0.9rem}

.testimonials {
    padding-top: 7rem;
    padding-bottom: 7rem
}

.testimonials .testimonial-item {
    max-width: 18rem
}

.testimonials .testimonial-item img {
    max-width: 12rem;
    -webkit-box-shadow: 0 5px 5px 0 #adb5bd;
    box-shadow: 0 5px 5px 0 #adb5bd
}

@media (min-width: 480px) {

    nav.navbar a.product-brand {
        display: block;
    }

   nav.navbar a.owner-brand {
        display: block;
        float: right;
    }

    .showcase .showcase-text {
        text-align: center;
        max-width: 691px;
        min-height: 34rem;
        /*max-height: 585px;*/
        padding: 3rem;
    }

    .showcase .showcase-img {
        max-width: 691px;
        min-height: 34rem;
        max-height: 585px;
        background-size: cover;
    }

    .showcase .showcase-banner{
        background-image: url('/img/frontend/winners_banner.jpg');
        max-width: 1380px;
        min-height: 20rem;
        max-height: 342px;
        background-size: cover;
    }

    .showcase .showcase-text .text-card.form {
        margin: 0 2.5rem;
    }

    .showcase .showcase-text .form-row a {
        font-size: 1.5rem;
        padding: 0.8rem 4rem;
    }

    .showcase .showcase-img.text-bottom span {
        display: inline;
        font-size: 0.7rem;
        margin: 0 3.5rem;
    }

    div#uploaded-photo-container img {
        width: 80%;
        height: 20rem
    }

    form button#submit-btn {
        padding: 0.5rem 4rem;
    }

    .text-card.promotion .title-text{
        font-size: 1.5rem;
    }

    .text-card.promotion .title-text.large{
        font-size: 2rem;
    }

    .text-card.promotion .info-text{
        font-size: 1.5rem;
        padding: 1rem 0.3rem;
    }

    .text-card.promotion .rules-text{
        font-size: 1.5rem;
        padding: 1rem 0.3rem;
    }

    .text-card.contact .title-text{}
    .text-card.contact .call-text{margin-top:7rem;font-size:1.2rem}
    .text-card.contact .number-text{margin-left:7rem; font-size:3rem}
    .text-card.contact .interval-text{margin-top:1rem;font-size:1.2rem}
}

.call-to-action {
    position: relative;
    background-color: #343a40;
    background: url("../img/bg-masthead.jpg") no-repeat center center;
    background-size: cover;
    padding-top: 7rem;
    padding-bottom: 7rem;
}

.call-to-action .overlay {
    position: absolute;
    background-color: #212529;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0.3;
}

footer.footer {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

/*Extra Styles*/
li.list-inline-item a {
    color: #E79225
}