@font-face {
    font-family: 'ProximaNova-Light';
    src: url('../fonts/ProximaNova-Light.otf') format('opentype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Regular';
    src: url('../fonts/ProximaNova-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'ProximaNova-Semibold';
    src: url('../fonts/ProximaNova-Semibold.otf') format('opentype');
    font-weight: 600;
    font-style: normal;
}

.header-heading a {
    color: #2196f3 !important;
}

.header-main {
    position: relative;
}

    .header-main img {
        width: 100%;
        height: 182px !important;
    }

    .header-main .header-heading {
        position: absolute;
        top: 52px;
        left: 0;
        right: 0;
        color: #ffffff;
        font-family: 'ProximaNova-Semibold',sans-serif;
        font-size: 30px;
        letter-spacing: 0.50px;
        line-height: 26px;
        text-transform: uppercase;
        text-align: center;
        text-shadow: 3px 5.196px 10px rgba(0,0,0,0.35);
    }

        .header-main .header-heading .header-caption {
            padding-top: 30px;
            font-family: 'ProximaNova-Regular',sans-serif;
            font-size: 22px;
            text-transform: capitalize;
        }

@media (max-width: 991px) {
    .header-main .header-heading {
        font-size: 30px;
    }

        .header-main .header-heading .header-caption {
            margin-top: -10px;
            font-size: 14px;
        }
}

.inner-heading {
    padding-top: 40px;
    color: #2a2a2a;
    width: 90%;
    margin: auto;
    font-family: 'ProximaNova-Semibold',sans-serif;
    font-size: 30px;
    letter-spacing: 0.50px;
    line-height: 26px;
    text-transform: capitalize;
    text-align: center;
}

    .inner-heading .inner-content {
        padding-top: 26px;
        color: #707780;
        font-family: 'ProximaNova-Regular',sans-serif;
        font-size: 16px;
        text-transform: none;
    }

        .inner-heading .inner-content span {
        }

        .inner-heading .inner-content.about-content {
            text-align: left;
        }

    .inner-heading.heading-top-pad {
        padding-top: 52px;
    }

/*.navbar .navbar-right {
    padding-top: 0px;
}

    .navbar .navbar-right > li > .dropdown-menu:before, .navbar .nav > li > .dropdown-menu.navbar-right:before {
        right: 12px;
        left: auto;
    }

    .navbar .navbar-right > li > .dropdown-menu:after, .navbar .nav > li > .dropdown-menu.navbar-right:after {
        right: 13px;
        left: auto;
    }

.navbar {
    min-height: 80px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    background-color: #FFFFFF;
    box-shadow: 1.5px 2.598px 7px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1.5px 2.598px 7px 0px rgba(0,0,0,0.1);
    -webkit-box-shadow: 1.5px 3px 4px 0px rgba(0,0,0,0.1);
    margin-bottom: 0;
    border-bottom-width: 0;
}

    .navbar .nav > li > a {
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'ProximaNova-Regular',sans-serif;
        color: #2a2a2a;
        padding: 25px 10px 25px 10px;
    }

        .navbar .nav > li > a.btn-buy {
            background-color: #2196f3;
            color: #FFFFFF !important;
            padding: 0px 15px !important;
            height: 35px;
            line-height: 35px !important;
            margin-top: 20px;
            margin-left: 30px;
        }

            .navbar .nav > li > a.btn-buy:hover {
                background-color: #0c7cd5 !important;
            }

        .navbar .nav > li > a i {
            font-size: 12px;
            padding-left: 5px;
        }

    .navbar .active {
        color: #2196f3;
    }

        .navbar .active a {
        }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background: transparent;
    color: #2196f3;
    outline: none !important;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: transparent !important;
    color: #2196f3 !important;
    outline: none !important;
}*/

div.nav-primary.l-page {
    /* border-bottom: 1px solid white;*/
}

.nav-sub-toggle {
    color: white;
}

.signup-btn {
    background-color: #ff4c4c;
    padding-left: 25px;
    padding-right: 25px;
    border-radius: 24px;
}

body {
    /*background-color: #2746b7;*/
}

.contact-header {
    text-align: center;
}

.dropdown-menu {
    border-width: 0;
    text-align: center;
    margin-top: 20px !important;
    border-radius: 3px !important;
}

    .dropdown-menu.locations-select {
        margin-top: 0px !important;
    }

    .dropdown-menu:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 11px 10px 11px;
        border-color: transparent transparent #FFFFFF transparent;
        top: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        margin-top: -8px;
    }

    .dropdown-menu li a {
        line-height: 36px;
        font-family: 'ProximaNova-Regular',sans-serif;
        border-bottom: 1px solid #eeeeee;
        -webkit-transition: all 0.2s ease-out;
        -moz-transition: all 0.2s ease-out;
        transition: all 0.2s ease-out;
    }

        .dropdown-menu li a:hover {
            color: #2196f3;
            background: transparent;
        }

    .dropdown-menu li:last-child a {
        border-bottom-width: 0;
    }

.slider_block .carousel-inner {
    width: 100%;
    max-height: 600px !important;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

.slider_block .carousel-caption {
    top: 25px;
    text-shadow: none;
    font-family: 'ProximaNova-Light',sans-serif !important;
    font-size: 14px;
}

    .slider_block .carousel-caption h2 {
        font-size: 22px;
        font-family: 'ProximaNova-Regular',sans-serif;
    }

    .slider_block .carousel-caption .btn-buy {
        background-color: #2196f3;
        color: #FFFFFF !important;
        padding: 0px 15px !important;
        height: 35px;
        line-height: 35px !important;
        margin-top: 20px;
        margin-left: 10px;
        font-family: 'ProximaNova-Regular',sans-serif;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }

        .slider_block .carousel-caption .btn-buy.learn {
            color: #2a2a2a !important;
            background-color: #FFFFFF;
        }

            .slider_block .carousel-caption .btn-buy.learn:hover {
                background-color: #d9d9d9 !important;
            }

        .slider_block .carousel-caption .btn-buy:hover {
            background-color: #0c7cd5 !important;
        }

.slider_block .mock {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 12%;
    margin-top: 100px;
}

    .slider_block .mock .me {
        position: relative;
        width: 700px;
        margin: 0 auto;
    }

    .slider_block .mock img {
        bottom: 0;
        position: absolute;
    }

    .slider_block .mock .iphone {
        max-width: 150px;
        left: 0;
        top: 100%;
        margin-top: 100px;
    }

    .slider_block .mock .mac {
        max-width: 600px;
        left: 0;
        right: 0;
        margin: 0 auto;
        top: 100%;
        margin-right: 80px;
    }

    .slider_block .mock .tab {
        max-width: 200px;
        right: 0;
        top: 100%;
        margin-top: 100px;
    }

.slider_block .carousel-control.left, .slider_block .carousel-control.right {
    background-image: none;
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}

    .slider_block .carousel-control.left:after, .slider_block .carousel-control.right:after {
        font-family: "Ionicons";
        content: "\f3d3";
        position: absolute;
        top: 50% !important;
        font-size: 20px;
        margin-top: -20px;
        height: 45px;
        width: 45px;
        border: 1px solid #808080;
        border-radius: 50%;
        line-height: 45px;
        right: 50px;
    }

    .slider_block .carousel-control.left span, .slider_block .carousel-control.right span {
        display: none;
    }

    .slider_block .carousel-control.left:after {
        font-family: "Ionicons";
        content: "\f3d2";
        left: 50px;
    }

@media only screen and (min-width: 100px) and (max-width: 800px) {
    .slider_block .mock {
        display: none;
    }

    .slider_block .carousel-caption {
        top: 0;
    }
}

@media only screen and (min-width: 1640px) and (max-width: 3400px) {
    .slider_block .mock {
        position: absolute;
        top: 0;
        width: 100%;
        padding: 8% 20%;
        z-index: 99;
    }

        .slider_block .mock img {
            width: 100%;
        }
}

.features_block {
    background-color: #f8f8f8;
    -moz-box-shadow: 0 -7px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 -7px 10px rgba(0,0,0,0.1);
    box-shadow: 0 -7px 10px rgba(0,0,0,0.1);
    position: relative;
}

    .features_block .header_block {
        background-color: #5d9bfb;
        min-height: 230px;
        text-align: center;
        font-size: 30px;
        padding-top: 60px;
        color: #FFFFFF;
        font-weight: 100;
    }

        .features_block .header_block.lead {
            background-color: #f8f8f8;
            color: #000;
        }

    .features_block .features_details {
        background-color: #FFFFFF;
        width: 97%;
        margin-top: -90px;
        border: 1px solid #d5d5d5;
        margin-bottom: 50px;
    }

        .features_block .features_details .col-md-4 {
            min-height: 200px;
            padding-top: 30px;
            padding-bottom: 30px;
        }

            .features_block .features_details .col-md-4 i {
                font-size: 55px;
                float: left;
                width: 110px;
                text-align: center;
            }

            .features_block .features_details .col-md-4 .text {
                margin-left: 110px;
                padding-right: 10px;
                color: #707780;
                font-family: 'ProximaNova-Regular',sans-serif;
                font-size: 13px;
                line-height: 20px;
                letter-spacing: 0.20px;
            }

                .features_block .features_details .col-md-4 .text h4 {
                    font-family: 'ProximaNova-Semibold',sans-serif;
                    font-size: 15px;
                    text-transform: uppercase;
                    letter-spacing: 0.25px;
                    color: #2a2a2a;
                }

            .features_block .features_details .col-md-4:nth-child(3n) {
                border-color: transparent;
            }

.showcase_block {
    background-color: #FFFFFF;
    padding: 50px 0px;
    border-bottom: 1px solid #eeeeee;
}

    .showcase_block.alternate {
        background-color: #f8f8f8;
    }

    .showcase_block .left_info h4 {
        font-family: 'ProximaNova-Semibold',sans-serif;
        font-size: 15px;
        text-transform: uppercase;
        letter-spacing: 0.25px;
        color: #2a2a2a;
    }

    .showcase_block .left_info .text {
        color: #707780;
        font-family: 'ProximaNova-Regular',sans-serif;
        font-size: 14px;
        line-height: 24px;
        letter-spacing: 0.20px;
    }

    .showcase_block .left_info img {
        height: 200px;
        margin: 0 auto;
        display: block;
    }

    .showcase_block .right_info .braintree {
        height: 60px;
        width: auto;
        margin-bottom: 0px;
    }

    .showcase_block .right_info .payment-logo {
        height: 100px;
        width: auto;
        margin-bottom: 0px;
    }

    .showcase_block .right_info img {
        max-height: 200px;
        margin: 0 auto;
        display: block;
    }

.tabs_showcase *, .tabs_showcase *:before, .tabs_showcase *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.tabs_showcase {
    position: relative;
    display: inline-block;
    background-color: #f8f8f8;
    display: table;
    height: 100%;
}

    .tabs_showcase .laptop_holder {
        margin-left: -20%;
    }

    .tabs_showcase .col-md-list {
        width: 53.333333%;
    }

    .tabs_showcase .slider_section {
        padding-top: 33px;
        padding-bottom: 100px;
        padding-right: 80px;
    }

        .tabs_showcase .slider_section #networkSlider {
            background-color: #FFFFFF;
            box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.1);
            border-radius: 3px;
            position: absolute;
            top: 100px;
            max-width: 750px;
            left: 0;
            right: 0;
            margin: 0 auto;
            height: 460px;
            overflow: hidden;
            right: 80px;
        }

            .tabs_showcase .slider_section #networkSlider:hover .carousel_info {
                opacity: 1;
                -webkit-transition: opacity 0.5s ease;
                -moz-transition: opacity 0.5s ease;
                transition: opacity 0.5s ease;
                bottom: 0;
            }

            .tabs_showcase .slider_section #networkSlider:hover .left.carousel-control span, .tabs_showcase .slider_section #networkSlider:hover .right.carousel-control span {
                visibility: visible;
            }

            .tabs_showcase .slider_section #networkSlider .left.carousel-control span, .tabs_showcase .slider_section #networkSlider .right.carousel-control span {
                font-size: 18px;
                display: inline-block;
                position: absolute;
                top: 50%;
                z-index: 5;
                height: 40px;
                width: 40px;
                line-height: 40px;
                background-color: #000000;
                margin-top: -20px;
                left: 40px;
                opacity: 0.2;
                visibility: hidden;
                -webkit-border-radius: 30px;
                -moz-border-radius: 30px;
                border-radius: 30px;
                -webkit-box-shadow: 0px 0px 0px 3px #000;
                box-shadow: 0px 0px 0px 3px #000;
            }

            .tabs_showcase .slider_section #networkSlider .carousel_info {
                position: absolute;
                bottom: -10px;
                background-color: rgba(0,0,0,0.5);
                width: 100%;
                padding: 15px;
                padding-bottom: 30px;
                font-size: 16px;
                line-height: 26px;
                font-family: 'ProximaNova-Regular',sans-serif;
                font-weight: 400;
                color: #FFFFFF;
                opacity: 0;
                -webkit-transition: all 0.2s ease-out;
                -moz-transition: all 0.2s ease-out;
                transition: all 0.2s ease-out;
            }

            .tabs_showcase .slider_section #networkSlider .right.carousel-control span {
                right: 40px;
                left: auto;
            }

            .tabs_showcase .slider_section #networkSlider .carousel-control {
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                width: 15%;
                font-size: 20px;
                color: #fff;
                text-align: center;
                text-shadow: 0 1px 2px rgba(0,0,0,0.6);
                filter: alpha(opacity=50);
                opacity: 1;
            }

                .tabs_showcase .slider_section #networkSlider .carousel-control.left {
                    background-image: none;
                }

                .tabs_showcase .slider_section #networkSlider .carousel-control.right {
                    right: 0;
                    left: auto;
                    background-image: none;
                }

                .tabs_showcase .slider_section #networkSlider .carousel-control:hover, .tabs_showcase .slider_section #networkSlider .carousel-control:focus {
                    color: #fff;
                    text-decoration: none;
                    filter: alpha(opacity=100);
                    outline: 0;
                    opacity: 0.6;
                }

                    .tabs_showcase .slider_section #networkSlider .carousel-control:hover span, .tabs_showcase .slider_section #networkSlider .carousel-control:focus span {
                        opacity: 1;
                    }

    .tabs_showcase .right_section.mobile {
        height: auto !important;
        overflow: auto !important;
        width: 100% !important;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-left: 3%;
    }

    .tabs_showcase .right_section {
        list-style: none;
        background-color: #FFFFFF;
        padding-left: 10%;
        padding-right: 20px;
        display: inline-block;
        height: 700px;
        overflow: scroll;
        padding-top: 20px;
    }

        .tabs_showcase .right_section li {
            padding-bottom: 5%;
            padding-top: 5%;
            cursor: pointer;
        }

            .tabs_showcase .right_section li.active i {
                color: #2196f3;
                border: 1px solid #2196f3;
                border-radius: 50%;
            }

            .tabs_showcase .right_section li i {
                font-size: 32px;
                float: left;
                width: 80px;
                height: 80px;
                line-height: 80px;
                text-align: center;
                border: 1px solid #d7dce5;
                border-radius: 50%;
                color: #d7dce5;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                transition: all 0.4s ease;
            }

            .tabs_showcase .right_section li p, .tabs_showcase .right_section li h3 {
                margin-left: 120px;
            }

            .tabs_showcase .right_section li h3 {
                font-family: 'ProximaNova-Semibold',sans-serif;
                font-size: 15px;
                text-transform: uppercase;
                letter-spacing: 0.25px;
                color: #2a2a2a;
                margin-top: 5px;
            }

            .tabs_showcase .right_section li p {
                color: #707780;
                font-family: 'ProximaNova-Regular',sans-serif;
                font-size: 14px;
                line-height: 24px;
                letter-spacing: 0.20px;
            }

    .tabs_showcase .slider_section {
        padding-top: 60px;
        text-align: center;
        min-height: 500px;
    }

        .tabs_showcase .slider_section img.lap_holder {
            max-width: 1000px;
            width: 100%;
        }

@media only screen and (min-width: 1640px) and (max-width: 3400px) {
    .slider_section #networkSlider {
        max-width: 770px !important;
        height: 490px !important;
    }
}

@media only screen and (min-width: 1500px) and (max-width: 1640px) {
    .slider_section #networkSlider {
        max-width: 700px !important;
        max-height: 700px !important;
    }
}

@media (max-width: 1500px) {
    .slider_section #networkSlider {
        max-width: 650px !important;
        height: 400px !important;
    }
}

@media (max-width: 1400px) {
    .slider_section #networkSlider {
        max-width: 590px !important;
        height: 360px !important;
    }
}

@media (max-width: 1210px) {
    .slider_section #networkSlider {
        top: 80px !important;
        max-width: 430px !important;
        height: 290px !important;
    }
}

@media (max-width: 1000px) {
    .col-md-list {
        width: 100% !important;
    }

    .right_section {
        height: auto !important;
        overflow: auto;
    }
}

@media (max-width: 1200px) {
    .features_block .features_details .col-md-4 {
        border-right-width: 0;
        min-height: 0;
    }
}

@media (max-width: 768px) {
    .features_block .header_block {
        padding-top: 15px;
    }

    /*.container > .navbar-header, .container-fluid > .navbar-header {
        height: 80px !important;
    }

    .navbar-toggle {
        margin-top: 20px;
        border-color: transparent !important;
    }

        .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle active {
            background: transparent !important;
        }

            .navbar-toggle:hover .icon-bar, .navbar-toggle:focus .icon-bar, .navbar-toggle active .icon-bar {
                background-color: #2196f3;
            }

    .navbar .nav > li > a {
        padding: 10px;
        text-align: center;
    }

    .navbar-nav .dropdown-menu {
        -webkit-transition: all 300ms ease-out;
        transition: all 300ms ease-out;
    }

    .navbar-nav .open .dropdown-menu {
        padding: 20px;
        padding-right: 40px;
        background-color: #f7f7f9;
        border-top: 1px solid #e9ecf2;
        border-bottom: 1px solid #e9ecf2;
    }

        .navbar-nav .open .dropdown-menu a {
            border-bottom-width: 0;
        }

    .navbar .nav > li > a.btn-buy {
        margin: 0 20px;
        margin-bottom: 20px;
    }*/


    .credit-card-package .btn-credit-card {
        padding: 7px 5px !important;
        font-size: 13px !important;
    }

    .header-main .header-heading {
        font-size: 23px;
    }
}

.header_text {
    text-align: center;
    font-family: 'ProximaNova-Light',sans-serif;
    font-size: 20px;
    padding-top: 60px;
    color: #2a2a2a;
    font-weight: 100;
}

    .header_text.dark {
        color: #2a2a2a;
    }

.no-padding {
    padding: 0;
}

.customer_testimonials {
    clear: both;
    background-color: #FFFFFF;
    min-height: 600px;
    padding-bottom: 40px;
}

    .customer_testimonials .ion-quote {
        font-size: 30px;
        color: #e9ecf2;
        padding-right: 10px;
    }

    .customer_testimonials .testimonial_holder {
        margin-top: 100px;
        background-color: #f8f8f8;
        border-radius: 3px;
        padding: 20px;
        font-size: 16px;
        font-family: 'ProximaNova-Light',sans-serif;
        color: #2a2a2a;
        line-height: 30px;
        position: relative;
    }

        .customer_testimonials .testimonial_holder:after {
            content: "";
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 15px 15px 0 15px;
            border-color: #f8f8f8 transparent transparent transparent;
            position: absolute;
            left: 0;
            right: 0;
            margin: 0 auto;
            bottom: -15px;
        }

    .customer_testimonials .user_avatar {
        width: 130px;
        margin: 0 auto;
        margin-top: 25px;
    }

        .customer_testimonials .user_avatar img {
            width: 100%;
            border-radius: 50%;
        }

.clients_block {
    background-color: #f8f8f8;
}

    .clients_block .prevs, .clients_block .nexts {
        text-align: center;
        padding: 60px 0px;
    }

        .clients_block .prevs a, .clients_block .nexts a {
            width: 45px;
            height: 45px;
            display: block;
            line-height: 45px;
            font-size: 24px;
            margin-top: 50px;
        }

    .clients_block .item {
        padding-top: 60px;
        margin: 0 35px;
        margin-left: 0px;
    }

        .clients_block .item .platform-img-holder {
            width: 80px;
            margin: 0 auto;
            margin-top: 20px;
            margin-bottom: 20px;
        }

            .clients_block .item .platform-img-holder img {
                width: 100%;
            }

.usability_block {
    padding-bottom: 60px;
}

    .usability_block .header_text {
        margin-bottom: 50px;
    }

    .usability_block .image-holder {
        height: auto;
        overflow: hidden;
    }

        .usability_block .image-holder img {
            width: 100%;
        }

    .usability_block h3 {
        text-align: center;
        font-family: 'ProximaNova-Light',sans-serif;
        font-size: 18px;
        color: #707780;
        font-weight: 100;
        margin-bottom: 20px;
    }

.demo_bar {
    min-height: 120px;
    background-color: #6fd64b;
    text-align: center;
    padding-top: 30px;
    color: #FFFFFF;
    font-family: 'ProximaNova-Light',sans-serif;
    font-size: 18px;
}

    .demo_bar p {
        display: inline-block;
        margin-top: 20px;
    }

    .demo_bar .btn-green {
        height: 40px;
        line-height: 40px;
        background-color: #FFFFFF;
        color: #6fd64b;
        font-family: 'ProximaNova-Regular',sans-serif;
        padding: 0px 25px;
    }

.footer {
    background-color: #202938;
    padding-top: 60px;
    min-height: 250px;
    color: #FFFFFF;
    font-family: 'ProximaNova-Light',sans-serif;
    font-weight: 300;
    font-size: 14px;
}

    .footer img.brand {
        width: 85px;
        display: block;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .footer h4 {
        font-family: 'ProximaNova-Regular',sans-serif;
        font-size: 18px;
        color: #707780;
        font-weight: 100;
        color: #FFFFFF;
        margin-bottom: 10px;
    }

    .footer ul li a {
        color: #a4acb6;
        line-height: 26px;
        font-family: 'ProximaNova-Light',sans-serif;
        font-weight: 300;
        font-size: 14px;
    }

.ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn {
    width: 50px;
    height: 51px;
    background: url(../img/skins/light-skin-1.png) no-repeat -14px -150px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
}

.ms-skin-default .ms-slide .ms-slide-vcbtn {
    width: 30px;
    height: 30px;
    background: url(../img/skins/light-skin-1.png) no-repeat -24px -28px;
    top: 18px;
    right: 30px;
}

.ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev {
    width: 30px;
    background: url(../img/skins/light-skin-1.png);
    background-position: -89px -26px;
    height: 40px;
    cursor: pointer;
    top: 50%;
    left: 30px;
    margin-top: -20px;
    position: absolute;
    z-index: 110;
}

.ms-skin-default .ms-nav-next {
    right: 30px;
    left: auto;
    background-position: -89px -103px;
}

.ms-skin-default .ms-bullet {
    width: 10px;
    height: 10px;
    background: url(../img/skins/light-skin-1.png) no-repeat;
    margin: 4px;
    background-position: -34px -117px;
}

.ms-skin-default .ms-bullet-selected {
    background-position: -34px -84px;
}

.ms-skin-default .ms-time-bar {
    height: 3px;
    background: #FFFFFF;
    border-top: solid 1px rgba(0,0,0,0.41);
}

.ms-skin-default .ms-tooltip {
    position: absolute;
    z-index: 210;
    cursor: auto;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
    position: absolute;
    left: 50%;
    margin-left: -10px;
}

.ms-skin-default .ms-tooltip-top .ms-tooltip-arrow {
    border-top: solid 10px;
    border-top-color: silver;
    border-top-color: rgba(240,240,240,0.88);
    bottom: -10px;
}

.ms-skin-default .ms-tooltip-bottom .ms-tooltip-arrow {
    border-bottom: solid 10px;
    border-bottom-color: silver;
    border-bottom-color: rgba(240,240,240,0.88);
    top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow, .ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-top: solid 10px transparent;
    border-bottom: solid 10px transparent;
    position: absolute;
    top: 50%;
    margin-top: -10px;
}

.ms-skin-default .ms-tooltip-right .ms-tooltip-arrow {
    border-right: solid 10px;
    border-right-color: silver;
    border-right-color: rgba(240,240,240,0.88);
    left: -10px;
}

.ms-skin-default .ms-tooltip-left .ms-tooltip-arrow {
    border-left: solid 10px;
    border-left-color: silver;
    border-left-color: rgba(240,240,240,0.88);
    right: -10px;
}

.ms-skin-default .ms-tooltip-point {
    cursor: pointer;
}

    .ms-skin-default .ms-tooltip-point .ms-point-center {
        width: 12px;
        height: 12px;
        border-radius: 15px;
        border: solid 2px #BBB;
        background: white;
        margin: -8px 0 0 -8px;
        position: absolute;
        z-index: 105;
    }

    .ms-skin-default .ms-tooltip-point .ms-point-border {
        width: 22px;
        height: 22px;
        background: black;
        background: rgba(0,0,0,0.36);
        margin: -11px 0 0 -11px;
        position: absolute;
        border-radius: 15px;
        animation: point-anim 1.5s infinite;
        -moz-animation: point-anim 1.5s infinite;
        -webkit-animation: point-anim 1.5s infinite;
        -o-animation: point-anim 1.5s infinite;
    }

.ms-skin-default .ms-tooltip {
    max-width: 200px;
}

.ms-skin-default .ms-tooltip-cont {
    padding: 10px;
    background: silver;
    background: rgba(240,240,240,0.88);
    text-shadow: 0 1px 0px white;
    margin-left: -1px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
    .ms-skin-default .ms-slide .ms-slide-vpbtn, .ms-skin-default .ms-video-btn, .ms-skin-default .ms-slide .ms-slide-vcbtn, .ms-skin-default .ms-nav-next, .ms-skin-default .ms-nav-prev, .ms-skin-default .ms-bullet {
        background-image: url(light-skin-1-retina.png);
        background-size: 152px 225px;
    }
}

.hps-title1, .hps-tite {
    font-family: 'ProximaNova-Light',sans-serif;
}

.slidertwo-head {
    color: #ffffff;
    font-family: 'ProximaNova-Semibold',sans-serif;
    font-size: 28px;
    line-height: 26px;
    letter-spacing: 0.25px;
    text-transform: capitalize;
}

.slidertwo-content {
    color: #ffffff;
    font-family: 'ProximaNova-Regular',sans-serif;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.25px;
    width: 45%;
}

.btn-demo {
    background-color: #2196f3;
    border-radius: 4px;
    color: #ffffff;
    font-family: 'ProximaNova-Regular',sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 26px;
}

    .btn-demo:hover {
        color: #ffffff;
        background-color: #0c7cd5 !important;
    }

    .btn-demo.btn-dark {
        background-color: #d9d9d9;
        color: #333333;
    }

        .btn-demo.btn-dark:hover {
            background-color: #c0c0c0 !important;
        }

@media only screen and (min-width: 100px) and (max-width: 1000px) {
    .hardware .right_info {
        clear: both;
        text-align: center;
        margin-bottom: 50px;
    }

        .hardware .right_info img {
            max-width: 300px;
            margin: 0 auto;
            float: none;
        }

    .hardware .left_info {
        clear: both;
        text-align: center;
    }
}

.control-label {
    letter-spacing: 0.25px;
    color: #2a2a2a;
    font-family: 'ProximaNova-Semibold',sans-serif;
    font-size: 16px;
    text-transform: capitalize;
}

    .control-label span {
    }

    .control-label.align-rt {
        float: right;
    }

.form-group {
    margin-bottom: 30px;
}

    .form-group .input-group-addon {
        border-radius: 0px;
        box-shadow: none;
        border-color: #e9ecf2;
        color: #707780;
        font-family: 'ProximaNova-Regular',sans-serif;
        font-size: 14px;
        margin-bottom: 10px;
    }

        .form-group .input-group-addon:focus {
            border-color: #c9d0df;
        }

    .form-group .form-control {
        border-radius: 0px;
        box-shadow: none;
        border-color: #d5d5d5;
        height: 39px;
        line-height: 39px;
        color: #707780;
        font-family: 'ProximaNova-Regular',sans-serif;
        font-size: 14px;
    }

        .form-group .form-control.text-area {
            height: 156px;
            line-height: 26px;
            resize: none;
        }

        .form-group .form-control:focus {
            border-color: #c9d0df;
        }

        .form-group .form-control::-webkit-input-placeholder {
            color: #707780;
            letter-spacing: 0.25px;
            font-size: 14px;
        }

        .form-group .form-control:-moz-placeholder {
            color: #707780;
            letter-spacing: 0.25px;
            font-size: 14px;
        }

        .form-group .form-control::-moz-placeholder {
            color: #707780;
            letter-spacing: 0.25px;
            font-size: 14px;
        }

        .form-group .form-control:-ms-input-placeholder {
            color: #707780;
            letter-spacing: 0.25px;
            font-size: 14px;
        }

    .form-group .dollar-symbol {
        color: #2a2a2a;
        font-family: 'ProximaNova-Semibold',sans-serif;
        font-size: 16px;
        letter-spacing: 0.50px;
        line-height: 39px;
        padding-left: 10px;
    }

/*input[type="checkbox"] + label, input[type="radio"] + label {
    color: #707780 !important;
    font-family: 'ProximaNova-Regular',sans-serif;
    font-size: 12px;
    letter-spacing: 0.25px;
    line-height: 40px;
}

input[type="checkbox"] {
    display: none;
}

    input[type="checkbox"] + label span {
        display: inline-block;
        width: 19px;
        height: 19px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        background: url(../assets/images/cbr.png) left top no-repeat;
        cursor: pointer;
    }

    input[type="checkbox"]:checked + label span {
        background: url(../assets/images/cbr.png) -19px top no-repeat;
    }*/

.select2-container .select2-selection--single, .select2-selection--multiple {
    outline: none !important;
    border-radius: 0px !important;
    height: 39px !important;
    line-height: 39px !important;
    border-color: #e9ecf2 !important;
}

.select2-dropdown {
    border-radius: 0px !important;
    border-color: #e9ecf2 !important;
    color: #707780 !important;
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    outline: none !important;
    box-shadow: none !important;
    border-color: #e9ecf2 !important;
    color: #707780 !important;
    margin: 5px 0px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #e9ecf2 !important;
    color: #2a2a2a !important;
}

.select2-container--default .select2-selection--single {
    height: 39px !important;
    line-height: 39px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        color: #707780 !important;
        line-height: 39px !important;
    }

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #f7f7f9 !important;
    color: #707780 !important;
}

.select2-selection__choice {
    margin-top: 0px !important;
    background-color: #f4f6fb !important;
    height: 39px !important;
    line-height: 39px !important;
    margin-top: 5px !important;
    border-radius: 0px !important;
    border-color: #e9ecf2 !important;
    color: #747b8f !important;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #ffffff !important;
}

.select2-container .select2-search--inline .select2-search__field {
    margin-top: 0px !important;
}

.select2-selection__arrow {
    background: #f9fafb !important;
    height: 37px !important;
    width: 37px !important;
    border-left: 1px solid #e4e4e4;
}

.select2-selection__placeholder {
    font-size: 12px !important;
    color: #bbbbbb !important;
}

.select2-container {
    width: 100% !important;
}

.select2-search--dropdown {
    width: 100% !important;
}

.btn-submit {
    background-color: #2196f3;
    color: #FFFFFF !important;
}

    .btn-submit:hover {
        background-color: #0c7cd5 !important;
    }

.required {
    color: #a94442 !important;
}

.paypal_buy_image {
    height: 30px;
    outline: none;
    margin-top: 5px;
}

.top-bottom-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

.recommended select option {
    color: #444444 !important;
}

.content_holder {
    /*margin-top: 80px;*/
}

@media (max-width: 768px) {
    .navbar-nav {
        margin-top: 17px;
    }
}

.blue-bg {
    background-color: #2196f3;
    padding: 25px;
    text-align: center;
}

    .blue-bg .sub-heading {
        color: #FFFFFF;
        font-size: 20px;
    }

.sub-content {
    margin: 25px 0px;
}

.panel-login {
    padding: 25px;
}

.btn-blue {
    background-color: #2196f3;
    border-radius: 4px;
    color: #ffffff;
    font-size: 15px;
    line-height: 20px;
}

    .btn-blue:focus, .btn-blue:hover {
        color: #FFFFFF;
    }

.mtop-30 {
    margin-top: 30px;
}

.ptop-30 {
    padding-top: 30px;
}

.btn-social {
    color: #FFFFFF !important;
}

@media only screen and (min-width: 100px) and (max-width: 800px) {
    .tabs_showcase .right_section li i {
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 28px;
    }

    .tabs_showcase .right_section li p, .tabs_showcase .right_section li h3 {
        margin-left: 70px !important;
    }

    .tabs_showcase .right_section {
        padding-left: 20px;
    }

    .showcase_block .right_info img {
        height: 150px;
    }
}

#top_nav {
    max-height: 490px;
}

#intro_video {
    margin: 0 auto;
    text-align: center;
}

.btn-config {
    margin-top: 20px !important;
    margin-left: 20px !important;
}

.feature_green {
    color: #6fd64b !important;
}

.feature_red {
    color: #fb5d5d !important;
}

.feature_orange {
    color: #f7941d !important;
}

#step1 .col-md-4 {
    padding: 19px;
    padding-right: 20px;
}

.stepwizard-step p {
    margin-top: 10px;
    width: 100%;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-right: 0px;
    padding-left: 0px;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

div.g-recaptcha {
    margin: 0 auto;
    width: 304px;
}

.panel {
    box-shadow: 0px 2px 10px rgba(0,0,0,0.25);
}

.affix-top {
    box-shadow: none;
    -webkit-box-shadow: none;
}

.affix {
    z-index: 1031;
    top: 80px;
    width: 100%;
    border-radius: 0;
}

    .affix + .container-fluid {
    }

.checkout-row {
    padding-bottom: 100px;
}

#braintreeDataFrame {
    display: none !important;
}

.pad-right-40 {
    padding-right: 40px;
}

#loader-container {
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 999;
}

#loader-text {
    position: relative;
    text-align: center;
    margin: 10px 0 0 -100%;
}

#loader {
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #2196f3;
    width: 120px;
    height: 120px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s;
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }

    to {
        bottom: 0px;
        opacity: 1;
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0;
    }

    to {
        bottom: 0;
        opacity: 1;
    }
}

.p-bottom-100 {
    padding-bottom: 100px;
}

#braintree-container {
    margin-bottom: 20px;
}

.panel-group {
    margin-top: 50px;
}

.panel-heading {
    padding: 15px;
}

.modal-header#myTabHeader {
    padding: 15px 10px 0px 10px;
    background: #eeeeee;
}

#myTab {
    padding-top: 10px;
    border-bottom-width: 0px !important;
}

.after_modal_appended {
    position: absolute;
}

#myModal {
    z-index: 10;
    outline: none;
}

.modal-content {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
}

.modal, .modal-backdrop {
    position: absolute !important;
}
/*about use page*/
.our-story {
    padding-bottom: 50px;
    overflow: hidden;
}

.main-heading {
    margin: 80px 0px;
    margin-bottom: 30px;
}

/*Footer*/
footer {
    background-color: #202938;
    position: relative;
}

.copyright-link li a {
    float: left;
    padding: 5px;
}

    .copyright-link li a span {
        padding-right: 10px;
        border-right: 1px solid #555354;
    }


.copyright-row {
    margin-top: 80px;
    padding-top: 40px;
    border-top: 2px solid white;
}

textarea.form-control {
    height: 100% !important;
}

.contact-btn {
    background-color: #000000;
    color: white;
    padding: 10px;
    font-size: 15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 100px;
}

#wrapper {
    position: relative;
}

#over_map {
    position: absolute;
    top: 80px;
    left: 40px;
    z-index: 99;
    background-color: #ff0000;
    width: 411px;
    height: auto;
}
/* The actual timeline (the vertical ruler) */
.timeline {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

    /* The actual timeline (the vertical ruler) */
    .timeline::after {
        content: '';
        position: absolute;
        width: 6px;
        background-color: rgba(255, 76, 76, 0.18);
        top: 0;
        bottom: 0;
        left: 50%;
        margin-left: -3px;
    }

/* Container around content */
.cont {
    padding: 10px 40px;
    position: relative;
    background-color: inherit;
    width: 50%;
}

    /* The circles on the timeline */
    .cont::after {
        content: '';
        position: absolute;
        width: 25px;
        height: 25px;
        right: -17px;
        background-color: white;
        border: 4px solid rgba(255, 0, 0, 0.7);
        top: 15px;
        border-radius: 50%;
        z-index: 1;
    }

/* Place the container to the left */
.left {
    left: 0;
}

/* Place the container to the right */
.right {
    left: 50%;
}

    /* Add arrows to the left container (pointing right) */
    /*.left::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    right: 30px;
    border: medium solid white;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent rgba(255, 0, 0, 0.7);
}*/

    /* Add arrows to the right container (pointing left) */
    /*.right::before {
    content: " ";
    height: 0;
    position: absolute;
    top: 22px;
    width: 0;
    z-index: 1;
    left: 30px;
    border: medium solid white;
    border-width: 10px 10px 10px 0;
    border-color: transparent rgba(255, 0, 0, 0.7) transparent transparent;
}*/

    /* Fix the circle for containers on the right side */
    .right::after {
        left: -16px;
    }

/* The actual content */
.cont-text {
    padding: 20px 30px;
    background-color: rgba(255, 0, 0, 0.7);
    position: relative;
    border-radius: 6px;
}

    .cont-text p, .cont-text h3 {
        color: white;
    }

/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 600px) {
    /* Place the timelime to the left */
    .timeline::after {
        left: 31px;
    }

    /* Full-width containers */
    .cont {
        width: 100%;
        padding-left: 70px;
        padding-right: 25px;
    }

        /* Make sure that all arrows are pointing leftwards */
        .cont::before {
            left: 60px;
            border: medium solid white;
            border-width: 10px 10px 10px 0;
            border-color: transparent rgba(255, 0, 0, 0.7) transparent transparent;
        }

    /* Make sure all circles are at the same spot */
    .left::after, .right::after {
        left: 15px;
    }

    /* Make all right containers behave like the left ones */
    .right {
        left: 0%;
    }
}