/*

Template: Sofbox - Responsive Software Landing Page
Author: iqonicthemes.in
Version: 3.0
Design and Developed by: iqonicthemes.in

NOTE: This is main stylesheet of template, This file contains the styling for the actual Template. Please do not change anything here! write in a custom.css file if required!

*/
/*---------------------------------------------------------------------
                           Footer Info
-----------------------------------------------------------------------*/
.footer-info {
    position: relative;
}

    .footer-info .map {
        border: 0px;
        width: 100%;
        height: 600px;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        -webkit-filter: grayscale(100%);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
    }

.iq-get-in {
    position: relative;
    z-index: 9;
    background: #fff;
    padding: 30px 30px;
    display: inline-block;
    width: 100%;
    margin-top: 30px;
    -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.08);
}

.contact-form .section-field {
    position: relative;
    width: 100%;
    float: left;
}

    .contact-form .section-field input {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
        border-radius: 4px;
        padding-left: 20px;
        height: 48px;
        line-height: 48px;
        clear: both;
        color: #b6b6b6;
        border: 1px solid #e1e1e1;
    }

        .contact-form .section-field input:focus, .contact-form .section-field.textarea textarea:focus {
            border: 1px solid #ac8504;
            box-shadow: none;
            outline: none;
        }

    .contact-form .section-field.textarea textarea {
        width: 100%;
        float: left;
        color: #b6b6b6;
        border: 1px solid #e1e1e1;
        border-radius: 4px;
        padding: 15px 0 0 20px;
        resize: none;
    }

#formmessage {
    display: none;
}

#success {
    display: none;
    margin-top: 10px;
}

.contact-info {
    position: relative;
}

    .contact-info:before {
        content: "";
        position: absolute;
        height: 100%;
        width: 1px;
        left: 15px;
        top: 0;
        background: #e5e5e5;
    }

.info-share {
    margin: 0 0;
    padding: 0;
    text-align: left;
}

    .info-share li {
        display: inline-block;
        list-style: none;
        padding: 0;
        margin: 0px 5px;
    }

        .info-share li a {
            display: block;
            width: 45px;
            height: 45px;
            line-height: 45px;
            font-size: 16px;
            color: #666;
            background: transparent;
            border: 1px solid #666;
            text-align: center;
            border-radius: 50%;
        }

            .info-share li a:hover {
                background: #ac8504;
                border-color: #ac8504;
                color:black;
            }

/*---------------------------------------------------------------------
                            Footer 2
-----------------------------------------------------------------------*/
.iq-footer {
    background: #111111;
}

    .iq-footer hr {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }

    .iq-footer.gray-footer {
        background: #000;
    }

    /*Contact*/
    .iq-footer .iq-contact .contact-block {
        color: #ffffff;
        display: inline-block;
    }

        .iq-footer .iq-contact .contact-block .title {
            font-size: 20px;
        }

        .iq-footer .iq-contact .contact-block span {
            font-size: 20px;
        }

        .iq-footer .iq-contact .contact-block i {
            color: #ac8504;
            font-size: 40px;
            line-height: 40px;
            vertical-align: middle;
            margin-right: 15px;
            display: table;
            float: left;
        }

        .iq-footer .iq-contact .contact-block .content {
            display: table-cell;
        }

    /*Menu*/
    .iq-footer .footer-menu li {
        margin: 0;
    }

        .iq-footer .footer-menu li a {
            font-weight: 500;
            background: rgba(255, 255, 255, 0);
            padding: 8px 0;
            display: block;
            color: #ffffff;
        }

            .iq-footer .footer-menu li a:hover {
                background: rgba(255, 255, 255, 0.2);
                color: #ac8504;
                padding: 8px 15px;
            }

    /*Popular Posts*/
    .iq-footer .iq-post li {
        width: 100%;
        float: left;
        margin-top: 0px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        display: inline-block;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }

    .iq-footer .post-blog {
        display: table-cell;
    }

        .iq-footer .post-blog a {
            vertical-align: top;
            font-size: 16px;
            color:black;
        }

            .iq-footer .post-blog a:hover {
                color: #ac8504;
            }

        .iq-footer .post-blog .iq-date {
            font-size: 13px;
            display: table;
        }

        .iq-footer .post-blog i {
            font-size: 14px;
        }

    .iq-footer .iq-post li:last-child {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .iq-footer .post-img {
        display: table;
        float: left;
        margin-right: 15px;
    }

        .iq-footer .post-img img {
            vertical-align: top;
            height: 65px;
            width: 65px;
            border-radius: 2px;
        }

    .iq-footer ul {
        margin-right: 0px;
    }

    /*Newsletter*/
    .iq-footer .input-group-addon {
        padding: 0px;
    }

    .iq-footer .newsletter-form .input-group .form-control {
        border: none;
        padding: 15px 10px;
    }

    .iq-footer .newsletter-form .input-group-addon {
        border: none;
    }

    .iq-footer .newsletter-form .button {
        padding: 11px 20px 11px;
        border-radius: 0px 4px 4px 0px
    }

    /*Copyright*/
    .iq-footer .iq-copyright, .iq-footer .iq-copyright a {
        color: #ffffff;
    }

        .iq-footer .iq-copyright a:hover {
            color: #ac8504;
        }

    .iq-footer .footer-bottom {
        background: #000000;
    }

/*---------------------------------------------------------------------
                            Footer 3
-----------------------------------------------------------------------*/
.iq-footer3 {
    background: #222222;
}

    .iq-footer3 .footer-top {
        background: #242424;
    }

.iq-footer3 {
    color:black;
}

    .iq-footer3 hr {
        margin: 0;
        border-top: 0px;
        padding: 0px;
        border-bottom: 1px solid #323232;
    }

    .iq-footer3 .logo img {
        width: 100px;
    }

    /*Menu*/
    .iq-footer3 .menu li {
        display: block;
        border-bottom: 0px;
        margin-bottom: 10px;
        line-height: 24px;
        padding: 0;
    }

        .iq-footer3 .menu li a {
            color:black;
        }

            .iq-footer3 .menu li a:hover {
                color: #ac8504;
            }

    .iq-footer3 .office-day li {
        margin-bottom: 10px;
    }

        .iq-footer3 .office-day li a {
            color:black;
        }

            .iq-footer3 .office-day li a:hover {
                color: #ac8504;
            }


    /*Link*/
    .iq-footer3 .link li a {
        color:black;
    }

        .iq-footer3 .link li a:hover {
            color: #ac8504;
        }

    /*Social Media*/
    .iq-footer3 .iq-media-blog li {
        margin: 0 0 0 4px;
    }

        .iq-footer3 .iq-media-blog li a {
            height: 45px;
            width: 45px;
            font-size: 18px;
            line-height: 45px;
            background: rgba(2, 216, 113, 1.0);
            text-align: center;
            color: #ffffff;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            border-radius: 100px;
            float: left;
            border: 1px solid #ac8504;
        }

            .iq-footer3 .iq-media-blog li a:hover {
                background: rgba(2, 216, 113, .0);
                color: #ac8504;
            }

    /*footer-widget*/
    .iq-footer3 .iq-contact li {
        font-size: 14px;
        color:black;
        margin-bottom: 15px;
    }

    .iq-footer3 .iq-contact i {
        color: #4ac3f3;
        float: left;
        display: table-cell;
        width: 30px;
        line-height: 23px;
        font-size: 32px;
    }

    .iq-footer3 .iq-contact p {
        display: table;
        color:black;
        margin-bottom: 0px;
        padding-left: 5px;
    }

    /*Tweeter*/
    .iq-footer3 .owl-carousel .owl-nav {
        opacity: 1;
        top: inherit;
        top: 15%;
        bottom: inherit;
    }

        .iq-footer3 .owl-carousel .owl-nav .owl-next {
            right: 20%;
        }

        .iq-footer3 .owl-carousel .owl-nav .owl-prev {
            left: 20%;
        }

    .iq-footer3 .owl-carousel:hover .owl-nav .owl-prev {
        left: 20%;
    }

    .iq-footer3 .owl-carousel:hover .owl-nav .owl-next {
        right: 20%;
    }

    .iq-footer3 .tweet-img {
        float: left;
        display: table;
    }

        .iq-footer3 .tweet-img img {
            vertical-align: middle;
            width: 70px;
            height: 60px;
        }

    .iq-footer3 .tweet-info {
        display: table-cell;
        padding-left: 15px;
    }

        .iq-footer3 .tweet-info a {
            color:black;
            font-size: 14px;
            vertical-align: top;
        }

            .iq-footer3 .tweet-info a:hover {
                color: #ac8504;
            }

        .iq-footer3 .tweet-info span {
            font-size: 12px;
            display: table;
            padding-top: 5px;
        }

        .iq-footer3 .tweet-info i {
            font-size: 14px;
            padding-right: 5px;
        }

    /*Copyright*/
    .iq-footer3 .iq-copyright {
        text-align: right;
    }

        .iq-footer3 .iq-copyright a {
            color: #ac8504;
        }

            .iq-footer3 .iq-copyright a:hover {
                color: #ffffff;
            }

    /*build*/
    .iq-footer3 .build li {
        display: block;
        border-bottom: 0px;
        margin-bottom: 10px;
        line-height: 24px;
        padding: 0;
    }

        .iq-footer3 .build li a {
            color:black;
        }

            .iq-footer3 .build li a:hover {
                color: #ac8504;
            }

    /*about*/
    .iq-footer3 .about li {
        display: block;
        border-bottom: 0px;
        margin-bottom: 10px;
        line-height: 24px;
        padding: 0;
    }

        .iq-footer3 .about li a {
            color:black;
        }

            .iq-footer3 .about li a:hover {
                color: #ac8504;
            }

    /*Support*/
    .iq-footer3 .support li {
        display: block;
        border-bottom: 0px;
        margin-bottom: 10px;
        line-height: 24px;
        padding: 0;
    }

        .iq-footer3 .support li a {
            color:black;
        }

            .iq-footer3 .support li a:hover {
                color: #ac8504;
            }

    /*Contact*/
    .iq-footer3 .contact li {
        display: block;
        border-bottom: 0px;
        margin-bottom: 10px;
        line-height: 24px;
        padding: 0;
    }

        .iq-footer3 .contact li a {
            color:black;
        }

            .iq-footer3 .contact li a:hover {
                color: #ac8504;
            }

/*---------------------------------------------------------------------
                            Footer 4
-----------------------------------------------------------------------*/
.iq-footer4 {
    position: relative;
    overflow: hidden;
}

    .iq-footer4 .container-fluid {
        padding: 0 90px;
    }

    .iq-footer4 .iq-video {
        background: #fff;
        display: inline-block;
        width: 60px;
        height: 60px;
        text-align: center;
        font-size: 29px;
        color: #ac8504;
        float: left;
        border-radius: 100%;
        line-height: 2.1;
        z-index: 9;
        position: relative;
    }

        .iq-footer4 .iq-video i {
            margin-left: 5px;
        }

    /*Menu*/
    .iq-footer4 .menu li {
        display: block;
        border-bottom: 0px;
        margin-bottom: 10px;
        line-height: 24px;
        padding: 0;
    }

        .iq-footer4 .menu li a {
            color:black;
        }

            .iq-footer4 .menu li a:hover {
                color: #000000;
            }

    /*Link*/
    .iq-footer4 .link li a {
        color:black;
    }

        .iq-footer4 .link li a:hover {
            color: #666;
        }

    /*Social Media*/
    .iq-footer4 .iq-media-blog li {
        margin: 0 0 0 4px;
    }

        .iq-footer4 .iq-media-blog li a {
            margin-right: 5px;
            height: 45px;
            width: 45px;
            font-size: 18px;
            line-height: 45px;
            background: #ac8504;
            text-align: center;
            color: #ffffff;
            -webkit-border-radius: 100px;
            -moz-border-radius: 100px;
            border-radius: 100px;
            float: left;
            border: 1px solid #ac8504;
        }

            .iq-footer4 .iq-media-blog li a:hover {
                background: #666;
                color:black;
            }

    /*footer-widget*/
    .iq-footer4 .iq-contact li {
        font-size: 14px;
        color:black;
        margin-bottom: 15px;
    }

    .iq-footer4 .iq-contact i {
        color:black;
        float: left;
        display: table-cell;
        width: 30px;
        line-height: 23px;
        font-size: 32px;
    }

    .iq-footer4 .iq-contact p {
        display: table;
        color:black;
        margin-bottom: 0px;
        padding-left: 5px;
    }

    /*Copyright*/
    .iq-footer4 .iq-copyright {
        text-align: right;
    }

        .iq-footer4 .iq-copyright a {
            color: #ac8504;
        }

            .iq-footer4 .iq-copyright a:hover {
                color: #ffffff;
            }