/* Page Banner */

.page-header {
    padding-bottom: 0px !important;
}

.page-header h1 {
    font-size: 60px !important;
}

p.contact {
    margin-bottom: 0px;
}


/* tabs */

.nav-tabs.nav-button-tabs {
    width: 710px;
    margin: 0 auto;
    padding-top: 20px;
}

.nav-tabs.nav-button-tabs>li>a {
    background-color: #999999;
    color: #ffffff !important;
    margin-right: 2px !important;
    width: 175px;
    text-align: center;
    border-radius: 5px 5px 0 0 !important;
    font-size: 16px;
}

.nav-tabs.nav-button-tabs>li.active>a,
.nav-tabs.nav-button-tabs>li>a:hover {
    background-color: #66cccc;
}


/* section-1 */

.alert {
    background-color: #66cccc;
    margin-bottom: 10px !important;
    border-radius: 5px;
}

.alert label {
    color: #ffffff;
    font-size: 16px;
}

.alert select {
    width: 300px;
    padding: 7px;
    height: 40px;
    background-color: #f2f2f2;
}

#section-1 {
    padding-top: 30px;
    padding-bottom: 30px;
}

#section-1 .description {
    margin-bottom: 10px;
}

#section-1 .menu3Zone {
    display: none;
}


/* section-2 */

#section-2 {
    background-color: #f2f2f2 !important;
    padding-top: 60px;
}

form #section-2 .form-body {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #e4e4e4;
    border-radius: 5px;
}

form label {
    font-size: 16px;
    padding: 6px 0;
    margin: unset;
    text-align: right;
}

form #section-2 .row .row .row {
    background: #ffffff;
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    margin-left: 15px;
    margin-right: 15px;
}

form #section-2 .form-control {
    background-color: #f2f2f2;
}

form .submit {
    background-color: unset;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

form .submit .center {
    padding: 0px 0px;
}

form .btn {
    background: #66cccc;
    border-style: none;
    font-weight: 600;
    border-radius: 5px;
}

form,
form fieldset {
    padding: 0;
    margin: 0;
}

@media only screen and (max-width: 1200px) {}

@media only screen and (max-width: 980px) {}

@media only screen and (max-width: 768px) {
    section div.row>div {
        margin-bottom: unset !important;
    }

    .form-group {
        margin-bottom: 10px !important;
    }

    form label {
        text-align: left;
    }

    .alert label {
        text-align: right;
    }
}

@media only screen and (max-width: 480px) {
    .page-header .container {
        padding: 0;
    }

    .nav-tabs.nav-button-tabs {
        width: 100%;
    }

    .nav-tabs.nav-button-tabs>li {
        margin-bottom: 1px;
    }

    .nav-tabs.nav-button-tabs>li>a {
        width: 100%;
        margin: 0;
        border-radius: 0px !important;
    }

    .alert select {
        width: 100%;
    }

    section div.row>div {
        margin-bottom: 0px;
    }

    .alert label,
    form label {
        text-align: left;
    }
}