/* ==================================================================
General
================================================================== */

html,
body,
body * {
    font-family: 'Lato', sans-serif !important;
}


.intro {
	    background: url('../images/background-1.jpg') top center no-repeat;
            padding-top: 90px;
    background-position: 0px -44px;
}

.bottom-cta-image {
	top: -250px !important;
        left: 85px !important;
}

.bottom-cta {

	        background: url(../images/sfocato.jpeg) center center no-repeat !important;
    background-size: cover !important;
}

.form-column {
    margin-top: -426px !important;
}

.intro-image {

    z-index: 99;
    top: -50px;
    width: 300px;
}


.intro h2 {
    width: 170%;
    font-size: 50px;
    border: none;
    font-weight: bold;
    margin-top: 30px;
    line-height: 53px;

        top: -49px;
        position: relative;
   }


ul.intro-features li {
	    font-weight: bold;
}

input[type="submit"], button, a.button { text-transform: initial !important; }

a.button.orange {
   background: #f95d10 !important;
    box-shadow: none !important;
    border-radius: 2px;
    border: 2px solid #fff;
}

a.button.orange:hover {
 background: #f95d10 !important;
}

/*a.button.orange.btn-green {
    background: #337d62 !important;
}

a.button.orange.btn-green:hover {
    background: #316350 !important;
}
*/

.btn-fucsia {
    text-align: center;
        max-width: 200px;
        position: relative;
        z-index: 99999;
}

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

/* ==================================================================
Typography
================================================================== */

h4 {
    color: #8e502d;
    font-size: 30px;
}

p {
    line-height: 25px;
}


/* ==================================================================
Top Headline
================================================================== */


#top-headline h4, 
#top-headline p {
    text-align: left;
}

#top-headline h4 {
    font-size: 44px;
    line-height: 44px;
        text-align: left;
        text-transform: initial;
}

#top-headline p {
    font-size: 20px;
}


/* ==================================================================
Bottom Form
================================================================== */

#bottom-form {
    min-height: 450px;
        background: #2f7b5f !important;
}

#bottom-form .form-column { 
        margin-top: 0 !important;
    width: 100%; 
}

#bottom-form .main-form {
    background: none !important;
    margin-top: 0 !important;
    margin-bottom : 0 !important;
}

#bottom-form.form-clients {
    background: #ffffff;
    background: -webkit-linear-gradient(#ffffff,#e6e6e6);
    background: -moz-linear-gradient(#ffffff,#e6e6e6);
    background: linear-gradient(#ffffff,#e6e6e6);
    background: -ms-linear-gradient(#ffffff,#e6e6e6);
    background: -o-linear-gradient(#ffffff,#e6e6e6);
}


#bottom-form .form-heading {
            margin-top: 40px;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

#bottom-form .form-heading h4 {
    font-size: 40px;
    color: #fff;
    line-height: 52px;
}

#bottom-form .form-heading p {
    color: #fff;
}

#bottom-form label {
    color: #fff;
}

#bottom-form input[type="submit"] {
   background: #ff6699 !important;
    box-shadow: none !important;
    border-radius: 2px;
    border: 2px solid #fff;

      -webkit-appearance:none;  
   -webkit-border-radius:2px;
}

#bottom-form input[type="submit"]:hover {
 background: #d04170 !important;
}
    
    
@media screen and (max-width: 768px) {
    ul.intro-features img {
        display: block !important;
        float: left;
        margin-right: 0px !important;
    }
    ul.intro-features span {
        display: inline-block;
        padding-left: 5px !important;
        line-height: 23px;
        margin-top: 4px;
        font-size: 11px;
    }

    section.content .row.content-block {
        margin-bottom: 30px !important;
    }
}

/* ==================================================================
Section
================================================================== */



/* ==================================================================
Section
================================================================== */



/* ==================================================================
Section
================================================================== */

.intro{
    background-image: url('../images/slide1.jpg') !important;
}

@media screen and (max-width: 991px) {
    #top-headline{
        padding-bottom: 0px !important;
        margin-bottom: 0px !important;
    }
    .text-column {
        padding-bottom: 0px !important;
    }
    .product-mobile{
        display: block !important;
    }
    .intro-image{
        display: none !important;
    }
    .intro{
        background-image: none !important;
        padding-bottom: 0px !important;
        padding-top:0px !important;
    }
}