@import url("flexslider.css");
/* ==========================================================================
    Author's custom styles
========================================================================== */
body {
    margin: 0;
    font-size: 16px !important;
    font-family: 'Source Sans Pro', sans-serif;
    padding: 0; /*G-Vate added*/
}

/*GVate begin*/
.header {
	padding: 50px 0;
	background-color: #111619;
}

#navbar {
	padding: 25px 0;
	background-color: #111619;
	position: -webkit-sticky;
}

.header, #navbar {
	text-align: center;
	color: #fff;
}

.content {
	width: 600px;
	margin: 10px auto 100px;
}

.sticky {
  position: fixed;
  width: 100%;
  left: 0px;
  margin-left:-20px;
  top: 0;
  z-index: 100;
  border-top: 0;
  text-align:center;
}

/*GVate end*/

header {
    background: #111619 url("../images/header-bg.png") center center repeat-y;
}

    header .logo {
        display: block;
        margin: 0 0 13px 0;
        float: left;
    }

    header .top-bar {
        float: right;
        width: auto;
    }

        header .top-bar span.phone,
        header .top-bar span.pipe,
        header .top-bar a {
            font-family: 'Titillium Web', sans-serif;
            font-weight: 600;
            color: #fff;
            font-size: 22px;
            display: block;
            /*float: left;*/
            float: right;
            margin: 20px 5px 0 0;
            position: relative;
            line-height: 34px;
        }

/*header .top-bar span.phone {
            margin-left: 10px;
        }*/

/*header .top-bar span.phone:before {
                position: absolute;
                width: 15px;
                height: 20px;
                content: " ";
                display: block;
                left: -21px;
                top: 8px;
                background: url("../images/telephone.png") no-repeat;
            }*/

/*header .top-bar span.phone {
            margin-right: 5px;
        }*/

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}

ul.nav {
    float: right;
    margin: 13px 11px 0 0;
    margin: 0;
    padding: 0;
    font-size: 1.0em;
}

    ul.nav li {
        display: inline-block;
        margin-right: 8px;
    }

        ul.nav li a {
            font-family: 'Titillium Web', sans-serif;
            font-weight: 600;
            color: #fff;
            line-height: 24px;
            padding-left: 5px;
            padding-right: 0;
        }

            ul.nav li a.active {
                border-bottom: 2px solid #ff8a00;
            }

            ul.nav li a:hover {
                border-bottom: 2px solid #ff8a00;
            }

ul li ul {
    display: none;
}

div.logo.nav-mvp {
    display: none;
}


/*header .top-bar span.phone,*/
header .top-bar span.pipe {
    display: none;
}


.banner {
    background: url("../images/banner-bg.jpg") top center no-repeat;
    background-size: cover;
    padding: 0 0 10px 0;
}

#software .banner {
    background-image: url("../images/banner-bg.jpg");
}

.banner h1 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 200;
    color: #fff;
    font-size: 30px;
    margin: 20px 0 0 0;
    line-height: 26px;
}

.MainPageHeading {
    font-size: 40px !important;
}

.banner h2 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 200;
    color: #2e3d47;
    font-size: 20px;
    margin: 0px 0 18px 0;
    line-height: 24px;
}


.main-content {
    position: relative;
    min-height: 445px;
}

.default .main-content {
    padding: 20px 0 0 0;
}


.main-content .triple-box {
    background-color: #f5f5f5;
    border-left: 1px solid rgba(0, 0, 0, 0.03);
    border-bottom: 1px solid rgba(0, 0, 0, 0.03);
}

    .main-content .triple-box h2 {
        font-family: 'Titillium Web', sans-serif;
        font-size: 30px;
        font-weight: 200;
        margin: 27px 0 0 29px;
    }

    .main-content .triple-box .services {
        background-color: #fff;
        width: auto;
        padding: 0 0 31px 1px;
        float: left;
    }

        .main-content .triple-box .services ul {
            margin: 23px 30px 26px 43px;
            padding: 0;
            list-style: none;
        }

            .main-content .triple-box .services ul li {
                line-height: 19px;
                margin-bottom: 11px;
                position: relative;
            }

                .main-content .triple-box .services ul li:before {
                    content: " ";
                    display: block;
                    position: absolute;
                    background: url("../images/list-arrow.png") no-repeat;
                    width: 9px;
                    height: 12px;
                    top: 4px;
                    left: -14px;
                }

        .main-content .triple-box .services .btn {
            margin-left: 30px;
        }


    .main-content .triple-box .projects-slider {
        width: 321px;
        float: left;
        height: 600px;
        /*height: 495px;*/
        /*overflow: hidden;*/
    }

        .main-content .triple-box .projects-slider .slide-base {
            width: 321px;
            height: 172px;
            background: url("../images/slide-base.png") no-repeat;
            padding: 40px 0 0 5px;
            margin-bottom: 40px;
        }

            .main-content .triple-box .projects-slider .slide-base img {
                display: block;
            }

        .main-content .triple-box .projects-slider .projects-flexslider {
            width: 321px;
            position: relative;
        }

            .main-content .triple-box .projects-slider .projects-flexslider .flex-control-nav {
                top: -21px;
                left: 96px;
            }

                .main-content .triple-box .projects-slider .projects-flexslider .flex-control-nav li {
                    margin: 0 2px;
                }

                    .main-content .triple-box .projects-slider .projects-flexslider .flex-control-nav li a {
                        width: 9px;
                        height: 9px;
                        background-color: #f5f5f5;
                        border: 1px solid #1c242a;
                        -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.01);
                        -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.01);
                        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.01);
                    }

                        .main-content .triple-box .projects-slider .projects-flexslider .flex-control-nav li a.flex-active {
                            background-color: #1c242a;
                        }

                        .main-content .triple-box .projects-slider .projects-flexslider .flex-control-nav li a:hover {
                            background-color: #1c242a;
                        }

            .main-content .triple-box .projects-slider .projects-flexslider ul li *,
            .main-content .triple-box .projects-slider .projects-flexslider ul li *:before,
            .main-content .triple-box .projects-slider .projects-flexslider ul li *:after {
                -webkit-box-sizing: content-box;
                -moz-box-sizing: content-box;
                box-sizing: content-box;
            }

            .main-content .triple-box .projects-slider .projects-flexslider ul li {
                width: 294px;
                padding: 16px 0 0 27px;
            }

                .main-content .triple-box .projects-slider .projects-flexslider ul li img.brand {
                    width: 163px;
                    height: 24px;
                    display: block;
                    margin: 9px 0 0 4px;
                }

                .main-content .triple-box .projects-slider .projects-flexslider ul li p {
                    /*font-weight: 300;*/
                    color: #1c242a;
                    font-size: 14px;
                    margin: 5px 0 0 4px;
                    line-height: 17px;
                    width: 90%;
                }

                    .main-content .triple-box .projects-slider .projects-flexslider ul li p a {
                        color: #ff6c00;
                    }

    .main-content .triple-box .testimonials-rotator {
        background: #1e262c url("../images/dark-box-bottom.jpg") center bottom no-repeat;
        width: auto;
        float: left;
        overflow: hidden;
    }

        .main-content .triple-box .testimonials-rotator h2 {
            color: #fff;
        }

        .main-content .triple-box .testimonials-rotator .testimonials-flexslider {
            position: relative;
        }

        .main-content .triple-box .testimonials-rotator ul li {
            padding: 0 0 55px 0;
        }

            .main-content .triple-box .testimonials-rotator ul li blockquote {
                font-family: 'Titillium Web', sans-serif;
                color: #fff;
                font-size: 32px;
                margin: 19px 10px 31px 30px;
                line-height: 39px;
            }

            .main-content .triple-box .testimonials-rotator ul li small {
                font-family: 'Titillium Web', sans-serif;
                color: #fff;
                font-size: 16px;
                margin: 0 0 0 29px;
                line-height: 21px;
                display: block;
            }

        .main-content .triple-box .testimonials-rotator .flex-control-nav {
            top: -21px;
            left: 96px;
        }

            .main-content .triple-box .testimonials-rotator .flex-control-nav li {
                margin: 0 2px;
            }

                .main-content .triple-box .testimonials-rotator .flex-control-nav li a {
                    width: 9px;
                    height: 9px;
                    background-color: #1c242a;
                    border: 1px solid #fff;
                    -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.01);
                    -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.01);
                    box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.01);
                }

                    .main-content .triple-box .testimonials-rotator .flex-control-nav li a.flex-active {
                        background-color: #fff;
                    }

                    .main-content .triple-box .testimonials-rotator .flex-control-nav li a:hover {
                        background-color: #fff;
                    }



.breadcrumbs {
    padding: 0 0 8px 18px;
}

    .breadcrumbs ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .breadcrumbs ul li {
            background-color: #f5f5f5;
            display: inline-block;
            line-height: 12px;
            padding: 3px 8px 4px 12px;
            position: relative;
        }

            .breadcrumbs ul li:before {
                content: " ";
                display: block;
                position: absolute;
                left: 0;
                top: 0;
                width: 0px;
                height: 0px;
                border-style: solid;
                border-width: 10px 0 10px 7px;
                border-color: transparent transparent transparent #fff;
                z-index: 1;
            }

            .breadcrumbs ul li:after {
                content: " ";
                display: block;
                position: absolute;
                right: -7px;
                top: 0;
                width: 0px;
                height: 0px;
                border-style: solid;
                border-width: 10px 0 10px 7px;
                border-color: transparent transparent transparent #f5f5f5;
                z-index: 2;
            }

            .breadcrumbs ul li:first-child:before {
                content: none;
            }

            .breadcrumbs ul li a {
                font-size: 12px;
                color: #8d949a;
            }


.main-content article h2, .main-content article h3 {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #1c242a;
}

.main-content article h2 {
    margin: 8px 0 4px 0;
    line-height: 45px;
}

.main-content article h3 {
    font-size: 26px;
    margin: 27px 0 6px 0;
    line-height: 40px;
}

.main-content article p {
    color: #1c242a;
    font-weight: 300;
    margin: 0 0 20px 0;
    line-height: 20px;
}

.main-content .arrow-list ul {
    margin: 23px 30px 26px 43px;
    padding: 0;
    list-style: none;
}

    .main-content .arrow-list ul li {
        line-height: 19px;
        margin-bottom: 11px;
        position: relative;
    }

        .main-content .arrow-list ul li:before {
            content: " ";
            display: block;
            position: absolute;
            background: url("../images/list-arrow.png") no-repeat;
            width: 9px;
            height: 12px;
            top: 4px;
            left: -14px;
        }



.main-content aside {
    /*position: absolute;
    right: 19px;
    top: -138px;*/
    width: 320px;
}

    .main-content aside .get-in-touch {
        background: #1e262c url("../images/dark-box-bottom.jpg") center bottom no-repeat;
        padding: 28px 0 20px 0;
    }

        .main-content aside .get-in-touch h2 {
            margin: 0 0 0 28px;
            color: #fff;
            font-family: 'Titillium Web', sans-serif;
            font-size: 30px;
            font-weight: 300;
            line-height: 45px;
        }

        .main-content aside .get-in-touch div {
            padding: 5px 0 0 14px;
        }

        .main-content aside .get-in-touch div {
            border: 0;
        }

            .main-content aside .get-in-touch div label {
                display: block;
                color: #fff;
                font-family: 'Titillium Web', sans-serif;
                font-size: 16px;
                font-weight: 300;
                margin: 0 0 2px 1px;
                line-height: 24px;
            }

            .main-content aside .get-in-touch div input {
                -webkit-border-radius: 1px;
                -moz-border-radius: 1px;
                -ms-border-radius: 1px;
                -o-border-radius: 1px;
                border-radius: 1px;
                border: 0;
                font-family: 'Titillium Web', sans-serif;
                font-weight: 400;
                color: #1e262c;
                font-size: 16px;
                line-height: 24px;
                padding: 10px 5px;
                width: 250px;
                margin: 2px 0 13px 2px;
            }

            .main-content aside .get-in-touch div textarea {
                border: 0;
                resize: none;
                width: 250px;
                padding: 5px;
                margin: 2px 0 22px 2px;
                height: 134px;
                overflow: auto;
            }

            .main-content aside .get-in-touch div .btn {
                border: 0;
                text-align: center;
                width: 260px;
                margin: 2px 0 0 0;
                cursor: pointer;
            }

        .main-content aside .get-in-touch .form-group {
            margin-left: 15px;
        }

.btn {
    display: block;
    float: left;
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    /*padding: 10px 17px 10px 18px;
    margin-left: 20px;*/
}

    .btn.dark {
        background-color: #1b2329;
        margin-right: 10px;
    }

    .btn.orange {
        background-color: #ff7300;
    }



.prefooter {
    background-color: #f5f5f5;
    padding: 0 0 25px 0;
    /*margin-top: 75px;*/
}

    .prefooter h3 {
        color: #1c242a;
        font-family: 'Titillium Web', sans-serif;
        font-weight: 300;
        font-size: 26px;
        margin: 20px 0 0 1px;
    }

    .prefooter p {
        font-family: 'Titillium Web', sans-serif;
        font-weight: 300;
        margin: 0 0 27px 1px;
        /*line-height: 12px;*/
        color: #2e3d47;
    }

    .prefooter .image-container {
        display: table-cell;
        vertical-align: bottom;
    }

        .prefooter .image-container img {
            margin: 0 23px 0 0;
        }

    .prefooter .specialists {
        float: left;
        margin: 0px 0 0 19px;
        width: 440px;
    }

        .prefooter .specialists .image-container {
            height: 52px;
        }

    .prefooter .recognised {
        float: right;
        /*margin: 0 51px 0 0;*/
        width: 511px;
    }

footer {
    padding: 0 0 71px 0;
    background-color: #1c242a;
}

    footer .footer-logo {
        display: block;
        margin: 41px 0 2px 15px;
        width: 175px;
        height: 61px;
        float: left;
    }

    footer small {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.5);
        margin: 0 0 0 20px;
        clear: both;
        float: left;
    }

    footer span.phone {
        width: 100%;
    }

        footer span.phone > a {
            font-family: 'Titillium Web', sans-serif;
            font-weight: 600;
            color: rgba(255, 255, 255, 0.5);
            font-size: 22px;
            display: block;
            width: auto;
            margin: 20px 0 0 0;
            position: relative;
            line-height: 34px;
        }



    footer .link-bar {
        clear: both;
        width: 100%;
        margin: 15px 12px 0 0;
    }

        footer .link-bar ul {
            margin: 0;
            padding: 0;
            list-style: none;
        }

            footer .link-bar ul li {
                display: inline-block;
                margin-right: 5px;
                position: relative;
            }

                footer .link-bar ul li a {
                    font-family: 'Titillium Web', sans-serif;
                    font-weight: 400;
                    color: rgba(255, 255, 255, 0.5);
                }

                footer .link-bar ul li:after {
                    content: " ";
                    width: 1px;
                    height: 15px;
                    display: block;
                    position: absolute;
                    background-color: rgba(255, 255, 255, 0.5);
                    right: -4px;
                    top: 50%;
                    margin-top: -6px;
                }

                footer .link-bar ul li:last-child:after {
                    content: none;
                }

    footer #footer-logo-block {
        text-align: center;
    }

    footer #footer-contact-block {
        text-align: center;
    }


.clear {
    clear: both;
}

.main-content article div.article-sidebar {
    background-color: #f0f1f1;
    border: 1px solid #dedbdb;
    border-radius: 4px;
    margin-bottom: 20px;
}

    .main-content article div.article-sidebar div.panel-heading {
        background-color: #68d1f6;
    }

    .main-content article div.article-sidebar h2.sidebar {
        color: #FFF;
        font-weight: bold;
        margin-top: 0px;
        padding-top: 0px;
    }


.emphasize {
    font-family: 'Titillium Web', sans-serif;
}

.jade {
    color: #45ACD0;
}

.white {
    color: #fff;
}



.lg {
    font-size: 3em;
}

.md {
    font-size: 2em;
}

.article-header {
    text-align: center;
    margin: 20px 0;
}

    .article-header .fa {
        color: #45ACD0;
    }

        .article-header .fa.white {
            color: #fff;
        }

    .article-header hr {
        border-top: 2px solid #45ACD0;
        width: 40%;
    }

        .article-header hr.white {
            border-top: 2px solid #fff;
        }

.sub-heading {
    font-size: 1.4em;
    width: 75%;
    margin: 20px auto;
    font-family: 'Open Sans', sans-serif;
}

.orange-row {
    background-color: #ff8a00;
}

.blue-row {
    background-color: #5EC7EE;
}

hr {
    border-top: 1px solid #45ACD0;
}

/**************************************************************************************
    KW - 7/28/2015 - Begin Media Queries
**************************************************************************************/

@media (min-width: 768px) {

    .navbar {
        margin-bottom: 0px;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 5px;
    }

    div.logo.nav-mvp {
        display: block;
    }
    
    /*header .top-bar {
        display: block;
        float: right;
    }

        header .top-bar span.phone,
        header .top-bar span.pipe {
            display: block;
        }

        header .top-bar span.phone,
        header .top-bar span.pipe,
        header .top-bar a {
            font-family: 'Titillium Web', sans-serif;
            font-weight: 600;
            color: #fff;
            font-size: 22px;
            display: block;
            float: left;
            margin: 20px 5px 0 0;
            position: relative;
            line-height: 34px;
        }*/


    .banner {
        background: url("../images/banner-bg.jpg") top center no-repeat;
        background-size: cover;
        padding: 0 0 120px 0;
    }


    #software .banner {
        background-image: url("../images/banner-bg.jpg");
    }

    .banner h1 {
        font-family: 'Titillium Web', sans-serif;
        font-weight: 200;
        color: #fff;
        font-size: 58px;
        margin: 92px 0 0 0;
        line-height: 46px;
    }
    
.MainPageHeading {
    font-size: 40px !important;
}


    .banner h2 {
        font-family: 'Titillium Web', sans-serif;
        font-weight: 200;
        color: #2e3d47;
        font-size: 28px;
        margin: 0px 0 18px 0;
        line-height: 44px;
    }

    .banner .btn.orange, .banner .btn.dark {
        margin-left: 10px;
        padding: 10px 25px;
    }

    .default .main-content {
        padding: 39px 0 0 0;
    }

    .default .banner {
        background-image: url("../images/banner-bg-small.jpg");
        padding-bottom: 41px;
    }

    footer #footer-logo-block {
        text-align: left;
    }

    footer #footer-contact-block {
    }

    footer .link-bar {
        clear: both;
        float: right;
        width: auto;
        margin: 15px 12px 0 0;
    }

    footer span.phone > a {
        font-family: 'Titillium Web', sans-serif;
        font-weight: 600;
        color: rgba(255, 255, 255, 0.5);
        font-size: 22px;
        display: block;
        float: right;
        margin: 49px 20px 0 0;
        position: relative;
        line-height: 34px;
    }

    .main-content aside {
        position: absolute;
        right: 19px;
        top: -138px;
        width: 320px;
    }


    .main-content .triple-box {
        padding: 0 0 10px 0;
        /*position: absolute;*/
        background-color: #f5f5f5;
        border-left: 1px solid rgba(0, 0, 0, 0.03);
        border-bottom: 1px solid rgba(0, 0, 0, 0.03);
        /*top: -60px;
        left: 19px;*/
        margin: -60px auto 0 auto;
        width: 959px;
    }

        .main-content .triple-box h2 {
            font-family: 'Titillium Web', sans-serif;
            font-size: 30px;
            font-weight: 200;
            margin: 27px 0 0 29px;
        }

        .main-content .triple-box .services {
            background-color: #fff;
            width: 318px;
            padding: 0 0 31px 1px;
            float: left;
        }

            .main-content .triple-box .services ul {
                margin: 23px 30px 26px 43px;
                padding: 0;
                list-style: none;
            }

                .main-content .triple-box .services ul li {
                    line-height: 19px;
                    margin-bottom: 11px;
                    position: relative;
                }

                    .main-content .triple-box .services ul li:before {
                        content: " ";
                        display: block;
                        position: absolute;
                        background: url("../images/list-arrow.png") no-repeat;
                        width: 9px;
                        height: 12px;
                        top: 4px;
                        left: -14px;
                    }

            .main-content .triple-box .services .btn {
                margin-left: 30px;
            }


        .main-content .triple-box .projects-slider {
            width: 321px;
            float: left;
            height: 495px;
            /*overflow: hidden;*/
        }

            .main-content .triple-box .projects-slider .slide-base {
                width: 271px;
                height: 172px;
                background: url("../images/slide-base.png") no-repeat;
                padding: 40px 0 0 5px;
                margin-bottom: 40px;
            }

                .main-content .triple-box .projects-slider .slide-base img {
                    display: block;
                }

            .main-content .triple-box .projects-slider .projects-flexslider {
                width: 321px;
                position: relative;
            }

                .main-content .triple-box .projects-slider .projects-flexslider .flex-control-nav {
                    top: -21px;
                    left: 96px;
                }

                    .main-content .triple-box .projects-slider .projects-flexslider .flex-control-nav li {
                        margin: 0 2px;
                    }

                        .main-content .triple-box .projects-slider .projects-flexslider .flex-control-nav li a {
                            width: 9px;
                            height: 9px;
                            background-color: #f5f5f5;
                            border: 1px solid #1c242a;
                            -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.01);
                            -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.01);
                            box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.01);
                        }

                            .main-content .triple-box .projects-slider .projects-flexslider .flex-control-nav li a.flex-active {
                                background-color: #1c242a;
                            }

                            .main-content .triple-box .projects-slider .projects-flexslider .flex-control-nav li a:hover {
                                background-color: #1c242a;
                            }

                .main-content .triple-box .projects-slider .projects-flexslider ul li {
                    width: 294px;
                    padding: 16px 0 0 27px;
                }

                    .main-content .triple-box .projects-slider .projects-flexslider ul li img.brand {
                        width: 163px;
                        height: 24px;
                        display: block;
                        margin: 9px 0 0 4px;
                    }

                    .main-content .triple-box .projects-slider .projects-flexslider ul li p {
                        /*font-weight: 300;*/
                        color: #1c242a;
                        font-size: 14px;
                        margin: 5px 0 0 4px;
                        line-height: 17px;
                        width: 90%;
                    }

                        .main-content .triple-box .projects-slider .projects-flexslider ul li p a {
                            color: #ff6c00;
                        }

        .main-content .triple-box .testimonials-rotator {
            background: #1e262c url("../images/dark-box-bottom.jpg") center bottom no-repeat;
            width: 319px;
            float: left;
            overflow: hidden;
        }

            .main-content .triple-box .testimonials-rotator h2 {
                color: #fff;
            }

            .main-content .triple-box .testimonials-rotator .testimonials-flexslider {
                position: relative;
            }

            .main-content .triple-box .testimonials-rotator ul li {
                padding: 0 0 55px 0;
            }

                .main-content .triple-box .testimonials-rotator ul li blockquote {
                    font-family: 'Titillium Web', sans-serif;
                    color: #fff;
                    font-size: 32px;
                    margin: 19px 10px 31px 30px;
                    line-height: 39px;
                    border: none;
                    padding: 10px 0;
                }

                .main-content .triple-box .testimonials-rotator ul li small {
                    font-family: 'Titillium Web', sans-serif;
                    color: #fff;
                    font-size: 16px;
                    margin: 0 0 0 29px;
                    line-height: 21px;
                    display: block;
                }

            .main-content .triple-box .testimonials-rotator .flex-control-nav {
                top: -21px;
                left: 96px;
            }

                .main-content .triple-box .testimonials-rotator .flex-control-nav li {
                    margin: 0 2px;
                }

                    .main-content .triple-box .testimonials-rotator .flex-control-nav li a {
                        width: 9px;
                        height: 9px;
                        background-color: #1c242a;
                        border: 1px solid #fff;
                        -webkit-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.01);
                        -moz-box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.01);
                        box-shadow: inset 0 0 0 0 rgba(0, 0, 0, 0.01);
                    }

                        .main-content .triple-box .testimonials-rotator .flex-control-nav li a.flex-active {
                            background-color: #fff;
                        }

                        .main-content .triple-box .testimonials-rotator .flex-control-nav li a:hover {
                            background-color: #fff;
                        }

    blockquote {
        font-style: italic;
        font-family: 'Open Sans', sans-serif;
        width: 70%;
        position: relative;
    }

        blockquote i.fa {
            height: 100%;
            color: rgba(1, 0, 0, 0.20);
            font-size: 3em;
        }

        blockquote span {
            position: absolute;
            top: 20px;
            left: 0px;
            z-index: 10;
            margin-left: 50px;
            font-size: 1.2em;
        }

    .cf:before,
    .cf:after {
        content: " ";
        /* 1 */
        display: table;
        /* 2 */
    }

    .cf:after {
        clear: both;
    }

    .margin-bottom {
        margin-bottom: 40px;
    }
}

@media screen and (min-width: 375px){
        header .top-bar {
        display: block;
        float: right;
    }

        header .top-bar span.phone,
        header .top-bar span.pipe {
            display: block;
        }

        header .top-bar span.phone,
        header .top-bar span.pipe,
        header .top-bar a {
            font-family: 'Titillium Web', sans-serif;
            font-weight: 600;
            color: #fff;
            font-size: 22px;
            display: block;
            float: left;
            /*float: right;*/
            margin: 20px 5px 0 0;
            position: relative;
            line-height: 34px;
        }
}

@media screen and (max-width: 1200px) {
    header .top-bar span.phone,
    header .top-bar span.pipe,
    header .top-bar a {
        font-size: 1.0em;
        margin-top: 5px;
    }
}

@media screen and (max-width: 320px) {
    .software-logo {
        width: 200px;
        height: auto;
    }
}


@media (max-width: 1200px) {
    .navbar-header {
        float: none;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

        .navbar-collapse.collapse {
            display: none !important;
        }

    .navbar-nav {
        float: none !important;
        margin: 7.5px -15px;
    }

        .navbar-nav > li {
            clear: both;
            float: right;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in {
        display: block !important;
    }

    .collapsing {
        overflow: hidden !important;
    }
}


.dropdown-menu {
    background-color: #111619;
}

.dropdown-menu > li > a:hover {
    color: #fff;
    background-color: #111619;
}

.dropdown-menu > li, .dropdown-menu > li > a {
    width: 100%;
}