html, body {
    padding: 0;
    margin: 0;
    background-color: #fff;
    font-size: 14px;
}

body {
    font-family: 'Source Sans Pro';
    background-position: top right;
    background-size: auto 140px;
    background-repeat: no-repeat;
    font-size: 20px;
}
    body.landing-body {
        background-image: url("images/header-background@2x.png");
        background-size: auto 785px;
        background-color: #EFEFEF;
    }

body, div, p, td {
    color: #3C3C3B;
}

.row {
    display: flex;
    flex-direction: row;
}

.col-10 {
    flex-basis: 10%;
}

.col-15 {
    flex-basis: 15%;
}

.col-17 {
    flex-basis: 17%;
}

.col-20 {
    flex-basis: 20%;
}

.col-25 {
    flex-basis: 25%;
}

.col-30 {
    flex-basis: 30%;
}

.col-33 {
    flex-basis: 33.33333333333%;
}

.col-34 {
    flex-basis: 34%;
}

.col-35 {
    flex-basis: 35%;
}

.col-40 {
    flex-basis: 40%;
}

.col-45 {
    flex-basis: 45%;
}

.col-50 {
    flex-basis: 50%;
}

.col-55 {
    flex-basis: 55%;
}

.col-60 {
    flex-basis: 60%;
}

.col-66 {
    flex-basis: 66%;
}

.col-70 {
    flex-basis: 70%;
}

.col-75 {
    flex-basis: 75%;
}

.col-80 {
    flex-basis: 80%;
}

.col-90 {
    flex-basis: 90%;
}

.col-100 {
    flex-basis: 100%;
}

h1 {
    text-align: center;
    font-size: 41px;
    line-height: 52px;
    font-weight: normal;
}

h2 {
    text-align: center;
    font-size: 30px;
    line-height: 42px;
    font-weight: normal;
    padding-bottom: 40px;
}

p.intro-text {
    text-align: center;
    font-size: 28px;
    line-height: 40px;
    font-weight: normal;
    padding-bottom: 40px;
    max-width: 700px;
    margin: 0 auto;
}

a, a:link, a:visited, a:hover {
    color: #35A8E0;
    text-decoration: underline;
}

a:hover {
    color: #000;
}

/* menu */
nav {
    width: 100%;
    background-color: #fff;
}

.landing-body nav {
    margin-bottom: 35px;
    background: none;
}

.nav-content {
    margin: 0 auto;
    max-width: 2000px;
    padding-left: 70px;
    padding-right: 70px;
}

.account-details {
    float: right;
    font-size: 14px;
    line-height: 18px;
    margin-top: 10px;
    margin-bottom: -50px;
}

    .account-details span, .mobile-account-details span {
        font-weight: bold;
        letter-spacing: 1px;
    }

.account-hi {
    color: #35A8E0;
    font-weight: bold;
}

.mobile-account-details {
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 20px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

nav a.tugger-logo, nav a.tugger-logo:link, nav a.tugger-logo:visited, nav a.tugger-logo:hover {
    background-image: url("images/tugger@2x.png");
    width: 223px;
    height: 65px;
    background-size: 100%;
    display: block;
    float: left;
    margin-top: 40px;
}

a#hamburger, a#hamburger:link, a#hamburger:visited, a#hamburger:hover {
    display: none;
}

.menu {
    float: right;
    margin-top: 50px;
    clear: right;
}
.menu ul {
    margin-left: 0px;
    padding-left: 0px;
}


    .menu li {
        list-style-type: none;
        display: inline-block;
    }

    .menu a, .menu a:link, .menu a:visited, .menu a:hover {
        font-size: 18px;
        line-height: 22px;
        color: #000;
        text-decoration: none;
        padding-bottom: 10px;
        margin-left: 20px;
    }

        .menu a:hover {
            border-bottom: 5px solid #35A8E0;
        }

        .menu a.menu-button, .menu a.menu-button:link, .menu a.menu-button:visited, .menu a.menu-button:hover {
            background-color: #35A8E0;
            color: #fff;
            font-weight: bold;
            padding-top: 5px;
            padding-bottom: 5px;
            border-radius: 20px;
            padding-left: 20px;
            padding-right: 20px;
        }

            .menu a.menu-button.alt-menu-button, .menu a.menu-button.alt-menu-button:link,
            .menu a.menu-button.alt-menu-button:visited, .menu a.menu-button.alt-menu-button:hover {
                background-color: #545454;
            }

            .menu a.menu-button:hover, .menu a.menu-button.alt-menu-button:hover {
                border-bottom: 0px;
                background-color: #000;
            }

        .menu a.sign-in-link, .menu a.sign-in-link:link, .menu a.sign-in-link:visited, .menu a.sign-in-link:hover {
            color: #35A8E0;
            font-weight: bold;
        }

        .menu a.sign-in-link:hover {
            color: #000;
        }

        #mobile-menu-screen {
            position: fixed;
            top: 0px;
            bottom: 0px;
            background-color: rgba(0, 0, 0, 0.7);
            z-index: 9000;
            width: 100%;
            display: none;
        }

#mobile-menu-list {
    background-color: #fff;
    position: fixed;
    top: 0px;
    bottom: 0px;
    width: 85%;
    margin-left: 15%;
    box-sizing: border-box;
}

#mobile-menu-list {
    overflow-y: scroll;
}

a.mobile-menu-cross, a.mobile-menu-cross:link, a.mobile-menu-cross:visited, a.mobile-menu-cross:hover {
    width: 20px;
    height: 20px;
    text-decoration: none;
    background-size: 100%;
    display: block;
    margin-left: 20px;
    margin-top: 20px;
    float: left;
    background-image: url("images/mobile-close-menu@2x.png");
}

#mobile-menu-list li, #mobile-menu-list ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    color: #35A8E0;
}

#mobile-menu-list ul {
    margin-top: 0px;
}

    #mobile-menu-list ul ul {
        margin-top: 0px;
        display: none;
        border-top: none;
    }

#mobile-menu-list li a span, #mobile-menu-list li a:link span, #mobile-menu-list li a:visited span, #mobile-menu-list li a:hover span {
    background-image: url("images/menu-dropdown-arrow.svg");
    background-size: auto 12px;
    background-repeat: no-repeat;
    display: block;
    position: absolute;
    width: 30px;
    height: 12px;
    right: 80px;
    margin-top: -24px;
    color: #35A8E0;
}

#mobile-menu-list li a, #mobile-menu-list li a:link, #mobile-menu-list li a:visited, #mobile-menu-list li a:hover {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 33px;
    border-bottom: 1px solid #eceded;
    color: #35A8E0 !important;
}

    #mobile-menu-list li a:active, #mobile-menu-list li a:hover, #mobile-menu-list ul ul li a:active, #mobile-menu-list ul ul li a:hover {
        background-color: #3C3C3B;
        color: #35A8E0 !important;
    }

#mobile-menu-list ul ul li a, #mobile-menu-list ul ul li a:link, #mobile-menu-list ul ul li a:visited, #mobile-menu-list ul ul li a:hover {
    padding-left: 60px;
    color: #3C3C3B;
    font-size: 14px;
    line-height: 33px;
}

.mobile-important-links {
    text-align: center;
    clear: both;
}

#mobile-menu-screen a.menu-button, #mobile-menu-screen a.menu-button:link, #mobile-menu-screen a.menu-button:visited, #mobile-menu-screen a.menu-button:hover {
    background-color: #35A8E0;
    color: #fff;
    display: inline-block;
    width: 200px;
    padding: 10px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    margin-top: 20px;
    margin-left: 0px;
    box-sizing: border-box;
}

    #mobile-menu-screen a.menu-button.alt-menu-button, #mobile-menu-screen a.menu-button.alt-menu-button:link, #mobile-menu-screen a.menu-button.alt-menu-button:visited, #mobile-menu-screen a.menu-button.alt-menu-button:hover {
        background-color: rgba(0, 0, 0, 0.7);
    }

    .mobile-menu-footer-image {
        margin-left: auto;
        margin-right: auto;
        background-image: url("images/sign-up-image@2x.png");
        width: 300px;
        height: 400px;
        background-position: center center;
        background-size: 100%;
        background-repeat: no-repeat;
    }

#mobile-menu-screen a.menu-button:hover {
    background-color: #000 !important;
}

/***** forms */
.form-centre-section {
    margin: 0 auto;
    max-width: 660px;
}

.form-centre-section .row .col-50:first-child {
    padding-right: 10px;
    box-sizing: border-box;
}

.form-centre-section .row .col-50:last-child {
    padding-left: 10px;
    box-sizing: border-box;
}

.report-edit-screenshot {
    width: 100%;
    height: auto;
    margin-top: 32px;
    margin-bottom: 50px;
    border: 1px solid #B3B3B3;
}

label {
    display: block;
    padding-top: 15px;
    padding-bottom: 5px;
    font-size: 21px;
    line-height: 25px;
}

.label-note {
    font-size: 70%;
    padding: 0px;
    margin: 0px;
    font-style: italic;
}

.button-row {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
}

.k-textbox, .k-dropdown {
    margin-bottom: 10px;
}

.form-spacer {
    height: 1px;
    background-color: #eef1ff;
    width: 100%;
    margin-top: 20px;
}

.k-button, .k-button:hover,
a.button, a.button:link, a.button:visited, a.button:hover {
    display: inline-block;
    background-color: #35A8E0 !important;
    color: #fff;
    text-decoration: none;
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 30px;
    text-transform: none;
    width: 100%;
    box-shadow: none;
    box-sizing: border-box;
    text-align: center;
    border: none;
}

a.round-button, a.round-button:link, a.round-button:visited, a.round-button:hover {
    background-color: #ffc501;
    color: #3C3C3B;
    text-align: center;
    display: inline-block;
    width: 100px;
    height: 100px;
    border-radius: 100%;
    padding: 20px;
    font-weight: bold;
    text-decoration: none;
}

a.round-button:hover {
    background-color: #35A8E0;
}

.k-dialog-actions .k-button, .k-dialog-actions .k-button:hover {
    font-size: 20px;
    line-height: 25px;
    padding-top: 15px;
    padding-bottom: 15px;
}

input[type="submit"]:read-only {
    background-color: #35A8E0 !important;
}

.k-button.delete-button {
    background-color: #ac0505 !important;
}

    a.button.alt-button, a.button.alt-button:link, a.button.alt-button:visited {
        background-color: #545454 !important;
    }

        a.button.alt-button:hover {
            background-color: #000 !important;
        }

        a.button.alt-button-2, a.button.alt-button-2:link, a.button.alt-button-2:visited {
            background-color: #ffc501 !important;
            color: #3C3C3B !important;
        }

            a.button.alt-button-2:hover {
                background-color: #000 !important;
                color: #fff !important;
            }

    a.button.delete-button, a.button.delete-button:link, a.button.delete-button:visited, a.button.delete-button:hover {
        background-color: #ac0505 !important;
        font-size: 18px;
        line-height: 22px;
        border-radius: 30px;
    }

    a.button.cancel-button, a.button.cancel-button:link, a.button.cancel-button:visited, a.button.cancel-button:hover {
        background-color: #B3B3B3 !important;
        font-size: 26px;
        line-height: 31px;
        border-radius: 30px;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

        .k-button:hover, a.button:hover, a.button.cancel-button:hover, a.button.delete-button:hover {
            background-color: #000 !important;
        }

input[type="submit"]:read-only:hover {
    background-color: #000 !important;
}

    a.button.small-button, a.button.small-button:link, a.button.small-button:visited, a.button.small-button:hover {
        padding-top: 10px;
        padding-bottom: 10px;
        width: auto;
        font-size: 18px;
        line-height: 22px;
        border-radius: 30px;
    }

.StripeElement {
    border: 1px solid #f0f0f0;
    padding: 15px 15px;
    border-radius: 20px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.StripeElement:hover {
    box-shadow: 0 2px 6px rgba(0,0,0,.2),0 2px 3px rgba(0,0,0,.05);
}

.k-input .k-input-solid {
    border-radius: 20px !important;
}

.k-textbox, .k-numerictextbox {
    border-style: none !important;
    border: none !important;
}

.k-input.k-textbox, .k-input.k-datepicker, .k-input.k-numerictextbox, .k-input.k-timepicker {
    height: 54px;
    border-radius: 20px !important;
    background: none;
}

.k-input.k-textarea {
    border-radius: 20px !important;
    background: none;
    background-color: #fff;
}

    .k-input.k-textbox.k-focus, .k-input.k-datepicker.k-focus, .k-input.k-textarea.k-focus, .k-input.k-numerictextbox.k-focus,
    .k-input.k-timepicker.k-focus {
        border: none !important;
        -webkit-box-shadow: 0px 2px 3px 3px rgba(204,204,204,1);
        -moz-box-shadow: 0px 2px 3px 3px rgba(204,204,204,1);
        box-shadow: 0px 2px 3px 3px rgba(204,204,204,1);
    }

.k-textbox input.k-input-inner, .k-input.k-datepicker input.k-input-inner, .k-textarea input.k-input-inner,
.k-numerictextbox input.k-input-inner, .k-input.k-timepicker input.k-input-inner {
    border-radius: 20px;
    width: 100% !important;
    color: #6e6e6e;
    padding-top: 5px 5px !important;
    background-color: #fff;
    border: 1px solid #ccc;
}

.k-input.k-datepicker input.k-input-inner, .k-input.k-timepicker input.k-input-inner {
    border-radius: 20px 0px 0px 20px !important;
}

.k-input.k-datepicker, .k-input.k-timepicker {
    border-radius: 20px !important;
}

.k-textbox, .k-textarea, .k-datepicker, .k-numerictextbox, .k-timepicker {
    border-radius: 20px;
    width: 100% !important;
    font-size: 21px;
    line-height: 25px;
    color: #6e6e6e;
}

input:read-only {
    background-color: #ccc !important;
}

.k-radio {
    width: 32px;
    height: 32px;
    border: 1px solid #35A8E0;
}

input.k-checkbox:read-only {
    background-color: #fff !important;
}

input:read-only.k-radio {
    background-color: #fff !important;
}

    input:read-only.k-radio:checked {
        background-color: #35A8E0 !important;
        border-color: #35A8E0
    }

.k-radio::before {
    width: 20px;
    height: 20px;
}

.k-radio-label {
    padding-left: 20px !important;
}

textarea {
    height: 150px !important;
    padding: 20px !important;
    border-radius: 20px;
    color: #6e6e6e !important;
    color: #35A8E0
}

.k-checkbox {
    height: 36px;
    width: 36px;
    border-radius: 10px;
    border: 1px solid #EFEFEF;
    margin-top: 20px;
}

    .k-checkbox:checked {
        background-color: #fff;
        border: 1px solid #EFEFEF;
        background-image: url("images/checkbox-tick.svg");
        content: "";
        background-repeat: no-repeat;
        background-size: 65%;
        height: 35px;
        width: 35px;
        background-position: center center;
    }

    .k-checkbox + .k-checkbox-label {
        padding-top: 14px;
        display: inline-block;
        margin-left: 20px;
    }

.k-checkbox-label {
    padding-top: 22px !important;
    display: inline-block !important;
    margin-left: 20px !important;
}

.checkbox-label {
    margin-left: 70px;
    margin-top: -50px;
    padding-bottom: 10px;
}

.k-dropdownlist {
    width: 100%;
    font-size: 21px;
    line-height: 25px;
    border-radius: 20px !important;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 20px;
    color: #6e6e6e;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 10px;
}

    .k-dropdownlist.k-picker-solid, .k-dropdownlist.k-picker-solid:hover {
        border-radius: 20px !important;
        border: 1px solid #ccc !important;
        border-top: 1px solid #ccc !important;
    }

.k-dropdownlist .k-button , .k-dropdownlist .k-button:hover {
    width: auto;
    background-color: #fff !important;
    height: 16px;
    color: #B3B3B3;
    margin: 3px 0px 0px 0px;
    padding: 0px;
}

    .k-dropdownlist .k-button:hover {
        width: 40px;
        background-color: #ccc !important;
        height: 16px;
        color: #B3B3B3;
        margin: 3px 0px 0px 0px;
        padding: 0px;
    }

.k-datepicker .k-button, .k-timepicker .k-button {
    width: 40px;
    background: none !important;
    border: 1px solid #ccc;
    border-radius: 0px 20px 0px 0px;
}

    .k-datepicker .k-button:hover, .k-timepicker .k-button:hover {
        color: #B3B3B3;
        margin: 0px;
        padding: 0px;
    }

  .k-calendar .k-button {
      width: auto;
      font-size: 12px;
      height: auto;
      padding: 0px 5px;
      border-radius: 0px !important;
      display: inline-block;
  }

.k-editor-toolbar .k-button {
    width: auto;
}

.k-wizard {
    padding: 16px !important;
}

.k-wizard-content, .k-wizard-content h2, .k-wizard-content a, .k-wizard-content div {
    font-family: 'Source Sans Pro' !important;
}

    .k-wizard-content div {
        font-size: 20px;
        line-height: 25px;
    }

.wizardContainer {
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center;
}

.k-wizard-steps {
    margin-top: 0px !important;
}

.k-wizard-step {
    padding: 5px !important;
}

.k-wizard-buttons {
    margin-top: 0px !important;
}

.k-stepper .k-step-current .k-step-indicator {
    border-color: #35A8E0;
    color: #fff;
    background-color: #35A8E0;
}

.k-stepper .k-step-done .k-step-indicator {
    border-color: #35A8E0;
    color: #fff;
    background-color: #35A8E0;
}

.k-stepper .k-state-focused .k-step-indicator {
    border-color: #35A8E0;
    color: #fff;
    background-color: #35A8E0;
}

.k-stepper .k-state-hover .k-step-indicator {
    border-color: #35A8E0;
    color: #fff;
    background-color: #35A8E0;
}

.k-wizard-buttons {
    display: none !important;
}

.k-step-text {
    display: none;
}

/** jquery ui tool tips*/
.ui-tooltip {
    background-color: #3C3C3B !important;
    border-radius: 10px !important;
}

.ui-tooltip-content {
    background-color: #3C3C3B;
    color: #fff;
    padding: 12px;
    font-size: 18px;
    line-height: 22px;
}

/*** tuggers */
#tuggers {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1400px;
    padding-bottom: 40px;
}

.tugger-selection-image {
    width: 220px;
    height: 110px;
    background-size: auto auto;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
}

.tugger-selection-box,
a.tugger-selection-box, a.tugger-selection-box:link, a.tugger-selection-box:visited, a.tugger-selection-box:hover {
    border: 1px solid rgba(0,0,0,.2);
    padding-top: 60px;
    width: 310px;
    height: 260px;
    margin: 0 auto;
    margin-bottom: 20px;
    background-color: #fff;
    display: block;
    text-align: center;
    color: #3c3c3b;
    text-decoration: none;
}

    .tugger-selection-box:hover, a.tugger-selection-box:hover {
        cursor: pointer;
        border: 1px solid #000;
    }

    .tugger-selection-box a, .tugger-selection-box a:link, .tugger-selection-box a:visited, .tugger-selection-box a:hover,
    a.tugger-selection-box div.button, a.tugger-selection-box:link div.button, a.tugger-selection-box:visited div.button, a.tugger-selection-box:hover div.button {
        margin: 0 auto;
        margin-top: 20px;
        display: block;
        width: 170px !important;
        background-color: #35A8E0;
        color: #fff;
        font-size: 18px; 
        padding-top: 10px;
        padding-bottom: 10px;
        line-height: 22px;
        border-radius: 30px;
        font-weight: bold;
    }

        a.tugger-selection-box:hover div.button,
        .tugger-selection-box a:hover {
            background-color: #000 !important;
        }

    .tugger-selection-box:hover a {
        background-color: #000 !important;
    }

    .tugger-selection-box h4 {
        text-align: center;
        font-size: 30px;
        line-height: 30px;
        padding: 0px;
        margin: 0px;
        margin-top: 20px;
        font-size: 16px;
        line-height: 20px;
        font-weight: normal;
    }

    .tugger-selection-box h5 {
        text-align: right;
        font-weight: normal;
        font-size: 12px;
        line-height: 12px;
        padding: 0px;
        margin: 0px;
        padding-top: 10px;
    }

/**** sections ****/
.section {
    padding-top: 80px;
    padding-bottom: 80px;
    background-color: #EFEFEF;
}

    .section.odd-section {
        background-color: #fff;
    }

        .section.odd-section.our-tuggers {
            background-image: url("images/range-of-tuggers-bg@2x.png");
            background-repeat: no-repeat;
            background-position: bottom right;
            margin-top: 30px;
        }

        .section.terms h2 {
            text-align: left;
            margin-bottom: 0px;
            padding-bottom: 0px;
        }

.content-area {
    max-width: auto;
    padding-left: 70px;
    padding-right: 70px;
    margin: 0 auto;
}

/** reviews bar **/
#reviews-bar .col-33 {
    text-align: center;
}

#reviews-bar img {
    height: 100px;
}

#reviews-bar {
    padding-top: 100px;
    padding-bottom: 50px;
}

#reviews-bar h2 {
    padding-bottom: 0px;
    margin-bottom: 0px;
}

#reviews-bar .col-33 {
    padding-bottom: 50px;
}

#reviews-bar p.intro-text {
    font-size: 21px;
    line-height: 25px;
    padding-top: 20px;
    padding-bottom: 50px;
}

.row.review-quotes .col-50 {
    text-align: center;
}

#reviews-bar iframe {
    width: 460px;
    height: 470px;
    overflow: hidden;
    margin: 0 auto;
}
/*** footer */
footer {
    background-color: #000;
    margin-bottom: -20px;
    padding-top: 60px;
    padding-bottom: 60px;
    font-size: 21px;
    line-height: 28px;
}

    footer div, footer p {
        color: #B3B3B3;
    }

#footer-contact, #footer-social {
    padding-left: 60px;
    padding-bottom: 40px;
}

#footer-contact {
    margin-right: 10px;
}

.small-footer-text {
    text-align: center;
    font-size: 19px;
    line-height: 28px;
    max-width: 1000px;
    margin: 0 auto;
}

footer h5 {
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    padding-bottom: 50px;
    margin: 0px;
    color: #fff;
}

a.footer-tugger-logo, nav a.footer-tugger-logo:link, nav a.footer-tugger-logo:visited, nav a.footer-tugger-logo:hover {
    background-image: url("images/tugger-footer@2x.png");
    width: 223px;
    height: 75px;
    background-size: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 50px;
    background-position: center center;
}

.footer-icon {
    width: 24px;
    height: 25px;
    background-size: 100%;
    position: absolute;
    background-repeat: no-repeat;
    margin-left: -55px;
}
    .footer-icon.address-icon {
        background-image: url("images/address_icon.svg");
        
    }

    .footer-icon.email-icon {
        background-image: url("images/footer-email-icon.svg");
        width: 23px;
        height: 17px;
        margin-top: 6px;
    }

    .footer-icon.phone-icon {
        background-image: url("images/footer-phone-icon.svg");
        width: 25px;
        height: 25px;
        margin-top: 2px;
    }

footer a, footer a:link, footer a:visited, footer a:hover {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    color: #35A8E0;
    text-decoration: underline;
}

footer ul {
    padding: 10px 0px 0px 0px;
    margin: 0px;
}

footer li {
    line-height: 50px;
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}

.iso-certification {
    margin-top: 50px;
    width: 150px;
    height: 150px;
    background-image: url("images/ISO_IEC_27001_2022 1.png");
    background-size: 100%;
    background-repeat: no-repeat;
}

.flashing-red {
    animation: flashRed 2.0s infinite;
    color: red; /* Static red color for browsers without animation support */
    font-size: 30px;
}

@keyframes flashRed {
    0% {
        color: red;
    }

    50% {
        color: transparent;
    }

    100% {
        color: red;
    }
}

#social-icons {
    padding-top: 22px;
}

#social-icons a, #social-icons a:link, #social-icons a:visited, #social-icons a:hover {
    display: inline-block;
    width: 27px;
    height: 27px;
    border-radius: 5px;
    margin-right: 10px;
}

    #social-icons a:hover {
        opacity: 0.7;
    }

#social-icons a.facebook {
    background-image: url("images/facebook.svg") !important;
}

    #social-icons a.twitter {
        background-image: url("images/twitter.svg") !important;
    }

    #social-icons a.linkedin {
        background-image: url("images/linkedin.svg") !important;
    }

    #social-icons a.youtube {
        background-image: url("images/youtube.svg") !important;
    }

    #social-icons a.instagram {
        background-image: url("images/instagram.svg") !important;
    }

#keep-up-to-date {
    margin-top: 40px;
    text-align: center;
}

#SubscribeFooterButton {
    position: absolute;
    width: 130px;
    margin-left: -130px;
    font-weight: normal;
    border-radius: 0px 20px 20px 0px;
    padding-top: 9px;
    padding-bottom: 8.5px;
    font-size: 21px;
    line-height: 21px;
    background-color: #35A8E0;
    height: 54px;
    z-index: 2;
}

#SubscribeFooterButton:hover {
    background-color: #B3B3B3;
}

#MailingListFooterThankYou, #MailingListThankYou {
    color: #35A8E0;
    font-weight: bold;
    display: none;
}

.mailing-list-row .col-25, .mailing-list-row .col-30 {
    border-bottom: none;
}

#MailingListEmailFieldFooter {
    padding-right: 140px;
    font-size: 21px;
    line-height: 21px;
}

.terms-links {
    text-align: center;
    padding-bottom: 50px;
    color: #fff;
}

    .terms-links a, .terms-links a:link, .terms-links a:visited, .terms-links a:hover {
        font-size: 21px;
        line-height: 35px;
    }

/*** home page */
.tugger-icon-section {
    padding: 20px;
    text-align: center;
}
    .tugger-icon-section h2 {
        font-size: 21px;
        line-height: 25px;
        padding-bottom: 0px;
        max-width: 200px;
        margin: 0 auto;
        padding-bottom: 20px;
    }
.tugger-icon-section p {
    max-width: 200px;
    margin: 0 auto;
}
.tugger-icon {
    width: 80px;
    height: 95px;
    background-size: 100%;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.tugger-icons {
    flex-wrap: wrap;
}

.tugger-icon.no-maintenance-icon {
    background-image: url("images/maintenance.svg");
}
.tugger-icon.no-coding-icon {
    background-image: url("images/no-coding.svg");
}
.tugger-icon.quickly-icon {
    background-image: url("images/quickly.svg");
}
.tugger-icon.secure-icon {
    background-image: url("images/security.svg");
}
.tugger-icon.data-pulled-icon {
    background-image: url("images/data-pulled.svg");
}
.tugger-icon.data-warehouse-icon {
    background-image: url("images/data-warehouse.svg");
}

#tugger-header-image {
    background-image: url("images/tugger-header-image@2x.png");
    height: 634px;
    width: 835px;
    background-repeat: no-repeat;
    background-position: top right;
    float: right;
    background-size: 100%;
}

h1.header-h1 {
    text-align: left;
    max-width: 450px;
    margin: 0px;
    padding: 0px;
    padding-top: 70px;
    padding-bottom: 45px;
}

h2.strapline {
    font-size: 18px;
    text-align: left;
    line-height: 22px;
    font-weight: normal;
    max-width: 450px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 45px;
}

a.home-header-button, a.home-header-button:link, a.home-header-button:visited, a.home-header-button:hover {
    width: auto;
    font-size: 18px;
    line-height: 22px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #35A8E0;
}

    a.home-header-button:hover {
        border: 1px solid #000;
    }

    a.home-header-button.demo-button, a.home-header-button.demo-button:link, a.home-header-button.demo-button:visited, a.home-header-button.demo-button:hover {
        background-color: #efefef !important;
        border: 1px solid #35A8E0;
        color: #35A8E0;
    }

        a.home-header-button.demo-button:hover {
            border: 1px solid #000;
            color: #000;
        }


.home-header-list {
    margin: 0px;
    padding: 0px;
    padding-top: 35px;
    list-style-type: none;
}

    .home-header-list li {
        margin: 0px;
        padding: 0px;
        margin-left: 30px;
        padding-bottom: 5px;
        font-size: 18px;
        line-height: 20px;
    }

        .home-header-list li:before {
            content: '';
            display: inline-block;
            height: 34px;
            width: 20px;
            background-size: 100%;
            background-position: center bottom;
            background-repeat: no-repeat;
            background-image: url("images/checkbox-tick.svg");
            background-repeat: no-repeat;
            margin-right: 10px;
            margin-left: -30px;
        }

.section.home-section-header {
    padding-bottom: 0px;
    padding-top: 0px;
}

.content-area.diagram-content-area {
    max-width: 1200px;
}

.diagram {
    padding-top: 0px;
}
.mobile-diagram {
    display: none;
}

.diagram-source-row {
    padding-bottom: 45px;
}

.demo-icon {
    width: 47px;
    height: 47px;
    background-size: 100%;
    background-repeat: no-repeat;
}

    .demo-icon.harvest-icon {
        background-image: url("images/harvest.svg");
    }
    .demo-icon.github-icon {
        background-image: url("images/github.svg");
    }
    .demo-icon.jira-icon {
        background-image: url("images/jira.svg");
    }

.diagram-text {
    padding-top: 14px;
    font-size: 18px;
    line-height: 21px;
}

.diagram-arrow {
    width: 58px;
    height: 35px;
    background-image: url("images/diagram-arrow.svg");
    margin-top: 8px;
}

.tugger-diagram-icon {
    background-image: url("images/tugger@2x.png");
    background-size: 179px auto;
    background-repeat: no-repeat;
    background-position: center center;
}
.tugger-diagram-icon, .analytics-icons {
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    width: 100%;
    height: 235px;
}

#report-types {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 1400px;
    padding-bottom: 40px;
}

.diagram-arrow.final-arrow {
    margin: 0 auto;
    margin-top: 100px;
}
.tableau-diagram-icon {
    background-image: url("images/tableau_and_power_bi.svg");
    width: 207px;
    height: 78px;
    margin: 0 auto;
    margin-top: 80px;
}

#tugger-menu {
    background-color: #3C3C3B;
    height: 42px;
    padding-top: 16px;
}

    #tugger-menu a, #tugger-menu a:link, #tugger-menu a:visited, #tugger-menu a:hover {
        color: #fff;
        text-decoration: none;
        font-size: 18px;
        line-height: 22px;
        font-weight: bold;
        margin-right: 25px;

    }

    #tugger-menu span.menu-line {
        font-size: 18px;
        line-height: 22px;
        color: #fff;
        margin-right: 25px;
    }

    #tugger-menu a:hover, #tugger-menu a.active-page {
        color: #35A8E0 !important;
    }

.active-switch {
    float: right;
}

.active-label {
    float: left;
    color: #fff;
    font-size: 18px;
    line-height: 20px;
    margin-right: 25px;
}

.active-switch .k-switch-container, .active-switch .k-switch-track {
    margin-top: -7px;
}

.active-switch .k-switch .k-switch-thumb {
    height: 20px;
    width: 20px;
    margin-top: -3px;
}

.k-switch-on .k-switch-handle, .k-switch-on:hover .k-switch-handle, .k-switch-on .k-switch-thumb, .k-switch-on:hover .k-switch-thumb {
    background-color: #35A8E0 !important;
}

.k-switch-on .k-switch-container, .k-switch-on:hover .k-switch-container, .k-switch-on .k-switch-track, .k-switch-on:hover .k-switch-track {
    background-color: #EFEFEF !important;
}

.k-switch-on.k-state-readonly .k-switch-handle, .k-switch-on:hover .k-switch-handle, .k-switch-on.k-state-readonly .k-switch-thumb, .k-switch-on:hover .k-switch-thumb {
    background-color: #cbecfc !important;
}

h1.integration-heading span {
    height: 60px;
    width: 60px;
    background-size: 100%;
    display: inline-block;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
}

.summary-box {
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    padding: 20px;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
}

.split-page {
    background-color: #fff;
}

.split-page-right {
    background-color: #35A8E0;
    padding-bottom: 200px;
    padding-top: 100px;
    padding-left: 80px;
    padding-right: 80px;
}

.split-page-left {
    padding-left: 80px;
    padding-right: 80px;
    background-image: url("images/header-background@2x.png");
    background-size: 350%;
    background-repeat: no-repeat;
    background-color: #EFEFEF;
    background-position: bottom right;
    padding-bottom: 200px;
    padding-top: 100px;
}

.split-page-left h1 {
    color: #35A8E0;
    text-align: left;
    font-size: 49px;
    line-height: 58px;
}

    .split-page-left h2 {
        color: #000;
        text-align: left;
        font-size: 18px;
        line-height: 22px;
    }

.split-page-right h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 84px;
    line-height: 100px;
    margin: 0px;
    padding: 0px;
}

.split-page-right p {
    color: #fff;
    text-align: center;
    font-size: 43px;
    line-height: 52px;
}

.split-page-right.ign-up-page-right p {
    text-align: center
}

p.sign-in-already-have-account {
    color: #B3B3B3;
    text-align: center;
    font-size: 21px;
    line-height: 25px;
    padding-top: 20px;
}

    p.sign-in-already-have-account a, p.sign-in-already-have-account a:link, p.sign-in-already-have-account a:visited, p.sign-in-already-have-account a:hover {
        color: #35A8E0;
        text-decoration: none;
    }

    p.sign-in-already-have-account a:hover {
        text-decoration: underline;
    }

.sign-up-checkbox .k-checkbox + .k-checkbox-label {
    padding-top: 5px;
    color: #B3B3B3;
}

a.split-page-right-logo, a.split-page-right-logo:link, a.split-page-right-logo:visited, a.split-page-right-logo:hover {
    background-image: url("images/tugger-logo-white@2x.png");
    width: 498px;
    height: 167px;
    display: block;
    background-size: 100%;
    float: right;
    margin-top: 20px;
}

#sign-up-image {
    background-image: url("images/sign-up-image@2x.png");
    width: 100%;
    height: 742px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position-y: top;
    margin-left: 50px;
    margin-top: 170px;
}

    #sign-up-image.sign-in-image {
        background-image: url("images/sign-in-image@2x.png");
        margin-top: 20px;
        background-position-x: center;
        margin-left: 0px;
        width: 100%;
        height: 500px;
        margin: 0 auto;
        background-size: auto 100%;
    }

/*** faq ***/

.faqs h1 {
    text-align: left;
    font-weight: bold;
    font-size: 90px;
    line-height: 90px;
    margin-top: 0px;
    padding-top: 0px;
}

.faq div {
    padding-top: 30px;
}

    .faq h2 {
        font-size: 29px;
        line-height: 34px;
        text-align: left;
        cursor: pointer;
        padding: 45px 0px 45px 0px;
        margin: 0px;
        border-bottom: 1px solid #e1e1e1;
        text-transform: uppercase;
    }

.faqs .faq:first-child h2 {
    border-top: 1px solid #e1e1e1;
}

.faq h2 span {
    color: #35A8E0;
    font-size: 50px;
    line-height: 50px;
    float: right;
    margin-left: 40px;
    margin-top: -8px;
    display: block;
}

.faq div {
    display: none;
}
    .faq div p {
        font-size: 20px;
        line-height: 25px;
    }

.faq-image {
    text-align: center;
}

.faq-image img {
    width: 80%;
    height: auto;
    margin-top: 50px;
}

.faq h2 span.faq-hide {
    display: none;
    margin-right: 5px;
}


/** end FAQ */

.active-switch.pricing-switch {
    float: none;
    width: 300px;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 40px;
}

    .active-switch.pricing-switch .row {
        align-items: center;
        justify-content: center;
    }

    .active-switch.pricing-switch .row {
        display: flex !important;
    }
        .active-switch.pricing-switch .row .col-33 {
            flex-basis: 33% !important;
        }
    
    .active-switch.pricing-switch .k-switch-off .k-switch-handle {
    background-color: #35A8E0 !important;
}

    .active-switch.pricing-switch .k-switch-off .k-switch-container {
        background-color: #fff;
    }


.payment-plan-box {
    border: 1px solid #e1e1e1;
    padding: 40px 20px;
    border-radius: 20px;
    margin: 0px 10px 50px 10px;
    text-align: center;
    min-height: 550px;
}

.payment-plan-box h3 {
    font-size: 27px;
    line-height: 32px;
    font-weight: normal;
}

    .payment-plan-box h4 {
        color: #35A8E0;
    }

    .payment-plan-box h5 {
        color: #3C3C3B;
    }

    .payment-plan-box ul {
        margin-left: 0px;
        padding-left: 20px;
    }

.plan-features {
    margin: 0 auto;
    max-width: 650px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 40px;
}

.payment-plan-box li, .plan-features li {
    padding-bottom: 20px;
    text-align: left;
    margin-left: 0px;
    list-style-type: none;
    padding-left: 30px;
}

    .payment-plan-box ul li:before, .plan-features li:before {
        content: '';
        display: inline-block;
        height: 34px;
        width: 20px;
        background-size: 100%;
        background-position: center bottom;
        background-repeat: no-repeat;
        background-image: url("images/checkbox-tick.svg");
        background-repeat: no-repeat;
        margin-right: 10px;
        margin-left: -30px;
    }

.payment-plan-box a.button {
    text-align: center;
    margin-top: 20px;
}

.payment-plan-box p {
    padding-top: 20px;
}

.payment-plans-pricing-section {
    background-color: #35A8E0;
}

    .payment-plans-pricing-section .slick-next {
        right: 100px;
        background-image: url("images/connector-page/right-arrow.png");
        width: 100px;
        height: 100px;
        background-size: 100%;
        z-index: 10;
    }

    .payment-plans-pricing-section .slick-prev {
        left: 100px;
        background-image: url("images/connector-page/left-arrow.png");
        width: 100px;
        height: 100px;
        background-size: 100%;
        z-index: 10;
    }

    .payment-plans-pricing-section .slick-prev:hover,
    .payment-plans-pricing-section .slick-next:hover {
        opacity: 0.8;
    }

.connector-page .payment-plans-pricing-section .content-area {
    max-width: none;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.payment-plans-pricing-section .pricing-switch {
    max-width: 410px;
    width: auto;
    margin-top: 20px;
    margin-bottom: 40px;
}

.payment-plans-pricing-section .pricing-switch .col-33:first-child {
    text-align: right;
}

    .payment-plans-pricing-section .pricing-switch .col-33:last-child {
        text-align: left;
    }

.payment-plans-pricing-section .pricing-switch div {
    color: #fff;
}

    .payment-plans-pricing-section .k-switch-md .k-switch-track {
        width: 80px;
        height: 40px;
    }

    .payment-plans-pricing-section .k-switch-off .k-switch-track {
        background-color: #fff;
    }

    .payment-plans-pricing-section .active-switch .k-switch .k-switch-thumb {
        height: 34px;
        width: 34px;
    }

    .payment-plans-pricing-section .k-switch-on:hover .k-switch-thumb {
        background-color: #ffc501 !important;
    }

    .payment-plans-pricing-section .k-switch .k-switch-thumb {
        background-color: #000 !important;
    }

    .payment-plans-pricing-section .k-switch .k-switch-thumb {
        box-shadow: none;
    }

    .payment-plans-pricing-section .k-switch-md.k-switch-off .k-switch-thumb-wrap {
        left: calc(27px + -3px);
    }

    .payment-plans-pricing-section .k-switch-md.k-switch-on .k-switch-thumb-wrap {
        left: calc(100% + 23px - -3px);
    }

.payment-plans .payment-plan-box {
    margin-left: 20px;
    margin-right: 20px;
    background-color: #fff;
    border: none;
    min-height: 0px;
    height: 500px;
    margin-top: 50px;
    padding-top: 10px;
    opacity: 0.5;
    transition: height 0.5s;
    transition: margin-top 0.5s;
}

.payment-plans.annual-selected .payment-plan-box {
    height: 600px;
}

    .payment-plans .payment-plan-box h3 {
        font-weight: bold;
        font-size: 30px;
        line-height: 30px;
    }

    .payment-plans .payment-plan-box h4 {
        font-size: 50px;
        line-height: 50px;
        margin: 0px;
        padding: 0px;
    }
    .payment-plans .payment-plan-box h5 {
        font-size: 20px;
        line-height: 20px;
        margin: 0px;
        padding: 0px;
        color: #35A8E0;
    }

.payment-plans .payment-plan-box ul li {
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 18px;
    padding-left: 0px;
    margin-left: 0px;
}

.payment-plans .payment-plan-box ul li:before {
    background-image: none;
}

.payment-plans .payment-plan-box .yearly-plan-saving {
    padding-top: 20px;
    color: #ac0505;
}

.payment-plans .slick-current .payment-plan-box {
    height: 600px;
    margin-top: 0px;
    margin-bottom: 80px;
    opacity: 1;
}

    .payment-plans.annual-selected .slick-current .payment-plan-box {
        height: 690px;
    }

    .payment-plans .slick-current .payment-plan-box h3 {
        font-size: 36px;
        line-height: 36px;
    }

    .payment-plans .slick-current .payment-plan-box h4 {
        font-size: 56px;
        line-height: 56px;
    }

    .payment-plans .slick-current .payment-plan-box h5 {
        font-size: 24px;
        line-height: 24px;
    }

    .payment-plans .slick-current .payment-plan-box ul li {
        font-size: 20px;
        line-height: 20px;
    }

.payment-plans .payment-plan-box .enterprise-plan-text {
    color: #3C3C3B;
    padding-top: 100px;
}

.payment-plans a.round-button, .payment-plans a.round-button:link, .payment-plans a.round-button:visited, .payment-plans a.round-button:hover {
    width: 130px;
    height: 130px;
    padding-top: 40px;
    font-size: 22px;
    line-height: 26px;
    margin-top: -10px;
    margin-bottom: 0px;
}

.payment-plans .slick-current a.round-button, .payment-plans .slick-current a.round-button:link, .payment-plans .slick-current a.round-button:visited, .slick-current .payment-plans a.round-button:hover {
    width: 150px;
    height: 150px;
    padding-top: 45px;
    font-size: 26px;
    line-height: 32px;
    margin-top: 20px;
}

.payment-plans-pricing-section h2 {
    color: #fff;
    font-weight: bold;
    font-size: 36px;
    line-height: 40px;
    padding-bottom: 0px;
}

.payment-plans-pricing-section p {
    color: #fff;
    text-align: center;
    font-size: 26px;
    line-height: 32px;
    padding-bottom: 60px;
    margin: 0 auto;
    max-width: 800px;
}

.payment-plan-small {
    max-width: 550px;
    padding-left: 10px;
    padding-right: 10px;
    margin: 0 auto;
}

.payment-plan-small p {
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    padding-bottom: 20px;
    text-align: left;
}

.pricing-available-plans {
    text-align: center;
    padding-bottom: 50px;
    font-size: 26px;
    line-height: 26px;
}

.tugger-intro h1 {
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
}
.tugger-intro h2 {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 40px;
}

.connector-intro {
    text-align: center;
    font-size: 22px;
    line-height: 30px;
    max-width: 500px;
    margin: 0 auto;
}

.connector-logo {
    margin: 0 auto;
    width: auto;
    height: 100px;
    display: block;
}



.connector-power-bi-template iframe {
    margin: 0 auto;
    margin-top: 40px;
    text-align: center;
    display: block;
    width: 1140px;
    height: 680px;
}

.connector-power-bi-template {
    text-align: center;
}

.coming-soon {
    width: 300px !important;
    font-size: 26px !important;
    line-height: 26px;
    text-align: center;
    text-transform: uppercase;
    background-color: #ac0505;
    color: #fff;
    width: 250px;
    margin: 0 auto;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    border-radius: 30px;
}

/* Style The Dropdown Button */
.dropbtn {
    cursor: pointer;
    font-size: 18px;
    line-height: 22px;
    color: #000;
    text-decoration: none;
    padding-bottom: 10px;
    margin-left: 20px;
    background-image: url("images/menu-dropdown-arrow.svg");
    background-size: 14px 8px;
    background-position: right 8px;
    background-repeat: no-repeat;
    padding-right: 20px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 3;
}

    .dropdown-content ul, .dropdown-content li {
        margin: 0px;
        padding: 0px;
    }

    .dropdown-content li {
        display: block;
    }

    /* Links inside the dropdown */
    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        margin: 0 !important;
        border-bottom: 5px solid #f9f9f9;
    }

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    
}

.platform-page .col-50 h3, .platform-page .col-50 h1 {
    text-align: left;
    font-size: 44px;
    line-height: 52px;
    font-weight: normal;
}

.platform-page p {
    font-size: 21px;
    line-height: 25px;
    max-width: 500px;
}

.platform-image-col {
    text-align: center;
}

.platform-image-col img {
    width: 50%;
    height: auto;
}

.security-iso-27001 {
    width: 200px;
    height: 200px;
    background-image: url('images/ISO_IEC_27001_2022 1.png');
    background-size: 100%;
}

#contact-details {
    color: #fff;
    font-size: 21px;
    line-height: 28px;
    max-width: 270px;
    margin: 0 auto;
}

    #contact-details a, #contact-details a:link, #contact-details a:visited, #contact-details a:hover {
        color: #fff;
        text-decoration: underline;
    }

    #contact-details a:hover {
        color: #3C3C3B;
    }

    #contact-details .footer-icon {
        filter: brightness(0) invert(1);
    }

.k-loading-image, .loading-wheel {
    /*background-image: url("images/preloader.png") !important;
    background-size: 64px 64px;
    background-position: center center;*/
}

.loading-wheel {
    width: 64px;
    height: 64px;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
}

.section.sign-up-bar {
    background-color: #16545E;
    color: #fff;
    padding-top: 80px;
    padding-bottom: 100px;
}

    .section.sign-up-bar.partner-bar {
        background-color: #3C3C3B;
    }

.sign-up-bar h2 {
    padding-bottom: 20px;
}

.sign-up-bar h2, .sign-up-bar p.intro-text {
    color: #fff;
}

.sign-up-buttons {
    margin: 0 auto;
    max-width: 520px;
}

    .sign-up-buttons a {
        display: block !important;
        margin: 0 auto;
        width: 240px !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        margin-bottom: 20px !important;
    }

    .sign-up-buttons a.alt-button, .sign-up-buttons a.alt-button:link, .sign-up-buttons a.alt-button:visited, .sign-up-buttons a.alt-button:hover {
        background-color: #fff !important;
        color: #000;
    }

        .sign-up-buttons a.alt-button:hover {
            background-color: #000 !important;
            color: #fff;
        }

.sign-up-bar p.intro-text {
    font-size: 21px;
    line-height: 25px;
    padding-top: 0px;
    padding-bottom: 50px;
    max-width: 400px;
}

.sign-up-bullets {
    text-align: center;
    color: #fff;
}

/*** blogs **/
.blog-edit-sections .row {
    display: block;
}

.cover-image {
    margin-top: 5px;
    width: 100%;
    height: 592px;
    background-size: cover;
    background-position: center center;
}

.blog-content {
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    max-width: 1060px;
    font-size: 24px;
    line-height: 29px;
    color: #B3B3B3;
}

    .blog-content p {
        color: #6e6e6e;
    }

.blog-content h1 {
    font-weight: bold;
    font-size: 69px;
    line-height: 82px;
    padding-top: 60px;
    padding-bottom: 100px;
    color: #3C3C3B;
}

.blog-content img {
    margin: 0 auto;
    max-width: 100%;
    width: auto;
    height: auto;
    text-align: center;
    display: block;
    margin-bottom: 100px;
}

.blog-content-video {
    width: 100%;
    height: 740px;
    margin-bottom: 100px;
}

.blog-text {
    margin-bottom: 100px;
}

.blogs {
    max-width: 1740px;
    margin: 0 auto;
}

.blogs-title {
    padding-left: 10px;
    padding-right: 10px;
}

.featured-blog-image, .featured-blog-image:link, .featured-blog-image:visited, .featured-blog-image:hover {
    background-size: cover;
    background-position: center center;
    width: 100%;
    height: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    text-decoration: none;
}

.featured-blog-image:hover {
    cursor: pointer;
}

.blog-main-feature-text h2 {
    text-align: left;
    margin: 0px;
    padding: 0px;
    font-size: 42px;
    line-height: 50px;
    padding-bottom: 40px;
    padding-top: 100px;
}

.blog-main-feature-text {
    margin-left: 75px;
    margin-right: 10px;
    font-size: 20px !important;
    line-height: 38px !important;
    color: #565655;
    height: 525px;
}

.main-feature-date {
    float: right;
    font-weight: bold;
    color: #35A8E0;
}

.main-reading-time {
    float: left;
}

a.main-feature-read-more {
    margin-left: 75px;
}

.blog-tags {
    margin-top: 60px;
    margin-bottom: 45px;
    margin-left: 10px;
}

    .blog-tags a, .blog-tags a:link, .blog-tags a:visited, .blog-tags a:hover {
        color: #fff;
        background-color: #3e3e3d;
        font-size: 22px;
        line-height: 22px;
        padding: 15px 30px;
        display: inline-block;
        margin-right: 40px;
        margin-bottom: 45px;
        text-decoration: none;
    }

    .blog-tags a:hover {
        background-color: #6e6e6e;
    }

.featured-blogs {
    max-width: 1760px;
    margin: 0 auto;
}

    .featured-blogs h2 {
        font-size: 42px;
        line-height: 50px;
        text-align: left;
        margin-left: 10px;
    }

    .blog-item h3 {
        padding-bottom: 20px;
        font-size: 40px;
        line-height: 50px;
    }

.blog-item-text {
    height: 500px;
    font-size: 20px;
    line-height: 38px;
}

.blog-row {
    flex-wrap: wrap;
    gap: 5%;
    padding-left: 10px;
    padding-right: 10px;
}

    .blog-row .col-33 {
        flex-basis: 30%;
        box-sizing: border-box;
    }

.blog-row {
    margin-left: 0px;
    margin-left: 0px;
}

a.blog-image, a.blog-image:link, a.blog-image:visited, a.blog-image:hover {
    text-decoration: none;
    border: none;
    background-size: cover;
    background-position: center center;
    display: block;
}

 a.blog-image:hover {
     opacity: 0.9;
 }

.blog-image img {
    width: 100%;
    height: 256px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-image:hover {
    cursor: pointer;
}

.whitepaper-banner {
    background-color: #000;
    color: #fff;
    text-align: center;
    opacity: 0.7;
    font-size: 24px;
    line-height: 24px;
    width: 100%;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: normal;
    letter-spacing: 2px;
    transform: skewY(-25deg);
    height: 55px;
    box-sizing: border-box;
    border-top: 5px solid #35A8E0;
    border-bottom: 5px solid #35A8E0;
}

.blog-item {
    border-bottom: 1px solid #B3B3B3;
    padding-bottom: 60px;
    margin-bottom: 75px;
}

.whitepaper-blog-item {
    background-color: #C3E4F5;
    padding: 20px 20px 60px 20px;
    border-bottom: 1px solid #C3E4F5;
}

    .whitepaper-blog-item .blog-item-text {
        height: 480px;
    }

    .blog-item .blog-image {
        width: 100%;
        height: 256px;
        background-size: cover;
        background-position: center center;
    }

.blog-item h3 {
    clear: both;
    padding-top: 30px;
    font-size: 42px; 
    font-weight: normal;
}

.blog-item .main-feature-date {
    color: #3C3C3B;
}

.youtube-video {
    width: 100%;
    height: 600px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.blog-quote-section {
    text-align: right;
    padding-bottom: 120px;
}

.blog-quote blockquote {
    quotes: "\201C""\201D""\2018""\2019";
}

    .blog-quote blockquote:before, .blog-quote blockquote:after {
        font-weight: bold;
        font-size: 100px;
        color: #fff;
    }

.blog-quote blockquote:before {
    content: open-quote;
}

.blog-quote blockquote:after {
    content: close-quote;
    float: right;
}

.blog-quote-text {
    margin-left: 45px;
    margin-right: 45px;
    padding-bottom: 25px;
    margin-top: -25px;
}

.blog-quote {
    background-color: #ffc501;
    color: #fff;
    border-radius: 35px;
    padding: 20px 0px;
    color: #3C3C3B;
    font-size: 32px;
    line-height: 40px;
    text-align: left;
    font-weight: 700;
}

.blog-quote-swish {
    background-image: url("images/speech-bubble-flick.png");
    background-size: 100%;
    background-repeat: no-repeat;
    width: 110px;
    height: 110px;
    margin-bottom: 10px;
    float: right;
    margin-right: 50px;
    margin-left: 30px;
}

.blog-quote-name {
    margin-top: 15px;
}

.blog-quote-job-title, .blog-quote-company-at, .blog-quote-company {
    display: inline-block;
    font-size: 17px;
    line-height: 17px;
}

.blog-quote-job-title {
    display: block;
    margin-bottom: -5px;
}
.blog-quote-job-title, .blog-quote-name, .blog-quote-company {
    font-weight: bold;
}

#read-blogs-link {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 100px;
}

a#read-all-our-blogs, a#read-all-our-blogs:link, a#read-all-our-blogs:visited, a#read-all-our-blogs:hover {
    font-size: 42px;
    text-decoration: none;
    background-image: url("images/blog-arrow.svg");
    background-repeat: no-repeat;
    background-position: right 13px;
    background-size: 19px 32px;
    padding-right: 30px;
    display: inline-block;
}

    a#read-all-our-blogs:hover {
        background-image: url("images/blog-arrow-hover.svg");
    }

.pages {
    font-size: 42px;
    margin-bottom: 40px;
    text-align: center;
}

    .pages a, .pages a:link, .pages a:visited, .pages a:hover {
        display: inline-block;
        margin-left: 5px;
        margin-right: 5px;
        text-decoration: none;
    }

.mailing-list-section {
    max-width: 1760px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 40px;
}

    .mailing-list-section .row {
        border-bottom: 1px solid #B3B3B3;
        border-top: 1px solid #B3B3B3;
        padding-top: 120px;
        padding-bottom: 120px;
    }

    .mailing-list-section p {
        font-size: 42px;
        line-height: 50px;
    }

    .mailing-list-section .k-textbox {
        width: 334px !important;
        margin-left: 100px;
        font-size: 34px;
        line-height: 34px;
        border-radius: 30px;
        float: right;
        height: 82px;
    }

        .mailing-list-section .k-textbox input.k-input-inner {
            padding-top: 5px;
            padding-bottom: 5px;
            border-radius: 30px;
            height: 82px;
        }

    .mailing-list-section .row {
        align-items: center;
    }

.mailing-list-feedback {
    float: right;
    font-size: 24px;
    line-height: 24px;
}

#SubscribeMailingListButton {
    display: inline-block;
    width: auto;
    margin-left: 50px;
    font-weight: normal;
    font-size: 34px;
    line-height: 34px;
    padding-top: 24px;
    padding-bottom: 24px;
    float: right;
}

.analytics-download-section .button.small-button, .analytics-download-section .button.small-button:link, .analytics-download-section .button.small-button:visited, .analytics-download-section .button.small-button:hover {
    width: 100%;
}

.analytics-download-button-box {
    margin: 0 auto;
    width: 80%
}

.report-slider {
    max-width: 1000px;
    margin: 0 auto;
}

.report-download-disclaimer {
    font-size: 12px;
    padding-top: 10px;
}

.partner-bar-logo {
    height: 120px;
}

.partners-bar.odd-section {
    background-color: #f9f9f9;
}

.partners-bar .partners-row {
    flex-wrap: wrap;
} 

.partners-bar img {
    width: auto;
    height: 100px;
    text-align: center;
    margin-top: 40px;
}

.partners-bar .col-25, .partners-bar .col-33 {
    text-align: center;
}

.partners-bar h5 {
    font-size: 32px;
    line-height: 32px;
    color: #6e6e6e;
    font-weight: normal;
    margin-top: 0px;
    padding-top: 30px;
}

.request-access {
    background-color: #545454;
    color: #fff;
    padding: 10px;
    margin-bottom: -5px;
    margin-top: -40px;
    text-align: center;
}

.k-grid-header .k-header {
    overflow: visible !important;
    white-space: normal !important;
    background-color: #fafafa;
}

.k-grid-header {
    background-color: #fafafa;
}

.k-grid .k-table-th.k-header {
    font-size: 16px;
    line-height: 18px;
    font-weight: normal;
    font-family: 'Source Sans Pro';
}

.k-grid-content .k-table-td {
    font-size: 16px;
    line-height: 18px;
    color: #3c3c3b;
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: 'Source Sans Pro';
}

.k-pager-info.k-label {
    font-family: 'Source Sans Pro';
}

.k-grid-pager .k-button, .k-grid-pager .k-button:hover {
    padding-left: 5px !important;
    padding-right: 5px !important;
    padding-top: 5px !important;
    padding-bottom: 3px !important;
    margin-right: 10px;
    border-radius: 100% !important;
}

.k-grid-pager .k-button.k-selected {
    background-color: #000 !important;
}


.switch-row {
    padding-bottom: 30px;
}

.terms li {
    padding-top: 10px;
    padding-bottom: 10px;
}

.terms-table {
    border-spacing: 0px;
    border-collapse: collapse;
    border-bottom: 1px solid #3C3C3B;
    border-right: 1px solid #3C3C3B;
}

.terms-table th {
    border-left: 1px solid #3C3C3B;
    border-top: 1px solid #3C3C3B;
    font-weight: bold;
    padding: 10px;
}

    .terms-table td {
        border-left: 1px solid #3C3C3B;
        border-top: 1px solid #3C3C3B;
        vertical-align: top;
        text-align: left;
        padding: 10px;
    }

.data-processing-table {
    border-spacing: 0px;
    border-collapse: collapse;
    margin-top: 20px;
}

    .data-processing-table th, .data-processing-table td {
        padding-bottom: 30px;
        padding-right: 20px;
        text-align: left;
        vertical-align: top;
    }

    .data-processing-table tr td:first-child, .data-processing-table tr th:first-child {
        width: 40px;
    }
    .data-processing-table tr td:nth-child(2) {
        width: 200px;
    }

.login-page h1 {
    margin-top: -60px;
    margin-bottom: 20px;
}

.sso-login-section {
    text-align: center;
    border-top: 1px solid #ccc;
    padding-top: 30px;
    margin-top: -30px;
}

.login-or-section {
    text-align: center;
    font-size: 30px;
    color: #35A8E0;
    font-weight: bold;
    padding-top: 20px;
    margin-bottom: -20px;
}

.connection-status-fail {
    color: #ac0505;
    font-weight: bold;
}

.pricing-small {
    font-size: 14px;
    text-align: left;
}

.speed-warning {
    color: #ac0505;
    font-weight: bold;
}

.trial-min-frequency {
    color: #ac0505;
    font-style: italic;
}

.preload-quickbooks-connect {
    background-image: url("images/C2QB_green_btn_tall_hover_2x.png");
    position: absolute;
}

.connect-to-quickbooks-button, .connect-to-quickbooks-button:hover {
    border-radius: 5px;
    background: none !important;
    background-image: url("images/C2QB_green_btn_tall_default_2x.png") !important;
    background-size: 100% auto !important;
    height: 50px;
    padding: 0px;
    width: 275px;
}

.connect-to-quickbooks-button:hover {
    background-image: url("images/C2QB_green_btn_tall_hover_2x.png") !important;
}

a.button.button-small.move-list-button,
a.button.button-small.move-list-button:link,
a.button.button-small.move-list-button:visited,
a.button.button-small.move-list-button:hover {
    display: block !important;
    padding: 10px !important;
    font-size: 20px;
    height: 40px;
    width: 40px;
    line-height: 20px;
    border-radius: 40px;
    margin: 0 auto;
    margin-top: 120px;
}

.multi-selet-list {
    width: 100%;
    height: 400px;
}


#embedContainer {
    height: 740px;
}

#report-buttons {
    float: right;
    margin-top: -40px;
    margin-left: 30px;
    padding-bottom: 5px;
}

.h-normal {
    font-weight: normal;
}

.new-user-accounts-costings {
    display: none;
}

.portal-user-licenses a#remove-users, .portal-user-licenses a#remove-users:link, .portal-user-licenses a#remove-users:visited,
.portal-user-licenses a#remove-users:hover,
.portal-user-licenses a#add-users, .portal-user-licenses a#add-users:link, .portal-user-licenses a#add-users:visited,
.portal-user-licenses a#add-users:hover {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    padding: 0px;
    text-align: center;
    padding-top: 9px;
    font-weight: bold;
    font-size: 26px;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 8px;
}
.portal-user-licenses .col-10 {
    flex-basis: 10px;
}
.portal-user-licenses label {
    margin-top: 0px;
    padding-top: 0px;
}

.portal-user-licenses .k-input-inner {
    text-align: center;
}

#edit-profile-role-changed {
    display: none;
}

#edit-profile-role-changed p {
    font-weight: bold;
    text-align: center;
    font-size: 30px;
    color: #ac0505;
}

a.float-right-button, a:link.float-right-button, a:visited.float-right-button, a:hover.float-right-button {
    float: right;
}

#partner-logo-preview {
    max-width: 200px;
    max-height: 120px;
    margin: 0 auto;
    display: block;
    border: 1px solid rgba(204,204,204,1);
    padding: 25px;
}

/*** partner listing */

.section.solutions-directory-header-section {
    background-color: #35A8E0;
    padding-top: 20px;
    padding-bottom: 20px;
}

.solutions-directory-page h1 {
    text-align: left;
    color: #fff;
    font-weight: bold;
    padding-right: 30px;
    padding-top: 100px;
}

.section.solutions-directory-header-section h2 {
    color: #fff;
    text-align: left;
    padding-right: 30px;
    padding-bottom: 100px;
}

.solutions-directory-header-image {
    background-image: url("images/partner-programme/parrtner-solutions-directory.png");
    height: 500px;
    width: 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
}

.partner-tier {
    float: right;
    width: 90px;
    height: 90px;
    background-size: 100%;
    margin-top: 0px;
    margin-right: -10px;
    margin-left: 20px;
    margin-bottom: 20px;
}
.partner-tier-0 {
    background-image: url("images/partner-tiers/tugger-partner.png");
}
.partner-tier-1 {
    background-image: url("images/partner-tiers/tugger-partner-bronze.png");
}
.partner-tier-2 {
    background-image: url("images/partner-tiers/tugger-partner-silver.png");
}
.partner-tier-3 {
    background-image: url("images/partner-tiers/tugger-partner-gold.png");
}
.partner-tier-4 {
    background-image: url("images/partner-tiers/tugger-partner-diamond.png");
}

.partner-listing-box {
    border: 2px solid #ddeff8;
    border-radius: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}

    .partner-listing-box .row .col-25 {
        align-items: center;
        align-content: center;
        justify-content: center;
        text-align: center;
    }

.partner-listing-box img {
    max-width: 200px;
    display: inline-block;
    text-align: center;
}

.partner-listing-vertical-line {
    height: 230px;
    width: 2px;
    float: left;
    background-color: #ddeff8;
    margin-top: 0px;
    margin-bottom: 8px;
    margin-right: 20px;
}

.partner-tier-listing-content {
    padding: 8px 20px 20px 0px;
}

.partner-tier-listing-content h4 {
    font-size: 28px;
    line-height: 34px;
    padding-top: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

.partner-tier-listing-content p {
    font-size: 18px;
    line-height: 20px;
}


.partner-listing .row {
    flex-wrap: wrap;
}

.partner-listing .tugger-selection-box,
.partner-listing a.tugger-selection-box,
.partner-listing a.tugger-selection-box:link,
.partner-listing a.tugger-selection-box:visited,
.partner-listing a.tugger-selection-box:hover {
    height: 330px;
}

.filter-section a#apply-filters,
.filter-section a#apply-filters:link,
.filter-section a#apply-filters:visited,
.filter-section a#apply-filters:hover,
.filter-section a#clear-filters,
.filter-section a#clear-filters:link,
.filter-section a#clear-filters:visited,
.filter-section a#clear-filters:hover {
    display: block;
    margin: 0 auto;
    margin-top: 20px;
    max-width: 150px;
}

#filter-pane {
    background-color: #ddeff8;
    padding: 20px 20px 20px 20px;
    margin-right: 40px;
    border-radius: 20px;
}

#filter-pane h4 {
    margin-bottom: 0px;
    padding-bottom: 10px;
    background-size: 60px 60px;
    height: 60px;
    background-position: left top;
    background-repeat: no-repeat;
    padding-left: 70px;
    margin-bottom: 10px;
    align-items: center;
    align-content: center;
    display: flex;
}

.filter-section .k-multiselect {
    margin-bottom: 20px;
}

.partner-connector-icon {
    background-image: url("images/partner-programme/connectors.png");
}

.partner-industry-icon {
    background-image: url("images/partner-programme/industries.png");
}

.partner-language-icon {
    background-image: url("images/partner-programme/languages.png");
}
.partner-country-icon {
    background-image: url("images/partner-programme/countries.png");
}

.partner-tier-icon {
    background-image: url("images/partner-programme/partner-tiers-icon.png");
}

.filters-no-matching-results-message {
    text-align: center;
    margin: 0 auto;
    padding-top: 100px;
    color: #ac0505;
}

.listing-with-filters a#show-filter-button,
.listing-with-filters a#show-filter-button:link,
.listing-with-filters a#show-filter-button:visited,
.listing-with-filters a#show-filter-button:hover {
    margin: 0 auto;
    margin-bottom: 20px;
    display: block;
    max-width: 200px;
    display: none;
}

.profile-section {
    background-color: #ddeff8;
}

.partner-profile-box {
    background-color: #fff;
    padding: 40px;
    margin-top: 20px;
    margin-bottom: 40px;
    border-radius: 20px;
}

.partner-profile-box h2 {
    text-align: left;
    font-size: 26px;
    line-height: 30px;
    font-weight: bold;
    margin-top: 0px; 
    padding-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 0px;
    clear: right;
}

.partner-profile-box h3 {
    text-align: left;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    padding-top: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 5px;
}

    .partner-profile-box ul {
        padding-left: 20px;
        margin-left: 0px;
        margin-top: 0px;
        padding-top: 0px;
        margin-bottom: 40px;
    }

    .partner-profile-box li {
        padding-left: 0px;
        margin-left: 7px;
        margin-top: 0px;
        padding-top: 0px;
        font-size: 18px;
        line-height: 24px;
    }

.partner-logo {
    max-width: 200px;
    height: auto;
    display: block;
}

.partner-profile-box h3 {
    background-size: 70px 70px;
    background-repeat: no-repeat;
    padding-left: 70px;
    background-position: left top;
    min-height: 70px;
    align-items: center;
    align-content: center;
    display: flex;
}

.partner-profile-box .col-35 {
    min-height: 280px;
    justify-content: center;
    align-content: center;
}

.partner-profile-box .col-55 {
    min-height: 280px;
}

.partner-profile-box.partner-profile-box-main {
    margin-left: 40px;
    background-color: #ddeff8;
}

.partner-profile-box.partner-profile-box-main h1 {
    text-align: left;
    font-weight: bold;
    font-size: 34px;
    line-height: 38px;
}

.partner-profile-box a.small-button, .partner-profile-box a:link.small-button, .partner-profile-box a:visited.small-button, .partner-profile-box a:hover.small-button {
    display: block;
    margin: 0 auto;
    margin-top: 30px;
}

.partner-profile-tier-icon {
    width: 90px;
    height: 90px;
    float: right;
    margin-bottom: 20px;
    background-size: 100% auto;
}
    .partner-profile-tier-icon.partner-tier-level-0 {
        background-image: url("images/partner-tiers/tugger-partner.png");
    }
    .partner-profile-tier-icon.partner-tier-level-1 {
        background-image: url("images/partner-tiers/tugger-partner-bronze.png");
    }
    .partner-profile-tier-icon.partner-tier-level-2 {
        background-image: url("images/partner-tiers/tugger-partner-silver.png");
    }
    .partner-profile-tier-icon.partner-tier-level-3 {
        background-image: url("images/partner-tiers/tugger-partner-gold.png");
    }
    .partner-profile-tier-icon.partner-tier-level-4 {
        background-image: url("images/partner-tiers/tugger-partner-diamond.png");
    }

.partner-profile-line {
    width: 50%;
    height: 2px;
    margin: 40px auto 40px auto;
    background-color: #ddeff8;
}

/*** partner landing page */

.section.become-a-tugger-partner-section {
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #EFEFEF;
}

    .section.become-a-tugger-partner-section .row {
        align-items: center;
        justify-content: center;
    }

.become-a-tugger-partner-section .content-area {
    padding-right: 0px;
}

.become-a-tugger-partner-section h1 {
    text-align: left;
    font-weight: bold;
    font-size: 70px;
    line-height: 70px;
}

.become-a-tugger-partner-section p {
    font-size: 30px;
    line-height: 34px;
}

.become-a-tugger-partner-section img {
    width: 100%;
    max-width: 560px;
    float: right;
}

.section.why-partner-with-tugger-section {
    background-color: #35A8E0;
}

.why-partner-with-tugger-section .content-area {
    max-width: 1200px;
}

.become-a-tugger-partner {
    max-width: 800px;
    margin: 0 auto;
}

.section.why-partner-with-tugger-section .row {
    align-items: center;
    justify-content: center;
}

    .why-partner-with-tugger-section h2 {
        text-align: left;
        font-weight: bold;
        color: #fff;
        padding-left: 100px;
        padding-bottom: 0px;
    }

.why-partner-with-tugger-section p {
    color: #fff;
    padding-left: 100px;
}

.why-partner-with-tugger-section img {
    width: 100%;
    max-width: 500px;
}

.section.what-kind-of-partner {
    background-color: #3C3C3B;
    padding-bottom: 0px;
}

    .section.what-kind-of-partner .content-area {
        max-width: 1200px;
    }

.section.what-kind-of-partner h2 {
    color: #fff;
    text-align: left;
    font-weight: bold;
    padding-bottom: 0px;
}
.section.what-kind-of-partner p {
    text-align: left;
    color: #fff;
}

.what-kind-of-partner .col-100 {
    padding-bottom: 40px;
}

.what-kind-of-partner a.round-button, .what-kind-of-partner a.round-button:link, .what-kind-of-partner a.round-button:visited, .what-kind-of-partner a.round-button:hover {
    width: 160px;
    height: 130px;
    padding: 50px 10px 0px 10px;
    display: block;
    margin: 0 auto;
    margin-top: 60px;
}

.what-kind-of-partner img {
    max-width: 500px;
    float: right;
}

.partner-benefits-section .content-area {
    max-width: 1200px;
}

.partner-benefits-section h2 {
    font-weight: bold;
}

.partner-benefit {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
}

.partner-benefits-section a.round-button, .partner-benefits-section a.round-button:link, .partner-benefits-section a.round-button:visited, .partner-benefits-section a.round-button:hover {
    margin: 0 auto;
    display: block;
    width: 160px;
    height: 140px;
    padding: 40px 10px 0px 10px;
    background-color: #35A8E0;
    color: #fff;
    margin-top: 40px;
}

.partner-benefits-section a.round-button:hover {
    background-color: #3C3C3B;
    
}

.partner-benefits-image {
    height: 280px;
    width: 200px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin: 0 auto;
    background-position: bottom;
}

.partner-benefit-expand {
    background-image: url("images/partner-programme/expand-your-service.png");
}

.partner-benefit-strengthen {
    background-image: url("images/partner-programme/strengthen-client-relationships.png");
}

.partner-benefit-differntiate {
    background-image: url("images/partner-programme/differentiation-in-the-marketplace.png")
}

.partner-benefit-no-coding {
    background-image: url("images/partner-programme/no-coding-required.png");
}

.partner-benefit-custom-reports {
    background-image: url("images/partner-programme/pre-built-and-customisable-reports.png");
}

.partner-benefit-ai-powered {
    background-image: url("images/partner-programme/ai-powered-insights.png");
}

.partner-benefit-combine-data {
    background-image: url("images/partner-programme/combine-data-for-a-single-source-of-truth.png");
}

.partner-benefit-near-real-time-updates {
    background-image: url("images/partner-programme/near-real-time-updates.png");
}

.partner-benefit-secure {
    background-image: url("images/partner-programme/secure-and-scalable.png");
}

.partner-benefit-flexible-deployments {
    background-image: url("images/partner-programme/flexible-reporting-options.png");
}

.partner-benefit-affordable {
    background-image: url("images/partner-programme/affordable-and-transparent-pricing.png");
}

.partner-benefit-support {
    background-image: url("images/partner-programme/expert-support-and-consultancy.png");
}

.partner-benefit-branding {
    background-image: url("images/partner-programme/customisable-branding.png");
}

.partner-benefits-section.partner-why-tugger-section {
    background-color: #EFEFEF;
}

    .partner-benefits-section.partner-why-tugger-section .row {
        flex-wrap: wrap;
    }

    .partner-benefits-section.partner-why-tugger-section h2 {
        padding-bottom: 0px;
        margin-bottom: -40px;
    }

    .partner-benefits-section.partner-why-tugger-section a.round-button, .partner-benefits-section.partner-why-tugger-section a.round-button:link, .partner-benefits-section.partner-why-tugger-section a.round-button:visited, .partner-benefits-section.partner-why-tugger-section a.round-button:hover {
        background-color: #3C3C3B;
    }

    .partner-benefits-section.partner-why-tugger-section a.round-button:hover {
        background-color: #B3B3B3;
    }

.section.partner-get-started-today {
    background-color: #3C3C3B;
    padding-bottom: 0px;
}

.section.partner-get-started-today h2 {
    color: #fff;
    font-weight: bold;
    padding-bottom: 0px;
}

.section.partner-get-started-today p {
    text-align: center;
    color: #fff;
    margin-bottom: 40px;
}

.section.partner-get-started-today .content-area {
    max-width: 1200px;
}

    .section.partner-get-started-today img {
        float: right;
        height: 300px;
        margin-top: 20px;
    }

    .section.partner-get-started-today .col-left img {
        float: left;
    }

    .section.partner-get-started-today .col-left a.round-button, .section.partner-get-started-today .col-left a.round-button:link, .section.partner-get-started-today .col-left a.round-button:visited, .section.partner-get-started-today .col-left a.round-button:hover {
        display: block;
        float: right;
        margin-right: 50px;
        width: 160px;
        height: 130px;
        padding: 50px 10px 0px 10px;
    }

.partner-get-started-today a.round-button, .partner-get-started-today a.round-button:link, .partner-get-started-today a.round-button:visited, .partner-get-started-today a.round-button:hover {
    float: left;
    display: block;
    margin-left: 50px;
    width: 160px;
    height: 130px;
    padding: 50px 10px 0px 10px;
}

/** end partner landing page */

.clear-fix {
    clear: both;
}

/** solutions partners page */
.section.solutions-partner-header-section {
    background-color: #3C3C3B;
}

.solutions-partner-header-section .row {
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.solutions-partner-header-section .content-area {
    max-width: 1400px;
}

.section.solutions-partner-header-section img {
    width: 100%;
    max-width: 700px;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.section.solutions-partner-header-section h1 {
    color: #fff;
    font-weight: bold;
    text-align: left;
    font-size: 70px;
    line-height: 70px;
    margin-top: 0px;
    padding-top: 0px;
}

.section.solutions-partner-header-section p {
    color: #fff;
    font-size: 24px;
    margin-right: 40px;
}

.partner-industry-integration-section .content-area {
    max-width: 1200px;
}

.partner-key-benefits-section .partner-benefits-image  {
    height: 200px;
}

.partner-benefit-seamless-integrations {
    background-image: url("/Content/images/partner-programme/seamless-integrations.png");
    width: 210px;
}

.partner-benefit-no-code-setup {
    background-image: url("/Content/images/partner-programme/no-code-setup.png");
    width: 170px;
}

.partner-benefit-secure-data-handling {
    background-image: url("/Content/images/partner-programme/secure-data-handling.png");
    width: 115px;
}

.section.partner-industry-integration-section {
    background-color: #35A8E0;
}

.section.partner-industry-integration-section h2 {
    color: #fff;
    font-weight: bold;
    padding-bottom: 0px;
}

.section.partner-industry-integration-section p {
    text-align: center;
    color: #fff;
}

.partner-industry-integration {
    background-color: #fff;
    height: 150px;
    margin-top: 40px;
    margin-left: 200px;
    margin-right: 200px;
    border-radius: 80px;
    padding: 10px;
}

.partner-industry-integration-icon {
    float: left;
    width: 150px;
    height: 150px;
    background-size: 100%;
    margin-right: 40px;
}

.partner-sales-icon {
    background-image: url("/Content/images/partner-programme/sales-and-marketing.png");
}

.partner-accounting-icon {
    background-image: url("/Content/images/partner-programme/finance-and-accounting.png");
}

.partner-project-icon {
    background-image: url("/Content/images/partner-programme/project-and-time-management.png");
}

.partner-hr-icon {
    background-image: url("/Content/images/partner-programme/hr-and-employee-management.png");
}

.partner-software-icon {
    background-image: url("/Content/images/partner-programme/software-development.png");
}

.partner-communication-icon {
    background-image: url("/Content/images/partner-programme/communication-and-collaboration.png");
}

.partner-industry-integration p {
    color: #3C3C3B !important;
    text-align: left !important;
    margin-top: -15px !important;
    margin-right: 40px;
}

.partner-industry-integration a, .partner-industry-integration a:link, .partner-industry-integration a:visited, .partner-industry-integration a:hover {
    float: right;
    width: 110px;
    height: 70px;
    padding-top: 60px;
    margin-left: 20px;
}

.partner-industry-integration-section .mobile-button {
    display: none !important;
}

.partner-industry-integration-section a.button.mobile-button,
.partner-industry-integration-section a.button.mobile-button:link,
.partner-industry-integration-section a.button.mobile-button:visited,
.partner-industry-integration-section a.button.mobile-button:hover {
    background-color: #ffc501 !important;
    display: block;
    float: none;
    width: 200px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 0px;
    font-size: 26px;
    line-height: 26px;
    color: #3C3C3B;
    margin-bottom: 20px;
}

    .partner-industry-integration-section a.button.mobile-button:hover {
        background-color: #35A8E0 !important;
    }

.partner-industry-integration-section a.round-button.directory-button,
.partner-industry-integration-section a.round-button.directory-button:link,
.partner-industry-integration-section a.round-button.directory-button:visited,
.partner-industry-integration-section a.round-button.directory-button:hover {
    float: none;
    display: block;
    margin: 0 auto;
    margin-top: 80px;
    padding-top: 40px;
    width: 120px;
    background-color: #3C3C3B;
    color: #fff;
}

    .partner-industry-integration-section a.round-button.directory-button:hover {
        background-color: #B3B3B3;
    }

.partner-getting-started-number {
    color: #35A8E0;
    font-weight: bold;
    text-align: center;
    font-size: 200px;
    line-height: 200px;
}

.partner-benefits-section.partner-why-tugger-section.partner-getting-started-section h2 {
    margin-bottom: 40px;
}

.partner-benefits-section.partner-why-tugger-section.partner-getting-started-section h3 {
    text-align: center;
}
.partner-benefits-section.partner-why-tugger-section.partner-getting-started-section p {
    text-align: center;
}

.partner-benefits-section.partner-why-tugger-section.partner-getting-started-section {
    padding-bottom: 150px
}

.section.partner-solutions-signup {
    background-color: #3C3C3B;
    padding-bottom: 0px;
}

.partner-solutions-signup a.button, .partner-solutions-signup a.button:link, .partner-solutions-signup a.button:visited, .partner-solutions-signup a.button:hover {
    margin: 0 auto;
    margin-top: -130px;
    display: block;
    margin-bottom: 100px;
    width: 340px;
    border-radius: 60px;
    background-color: #ffc501 !important;
    color: #3C3C3B;
    font-size: 30px;
    line-height: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
}

    .partner-solutions-signup a.button:hover {
        background-color: #35A8E0 !important;
    }

.section.partner-solutions-signup img {
    width: 70%;
    display: block;
    margin: 0 auto;
}

.partner-solutions-signup .content-area {
    max-width: 1200px;
}

/*** partner tiers page */
.section.partner-tiers-section .content-area {
   max-width: 1000px;
}

.section.partner-tiers-section h2 {
    font-weight: bold;
    color: #fff;
}

.section.partner-tiers-section {
    background-color: #35A8E0;
}

.partner-tier-box {
    margin: 0 auto;
    background-color: #fff;
    padding: 20px;
    border-radius: 20px;
    text-align: center;
    margin-bottom: 80px;
    width: 200px;
}

.partner-tier-box-image {
    width: 150px;
    height: 150px;
    background-size: 100%;
    margin: 0 auto;
}

.programme-benefits-and-features-section .content-area {
    max-width: 1200px;
}

.programme-benefits-and-features-section h2 {
    font-weight: bold;
}

.programme-benefits-and-features-section table {
    margin: 0 auto;
}

.programme-benefits-and-features-section th {
    background-color: #35A8E0;
    color: #fff;
    font-weight: normal;
    padding: 5px 10px;
}

.programme-benefits-and-features-section tbody th {
    text-align: left;
}

.programme-benefits-and-features-section td {
    background-color: #ddeff8;
    font-size: 15px;
    line-height: 15px;
    padding: 5px 10px;
    text-align: center;
}

.programme-benefits-and-features-section .partner-benefits-list {
    color: #35A8E0;
    padding-left: 0px;
    margin-left: 0px;
}

.programme-benefits-and-features-section li {
    padding-left: 0px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.programme-benefits-and-features-section li span {
    font-weight: bold;
}

.partner-benefits-para {
    color: #35A8E0;
    font-weight: bold;
}

.programme-benefits-and-features-section .partner-benefits-list-asterisk {
    list-style-type: none;
}

    .programme-benefits-and-features-section .partner-benefits-list-asterisk li {
        margin-left: 0px;
    }

.partner-benefit-tick {
    background-image: url("images/partner-programme/tick.png");
    width: 15px;
    height: 15px;
    margin: 0 auto;
    background-size: 100%;
}

.section.partner-tiers-download-section {
    background-color: #EFEFEF;
    margin-top: 160px;
    padding: 0px;
}

.section.partner-tiers-download-section .content-area {
    max-width: 1200px;
}

.section.partner-tiers-download-section img {
    width: 100%;
    margin-top: -80px;
    margin-bottom: -12px;
}

.section.partner-tiers-download-section h2 {
    
    margin-top: 80px;
}

.partner-tiers-download-section-image {
    background-image: url("/Content/images/partner-programme/partner-tiers-pdf-download.png");
    height: 640px;
    width: 100%;
    background-size: auto 90%;
    background-repeat: no-repeat;
    background-position: bottom right;
    margin-top: -140px;
}

.section.partner-tiers-download-section a.round-button,
.section.partner-tiers-download-section a.round-button:link,
.section.partner-tiers-download-section a.round-button:visited,
.section.partner-tiers-download-section a.round-button:hover {
    padding-top: 45px;
    width: 100px;
    height: 75px;
    margin: 0 auto;
    display: block;
}

/*** reporting portal landing page */
.section.reporting-portal-header-section {
    background-color: #35A8E0;
    height: 700px;
    padding-top: 0px;
    padding-bottom: 0px;
}

    .section.reporting-portal-header-section .row {
        align-items: center;
        justify-content: center;
    }

    .section.reporting-portal-header-section .content-area {
        padding-right: 0px;
    }

    .section.reporting-portal-header-section h1 {
        color: #fff;
        font-size: 70px;
        line-height: 70px;
        font-weight: bold;
        margin-bottom: 0px;
        padding-bottom: 0px;
        margin-right: 70px;
        text-align: left;
    }

.section.reporting-portal-header-section h4 {
    color: #fff;
    font-weight: normal;
    font-size: 40px;
    line-height: 40px;
    margin-top: 25px;
    margin-right: 70px;
}

.section.reporting-portal-header-section p {
    color: #fff;
    margin-right: 70px;
    font-size: 27px;
    line-height: 34px;
}

    .reporting-portal-landing-header {
        background-image: url("/Content/images/reporting-portal/power-bi-reporting-portal-user.png");
        height: 700px;
        width: 100%;
        background-size: auto 90%;
        background-repeat: no-repeat;
        background-position: bottom right;
        background-color: #fff;
    }

.section.reporting-portal-benefits-section {
    background-color: #EFEFEF;
}

.reporting-portal-benefits-section .content-area {
    max-width: 1200px;
}

.reporting-portal-benefits-section h2 {
    font-weight: bold;
    text-align: left;
    margin-bottom: 0px;
    font-size: 40px;
    line-height: 40px;
}

.reporting-portal-benefits {
    background-color: #fff;
    border-radius: 20px;
    width: 100%;
    padding: 20px;
    margin-bottom: 40px;
    width: 80%;
}

    .reporting-portal-benefits.reporting-portal-benefits-right {
        margin-left: 20%;
    }

    .reporting-portal-benefits.reporting-portal-benefits-left {
        margin-right: 20%;
    }

    .reporting-portal-benefits .row {
        justify-content: center;
        align-content: center;
    }

    .reporting-portal-benefits .col-25 {
        background-repeat: no-repeat;
        background-size: 170px auto;
        background-position: center center;
    }

    .rep-benefit-instant-access .col-25 {
        background-image: url("images/reporting-portal/no-power-bi-license-needed.png");
    }

.rep-benefit-branded .col-25 {
    background-image: url("images/reporting-portal/branded-customisable-reports.png");
    background-size: 140px auto;
}

.rep-benefit-unlimited-users .col-25 {
    background-image: url("images/reporting-portal/unlimited-users.png");
    background-size: 160px auto;
}

.rep-benefit-own-experience .col-25 {
    background-image: url("images/reporting-portal/own-the-reporting-experience.png");
    background-size: 160px auto;
}

.reporting-portal-benefits h3 {
    font-size: 30px;
    line-height: 30px;
}

.section.reporting-portal-how-it-works {
    background-color: #3C3C3B;
}

.section.reporting-portal-how-it-works .content-area {
    max-width: 1000px;
}

    .section.reporting-portal-how-it-works h2 {
        color: #fff;
        font-size: 40px;
        line-height: 40px;
        font-weight: bold;
    }

    .section.reporting-portal-how-it-works h3 {
        font-size: 30px;
        line-height: 30px;
        color: #fff;
        text-align: center;
    }

    .section.reporting-portal-how-it-works p {
        color: #fff;
        text-align: center;
    }

.reporting-portal-how-it-works-1, .reporting-portal-how-it-works-2 {
    background-position: center center;
    background-size: 100% auto;
    max-width: 500px;
    height: 300px;
    background-repeat: no-repeat;
    margin: 0 auto;
}

.reporting-portal-how-it-works-1 {
    background-image: url("images/reporting-portal/how-reporting-portal-works-1.png");
}

.reporting-portal-how-it-works-2 {
    background-image: url("images/reporting-portal/how-reporting-portal-works-2.png");
    margin-top: 80px;
}

.reporting-portal-get-started h2 {
    text-align: left;
    font-weight: bold;
    font-size: 40px;
    line-height: 40px;
    margin-bottom: -20px;
}

.reporting-portal-get-started p {
    margin-top: 0px;
}

.reporting-portal-get-started .content-area {
    max-width: 1200px;
}

.reporting-portal-bottom-bar {
    height: 100px;
    background-color: #3C3C3B;
}

.reporting-portal-getting-started-image {
    width: 90%;
    margin-top: -55px;
    margin-left: 50px;
}

/** inline-tag-replacements */
#google-tag-manager {
    display: none;
    visibility: hidden;
}

.clear-both {
    clear: both;
}

.clear-right {
    clear: right;
}

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

.font-bold {
    font-weight: bold;
}

.font-italic {
    font-style: italic;
}

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

.display-none-element {
    display: none;
}

/** end inline-tag replacements */

/*** DAS 2025 page */

.section.das-event-header-section {
    padding-top: 115px;
    padding-bottom: 115px;
    background-color: #EFEFEF;
}


.section.das-event-header-section .row {
    align-items: center;
    justify-content: center;
}

.section.das-event-header-section h1 {
    text-align: left;
    font-weight: bold;
    font-size: 70px;
    line-height: 76px;
    padding-right: 40px;
}

    .section.das-event-header-section p {
        font-size: 30px;
        line-height: 36px;
        padding-right: 40px;
    }

.section.das-event-header-section img {
    width: 100%;
    max-width: 560px;
    display: block;
    margin: 0 auto;
}

.das-calendar {
    margin-top: 60px;
}

.section.das-demo-benefits {
    background-color: #3C3C3B;
}

.section.das-demo-benefits .content-area {
    max-width: 1000px;
}

    .section.das-demo-benefits h2 {
        color: #fff;
        text-align: center;
        font-weight: bold;
    }

.das-demo-benefit-item {
    padding-bottom: 60px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
}

.das-demo-benefit {
    margin: 0px auto;
    height: 240px;
    width: 240px;
    background-size: auto 100%;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.das-demo-benefit-share {
    background-image: url("/Content/images/events/das2025/share-power-bi-reports-effortlessly.png");
}
.das-demo-benefit-customise {
    background-image: url("/Content/images/events/das2025/customise-reports.png");
}
.das-demo-benefit-save {
    background-image: url("/Content/images/events/das2025/save-time.png");
}
.das-demo-benefit-real-time {
    background-image: url("/Content/images/events/das2025/enhance-client-relationships.png");
}
.das-demo-benefit-scale {
    background-image: url("/Content/images/events/das2025/scale-easily.png");
}

.das-demo-benefits p {
    color: #fff;
    text-align: center;
}

.das-demo-benefits-last-row {
    max-width: 800px;
    margin: 0 auto;
}

.reporting-portal-get-started.event-demo-section {
    background-color: #35A8E0;
}

.reporting-portal-get-started.event-demo-section h2 {
    color: #fff;
}

    .reporting-portal-get-started.event-demo-section .reporting-portal-getting-started-image {
        margin-top: 0px;
    }

.das-calendar.meetings-iframe-container {
    margin: 80px auto 0px auto;
    max-width: 1000px;
}

/*** END DAS 2025 page */

/** upcoming event banner */
#upcoming-event-banner {
    background-color: #35A8E0;
    color: #4D4D4D;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    border-bottom: 1px solid #EFEFEF;
}

.upcoming-event-section {
    margin: 0 auto;
    max-width: 700px;
}

#upcoming-event-banner p {
    margin: 0px;
    padding: 0px;
    color: #fff;
}

#upcoming-event-banner a.button, #upcoming-event-banner a.button:link, #upcoming-event-banner a.button:visited, #upcoming-event-banner a.button:hover {
    background-color: #3C3C3B !important;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    display: block;
    width: 100%;
    padding: 0px;
    height: 50px;
    padding-top: 14px;
    margin-top: 5px;
    margin-left: 0px;
    font-weight: bold;
}

    #upcoming-event-banner a.button:hover {
        background-color: #727070 !important;
    }

#upcoming-event-icon {
    width: 52px;
    height: 52px;
    margin-right: 30px;
    margin-top: 5px;
    background-image: url("images/Megaphone.png");
    background-size: 100%;
}

/** end upcoming event banner */

/*** scheduled refresh form */

.days-in-week h3 {
    text-align: center;
    padding-top: 40px;
}

.days-in-week .col-15, .days-in-week .col-33, .days-in-week .col-25 {
    text-align: center;
    padding-bottom: 50px;
}

.schedule-time {
    display: none;
}

.schedule-time-always-on, .schedule-time {
    text-align: center;
}

    .schedule-time .k-timepicker,
    .schedule-time-always-on .k-timepicker {
        width: 300px !important;
        margin-top: 10px !important;
        margin-bottom: 20px !important;
    }

.scheduled-refresh-settings {
    display: none;
}

.enable-schedule-refresh {
    text-align: center;
}

/*** connector page ***/
.connector-header {
    background-color: #3C3C3B;
    padding-bottom: 130px;
}

    .connector-header .row {
        align-items: center
    }

.connector-page .content-area {
    max-width: 1500px;
}

.connector-header h1 {
    color: #fff;
    font-weight: bold;
    text-align: left;
    margin-right: 50px;
}

.connector-header p {
    color: #fff;
    margin-right: 50px;
}

.connector-header img {
    width: auto;
    max-width: 300px;
    height: auto;
    text-align: center;
    background-color: #fff;
    padding: 80px;
    border-radius: 20px;
}

.connector-sign-up-button {
    max-width: 900px;
    margin: -85px auto 0 auto;
    padding-top: 50px;
}

    .connector-sign-up-button .button.small-button, .connector-sign-up-button .button.small-button:link, .connector-sign-up-button .button.small-button:visited, .connector-sign-up-button .button.small-button:hover {
        width: 300px !important;
        font-size: 26px !important;
        line-height: 26px;
        margin: 0 auto !important;
        display: block !important;
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        display: block !important;
        background-color: #ffc501 !important;
        color: #3C3C3B;
    }

        .connector-sign-up-button .button.small-button:hover {
            background-color: #000 !important;
            color: #fff !important;
        }

.connector-reasons-to-tug h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: bold;
    padding-bottom: 0px;
}

.connector-reasons-to-tug h3 {
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    line-height: 26px;
    padding-bottom: 30px;
}

.connector-reasons-to-tug .row {
    flex-wrap: wrap;
}

    .connector-reasons-to-tug .row h4 {
        text-align: center;
        font-size: 24px;
        line-height: 24px;
    }

.connector-reasons-to-tug p {
    font-weight: normal;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 50px;
    max-width: 280px;
    margin-left: auto;
    margin-right: auto;
}

.connector-reason-image {
    background-size: 100%;
    width: 200px;
    height: 230px;
    background-position: center center;
    margin: 0 auto;
    background-repeat: no-repeat;
}

.reason-zero-maintenance {
    background-image: url("images/connector-page/zero-maintenance.png");
}

.reason-secure {
    background-image: url("images/connector-page/secure.png");
}

.reason-simple {
    background-image: url("images/connector-page/simple.png");
}

.reason-up-to-date {
    background-image: url("images/connector-page/up-to-date.png");
}

.reason-cost-effective {
    background-image: url("images/connector-page/cost-effective.png");
}

.reason-fast-track {
    background-image: url("images/connector-page/fast-track.png");
}

.connector-reports-section {
    background-color: #ddeff8;
}

    .connector-reports-section h2 {
        font-size: 36px;
        line-height: 40px;
        font-weight: bold;
        padding-bottom: 20px;
    }

    .connector-reports-section p {
        text-align: center;
        font-size: 24px;
        line-height: 32px;
        max-width: 900px;
        margin: 0 auto;
        padding-bottom: 20px;
    }

    .connector-reports-section h3 {
        text-align: center;
        font-size: 32px;
        line-height: 32px;
        margin-top: 50px;
        margin-bottom: 50px;
    }

    .connector-reports-section h4 {
        text-align: left;
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 10px;
        margin-top: 5px;
    }

.connector-report-features {
    margin: 0 auto;
    max-width: 600px;
}

    .connector-report-features .row {
        margin-bottom: 50px;
        align-items: center
    }
.connector-report-features .row p {
    text-align: left;
}


.tugger-big-bullet {
    width: 100px;
    height: 100px;
    background-image: url("images/connector-page/tugger-big-bullet.png");
    background-size: 100%;
}

.connector-alt-reports-section h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: bold;
    padding-bottom: 20px;
}

.connector-alt-reports-section p {
    text-align: center;
    font-size: 24px;
    line-height: 32px;
    max-width: 900px;
    margin: 0 auto;
    padding-bottom: 20px;
}

.connector-alt-reports-section .row {
    max-width: 600px;
    margin: 40px auto 0px;
}

.connector-alt-reports-icon {
    width: 125px;
    height: 125px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    margin: 0 auto
}

.connector-tableau-icon {
    background-image: url("images/connector-page/tableau@2x.png");
    border-radius: 10px;
}

.connector-excel-icon {
    background-image: url("images/connector-page/excel.png");
}

.connector-get-started-section {
    background-color: #35A8E0;
}

    .connector-get-started-section h2 {
        font-size: 36px;
        line-height: 40px;
        font-weight: bold;
        padding-bottom: 20px;
        color: #fff;
        text-align: left;
        max-width: 750px;
    }

    .connector-get-started-section p {
        text-align: left;
        font-size: 24px;
        line-height: 32px;
        color: #fff;
    }

.connector-rocket {
    margin-right: 15%;
    float: right;
    width: 254px;
    height: 486px;
    background-image: url("images/connector-page/tugger-rocket.png");
    background-size: 254px 486px;
    margin-top: -450px;
    background-repeat: no-repeat;
    background-position: center bottom;
}

.connector-page-rocket-clouds {
    height: 108.5px;
    width: 100%;
    background-size: auto 108.5px;
    background-image: url("images/connector-page/cloud-pattern.png");
    background-position: bottom left;
    margin-top: -60px;
    background-color: #35A8E0;
}

.connector-get-started-section h4 {
    text-align: left;
    font-size: 28px;
    line-height: 36px;
    color: #fff;
}

.connector-get-started-section p {
    max-width: 750px;
}

.connector-sign-up-rocket-buttons {
    max-width: 500px;
    margin-left: 30px;
}

.connector-sign-up-rocket-buttons .round-button {
    font-size: 28px !important;
    padding: 40px 25px 25px 25px !important;
    height: 90px !important;
    width: 110px !important;
}

.connector-sign-up-rocket-buttons .round-button:hover {
    background-color: #3C3C3B !important;
    color: #fff !important;
}

.connector-data-section h2 {
    font-size: 36px;
    line-height: 40px;
    font-weight: bold;
    color: #35A8E0;
    padding-bottom: 0px;
    text-align: left;
}

.connector-data-section p {
    text-align: left;
    font-size: 24px;
    line-height: 32px;
    color: #35A8E0;
}

.connector-data-section-image {
    background-image: url("images/connector-page/tugger-woman.png");
    height: 500px;
    width: 300px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: right top;
    margin: 0 auto;
    margin-top: -100px;
}

.connector-data-search {
    margin-top: -105px;
}

    .connector-data-search .k-input-inner {
        background-image: url("images/connector-page/search.png");
        background-repeat: no-repeat;
        background-color: #ddeff8 !important;
        border: none !important;
        background-size: 45px;
        background-position: 5px 5px;
        padding-left: 60px;
    }

    .connector-data-search .connector-data-field-div {
        margin-right: 60px;
    }

.connector-data-sets {
    margin-top: 40px;
    margin-right: 60px;
}

.connector-data-fields {
    margin-top: 40px;
}

.connector-data-sets div {
    color: #fff;
    padding: 5px;
}

.connector-data-fields-heading {
    font-weight: bold;
    background-color: #ddeff8;
    color: #35A8E0;
    padding: 5px;
}

.connector-data-sets-heading {
    font-weight: bold;
    background-color: #35A8E0;
}

.connector-data-fields .col-60 div.connector-data-fields-heading {
    margin-right: 10px;
}

.connect-data-field-headings {
    margin-right: 14px;
}

#connector-data-rows, #connector-data-fields {
    height: 450px;
    overflow-y: scroll;
    padding: 0px;
    margin: 0px;
}


    #connector-data-rows a, #connector-data-rows a:link, #connector-data-rows a:visited, #connector-data-rows a:hover {
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        display: block;
        padding: 5px;
    }

        #connector-data-rows a:hover {
            background-color: #3C3C3B;
        }

a.selected-data-set-link {
    background-color: #ffc501 !important;
    color: #3C3C3B !important;
}

#connector-data-rows div {
    margin-top: 5px;
    background-color: #35A8E0;
    padding: 0px;
}

    #connector-data-fields .row {
        margin-top: 5px;
    }

    #connector-data-rows div {
        color: #35A8E0;
    }

.connector-page-field-name, .connector-page-field-type {
    color: #35A8E0;
    padding: 5px;
    background-color: #ddeff8;
    font-size: 15px;
}

.connector-page-field-name {
    margin-right: 10px;
}

    .connector-page-field-name a, .connector-page-field-name a:link, .connector-page-field-name a:visited, .connector-page-field-name a:hover {
        font-size: 13px;
        color: #3C3C3B;
    }

        .connector-page-field-name a:hover {
            font-weight: bold;
        }

a.connector-page-help-icon, a.connector-page-help-icon:link, a.connector-page-help-icon:visited, a.connector-page-help-icon:hover {
    float: right;
    display: block;
    background-color: #35A8E0;
    color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin-top: 5px;
    text-align: center;
    text-decoration: none;
    font-size: 22px;
}

a.connector-page-help-icon:hover {
    background-color: #3C3C3B;
}

.complex-connector-field-section {
    padding-bottom: 40px;
    display: none;
    padding-left: 100px;
    padding-right: 100px;
}

    .complex-connector-field-section .connector-page-field-name, .complex-connector-field-section .connector-page-field-type {
        background-color: #EFEFEF;
    }

    .complex-connector-field-section .connector-data-fields-heading {
        background-color: #EFEFEF
    }

.connector-customer-success-stories-section {
    background-color: #3C3C3B;
}

    .connector-customer-success-stories-section h2 {
        font-size: 36px;
        line-height: 40px;
        font-weight: bold;
        color: #fff;
    }

.connector-story-box {
    width: 80%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 30px;
    padding: 20px 20px 80px 20px;
}

.connector-story-box h4 {
    margin: 0px;
    padding: 0px;
    color: #35A8E0;
    text-align: left;
    height: 80px;
}

.connector-story-customer-logo {
    text-align: center;
}

.connector-story-customer-logo img {
    width: auto;
    height: 150px;
    margin-top: 15px;
}

.connector-customer-success-stories-section a.button,
.connector-customer-success-stories-section a.button:link,
.connector-customer-success-stories-section a.button:visited,
.connector-customer-success-stories-section a.button:hover {
    width: 60%;
    margin: -40px auto 80px auto;
    display: block;
    border-radius: 60px;
}

a.button.connector-all-stories-button,
a.button.connector-all-stories-button:link,
a.button.connector-all-stories-button:visited,
a.button.connector-all-stories-button:hover {
    max-width: 600px;
    margin: -40px auto 0px auto;
    display: block;
    border-radius: 60px;
}

.connector-story-box-image {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center center;
    margin-bottom: 20px;
}

.connector-request-a-connector-section {
    background-color: #3C3C3B;
}

    .connector-request-a-connector-section .row {
        align-items: center;
    }

    .connector-request-a-connector-section h2 {
        text-align: left;
        font-weight: bold;
        font-size: 36px;
        line-height: 40px;
        margin-right: 100px;
        margin-bottom: 0px;
        padding-bottom: 0px;
        color: #fff
    }

    .connector-request-a-connector-section p {
        color: #fff;
        margin-right: 100px;
        font-size: 24px;
        line-height: 32px;
    }

    .connector-request-a-connector-section a.round-button, .connector-request-a-connector-section a.round-button:link, .connector-request-a-connector-section a.round-button:visited, .connector-request-a-connector-section a.round-button:hover {
        font-size: 32px;
        line-height: 32px;
        height: 115px;
        width: 160px;
        padding-top: 65px;
    }

    .connector-request-a-connector-section a.round-button:hover {
        background-color: #fff;
        color: #3C3C3B;
    }

.connector-report-image {
    margin: 0 auto;
    background-image: url("images/connector-page/pc-screen.png");
    width: 837px;
    height: 573px;
    margin-bottom: 40px;
    background-size: 100%;
}

.connector-report-image img {
    width: 771px;
    height: 435px;
    margin-top: 31px;
    margin-left: 32px;
}

.connector-report-image-text {
    text-align: center;
    margin-bottom: 70px;
}

.connector-report-images span {
    font-weight: bold;
}

@media only screen and (max-width: 1600px) {
    .blog-main-feature-text h2 {
        padding-top: 60px;
        text-decoration: none;
    }
}

@media only screen and (max-width: 1560px) {
    .blog-item h3 {
        font-size: 38px;
        line-height: 46px;
    }

    .mailing-list-section .row {
        padding-top: 90px;
        padding-bottom: 90px;
    }

    .mailing-list-section p {
        font-size: 36px;
        line-height: 44px;
    }

    .mailing-list-section .k-textbox {
        width: 300px !important;
        margin-left: 50px;
        font-size: 28px;
        line-height: 28px;
    }

    #SubscribeMailingListButton {
        font-size: 28px;
        line-height: 28px;
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .mailing-list-section .k-textbox {
        height: 71px;
    }

        .mailing-list-section .k-textbox input.k-input-inner {
            height: 71px;
        }
}

@media only screen and (max-width: 1460px) {
    .payment-plan-box a.button {
        font-size: 20px !important;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .payment-plans a.round-button, .payment-plans a.round-button:link, .payment-plans a.round-button:visited, .payment-plans a.round-button:hover {
        padding-top: 40px;
        font-size: 22px !important;
    }
}

@media only screen and (max-width: 1450px) {
    #tugger-header-image {
        height: 550px;
        width: 626px;
        margin-top: 80px;
    }

    .menu {
        margin-top: 40px;
    }

    nav a.tugger-logo, nav a.tugger-logo:link, nav a.tugger-logo:visited, nav a.tugger-logo:hover {
        width: 216px;
        height: 47px;
        width: 200px;
        height: 57px;
        margin-top: 40px;
    }

    .menu a, .menu a:link, .menu a:visited, .menu a:hover, .dropbtn {
        font-size: 18px;
        line-height: 20px;
        margin-left: 15px;
    }

    .nav-content {
        padding-left: 10px;
        padding-right: 10px;
    }

    /*** DAS 2025 page */

    .section.das-event-header-section h1 {
        font-size: 60px;
        line-height: 66px;
    }

    /** end DAS 2025 page */
}

@media only screen and (max-width: 1430px) {
    #tuggers .col-25 {
        flex-basis: 33%;
    }

    .blog-main-feature-text {
        margin-left: 35px;
    }

    a.main-feature-read-more {
        margin-left: 35px;
    }

    .blog-item h3 {
        font-size: 34px;
        line-height: 42px;
    }

    .blog-item-text {
        font-size: 18px;
        line-height: 36px;
    }

    .partners-bar .col-25 {
        flex-basis: 50%;
    }

    .partner-listing .row .col-33 {
        flex-basis: 50%;
    }
}

@media only screen and (max-width: 1350px) {
    nav a.tugger-logo, nav a.tugger-logo:link, nav a.tugger-logo:visited, nav a.tugger-logo:hover {
        width: 151.9px;
        height: 47px;
        margin-top: 50px;
    }

    .menu a, .menu a:link, .menu a:visited, .menu a:hover, .dropbtn {
        font-size: 16px;
        margin-left: 12px;
    }
}

@media only screen and (max-width: 1300px) {
    .payment-plan-box a.button {
        font-size: 18px !important;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .payment-plans a.round-button, .payment-plans a.round-button:link, .payment-plans a.round-button:visited, .payment-plans a.round-button:hover {
        padding-top: 40px !important;
        font-size: 22px !important;
    }

    .partner-profile-box h2 {
        font-size: 24px;
        line-height: 28px;
    }

    .partner-logo {
        max-width: 160px;
    }

    .partner-profile-tier-icon {
        width: 80px;
        height: 80px;
    }

    /** solutions partners page */
    .section.solutions-partner-header-section h1 {
        font-size: 60px;
        line-height: 60px;
    }

    .partner-industry-integration {
        margin-left: 0px;
        margin-right: 0px;
    }

    /** end solutions partners page */

    /*** connector page */

    .connector-rocket {
        margin-right: 0%;
    }
    /*** end connector page */
}


@media only screen and (max-width: 1280px) {
    #tugger-header-image {
        width: 576px;
    }

    .active-switch {
        margin-right: 20px;
    }

    .connector-power-bi-template iframe {
        width: 900px;
        height: 540px;
    }

    .cover-image {
        height: 592px;
    }

    .blog-main-feature-text h2 {
        font-size: 38px;
        line-height: 46px;
    }

    /*** DAS 2025 page */

    .section.das-event-header-section h1 {
        font-size: 50px;
        line-height: 56px;
    }

    .section.das-event-header-section p {
        font-size: 28px;
        line-height: 32px;
    }

    /** end DAS 2025 page */
}

@media only screen and (max-width: 1260px) {
    .payment-plan-box a.button {
        font-size: 16px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .payment-plan-box h3 {
        font-size: 120% !important;
    }

    .payment-plan-box ul {
        padding-left: 0px;
    }

    #filter-pane {
        padding: 5px 20px 20px 20px
    }

    #filter-pane h4 {
        font-size: 17px;
    }

    /** partner pages **/
    .section.partner-get-started-today img {
        height: 250px;
    }

    /*** partner tiers page */
    .partner-tiers-download-section-image {
        height: 580px;
        background-size: auto 75%;
        margin-top: -180px;
    }

    .section.partner-tiers-download-section h2 {
        margin-top: 60px;
    }

    .section.partner-tiers-download-section h2 {
        font-size: 27px;
        line-height: 40px;
    }

    .section.partner-tiers-download-section .col-30 {
        flex-basis: 40%;
    }

    .section.partner-tiers-download-section .col-70 {
        flex-basis: 60%;
    }

    /** reporting portal landing page */
    .reporting-portal-benefits h3 {
        margin-left: 20px;
    }

    .reporting-portal-benefits-right p {
        margin-right: 20px;
    }

    .reporting-portal-benefits-left p {
        margin-left: 20px;
    }
}

@media only screen and (max-width: 1200px) {
    .split-page-left {
        padding-left: 20px;
        padding-right: 20px;
    }

    footer {
        font-size: 16px;
        line-height: 18px;
    }

    footer h5 {
        font-size: 26px;
        line-height: 26px;
        padding-bottom: 20px;
    }

    footer ul li {
        font-size: 16px;
        line-height: 40px;
    }

    a.footer-tugger-logo, nav a.footer-tugger-logo:link, nav a.footer-tugger-logo:visited, nav a.footer-tugger-logo:hover {
        margin-bottom: 20px;
    }

    .terms-links {
        padding-bottom: 20px;
    }

    .terms-links a, .terms-links a:link, .terms-links a:visited, .terms-links a:hover {
        font-size: 16px;
        line-height: 30px;
    }

    .small-footer-text {
        font-size: 16px;
        line-height: 19px;
    }

    .blog-main-feature-text h2 {
        font-size: 34px;
        line-height: 42px;
    }

    .blog-main-feature-text {
        font-size: 18px !important;
        line-height: 36px !important;
    }

    .mailing-list-row .col-35 {
        flex-basis: 30%;
    }

    .mailing-list-row .col-30 {
        flex-basis: 40%;
    }

    /** tugger menu sizing */
    nav a.tugger-logo, nav a.tugger-logo:link, nav a.tugger-logo:visited, nav a.tugger-logo:hover {
        width: 151.9px;
        height: 47px;
        margin-top: 50px;
    }

    .menu a, .menu a:link, .menu a:visited, .menu a:hover, .dropbtn {
        font-size: 15px;
        margin-left: 9px;
    }

    .partner-listing-box .row .col-25 {
        flex-basis: 30%;
    }

    .partner-listing-box .row .col-75 {
        flex-basis: 70%;
    }

    /** solutions partners page */
    .section.solutions-partner-header-section h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .solutions-partner-header-section .col-50:first-child {
        flex-basis: 60%;
    }

    .solutions-partner-header-section .col-50 {
        flex-basis: 40%;
    }

    .section.solutions-partner-header-section p {
        font-size: 22px;
    }

    /*** reporting portal landing page */
    .reporting-portal-landing-header {
        height: 580px;
    }

    .section.reporting-portal-header-section {
        height: 580px;
    }
}

@media only screen and (max-width: 1180px) {
    #tugger-header-image {
        width: 450px;
        margin-top: 180px;
    }
}

@media only screen and (max-width: 1150px) {
    .payment-plan-box h3 {
        font-size: 110% !important;
    }

    .payment-plan-box ul li {
        font-size: 12px;
    }

    .payment-plan-box a.button {
        font-size: 12px !important;
        padding-top: 5px !important;
        padding-bottom: 5px !important;
    }

    mailing-list-section .row {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .mailing-list-section p {
        font-size: 34px;
        line-height: 42px;
    }

    .mailing-list-section .k-textbox {
        width: 280px !important;
        margin-left: 30px;
        font-size: 26px;
        line-height: 26px;
    }

    .mailing-list-feedback {
        font-size: 20px;
        line-height: 20px;
    }

    #SubscribeMailingListButton {
        margin-left: 25px;
        font-size: 26px;
        line-height: 26px;
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .mailing-list-section .k-textbox {
        height: 66px;
    }

        .mailing-list-section .k-textbox input.k-input-inner {
            height: 66px;
        }
}

@media only screen and (max-width: 1140px) {
    .connector-power-bi-template iframe {
        width: 700px;
        height: 430px;
    }
}

@media only screen and (max-width: 1120px) {
    #tugger-header-image {
        width: 500px;
        height: 500px;
        margin-top: 140px;
    }

    .split-page-right {
        padding-left: 20px;
        padding-right: 20px;
    }

    .split-page-right-logo {
        width: 400px !important;
        height: 134px !important;
    }

    #sign-up-image {
        margin-left: 20px;
    }

    #tuggers .col-25 {
        flex-basis: 50%;
    }

    /*** partner tiers page */
    .section.partner-tiers-download-section h2 {
        padding-bottom: 20px;
    }

    .partner-tiers-download-section-image {
        background-size: 100% auto;
    }
}

@media only screen and (max-width: 1100px) {
    #tugger-header-image {
        width: 450px;
        margin-top: 140px;
    }

    h1.header-h1 {
        max-width: 400px;
        font-size: 36px;
        line-height: 40px;
    }
    h2.strapline {
        max-width: 350px;
    }

    .cover-image {
        height: 492px;
    }

    .blog-item h3 {
        font-size: 30px;
        line-height: 38px;
    }

    .blog-item-text {
        line-height: 32px;
    }

    .blog-image {
        height: 275px;
    }

    .blog-row {
        flex-wrap: wrap;
        gap: 6%;
    }

    .blog-row .col-33 {
        flex-basis: 47%;
    }

    .blog-item-text {
        height: 400px;
    }

    .whitepaper-blog-item .blog-item-text {
        height: 380px;
    }

    .partners-bar h5 {
        font-size: 24px;
        line-height: 24px;
        padding-top: 20px;
    }

    .partners-bar img {
        height: 80px;
    }

    #reviews-bar iframe {
        width: 400px;
        height: 405px;
    }

    .partner-profile-box.partner-profile-box-main {
        padding: 20px;
    }

    .partner-profile-box h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .partner-logo {
        max-width: 130px;
    }

    .partner-profile-tier-icon {
        width: 70px;
        height: 70px;
    }

    .partner-profile-box h3 {
        font-size: 16px;
        line-height: 20px;
        line-height: 20px;
    }

    /*** partner solutions page */
    .section.solutions-partner-header-section img {
        margin-top: 87px;
    }

    /*** partner ties page */
    .solutions-partner-header-section.partner-tiers-header-section img {
        margin-top: 0px;
    }

    /*** reporting portal landing page */
    .section.reporting-portal-header-section h1 {
        font-size: 55px;
        line-height: 55px;
    }

    .section.reporting-portal-header-section p {
        font-size: 24px;
        line-height: 30px;
    }

    /*** DAS 2025 page */

    .section.das-event-header-section h1 {
        font-size: 40px;
        line-height: 46px;
    }

    .section.das-event-header-section p {
        font-size: 26px;
        line-height: 30px;
    }

    /** end DAS 2025 page */

    /*** connector page */

    .connector-header h1 {
        font-size: 38px;
        line-height: 42px;
    }

    .connector-header img {
        max-width: 300px;
        padding: 40px;
        margin-top: 36px;
    }

    .connector-header .row {
        align-items: start;
    }

    .connector-get-started-section h2 {
        max-width: 540px;
    }

    .connector-get-started-section p {
        max-width: 540px;
    }

    .connector-data-section p {
        font-size: 22px;
        line-height: 30px;
    }

    /*** end connector page */
}

@media only screen and (max-width: 1024px) {
    .blog-content-video {
        height: 700px;
    }
}

@media only screen and (max-width: 1023px) {
    .payment-plan-row {
        flex-wrap: wrap;
    }

    .payment-plan-box {
        min-height: 400px;
    }

    .payment-plan-row .col-20 {
        flex-basis: 50%;
    }

    .mailing-list-section .row {
        flex-wrap: wrap;
    }

    .mailing-list-section .col-50 {
        flex-basis: 100%;
    }

    .mailing-list-section .row {
        padding-top: 40px;
        padding-bottom: 50px;
    }

    .mailing-list-section p {
        text-align: center;
    }

    .mailing-list-subscribe-form {
        max-width: 440px;
        margin: 0 auto;
    }

    .mailing-list-section .k-textbox {
        width: 280px !important;
        margin-left: 0px;
        font-size: 22px;
        line-height: 22px;
        float: none;
    }

    .mailing-list-feedback {
        font-size: 18px;
        line-height: 18px;
    }

    #SubscribeMailingListButton {
        font-size: 22px;
        line-height: 22px;
        padding-top: 18px;
        padding-bottom: 18px;
    }

    .mailing-list-section .k-textbox {
        height: 58px;
    }

        .mailing-list-section .k-textbox input.k-input-inner {
            height: 58px;
        }

    .listing-with-filters.row {
        display: block;
    }

    #filter-pane {
        margin-bottom: 40px;
        display: none;
        margin-right: 0px;
    }

    .listing-with-filters a#show-filter-button,
    .listing-with-filters a#show-filter-button:link,
    .listing-with-filters a#show-filter-button:visited,
    .listing-with-filters a#show-filter-button:hover {
        display: block;
    }

    /*** connector page */

    .row.connector-data-search .col-30 {
        flex-basis: 40%;
    }

    .row.connector-data-search .col-70 {
        flex-basis: 60%;
    }

    /*** end connector page */
}

@media only screen and (max-width: 1023px) {

    nav {
        margin-bottom: 0px;
    }

    .menu {
        display: none;
    }

    .account-details {
        display: none;
    }

    a.tugger-logo, a.tugger-logo:link, a.tugger-logo:visited, a.tugger-logo:hover {
        width: 216px;
        height: 47px;
    }

    a#hamburger, a#hamburger:link, a#hamburger:visited, a#hamburger:hover {
        background-image: url("images/hamburger.svg");
        width: 41.5px;
        height: 32px;
        display: block;
        float: right;
        margin-top: 10px;
        background-size: 100%;
        background-repeat: no-repeat;
    }

        a#hamburger:hover {
            opacity: 0.7;
        }

    nav a.tugger-logo, nav a.tugger-logo:link, nav a.tugger-logo:visited, nav a.tugger-logo:hover {
        margin-top: 5px;
    }
}

@media only screen and (max-width: 980px) {
    #tugger-header-image {
        width: 400px;
        height: 450px;
        margin-top: 160px;
    }

    #reviews-bar iframe {
        width: 340px;
        height: 340px;
    }
}

@media only screen and (max-width: 960px) {
    #tugger-header-image {
        width: 400px;
        height: 450px;
        margin-top: 160px;
    }

    .blog-main-feature .col-66 {
        flex-basis: 50%;
    }

    .blog-main-feature .col-33 {
        flex-basis: 50%;
    }

    .featured-blog-image, .featured-blog-image:link, .featured-blog-image:visited, .featured-blog-image:hover {
        height: 500px;
    }

    .blog-main-feature-text {
        height: 475px;
    }

        .blog-main-feature-text h2 {
            padding-bottom: 30px;
            padding-top: 50px;
        }

    .blog-main-feature-text {
        line-height: 30px !important;
    }

    .blog-tags a, .blog-tags a:link, .blog-tags a:visited, .blog-tags a:hover {
        font-size: 18px;
        padding-left: 15px;
        padding-right: 15px;
        margin-right: 10px;
    }

    blog-content-video {
        height: 650px;
    }

    /*** connector page */

    .connector-report-image {
        width: 669.6px; /*80%*/
        height: 458.4px; /*80%*/
    }

        .connector-report-image img {
            width: 616.8px; /*80%*/
            height: 348px; /*80%*/
            margin-top: 26px;
            margin-left: 27px;
        }
    /*** end connector page */
}


@media only screen and (max-width: 920px) {
    .row {
        flex-wrap: wrap;
    }

    .button-row {
        flex-direction: column-reverse;
    }

        .button-row .col-50 {
            margin-bottom: 40px;
        }

    .col-40, .col-60, .col-50, .col-33 {
        flex-basis: 100%;
    }

    .form-centre-section .row .col-50:first-child {
        padding-right: 0px;
    }

    .form-centre-section .row .col-50:last-child {
        padding-left: 0px;
    }

    h1 {
        font-size: 36px;
        line-height: 46px;
    }

        h1.header-h1 {
            margin-right: 0px;
            max-width: none;
            padding-top: 40px;
            padding-bottom: 20px;
            text-align: center;
        }

    h2.strapline {
        max-width: none;
        text-align: center;
    }

    .nav-content {
        padding-left: 15px;
        padding-right: 15px;
    }

    .menu {
        margin-top: 15px;
    }

    .content-area {
        padding-left: 15px;
        padding-right: 15px;
    }

    .section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #tugger-header-image {
        margin-top: -40px;
        height: 300px;
        margin: 0 auto;
        float: none;
        margin-top: 20px;
        background-position: top center;
    }

    .home-section-header a.button {
        display: block !important;
        margin: 0 auto !important;
        width: 200px !important;
        text-align: center;
    }

    .home-header-list-container {
        margin: 0 auto;
        width: 300px;
    }

    .diagram {
        display: none;
    }

    .mobile-diagram {
        display: flex !important;
    }

    .diagram .diagram-source-row {
        max-width: 500px;
        margin: 0 auto;
    }

        .diagram .diagram-source-row .col-33 {
            flex-basis: 33.33%;
        }

    .demo-icon {
        margin: 0 auto;
    }

    .diagram-text {
        text-align: center;
    }

    .diagram-arrow {
        margin: 0 auto;
        margin-top: 40px;
        transform: rotate(90deg);
    }

        .diagram-arrow.diagram-arrow.final-arrow {
            margin-top: 40px;
            margin-bottom: 40px;
        }

    footer .content-area {
        padding-left: 60px;
        padding-right: 60px;
    }

    .sign-up-page-right, .partner-split-page-right {
        display: none;
    }

    .platform-page .section .row {
        flex-wrap: wrap-reverse;
    }

    .platform-page .section.odd-section .row {
        flex-wrap: wrap;
    }

    .platform-page p {
        max-width: none;
    }

    .security-iso-27001 {
        margin: 0 auto;
    }

    .split-page-left {
        padding-top: 0px;
    }

    .platform-image-col img {
        margin-top: 20px !important;
    }

    footer .col-25, footer .col-30, footer .col-35, .mailing-list-row .col-30 {
        flex-basis: 50%;
        padding-bottom: 40px;
        border-bottom: 1px solid #fff;
        margin-bottom: 40px;
    }

    .mailing-list-row .col-35 {
        flex-basis: 25%;
    }

    .mailing-list-row .col-35 {
        border-bottom: none;
    }

    #footer-social {
        padding-left: 0px;
        padding-bottom: 0px;
    }

    .blog-item-text {
        height: 450px;
    }

    .whitepaper-blog-item .blog-item-text {
        height: 430px;
    }

    .blog-content-video {
        height: 620px;
    }

    .connector-sign-up-button .col-50 {
        padding-bottom: 20px;
    }

    .partner-profile-row .col-25 {
        flex-basis: 100%;
    }

    .partner-profile-row .col-75 {
        flex-basis: 100%;
    }

    .partner-profile-box.partner-profile-box-main {
        margin-left: 0px;
    }

    .partner-profile-box .col-35, .partner-profile-box .col-55 {
        min-height: 200px;
    }

    .partner-profile-box .col-45 {
        flex-basis: 45%;
    }

    .partner-profile-box .col-10 {
        flex-basis: 10%;
    }

    /*** partner landing page */
    .become-a-tugger-partner-section .col-40 {
        flex-basis: 40%;
    }

    .become-a-tugger-partner-section .col-60 {
        flex-basis: 60%;
    }

    .become-a-tugger-partner-section h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .become-a-tugger-partner-section p {
        font-size: 24px;
        line-height: 28px;
        padding-right: 20px;
    }

    .why-partner-with-tugger-section .col-33 {
        flex-basis: 33%;
    }

    .why-partner-with-tugger-section .col-66 {
        flex-basis: 66%;
    }

    .what-kind-of-partner .col-50 {
        flex-basis: 75%;
    }

    .what-kind-of-partner-middle-col {
        display: none;
    }

    .partner-benefits-section .col-33 {
        flex-basis: 33.3333333%;
    }

    .partner-button-row .col-50 {
        flex-basis: 50%;
    }

    .partner-get-started-today .col-50 {
        flex-basis: 50%;
    }

    .section.partner-get-started-today img {
        height: 200px;
    }

    /**** partner solutions page */
    .partner-solutions-signup a.button, .partner-solutions-signup a.button:link, .partner-solutions-signup a.button:visited, .partner-solutions-signup a.button:hover {
        margin-top: -90px;
    }

    /** reporting portal landing page */
    .reporting-portal-benefits.reporting-portal-benefits-right {
        margin-left: 0%;
    }

    .reporting-portal-benefits.reporting-portal-benefits-left {
        margin-right: 0%;
    }

    .reporting-portal-benefits {
        width: auto;
    }

    .section.reporting-portal-header-section h1,
    .section.reporting-portal-header-section h4,
    .section.reporting-portal-header-section p {
        margin-right: 15px;
    }

    .solutions-directory-header-section .row {
        flex-direction: column-reverse;
    }

    .solutions-directory-header-image {
        height: 400px;
    }

    .solutions-directory-page h1 {
        padding-top: 20px;
    }

    .section.solutions-directory-header-section h2 {
        padding-bottom: 20px;
    }

    /*** DAS 2025 page */

    .section.das-event-header-section .row {
        flex-direction: column-reverse;
    }

    .section.das-event-header-section {
        padding-top: 40px;
        padding-bottom: 40px;
    }

        .section.das-event-header-section p {
            padding-right: 0px;
        }

        .section.das-event-header-section h1 {
            padding-right: 0px;
        }

    .section.das-demo-benefits h2 {
        max-width: 700px;
        margin: 0 auto;
    }

    .das-demo-benefits p {
        margin-left: auto;
        margin-right: auto;
        max-width: 270px;
    }

    /** end DAS 2025 page */

    /** start upcoming event banner */
    #upcoming-event-banner .row {
        flex-wrap: nowrap;
    }

    #upcoming-event-banner .col-10 {
        flex-basis: 10%;
    }

    #upcoming-event-banner .col-60 {
        flex-basis: 60%;
    }

    #upcoming-event-banner .col-30 {
        flex-basis: 30%;
    }

    /** end upcoming event banner */

    /*** connector page */

    .connector-header .col-50 {
        flex-basis: 50%;
    }

    .connector-sign-up-button .col-50 {
        flex-basis: 50%;
    }

    .connector-reasons-to-tug .col-33 {
        flex-basis: 50%;
    }

    .connector-data-section .col-60 {
        flex-basis: 60%;
    }

    .connector-data-section .col-40 {
        flex-basis: 40%;
    }

    .connector-alt-reports-section .col-50 {
        flex-basis: 50%;
    }

    .connector-request-a-connector-section .col-80 {
        flex-basis: 70%;
    }

    .connector-request-a-connector-section .col-20 {
        flex-basis: 30%;
    }

    .connector-sign-up-rocket-buttons .col-50 {
        flex-basis: 50%;
    }

    .connector-story-box h4 {
        height: auto;
        padding-bottom: 10px;
    }
    
    /*** end connector page */
}

@media only screen and (max-width: 830px) {
    .blog-content-video {
        height: 560px;
    }
}

@media only screen and (max-width: 800px) {
    .connector-power-bi-template iframe {
        width: 540px;
        height: 330px;
    }

    .blog-main-feature .row {
        flex-wrap: wrap;
    }

    .blog-main-feature .col-66 {
        flex-basis: 100%;
    }

    .blog-main-feature .col-33 {
        flex-basis: 100%;
    }

    .blog-main-feature-text {
        margin-left: 10px;
        margin-top: 10px;
    }

    .blog-main-feature-text {
        height: auto;
        margin-bottom: 20px;
    }

    a.main-feature-read-more {
        margin-left: 10px;
    }

    .featured-blog-image, .featured-blog-image:link, .featured-blog-image:visited, .featured-blog-image:hover {
        height: 260px;
    }

    .blog-row .col-33 {
        flex-basis: 100%;
    }

    .blog-image {
        height: 260px;
    }

    .blog-item-text, .whitepaper-blog-item .blog-item-text {
        height: auto;
        margin-bottom: 30px;
    }

    .whitepaper-banner {
        transform: skewY(-10deg);
    }

    .partner-listing-box .row .col-25 {
        flex-basis: 100%;
        border-bottom: 2px solid #ddeff8;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .partner-listing-box .row .col-75 {
        flex-basis: 100%;
    }

    .partner-listing-vertical-line {
        display: none;
    }

    .partner-tier-listing-content {
        padding: 10px 20px 20px 20px;
    }

        .partner-tier-listing-content a.button.small-button,
        .partner-tier-listing-content a.button.small-button:link,
        .partner-tier-listing-content a.button.small-button:visited,
        .partner-tier-listing-content a.button.small-button:hover {
            display: block;
            max-width: 180px;
            margin: 0 auto;
        }

    /*** partner solutions page */
    .partner-industry-integration h3 {
        padding-top: 15px;
        margin-top: 0px;
    }
}

@media only screen and (max-width: 799px) {
    /*** connector page */

    .connector-dive-into-data-intro {
        flex-direction: column-reverse;
    }

    .connector-dive-into-data-intro .col-60, .connector-dive-into-data-intro .col-40 {
        flex-basis: 100%;
    }

    .connector-data-section h2 {
        padding-bottom: 0px;
        margin-bottom: 0px;
        text-align: center;
    }

    .connector-data-section p {
        font-size: 18px;
        line-height: 26px;
    }

    .connector-data-section-image {
        height: 200px;
        width: 150px;
        margin-top: 40px;
    }

    .connector-data-search {
        margin-top: 30px;
    }

    .row.connector-data-search .col-30 {
                flex-basis: 100%;
    }

    .connector-data-search .connector-data-field-div {
        margin-right: 00px;
    }

    .connector-header .row {
        flex-direction: column-reverse;
    }

    .connector-header .col-50 {
        flex-basis: 100%;
        width: 100%;
    }

    .connector-header .col-50:last-child {
        text-align: center;
    }

    .connector-header .connector-logo {
        margin-top: 0px;
        max-width: 200px;
    }

    .connector-header h1 {
        margin-right: 0px;
        text-align: center;
    }

    .connector-header p {
        margin-right: 0px;
        text-align: center;
    }

    .connector-data-sets {
        margin-right: 10px;
    }

    /*** end connector page */
}

@media only screen and (max-width: 760px) {
    /*** partner landing page */
    .become-a-tugger-partner-section h1 {
        font-size: 40px;
        line-height: 40px;
    }

    .become-a-tugger-partner-section p {
        font-size: 20px;
        line-height: 24px;
    }

    .why-partner-with-tugger-section h2 {
        padding-left: 40px;
    }

    .why-partner-with-tugger-section p {
        padding-left: 40px;
    }

    .partner-benefits-section .col-33 {
        flex-basis: 100%;
    }

    .what-kind-of-partner .row {
        display: block;
    }

    .what-kind-of-partner .col-25 {
        float: left;
    }

    .what-kind-of-partner img {
        max-width: 320px;
        margin-top: 70px;
    }

    .what-kind-of-partner .col-100 {
        padding-bottom: 0px;
    }

    .partner-benefit h3 {
        text-align: center;
    }
    .partner-benefit p {
        text-align: center;
    }

    .partner-benefits-image {
        background-position: center center;
    }

    .section.partner-get-started-today .col-left a.round-button, .section.partner-get-started-today .col-left a.round-button:link, .section.partner-get-started-today .col-left a.round-button:visited, .section.partner-get-started-today .col-left a.round-button:hover {
        margin-right: 25px;
    }

    .partner-get-started-today a.round-button, .partner-get-started-today a.round-button:link, .partner-get-started-today a.round-button:visited, .partner-get-started-today a.round-button:hover {
        margin-left: 25px;
    }

    .section.partner-get-started-today img {
        height: 160px;
    }

    /*** partners solutions page */
    .section.solutions-partner-header-section p {
        font-size: 20px;
    }

    .section.reporting-portal-header-section h1 {
        font-size: 50px;
        line-height: 50px;
    }

    .section.reporting-portal-header-section h4 {
        font-size: 35px;
        line-height: 38px;
    }

    .section.reporting-portal-header-section p {
        font-size: 22px;
        line-height: 28px;
    }

    .reporting-portal-landing-header {
        background-size: auto 75%;
    }

    /** partner tiers page */
    .section.partner-tiers-download-section .col-30,
    .section.partner-tiers-download-section .col-70 {
        flex-basis: 100%;
    }

    .section.partner-tiers-download-section h2 {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
    }

    .partner-tiers-download-section-image {
        height: 460px;
        background-size: auto 100%;
        background-position: bottom center;
        margin-top: 40px;
    }

    /*** connector page */

    .connector-rocket {
        width: 203.2px;
        height: 388.8px;
        background-size: 203.2px 388.8px;
        margin-top: -270px;
    }

    .connector-get-started-section h2, .connector-get-started-section p {
        max-width: none;
    }

    .connector-page-rocket-clouds {
        margin-top: 0px;
    }

    /*** end connector page */
}

@media only screen and (max-width: 720px) {
    .mailing-list-row .col-30 {
        flex-basis: 100%;
    }
    .mailing-list-row .col-35 {
        display: none;
    }

    .blog-content-video {
        height: 500px;
    }

    /* partner solutions page */

    .solutions-partner-header-section .col-50 {
        flex-basis: 100%;
    }

    .solutions-partner-header-section .row {
        flex-direction: column-reverse;
    }

    .section.solutions-partner-header-section img {
        margin-top: 0px;
        max-width: 500px;
    }

    .section.solutions-partner-header-section h1 {
        padding-top: 40px;
    }

    .section.solutions-partner-header-section p {
        margin-right: 0px;
    }

    .partner-industry-integration-icon {
        margin-right: 20px;
    }

    .partner-industry-integration h3 {
        font-size: 21px;
        padding-top: 5px;
    }

    .section.partner-industry-integration-section p {
        font-size: 19px;
    }

    /*** partner tiers page */
    .solutions-partner-header-section.partner-tiers-header-section img {
        max-width: 400px;
    }

    /*** connector page */

    .connector-request-a-connector-section h2 {
        margin-right: 0px;
    }

    .connector-request-a-connector-section p {
        margin-right: 0px;
    }

    .connector-request-a-connector-section .col-80 {
        flex-basis: 50%;
    }

    .connector-request-a-connector-section .col-20 {
        flex-basis: 50%;
    }

    .connector-request-a-connector-section a.round-button, .connector-request-a-connector-section a.round-button:link, .connector-request-a-connector-section a.round-button:visited, .connector-request-a-connector-section a.round-button:hover {
        margin: 0 auto;
        display: block;
    }

    .connector-data-section {
        display: none;
    }

    .connector-request-a-connector-section {
        margin-top: -1px;
        padding-top: 100px;
    }

    /** following due to hiding dive into data section*/
    a.button.connector-all-stories-button, a.button.connector-all-stories-button:link, a.button.connector-all-stories-button:visited, a.button.connector-all-stories-button:hover {
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: 440px;
        font-size: 22px;
        line-height: 27px;
    }

    /** end connector page */
}

@media only screen and (max-width: 710px) {
    /** start upcoming event banner */

    #upcoming-event-banner p {
        text-align: center;
    }

    #upcoming-event-banner .row {
        flex-wrap: wrap;
    }

        #upcoming-event-banner .row .col-10 {
            flex-basis: 100%;
        }

    #upcoming-event-banner .row .col-60 {
        flex-basis: 100%;
    }

    #upcoming-event-banner .row .col-30 {
        flex-basis: 100%;
    }

    .upcoming-event-section {
        max-width: 400px;
    }

    #upcoming-event-banner a.button, #upcoming-event-banner a.button:link, #upcoming-event-banner a.button:visited, #upcoming-event-banner a.button:hover {
        margin: 20px auto 20px auto;
        width: 50%;
    }

    #upcoming-event-icon {
        margin: 5px auto 20px auto;
    }

    /** end upcoming event banner */

    /*** connector page */

    .connector-report-image {
        width: 468.72px; /*70%*/
        height: 320.88px; /*70%*/
    }

        .connector-report-image img {
            width: 431.76px; /*70%*/
            height: 243.6px; /*70%*/
            margin-top: 18px;
            margin-left: 18px;
        }

    /*** end connector page */
}

@media only screen and (max-width: 680px) {
    #tuggers .col-25 {
        flex-basis: 100%;
    }

    .partner-listing .row .col-33 {
        flex-basis: 100%;
    }

    #reviews-bar iframe {
        width: 300px;
        height: 300px;
    }

    /*** partner tiers page */
    .programme-benefits-and-features-section th {
        font-size: 11px;
        line-height: 15px;
        padding: 3px 3px;
    }

    .programme-benefits-and-features-section td {
        font-size: 11px;
        line-height: 15px;
        padding: 3px 3px;
    }

    .partner-benefit-tick {
        width: 11px;
        height: 11px;
    }

    /** reporting portal landing page */
    .section.reporting-portal-header-section {
        height: auto;
    }

    .reporting-portal-header-section .row {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }

    .reporting-portal-header-section .col-45 {
        flex-basis: 100%;
        width: 100%;
    }

    .reporting-portal-header-section .col-55 {
        flex-basis: 100%;
    }

    .reporting-portal-header-section .content-area {
        padding-left: 0px;
        padding-right: 0px;
        padding-top: 0px;
    }

    .reporting-portal-landing-header {
        background-size: auto 100%;
        background-position: right bottom;
        height: 400px;
    }

    .section.reporting-portal-header-section h1, .section.reporting-portal-header-section h4, .section.reporting-portal-header-section p {
        padding-left: 15px;
        padding-right: 15px;
    }

    .reporting-portal-benefits-section h2 {
        text-align: center;
    }

    .reporting-portal-benefits-right .row {
        flex-direction: column-reverse;
    }

    .reporting-portal-benefits .row .col-25 {
        flex-basis: 100%;
        height: 0px;
        width: 100%;
        padding-top: 200px;
    }

    .reporting-portal-benefits .col-75 {
        flex-basis: 100%;
        width: 100%;
    }

    .reporting-portal-benefits h3 {
        text-align: center;
        margin-left: 0px;
    }

    .reporting-portal-benefits-left p {
        text-align: center;
        margin-left: 0px;
    }

    /*** connector page */

    .connector-sign-up-button .row {
        flex-direction: column-reverse;
    }

    .connector-header {
        padding-bottom: 250px;
    }

    .connector-sign-up-button {
        margin-top: -280px;
    }

    .connector-sign-up-button .col-50 {
        flex-basis: 100%;
    }

    .connector-sign-up-rocket-buttons {
        max-width: 300px;
        margin: 0 auto;
    }

    .connector-sign-up-rocket-buttons .col-50:first-child {
        padding-bottom: 30px;
    }

    .connector-page-rocket-clouds {
        height: 75px;
        background-size: auto 75px;
    }

    .connector-rocket {
        margin-top: -320px;
    }

    /*** end connector page */
}

@media only screen and (max-width: 620px) {
    #tugger-menu a, #tugger-menu a:link, #tugger-menu a:visited, #tugger-menu a:hover {
        margin-right: 10px;
    }

    #tugger-menu span.menu-line {
        margin-right: 10px;
    }

    .connector-power-bi-template iframe {
        width: 440px;
        height: 280px;
    }

    footer .col-25, footer .col-30, .mailing-list-row .col-35 {
        flex-basis: 100%;
    }

    .cover-image {
        height: 392px;
    }

    .blog-content h1 {
        font-size: 36px;
        line-height: 44px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .blog-content {
        font-size: 20px;
        line-height: 25px;
    }

        .blog-content img {
            margin-bottom: 40px;
        }

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

    .youtube-video {
        height: 400px;
    }

    .blog-content-video {
        height: 450px;
    }

    /** partner solutions page */
    .partner-industry-integration h3 {
        text-align: center;
        font-size: 23px;
        padding-top: 20px;
    }

    .partner-industry-integration-icon {
        float: none;
        margin: 0 auto;
        margin-top: 20px;
    }

    .partner-industry-integration {
        height: auto;
        border-radius: 40px;
    }

    .section.partner-industry-integration-section p {
        text-align: center !important;
        margin-right: 20px;
        margin-left: 20px;
    }

    .partner-industry-integration-section .desktop-button {
        display: none !important;
    }

    .partner-industry-integration-section .mobile-button {
        display: block !important;
    }

    /** reporting portal landing page */
    .reporting-portal-get-started h2 {
        text-align: center;
    }

    .reporting-portal-get-started .col-45 {
        flex-basis: 100%;
    }

    .reporting-portal-get-started .col-55 {
        flex-basis: 100%;
    }

    .reporting-portal-get-started p {
        text-align: center;
    }

    .reporting-portal-getting-started-image {
        margin-top: 40px;
    }

    /** partner tiers page */
    .partner-tiers-download-section-image {
        height: 360px;
    }

    /*** DAS 2025 page */

    .reporting-portal-get-started.event-demo-section .reporting-portal-getting-started-image {
        margin-top: 40px;
    }

    .reporting-portal-getting-started-image {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    .das-calendar.meetings-iframe-container {
        margin-top: 40px;
    }

    /** end DAS 2025 page */

    /*** connector page */

    .connector-reasons-to-tug .row .col-33 {
        flex-basis: 100%;
    }

    .connector-request-a-connector-section .col-80 {
                flex-basis: 100%;
    }

    .connector-request-a-connector-section .col-20 {
        flex-basis: 100%;
    }


    /*** end connector page */

}

@media only screen and (max-width: 540px) {
    .active-switch {
        float: none;
        margin: 0 auto;
        margin-top: 20px;
        width: 125px;
        text-align: center;
    }

    #tugger-menu {
        height: 84px;
    }

        #tugger-menu .nav-content {
            text-align: center;
        }

    .cover-image {
        height: 260px;
    }

    .partners-bar .col-25 {
        flex-basis: 100%;
    }

    .blog-quote-job-title, .blog-quote-company {
        font-size: 13px;
        line-height: 16px;
        float: right;
    }

    .blog-quote-company {
        margin-top: 5px;
    }

    .blog-quote-swish {
        margin-left: 10px;
    }

    .blog-quote-company-at {
        display: none;
    }

    .partner-profile-box .col-35, .partner-profile-box .col-55 {
        min-height: 0px;
        flex-basis: 100%;
    }

    .partner-profile-box .partner-logo {
        margin: 0 auto;
        width: 260px;
        max-width: none;
        margin-bottom: 20px;
    }

    .partner-profile-tier-icon {
        margin-left: 10px;
        margin-bottom: 30px;
        height: 75px;
        width: 75px;
    }

    .partner-profile-box h2 {
        clear: none;
    }

    .partner-profile-box a.small-button, .partner-profile-box a:link.small-button, .partner-profile-box a:visited.small-button, .partner-profile-box a:hover.small-button {
        clear: both;
    }

    .partner-profile-box .col-45 {
        flex-basis: 100%;
    }

    .partner-profile-box .col-10 {
        display: none;
    }

    .partner-profile-box h3 {
        font-size: 19px;
        line-height: 23px;
    }

    .partner-profile-box.partner-profile-box-main {
        padding-top: 0px;
    }

    /*** partner landing page */
    .become-a-tugger-partner-section img {
        float: none;
    }

    .become-a-tugger-partner-section .row {
        flex-direction: column-reverse;
    }

    .become-a-tugger-partner-section .col-60 {
        flex-basis: 100%;
        margin-top: -40px;
        background-color: #EFEFEF;
    }

    .become-a-tugger-partner-section .col-40 {
        flex-basis: 100%;
    }

    .become-a-tugger-partner-section .content-area {
        padding-left: 0px;
    }

    .become-a-tugger-partner-section h1 {
        padding-left: 15px;
        padding-right: 15px;
        margin-top: 40px;
        margin-bottom: 0px;
    }

    .become-a-tugger-partner-section p {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 40px;
    }

    .why-partner-with-tugger-section .col-33 {
        flex-basis: 100%;
    }

    .why-partner-with-tugger-section .col-66 {
        flex-basis: 100%;
    }

    .why-partner-with-tugger-section img {
        width: 75%;
        display: block;
        margin: 0 auto;
    }

    .why-partner-with-tugger-section h2 {
        padding-left: 0px;
    }

    .why-partner-with-tugger-section p {
        padding-left: 0px;
    }

    .what-kind-of-partner .col-25 {
        float: none;
    }

    .section.partner-get-started-today .col-left a.round-button, .section.partner-get-started-today .col-left a.round-button:link, .section.partner-get-started-today .col-left a.round-button:visited, .section.partner-get-started-today .col-left a.round-button:hover {
        margin-right: 10px;
        width: 130px;
        height: 115px;
        padding: 35px 10px 0px 10px;
        font-size: 19px;
    }

    .partner-get-started-today a.round-button, .partner-get-started-today a.round-button:link, .partner-get-started-today a.round-button:visited, .partner-get-started-today a.round-button:hover {
        margin-left: 10px;
        width: 130px;
        height: 115px;
        padding: 35px 10px 0px 10px;
        font-size: 19px;
    }

    .section.partner-get-started-today img {
        height: 100px;
    }

    /*** partner tiers page */
    .solutions-partner-header-section.partner-tiers-header-section img {
        max-width: 280px;
    }

    /*** connector page */

    .tugger-big-bullet {
        width: 75px;
        height: 75px;
    }

    .connector-report-features .col-25 {
        flex-basis: 22%;
    }

    .connector-report-features .col-75 {
        flex-basis: 78%;
    }
    
    /*** end connector page */
}

@media only screen and (max-width: 500px) {
    #tugger-header-image {
        height: 250px;
        width: 350px;
    }

    nav a.tugger-logo, nav a.tugger-logo:link, nav a.tugger-logo:visited, nav a.tugger-logo:hover {
        width: 150.525px;
        height: 43.875px;
    }

    .menu {
        margin-top: 2px;
    }

    .menu a, .menu a:link, .menu a:visited, .menu a:hover {
        font-size: 14px;
        line-height: 18px;
        margin-left: 10px;
    }

    a#hamburger, a#hamburger:link, a#hamburger:visited, a#hamburger:hover {
        margin-top: 12px;
    }

    .connector-power-bi-template iframe {
        width: 300px;
        height: 200px;
    }

    .payment-plan-box {
        min-height: 400px;
    }

    .payment-plan-row .col-20 {
        flex-basis: 100%;
    }

    footer .content-area {
        padding-left: 10px;
        padding-right: 10px;
    }

    .mailing-list-section .k-textbox {
        width: 215px !important;
        margin-left: 0px;
        font-size: 22px;
        line-height: 22px;
    }

    #SubscribeMailingListButton {
        margin-left: 0px;
    }

    .blog-content-video {
        height: 400px;
    }

    .connector-logo {
        height: 80px;
    }

    .terms-table td, .terms-table th {
        font-size: 14px;
    }

    .solutions-directory-header-image {
        height: 300px;
    }

    .solutions-directory-page h1 {
        line-height: 34px;
        font-size: 30px;
        padding-top: 10px;
    }

    .section.solutions-directory-header-section h2 {
        padding-bottom: 0px;
        line-height: 28px;
        font-size: 24px;
    }

    /*** connector page */

    .connector-report-image {
        width: 328.104px; /*70%*/
        height: 224.616px; /*70%*/
    }

        .connector-report-image img {
            width: 302.232px; /*70%*/
            height: 170.52px; /*70%*/
            margin-top: 13px;
            margin-left: 13px;
        }

    a.button.connector-all-stories-button, a.button.connector-all-stories-button:link, a.button.connector-all-stories-button:visited, a.button.connector-all-stories-button:hover {
        max-width: 350px;
        font-size: 19px;
        line-height: 24px;
    }

    .connector-sign-up-rocket-buttons {
        margin: 0px 0px 0px 20px;
    }

    .connector-rocket {
        width: 162.56px;
        height: 311.04px;
        background-size: 162.56px 311.04px;
        margin-top: -260px;
    }

    /*** end connector page */

    .payment-plans .payment-plan-box {
        margin-left: 10px;
        margin-right: 10px;
    }
}

@media only screen and (max-width: 440px) {
    #tugger-header-image {
        height: 200px;
        width: 250px;
    }

    .youtube-video {
        height: 300px;
    }

    .blog-content-video {
        height: 350px;
    }

    .blog-quote-name {
        margin-top: 5px;
    }

    .blog-quote-job-title, .blog-quote-company {
        max-width: 180px;
    }

    /** partner tiers page */
    .partner-tiers-download-section-image {
        height: 280px;
    }

    /*** connector page */

    .tugger-big-bullet {
        width: 50px;
        height: 50px;
    }

    .connector-report-features .col-25 {
        flex-basis: 20%;
    }

    .connector-report-features .col-75 {
        flex-basis: 80%;
    }

    /*** end connector page **/
}

@media only screen and (max-width: 400px) {
    .blog-content-video {
        height: 300px;
    }

    /*** reporting portal landing page */
    .reporting-portal-landing-header {
        height: 300px;
    }

    /** partner tiers page */
    .partner-tiers-download-section-image {
        height: 260px;
    }

    /** start upcoming event banner */

    .upcoming-event-section {
        max-width: 295px;
    }

    #upcoming-event-banner a.button, #upcoming-event-banner a.button:link, #upcoming-event-banner a.button:visited, #upcoming-event-banner a.button:hover {
        width: 75%;
    }

    /** end upcoming event banner */

    /*** connector page */

    .connector-sign-up-rocket-buttons {
        margin: 0px;
    }

    /*** end connector page **/
}