﻿@charset "utf-8";
/* CSS Document */

/*--============== For Fonts ====================
light 300
light 300 Italic
regular 400
regular 400 Italic
semi-bold 600
semi-bold 600 Italic
bold 700
bold 700 Italic
extra-bold 800
extra-bold 800 Italic
==================================--*/

/*--============== For Headings ====================
h1 = 36px
h2 = 24px
h3 = 22px
h4 = 18px
h5 = 16px
h6 = 14px
==================================--*/


h1 {
    font-size: 36px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 22px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-size: 16px;
}

h6 {
    font-size: 14px;
}






/*HEADER
======================================*/


.h-headlines {
    float: left;
    width: 100%;
    font-size: 20px;
    font-weight: 300;
    color: #505050;
    margin-top: 25px;
}

.h-social-links {
    float: left;
    width: 100%;
    margin-top: 10px;
}

    .h-social-links a {
        display: inline-block;
        font-size: 18px;
        padding: 0 10px;
        color: #505050;
    }

        .h-social-links a:hover {
            color: #df5504;
        }

.h-contact-links {
    float: left;
    width: 100%;
    font-size: 13px;
    margin-top: 10px;
}

    .h-contact-links a {
        color: #505050;
    }

        .h-contact-links a:hover {
            color: #df5504;
        }





/*FOOTER
======================================*/


.footer-one {
    background-color: #38393a;
}

.footer-one-heading {
    float: left;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 16px;
    margin: 10px 0;
}

.footer-one-sub-heading {
    float: left;
    width: 100%;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
    margin: 10px 0;
}

.footer-para {
    float: left;
    width: 100%;
    color: #8e8b8a;
    font-size: 13px;
    font-weight: 300;
    text-align: justify;
}

.footer-ph-em {
    float: left;
    width: 100%;
    color: #8e8b8a;
    font-size: 13px;
    font-weight: 300;
}

.ph-em-hd {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

.footer-one-menu-lnk {
    float: left;
    width: 100%;
}

    .footer-one-menu-lnk ul {
        margin: 0;
        padding: 0;
    }

        .footer-one-menu-lnk ul li {
            list-style-type: none;
        }

            .footer-one-menu-lnk ul li a {
                display: inline-block;
                text-decoration: none;
                padding: 3px 0;
                color: #8e8b8a;
                font-size: 13px;
                font-weight: 300;
            }

                .footer-one-menu-lnk ul li a:hover {
                    color: #fd6500;
                }


.footer-two {
    background-color: #2a2a2c;
}

.footer-text {
    float: left;
    width: 100%;
    margin: 15px 0;
    text-align: center;
    color: #4e4f50;
}

.footer-contact-form .form-control {
    border-radius: 0;
    font-size: 13px;
    border:0;
}

.footer-contact-form .form-group {
    margin-bottom: 10px;
}

.footer-contact-form .btn-submit-footer {
    background-color: #df5504;
    border-radius: 0;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 8px 15px;
    border: 0;
}

    .footer-contact-form .btn-submit-footer:hover,
    .footer-contact-form .btn-submit-footer:focus {
        background-color: #ff6a00;
        color: #fff;
        border: 0;
    }
