.warningBanner {
    width: 80%;
    text-align: center;
    border: 1px solid black;
    margin: 30px;
    padding: 8px;
}

pre {
    background-color: black;
    color: white;
    padding: 10px;
    font-family: 'Courier New', Courier, monospace;
    font-size: 14px;
    line-height: 1.5;
    border-radius: 5px;
    white-space: pre-wrap;
    position: relative;
}

    pre::before {
        content: ">";
        position: absolute;
        left: 20px;
        top: 20px;
        color: #4CAF50;
        font-weight: bold;
    }

/*greenshades
    #e1f1daff
    #c6e4b8ff
    #79c15aff
    #599e3bff
    */

.nav .nav-tabs {
    vertical-align: bottom;
    /*position: relative;
    height: 100px;*/ /* Set the height to the maximum height of the tabs */
}


.nav-tabs .nav-link {
    background-color: #e1f1daff;
    color: #457b2ef0;
    font-weight: 500;
    margin-left: 1px;
    /* display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 0;*/
}


    .nav-tabs .nav-link.active {
        background-color: #79c15aff;
        color: white;
        font-weight: 500;
        cursor: default;
        
    }


.nav-tabs > li:not(.active) > a {

    
}

.nav-tabs > li.active > a {
    height: 60px;

}


.tab-content{
    padding-top:20px;
}


.nav.nav-tabs.oschooser .nav-link {
    background-color: #ddd;
    color: black;
    height:100px;
    vertical-align:middle;
    width:100px;
    align-content:center;
    text-align:center;
    border-radius:8px;
}

    .nav.nav-tabs.oschooser .nav-link.active {
        background-color: #999;
        color: white;
        width: 100px;
        align-content: center;
        text-align: center;
        border: 1px solid black;
    }

.nav.nav-tabs.oschooser  .nav-link, a {
    padding-left: 0px;
    padding-right: 0px;
}


/*   
 * Template Name: Tempo - Responsive Website Template for Startups
 * Version: 2.1
 * Author: Xiaoying Riley
 * Website: http://themes.3rdwavemedia.com/
 * Twitter: @3rdwave_themes
*/
/* ======= Base ======= */

.nav {
    align-items: center;
}

.subscription-option{
    height: 400px;
    align-content:center;
}

    .subscription-option .form-group {
        position: absolute;
        bottom: 0;
        align-content:center;
        width: 231px;/*make the buttons go in the middle couldnt get % to work*/
    }

.currentPlan {
    border: dashed;
    opacity:.5;
}
.subscription-options-main li{
    text-align:left;
}

.subscription-option{
    padding-top:20px;
}

.subscription-options-main{
    margin-top:16px;
}

body {
    font-family: 'Lato', arial, sans-serif;
    color: #444;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html,
body {
    height: 100%;
}

.wrapper {
    min-height: 100%;
    margin-bottom: -296px;
    /* equal to footer height */
}

    .wrapper:after {
        content: "";
        display: block;
        height: 296px;
        /* must be the same height as footer */
    }

.footer {
    height: 296px;
    /* must be the same height as footer */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

h5{
    font-size:16px!important;
}

p {
    color: #444;
    font-size: 16px;
}


a:not(.nav-link) {
    color: #51864a; /*#6dbd63;*/
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
    color: #48953f;
}

a:focus {
    text-decoration: none;
}

.btn,
a.btn {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    font-family: 'Montserrat', sans-serif;
    padding: 8px 16px;
    border:1px solid #aaa;
}

    .btn .fa,
    a.btn .fa {
        color: #fff;
        margin-right: 5px;
    }

a.btn-cta-primary,
.btn-cta-primary {
    background: #6dbd63;
    border: 2px solid #6dbd63;
    color: #fff;
    text-transform: uppercase;
}

    a.btn-cta-primary:hover,
    .btn-cta-primary:hover {
        background: #51a746;
        border: 2px solid #51a746;
        color: #fff;
    }

a.btn-cta-secondary,
.btn-cta-secondary {
    background: #fff;
    border: 2px solid #6dbd63;
    color: #6dbd63;
    margin-right: 10px
}

    a.btn-cta-secondary .fa,
    .btn-cta-secondary .fa {
        margin-left: 5px;
        color: #6dbd63;
    }

    a.btn-cta-secondary:hover,
    .btn-cta-secondary:hover {
        background: #fff;
        border: 2px solid #51a746;
        color: #51a746;
    }

        a.btn-cta-secondary:hover .fa,
        .btn-cta-secondary:hover .fa {
            color: #51a746;
        }

.form-control {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    height: 40px;
    border-color: #d9d9d9;
}

    .form-control:focus {
        border-color: #6dbd63;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

textarea.form-control {
    height: auto;
}

blockquote {
    font-size: 14px;
}

.text-highlight {
    color: #2e5f28;
}

#topcontrol {
    background: #8fcc87;
    color: #fff;
    text-align: center;
    display: inline-block;
    width: 35px;
    height: 35px;
    border: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

    #topcontrol:hover {
        background: #6dbd63;
    }

    #topcontrol .fa {
        position: relative;
        top: 3px;
        font-size: 25px;
    }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="submit"],
input[type="button"],
textarea,
select {
    appearance: none;
    /* for mobile safari */
    -webkit-appearance: none;
}

::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #ccc;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #ccc;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #ccc;
}

:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #ccc;
}

.delayp1 {
    animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-delay: .1s;
    -o-animation-delay: .1s;
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    -o-transition-delay: .1s;
}

.delayp2 {
    animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-delay: .2s;
    -o-animation-delay: .2s;
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    -o-transition-delay: .2s;
}

.delayp3 {
    animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-delay: .3s;
    -o-animation-delay: .3s;
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    -o-transition-delay: .3s;
}

.delayp4 {
    animation-delay: .4s;
    -moz-animation-delay: .4s;
    -webkit-animation-delay: .4s;
    -o-animation-delay: .4s;
    transition-delay: .4s;
    -webkit-transition-delay: .4s;
    -moz-transition-delay: .4s;
    -o-transition-delay: .4s;
}

.delayp5 {
    animation-delay: .5s;
    -moz-animation-delay: .5s;
    -webkit-animation-delay: .5s;
    -o-animation-delay: .5s;
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -o-transition-delay: .5s;
}

.delayp6 {
    animation-delay: .6s;
    -moz-animation-delay: .6s;
    -webkit-animation-delay: .6s;
    -o-animation-delay: .6s;
    transition-delay: .6s;
    -webkit-transition-delay: .6s;
    -moz-transition-delay: .6s;
    -o-transition-delay: .6s;
}

.delayp7 {
    animation-delay: .7s;
    -moz-animation-delay: .7s;
    -webkit-animation-delay: .7s;
    -o-animation-delay: .7s;
    transition-delay: .7s;
    -webkit-transition-delay: .7s;
    -moz-transition-delay: .7s;
    -o-transition-delay: .7s;
}

.delayp8 {
    animation-delay: .8s;
    -moz-animation-delay: .8s;
    -webkit-animation-delay: .8s;
    -o-animation-delay: .8s;
    transition-delay: .8s;
    -webkit-transition-delay: .8s;
    -moz-transition-delay: .8s;
    -o-transition-delay: .8s;
}

.delayp9 {
    animation-delay: .9s;
    -moz-animation-delay: .9s;
    -webkit-animation-delay: .9s;
    -o-animation-delay: .9s;
    transition-delay: .9s;
    -webkit-transition-delay: .9s;
    -moz-transition-delay: .9s;
    -o-transition-delay: .9s;
}

.delay1s {
    animation-delay: 1s;
    -moz-animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
    -moz-transition-delay: 1s;
    -o-transition-delay: 1s;
}

.delay2s {
    animation-delay: 2s;
    -moz-animation-delay: 2s;
    -webkit-animation-delay: 2s;
    -o-animation-delay: 2s;
    transition-delay: 2s;
    -webkit-transition-delay: 2s;
    -moz-transition-delay: 2s;
    -o-transition-delay: 2s;
}
/* ======= Homepage Headline Background & Slideshow ======= */
.bg-slider-wrapper {
    content: "";
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 620px;
    background: #fff;
}

    .bg-slider-wrapper .flexslider {
        margin: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        border: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        -ms-border-radius: 0;
        -o-border-radius: 0;
        border-radius: 0;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
    }

        .bg-slider-wrapper .flexslider .slide {
            display: block;
            height: 620px;
        }

            .bg-slider-wrapper .flexslider .slide.slide-1 {
                background: #fff url('../images/background/promo-bg.jpg') no-repeat 50% top;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }

            .bg-slider-wrapper .flexslider .slide.slide-2 {
                background: #fff url('../images/background/promo-bg-2.jpg') no-repeat 50% top;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }

            .bg-slider-wrapper .flexslider .slide.slide-3 {
                background: #fff url('../images/background/promo-bg-3.jpg') no-repeat 50% top;
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
            }

        .bg-slider-wrapper .flexslider .flex-control-nav {
            z-index: 20;
            bottom: 45px;
            position: relative;
        }

            .bg-slider-wrapper .flexslider .flex-control-nav li a {
                background: rgba(255, 255, 255, 0.3);
            }

                .bg-slider-wrapper .flexslider .flex-control-nav li a.flex-active {
                    background: rgba(255, 255, 255, 0.8);
                }
/* ======= Header ======= */
.header {
    padding: 15px 0;
    background: #fff;
    z-index: 888;
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}

    .header .container {
        position: relative;
    }

    .header.navbar-fixed-top {
        border: none;
    }

        .header.navbar-fixed-top .main-nav .navbar-collapse {
            padding-left: 15px;
            padding-right: 15px;
        }

    .header h1.logo {
        margin-top: 0;
        margin-bottom: 0;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 28px;
        max-height: 50px;
    }

        .header h1.logo a {
            -webkit-transition: none;
            -moz-transition: none;
            -ms-transition: none;
            -o-transition: none;
        }

            .header h1.logo a:hover {
                color: #6dbd63;
            }

        .header h1.logo .logo-title {
            vertical-align: middle;
            line-height: 1.6;
            color: #6dbd63
        }

    .header .main-nav {
        padding: 0;
    }

        .header .main-nav .navbar-toggler {
            margin-right: 0;
            background: #51a746;
            color: #fff !important;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: none;
            position: absolute;
            right: 0px;
            top: -40px;
        }

            .header .main-nav .navbar-toggler:focus {
                outline: none;
            }

            .header .main-nav .navbar-toggler:hover {
                background: #6dbd63;
            }

            .header .main-nav .navbar-toggler .icon-bar {
                background-color: #fff;
            }

        .header .main-nav .nav .nav-item {
            font-weight: normal;
            text-transform: uppercase;
            font-size: 14px;
            margin-right: 10px;
        }

            .header .main-nav .nav .nav-item .btn-link {
                background: none;
                color: #666 !important;
                font-weight: 400;
                text-transform: uppercase;
                font-family: 'Lato', arial, sans-serif !important;
                font-size: 14px;
                line-height: 20px;
                padding: 10px 15px;
                border: none;
                text-decoration: none;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

                .header .main-nav .nav .nav-item .btn-link:focus {
                    outline: none;
                }

                .header .main-nav .nav .nav-item .btn-link:hover {
                    color: #6dbd63 !important;
                }

            .header .main-nav .nav .nav-item.active a {
                color: #51a746;
                background: none;
                font-weight: bold;
            }

            .header .main-nav .nav .nav-item.nav-item-cta .btn-cta-primary {
                -webkit-transition: all 0.4s ease-in-out;
                -moz-transition: all 0.4s ease-in-out;
                -ms-transition: all 0.4s ease-in-out;
                -o-transition: all 0.4s ease-in-out;
                padding: 6px 12px;
                color: #fff;
                font-weight: 300;
                font-family: 'Montserrat', sans-serif;
                margin-top: 2px;
                background: #6dbd63;
            }

                .header .main-nav .nav .nav-item.nav-item-cta .btn-cta-primary:hover {
                    background: #51a746;
                    border: 2px solid #51a746;
                    color: #fff;
                }

            .header .main-nav .nav .nav-item a {
                color: #666;
                -webkit-transition: none;
                -moz-transition: none;
                -ms-transition: none;
                -o-transition: none;
            }

                .header .main-nav .nav .nav-item a:hover {
                    color: #6dbd63;
                    background: none;
                }

                .header .main-nav .nav .nav-item a:focus {
                    outline: none;
                    background: none;
                }

                .header .main-nav .nav .nav-item a:active {
                    outline: none;
                    background: none;
                }

            .header .main-nav .nav .nav-item.active {
                color: #6dbd63;
            }

            .header .main-nav .nav .nav-item.last {
                margin-right: 0;
            }

        .header .main-nav .nav .open > a {
            background: none;
        }

        .header .main-nav .nav .dropdown-menu {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            border: 1px solid #f5f5f5;
            border-top: 3px solid #6dbd63;
            box-shadow: 0 0px 5px #a8a8a8; 
            text-transform: none;
        }

            .header .main-nav .nav .dropdown-menu a {
                border-bottom: 1px dotted #f5f5f5;
                padding: 8px 20px;
                color: #444;
                -webkit-opacity: 1;
                -moz-opacity: 1;
                opacity: 1;
            }

                .header .main-nav .nav .dropdown-menu a:hover {
                    background: #fff;
                    color: #6dbd63;
                }

            .header .main-nav .nav .dropdown-menu:before {
                content: "";
                display: block;
                width: 0;
                height: 0;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-bottom: 10px solid transparent;
                position: absolute;
                right: 30px;
                top: -10px;
            }

.dropdown-menu-center {
    right: auto !important;
    left: 50% !important;
    top: 100% !important;
    -webkit-transform: translate(-50%, 0) !important;
    -o-transform: translate(-50%, 0) !important;
    transform: translate(-50%, 0) !important;
}

.dropdown-toggle::after {
    display: none;
}

    .dropdown:hover > .dropdown-menu {
    display: block;
}


/* ======= Footer ======= */
.footer {
    background: #6dbd63;
    color: #fff;
    padding: 15px 0;
}

    .footer .footer-col {
        padding-top: 15px;
    }

        .footer .footer-col.about .more .fa {
            margin-left: 5px;
            position: relative;
            top: 1px;
        }

        .footer .footer-col.links .fa {
            margin-right: 5px;
        }

        .footer .footer-col.links li {
            margin-bottom: 10px;
        }

        .footer .footer-col.contact p {
            color: #377130;
        }

        .footer .footer-col.contact .fa {
            margin-right: 10px;
            color: #377130;
        }

        .footer .footer-col .title {
            color: #2e5f28;
            font-weight: normal;
            font-size: 18px;
        }

        .footer .footer-col p {
            color: #fff;
        }

        .footer .footer-col a {
            color: #377130;
        }

    .footer svg {
        margin-right: 10px;
    }

    .footer .footer-col a:hover {
        color: #1d3b19;
    }

    .footer .bottom-bar {
        background: #444;
        color: #b3b3b3;
        font-size: 14px;
        padding: 10px 0;
    }

        .footer .bottom-bar .copyright {
            line-height: 1.6;
        }

        .footer .bottom-bar .social {
            margin-bottom: 0;
            text-align: right;
        }

            .footer .bottom-bar .social li {
                margin-left: 10px;
                float: right;
                text-align: right;
            }

                .footer .bottom-bar .social li a .fa {
                    color: #b3b3b3;
                    font-size: 20px;
                }

                .footer .bottom-bar .social li a:hover .fa {
                    color: #6dbd63;
                }
/* ======= Signup Section ======= */
.signup {
    padding: 80px 0;
}

    .signup.has-bg-color {
        background: #f5f5f5;
    }

    .signup .title {
        font-size: 28px;
        font-weight: bold;
        margin-bottom: 30px;
        margin-top: 0;
    }

    .signup .summary {
        margin-bottom: 15px;
        color: #999;
        font-size: 18px;
    }

    .signup .signup-form .form-control {
        font-size: 16px;
        color: #999;
    }

    .signup .signup-form .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle;
        width: 380px;
    }
/* ======= Modal ======= */
.modal .modal-header {
    justify-content: center !important;
}

.modal.modal-video .modal-dialog {
    width: 760px;
    margin: 30px auto;
    max-width: inherit !important;
}

.modal.modal-video .modal-body {
    padding: 10px;
    padding-top: 0;
}

.modal.modal-video .modal-header {
    border: none;
    padding: 10px;
}

.modal.modal-video .modal-title {
    color: #377130;
}

.modal.modal-login .modal-dialog,
.modal.modal-signupNoPop .modal-dialog,
.modal.modal-resetpass .modal-dialog {
    width: 460px;
    margin: 30px auto;
}

.modal.modal-login .modal-header,
.modal.modal-signupNoPop .modal-header,
.modal.modal-resetpass .modal-header {
    border: none;
    padding: 15px;
}

    .modal.modal-login .modal-header .modal-title,
    .modal.modal-signupNoPop .modal-header .modal-title,
    .modal.modal-resetpass .modal-header .modal-title {
        margin-top: 15px;
        margin-bottom: 15px;
        font-size: 18px;
    }

.modal.modal-login .modal-body,
.modal.modal-signupNoPop .modal-body,
.modal.modal-resetpass .modal-body {
    padding: 30px;
    padding-top: 0;
}

    .modal.modal-login .modal-body .intro,
    .modal.modal-signupNoPop .modal-body .intro,
    .modal.modal-resetpass .modal-body .intro {
        color: #666;
        margin-bottom: 30px;
    }

.modal.modal-login .modal-footer,
.modal.modal-signupNoPop .modal-footer,
.modal.modal-resetpass .modal-footer {
    padding: 30px;
    background: #f5f5f5;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
}

.modal.modal-login .modal-footer,
.modal.modal-signupNoPop .modal-footer,
.modal.modal-resetpass .modal-footer {
    padding: 30px;
    background: #f5f5f5;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    text-align: center;
}

    .modal.modal-login .modal-footer p,
    .modal.modal-signupNoPop .modal-footer p,
    .modal.modal-resetpass .modal-footer p {
        color: #666;
        font-size: 14px;
        margin-bottom: 0;
    }

.modal.modal-login .form-group,
.modal.modal-signupNoPop .form-group,
.modal.modal-resetpass .form-group {
    position: relative;
}

    .modal.modal-login .form-group.email:before,
    .modal.modal-signupNoPop .form-group.email:before,
    .modal.modal-resetpass .form-group.email:before {
        content: "\f007";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 10px;
        top: 12px;
        color: #999;
    }

    .modal.modal-login .form-group.password:before,
    .modal.modal-signupNoPop .form-group.password:before,
    .modal.modal-resetpass .form-group.password:before {
        content: "\f023";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        left: 10px;
        top: 12px;
        color: #999;
    }

.modal.modal-login .form-control,
.modal.modal-signupNoPop .form-control,
.modal.modal-resetpass .form-control {
    font-size: 16px;
    padding-left: 30px;
}

.modal.modal-login .social-login,
.modal.modal-signupNoPop .social-login,
.modal.modal-resetpass .social-login {
    margin-bottom: 15px;
}

    .modal.modal-login .social-login li,
    .modal.modal-signupNoPop .social-login li,
    .modal.modal-resetpass .social-login li {
        margin-bottom: 10px;
    }

        .modal.modal-login .social-login li .btn,
        .modal.modal-signupNoPop .social-login li .btn,
        .modal.modal-resetpass .social-login li .btn {
            color: #fff;
            font-size: 14px;
        }

            .modal.modal-login .social-login li .btn:hover,
            .modal.modal-signupNoPop .social-login li .btn:hover,
            .modal.modal-resetpass .social-login li .btn:hover {
                color: #fff;
            }

            .modal.modal-login .social-login li .btn .fa,
            .modal.modal-signupNoPop .social-login li .btn .fa,
            .modal.modal-resetpass .social-login li .btn .fa {
                font-size: 18px;
                position: relative;
                top: 2px;
                margin-right: 10px;
            }

.modal.modal-login .twitter-btn,
.modal.modal-signupNoPop .twitter-btn,
.modal.modal-resetpass .twitter-btn {
    background: #55acee;
}

    .modal.modal-login .twitter-btn:hover,
    .modal.modal-signupNoPop .twitter-btn:hover,
    .modal.modal-resetpass .twitter-btn:hover {
        background: #2795e9;
    }

.modal.modal-login .facebook-btn,
.modal.modal-signupNoPop .facebook-btn,
.modal.modal-resetpass .facebook-btn {
    background: #3b5998;
}

    .modal.modal-login .facebook-btn:hover,
    .modal.modal-signupNoPop .facebook-btn:hover,
    .modal.modal-resetpass .facebook-btn:hover {
        background: #2d4373;
    }

.modal.modal-login .google-btn,
.modal.modal-signupNoPop .google-btn,
.modal.modal-resetpass .google-btn {
    background: #dd4b39;
}

    .modal.modal-login .google-btn:hover,
    .modal.modal-signupNoPop .google-btn:hover,
    .modal.modal-resetpass .google-btn:hover {
        background: #c23321;
    }

.modal.modal-login .forgot-password,
.modal.modal-signupNoPop .forgot-password,
.modal.modal-resetpass .forgot-password {
    font-size: 13px;
    margin-top: 10px;
}

    .modal.modal-login .forgot-password a,
    .modal.modal-signupNoPop .forgot-password a,
    .modal.modal-resetpass .forgot-password a {
        color: #999;
    }

        .modal.modal-login .forgot-password a:hover,
        .modal.modal-signupNoPop .forgot-password a:hover,
        .modal.modal-resetpass .forgot-password a:hover {
            text-decoration: underline;
            color: #6dbd63;
        }

.modal.modal-login .divider,
.modal.modal-signupNoPop .divider,
.modal.modal-resetpass .divider {
    text-align: center;
    position: relative;
    margin-bottom: 30px;
    color: #999;
    text-transform: uppercase;
}

    .modal.modal-login .divider span,
    .modal.modal-signupNoPop .divider span,
    .modal.modal-resetpass .divider span {
        background: #fff;
        display: inline-block;
        padding: 0 10px;
        position: relative;
    }

    .modal.modal-login .divider:before,
    .modal.modal-signupNoPop .divider:before,
    .modal.modal-resetpass .divider:before {
        content: "";
        position: absolute;
        left: 0;
        top: 12px;
        background: #e5e5e5;
        height: 1px;
        width: 100%;
    }

.modal.modal-login .note,
.modal.modal-signupNoPop .note,
.modal.modal-resetpass .note {
    color: #999;
    font-size: 13px;
    margin-bottom: 30px;
}

.modal.modal-login .btn + .note,
.modal.modal-signupNoPop .btn + .note,
.modal.modal-resetpass .btn + .note {
    margin: 15px 0;
}

.modal.modal-login .remember label,
.modal.modal-signupNoPop .remember label,
.modal.modal-resetpass .remember label {
    font-size: 14px;
    color: #666;
}

.modal .close {
    position: absolute;
    right: 15px;
    top: 12px;
    z-index: 10;
}

.modal.modal-signupNoPop .modal-header .modal-title {
    margin-bottom: 0;
}
/* modal body padding shifting bug hack */
body.modal-open {
    overflow-y: scroll;
    padding-right: 0 !important;
}
/* ======= Pagination ======= */
.pagination {
    margin-bottom: 60px;
}

    .pagination li a {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none;
        margin-right: 5px;
        color: #6dbd63;
    }

        .pagination li a:hover,
        .pagination li a:active {
            color: #377130;
        }

    .pagination > .active > a,
    .pagination > .active > span,
    .pagination > .active > a:hover,
    .pagination > .active > span:hover,
    .pagination > .active > a:focus,
    .pagination > .active > span:focus {
        background-color: #6dbd63;
        border: none;
        color: #fff;
    }

    .pagination > li > a:hover,
    .pagination > li > span:hover,
    .pagination > li > a:focus,
    .pagination > li > span:focus {
        background-color: #d2eacf;
        border: none;
    }

    .pagination > li:first-child > a,
    .pagination > li:first-child > span,
    .pagination > li:last-child > a,
    .pagination > li:last-child > span {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        background: none;
    }

.page-item.active .page-link {
    background-color: #6dbd63;
    border: none;
}
/* ======= Promo Section ======= */
.promo {
    position: relative;
    min-height: 620px;
}

    .promo .intro {
        color: #fff;
        padding-top: 60px;
        position: relative;
        z-index: 10;
    }

        .promo .intro .title {
            color: #444;
            font-size: 28px;
            text-shadow: 0 1px 1px rgb(218, 218, 218);
            max-width: 720px;
            font-weight: bold;
            /*margin-bottom: 35px;*/
        }

        .promo .intro .summary {
            color: #6dbd63;
            font-size: 22px;
            max-width: 680px;
            text-shadow: 0 1px 1px rgb(218, 218, 218);
            margin-bottom: 0px;
        }

    .promo .fixed-container {
        position: absolute;
        z-index: 10;
        bottom: 0;
        width: 100%;
    }

    .promo .signup {
        background: rgba(0, 0, 0, 0.2);
        padding: 30px 0;
        padding-bottom: 45px;
        color: #fff;
    }

        .promo .signup .title {
            font-size: 18px;
            margin-top: 0;
            margin-bottom: 15px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6);
        }

        .promo .signup .summary {
            color: #fff;
            font-size: 16px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
        }

    .promo .social {
        background: #6dbd63;
        padding: 8px 0;
        -webkit-opacity: 0.8;
        -moz-opacity: 0.8;
        opacity: 0.8;
        color: #fff;
        font-size: 13px;
    }

        .promo .social .line {
            position: relative;
            top: -4px;
            display: inline-block;
            margin-right: 10px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
        }

        .promo .social .twitter-tweet {
            display: inline-block;
            position: relative;
            top: 2px;
        }

        .promo .social .fb-like {
            display: inline-block;
            position: relative;
            top: -2px;
        }
/* ======= Press Section ======= */
.press {
    background: #f5f5f5;
    padding: 30px 0;
}

    .press .press-item {
        vertical-align: middle;
        text-align: center;
    }

        .press .press-item.last {
            margin-right: 0;
        }

        .press .press-item a img {
            -webkit-opacity: 0.4;
            -moz-opacity: 0.4;
            opacity: 0.4;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
            max-width: 190px;
            margin: 0 auto;
        }

        .press .press-item a:hover img {
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }
/* ======= Why Section ======= */
.why {
    padding: 20px 0;
}

    .why .title {
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 15px;
        font-size: 28px;
    }

    .why .intro {
        font-size: 18px;
        line-height: 1.5;
        color: #999;
        margin-bottom: 30px;
    }

    .why .benefits {
        padding: 60px 0;
    }

        .why .benefits .item {
            position: relative;
            margin-bottom: 60px;
            -webkit-transition: all 0.4s ease-in-out;
            -moz-transition: all 0.4s ease-in-out;
            -ms-transition: all 0.4s ease-in-out;
            -o-transition: all 0.4s ease-in-out;
        }

            .why .benefits .item .title {
                margin-bottom: 15px;
                font-size: 18px;
                color: #6dbd63;
            }

            .why .benefits .item .desc {
                color: #666;
            }

            .why .benefits .item .icon {
                position: absolute;
                left: 0;
                top: 10px;
                width: 120px;
            }

                .why .benefits .item .icon .fa,
                .why .benefits .item .icon .pe-icon {
                    font-size: 58px;
                    color: #b3b3b3;
                    margin-top: 5px;
                }

                .why .benefits .item .icon .pe-icon {
                    font-size: 72px;
                }

            .why .benefits .item:hover .icon .fa,
            .why .benefits .item:hover .icon .pe-icon {
                color: #999;
            }

            .why .benefits .item.last {
                margin-bottom: 60px;
            }

            .why .benefits .item .content {
                padding-left: 120px;
            }

    .why .testimonials {
        padding: 60px 0;
    }

        .why .testimonials .item {
            margin-bottom: 60px;
        }

            .why .testimonials .item.last {
                margin-bottom: 0;
            }

            .why .testimonials .item .quote-box {
                background: #f5f5f5;
                padding: 30px;
                padding-bottom: 15px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
                -ms-border-radius: 4px;
                -o-border-radius: 4px;
                border-radius: 4px;
                -moz-background-clip: padding;
                -webkit-background-clip: padding-box;
                background-clip: padding-box;
                position: relative;
                margin-bottom: 30px;
            }

                .why .testimonials .item .quote-box .fa {
                    color: #9fd499;
                    font-size: 18px;
                    position: absolute;
                    right: 30px;
                    bottom: 30px;
                }

                .why .testimonials .item .quote-box:after {
                    content: "";
                    display: block;
                    width: 0;
                    height: 0;
                    border-left: 20px solid transparent;
                    border-right: 20px solid transparent;
                    border-top: 20px solid #f5f5f5;
                    position: absolute;
                    bottom: -20px;
                    margin-left: -20px;
                    left: 50%;
                }

            .why .testimonials .item .quote {
                border: none;
                padding: 0;
                font-size: 16px;
                color: #666;
                margin-bottom: 15px;
            }

            .why .testimonials .item .details {
                font-size: 13px;
            }

                .why .testimonials .item .details .name {
                    display: block;
                    font-weight: normal;
                    font-family: 'Montserrat', sans-serif;
                }

                .why .testimonials .item .details .title {
                    display: block;
                    color: #b3b3b3;
                    margin-bottom: 0;
                    font-weight: normal;
                    font-size: 13px;
                }

            .why .testimonials .item .people .user-pic {
                max-width: 122px;
                max-height: 122px;
            }

                .why .testimonials .item .people .user-pic,
                .why .testimonials .item .people .user-pic *,
                .why .testimonials .item .people .user-pic *:before,
                .why .testimonials .item .people .user-pic *:after {
                    -webkit-box-sizing: content-box;
                    -moz-box-sizing: content-box;
                    box-sizing: content-box;
                }
/* ======= Video Section ======= */
.video {
    padding: 80px 0;
    position: relative;
    background: #6dbd63;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 516px;
    color: #fff;
}

.homeHeader {
    min-height: 10px !important;
}


.video .title {
    color: #fff;
    font-size: 28px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    max-width: 720px;
    font-weight: bold;
    margin-bottom: 15px;
}

.video .summary {
    color: #fff;
    font-size: 18px;
    max-width: 360px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    margin-bottom: 15px;
}

.video .control {
    position: relative;
    top: -40px;
}

    .video .control .play-trigger {
        color: #fff;
        background: none;
        position: relative;
        width: 80px;
        height: 80px;
        border: 4px solid #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        display: table;
        margin: 0 auto;
        margin-bottom: 15px;
        -webkit-opacity: 0.7;
        -moz-opacity: 0.7;
        opacity: 0.7;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
    }

        .video .control .play-trigger:active,
        .video .control .play-trigger:focus {
            outline: none;
        }

        .video .control .play-trigger:hover {
            color: #fff;
            -webkit-opacity: 1;
            -moz-opacity: 1;
            opacity: 1;
        }

            .video .control .play-trigger:hover .fa {
                cursor: pointer;
                text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            }

        .video .control .play-trigger .fa {
            font-size: 32px;
            width: 80px;
            display: table-cell;
            text-align: center;
            vertical-align: middle;
            padding-left: 6px;
        }

    .video .control p {
        color: #fff;
    }
/* ======= FAQ Section ======= */
.faq {
    padding: 80px 0;
}

    .faq.has-bg-color {
        background: #f5f5f5;
    }

    .faq .title {
        margin-bottom: 60px;
        font-size: 28px;
    }

    .faq .card {
        background: #f0f0f0;
        border: none;
        margin-bottom: 20px;
    }

        .faq .card .card-header {
            padding: 15px 30px;
            background: #f0f0f0;
            border: none;
        }

        .faq .card .card-body {
            padding: 30px;
            padding-top: 0;
            color: #666;
        }

        .faq .card .card-title {
            font-weight: normal;
            font-size: 1rem;
            margin-bottom: 0;
        }

            .faq .card .card-title a {
                color: #666;
            }

            .faq .card .card-title .active {
                color: #408337;
            }

            .faq .card .card-title .card-toggle .fa {
                margin-right: 10px;
                color: #6dbd63;
                margin-right: 5px;
            }

    .faq .more {
        margin-top: 60px;
    }

        .faq .more .title {
            margin-bottom: 15px;
            color: #999;
            font-size: 16px;
            font-weight: normal;
        }
/* ======= Feature Promo Section ======= */
.features-promo {
    position: relative;
    background: #6dbd63 url('../images/background/tour-bg.jpg') no-repeat center bottom;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 500px;
}

    .features-promo .bg-mask {
        background: #6dbd63;
        -webkit-opacity: 0.9;
        -moz-opacity: 0.9;
        opacity: 0.9;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }

    .features-promo .features-intro {
        color: #fff;
        padding-top: 30px;
    }

        .features-promo .features-intro .title {
            color: #fff;
            font-size: 32px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
            max-width: 720px;
            font-weight: bold;
            margin-bottom: 30px;
            padding-top: 30px;
        }

        .features-promo .features-intro .features-list {
            font-size: 18px;
            text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
            margin-left: 0;
        }

            .features-promo .features-intro .features-list li {
                margin-bottom: 15px;
            }

                .features-promo .features-intro .features-list li .fa {
                    margin-right: 10px;
                    color: #408337;
                    text-shadow: none;
                }

    .features-promo .features-video {
        padding-top: 60px;
    }

.features {
    /*padding-top: 80px;*/
}

    .features .item {
        padding: 60px 0;
    }

        .features .item .title {
            font-size: 22px;
            color: #6dbd63;
            margin-top: 0;
        }

        .features .item .content p {
            font-size: 16px;
        }

    .features .figure img {
        -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    }
/* ======= Price Plan Section ======= */
.price-plan {
    padding: 80px 0;
}

    .price-plan .title {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .price-plan .intro {
        font-size: 18px;
        line-height: 1.5;
        color: #999;
        margin-bottom: 30px;
    }

    .price-plan .item .heading {
        background: #444;
        color: #fff;
        font-size: 22px;
        padding: 10px 0;
        -webkit-border-top-right-radius: 4px;
        -webkit-border-bottom-right-radius: 0;
        -webkit-border-bottom-left-radius: 0;
        -webkit-border-top-left-radius: 4px;
        -moz-border-radius-topright: 4px;
        -moz-border-radius-bottomright: 0;
        -moz-border-radius-bottomleft: 0;
        -moz-border-radius-topleft: 4px;
        border-top-right-radius: 4px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
        border-top-left-radius: 4px;
        -moz-background-clip: padding;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        margin-bottom: 0;
        text-transform: uppercase;
        position: relative;
    }

        .price-plan .item .heading .label {
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            background: #6dbd63;
            color: #fff;
            font-size: 12px;
            position: absolute;
            padding: 5px 10px;
            right: 15px;
            top: 10px;
        }

    .price-plan .item .content {
        background: #f5f5f5;
        padding: 30px;
    }

    .price-plan .item .price-figure .currency {
        font-size: 24px;
        position: relative;
        top: -25px;
    }

    .price-plan .item .price-figure .number {
        font-family: 'Montserrat', sans-serif;
        font-size: 60px;
    }

    .price-plan .item .price-figure .unit {
        font-size: 12px;
        color: #bfbfbf;
        text-transform: uppercase;
    }

    .price-plan .item .feature-list li {
        padding: 10px 0;
    }

    .price-plan .item .btn {
        font-weight: bold;
        font-size: 16px;
        width: 100%;
    }

        .price-plan .item .btn .extra {
            text-transform: none;
            color: #2e5f28;
            font-weight: normal;
            font-size: 12px;
            font-family: 'Lato', arial, sans-serif;
        }
/* ======= Blog Section ======= */
.blog {
    padding-top: 60px;
}

    .blog .title {
        margin-bottom: 30px;
        margin-top: 0;
        font-size: 28px;
    }

    .blog .post-thumb {
        margin-bottom: 15px;
    }

    .blog .meta {
        font-size: 13px;
        color: #999;
        margin-bottom: 15px;
    }

        .blog .meta li {
            margin-right: 0;
        }

        .blog .meta .post-author:before {
            content: "/";
            display: inline-block;
            padding-right: 10px;
        }

        .blog .meta .post-author a {
            color: #999;
        }

            .blog .meta .post-author a:hover {
                color: #6dbd63;
            }

        .blog .meta .post-comments-link {
            float: right;
        }

            .blog .meta .post-comments-link .fa {
                margin-right: 5px;
            }

.blog-sidebar .widget {
    margin-bottom: 60px;
}

    .blog-sidebar .widget .title {
        font-size: 22px;
        margin-bottom: 15px;
        margin-top: 0;
        font-weight: normal;
        color: #666;
    }

    .blog-sidebar .widget ul li {
        margin-bottom: 10px;
        font-size: 15px;
    }

        .blog-sidebar .widget ul li .count {
            color: #999;
        }

    .blog-sidebar .widget.recent-posts .date {
        color: #999;
        font-size: 12px;
    }

    .blog-sidebar .widget.social a .fa {
        font-size: 32px;
        color: #999;
    }

    .blog-sidebar .widget.social a:hover .fa {
        color: #6dbd63;
    }

.blog-sidebar .search-blog-form .form-control {
    height: 38px;
    max-width: 164px;
}

.blog-sidebar .search-blog-form .btn {
    padding: 6px 12px;
}

    .blog-sidebar .search-blog-form .btn .fa {
        margin-right: 0;
    }

.post {
    margin-bottom: 60px;
}

    .post .content .post-title {
        font-size: 22px;
    }

        .post .content .post-title a {
            color: #444;
        }

            .post .content .post-title a:hover {
                color: #377130;
            }

    .post .content .post-entry p {
        color: #666;
    }

    .post .content .post-entry .read-more .fa {
        margin-left: 5px;
        position: relative;
        top: 1px;
    }

.blog-entry .title {
    margin-bottom: 15px;
}

.blog-entry .meta {
    margin-bottom: 15px;
}

.blog-entry .post-thumb {
    margin-bottom: 30px;
}

.blog-entry .custom-list-style {
    margin-bottom: 30px;
}

    .blog-entry .custom-list-style li {
        list-style: none;
        margin-bottom: 5px;
    }

        .blog-entry .custom-list-style li .fa {
            margin-right: 5px;
            color: #6dbd63;
        }

.blog-entry p {
    margin-bottom: 30px;
    line-height: 1.5;
}

.blog-entry .post-nav {
    margin-bottom: 30px;
}

    .blog-entry .post-nav .nav-next {
        float: right;
    }

.custom-quote {
    border-color: #8fcc87;
    font-family: 'Montserrat', sans-serif;
    font-weight: normal;
    border-left: 3px solid #6dbd63;
    padding-left: 15px;
}

    .custom-quote p {
        color: #666;
        line-height: 1.6;
    }

    .custom-quote .fa {
        color: #6dbd63;
        margin-right: 10px;
    }

    .custom-quote .source {
        font-family: 'Lato', arial, sans-serif;
    }

        .custom-quote .source .name {
            color: #444;
        }

        .custom-quote .source .title {
            font-size: 13px;
            color: #999;
        }
/* ======= Contact ======= */
.contact-main {
    padding-top: 80px;
}

    .contact-main .title {
        margin-top: 0;
        margin-bottom: 30px;
        font-size: 28px;
    }

    .contact-main .intro {
        margin-bottom: 30px;
        color: #999;
    }

    .contact-main .item {
        margin-bottom: 60px;
    }

        .contact-main .item .title {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .contact-main .item .item-inner {
            margin: 30px;
            padding: 30px 10px;
            background: #f5f5f5;
            min-height: 300px;
            -webkit-border-radius: 4px;
            -moz-border-radius: 4px;
            -ms-border-radius: 4px;
            -o-border-radius: 4px;
            border-radius: 4px;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
        }

        .contact-main .item .icon {
            position: relative;
            width: 90px;
            height: 90px;
            border: 2px solid #6dbd63;
            background: #fff;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            -ms-border-radius: 50%;
            -o-border-radius: 50%;
            border-radius: 50%;
            -moz-background-clip: padding;
            -webkit-background-clip: padding-box;
            background-clip: padding-box;
            display: table;
            margin: 0 auto;
            -webkit-transition: -webkit-transform ease-out 0.2s, background 0.3s;
            -moz-transition: -moz-transform ease-out 0.2s, background 0.3s;
            transition: transform ease-out 0.2s, background 0.3s;
            margin-bottom: 30px;
        }

            .contact-main .item .icon:hover {
                background: #6dbd63;
                color: #fff;
            }

                .contact-main .item .icon:hover .fa,
                .contact-main .item .icon:hover .pe-icon {
                    color: #fff;
                    -webkit-transform: scale(0.93);
                    -moz-transform: scale(0.93);
                    -ms-transform: scale(0.93);
                    -o-transform: scale(0.93);
                }

            .contact-main .item .icon .fa,
            .contact-main .item .icon .pe-icon {
                color: #6dbd63;
                font-size: 48px;
                display: table-cell;
                text-align: center;
                vertical-align: middle;
            }

        .contact-main .item .details {
            font-size: 18px;
        }

            .contact-main .item .details p {
                margin-bottom: 5px;
            }

            .contact-main .item .details .day {
                font-size: 13px;
                color: #999;
            }

.contact-form-section {
    padding-bottom: 80px;
}

    .contact-form-section .title {
        margin-bottom: 15px;
        margin-top: 0;
        font-size: 18px;
    }

    .contact-form-section .intro {
        max-width: 600px;
        margin: 0 auto;
        margin-bottom: 30px;
        color: #666;
    }

    .contact-form-section .form-control {
        font-size: 16px;
        color: #999;
    }

.gmap-wrapper {
    position: relative;
    padding-bottom: 30%;
    height: 0;
    overflow: hidden;
}

    .gmap-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }
/* ======= 404 ======= */
.section-404 {
    padding-top: 80px;
    padding-bottom: 80px;
}

    .section-404 .title-404 {
        font-size: 70px;
    }

    .section-404 .intro {
        font-size: 20px;
        font-weight: bold;
    }

    .section-404 .guide {
        color: #666;
    }

    .section-404 .btn-back-home {
        margin-top: 30px;
    }
/* ======= Configure Style (REMOVE ON YOUR PRODUCTION SITE)  ======= */
.config-wrapper {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 20;
}

.config-wrapper-inner {
    position: relative;
}

.config-trigger {
    display: block;
    position: absolute;
    left: -36px;
    width: 36px;
    height: 36px;
    background: #2b2b2b;
    color: #fff;
    text-align: center;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .config-trigger:hover {
        background: #000;
    }

    .config-trigger .fa {
        font-size: 22px;
        padding-top: 8px;
        display: block;
        color: #fff;
    }

.config-panel {
    width: 190px;
    display: none;
    background: #2b2b2b;
    color: #fff;
    padding: 15px;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -moz-border-radius-bottomright: 0;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 0;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

    .config-panel h5 {
        margin-bottom: 15px;
        font-size: 1rem;
    }

    .config-panel #color-options {
        margin-bottom: 0px;
    }

        .config-panel #color-options li a {
            display: block;
            width: 20px;
            height: 20px;
            border: 2px solid transparent;
        }

            .config-panel #color-options li a:hover {
                -webkit-opacity: 0.9;
                -moz-opacity: 0.9;
                opacity: 0.9;
                border: 2px solid rgba(255, 255, 255, 0.8);
            }

        .config-panel #color-options li.active a {
            border: 2px solid #fff;
        }

        .config-panel #color-options li.theme-1 a {
            background: #6dbd63;
        }

        .config-panel #color-options li.theme-2 a {
            background-color: #28A5A8;
        }

        .config-panel #color-options li.theme-3 a {
            background-color: #0e83cd;
        }

        .config-panel #color-options li.theme-4 a {
            background-color: #eea303;
        }

        .config-panel #color-options li.theme-5 a {
            background-color: #34495e;
        }

        .config-panel #color-options li.theme-6 a {
            background-color: #47c9af;
        }

        .config-panel #color-options li.theme-7 a {
            background-color: #A06081;
        }

        .config-panel #color-options li.theme-8 a {
            background-color: #96a94b;
        }

        .config-panel #color-options li.theme-9 a {
            background-color: #f06060;
        }

        .config-panel #color-options li.theme-10 a {
            background-color: #737F97;
        }

    .config-panel .close {
        position: absolute;
        right: 5px;
        top: 5px;
        color: #fff;
    }

        .config-panel .close .fa {
            color: #fff;
        }
/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
    .dropdown-menu.show {
        position: static !important;
        transform: none !important;
    }

        .dropdown-menu.show a.dropdown-item {
            padding-left: 0 !important;
        }

    .navbar-nav {
        margin-top: 15px;
    }

    .nav-link {
        padding-top: 0.8rem;
        padding-bottom: 0.8rem;
    }

    .wrapper {
        min-height: inherit;
        margin-bottom: 0;
    }

        .wrapper:after {
            content: none;
        }

    .footer {
        height: auto;
        padding-bottom: 0;
    }

    .header h1.logo {
        float: left;
    }

    .modal.modal-video .modal-dialog,
    .modal.modal-login .modal-dialog,
    .modal.modal-signup .modal-dialog,
    .modal.modal-resetpass .modal-dialog {
        width: auto;
        margin-left: 10px;
        margin-right: 10px;
    }

    .fixed-top {
        position: static;
    }

    .promo .intro .title {
        font-size: 22px;
    }

    .promo .intro .summary {
        font-size: 18px;
    }

    .signup .signup-form .form-group {
        width: 180px;
    }

    .signup .signup-form .form-control {
        font-size: 13px;
    }

    .why .benefits .item .icon .fa,
    .why .benefits .item .icon .pe-icon {
        margin-bottom: 30px;
    }

    .why .benefits .item .title {
        text-align: center;
    }

    .why .benefits .item .content p {
        text-align: center;
        padding: 15px;
    }

    .why .testimonials .item {
        padding: 15px;
    }

    .press {
        padding-bottom: 0;
    }

    .press-item {
        margin-bottom: 30px;
    }

        .press-item a img {
            max-width: 120px;
        }

    .video {
        padding: 30px 0;
    }

        .video .control {
            position: static;
        }

    .footer-col {
        margin-bottom: 30px;
    }

    .footer .bottom-bar .copyright {
        margin-bottom: 15px;
    }

    .footer .bottom-bar .social li {
        float: left;
        margin-left: 0;
        margin-right: 10px;
    }

    .features-video {
        margin-bottom: 30px;
    }

    .features {
        padding: 30px 0;
    }

        .features .item {
            padding: 15px 0;
            margin-bottom: 0;
        }

            .features .item .content {
                padding: 30px;
            }

    .contact-main .item {
        margin-bottom: 15px;
    }

        .contact-main .item.last {
            margin-bottom: 60px;
        }

        .contact-main .item .item-inner {
            min-height: inherit;
        }

    .header .main-nav .nav .dropdown-menu:before {
        display: none;
    }

    .header .main-nav .nav .dropdown-menu {
        border: none;
    }

    .header h1.logo {
        float: none;
        text-align: left;
    }

    .why .benefits .item .icon {
        position: static;
        width: auto;
    }

    .why .benefits .item .content {
        padding-left: 0;
    }
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .wrapper {
        min-height: inherit;
        margin-bottom: 0;
    }

        .wrapper:after {
            content: none;
        }

    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: 0.5rem;
        padding-right: 0.5rem;
    }

    .footer {
        height: auto;
        padding-bottom: 0;
    }

        .footer .bottom-bar .social li {
            float: right;
        }

    .footer-col-inner {
        margin-bottom: 15px;
    }

    .header h1.logo {
        float: none;
        text-align: center;
    }

    .main-nav .navbar-collapse {
        float: none;
        text-align: center;
    }

        .main-nav .navbar-collapse .nav {
            margin: 0 auto;
            float: none;
        }

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

    .why .benefits .item .icon .fa,
    .why .benefits .item .icon .pe-icon {
        margin-bottom: 30px;
    }

    .why .benefits .item {
        padding: 15px;
    }

    .why .testimonials .item {
        padding: 15px;
    }

    .press {
        padding-bottom: 0;
    }

    .press-item {
        margin-bottom: 30px;
    }

        .press-item a img {
            max-width: 140px;
        }

    .price-plan .item .heading .label {
        padding: 5px;
        right: 10px;
        font-size: 11px;
    }

    .contact-main .item {
        margin-bottom: 15px;
    }

        .contact-main .item.last {
            margin-bottom: 60px;
        }

        .contact-main .item .item-inner {
            min-height: inherit;
        }

    .video .summary {
        max-width: 320px;
    }

    .navbar {
        padding: 0;
    }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .navbar-expand-md .navbar-nav .nav-link {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .fixed-top {
        top: 0;
    }

    .header h1.logo {
        text-align: left;
        float: left;
    }

    .main-nav .navbar-collapse {
        text-align: left;
    }

        .main-nav .navbar-collapse .nav {
            margin: inherit;
            float: left;
        }

    .press {
        padding-bottom: 30px;
    }

    .press-item {
        margin-bottom: 0;
    }

        .press-item a img {
            max-width: 160px;
        }

    .price-plan .item .heading .label {
        padding: 5px 10px;
        right: 15px;
        font-size: 12px;
    }

    .contact-main .item {
        margin-bottom: 30px;
    }

        .contact-main .item .item-inner {
            min-height: 300px;
        }

    .video .summary {
        max-width: 360px;
    }
    /* Sticky Footer */
    html,
    body {
        height: 100%;
    }

    .wrapper {
        min-height: 100%;
        margin-bottom: -296px;
        /* equal to footer height */
    }

        .wrapper:after {
            content: "";
            display: block;
            height: 296px;
            /* must be the same height as footer */
        }

    .footer {
        height: 296px;
        /* must be the same height as footer */
    }
}
/* Large devices (large desktops, 1200px and up) */
/*# sourceMappingURL=styles.css.map */


.actionButtons {
    margin-top: 50px;
    margin-bottom: 50px;
}

section.article h2, section.article h3 {
    margin-top: 60px;
    color: #6dbd63;
}

section.article h3 {
    font-weight: normal;
    letter-spacing: -1px;
}

section.article img {
    margin-bottom: 30px;
    max-width: 100%;
}

section.article iframe {
    margin-bottom: 20px;
    max-width: 100%;
}

pre {
    white-space: pre-wrap; /* Since CSS 2.1 */
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    word-wrap: break-word; /* Internet Explorer 5.5+ */
    border:1px solid #bbbbbb;
    padding:20px;
}

h3.card-title a {
    font-weight: bold
}

.sectionH2 {
    color: #6dbd63
}

.centerH2 {
    text-align: center !important;
    max-width: 65% !important;
    margin: 0 auto;
}

.homeH1 {
    text-align: center;
    font-weight: lighter
}

.homeFeatures {
    padding: 0 0 50px !important;
}

.buttonSection {
    padding: 0 0 50px !important;
}

.featureRow {
    padding: 60px 0 20px !important;
}

.homeButtons {
    margin: 0;
}

.container iframe {
    max-width: 100%;
}


@media (max-width: 991px) {
    a.btn-cta-primary, .btn-cta-primary {
        font-size: 85%;
    }
}

.unlinkedURL {
    color: blue;
}

h3 {
    padding-top: 60px !important;
}