@import "variable.less";
@import "function.less";
@import "mixins.less";

.landingPage {
    #headerOfLandingPage {
        box-shadow: 0 0px 5px 0px #252525;
        position: fixed;
        top: 0px;
        z-index: 10000;
        background-color: #ffffff;
        width: 100%;
        padding-top: 10px;
        ul {
            height: 100%;
            li {
                a {
                    .fontConfig( #3d566e, 17px, @font-weight-light);
                    padding-bottom: 25px;
                    padding-top: 15px;
                    background-color: #fff;
                }
            }
            li.active,
            li:hover {
                a {
                    .fontConfig( #eb4b89, 17px, @font-weight-light);
                    border-bottom: 4px solid #eb4b89;
                    background-color: #fff;
                    padding-bottom: 25px;
                    padding-top: 15px;
                }
            }
        }
    }
    #middleBody {
        background: url('../images/landing/banner.png') no-repeat;
        .pacificoText {
            margin-top: 170px;
            .fontConfig(#ffffff,
            35px,
            @font-weight-light);
        }
        .normalLatoText {
            .fontConfig( #ffffff,
            18px,
            @font-weight-normal);
            margin-bottom: 50px;
        }
        .shopUrlHeading {
            .fontConfig( #ffffff,
            18px,
            @font-weight-normal);
        }
        .url {
            border: 8px solid #2E3A4D;
            border-radius: 0px;
            height: 60px;
            .urlText {
                .fontConfig( #404040,
                18px,
                300);
                height: 60px;
                border: 0px !important;
                border-radius: 0px !important;
            }
            .installButton {
                .fontConfig( #ffffff,
                18px,
                @font-weight-normal);
                background-color: #eb4b89;
                width: 150px;
                height: 60px;
                border-radius: 0px;
                border: 0px;
            }
            margin-bottom:160px;
        }
        .scrollDown {
            .fontConfig( #ffffff,
            16px,
            @font-weight-light);
        }
        .scrollImage {
            margin-bottom: 30px;
        }
    }
    #features {
        .linear-gradientForDifferentBrowsers(#f3f3f3,
        #ffffff);
        padding-bottom: 40px;
        .featuresHeading {
            margin-top: 50px;
            .fontConfig(#3d4a60,
            28px,
            @font-weight-light);
        }
        .featuresText {
            .fontConfig( #404040,
            18px,
            @font-weight-light);
        }
        .features-list {
            margin-top: 20px;
            .features-list-footer p {
                .fontConfig( #000,
                18px,
                @font-weight-light);
                margin-top: 10px;
            }
            .bday-reminder {
                background: url("../images/landing/icon-birthday-reminder-mails.png") no-repeat scroll center center rgba(0, 0, 0, 0);
                height: 200px;
            }
            .reminder-mails {
                background: url("../images/landing/icon-mails-and-offers.png") no-repeat scroll center center rgba(0, 0, 0, 0);
                height: 200px;
            }
            .config-mails {
                background: url("../images/landing/icon-mail-configration.png") no-repeat scroll center center rgba(0, 0, 0, 0);
                height: 200px;
            }
            .csv-upload {
                background: url("../images/landing/icon-csv.png") no-repeat scroll center center rgba(0, 0, 0, 0);
                height: 200px;
            }
        }
        /*.emptyBox
		{
			width:265px;
			height:265px;
			background-color:#f2f2f2;
			margin-top:50px;
			margin-bottom:50px;
			border:1px solid #cccccc;
		}*/
    }
    #howItWorks {
        .bg-gradient;
        border-top: 1px solid #D9D9D9;
        margin-bottom: 50px;
        .howItWorksheading {
            margin-top: 50px;
            .fontConfig(#3d4a60,
            28px,
            @font-weight-light);
        }
        .howItWorksText {
            .fontConfig( #404040,
            18px,
            @font-weight-light);
        }
        .videoCode {
            margin-top: 50px;
        }
    }
    #pricing {
        .bg-gradient;
        margin-top: 50px;
        border-top: 1px solid #D9D9D9;
        margin-bottom: 50px;
        .pricingHeading {
            margin-top: 50px;
            .fontConfig(#3d4a60,
            28px,
            @font-weight-light);
        }
        .pricingText {
            .fontConfig( #404040,
            18px,
            @font-weight-light);
        }
    }
    #contact {
        .bg-gradient;
        margin-top: 50px;
        border-top: 1px solid #D9D9D9;
        border-bottom: 1px solid #eb4b89;
        .contactHeading {
            margin-top: 50px;
            .fontConfig(#3d4a60,
            28px,
            @font-weight-light);
        }
        .contactText {
            .fontConfig( #404040,
            18px,
            @font-weight-light);
            margin-bottom: 50px;
        }
        form {
            margin-bottom: 50px;
            input[type="text"],
            input[type="email"],
            textarea {
                .fontConfig( #000000,
                18px,
                @font-weight-light);
                border-radius: 0;
            }
            .sendButton {
                .fontConfig( #ffffff,
                17px,
                @font-weight-normal);
                background-color: #eb4b89;
                border-radius: 0;
                width: 120px;
                height: 45px;
            }
            .sendButton:hover {
                .fontConfig( #ffffff,
                17px,
                @font-weight-normal);
                background-color: #eb4b89;
                border: 1px solid #eb4b89;
            }
            .sendButton:active,
            .sendButton:focus {
                .fontConfig( #ffffff,
                17px,
                @font-weight-normal);
                background-color: #eb4b89;
                border: 1px solid #eb4b89;
                outline: 0;
                outline-style: none;
            }
        }
    }
    footer {
        div.container {
            margin-top: 24px;
            .fontConfig( #404040,
            18px,
            @font-weight-light);
            a {
                .fontConfig( #eb4b89,
                18px,
                @font-weight-normal);
            }
        }
        margin-bottom:24px;
    }
}