body {
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #333;
    font-size: 14px;
    line-height: 20px;
}

h1 {
    margin-top: 0;
    margin-bottom: 0;
    float: none;
    clear: none;
    font-family: Raleway, sans-serif;
    font-size: 27px;
    line-height: 27px;
    font-weight: 300;
    text-align: left;
}

h2 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 36px;
    font-weight: 700;
}

h3 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 30px;
    font-weight: 700;
}

h4 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
}

h5 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
}

h6 {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700;
}

p {
    margin-top: 0px;
    margin-bottom: 7px;
    font-family: Raleway, sans-serif;
    color: #818590;
    font-size: 15px;
    line-height: 22px;
   
}

.button {
    display: inline-block;
    height: 40px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    padding: 10px 20px;
    float: none;
    border-radius: 25px;
    background-color: #;
    font-family: Montserrat, sans-serif;
    color: white;
    font-size: 12px;
    font-weight: 400;
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    list-style-type: disc;
}

    .button:hover {
        background: # !important;
        opacity: 0.8;
    }

    .button.outline {
        padding-top: 7px;
        padding-bottom: 7px;
        border: 3px solid white;
        background-color: transparent;
    }

        .button.outline:hover {
            border-color: white;
            background-color: transparent;
            opacity: 0.7;
            color: white;
        }

        .button.outline.left {
            margin-top: 0px;
            float: left;
        }

    .button.features {
        margin-right: 0px;
        padding-top: 9px;
        padding-bottom: 9px;
        background-color: #;
        -webkit-transition: background-color 750ms ease-in;
        transition: background-color 750ms ease-in;
    }

        .button.features:hover {
            opacity: 0.7;
        }

        .button.features.w--current {
            -webkit-transition: background-color 200ms ease-in;
            transition: background-color 200ms ease-in;
        }

    .button.dark-blue {
        opacity: 0.7;
        -webkit-transition: background-color 750ms ease-in;
        transition: background-color 750ms ease-in;
    }

        .button.dark-blue:hover {
            opacity: 0.7;
        }

        .button.dark-blue.hire-us {
            display: block;
            margin-right: auto;
            margin-left: auto;
            -webkit-transition: background-color 200ms ease-in;
            transition: background-color 200ms ease-in;
        }

    .button.get-a-quote {
        margin-top: 0px;
        margin-bottom: 0px;
        -webkit-transition: background-color 750ms ease-in;
        transition: background-color 750ms ease-in;
    }

    .button.submit {
        margin-bottom: 0px;
        -webkit-transition: background-color 750ms ease-in;
        transition: background-color 750ms ease-in;
    }

    .button.side-bar {
        margin-top: 8px;
        float: left;
        -webkit-transition: background-color 750ms ease-in;
        transition: background-color 750ms ease-in;
    }

    .button.portfolio {
        margin-top: 4px;
    }

    .button.facebook {
        width: 227px;
        margin-right: 25px;
        padding-top: 11px;
        padding-bottom: 0px;
        border-radius: 5px;
        background-color: #3b5999;
        -webkit-transition: background-color 200ms ease-in;
        transition: background-color 200ms ease-in;
    }

        .button.facebook:hover {
           opacity: 0.7;
        }

        .button.facebook.left {
            float: left;
        }

    .button.twitter {
        width: 227px;
        margin-right: 25px;
        float: none;
        border-radius: 5px;
        background-color: #55acee;
        -webkit-transition: background-color 200ms ease-in;
        transition: background-color 200ms ease-in;
    }

        .button.twitter:hover {
            opacity: 0.7;
        }

    .button.right {
        float: right;
    }

    .button.change-link-button {
        margin-top: 10px;
        float: left;
    }

    .button.outline-button {
        padding-top: 7px;
        float: none;
        border: 3px solid #;
        background-color: white;
        color: #;
    }

        .button.outline-button.outline-button-right {
            margin-right: 12px;
            float: right;
        }

        .button.outline-button.overview-button {
            margin-top: 0px;
            border-color: white;
            background-color: transparent;
            color: white;
        }

            .button.outline-button.overview-button:hover {
                background-color: white;
                color: #;
            }

    .button.small-button {
        width: 120px;
        height: 30px;
        padding-top: 9px;
        padding-bottom: 5px;
        line-height: 10px;
        text-indent: 1px;
    }

        .button.small-button.list-button {
            display: block;
            width: auto;
            margin-top: 13px;
            margin-right: 10px;
            padding-top: 7px;
            float: right;
        }

        .button.small-button.nowidth {
            width: auto;
            margin-left: 0px;
            padding-right: 15px;
            padding-left: 15px;
        }

    .button.large {
        width: 300px !important;
        margin-left: 0px;
        float: left;
        text-align: center;
    }

        .button.large.template-button {
            float: none;
            text-align: center;
            margin: 40px 0 20px 0;
        }

        .button.large.centered {
            float: none;
        }

    .button.medium {
        width: 200px;
        float: none;
        clear: none;
        text-align: center;
    }

        .button.medium:hover {
            border-color: #;
            background-color: #;
            -webkit-transition-duration: 150ms;
            transition-duration: 150ms;
            color: white;
        }

        .button.medium.gray {
            background-color: #6e6e6e;
        }

        .button.medium.left-button {
            margin-left: 0px;
            float: left;
        }

        .button.medium.red {
            border-color: #e02727;
            background-color: #e02727;
            color: white;
        }

        .button.medium.right {
            margin-right: 0px;
            float: right;
        }

    .button.tablebutton {
        height: 30px;
        margin-right: 0px;
        margin-left: 5px;
        padding-top: 5px;
        padding-right: 10px;
        padding-left: 10px;
        float: none;
        border-radius: 6px;
    }

    .button.massive, .button.massive:focus, .button.massive:hover {
        display: block;
        width: 400px;
        height: 60px;
        margin-right: auto;
        margin-left: auto;
        padding-top: 20px;
        padding-right: 60px;
        padding-left: 60px;
        border-radius: 35px;
        background-color: #0070a1;
        font-size: 22px;
        line-height: 22px;
        text-align: center;
        color: white;
    }


    .button.big, .button.big:focus, .button.big:hover {
        display: block;
        width: 300px;
        height: 60px;
        padding-top: 20px;
        padding-right: 30px;
        padding-left: 30px;
        border-radius: 35px;
       opacity: 0.7;
        font-size: 20px;
        line-height: 22px;
        text-align: center;
        color: white;
        margin-left: 0;
    }

    .button.popupbutton {
        margin: 13px 10px 0px;
    }

    .button.formsubmit {
        margin-right: 0px;
        margin-bottom: 0px;
        float: right;
        text-align: right;
    }

        .button.formsubmit.red {
            background-color: #e02727;
        }

    .button.leftbutton {
        /*margin-left: -10px;*/
        float: left;
    }

.content-section {
    position: static;
    display: block;
    padding-top: 165px;
    padding-bottom: 0px;
    background-color: white;
    font-weight: 400;
}

    .content-section.blue {
        overflow-x: hidden;
        overflow-y: hidden;
        height: auto;
        padding-top: 100px;
        padding-bottom: 100px;
        background-color: #;
    }

        .content-section.blue.portfolio {
            height: 100%;
        }

        .content-section.blue.footersection {
            padding-top: 0px;
        }

    .content-section.big-screen-shot {
        position: relative;
        overflow-x: hidden;
        overflow-y: hidden;
        height: 500px;
        background-image: url('../images/IMG_4558 (1).jpg');
        background-position: 0% 52%;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .content-section.case-study {
        padding: 25px 10px 100px;
    }

    .content-section.more-projects {
        margin-top: 0px;
        padding-top: 60px;
        padding-bottom: 20px;
        background-color: whitesmoke;
        text-align: center;
    }

    .content-section.moreinfo {
        padding-top: 0px;
    }

    .content-section.nomenucontent {
        margin-top: 20px;
        padding-top: 0px;
    }

.hero-section {
    position: relative;
    z-index: 4;
    height: auto;
    margin-top: 0px;
    background-image: url('../images/bg-hd.jpg');
    background-size: 56px;
    background-repeat: repeat-x;
    text-align: center;
}

.slider {
    height: 700px;
}

.slide-1 {
    overflow-x: hidden;
    overflow-y: hidden;
    background-color: transparent;
    background-image: url('../images/bg-hd.jpg');
    background-size: 56px;
    background-repeat: repeat-x;
}

.title {
    display: none;
    margin-top: 4px;
    font-family: Montserrat, sans-serif;
    color: #;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

    .title.white {
        position: relative;
        margin-top: 4px;
        color: white;
        font-weight: 400;
    }

        .title.white.company {
            float: left;
        }

        .title.white.social-button {
            display: block;
            margin-top: 0px;
        }

        .title.white.tags {
            margin-top: 0px;
        }

    .title.title-in-video-box {
        color: white;
        text-align: justify;
    }

    .title.title-in-mini-features {
        position: relative;
        left: 40px;
        top: -23px;
        margin-top: 0px;
        float: left;
        clear: both;
        text-align: left;
    }

        .title.title-in-mini-features.extended-box {
            left: 52px;
        }

    .title.portfolio {
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .title.member {
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .title.side-menu-bar {
        margin-top: 0px;
        margin-bottom: 13px;
        padding-bottom: 0px;
    }

    .title.why-us {
        margin-top: 14px;
    }

.h1 {
    display: block;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: auto;
    font-family: Raleway, sans-serif;
    color: white;
    font-size: 45px;
    line-height: 50px;
    font-weight: 200;
}

.sub-heading {
    display: block;
    margin-right: auto;
    margin-bottom: 40px;
    margin-left: auto;
    padding-right: 30px;
    padding-left: 30px;
    font-family: Raleway, sans-serif;
    color: white;
    font-size: 22px;
    line-height: 45px;
    font-weight: 100;
}

    .sub-heading.dark {
        margin-top: 0px;
        margin-bottom: 0px;
        float: none;
        clear: none;
        color: #525252;
        line-height: 22px;
        text-align: center;
    }

        .sub-heading.dark.showmeshow {
            font-family: Raleway, sans-serif;
        }

        .sub-heading.dark.spacing {
            margin-bottom: 40px;
        }

.h1-light-text {
    font-family: Raleway, sans-serif;
    font-size: 45px;
    line-height: 54px;
    font-weight: 300;
}

.left-arrow.testimonials {
    margin-left: -70px;
}

.right-arrow.testimonials {
    margin-right: -70px;
}

.brand {
    left: 0px;
    margin-top: 7px;
    padding-top: 0px;
    padding-bottom: 15px;
    float: left;
}

    .brand.w--current {
        padding-top: 0px;
        padding-bottom: 0px;
    }

.menu-link {
    height: 67px;
    margin-left: 33px;
    padding-top: 17px;
    padding-right: 0px;
    padding-left: 3px;
    -webkit-transition: all 250ms ease-in;
    transition: all 250ms ease-in;
    font-family: Montserrat, sans-serif;
    color: #454545;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
}

    .menu-link:hover {
        border-bottom-style: solid;
        border-bottom-color: #;
    }

    .menu-link.w--current {
        border-bottom-style: solid;
        border-bottom-color: #;
        color: #;
    }

.contact-us-block {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 4;
    width: 85px;
    height: 110px;
    padding: 29px;
    background-color: #f4f4f4;
    background-image: url('../images/mail-icon.svg');
    background-position: 50% 50%;
    background-size: 25px;
    background-repeat: no-repeat;
    box-shadow: none;
    font-weight: 400;
}

    .contact-us-block.fixed {
        height: 80px;
        box-shadow: none;
    }

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

    .content-wrapper.slide-1-hero {
        margin-top: 20px;
    }

    .content-wrapper.slide-2 {
        margin-top: 270px;
    }

    .content-wrapper.welcome-page-wrapper {
        margin-bottom: 0px;
    }

.numering {
    position: static;
    margin-bottom: -19px;
    font-family: Montserrat, sans-serif;
    color: #f4f4f4;
    font-size: 181px;
    font-weight: 400;
}

    .numering.blue {
        position: relative;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin-bottom: -19px;
        color: #;
    }

    .numering._03 {
        margin-bottom: -19px;
    }

    .numering.feature {
        margin-bottom: 0px;
        font-size: 50px;
        text-align: left;
        list-style-type: none;
    }

.h2 {
    margin-top: 10px;
    margin-bottom: 25px;
    float: none;
    font-family: Raleway, sans-serif;
    color: #454545;
    font-size: 44px;
    line-height: 50px;
}

    .h2.white {
        position: relative;
        left: 0px;
        right: 0px;
        bottom: 0px;
        margin-top: 10px;
        margin-bottom: 20px;
        color: white;
        font-size: 44px;
    }

    .h2.why-us {
        margin-top: 5px;
        margin-bottom: 8px;
        font-size: 44px;
    }

        .h2.why-us.everyones {
            font-size: 44px;
        }

    .h2.case-study {
        margin-top: -7px;
        margin-bottom: 53px;
        color: white;
    }

.h2-light-text {
    font-size: 44px;
    font-weight: 300;
}

    .h2-light-text.titlesectiontext {
        float: right;
        text-align: right;
    }

.feature-box {
    position: relative;
    width: 100%;
    height: auto;
    margin-top: 50px;
    margin-bottom: 0px;
    padding-bottom: 70px;
    background-image: url('../images/cloud.png');
    background-position: 50% 0px;
    background-repeat: no-repeat;
    line-height: 25px;
    text-align: center;
}

    .feature-box.heart {
        background-image: url('../images/heart.png');
    }

    .feature-box.browser-icon {
        position: relative;
        background-image: url('../images/browser.png');
    }

.icon-bg {
    height: 125px;
    margin-bottom: 20px;
    background-image: url('../images/circle.png');
    background-position: 50% 0px;
    background-size: 120px;
    background-repeat: no-repeat;
    text-align: center;
}

.h3 {
    font-family: Raleway, sans-serif;
    color: #454545;
    font-size: 20px;
    text-align: left;
}

    .h3.our-services {
        width: 100%;
        margin-top: 0px;
    }

    .h3.h3-features {
        font-family: Raleway, sans-serif;
        line-height: 25px;
        font-weight: 200;
        text-align: center;
    }

    .h3.centered {
        margin-top: 0px;
        text-align: center;
    }

    .h3.float-left {
        float: left;
    }

        .h3.float-left.percentage {
            float: right;
            font-family: Montserrat, sans-serif;
            color: #e0e0e0;
            font-size: 13px;
            font-weight: 700;
        }

    .h3.case-study {
        margin-top: 10px;
    }

    .h3.other-projects {
        margin-top: 10px;
        text-align: center;
    }

.h3-light-text {
    font-weight: 300;
}

.how-we-work-column {
    text-align: left;
}

.white {
    color: white;
}

    .white.testimonial {
        margin-top: 16px;
        font-family: Raleway, sans-serif;
        font-size: 15px;
        font-weight: 700;
    }

        .white.testimonial.light-text {
            margin-top: 16px;
            padding-top: 0px;
            float: none;
            font-weight: 700;
        }

.paragraph-white {
    display: inline-block;
    float: left;
    color: white;
    line-height: 24px;
    text-align: justify;
}

    .paragraph-white.centered {
        padding-right: 21px;
        padding-left: 21px;
        float: none;
        text-align: center;
    }

.know-more-box {
    position: relative;
    width: 100%;
    height: auto;
    min-width: 0px;
    margin-top: 30px;
    padding-top: 40px;
    padding-bottom: 0px;
    float: left;
    background-image: url('../images/top-dot.jpg'), url('../images/');
    background-position: 50% 0px, 50% 100%;
    background-repeat: repeat-x, repeat-x;
}

    .know-more-box.video-box {
        padding-top: 25px;
    }

.play-button {
    position: relative;
    left: 30%;
    top: -79%;
    bottom: 125px;
    opacity: 0.76;
    -webkit-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
}

    .play-button:hover {
        opacity: 1;
    }

.link {
    display: block;
    margin-top: 5px;
    float: left;
    font-family: Montserrat, sans-serif;
    color: white;
    font-size: 14px;
    text-decoration: none;
}

    .link:hover {
        color: #;
    }

    .link.whatisitlink {
        color: #;
        text-transform: none;
        cursor: help;
    }

.mini-arrow {
    position: relative;
    left: 10px;
    top: 6px;
    float: left;
    background-color: transparent;
}

.title-link {
    float: left;
    font-family: Montserrat, sans-serif;
    color: white;
    font-size: 13px;
}

    .title-link.blue {
        color: #;
    }

.mini-features-container {
    position: relative;
    top: 39px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.mini-features {
    position: relative;
    display: block;
    width: 100%;
    height: 80px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 0px;
    padding-left: 5px;
    border: 1px solid #e7e7e7;
    border-radius: 45px;
    background-color: white;
    text-align: center;
    list-style-type: disc;
}

    .mini-features.action-button-bar {
        margin-top: 20px;
        margin-bottom: 24px;
        padding-left: 0px;
        background-color: whitesmoke;
    }

.mini-features-block {
    position: relative;
    width: 100%;
    height: 61px;
    margin-top: 13px;
    margin-right: 0px;
    padding-left: 10px;
    float: left;
    clear: none;
}

    .mini-features-block.action-button-block {
        padding-left: 0px;
    }

.mini-features-icon {
    width: 25px;
    margin-right: 5px;
    float: left;
}

.h4 {
    float: left;
    clear: none;
    font-family: Raleway, sans-serif;
    color: #454545;
    font-size: 15px;
    text-align: left;
    list-style-type: disc;
}

    .h4.wizardstepstext {
        display: block;
        font-size: 15px;
    }

    .h4.current {
        color: #;
    }

.h4-light-text {
    float: none;
    clear: none;
    font-weight: 300;
}

.paragraph-dark-text {
    padding-left: 0px;
    line-height: 24px;
}

    .paragraph-dark-text.skills {
        text-align: justify;
    }

    .paragraph-dark-text.testimonials {
        padding-right: 0px;
        font-family: Raleway, sans-serif;
        font-size: 13px;
        line-height: 20px;
        text-align: center;
    }

    .paragraph-dark-text.case-study {
        font-weight: 400;
        text-align: left;
    }

.laptop {
    max-width: 2000px;
    margin-top: 150px;
    float: right;
}

.features-icon {
    padding-top: 16px;
}

.browser {
    max-width: 2000px;
}

.paragraph-white-text {
    color: white;
    line-height: 24px;
    text-align: justify;
}

.featured-desings-test {
    width: 265px;
    margin-right: 10px;
    float: left;
}

.portfolio-sample {
    width: 30.33%;
    margin-top: 45px;
    margin-right: 14px;
    margin-left: 14px;
    float: left;
}

    .portfolio-sample.more-projects {
        position: relative;
        width: 100%;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 10px;
        padding-bottom: 20px;
        background-color: white;
    }

.subtitle {
    font-family: Raleway, sans-serif;
    color: #616161;
    font-weight: 400;
}

.sample-content {
    width: 220px;
    padding-right: 8px;
    padding-left: 12px;
    font-family: Raleway, sans-serif;
    color: #616161;
    font-size: 15px;
    text-align: left;
}

    .sample-content.main-page {
        position: static;
        width: 100%;
        float: none;
    }

.portfolio-link {
    text-decoration: none;
}

.portfolio-works {
    margin-top: 70px;
    margin-bottom: 55px;
    text-align: left;
}

.team-member {
    position: relative;
    width: 30%;
    margin-top: 30px;
    margin-right: 15px;
    margin-left: 15px;
    padding-bottom: 60px;
    float: left;
    background-color: white;
    text-align: center;
}

.team-profiles {
    margin-top: 60px;
    margin-bottom: 55px;
    text-align: center;
}

.social-icons {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 57px;
    padding-top: 17px;
    padding-bottom: 17px;
    border-top: 1px solid #eaeaea;
}

.social-icon {
    position: relative;
    margin-right: 10px;
    float: left;
}

.team-member-description {
    margin-bottom: 33px;
    padding-right: 13px;
    padding-left: 13px;
    line-height: 23px;
}

.skills-container {
    margin-top: 102px;
}

.icon-holder {
    width: 67px;
    height: 67px;
    margin-top: 23px;
    margin-right: 22px;
    margin-bottom: 94px;
    padding-top: 17px;
    padding-bottom: 17px;
    float: left;
    border-radius: 50%;
    background-color: #;
}

.skills-box {
    width: 95%;
    padding-top: 18px;
    padding-bottom: 18px;
}

    .skills-box.top-and-bottom-dividers {
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
    }

.featured-skills-column {
    border-right: 1px solid #e7e7e7;
}

.bar {
    width: 100%;
    height: 18px;
    border-right: 1px none #f4f4f4;
    border-radius: 25px;
    background-color: #f4f4f4;
}

    .bar.blue {
        position: relative;
        top: -18px;
        width: 100%;
        background-color: #;
    }

        .bar.blue.branding {
            width: 90%;
        }

        .bar.blue.illustration {
            width: 80%;
        }

        .bar.blue.photography {
            width: 85%;
        }

        .bar.blue.art-direction {
            width: 85%;
        }

.skills-column-right {
    padding-right: 0px;
    padding-left: 37px;
}

.skill-percentage-container {
    height: auto;
}

.testimonials-slider {
    height: auto;
    margin-top: 71px;
    padding-bottom: 70px;
    clear: none;
    background-color: #;
}

.text-bubble {
    position: relative;
    width: 100%;
    padding: 16px 21px;
    border-radius: 10px;
    background-color: white;
}

.testimonial-person {
    margin-top: 28px;
    float: none;
}

.testimonial-picture {
    margin-right: 14px;
    float: left;
    border: 4px solid #e7e7e7;
    border-radius: 50%;
    background-color: #e7e7e7;
}

.light-text {
    font-family: Raleway, sans-serif;
    font-weight: 300;
}

.testimonial {
    width: 95%;
    margin-right: 0px;
    padding-top: 39px;
    padding-right: 0px;
    padding-left: 23px;
    float: none;
    text-align: left;
}

.tip {
    position: absolute;
    left: 20px;
    right: 0px;
    bottom: -11px;
}

.quotes {
    position: absolute;
    left: -27px;
    top: -17px;
}

.testimonial-wrapper {
    position: relative;
    width: 33.33%;
    float: left;
}

.image {
    position: relative;
    left: -26px;
    top: -28px;
    float: left;
}

    .image.back {
        position: relative;
        left: -28px;
        top: 29px;
        margin-right: 15px;
        float: left;
    }

        .image.back.featured-design {
            left: -10px;
            top: -10px;
            margin-right: 0px;
        }

    .image.front {
        position: absolute;
        left: 10px;
        top: -13px;
    }

        .image.front.featured-design {
            left: 52px;
            top: 14px;
        }

    .image.back {
        left: -20px;
        top: 14px;
    }

.contact-info {
    width: 100%;
    height: 40px;
    padding-top: 10px;
    float: left;
}

    .contact-info.side-bar {
        height: 5%;
        margin-bottom: 14px;
        padding-top: 6px;
    }

        .contact-info.side-bar.top-divider {
            width: 100%;
            height: 48px;
            margin-bottom: 0px;
            padding-top: 14px;
            border-top: 1px solid #e7e7e7;
            border-bottom-style: none;
            border-bottom-width: 0px;
        }

    .contact-info.top-divider {
        width: 100%;
        height: 40px;
        float: left;
        border-top: 1px solid #f4f6f5;
    }

.contact-text {
    padding-left: 30px;
    float: left;
    background-image: url('../images/pin.png');
    background-position: 0px 50%;
    background-size: 16px;
    background-repeat: no-repeat;
    font-family: Montserrat, sans-serif;
    color: #818590;
}

    .contact-text.phone {
        background-image: url('../images/phone-icon.png');
        background-size: 18px;
    }

    .contact-text.address {
        background-size: 16px;
        font-family: Raleway, sans-serif;
        font-size: 100%;
        font-weight: 500;
    }

    .contact-text.pin {
        background-size: 16px;
    }

    .contact-text.email {
        background-image: url('../images/Blue-email-icon.png');
        background-size: 18px;
    }

.contact-us-wrapper {
    margin-top: 80px;
    padding: 33px 31px 25px;
    border-top-style: none;
    border-radius: 5px;
    background-color: white;
}

.input-box {
    position: relative;
    width: 100%;
    height: 40px !important;
    float: none;
    border: 1px solid #aaa !important;
    border-radius: 3px !important;
    background-color: white !important;
    font-family: Raleway, sans-serif;
}

    .input-box:focus {
        border-color: # # # rgba(1, 154, 222, 0.4);
        border-bottom-width: 1px;
        box-shadow: rgba(105, 105, 105, 0.09) 0px 1px 16px 1px inset;
    }

    .input-box.message {
        height: 110px;
    }

        .input-box.message.side-bar {
            height: 100px;
            margin-top: 10px;
            padding-top: 15px;
            padding-bottom: 0px;
        }

        .input-box.message.big-form {
            padding-top: 18px;
        }

    .input-box.side-menu-bar {
        height: 49px;
        margin-top: 11px;
        margin-bottom: 17px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .input-box.input-box-link {
        width: 250px;
        float: right;
        clear: right;
        text-align: right;
    }

    .input-box.date-picker {
        width: 100%;
    }

    .input-box.input-small {
        width: 40%;
    }

        .input-box.input-small.input-right {
            position: static;
            left: 0px;
            right: 0px;
            bottom: 0px;
            width: 300px;
            /*margin-right: -10px;*/
            margin-bottom: auto;
            float: none;
        }

            .input-box.input-small.input-right.guest-list-search {
                margin-right: 0px;
                float: right;
            }

    .textarea{
    height: 100px !important;
}

    .input-box.additionalinfo {
        position: static;
        height: 100px;
    }

    .input-box.textarea {
        height: 185px;
    }

        .input-box.textarea.smaller {
            height: 100px;
        }

.field-name {
    margin-left: 10px;
    float: left;
    clear: none;
    font-family: Raleway, sans-serif;
    color: #818590;
    font-weight: 500;
    text-align: left;
}

    .field-name.field-name-right {
        margin-right: 10px;
        float: right;
        clear: none;
    }

    .field-name.template-field {
        margin-bottom: 0px;
        margin-left: 0px;
        padding-top: 10px;
        padding-bottom: 10px;
        float: none;
        color: #454545;
        font-weight: 600;
        text-align: center;
    }

        .field-name.template-field.template-field-sub {
            margin-left: 26px;
            padding-top: 7px;
            padding-bottom: 3px;
            float: left;
            color: #9c9c9c;
            font-size: 12px;
            font-style: italic;
            font-weight: 300;
        }

    .field-name.template-label {
        padding-right: 10px;
        float: right;
    }

        .field-name.template-label.left {
            float: left;
        }

.row {
    margin-bottom: 16px;
}

.column {
    padding-right: 12px;
    padding-left: 12px;
}

.footer-wrapper {
    text-align: center;
}

.footer {
    padding-top: 35px;
    padding-bottom: 30px;
}

.footer-alt {
    padding-top: 35px;
    padding-bottom: 30px;
}

.footer-text {
    font-family: Montserrat, sans-serif;
    color: #818590;
    font-size: 11px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.contact-link {
    font-family: Raleway, sans-serif;
    color: #818590;
    font-size: 100%;
    font-weight: 500;
    text-decoration: none;
}

.icon {
    margin-bottom: 20px;
    margin-left: 30px;
    float: right;
}

    .icon.floated-right {
        margin: 10px 30px 43px 0px;
        float: left;
    }

.services-block {
    margin-bottom: 19px;
    padding-top: 20px;
    padding-bottom: 0px;
    text-align: left;
}

    .services-block.top-and-bottom-dividers {
        padding-top: 35px;
        padding-bottom: 0px;
        border-top: 1px solid #e7e7e7;
        border-bottom: 1px solid #e7e7e7;
    }

.our-services {
    text-align: justify;
}

.our-services-heading-block {
    padding-left: 0%;
    text-align: left;
}

.fixed-nav-bar {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 80px;
    padding-top: 13px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px 1px;
}

.nav-bar {
    position: relative;
    z-index: 1000;
    overflow-x: visible;
    overflow-y: visible;
    width: 100%;
    height: 80px;
    padding-top: 13px;
    background-color: white;
}

.fixed-nav-bar {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 80px;
    padding-top: 13px;
    background-color: white;
}

.nav-menu-mobile {
    position: relative;
    z-index: 1001;
    height: 110px;
    padding-top: 14px;
}

    .nav-menu-mobile.fixed {
        padding-top: 0px;
        height: 0;
    }

.side-menu {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 2000;
    display: none;
    overflow-x: visible;
    overflow-y: visible;
    width: 25%;
    height: 100%;
    padding-top: 30px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.29) -1px 0px 10px 0px;
}

.side-menu-bar {
    margin-bottom: 0px;
    padding-bottom: 20px;
}

    .side-menu-bar.welcome-text {
        margin-bottom: 20px;
        padding-bottom: 13px;
        border-bottom: 1px solid #e7e7e7;
    }

.close-button {
    position: absolute;
    top: 15px;
    right: 21px;
}

.bg-social-icon {
    position: relative;
    left: 0px;
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 11px;
    float: left;
    border-radius: 50%;
    background-color: #;
    -webkit-transition: background-color 200ms ease;
    transition: background-color 200ms ease;
}

    .bg-social-icon:hover {
       opacity: 0.7;
    }

.social-icons-wrapper {
    position: relative;
    top: 52px;
    width: 100%;
    margin-top: -37px;
    float: left;
}

.front {
    position: absolute;
    top: -6px;
    right: 5%;
    display: block;
}

.left-column {
    text-align: left;
}

.screenshot-perspective-3 {
    position: absolute;
    left: 8px;
    top: 281px;
    max-width: 2000px;
    float: left;
}

.screenshot-perspective-2 {
    position: absolute;
    left: 10px;
    top: 91px;
    max-width: 2000px;
}

.screenshot-perspective-1 {
    position: absolute;
    left: 5px;
    top: -103px;
    max-width: 2000px;
}

.column-2 {
    text-align: left;
}

.filter {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 500px;
    background-color: transparent;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.45), transparent 38%, rgba(0, 0, 0, 0.77));
    background-image: linear-gradient(rgba(255, 255, 255, 0.45), transparent 38%, rgba(0, 0, 0, 0.77));
}

.case-study-row {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-top: 0px;
}

.outline-bg {
    position: relative;
    top: -26px;
    height: 38px;
    margin-right: 13px;
    margin-bottom: 13px;
    padding: 6px 21px 0px;
    float: left;
    border: 3px solid white;
    border-radius: 25px;
}

.case-study-section {
    width: 100%;
    height: 100%;
    margin-bottom: 28px;
}

.case-study-description {
    position: relative;
    left: 0px;
    width: 100%;
    margin-left: 0px;
    padding: 8px 5px 8px 8px;
    text-align: left;
}

    .case-study-description.top-divider {
        border-top: 1px solid #f4f4f4;
    }

.description {
    margin-top: 6px;
}

.column-1 {
    padding-right: 1%;
    padding-left: 1%;
}

.case-study-heading {
    padding-top: 18px;
}

.screenshots-sample {
    width: 30%;
    margin-right: 0px;
    margin-bottom: 14px;
    margin-left: 14px;
    float: right;
}

.screenshots {
    margin-top: 22px;
}

.slider-more-projects {
    height: auto;
    padding-bottom: 110px;
    background-color: whitesmoke;
}

.slide-nav {
    margin-bottom: 52px;
}

.arrow-icon {
    margin-top: 130px;
    color: #c7c7c7;
}

.guy-support {
    position: relative;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    float: none;
}

.back {
    position: relative;
    top: 11px;
    right: -8%;
    display: block;
    float: none;
}

.learn-more {
    width: 100%;
    height: 66px;
    margin-top: 11px;
    padding-top: 14px;
    padding-bottom: 14px;
    float: left;
    border-top: 1px solid #f4f6f5;
}

    .learn-more.spacing {
        height: auto;
        padding-bottom: 0px;
        float: left;
    }

.iphone-left {
    position: relative;
    top: 21px;
    right: -4%;
    float: left;
}

.iphone-right {
    position: absolute;
    left: 30%;
    top: -12px;
    float: none;
}

.imac-screen {
    position: relative;
    left: -4%;
    bottom: 6px;
    display: block;
    max-width: 420px;
    margin-right: auto;
    margin-left: auto;
    float: right;
}

.learn-more-buttons {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
}

.facebook-icon {
    position: relative;
    left: -8px;
    top: -3px;
    bottom: 0px;
    float: left;
}

.imac-container {
    position: relative;
    display: none;
    width: 40%;
    height: 23%;
    min-width: 595px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
    padding-left: 0%;
    background-image: url('../images/imac_1.png');
    background-position: 50% 48%;
    background-size: 600px;
    background-repeat: no-repeat;
    text-align: center;
}

.wireless-keyboard {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    width: 20%;
    height: 30%;
    min-width: 296px;
    margin-right: auto;
    margin-left: auto;
    background-image: url('../images/Apple-Wireless-Keyboard.png');
    background-position: 50% 50%;
    background-size: 340px;
    background-repeat: no-repeat;
}

.pens-holder {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    display: none;
    width: 30%;
    height: 27%;
    background-image: url('../images/pen-holder.png');
    background-position: 100% 100%;
    background-size: 135px;
    background-repeat: no-repeat;
}

.pencils-and-red-moleskine {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    width: 33%;
    height: 26%;
    background-image: url('../images/pencils-and-moleskine.png');
    background-position: 100% 0px;
    background-size: 190px;
    background-repeat: no-repeat;
}

.coffe-cup {
    position: absolute;
    display: block;
    width: 86%;
    height: 30%;
    background-image: url('../images/Coffe.png');
    background-position: 100% 50%;
    background-size: 140px;
    background-repeat: no-repeat;
}

.mouse {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: none;
    width: 74%;
    height: 26%;
    background-image: url('../images/Magic-Mouse.png');
    background-position: 100% 0px;
    background-size: 115px;
    background-repeat: no-repeat;
}

.black-eyeglasses {
    position: absolute;
    right: 0px;
    bottom: 0px;
    display: none;
    width: 22%;
    height: 19%;
    background-image: url('../images/Eyeglasses.png');
    background-position: 0px 0px;
    background-size: 203px;
    background-repeat: no-repeat;
}

.find-us {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0%;
    margin-top: 0%;
    margin-left: 20px;
    padding-bottom: 3%;
}

.sucess-message {
    padding-top: 20px;
}

.our-services-text-container {
    width: 75%;
    height: auto;
    float: none;
}

.video-pop-up {
    height: 190px;
    float: left;
}

.lightbox {
    width: 248px;
    height: 165px;
    margin-right: 15px;
    margin-bottom: 15px;
    background-image: url('../images/guy.jpg');
    background-size: contain;
    background-repeat: no-repeat;
}

.why-us-slider {
    display: block;
    overflow-x: hidden;
    overflow-y: hidden;
    height: auto;
    margin-top: 105px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 30px;
    background-color: transparent;
}

.arrow-left {
    color: #;
}

.arrow-rigth {
    color: #;
}

.contact-info-container {
    width: 100%;
    float: left;
}

.case-study-header-container {
    position: relative;
    height: 100%;
    padding-bottom: 30px;
}

.text-links {
    color: #818590;
    text-decoration: none;
}

    .text-links:hover {
        color: #;
    }

.why-us-box {
    position: absolute;
    width: 100%;
    min-height: 395px;
    margin-bottom: 40px;
    padding-right: 15px;
    padding-bottom: 10px;
    float: left;
    border: 15px solid #f4f6f5;
}

    .why-us-box.left {
        position: static;
        width: 100%;
        min-width: 0%;
        padding-right: 15px;
        padding-bottom: 10px;
        float: right;
    }

    .why-us-box.right-box {
        position: relative;
        overflow-x: hidden;
        overflow-y: hidden;
    }

.image-container {
    position: relative;
    left: 0px;
    right: 0px;
    bottom: -10px;
    display: block;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    float: left;
}

.why-us-text-container {
    width: 100%;
    margin-top: 50px;
    margin-left: 10px;
    padding-right: 20px;
    float: none;
}

.why-us-paragraph {
    text-align: left;
}

.why-us-slide {
    padding-right: 7%;
    padding-left: 5%;
}

    .why-us-slide._2 {
        padding-right: 5%;
    }

.other-project-slide {
    padding-right: 7%;
    padding-left: 5%;
}

.slide-test {
    background-image: url('../images/Dot-pattern.png'), url('../images/');
    background-position: 0% 0%, 50% 50%;
    background-repeat: repeat, no-repeat;
}

.video-container {
    display: block;
    max-width: 500px;
    margin-right: auto;
    margin-bottom: 50px;
    margin-left: auto;
}

.subheading {
    color: #60caf7;
    font-weight: 600;
}

.importanttext {
    font-size: 44px;
    font-weight: 700;
}

.form-wrapper {
    /*margin-right: 20px;
    margin-left: 20px;*/
}

.select {
    height: 54px;
    border-radius: 3px;
}

    .select.select-filter {
        width: 300px;
        float: left;
    }

        .select.select-filter.select-tag {
            float: right;
        }

.final-link {
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 20px;
    padding-bottom: 20px;
    float: right;
    clear: both;
    font-family: Raleway, sans-serif;
    color: #454545;
    font-size: 29px;
    font-weight: 200;
}

.form-container {
    margin-bottom: 50px;
}

    .form-container.profile-form {
        display: block;
        max-width: 500px;
        margin-right: auto;
        margin-left: auto;
    }

.change-link-row {
    width: 100%;
    margin-right: -10px;
    margin-left: -10px;
    padding: 20px 0px 10px;
    float: right;
    border-radius: 3px;
}

.template-container {
    width: 100%;
    margin: 10px 0px;
    padding: 22px 0px 5px;
    border-radius: 3px;
    background-color: #f2f2f2;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

    .template-container:hover {
       opacity: 0.7;
        opacity: 1;
    }

.template-image {
    margin-top: 1px;
    clear: none;
}

.templates-wrapper {
    display: block;
    max-width: 800px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 0px;
}

.theme {
    margin: 5px 10px;
}

.color {
    height: 40px;
    background-color: red;
}

    .color.orange {
        background-color: #ff7400;
        color: #333;
    }

    .color.blue {
        background-color: #099;
    }

    .color.green {
        background-color: #0c0;
    }

.domain-col {
    padding-left: 0px;
}

.link-col {
    position: relative;
    display: block;
    padding-right: 0px;
}

.subtemplates {
    position: static;
    z-index: 1;
    min-width: 300px;
}

.moretemplates {
    clear: left;
}

.sub-template-container {
    padding: 10px;
    border-radius: 2px;
    background-color: #dbdbdb;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

    .sub-template-container:hover {
        opacity: 0.7;
    }

.template-col {
    margin-left: 0px;
    padding-right: 0px;
}

.colorpickerimage {
    box-shadow: dimgray 0px 0px 10px -3px;
}

.theme-block {
    height: 143px;
    margin-bottom: 30px;
    padding: 5px;
    border-radius: 2px;
    background-color: #c4c4c4;
    -webkit-transition-delay: initial;
    transition-delay: initial;
}

    .theme-block.blank {
        background-color: #5c5c5c;
        -webkit-transition: background-color 200ms ease-in-out;
        transition: background-color 200ms ease-in-out;
    }

        .theme-block.blank:hover {
          opacity: 0.7;
        }

.theme-title {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 75px;
    margin-top: -75px;
    margin-left: 0px;
    background-color: rgba(0, 0, 0, 0.54);
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

    .theme-title:hover {
        height: 75px;
        margin-top: -75px;
    }

.theme-image {
    opacity: 1;
}

.theme-title-text {
    margin-top: 0px;
    padding-top: 28px;
    font-family: Merriweather, serif;
    color: white;
    font-size: 24px;
    font-weight: 500;
    text-transform: none;
}

.template-preview {
    position: static;
    left: 0px;
    right: 0px;
    bottom: 0px;
    display: block;
    margin-top: 7px;
    margin-right: 25px;
    float: right;
    clear: none;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
    color: #;
    font-size: 11px;
    font-style: normal;
    text-decoration: none;
}

.quoted {
    margin-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    font-family: Bitter, serif;
    color: white;
    font-size: 12px;
    line-height: 17px;
    font-style: italic;
    font-weight: 400;
    text-align: left;
}

.bold {
    margin-top: 10px;
    font-family: 'Droid Sans', sans-serif;
    color: white;
    font-weight: 400;
}

.importblock {
    margin-bottom: 20px;
}

.showmehow {
    position: static;
    left: auto;
    top: auto;
    width: auto;
    float: left;
    -webkit-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    list-style-type: none;
}

    .showmehow.showmehowimportguests {
        left: auto;
        margin-left: 150px;
    }

.titlesection {
    margin-bottom: 40px;
}

.founddata {
    line-height: 17px;
}

.founddataitem {
    height: 35px;
    margin-bottom: 5px;
    padding-top: 0px;
    padding-left: 0px;
    background-color: #f7f7f7;
    color: #;
    font-size: 19px;
    line-height: 0px;
    text-align: left;
    cursor: pointer;
}

    .founddataitem:hover {
       opacity: 0.7;
    }

.centertitle {
    padding-left: 20px;
    font-size: 27px;
    margin-bottom: 20px;
}

.helper {
    margin-left: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    float: right;
    border-radius: 3px;
    text-align: left;
}

.questionimage {
    float: left;
}

.questiontext {
    margin-top: 5px;
    margin-left: 10px;
    float: left;
    text-align: left;
}

.blue {
    color: #;
}

    .blue.backto {
        font-size: 13px;
        margin-top: 30px;
    }

.founddataitemtext {
    margin-top: 0px;
    margin-left: 10px;
    padding-top: 18px;
}

    .founddataitemtext.removebutton {
        padding-top: 20px;
    }

.uploadbox {
    display: block;
    max-width: 500px;
    min-height: 200px;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    border: 2px dashed #969696;
    border-radius: 25px;
}

.uploadimage {
    margin-top: 35px;
}

.good {
    color: #2bd106;
}

.bad {
    color: #e63c3c;
}

.list {
    height: 30px;
    text-align: left;
}

.listitem {
    height: auto;
    margin-bottom: 16px;
    font-family: Raleway, sans-serif;
    font-size: 18px;
    text-align: left;
}

    .listitem.teamemail {
        margin-bottom: 10px;
        margin-left: 20px;
        color: #2196de;
        font-size: 17px;
        line-height: 13px;
    }

.goodbadlist {
    margin-top: 30px;
}

.titlelink, .titlelink:hover, .titlelink:focus {
    display: block;
    margin-top: 12px;
    color: #;
    font-size: 22px;
    font-weight: 300;
    text-decoration: none;
}

.goodbad {
    padding: 40px 20px 20px;
    border-radius: 10px;
    background-color: #fafafa;
}

.tagarea {
    min-height: 100px;
    margin-bottom: 20px;
    clear: left;
    border: 2px dashed #c9c9c9;
    border-radius: 7px;
}

.tag {
    display: inline-block;
    height: 40px;
    margin-top: 5px;
    margin-right: 5px;
    margin-left: 5px;
    padding-top: 10px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
    border-radius: 3px;
    background-color: #575757;
    color: white;
}

    .tag.teammember {
        display: block;
        float: none;
    }

.centertitle {
    font-size: 24px;
    text-align: center;
}

.x {
    position: static;
    left: auto;
    right: 0px;
    display: block;
    width: 18px;
    margin-top: -15px;
    margin-right: -23px;
    margin-left: 0px;
    padding-right: 5px;
    padding-bottom: 2px;
    padding-left: 4px;
    float: right;
    border-radius: 31px;
    background-color: #;
    font-family: Verdana, Geneva, sans-serif;
    color: white;
    font-size: 11px;
    line-height: 16px;
    text-align: center;
}

    .x.popup-x, .tallypopup-x {
        position: absolute;
        top: -12px;
        right: -10px;
        width: 25px;
        margin-top: 0px;
        margin-right: 0px;
        padding-bottom: 3px;
        padding-left: 5px;
        float: right;
        font-size: 18px;
        line-height: 22px;
        cursor: pointer;
    }

        .x.popup-x:hover, .x.tallypopup-x:hover {
            background-color: #;
            opacity: 0.7;
        }

.dragdroparrow {
    margin-top: 63px;
}

.teammemberslist {
    margin-bottom: 19px;
}

.goodbadrows {
    margin-bottom: 41px;
}

.appstoreimage {
    width: 130px;
    margin-right: 10px;
}

.pointer {
    display: block;
    max-width: 450px;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    padding: 1px 20px 20px;
    border-radius: 5px;
    background-color: #f2f2f2;
}

.lefttitle {
    font-size: 16px;
    text-align: left;
}

    .lefttitle.tabletext {
        margin-top: 0px;
        margin-bottom: 0px;
    }

        .lefttitle.tabletext.disabled {
            opacity: 0.6;
        }

        .lefttitle.tabletext.tagtext {
            font-size: 14px;
            line-height: 17px;
        }

    .lefttitle.tabletext {
        font-size: 15px;
    }

    .lefttitle.large {
        margin-top: 30px;
        margin-bottom: 30px;
        font-size: 25px;
    }



.mini-features .w-col-3 {
    margin-right: 0px;
}

.mini-features-inner {
    position: relative;
    left: 100px;
    top: 6px;
    bottom: 0px;
    display: block;
    width: 910px;
    margin-left: 0px;
    padding-left: 0px;
    float: none;
}

    .mini-features-inner.action-button-bar {
        left: 19px;
    }

.hidecol {
    display: none;
}

.tablecolumn {
    position: relative;
    padding-right: 0px;
    padding-left: 20px;
    text-align: left;
}

    .tablecolumn.no-margin {
        padding-left: 0px;
    }

    .tablecolumn.tablecolumnbuttons {
        text-align: center;
    }

.tableheaderrow {
    height: 45px;
    background-color: #ededed;
}

.tablerow {
    height: 50px;
    margin-right: 0px;
    margin-left: 0px;
    padding-top: 10px;
}

    .tablerow.headerrow {
        height: auto;
    }

    .tablerow.tablerowalt {
        background-color: whitesmoke;
    }

        .tablerow.tablerowalt.tablefooter {
            background-color: white;
        }

        .tablerow.tablerowalt.tablerownotadmitted {
            opacity: 1;
        }

    .tablerow.active {
        background-color: #dcf0f7;
    }

.statsbox {
    clear: left;
}

    .statsbox.statboxpadding {
        margin-bottom: 20px;
    }

.statbox {
    padding: 10px;
    border-radius: 5px;
    background-color: #;
    text-align:center;
}

    .statbox.statboxgraph {
        height: 192px;
        padding-top: 10px;
        padding-bottom: 13px;
        padding-left: 10px;
    }

    .statbox.statboxtall {
        height: 200px;
    }

.statboxtext {
    margin-top: 20px;
    margin-left: 25px;
    color: white;
    font-size: 23px;
    line-height: 36px;
    text-align: center;
}

    .statboxtext.statboxtextsmall {
        margin-top: 0px;
        margin-bottom: 0px;
        padding-top: 10px;
        padding-bottom: 27px;
        padding-left: 15px;
        font-size: 15px;
        line-height: 20px;
        text-align: left;
    }

        .statboxtext.statboxtextsmall.statboxfinal {
            padding-top: 12px;
            font-size: 16px;
            line-height: 23px;
        }

    .statboxtext.statboxtall {
        margin-top: 49px;
        font-size: 26px;
    }

    .statboxtext.averagestats {
        margin-top: 30px;
    }

.statboxtextbold {
    font-size: 36px;
}

    .statboxtextbold.admittedstats {
    }

.admittedstats {
    white-space: nowrap;
    text-wrap: none;
}

.dashboard-title {
    margin-top: 0px;
    margin-bottom: 30px;
    padding-top: 0px;
    clear: left;
}

    .dashboard-title.events {
        margin-top: 40px;
    }

    .dashboard-title.large-title {
        margin-bottom: 10px;
        font-size: 38px;
    }

        .dashboard-title.large-title.centered {
            text-align: center;
        }

.currentevents {
    clear: left;
}

.dashboard-stat-link {
    color: white;
}

.tablebuttons {
    text-align: right;
}

.bluetitle {
    color: #;
    font-size: 19px;
}

/*.bluetitle.maintitle {
        margin-left: -10px;
    }*/

.tagline {
    margin-top: 12px;
    margin-bottom: 50px;
    font-size: 21px;
    font-weight: 100;
    text-align: center;
}

._4steps {
    display: block;
    margin: 40px auto;
}

.bubble {
    position: absolute;

    z-index: 5;

    overflow-x: visible;
    overflow-y: visible;
    display: none;
}

.statimage {
    width: 100%;
    height: 170px;
    margin-top: 0px;
    margin-bottom: 36px;
    float: none;
}

    .statimage.statimagelarge {
        width: 100%;
        height: 100px;
        margin-bottom: 17px;
    }

        .statimage.statimagelarge.statimagetall {
            height: 185px;
            margin-top: -3px;
        }

.signin-form {
    display: block;
    max-width: 400px;
    margin: 20px auto 50px;
}

.signinlogo {
    position: relative;
    margin-top: 13px;
    margin-left: 90px;
}

.checkbox {
    width: 300px;
    height: 40px;
    margin-top: 30px;
    margin-left: 20px;
    float: none;
}

.checkbox-label {
    float: right;
    font-family: Raleway, sans-serif;
    color: #818590;
}

.checkbox-control {
    display: block;
    float: left;
    border: 0px solid black;
    border-radius: 5px;
}

.links {
    color: #;
}

    .links.signuplink {
        margin-left: 15px;
        clear: none;
    }

    .links.alreadyhaveaccount {
        display: block;
    }

.enabled {
    position: absolute;
    left: 45px;
    top: 4px;
    right: 0px;
    bottom: auto;
    width: 64px;
    height: 26px;
    padding-top: 2px;
    border: 1px solid white;
    border-radius: 3px;
    background-color: #;
    opacity: 1;
    color: white;
    font-size: 12px;
}

    .enabled.disabled {
        top: 4px;
        right: auto;
        bottom: auto;
        width: 64px;
        background-color: #a3a3a3;
        font-size: 12px;
    }

    .enabled.new {
        left: auto;
        top: -19px;
        right: -30px;
        display: none;
        width: 120px;
        background-color: #;
        -webkit-transform: rotate(7deg);
        -ms-transform: rotate(7deg);
        transform: rotate(7deg);
        color: white;
        font-size: 13px;
    }

.plugin {
    display: block;
    max-width: 114px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 5px;
    padding-left: 5px;
    border-radius: 3px;
}

.dashboard-title-time {
    font-size: 19px;
}

.dashboard-title-details {
    margin-top: -30px;
    font-size: 21px;
}

.time-info {
    font-size: 14px;
}

.event-search {
    margin-top: 50px;
}

.teamsection {
    margin-bottom: 80px;
}

.addguestpopup {
    position: fixed;
    left: 50%;
    top: 116px;
    right: 50%;
    z-index: 10;
    display: none;
    width: 400px;
    margin-right: -200px;
    margin-left: auto;
    padding: 10px;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    background-color: white;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 0px 50px 25px;
}

    .addguestpopup.inviteteampopup {
        position: fixed;
        left: 50%;
        top: 146px;
        right: 50%;
        display: block;
        margin-right: -200px;
        margin-bottom: 0px;
        margin-left: auto;
        box-shadow: rgba(0, 0, 0, 0.49) 0px 0px 50px -2px;
    }

        .addguestpopup.inviteteampopup.addguestsselectpopup {
            position: absolute;
            left: -37px;
            top: 43px;
            right: auto;
        }

            .addguestpopup.inviteteampopup.addguestsselectpopup.exportpopup {
                left: -90px;
                top: 43px;
                width: 500px !important;
            }

            .addguestpopup.inviteteampopup.addguestsselectpopup.header-popup {
                left: 180px;
                top: 140px;
                width: 300px;
                margin-right: auto;
            }

        .addguestpopup.inviteteampopup.addeventpopup {
            z-index: 7;
            display: block;
            height: auto;
            padding-bottom: 0px;
        }

            .addguestpopup.inviteteampopup.addeventpopup.deleteguestpopup {
                display: block;
            }

            .addguestpopup.inviteteampopup.addeventpopup.blockpopup {
                display: block;
            }

.validationbox {
    position: static;
    z-index: 0;
    display: block;
    margin-bottom: 10px;
    padding-right: 15px;
    padding-left: 15px;
    float: none;
    border-radius: 0px 0px 3px 3px;
    background-color: #e02727;
    color: white;
    line-height: 32px;
    text-align: center;
}

.field-validation-error {
    margin-top: -10px;
    color: white !important;
}

.whatisit {
    position: static;
    top: 0px;
    right: 20px;
    margin-bottom: 5px;
    color: white;
}

.edittext {
    color: #;
    font-size: 13px;
}

.leftheader {
    float: none;
    clear: none;
}

.tablink {
    height: 40px;
    min-width: 200px;
    margin-right: 17px;
    margin-left: 10px;
    padding-top: 7px;
    padding-bottom: 11px;
    border: 3px solid #0082f3;
    border-radius: 25px;
    background-color: white;
    font-family: Montserrat, sans-serif;
    font-size: 13px;
    line-height: 20px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
}

    .tablink.w--current {
        height: 40px;
        margin-right: 17px;
        padding-top: 7px;
        padding-bottom: 11px;
        border-radius: 25px;
        background-color: #0082f3;
        font-family: Montserrat, sans-serif;
        font-size: 13px;
        line-height: 20px;
        font-weight: 700;
    }

.tabcontent {
    padding-top: 20px;
    clear: left;
}

.linktext.tablinktext {
    color: #0082f3;
}

.linktext.tablinktextcurrent {
    color: white;
}

.tabheader {
    margin-left: 10px;
    float: left;
}

.formwrapper {
    position: relative;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin-top: 79px;
    float: right;
}

.action-form {
    width: 100%;
}

.headache-title {
    text-align: center;
}

.popupform {
    text-align: center;
}

.whatsthis {
    position: absolute;
    top: 0px;
    right: 20px;
}


.whatsthisinfo {
    position: absolute;
    margin-right: 0px;
    margin-left: -138px;
    padding: 10px;
    clear: none;
    background-color: #;
    color: white;
    border-radius: 4px;
}

.whatsthistext {
    display: none;
    cursor: help;
}

.whatsthis:hover .whatsthistext {
    display: block;
}

.bluelink, .bluelink:focus, .bluelink:hover {
    color: #;
    font-weight: 500;
    text-decoration: none;
}

.textblock {
    min-height: 100px;
}

html.w-mod-js *[data-ix="display-none-on-load"] {
    display: block;
}

html.w-mod-js *[data-ix="side-menu-display-none-on-load"] {
    display: none;
    -webkit-transform: translate(350px, 0px);
    -ms-transform: translate(350px, 0px);
    transform: translate(350px, 0px);
}

html.w-mod-js *[data-ix="imac"] {
    opacity: 0;
    -webkit-transform: translate(0px, -300px);
    -ms-transform: translate(0px, -300px);
    transform: translate(0px, -300px);
}

html.w-mod-js *[data-ix="skills-box"] {
    opacity: 0;
}

html.w-mod-js *[data-ix="expertise-percentage"] {
    opacity: 0;
}

html.w-mod-js *[data-ix="perspective-screen"] {
    opacity: 0;
    -webkit-transform: translate(0px, -300px);
    -ms-transform: translate(0px, -300px);
    transform: translate(0px, -300px);
}

html.w-mod-js *[data-ix="show-up-from-left"] {
    opacity: 0;
    -webkit-transform: translate(-350px, 0px);
    -ms-transform: translate(-350px, 0px);
    transform: translate(-350px, 0px);
}

html.w-mod-js *[data-ix="show-up-from-right"] {
    opacity: 0;
    -webkit-transform: translate(350px, 0px);
    -ms-transform: translate(350px, 0px);
    transform: translate(350px, 0px);
}

html.w-mod-js *[data-ix="show-up"] {
    opacity: 0;
    -webkit-transform: translate(0px, 25px);
    -ms-transform: translate(0px, 25px);
    transform: translate(0px, 25px);
}

html.w-mod-js *[data-ix="show-up-2"] {
    opacity: 0;
    -webkit-transform: translate(0px, 25px);
    -ms-transform: translate(0px, 25px);
    transform: translate(0px, 25px);
}

html.w-mod-js *[data-ix="show-up-3"] {
    opacity: 0;
    -webkit-transform: translate(0px, 25px);
    -ms-transform: translate(0px, 25px);
    transform: translate(0px, 25px);
}

html.w-mod-js *[data-ix="show-up-4"] {
    opacity: 0;
    -webkit-transform: translate(0px, 25px);
    -ms-transform: translate(0px, 25px);
    transform: translate(0px, 25px);
}

html.w-mod-js *[data-ix="iphone-6-left"] {
    opacity: 0;
    -webkit-transform: translate(-64px, 0px);
    -ms-transform: translate(-64px, 0px);
    transform: translate(-64px, 0px);
}

html.w-mod-js *[data-ix="iphone-6-right"] {
    opacity: 0;
    -webkit-transform: translate(64px, 0px);
    -ms-transform: translate(64px, 0px);
    transform: translate(64px, 0px);
}

html.w-mod-js *[data-ix="imac-screeen"] {
    opacity: 0;
    -webkit-transform: translate(-64px, 0px);
    -ms-transform: translate(-64px, 0px);
    transform: translate(-64px, 0px);
}

html.w-mod-js *[data-ix="design-front"] {
    opacity: 0;
    -webkit-transform: translate(0px, -55px);
    -ms-transform: translate(0px, -55px);
    transform: translate(0px, -55px);
}

html.w-mod-js *[data-ix="design-back"] {
    opacity: 0;
    -webkit-transform: translate(0px, 55px);
    -ms-transform: translate(0px, 55px);
    transform: translate(0px, 55px);
}

html.w-mod-js *[data-ix="guy-support"] {
    opacity: 0;
    -webkit-transform: scale(0.88);
    -ms-transform: scale(0.88);
    transform: scale(0.88);
}

html.w-mod-js *[data-ix="show-up-more-projects"] {
    opacity: 0;
    -webkit-transform: translate(0px, 25px);
    -ms-transform: translate(0px, 25px);
    transform: translate(0px, 25px);
}

html.w-mod-js *[data-ix="show-up-more-projects-2"] {
    opacity: 0;
    -webkit-transform: translate(0px, 25px);
    -ms-transform: translate(0px, 25px);
    transform: translate(0px, 25px);
}

html.w-mod-js *[data-ix="show-up-more-projects-3"] {
    opacity: 0;
    -webkit-transform: translate(0px, 25px);
    -ms-transform: translate(0px, 25px);
    transform: translate(0px, 25px);
}

html.w-mod-js *[data-ix="show-up-more-projects-4"] {
    opacity: 0;
    -webkit-transform: translate(0px, 25px);
    -ms-transform: translate(0px, 25px);
    transform: translate(0px, 25px);
}

html.w-mod-js *[data-ix="speaker-left"] {
    display: block;
    -webkit-transform: translate(0px, -200px);
    -ms-transform: translate(0px, -200px);
    transform: translate(0px, -200px);
}

html.w-mod-js *[data-ix="speaker-right"] {
    display: block;
    -webkit-transform: translate(0px, -200px);
    -ms-transform: translate(0px, -200px);
    transform: translate(0px, -200px);
}

html.w-mod-js *[data-ix="notebook"] {
    opacity: 0;
    -webkit-transform: translate(-400px, 0px);
    -ms-transform: translate(-400px, 0px);
    transform: translate(-400px, 0px);
}

html.w-mod-js *[data-ix="juice-glass"] {
    opacity: 0;
    -webkit-transform: translate(400px, 0px);
    -ms-transform: translate(400px, 0px);
    transform: translate(400px, 0px);
}

html.w-mod-js *[data-ix="show-up-social-button"] {
    opacity: 0;
    -webkit-transform: translate(0px, 25px);
    -ms-transform: translate(0px, 25px);
    transform: translate(0px, 25px);
}

html.w-mod-js *[data-ix="show-up-social-button-2"] {
    opacity: 0;
    -webkit-transform: translate(0px, 25px);
    -ms-transform: translate(0px, 25px);
    transform: translate(0px, 25px);
}

html.w-mod-js *[data-ix="pen-test"] {
    opacity: 0;
    -webkit-transform: translate(-300px, 0px);
    -ms-transform: translate(-300px, 0px);
    transform: translate(-300px, 0px);
}

body {
    overflow-y: scroll;
}

#intercom-container .intercom-launcher-button {
    border: none !important;
}

.helplink {
    color: #333;
    padding: 10px;
    text-decoration: none;
}
    .helplink:hover {
        color: #;
    }

.graylink {

    color: #333; text-decoration: none
}

.restriction {
    min-height: 150px;
}

    .restriction:hover {
        background: #;
    }

    .restriction label {
        padding-right: 20px;
    }

        .restriction label > small {
            line-height: 0;
            opacity: 0.7;
        }

    .restriction.pressed {
        background: #;
    }

        .restriction.pressed label {
            color: #fff;
        }

.progress {
    margin-bottom: 0 !important;
}

.progress-bar-success {
    background-color: # !important;
}

.progress-bar-danger {
    background-color: #e02727 !important;
}

.promo-popup {
    width: 600px;
    margin-right: -300px !important;
    padding: 20px;
}

legend {
    text-align: left;
    padding-bottom: 20px;
}

@media print {

    .w-nav-menu {
        display: none;
    }
}

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

.field-name {
    width: 100%;
}

.well {
    border: none;
    box-shadow: none;
    background: #f7f7f7;
}

.columnPreview {
}

.w-input {
    margin-bottom: 10px;
}

.hidden {
    display: none !important;
}

.buttonblue, .buttonblue:focus {
    color: white;
    background: #;
}

.loading {
    margin-top: 45px;
}

    .loading img {
        margin-bottom: 10px;
        width: 50px;
    }

    .loading span {
        font-size: 18px;
        color: white;
    }

.buttonblue:hover {
    color: white;
    opacity: 0.7;
}

.startpos {
    margin-top: -7px;
    float: right;
    background: #efefef;
    right: 20px;
    position: relative;
    padding-left: 20px;
}

    .startpos img {
        height: 20px;
        width: 20px;
    }

.strike {
    color: #ccc;
}

.admitted-stats {
    padding-top: 25px;
}

.dontimport {
    text-decoration: line-through !important;
    color: #ccc;
}

.mini-features-inner {
    left: 140px;
}

tr:nth-child(odd) {
    background-color: #fff;
}

tr:nth-child(even) {
    background-color: white;
}

.addGuestsBubble {
    margin-top: 350px;
    margin-left: -400px;
      display: none;
}

.addTallyBubble {
    margin-top: -160px;
    margin-left: 270px;
      display: none;
}

.goodbadpopup {
    width: 800px;
    margin-left: -400px !important;
}

.skipBubble {
    margin-top: -160px;
    margin-left: 280px;
    width: 180px;
    display: none;
}

a.linkbutton:hover, a.linkbutton:focus {
    color: white !important;
    background: # !important;
}

.disabled, .disabled:hover, .disabled:focus {
    color: #ccc;
}

.disabledButton, .disabledButton:hover, .disabledButton:focus
    {
    background: #ccc !important;
    }

.whatsthis-alt {
    position: relative;
}

.whatisit-alt, .whatisitlink-alt {
    color: #999 !important;
    font-family: Raleway, sans-serif;
    text-align: left;
    padding: 0 0 0 10px;
}

.mini-features {
    margin-top: 40px;
}

.mini-features-block {
    cursor: default;
}

    .mini-features-block a {
        cursor: pointer;
    }

.validation-summary-errors {
    margin-bottom: 20px;
}

.template-button {
    margin-top: 20px;
}

.numering {
    margin-top: 75px;
}

.validation-summary-errors ul > li {
    background: # !important;
    padding: 10px;
    color: white;
    margin: 5px 0 5px -40px;
    list-style: none;
}

.button {
    cursor: pointer;
}

table {
    width: 920px;
    margin-left: -10px;
    margin-right: -10px;
}

.text-left {
    text-align: left;
}

.busy {
    margin-left: -225px;
    width: 450px;
    z-index: 9999999999999;
    position: fixed;
    top: 35%;
    left: 50%;
    right: 0;
}

    .busy div.background {
        background: #fcfefc;
        opacity: 0.5;
        width: 100%;
        height: 100%;
        z-index: 99999999999;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }

    .busy img {
        margin-left: 175px;
    }

    .busy div.detail {
        padding: 20px;
        border-radius: 10px;
        padding-top: 40px;
        font-family: Raleway, sans-serif;
    }

    .busy div h2 {
        color: #000;
        text-align: center;
    }

input[type="submit"]:disabled, button[type="submit"]:disabled {
    background: #ccc !important;
}



td {
    padding: 15px;
}

th {
    padding-left: 15px;
}

.w-container {
    font-family: Raleway, sans-serif;
    font-size: 15px;
}

.dataTables_length {
    float: left;
}

.dataTables_filter {
    float: right;
}

.dataTables_info {
    font-family: Raleway, sans-serif;
    font-weight: bold;
    float: left;
    margin-top: 20px;
}

.paginate_button {
    height: 30px;
    margin-right: 0px;
    margin-left: 5px;
    font-family: Montserrat, sans-serif;
    float: none;
    border-radius: 6px;
    background-color: #;
    color: white;
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 9px 14px 7px 14px;
    cursor: pointer;
}

    .paginate_button.current {
        background: #;
        opacity: 0.8;
    }

    .paginate_button:hover {
         background: # !important;
        opacity: 0.5;
    }

.dataTables_paginate {
    float: right;
    margin-top: 20px;
}

.dataTables_processing {
    position: absolute;
    z-index: 999;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    margin-top: 180px;
    width: 200px;
    left: 0;
    right: 0;
    padding: 20px;
    background-color: white;
    border-radius: 10px;
}

th {
    cursor: pointer;
}

.sorting_disabled {
    cursor: default !important;
}

html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

.wrapper {
    min-height: 100%;
    position: relative;
}

.header {
    background: #ededed;
    padding: 10px;
}

.content {
    padding-bottom: 200px; /* Height of the footer element */
}

.footer {
    width: 100%;
    height: 200px;
    
}

.tagarea {
    padding: 15px 10px 10px 10px;
    min-height: unset;
}

.existingTags, .existingTickets {
    margin-top: 20px;
    margin-right: -10px;
}

    .existingTags .tagItem, .existingTickets .tagItem {
        width: 503px;
        height: 52px;
        margin: 0 0 6px 6px;
        padding: 15px;
        text-align: left;
        float: left;
        color: #000;
        border-radius: 5px;
        cursor: pointer;
        font-size: 18px;
        border: 1px solid #fff;
        background: #F7F7F7;
    }

        .existingTags .tagItem img, .existingTickets .tagItem img {
            display: none;
        }

        .existingTags .tagItem.done img, .existingTickets .tagItem.done img {
            display: block;
            position: relative;
            float: right;
            margin-top: -5px;
            margin-right: -5px;
        }

        .existingTags .tagItem.done, .existingTickets .tagItem.done {
            background: #8BC34A;
            color: #fff;
        }

        .existingTags .tagItem:hover, .existingTickets .tagItem:hover {
            border: 1px solid #;
        }

        .existingTags .tagItem.done:hover, .existingTickets .tagItem.done:hover {
          opacity: 0.7;
            color: #fff;
        }

table tbody tr:hover {
    background-color: #eee !important;
    cursor: pointer;
}

.dz-success-mark, .dz-error-mark {
    display: none;
}

.dz-details {
    margin-bottom: 30px;
}

.columnpicker {
}

.green {
    background: #8BC34A !important;
    color: white !important;
    border-color: #8BC34A !important;
}

.columnPreview {
    margin-left: auto;
    margin-right: auto;
    border-collapse: separate;
    border-spacing: 10px 5px;
}

    .columnPreview tbody tr:hover {
        background: #fff !important;
    }

    .columnPreview tbody tr td {
        padding: 10px 0 10px 0;
        border-radius: 10px;
    }

        .columnPreview tbody tr td.clear {
            background: #f5f5f5;
        }

        .columnPreview tbody tr td.active {
            background: #;
        }

        .columnPreview tbody tr td.done {
            background: #8BC34A;
        }


        .columnPreview tbody tr td img {
            width: 32px;
        }

        .columnPreview tbody tr td div {
            position: absolute;
            top: 400px;
            left: 700px;
            font-size: 30px;
        }

        .columnPreview tbody tr td img.down {
            position: absolute;
            margin-top: 40px;
            margin-left: -32px;
        }

.input-box:focus {
    box-shadow: none;
    border: 1px solid #;
}

.btn-primary {
    background: # !important;
    border-color: # !important;
    text-decoration: none !important;
    color: white !important;
}

.paginate_button, .leftbutton {
    text-decoration: none !important;
    color: white !important;
}

a:hover {
    text-decoration: none !important;
    transition: none;
}


.btn-primary:hover, .leftbutton:hover, .paginate_button:hover {
   opacity: 0.7;
    text-decoration: none !important;
    color: white;
}

.disabled-btn {
    background: #dbdbdb !important;
    color: #fff !important;
}

    .disabled-btn:hover {
        background: #dbdbdb !important;
        color: #fff !important;
        cursor: no-drop;
    }

*:focus {
    outline: none;
    text-decoration: none !important;
}

.eventTitleLink:hover {
   opacity: 0.7;
}

.animated {
    -webkit-animation-delay: 1s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.animated-quick {
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    animation-delay: 0s;
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-30px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-30px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.footer-blue {
    height: 200px !important;
    padding: 20px !important;
    text-align: center;
    color: #fff !important;
    font-size: 16px !important;
}

    .footer-blue a {
        color: white !important;
        text-decoration: none;
    }

        .footer-blue a:hover {
            text-decoration: underline !important;
        }

.pulse {
    -webkit-animation-name: bounce;
    animation-name: bounce;
}

.small-top {
    padding-top: 75px;
}

.w-section {
    padding-left: 40px;
    padding-right: 40px;
}

.day, .day.disabled {
    background: #fff !important;
}

.ellipsis {
    padding: 10px;
}

.active {
    background: # !important;
}

.breadcrumbs a {
    padding: 5px 3px 5px 3px;
    border-radius: 3px;
}

    .breadcrumbs a:hover {
        text-decoration: underline !important;
    }

.breadcrumbs .divider {
    width: 10px;
    margin-right: 3px;
}

.breadcrumbs {
    text-align: left;
}

.bootstrap-datetimepicker-widget {
    display: block !important;
}

    .bootstrap-datetimepicker-widget a {
        color: #;
    }

.table-striped {
    width: 1040px;
    margin-left: 0px;
    margin-right: 0px;
}

    .table-striped td {
        padding: 15px 0 15px 20px !important;
    }

    .table-striped.alt td {
        padding: 10px 0 5px 20px !important;
    }

.table > thead > tr > th {
    padding-left: 20px !important;
}

.content-wrapper, .w-container {
    width: 1040px;
    max-width: 1040px;
    min-width: 1040px;
}

.darkbluelink {
    color: #2a6496;
}

.blacklink {
    color: #333;
}

.pieChart {
    text-align: left;
    width: 180px;
    /* height: 70px; */
    margin: 12px 0px 20px 0;
}

.lineChart {
    height: 150px;
    width: 450px;
    margin: 15px 0px 10px 15px;
}

.backIcon {
    width: 20px;
    margin-right: 3px;
}

.whatisitlink.white {
    color: #fff;
}

.slider {
    height: 200px;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: white;
}

.sliderblockquote {
    font-family: Raleway, sans-serif;
    line-height: 26px;
}

.select2-container .select2-selection--single {
    height: 40px !important;
    border-radius: 3px !important;
    border: 1px solid #aaa !important;
    background-color: white !important;
    font-family: Raleway,sans-serif !important;
    z-index: 0;
}

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

.select2-selection__arrow {
    height: 40px !important;
}

.select2-container {
    clear: both;
    float: right;
   
}

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

    .nav-tabs .active {
    background: none !important;
    }