@media all {
    html {
        position: relative;
        min-height: 100%
    }

    body {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #2e2e2e;
        background: url("img/networktop.png") no-repeat top center #13171a
    }

        body .container {
            padding-right: 0;
            padding-left: 0;
            position: relative;
        }
        
        body .clear {
            clear: both
        }

        body a {
            color: #de2f40;
            text-decoration: none
        }

            body a:hover {
                color: #de2f40
            }

            body a,
            body a:visited,
            body a:active {
                outline: none
            }

                body a:active {
                    color: #de2f40
                }

        body input {
            outline: none
        }

        body .right {
            float: right
        }

        body .left {
            float: left
        }

    #mainBodySection p {
        Margin-bottom: 20px
    }

    .red-title {
        color: #de2f40;
        font-size: 35px;
        font-weight: bold
    }

        .red-title a {
            color: #de2f40;
            text-decoration: none
        }

        .red-title.normal {
            font-weight: normal;
            font-size: 22px
        }

    .red-title-h3 {
        color: #de2f40;
        font-size: 14px;
        font-weight: bold
    }

    .black-title-h3 {
        color: #000000;
        font-size: 14px;
        font-weight: bold
    }

    .redText {
        color: #de2f40;
        font-size: 16px
    }

    .redLine {
        height: 16px;
        background: #de2f40;
        width: 100%;
        float: left
    }

    p.caption {
        font-style: italic;
        font-size: 14px;
        color: #606060
    }

    .container.redLineHeaderTop {
        position: relative;
        top: 0;
        width: 100%
    }

    .redLineborder {
        height: 18px;
        background: #de2f40
    }

    #centerTopBody {
        margin-top: 78px;
        position: relative
    }

        #centerTopBody .centerContentBody {
            padding: 0 15px
        }

        #centerTopBody .bodyStaticContainer {
            position: relative;
            height: 40px
        }

            #centerTopBody .bodyStaticContainer .containerFull-Off {
                position: absolute;
                z-index: 10
            }

            #centerTopBody .bodyStaticContainer .mainBodyContainer {
                background: #ffffff;
                padding: 30px 50px 30px 0;
                min-height: 250px
            }

        #centerTopBody .sectionTitle {
            padding-top: 0px
        }

    #centerBody {
        background: #e9e9e9;
        padding-bottom: 40px
    }

    .container-bg {
        background-color: #fff;
    }

        #centerBody .extendMainContent {
            background: transparent
        }

    .containerFull-Off {
        width: 100%;
        background: #ffffff;
        position: relative;
        left: -100%;
        float: left
    }

    .contentWrapper-Off {
        width: 100%;
        float: left;
        left: 100%;
        position: relative;
        padding-left: 0
    }

    #bottomSection.noCenterBody .centerBottomSection {
        padding: 0 15px
    }

    .sectionTitle h1 {
        color: #de2f40;
        font-size: 24px;
        font-weight: bold;
        margin-top: 0
    }

    .sectionTitle a a,
    .sectionTitle .articleTitle a {
        text-decoration: none;
        color: #de2f40
    }

    .sectionTitle .pageTitleLeft {
        float: left
    }

    .sectionTitle .pageTitleRight {
        float: right
    }

        .sectionTitle .pageTitleRight a h1 {
            font-weight: normal
        }

    .sectionTitle h2 {
        color: #de2f40;
        font-size: 22px;
        font-weight: normal;
        margin-top: 0
    }

    .sectionByline {
        float: left;
        clear: both;
        margin-top: 120px;
        margin-bottom: 32px;
        font-weight: normal;
        font-size: 24px;
        color: #fff;
        width: 60%;
        line-height: 30px;
        position:relative;
    }

    .sectionByline.full {
        width: 100%;
    }

    .articleDate {
        color: #c3c3c3;
        font-size: 16px;
        font-weight: bold;
        letter-spacing: .03em
    }

    .articleSummary,
    .articleBody {
        color: #000000;
        font-size: 16px
    }

    a.articleReadMore,
    button.articleReadMore,
    input[type="submit"].articleReadMore {
        display: block;
        padding: 14px 32px;
        float: right;
        color: #de2f40;
        border: 1px solid #de2f40;
        font-weight: bold;
        font-size: 14px;
        text-decoration: none;
        margin-right: 1px;
        margin-top: 12px;
        -moz-transition: .5s;
        -o-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s
    }

    input[type="submit"].articleReadMore {
        background: #ffffff
    }

    

        a.articleReadMore:hover,
        button.articleReadMore:hover,
        input[type="submit"].articleReadMore:hover {
            background: #de2f40;
            color: #ffffff
        }


    .theta-cta {
        float: left;
        width: 100%;
        clear: both;
        margin-top: 15px;
    }

        .theta-cta a.articleReadMore {
            max-width: 250px;
            float: none !important;
            margin: 10px auto 30px !important;
            text-align: center;
        }



    .introSection {
        margin-top: 20px;
        font-size: 22px;
        line-height: 28px;
        color: #AAAAAA;
        margin-bottom: 40px
    }

    #bottomSection {
        background: #e9e9e9;
        min-height: 200px;
        padding-top: 10px
    }

        #bottomSection .container {
            margin: 0 auto 100px auto
        }

            #bottomSection .container .thetaPageCustomGrid #latestNewsCarousel {
                margin-top: 25px
            }

        #bottomSection .thetaPageCustomGrid h2 {
            font-size: 24px
        }

    #extraBottomSection {
        background: #fff;
        min-height: 200px;
        padding-top: 70px;
        padding-bottom: 70px
    }

    .thetaPostCustomGrid {
        float: left;
        clear: both;
        width: 100%;
        margin-top: 0px
    }

        .thetaPostCustomGrid .img-responsive-grid {
            margin-right: -20px;
            margin-top: 20px;
            margin-bottom: 20px
        }

            .thetaPostCustomGrid .img-responsive-grid img {
                display: block;
                max-width: 100%;
                height: auto
            }

        .thetaPostCustomGrid .articleMainContent {
            font-size: 16px;
            color: #000;
            padding-right: 20px
        }

            .thetaPostCustomGrid .articleMainContent p {
                margin-bottom: 15px
            }

    #paging {
        display: inline-block;
        padding: 5px 20px 5px 0;
        margin-top: 20px;
        float: right;
        color: #de2f40;
        font-weight: bold;
        font-size: 14px;
        text-decoration: none;
        list-style: none
    }

        #paging li {
            display: inline
        }

    .currentpage {
        color: #c3c3c3;
        font-size: 14px;
        font-weight: bold
    }

    .next {
        background: url("img/homeServicesArrow.png") no-repeat 101% 0 transparent;
        display: inline-block;
        height: 29px;
        width: 21px;
        margin-left: 8px;
        vertical-align: middle
    }

    .previous {
        background: url("img/homeServicesArrow.png") no-repeat 101% 0 transparent;
        transform: rotate(180deg);
        display: inline-block;
        height: 29px;
        width: 21px;
        margin-right: 8px;
        vertical-align: middle
    }

    .pagingDisabledNext {
        display: none
    }

    .pagingDisabledPrev {
        display: none
    }

    #paging li:last-of-type {
        margin-left: 35px
    }

    #paging li:first-of-type {
        margin-right: 35px
    }

    #centerTopBody .bodyStaticContainer .mainBodyContainer {
        padding: 30px 0px 30px 0
    }

    .mainBodyContainer .pageContent p {
        padding-right: 50px
    }

    .mainBodyContainer .pageContent ul {
        padding-right: 50px
    }

    #News-Blogs .mainBodyContainer .pageContent p:first-of-type {
        padding-top: 30px
    }

    .newsPageItems li {
        margin: 0 0 30px 35px
    }

    .pageContent {
        padding-bottom: 20px
    }

        .pageContent img {
            max-width: 100%
        }


    .blog-container {
        background: white;
    }

    .blog-content-top {
        margin-bottom: 40px;
    }
}

#Customers .articleImage {
    min-height: 136px;
    width: auto
}

.mainBodyContainer .contour {
    width: 100%;
    float: left;
    clear: both
}

    .mainBodyContainer .contour .contourNavigation .articleReadMore {
        margin-right: 50px
    }

    .mainBodyContainer .contour .contourPage .contourIndicator {
        color: #de2f40;
        font-weight: bold;
        font-size: 20px
    }

    .mainBodyContainer .contour .contourPage .fieldLabel {
        color: #000;
        font-weight: bold;
        font-size: 14px;
        width: 100%
    }

    .mainBodyContainer .contour .contourPage .contourPageName {
        display: none
    }

    .mainBodyContainer .contour .contourPage .contourFieldSet {
        float: left;
        width: 100%;
        clear: both;
        margin-bottom: 30px
    }

        .mainBodyContainer .contour .contourPage .contourFieldSet legend {
            color: #b6b6b6;
            font-size: 22px;
            font-weight: normal;
            border-bottom: none
        }

        .mainBodyContainer .contour .contourPage .contourFieldSet small {
            padding-left: 0;
            float: left;
            clear: none;
            margin: 13px 20px
        }

    .mainBodyContainer .contour .contourPage .contourField {
        float: left;
        clear: both;
        width: 100%;
        margin-bottom: 15px
    }

        .mainBodyContainer .contour .contourPage .contourField div label {
            font-weight: normal;
            padding-left: 5px;
            font-size: 14px;
            float: left
        }

        .mainBodyContainer .contour .contourPage .contourField input[type=radio] {
            background-color: #ffffff !important
        }

    .mainBodyContainer .contour .contourPage input,
    .mainBodyContainer .contour .contourPage select {
        float: left;
        clear: both;
        width: 100%;
        max-width: 350px;
        border: none;
        padding: 10px;
        background: #e9e9e9;
        color: #2e2e2e
    }

    .mainBodyContainer .contour .contourPage textarea {
        float: left;
        clear: both;
        color: #2e2e2e
    }

    .mainBodyContainer .contour .contourPage .contourField.title select {
        max-width: 80px
    }

    .mainBodyContainer .contour .contourPage .contourField.textarea textarea {
        max-width: 350px;
        min-width: 350px;
        width: 100%;
        height: 150px;
        max-height: 150px;
        min-height: 150px;
        background: #e9e9e9;
        border: none
    }

    .mainBodyContainer .contour .contourPage .contourField.fileupload input[type=file] {
        background: none
    }

        .mainBodyContainer .contour .contourPage .contourField.fileupload input[type=file]::before {
            background: black
        }

    .mainBodyContainer .contour .contourPage .contourField.checkbox .fieldLabel {
        padding-left: 0;
        width: auto
    }

    .mainBodyContainer .contour .contourPage .contourField.checkbox input {
        margin-left: 10px
    }

    .mainBodyContainer .contour .contourPage span.field-validation-error {
        float: left;
        clear: both;
        background: #fceaec;
        padding: 5px 10px;
        color: #de2f40;
        margin: 10px 0
    }

.mainBodyContainer #contour .contourPage .contourFieldSet small {
    padding-left: 0;
    float: left;
    clear: none;
    margin: 13px 20px
}

.mainBodyContainer .contour.jobapplicationform {
    margin-top: 30px;
    width: 100%;
    max-width: 400px
}

#topHeader {
    background: url("img/headerbg8.png") repeat-x 0 -100px transparent;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease
}

    #topHeader .navigationTop {
        min-height: 80px;
        padding-bottom: 14px
    }

    #topHeader.colorTransition {
        background: url("img/headerbg8.png") repeat 0 0 transparent
    }

#siteLogo {
    float: left;
    margin-top: 16px;
    margin-left: 17px;
    width: 138px
}

    #siteLogo a {
        display: block
    }

#b_footer {
    background: #13171a;
    bottom: 0;
    width: 100%;
    color: #fff;
    position: relative
}

    #b_footer .footerContent {
        min-height: 60px;
        padding: 26px 15px 56px
    }

        #b_footer .footerContent ul {
            list-style-type: none;
            padding-left: 0;
            float: left;
            width: 100%
        }

        #b_footer .footerContent .footer-links {
            background: url("img/footerIcons_phone.png") no-repeat right top transparent
        }

            #b_footer .footerContent .footer-links ul li {
                display: block;
                margin: 2px 0;
                float: left;
                clear: both
            }

                #b_footer .footerContent .footer-links ul li a {
                    display: block;
                    color: #de2f40;
                    font-weight: bold;
                    font-size: 14px;
                    line-height: 15px
                }

                    #b_footer .footerContent .footer-links ul li a:hover {
                        color: #ffffff;
                        text-decoration: underline
                    }

        #b_footer .footerContent .footer-contacts {
            background: url("img/footerIcons_mail.png") no-repeat right top transparent
        }

            #b_footer .footerContent .footer-contacts ul li {
                display: block;
                margin: 4px 0;
                float: left;
                clear: both
            }

                #b_footer .footerContent .footer-contacts ul li span {
                    float: left;
                    clear: both;
                    font-weight: bold;
                    font-size: 14px
                }

                    #b_footer .footerContent .footer-contacts ul li span.city {
                        color: #de2f40
                    }

                    #b_footer .footerContent .footer-contacts ul li span.phone {
                        color: #ffffff
                    }

        #b_footer .footerContent .footer-enquiries {
            background: none
        }

            #b_footer .footerContent .footer-enquiries ul li {
                display: block;
                margin: 4px 0;
                float: left;
                clear: both
            }

                #b_footer .footerContent .footer-enquiries ul li span {
                    float: left;
                    clear: both;
                    font-weight: bold;
                    font-size: 14px
                }

                    #b_footer .footerContent .footer-enquiries ul li span.title {
                        color: #de2f40
                    }

                    #b_footer .footerContent .footer-enquiries ul li span.email {
                        color: #ffffff
                    }

        #b_footer .footerContent .latestTweets span.title {
            color: #de2f40;
            font-weight: bold;
            float: left
        }

        #b_footer .footerContent .latestTweets .twitter-timeline {
            float: left;
            clear: both
        }

        #b_footer .footerContent .mobile-footer-contacts,
        #b_footer .footerContent .mobile-footer-enquiries {
            display: none
        }

@media (max-width: 767px) {
    #b_footer .footerContent {
        padding: 0px 0 50px;
        position: relative
    }

        #b_footer .footerContent ul li {
            float: left;
            clear: both;
            width: 100%
        }

        #b_footer .footerContent .mobile-footer-contacts {
            display: block;
            position: relative;
            float: left;
            width: 100%;
            height: 30px;
            background: url("img/footerIcons_phone.png") no-repeat 50% 1px #505050
        }

        #b_footer .footerContent .mobile-footer-enquiries {
            display: block;
            position: relative;
            float: left;
            width: 100%;
            height: 30px;
            background: url("img/footerIcons_mail.png") no-repeat 50% 1px #505050
        }

        #b_footer .footerContent .footer-links {
            float: left;
            width: 100%;
            position: relative;
            background: none
        }

            #b_footer .footerContent .footer-links ul {
                margin: 12px 0 10px
            }

                #b_footer .footerContent .footer-links ul li a {
                    text-align: center
                }

        #b_footer .footerContent .footer-contacts {
            float: left;
            width: 100%;
            position: relative;
            background: none
        }

            #b_footer .footerContent .footer-contacts ul li {
                margin: 15px 0 0px
            }

                #b_footer .footerContent .footer-contacts ul li span {
                    float: left;
                    width: 100%;
                    text-align: center
                }

        #b_footer .footerContent .footer-enquiries {
            float: left;
            width: 100%;
            position: relative;
            background: none
        }

            #b_footer .footerContent .footer-enquiries ul li {
                margin: 15px 0 0px
            }

                #b_footer .footerContent .footer-enquiries ul li span {
                    float: left;
                    width: 100%;
                    text-align: center
                }

        #b_footer .footerContent .latestTweets {
            display: none
        }
}

#contact-us-form .thetaForms {
    float: left;
    width: 100%
}

    #contact-us-form .thetaForms form {
        float: left;
        width: 100%
    }

        #contact-us-form .thetaForms form fieldset {
            float: left;
            width: 100%
        }

            #contact-us-form .thetaForms form fieldset .groupForm {
                margin-top: 5px;
                margin-bottom: 5px
            }

                #contact-us-form .thetaForms form fieldset .groupForm .fieldLabel {
                    color: #000;
                    font-weight: bold;
                    font-size: 14px;
                    width: 100%
                }

                #contact-us-form .thetaForms form fieldset .groupForm input[type="text"],
                #contact-us-form .thetaForms form fieldset .groupForm input[type="email"],
                #contact-us-form .thetaForms form fieldset .groupForm input[type="number"],
                #contact-us-form .thetaForms form fieldset .groupForm select {
                    float: left;
                    clear: both;
                    width: 100%;
                    max-width: 350px;
                    border: none;
                    padding: 10px;
                    background: #e9e9e9;
                    color: #2e2e2e
                }

                #contact-us-form .thetaForms form fieldset .groupForm textarea {
                    max-width: 350px;
                    min-width: 100%;
                    width: 100%;
                    height: 150px;
                    max-height: 150px;
                    min-height: 150px;
                    background: #e9e9e9;
                    border: none
                }

        #contact-us-form .thetaForms form label .mandatoryIndicator {
            color: #de2f40;
            font-weight: bold;
            font-size: 20px
        }

        #contact-us-form .thetaForms form .groupForm button[type="submit"] {
            display: block;
            font-weight: bold;
            font-size: 14px;
            text-decoration: none;
            margin-top: 12px;
            float: left;
            clear: both;
            width: 100%;
            max-width: 350px;
            border: none;
            padding: 10px;
            background: #e9e9e9;
            color: #2e2e2e;
            transition: background .5s ease-in-out;
            -webkit-transition: background .5s ease-in-out
        }

            #contact-us-form .thetaForms form .groupForm button[type="submit"]:hover {
                background: #ffffff;
                border: 1px solid #de2f40;
                color: #de2f40;
                transition: background .5s ease-in-out;
                -webkit-transition: background .5s ease-in-out
            }

.newsletter-widget {
    width: 100%;
    float: left;
    clear: both;
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px
}

    .newsletter-widget .redText {
        font-size: 12px
    }

    .newsletter-widget p {
        margin-bottom: 0
    }

    .newsletter-widget .introSection {
        color: #2e2e2e;
        font-size: 18px
    }

    .newsletter-widget #newsletter-form .thetaForms {
        float: left;
        width: 100%
    }

        .newsletter-widget #newsletter-form .thetaForms form {
            float: left;
            width: 100%
        }

            .newsletter-widget #newsletter-form .thetaForms form fieldset {
                float: left;
                width: 100%
            }

                .newsletter-widget #newsletter-form .thetaForms form fieldset .groupForm {
                    margin-top: 5px;
                    margin-bottom: 5px;
                    padding: 0
                }

                    .newsletter-widget #newsletter-form .thetaForms form fieldset .groupForm .fieldLabel {
                        color: #000;
                        font-weight: bold;
                        font-size: 14px;
                        width: 100%
                    }

                    .newsletter-widget #newsletter-form .thetaForms form fieldset .groupForm input[type="text"],
                    .newsletter-widget #newsletter-form .thetaForms form fieldset .groupForm input[type="email"],
                    .newsletter-widget #newsletter-form .thetaForms form fieldset .groupForm input[type="number"],
                    .newsletter-widget #newsletter-form .thetaForms form fieldset .groupForm select {
                        float: left;
                        clear: both;
                        width: 100%;
                        max-width: 350px;
                        border: none;
                        padding: 5px 10px;
                        background: #e9e9e9;
                        color: #2e2e2e
                    }

                    .newsletter-widget #newsletter-form .thetaForms form fieldset .groupForm textarea {
                        max-width: 350px;
                        min-width: 100%;
                        width: 100%;
                        height: 150px;
                        max-height: 150px;
                        min-height: 150px;
                        background: #e9e9e9;
                        border: none
                    }

            .newsletter-widget #newsletter-form .thetaForms form label .mandatoryIndicator {
                color: #de2f40;
                font-weight: bold;
                font-size: 20px
            }

            .newsletter-widget #newsletter-form .thetaForms form .groupForm button[type="submit"] {
                display: block;
                font-weight: bold;
                font-size: 14px;
                text-decoration: none;
                margin-top: 12px;
                float: left;
                clear: both;
                width: 100%;
                max-width: 350px;
                border: none;
                padding: 10px;
                background: #de2f40;
                color: #fff;
                transition: background .5s ease-in-out;
                -webkit-transition: background .5s ease-in-out
            }

                .newsletter-widget #newsletter-form .thetaForms form .groupForm button[type="submit"]:hover {
                    background: #ffffff;
                    border: 1px solid #de2f40;
                    color: #de2f40;
                    transition: background .5s ease-in-out;
                    -webkit-transition: background .5s ease-in-out
                }

.container.redLineHeader {
    position: absolute;
    bottom: 0;
    width: 100%;
    margin-left: -15px;
    margin-right: -15px
}

#headerHomeSection.homepage {
    height: 682px;
    position: relative;
    padding-top: 86px
}

#mainBodySection.homepage {
    background: url("img/network1.png") no-repeat right bottom #e9e9e9
}

#quoteSection.homepage {
    background: #ffffff
}

#headerHomeSection .overTop {
    position: relative;
    z-index: 2
}

#headerHomeSection .redLineHeader.overTop {
    position: absolute
}

#headerHomeSection #videoDots {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url("img/dots2.png");
    z-index: 1
}

#headerHomeSection video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: #000;
    background-size: cover;
    transition: 1s opacity
}

.homepage .homeHeader {
    text-align: center;
    margin: 180px 0 20px 0
}

    .homepage .homeHeader h1.white-title {
        color: #fff;
        font-weight: bold;
        font-size: 35px;
        margin-bottom: 8px;
        margin-top: 14px
    }

    .homepage .homeHeader .home-byline {
        float: left;
        clear: both;
        width: 100%;
        font-weight: bold;
        font-size: 24px
    }

        .homepage .homeHeader .home-byline.gray {
            color: #aaaaaa
        }

        .homepage .homeHeader .home-byline.white {
            color: #ffffff
        }

.homepage .linesText .quoteText p {
    font-size: 22px;
    margin-bottom: 2px
}

.homepage .linesText .quoteText a {
    font-size: 18px;
    font-style: italic;
    color: #000000;
    text-decoration: none
}

.homepage .linesText .customerName {
    margin-top: 20px;
    margin-bottom: 2px
}

.homepage .linesText .jobPosition {
    font-size: 16px
}

.homepage .linesText .companyName {
    font-size: 16px
}

.homepage .thetaPageCustomGrid .pageContent .secondColumn {
    padding-right: 0
}

.homeHeaderLinks {
    max-width: 673px;
    margin: 50px auto 0
}

.homeBtnHeader {
    display: block;
    cursor: pointer;
    font-size: 18px;
    border: 1px solid #777;
    text-align: center;
    padding: 12px 20px;
    color: #fff;
    font-weight: bold;
    background-color: rgba(255, 255, 255, 0);
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

    .homeBtnHeader:hover {
        background-color: rgba(255, 255, 255, 0.1);
        border: 1px solid #fff;
        color: #fff;
        text-decoration: none
    }

.homeThetaServices {
    margin: 150px 0 0 0;
    display: none
}

    .homeThetaServices .serviceHeading {
        background: url("img/homeServicesArrow.png") no-repeat 97% 4px #333;
        color: #fff;
        text-indent: 15px;
        font-weight: bold;
        font-size: 16px;
        padding: 8px 0;
        width: 100%;
        float: left;
        -moz-transition: .5s;
        -o-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s
    }

        .homeThetaServices .serviceHeading a {
            color: #fff;
            text-decoration: none;
            display: block
        }

        .homeThetaServices .serviceHeading:hover {
            background-color: #404040
        }

    .homeThetaServices .serviceContent {
        background: #000000;
        opacity: .6;
        color: #cccccc;
        float: left;
        clear: both;
        width: 100%;
        margin-bottom: 40px;
        padding-bottom: 10px;
        font-size: 14px
    }

        .homeThetaServices .serviceContent ul {
            list-style-type: none;
            padding-left: 15px;
            margin-top: 10px;
            float: left
        }

            .homeThetaServices .serviceContent ul li {
                margin: 1px 0
            }

                .homeThetaServices .serviceContent ul li a {
                    color: #cccccc;
                    -moz-transition: .5s;
                    -o-transition: .5s;
                    -webkit-transition: .5s;
                    transition: .5s
                }

                    .homeThetaServices .serviceContent ul li a:hover {
                        color: #ffffff;
                        text-decoration: none
                    }

        .homeThetaServices .serviceContent a.readMore {
            float: right;
            clear: both;
            padding-right: 15px;
            color: #cccccc;
            -moz-transition: .5s;
            -o-transition: .5s;
            -webkit-transition: .5s;
            transition: .5s
        }

            .homeThetaServices .serviceContent a.readMore:hover {
                color: #fff;
                text-decoration: none
            }

    .homeThetaServices .findMore {
        float: right
    }

        .homeThetaServices .findMore a {
            display: block;
            color: #de2f40;
            font-weight: bold;
            text-decoration: none;
            padding-right: 30px;
            background: url("img/homeServicesArrow.png") no-repeat right -5px transparent
        }

        .homeThetaServices .findMore .homeThetaServices .redLine {
            margin-top: 20px
        }

.homepage .homeThetaContent {
    margin: 42px 0 70px 0;
    padding-bottom: 10px
}

    .homepage .homeThetaContent .textContentColumn h1 {
        font-size: 24px;
        margin: 40px 0
    }

    .homepage .homeThetaContent .textContentColumn a {
        float: left;
        margin-top: 25px
    }

.homepage .latestNewsSection {
    margin: 26px 0 10px 0
}

.homepage .quoteContentArea {
    margin: 40px 0 4px 0
}

#joinTheTeamSection {
    background: url("img/blackbg2.jpg") no-repeat center top #000;
    color: #fff;
    padding-bottom: 48px;
    padding-top: 36px
}

    #joinTheTeamSection .jointheteamContentArea {
        margin: 40px 0 50px 0;
        color: #fff;
        font-size: 16px
    }

        #joinTheTeamSection .jointheteamContentArea .joinTitle {
            text-align: center;
            margin-bottom: 40px
        }

            #joinTheTeamSection .jointheteamContentArea .joinTitle h1 {
                font-size: 128px;
                color: #de2f40;
                font-weight: lighter;
                margin-top: 0;
                margin-bottom: 50px
            }

        #joinTheTeamSection .jointheteamContentArea .joinTextContent {
            margin-top: 36px
        }

            #joinTheTeamSection .jointheteamContentArea .joinTextContent p {
                margin-bottom: 20px
            }

            #joinTheTeamSection .jointheteamContentArea .joinTextContent a {
                display: block;
                padding: 14px 32px;
                float: left;
                color: #de2f40;
                border: 1px solid #de2f40;
                font-weight: bold;
                font-size: 14px;
                text-decoration: none;
                margin-right: 1px;
                margin-top: 12px;
                -moz-transition: .5s;
                -o-transition: .5s;
                -webkit-transition: .5s;
                transition: .5s
            }

                #joinTheTeamSection .jointheteamContentArea .joinTextContent a:hover {
                    background: #de2f40;
                    color: #ffffff
                }

a.carousel-control {
    opacity: 1;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

.carousel-control:hover {
    opacity: .7
}

.carousel-inner .item {
    float: left;
    width: 100%
}

    .carousel-inner .item .newsItemCarousel {
        float: left;
        padding: 0 18px 0 13px
    }

.newsItemCarousel {
    height: 220px
}

    .newsItemCarousel .articleMainContent {
        background-color: #ffffff;
        width: calc(100% - 30.5px);
        min-height: 90px;
        padding-left: 5%;
        padding-right: 5%;
        position: absolute;
        top: 120px;
        opacity: 1;
        -moz-transition: .5s;
        -o-transition: .5s;
        -webkit-transition: .5s;
        transition: .5s
    }

.carousel-inner .item .newsItemCarousel:hover .articleMainContent {
    background-color: #de2f40;
    color: #fff;
    cursor: pointer
}

    .carousel-inner .item .newsItemCarousel:hover .articleMainContent .articleTitle a {
        color: #fff
    }

.newsItemCarousel .articleMainContent h3 {
    margin-top: 10px
}

.latestNewsSection h2 {
    font-size: 24px;
    margin-top: 0
}

#latestNewsCarousel {
    margin: 40px -15px 0
}

    #latestNewsCarousel .newsImage {
        background: #fff;
        display: block;
        position: relative;
        height: 138px
    }

.newsImage .img-responsive {
    margin: 0 auto
}

.newsItemCarousel .articleMainContent h3 {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

#latestNewsCarousel .caseStudyText {
    float: right;
    background: #de2f40;
    padding: 3px 20px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    position: absolute;
    top: 97px;
    right: 0;
    opacity: 1;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s
}

#latestNewsCarousel .carousel-inner .item .newsItemCarousel:hover .newsImage .caseStudyText {
    color: #000;
    background: #fff
}

#centerTopBody.solutionsCenter {
    background: #e9e9e9;
    padding-bottom: 70px
}

    #centerTopBody.solutionsCenter .sectionTitle h1 {
        margin-bottom: 50px
    }

    #centerTopBody.solutionsCenter .solutionBoxes {
        background: #fff;
        padding: 0 25px 40px;
        margin-right: 30px;
        margin-bottom: 30px
    }

        #centerTopBody.solutionsCenter .solutionBoxes .solutionHeading {
            float: left;
            width: 100%;
            margin-bottom: 10px;
            min-height: 112px;
            height: 112px
        }

            #centerTopBody.solutionsCenter .solutionBoxes .solutionHeading a {
                color: #2e2e2e;
                text-decoration: none
            }

                #centerTopBody.solutionsCenter .solutionBoxes .solutionHeading a h3 {
                    font-size: 35px;
                    font-weight: bolder;
                    text-transform: lowercase;
                    margin-top: 25px
                }

                #centerTopBody.solutionsCenter .solutionBoxes .solutionHeading a:hover {
                    color: #de2f40;
                    text-decoration: none
                }

        #centerTopBody.solutionsCenter .solutionBoxes .solutionContent {
            width: 100%;
            float: left;
            clear: both;
            min-height: 380px;
            height: 380px
        }

            #centerTopBody.solutionsCenter .solutionBoxes .solutionContent .solutionIntro {
                width: 100%;
                min-height: 90px;
                height: 90px;
                float: left;
                clear: both;
                color: #000;
                font-size: 16px;
                margin-bottom: 20px
            }

            #centerTopBody.solutionsCenter .solutionBoxes .solutionContent .solutionItems {
                width: 100%;
                min-height: 170px;
                height: 170px;
                float: left;
                clear: both;
                list-style-type: none;
                padding: 0;
                font-size: 16px;
                margin-bottom: 50px
            }

                #centerTopBody.solutionsCenter .solutionBoxes .solutionContent .solutionItems li {
                    float: left;
                    clear: both;
                    width: 100%;
                    margin-bottom: 5px
                }

                    #centerTopBody.solutionsCenter .solutionBoxes .solutionContent .solutionItems li a {
                        display: block;
                        width: 100%;
                        float: left;
                        text-decoration: none;
                        -moz-transition: .5s;
                        -o-transition: .5s;
                        -webkit-transition: .5s;
                        transition: .5s
                    }

                        #centerTopBody.solutionsCenter .solutionBoxes .solutionContent .solutionItems li a:hover {
                            font-weight: bold;
                            text-decoration: none
                        }

            #centerTopBody.solutionsCenter .solutionBoxes .solutionContent a.articleReadMore {
                float: none;
                clear: both;
                max-width: 200px;
                text-align: center;
                margin: 0 auto
            }

        #centerTopBody.solutionsCenter .solutionBoxes:nth-child(3n) {
            margin-right: 0
        }

#News-Blogs #centerTopBody .mainBodyContainer {
    padding: 0 0 30px 0
}

#News-Blogs .authorContainer {
    font-size: 15px
}

#News-Blogs .authorImage {
    width: 200px;
    float: left;
    margin-right: 15px;
    margin-bottom: 10px
}

#News-Blogs .authorDescription {
    margin-right: 50px;
    color: #AAAAAA
}

    #News-Blogs .authorDescription p {
        margin: 0
    }

#News-Blogs .articleMainContent .col-md-12 div p:last-of-type {
    margin-bottom: 40px
}

#News-Blogs .articleMainContent .col-md-6 img {
    width: 100%
}

#News-Blogs .articleMainContent .col-md-4 img {
    width: 100%
}

#News-Blogs .articleMainContent .articleReadMore {
    margin: 20px 0
}

#News-Blogs .articleMainContent img {
    padding-bottom: 15px;
    width: calc(100% + 40px);
    height: auto
}

#News-Blogs .newsPageItem.blogPost .articleMainContent {
    padding: 0 40px 0 0;
    float: left;
    clear: both;
    width: 100%
}

    #News-Blogs .newsPageItem.blogPost .articleMainContent .img-responsive-grid {
        margin-right: -40px
    }

.newsPageItems {
    padding-left: 0;
    list-style-type: none;
    float: left;
    clear: both;
    width: 100%
}

    .newsPageItems .articleMainContent {
        float: left;
        clear: both;
        width: 100%;
        padding-right: 20px
    }

    .newsPageItems .newsPageItem {
        float: left;
        clear: both;
        width: 100%;
        margin-bottom: 30px
    }

#centerTopBody.newsPages .newsPageItems li.item {
    float: left;
    clear: both;
    width: 100%;
    margin: 0 0 30px 0
}

#centerTopBody.newsPages .articleTitle {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 30px
}

    #centerTopBody.newsPages .articleTitle h2 {
        margin-bottom: 0
    }

#centerTopBody.newsPages .articleDate {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 0px
}

#centerTopBody.newsPages .articleSummary {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 10px;
    font-size: 14px
}

#centerTopBody.newsPages .group .newsPageItem {
    margin-bottom: 20px
}

#centerTopBody.newsPages .newsImage .img-responsive {
    margin: 0 auto
}

.newsPageItem .newsImage {
    float: left;
    width: 100%;
    clear: both
}

.Greatadventureraceblog .pageContent .column p .introSection {
    display: block;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-right: 15px
}

.caseStudyLogo {
    position: relative;
    background-color: #ffffff;
    float: right;
    z-index: 100;
    min-height: 50px;
    padding: 15px;
    margin-top: -79px
}

    .caseStudyLogo img {
        height: 50px
    }

.caseStudyFiller {
    position: relative;
    background-color: #ffffff;
    float: right;
    z-index: 100;
    min-height: 50px;
    padding: 15px;
    margin-top: -79px;
    background: #ffffff;
    color: #de2f40
}

    .caseStudyFiller p {
        min-height: 50px;
        margin-bottom: 0;
        padding: 10px
    }

    .caseStudyFiller:hover {
        background: #de2f40;
        color: #ffffff;
        transition: .5s
    }

#News-Blogs .newsImage:hover + .caseStudyFiller {
    background: #de2f40;
    color: #ffffff;
    transition: .5s
}

.CureKidsblog #centerTopBody .mainBodyContainer {
    padding: 0px 0px 30px 0 !important
}

.newsPageItem .articleImage {
    float: left;
    clear: both;
    width: 100%
}

    .newsPageItem .articleImage img {
        margin-left: auto;
        margin-right: auto
    }

.newsPageItem .articleDate.postDate {
    margin-top: 30px;
    color: #000
}

.newsPageItem .articleAuthor {
    float: left;
    clear: both;
    color: #de2f40;
    font-size: 16px;
    font-weight: bold;
    margin: 2px 0
}

.newsPageItem .articleIntro {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 22px;
    line-height: 28px;
    color: #AAAAAA
}

.newsPageItem .articleBody {
    float: left;
    width: 100%;
    clear: both;
    margin-top: 30px
}

    .newsPageItem .articleBody p {
        margin-bottom: 20px
    }

.tagsContent {
    float: left;
    clear: both;
    width: 100%
}

    .tagsContent h3 {
        padding-left: 20px
    }

    .tagsContent ul {
        list-style-type: none;
        padding-left: 20px;
        float: left;
        clear: both;
        width: 100%
    }

        .tagsContent ul li {
            float: left;
            clear: both;
            width: 100%;
            display: block;
            color: #de2f40;
            margin: 1px 0;
            font-weight: bold;
            font-size: 14px
        }

.newsPageItems.widget li .newsPageItem {
    background: #fff
}

a.articleReadMore.rssBtn {
    float: left;
    margin-left: 20px
}

#ourPeopleSection {
    width: 100%;
    float: left;
    clear: both;
    margin-top: 20px
}

    #ourPeopleSection .ourPeopleList {
        width: 100%;
        float: left;
        clear: both;
        list-style-type: none;
        padding-left: 0
    }

        #ourPeopleSection .ourPeopleList .profileItem {
            float: left;
            width: 100%;
            min-height: 230px
        }

    #ourPeopleSection .profileImage {
        float: left;
        clear: both;
        width: 100%
    }

        #ourPeopleSection .profileImage .img-responsive {
            margin: 0 auto
        }

    #ourPeopleSection .profileName {
        font-weight: bold;
        float: left;
        clear: both;
        width: 100%;
        margin-top: 10px
    }

    #ourPeopleSection .jobTitle {
        font-size: 12px;
        float: left;
        width: 100%;
        clear: both
    }

.mainBodyContainer .profileImage {
    margin-top: -30px;
    margin-right: -50px;
    float: left;
    clear: both;
    margin-bottom: 20px;
    width: 100%
}

#customerList {
    float: left;
    clear: both;
    width: 100%
}

    #customerList ul.customerListItems {
        float: left;
        clear: both;
        width: 100%;
        list-style-type: none;
        padding: 0
    }

        #customerList ul.customerListItems li {
            float: left;
            margin-bottom: 15px
        }

            #customerList ul.customerListItems li .customerListItem {
                float: left;
                width: 100%;
                height: 86px;
                background-color: #fff
            }

                #customerList ul.customerListItems li .customerListItem:hover + .customerCaseLink {
                    background: #ffffff;
                    transition: 0.4s ease
                }

#Customers .pageContent ul {
    list-style: none;
    font-size: 18px
}

    #Customers .pageContent ul li {
        padding-bottom: 5px
    }

#Customers .pageContent .logoFiller {
    margin: 0px
}

#Customers #quoteCarouselWidget .articleReadMore {
    display: none
}

#Customers .customerName {
    font-weight: bold
}

#Customers .jobInfo {
    margin-bottom: 15px
}

.customerCaseLink {
    position: absolute;
    bottom: 5px;
    width: calc(100% - 30px);
    height: 4px;
    z-index: 2;
    background: #de2f40
}

.jobListSection {
    float: left;
    clear: both;
    width: 100%
}

    .jobListSection .sectionHeading {
        font-size: 16px;
        font-weight: bold
    }

    .jobListSection .jobListing {
        list-style-type: none;
        padding-left: 0
    }

        .jobListSection .jobListing .jobItem {
            min-height: 120px;
            float: left;
            clear: both;
            padding-bottom: 20px;
            width: 100%;
            border-top: solid 1px #c3c3c3
        }

        .jobListSection .jobListing .jobInfo {
            float: left;
            width: 80%;
            padding-right: 40px
        }

            .jobListSection .jobListing .jobInfo p {
                font-size: 22px
            }

        .jobListSection .jobListing .jobDetails {
            float: right;
            width: 20%;
            margin-top: 20px;
            text-align: right
        }

            .jobListSection .jobListing .jobDetails p {
                margin-bottom: 2px
            }

                .jobListSection .jobListing .jobDetails p.jobDate {
                    font-size: 12px
                }

.roleDetails {
    margin-bottom: 50px
}

.roleInformation .infoContent {
    margin-bottom: 20px
}

.applySection {
    float: left;
    clear: both;
    width: 100%
}

#Careers .thetaPageCustomGrid .grid-section div:nth-of-type(2) .pageContent {
    padding-top: 30px;
    border-top: solid 1px #c3c3c3
}

#Careers .mainBodyContainer .jobDescription,
#Careers .mainBodyContainer .roleDetails,
#Careers .mainBodyContainer .roleInformation,
#Careers .mainBodyContainer .infoContent,
#Careers .mainBodyContainer .applySection {
    padding-right: 50px
}

.contourNavigation input[type="submit"] {
    display: block;
    background: #ffffff;
    padding: 14px 32px;
    float: right;
    color: #de2f40;
    border: 1px solid #de2f40;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none;
    margin-right: 1px;
    margin-top: 12px;
    -moz-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
    margin-right: 40px
}

    .contourNavigation input[type="submit"]:hover {
        color: #ffffff;
        background: #de2f40
    }

.validation-summary-errors {
    color: #de2f40;
    font-weight: bold;
    font-style: italic
}

    .validation-summary-errors ul {
        margin-bottom: 30px
    }

        .validation-summary-errors ul li {
            margin-bottom: 5px
        }

.Careers .jobDetails p {
    padding-right: 0px
}

.Careers .view-header {
    padding-right: 50px
}

.sectionByline.jobTitleLine {
    width: 65%
}

span.jobTitle {
    font-size: 18px
}

.profilePage .profileImage {
    float: left;
    clear: both;
    width: 100%
}

    .profilePage .profileImage img {
        margin: 0 auto
    }

.profilePage .profilePhone,
.profilePage .profileEmail {
    float: left;
    font-size: 16px;
    color: #000
}

.profilePage .profileEmail {
    margin-left: 20px;
    border-left: 1px solid #000;
    padding-left: 20px
}

#bottomSection.noCenterBody {
    padding-top: 20px
}

    #bottomSection.noCenterBody .thetaPostCustomGrid {
        margin-top: 0
    }

    #bottomSection.noCenterBody .articleMainContent {
        padding-right: 0
    }

.techListItems {
    float: left;
    clear: both;
    margin: 0;
    width: 100%;
    list-style-type: none;
    padding: 0
}

.techItemList {
    float: left;
    display: block
}

.techImageHover {
    display: block;
    text-indent: -9999px;
    float: left;
    height: 85px;
    width: 136px
}

    .techImageHover:hover {
        background-position: 0 -85px !important
    }

.centerBottomSection #technologiesPage {
    float: left;
    clear: both;
    width: 100%
}

    .centerBottomSection #technologiesPage .techListSection {
        float: left;
        width: 100%
    }

        .centerBottomSection #technologiesPage .techListSection .techListItems {
            float: left;
            width: 100%
        }

            .centerBottomSection #technologiesPage .techListSection .techListItems .techItems {
                margin-right: 32px;
                margin-bottom: 32px
            }

                .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(3n) {
                    margin-right: 32px
                }

                .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(6n) {
                    margin-right: 0px
                }

.techListSection {
    float: left;
    clear: both;
    margin: 0
}

    .techListSection .techListItems li {
        float: left;
        margin-bottom: 20px;
        margin-right: 20px
    }

        .techListSection .techListItems li:nth-child(3n) {
            margin-right: 0
        }

.secondColumn .techListSection h2 {
    display: none
}

#Technologies .coverImage {
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: -30px
}

.coverImage.topArticle {
    margin-top: 0 !important;
}

#Contactus .locationMapSection {
    position: relative;
    z-index: 2;
    float: left;
    clear: both;
    width: 100%;
    height: 350px
}

    #Contactus .locationMapSection .locationsContainer {
        background: #000;
        opacity: .8;
        float: left;
        width: 200px;
        color: #fff;
        padding: 2px 12px
    }

        #Contactus .locationMapSection .locationsContainer h4 {
            opacity: 1;
            float: left;
            font-size: 16px;
            font-weight: bold;
            color: #fff
        }

        #Contactus .locationMapSection .locationsContainer ul.locationList {
            float: left;
            clear: both;
            width: 100%;
            margin-top: 10px;
            padding-left: 0;
            list-style-type: none
        }

            #Contactus .locationMapSection .locationsContainer ul.locationList li {
                color: #555555;
                font-size: 23px;
                font-weight: bold
            }

                #Contactus .locationMapSection .locationsContainer ul.locationList li span.locationItem {
                    cursor: pointer;
                    display: block;
                    color: #555555;
                    font-weight: bold
                }

                    #Contactus .locationMapSection .locationsContainer ul.locationList li span.locationItem:hover {
                        color: #ffffff
                    }

                    #Contactus .locationMapSection .locationsContainer ul.locationList li span.locationItem.selected {
                        color: #ffffff
                    }

#mainMapSection {
    width: 100%;
    float: left;
    clear: both
}

#aucklandMap,
#christchurchMap,
#wellingtonMap,
#thetaLocations {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0
}

.mainBodyContainer .contour.contactus {
    margin-top: 30px;
    width: 100%;
    max-width: 400px
}

.thetaContactDetails {
    margin-top: 40px;
    float: left;
    clear: both;
    width: 100%
}

    .thetaContactDetails .contactDetails {
        float: left;
        clear: both;
        width: 100%;
        margin-top: 25px;
        margin-bottom: 25px
    }

    .thetaContactDetails table {
        width: 100%
    }

        .thetaContactDetails table tr {
            width: 100%
        }

            .thetaContactDetails table tr td {
                width: 50%;
                font-size: 13px;
                vertical-align: top
            }

@media (max-width: 991px) {
    #Contactus .locationMapSection .locationsContainer {
        position: absolute;
        bottom: 0
    }

        #Contactus .locationMapSection .locationsContainer h4 {
            margin-bottom: 0px
        }

        #Contactus .locationMapSection .locationsContainer ul {
            margin-top: 5px
        }

            #Contactus .locationMapSection .locationsContainer ul li {
                font-size: 18px
            }
}

#globalNav {
    float: right
}

    #globalNav nav {
        float: left
    }

        #globalNav nav ul {
            float: left;
            list-style-type: none;
            margin-bottom: 0;
            padding-left: 0;
            position: relative
        }

            #globalNav nav ul li {
                float: left;
                display: block
            }

                #globalNav nav ul li a {
                    float: left;
                    display: block;
                    padding: 0px 12px 0 13px;
                    font-size: 16px;
                    line-height: 16px;
                    font-weight: bold;
                    color: #ffffff;
                    text-decoration: none;
                    -moz-transition: .5s;
                    -o-transition: .5s;
                    -webkit-transition: .5s;
                    transition: .5s
                }

                    #globalNav nav ul li a:hover {
                        color: #cccccc
                    }

                #globalNav nav ul li:last-child a {
                    padding-right: 0
                }

.sideLinkContainer {
    padding: 0 0;
}

.sideLinkContainer.content-side-nav {
    padding: 0 15px;
}

    .sideLinkContainer .sidePageLinks {
        float: left;
        width: 100%;
        margin: 40px 0
    }

    .sideLinkContainer.content-side-nav .sidePageLinks {
        margin-top: 0;
        margin-bottom: 20px;
    }

        .sideLinkContainer .sidePageLinks ul {
            list-style-type: none;
            float: left;
            padding-left: 0;
            width: 100%;
            margin-bottom: 0
        }

            .sideLinkContainer .sidePageLinks ul li {
                margin: 0 0 1px 0;
                display: block;
                float: left;
                clear: both;
                width: 100%;
                background: url("img/homeServicesArrow.png") no-repeat 97% 4px #333;
                -moz-transition: .5s;
                -o-transition: .5s;
                -webkit-transition: .5s;
                transition: .5s
            }

                .sideLinkContainer .sidePageLinks ul li a {
                    padding: 10px 15px 10px 30px;
                    display: block;
                    color: #fff;
                    font-weight: bold;
                    text-decoration: none
                }

                .sideLinkContainer .sidePageLinks ul li:hover {
                    background-color: #404040
                }

                .sideContentWidgets .sideLinkContainer .sidePageLinks {
                    margin: 0 0 20px 0;
                }

.sideContentWidgets .thetaPageCustomGrid {
    margin-top: 0
}

.sideContentWidgets {
    display: block;
    position: relative
}

    .sideContentWidgets.border-bg .thetaPageCustomGrid {
        border-left: 1px solid #d1d1d1;
        padding-left: 15px;
    }

.sideContentWidgets .blog-share {
    float: left;
    clear: both;
    width: 100%;
    position: relative;
}

.sideContentWidgets .blog-share #socialShareBlog {
    left: 0;
}

.sideContentWidgets .widgetHeading {
    margin-top: 14px;
    font-weight: bold
}

.sideContentWidgets .keyPeopleSection {
    float: left;
    clear: both;
    margin: 10px 0;
    width: 100%
}

    .sideContentWidgets .keyPeopleSection .keyPeopleContent {
        float: left;
        clear: both;
        width: 100%
    }

        .sideContentWidgets .keyPeopleSection .keyPeopleContent .ourPeopleList {
            list-style: none;
            float: left;
            clear: both;
            padding-left: 0;
            width: 100%;
        }

            .sideContentWidgets .keyPeopleSection .keyPeopleContent .ourPeopleList .profileList {
                width: 45%;
                min-height: 160px;
                float: left;
                margin-right: 10%;
                list-style: none
            }

                .sideContentWidgets .keyPeopleSection .keyPeopleContent .ourPeopleList .profileList .profileItem p {
                    font-size: 12px
                }

                .sideContentWidgets .keyPeopleSection .keyPeopleContent .ourPeopleList .profileList:nth-child(2n) {
                    margin-right: 0
                }

.sideContentWidgets .techListSection {
    float: left;
    clear: both;
    margin: 10px 0;
    width: 100%
}

    .sideContentWidgets .techListSection .techListItems li {
        width: 45%;
        margin-bottom: 20px;
        float: left;
        margin-right: 30px
    }

        .sideContentWidgets .techListSection .techListItems li:nth-child(2n) {
            margin-right: 0
        }

        .sideContentWidgets .techListSection .techListItems li:nth-child(3n) {
            margin-right: 30px
        }

.sideContentWidgets .ourCultureSection {
    float: left;
    clear: both;
    margin: 10px 0;
    width: 100%
}

    .sideContentWidgets .ourCultureSection .ourCultureVideo {
        float: left;
        clear: both;
        margin-top: 10px;
        width: 100%
    }

    .sideContentWidgets .ourCultureSection .ourCultureInfo {
        float: left;
        clear: both;
        width: 100%;
        margin-top: 40px;
        font-size: 12px;
        line-height: 20px
    }

        .sideContentWidgets .ourCultureSection .ourCultureInfo h5 {
            font-weight: bold
        }

.sideContentWidgets .latestJobListSection {
    float: left;
    clear: both;
    margin: 10px 0
}

    .sideContentWidgets .latestJobListSection .latestJobListContent {
        float: left;
        clear: both;
        width: 100%
    }

    .sideContentWidgets .latestJobListSection .jobListing {
        list-style-type: none;
        padding-left: 0;
        float: left;
        clear: both;
        width: 100%;
        margin-top: 20px
    }

        .sideContentWidgets .latestJobListSection .jobListing .jobItem {
            float: left;
            clear: both;
            width: 100%
        }

            .sideContentWidgets .latestJobListSection .jobListing .jobItem .jobInfo {
                float: left;
                clear: both;
                width: 100%;
                margin-bottom: 20px
            }

                .sideContentWidgets .latestJobListSection .jobListing .jobItem .jobInfo a.jobName {
                    float: left;
                    clear: both;
                    width: 100%;
                    margin-bottom: 5px
                }

                .sideContentWidgets .latestJobListSection .jobListing .jobItem .jobInfo .location {
                    float: left;
                    clear: both;
                    margin-bottom: 0;
                    font-size: 12px;
                    width: 100%
                }

body#Solutions.Solutions .sectionTitle {
    float: left;
    width: 100%;
    margin-top: 35px
}

    body#Solutions.Solutions .sectionTitle ul.breadcrumb {
        display: none
    }

.sectionTitle ul.breadcrumb {
    background: transparent;
    border-radius: 0;
    font-size: 14px;
    margin-left: 0;
    padding-left: 0;
    color: #fff
}

    .sectionTitle ul.breadcrumb li a {
        font-size: 14px
    }

        .sectionTitle ul.breadcrumb li a.homeLinkBreadcrumb {
            font-size: 14px;
            position: relative;
            top: 4px;
            display: block;
            width: 29px;
            height: 26px;
            background-image: url("img/HomeIcon.png");
            background-position: left;
            background-repeat: no-repeat
        }

    .sectionTitle ul.breadcrumb li.active {
        color: #e9e9e9
    }

    .sectionTitle ul.breadcrumb > li + li:before {
        padding: 0 5px;
        color: #de2f40;
        content: "\003e"
    }

.search-results-box {
    list-style-type: none;
    text-decoration: none;
    padding: 0;
    float: left;
    clear: both;
    width: 100%
}

    .search-results-box li {
        float: left;
        clear: both;
        width: 100%;
        margin: 5px 0
    }

        .search-results-box li .results-box {
            float: left;
            width: 100%;
            clear: both
        }

            .search-results-box li .results-box h3 {
                float: left;
                clear: both;
                margin-top: 10px
            }

            .search-results-box li .results-box .result-introduction {
                clear: both;
                float: left;
                width: 100%;
                margin-top: 0px;
                margin-bottom: 20px;
                font-size: 16px;
                line-height: 28px;
                color: #c3c3c3
            }

            .search-results-box li .results-box .searchReadMore {
                float: right;
                clear: both
            }

        .search-results-box li hr {
            float: left;
            clear: both;
            width: 100%;
            margin-bottom: 10px
        }

        .search-results-box li .results-title {
            clear: both;
            color: #282828;
            font-size: 14px;
            font-weight: bold;
            margin: 2px 0
        }

.negativeResults {
    font-size: 22px;
    line-height: 28px;
    color: #c3c3c3
}

    .negativeResults a {
        color: #de2f40
    }

        .negativeResults a:hover {
            text-decoration: none
        }

.contour.bb2Bot .checkbox .fieldLabel {
    float: left !important
}

.contour.bb2Bot .checkbox input {
    float: left !important
}

.contourNavigation input.next {
    height: auto;
    margin-left: 0
}

.accountmanagement .radiobuttonlist input[type="radio"],
.servicedelivery .radiobuttonlist input[type="radio"],
.technicalservices .radiobuttonlist input[type="radio"] {
    clear: none
}

.accountmanagement .radiobuttonlist label,
.servicedelivery .radiobuttonlist label,
.technicalservices .radiobuttonlist label {
    margin-right: 12px
}

.accountmanagement .radiobuttonlist br,
.servicedelivery .radiobuttonlist br,
.technicalservices .radiobuttonlist br {
    display: none
}

#search_media {
    float: right;
    margin-bottom: 15px
}

    #search_media .socialIcons {
        float: left;
        list-style-type: none;
        padding-left: 0;
        margin-bottom: 0
    }

        #search_media .socialIcons li.icon {
            float: left;
            margin: 0 0 0 1px
        }

            #search_media .socialIcons li.icon a {
                display: block;
                width: 30px;
                height: 30px;
                background: url("img/socialmediasprite.png") no-repeat 0 0 transparent;
                text-indent: -9999px;
                -moz-transition: .5s;
                -o-transition: .5s;
                -webkit-transition: .5s;
                transition: .5s
            }

                #search_media .socialIcons li.icon a.facebook {
                    background-position: 0 0
                }

                    #search_media .socialIcons li.icon a.facebook:hover {
                        background-position: 0 -30px
                    }

                #search_media .socialIcons li.icon a.twitter {
                    background-position: -31px 0
                }

                    #search_media .socialIcons li.icon a.twitter:hover {
                        background-position: -31px -30px
                    }

                #search_media .socialIcons li.icon a.linkedin {
                    background-position: -62px 0
                }

                    #search_media .socialIcons li.icon a.linkedin:hover {
                        background-position: -62px -30px
                    }

            #search_media .socialIcons li.icon.socialShareMobile,
            #search_media .socialIcons li.icon.searchMobile,
            #search_media .socialIcons li.icon.phoneNumber {
                display: none;
                text-indent: -9999px
            }

    #search_media .searchBox {
        float: left
    }

        #search_media .searchBox input[type="text"] {
            background: #555555;
            border: none;
            padding: 2px 5px 2px 10px;
            color: #e9e9e9;
            height: 30px;
            margin-left: 1px;
            float: left;
            width: 100px;
            font-size: 12px;
            font-style: italic
        }

        #search_media .searchBox input[type="submit"] {
            float: left;
            margin: 0;
            border: none;
            width: 30px;
            height: 30px;
            background: url("img/searchIcon.png") no-repeat -3px 0 #555;
            padding-right: 3px
        }

#searchBoxMobile {
    display: none;
    background: #282828;
    padding: 12px 15px;
    width: 100%;
    float: left;
    position: relative
}

    #searchBoxMobile input[type="text"] {
        background: #555555;
        border: none;
        padding: 2px 5px 2px 10px;
        color: #e9e9e9;
        height: 30px;
        margin-left: 0px;
        float: left;
        width: 100%;
        font-size: 12px;
        font-style: italic
    }

    #searchBoxMobile input[type="submit"] {
        float: left;
        margin: 0;
        border: none;
        width: 35px;
        height: 30px;
        background: url("img/searchIcon.png") no-repeat 2px 0 #555;
        padding-right: 3px;
        position: absolute;
        right: 15px
    }

#socialIconsBoxMobile {
    display: none;
    background: #282828;
    padding: 12px 15px;
    width: 100%;
    float: left;
    position: relative
}

    #socialIconsBoxMobile .socialIcons {
        display: table;
        list-style-type: none;
        padding: 0;
        margin: 0 auto
    }

        #socialIconsBoxMobile .socialIcons li.icon {
            float: left;
            margin: 0 4px
        }

            #socialIconsBoxMobile .socialIcons li.icon a {
                display: block;
                width: 30px;
                height: 30px;
                background: url("img/socialmediasprite.png") no-repeat 0 0 transparent;
                text-indent: -9999px;
                -moz-transition: .5s;
                -o-transition: .5s;
                -webkit-transition: .5s;
                transition: .5s
            }

                #socialIconsBoxMobile .socialIcons li.icon a.facebook {
                    background-position: 0 0
                }

                    #socialIconsBoxMobile .socialIcons li.icon a.facebook:hover {
                        background-position: 0 -30px
                    }

                #socialIconsBoxMobile .socialIcons li.icon a.twitter {
                    background-position: -31px 0
                }

                    #socialIconsBoxMobile .socialIcons li.icon a.twitter:hover {
                        background-position: -31px -30px
                    }

                #socialIconsBoxMobile .socialIcons li.icon a.linkedin {
                    background-position: -62px 0
                }

                    #socialIconsBoxMobile .socialIcons li.icon a.linkedin:hover {
                        background-position: -62px -30px
                    }

@media (max-width: 767px) {
    #search_media {
        margin-top: 10px;
        margin-bottom: 0
    }

        #search_media .socialIcons {
            margin-right: 4px
        }

            #search_media .socialIcons li.icon.phoneNumber {
                display: block;
                text-indent: -9999px;
                width: 30px;
                height: 30px
            }

                #search_media .socialIcons li.icon.phoneNumber a.phoneIcon {
                    display: block;
                    background: url("img/footerIcons_phone.png") no-repeat 0px 0 #555
                }

            #search_media .socialIcons li.icon.searchMobile {
                display: block;
                text-indent: -9999px;
                width: 30px;
                height: 30px;
                background: url("img/searchIcon.png") no-repeat 0px 0 #555
            }

        #search_media .searchBox {
            display: none
        }
}

@media (max-width: 380px) {
    #search_media .socialIcons li.icon {
        display: none
    }

        #search_media .socialIcons li.icon.socialShareMobile {
            display: block;
            text-indent: -9999px;
            width: 30px;
            height: 30px;
            background: url("img/socialmediasprite.png") no-repeat -94px 0 #555
        }
}

#socialShareBlog {
    position: absolute;
    top: 0;
    right: -15vw
}

    #socialShareBlog .resp-sharing-button__link,
    #socialShareBlog .resp-sharing-button__icon {
        display: block
    }

    #socialShareBlog .resp-sharing-button__link {
        text-decoration: none;
        color: #fff;
        margin: 0.5em 0;
        float: left;
        clear: both
    }

    #socialShareBlog .resp-sharing-button {
        border-radius: 5px;
        transition: 25ms ease-out;
        padding: 0.5em 0.75em;
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif
    }

    #socialShareBlog .resp-sharing-button__icon svg {
        width: 1em;
        height: 1em;
        margin-right: 0.4em;
        vertical-align: top
    }

    #socialShareBlog .resp-sharing-button--small svg {
        margin: 0;
        vertical-align: middle
    }

    #socialShareBlog .resp-sharing-button__icon {
        stroke: #fff;
        fill: none
    }

    #socialShareBlog .resp-sharing-button__icon--solid,
    #socialShareBlog .resp-sharing-button__icon--solidcircle {
        fill: #fff;
        stroke: none
    }

    #socialShareBlog .resp-sharing-button--twitter {
        background-color: #55acee
    }

        #socialShareBlog .resp-sharing-button--twitter:hover {
            background-color: #2795e9
        }

    #socialShareBlog .resp-sharing-button--pinterest {
        background-color: #bd081c
    }

        #socialShareBlog .resp-sharing-button--pinterest:hover {
            background-color: #8c0615
        }

    #socialShareBlog .resp-sharing-button--facebook {
        background-color: #3b5998
    }

        #socialShareBlog .resp-sharing-button--facebook:hover {
            background-color: #2d4373
        }

    #socialShareBlog .resp-sharing-button--tumblr {
        background-color: #35465C
    }

        #socialShareBlog .resp-sharing-button--tumblr:hover {
            background-color: #222d3c
        }

    #socialShareBlog .resp-sharing-button--reddit {
        background-color: #5f99cf
    }

        #socialShareBlog .resp-sharing-button--reddit:hover {
            background-color: #3a80c1
        }

    #socialShareBlog .resp-sharing-button--google {
        background-color: #dd4b39
    }

        #socialShareBlog .resp-sharing-button--google:hover {
            background-color: #c23321
        }

    #socialShareBlog .resp-sharing-button--linkedin {
        background-color: #0077b5
    }

        #socialShareBlog .resp-sharing-button--linkedin:hover {
            background-color: #046293
        }

    #socialShareBlog .resp-sharing-button--email {
        background-color: #777
    }

        #socialShareBlog .resp-sharing-button--email:hover {
            background-color: #5e5e5e
        }

    #socialShareBlog .resp-sharing-button--xing {
        background-color: #1a7576
    }

        #socialShareBlog .resp-sharing-button--xing:hover {
            background-color: #114c4c
        }

    #socialShareBlog .resp-sharing-button--whatsapp {
        background-color: #25D366
    }

        #socialShareBlog .resp-sharing-button--whatsapp:hover {
            background-color: #1da851
        }

    #socialShareBlog .resp-sharing-button--hackernews {
        background-color: #FF6600
    }

        #socialShareBlog .resp-sharing-button--hackernews:hover,
        #socialShareBlog .resp-sharing-button--hackernews:focus {
            background-color: #FB6200
        }

    #socialShareBlog .resp-sharing-button--vk {
        background-color: #507299
    }

        #socialShareBlog .resp-sharing-button--vk:hover {
            background-color: #43648c
        }

    #socialShareBlog .resp-sharing-button--facebook {
        background-color: #3b5998;
        border-color: #3b5998
    }

        #socialShareBlog .resp-sharing-button--facebook:hover,
        #socialShareBlog .resp-sharing-button--facebook:active {
            background-color: #2d4373;
            border-color: #2d4373
        }

    #socialShareBlog .resp-sharing-button--twitter {
        background-color: #55acee;
        border-color: #55acee
    }

        #socialShareBlog .resp-sharing-button--twitter:hover,
        #socialShareBlog .resp-sharing-button--twitter:active {
            background-color: #2795e9;
            border-color: #2795e9
        }

    #socialShareBlog .resp-sharing-button--email {
        background-color: #777777;
        border-color: #777777
    }

        #socialShareBlog .resp-sharing-button--email:hover,
        #socialShareBlog .resp-sharing-button--email:active {
            background-color: #5e5e5e;
            border-color: #5e5e5e
        }

    #socialShareBlog .resp-sharing-button--linkedin {
        background-color: #0077b5;
        border-color: #0077b5
    }

        #socialShareBlog .resp-sharing-button--linkedin:hover,
        #socialShareBlog .resp-sharing-button--linkedin:active {
            background-color: #046293;
            border-color: #046293
        }

    #socialShareBlog.stickSocial {
        position: fixed;
        top: 100px;
        right: 24px;
        z-index: 20
    }

@media (max-width: 1024px) {
    #socialShareBlog {
        right: -26px;
        z-index: 20
    }

        #socialShareBlog.stickSocial {
            right: 15px
        }
}

@media (max-width: 991px) {
    #socialShareBlog {
        right: 0
    }
}


@media (max-width: 480px) {
    .sideContentWidgets .thetaPageCustomGrid {
        display: none
    }
}

.carousel-control {
    width: 4%
}

    .carousel-control.left,
    .carousel-control.right {
        background-image: none
    }

    .carousel-control.left {
        position: absolute;
        left: -80px
    }

    .carousel-control.right {
        position: absolute;
        right: -80px
    }

.left-arrow-carousel,
.right-arrow-carousel {
    width: 27px;
    height: 45px;
    background: url("img/carousel_arrows.png") no-repeat transparent;
    display: block;
    position: absolute;
    top: 36%
}

.left-arrow-carousel {
    background-position: 0 0
}

.right-arrow-carousel {
    background-position: -28px 0
}

.carousel-indicators li {
    width: 18px;
    height: 18px;
    background-color: #e9e9e9
}

.carousel-indicators .active {
    width: 18px;
    height: 18px
}

.linesText {
    text-align: center
}

    .linesText p:first-of-type {
        font-weight: 500;
        font-size: 16px;
        font-style: italic;
        margin-bottom: 2px
    }

    .linesText .quoteText a {
        font-size: 18px;
        font-style: italic;
        color: #000000;
        text-decoration: none
    }

    .linesText img {
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 20px
    }

.carousel-indicators {
    position: absolute;
    bottom: 0px
}

.quoteContentArea a.articleReadMore {
    margin-top: 0;
    position: relative;
    top: -50px
}

#quoteCarousel .left-arrow-carousel,
#quoteCarousel .right-arrow-carousel {
    top: 42%
}

#quoteCarousel .left-arrow-carousel {
    left: -20px
}

#quoteCarousel .right-arrow-carousel {
    right: -6px
}

.carousel-indicators .active {
    background: #de2f40
}

@media (min-width: 1200px) {
    .container {
        width: 1008px
    }

    .carousel-control.left {
        position: absolute;
        left: -80px
    }

    .carousel-control.right {
        position: absolute;
        right: -80px
    }

    .solutionsCenter .solutionBoxes {
        max-width: 305px
    }

    .techListSection .techListItems li {
        margin-bottom: 32px;
        margin-right: 32px
    }

        .techListSection .techListItems li:nth-child(3n) {
            margin-right: 0
        }

    .centerBottomSection #technologiesPage .techListSection .techListItems .techItems {
        margin-right: 32px;
        margin-bottom: 32px
    }

        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(3n),
        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(5n) {
            margin-right: 32px
        }

        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(6n) {
            margin-right: 0px
        }

    #ThetaHome .quotesWidget {
        height: 420px;
        max-width: 950px;
        margin: 0 auto
    }

    .quotesWidget {
        height: 340px;
        max-width: 950px;
        margin: 0 auto
    }

    .sideContentWidgets .techListSection .techListItems li {
        margin-right: 30px
    }

        .sideContentWidgets .techListSection .techListItems li:nth-child(2n) {
            margin-right: 0
        }

        .sideContentWidgets .techListSection .techListItems li:nth-child(3n) {
            margin-right: 30px
        }
}

@media (max-width: 1200px) {
    .mainBodyContainer .profileImage {
        width: auto
    }
}

@media (min-width: 768px) {
    .container {
        width: 738px
    }
}

@media (min-width: 992px) {
    .container {
        width: 940px
    }

    .carousel-control.left {
        position: absolute;
        left: -24px
    }

    .carousel-control.right {
        position: absolute;
        right: -24px
    }

    .solutionsCenter .solutionBoxes {
        max-width: 282px
    }

    .homepage .thetaPageCustomGrid .pageContent .secondColumn {
        padding-right: 15px
    }

    .techListSection .techListItems li {
        margin-right: 15px;
        margin-bottom: 15px
    }

    .centerBottomSection #technologiesPage .techListSection .techListItems .techItems {
        margin-right: 56px;
        margin-bottom: 20px
    }

        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(3n),
        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(6n) {
            margin-right: 56px
        }

        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(5n) {
            margin-right: 0px
        }

    .quotesWidget {
        height: 350px;
        max-width: 820px;
        margin: 0 auto
    }

    .logoFiller {
        min-height: 136px;
        max-width: 225px;
        margin: 0 auto
    }

    .sideContentWidgets .techListSection .techListItems li {
        margin-right: 20px;
        margin-bottom: 12px
    }

        .sideContentWidgets .techListSection .techListItems li:nth-child(2n) {
            margin-right: 0
        }

        .sideContentWidgets .techListSection .techListItems li:nth-child(3n) {
            margin-right: 20px
        }

    #sideNavigation.collapse {
        display: block;
        visibility: visible;
    }
}

@media (max-width: 991px) {
    .sectionByline {
        width: 68%
    }

    .sectionByline.extension-full {
        width: 100%;
    }

    #centerBody {
        padding-bottom: 0
    }

    #bottomSection .container .thetaPageCustomGrid h2 {
        margin-top: 5px
    }

    .customerCaseLink {
        display: none
    }

    #siteLogo {
        margin-top: 12px
    }

    #globalNav nav ul li a {
        padding: 2px 6px;
        font-size: 12px
    }

    .latestNewsSection .carousel-control {
        display: none
    }

    .newsItemCarousel {
        max-height: 170px
    }

        .newsItemCarousel .articleMainContent {
            position: absolute;
            top: 80px
        }

    .solutionsCenter .solutionBoxes {
        max-width: 338px
    }

        .solutionsCenter .solutionBoxes .solutionBoxes:nth-child(3n) {
            margin-right: 30px
        }

        .solutionsCenter .solutionBoxes .solutionBoxes:nth-child(2n) {
            margin-right: 0
        }

    .homepage .homeThetaContent .TechnoHomeSection .textContentColumn a {
        float: none;
        text-align: center;
        width: 100%;
        clear: both
    }

    .homepage .thetaPageCustomGrid .TechnoHomeSection .column {
        float: left;
        clear: both;
        width: 100%
    }

    .homepage .thetaPageCustomGrid .TechnoHomeSection .secondColumn {
        float: left;
        clear: both;
        width: 100%;
        margin-top: 60px
    }

    .techListSection .techListItems li {
        float: left;
        margin-bottom: 20px;
        margin-right: 40px
    }

        .techListSection .techListItems li:nth-child(2n) {
            margin-right: 40px
        }

        .techListSection .techListItems li:nth-child(3n) {
            margin-right: 40px
        }

    .centerBottomSection #technologiesPage .techListSection .techListItems .techItems {
        margin-right: 54px;
        margin-bottom: 20px
    }

        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(3n),
        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(6n),
        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(5n) {
            margin-right: 54px
        }

        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(4n) {
            margin-right: 0
        }

    .quotesWidget {
        height: 350px;
        max-width: 630px;
        margin: 0 auto
    }

    .logoFiller {
        min-height: 136px;
        max-width: 225px;
        margin: 0 auto
    }

    #quoteCarousel .carousel-control.left {
        position: absolute;
        left: 0
    }

    #quoteCarousel .carousel-control.right {
        position: absolute;
        right: 0
    }

    #joinTheTeamSection .jointheteamContentArea {
        margin-top: 20px
    }

        #joinTheTeamSection .jointheteamContentArea .joinTitle h1 {
            font-size: 80px
        }

        #joinTheTeamSection .jointheteamContentArea .joinTextContent {
            margin-top: 0px
        }

    #latestNewsCarousel .carousel-control.left,
    #latestNewsCarousel .carousel-control.right {
        display: none
    }

    /**New Template*/

    #sideNavigationToggle {
        display: block;
        position: absolute;
        top: 12px;
        right: 0;
    }

    #sideNavigationToggle.navbar-toggle.collapsed {
        background: transparent;
    }

    #sideNavigationToggle.navbar-toggle {
        float: right;
        border-radius: 0;
        margin: 0;
        padding: 14px 15px 13px 8px;
        background: #333;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease
    }

        #sideNavigationToggle.navbar-toggle.colorTransition {
            background: transparent;
        }

        #sideNavigationToggle.navbar-toggle .icon-bar {
            background: #fff;
            height: 4px;
            float: left;
            clear: both;
            border-radius: 0
        }

            #sideNavigationToggle.navbar-toggle .icon-bar + .icon-bar {
                margin-top: 5px
            }

    .sideLinkContainer.content-side-nav {
        position: absolute;
        left: 0;
    }

    .sideLinkContainer.content-side-nav #sideNavigation {
       display: none;
        background: black;
    }

        .sideLinkContainer.content-side-nav #sideNavigation.collapse.in {
            display: block;
        }

  
    
}

@media (max-width: 768px) {
    #latestNewsCarousel .caseStudyText {
        top: 57px
    }
}

@media (max-width: 767px) {

    #sideNavigationToggle {
        top: -12px;
    }

    .redLineHeaderTop .col-xs-12 {
        padding: 0
    }

    .sectionTitle {
        text-align: center
    }

        .sectionTitle h1 {
            margin-top: 20px;
            font-size: 24px
        }

        .sectionTitle .pageTitleLeft,
        .sectionTitle .pageTitleRight {
            float: left;
            width: 100%;
            clear: both
        }

    .sectionByline {
        width: 85%;
        margin: 30px auto 40px;
        text-align: center;
        float: none;
        font-size: 16px;
        font-weight: bold;
        line-height: 24px
    }

    .navSideContainer .col-xs-12 {
        padding: 0
    }

    .containerFull-Off {
        background: none
    }

    #centerTopBody .bodyStaticContainer .mainBodyContainer {
        padding: 20px
    }

        #centerTopBody .bodyStaticContainer .mainBodyContainer .col-xs-12 {
            padding: 0 15px
        }

    #mainBodySection {
        padding-top: 15px
    }



    .homepage .homeThetaContent {
        margin-bottom: 20px
    }

    .articleReadMore {
        margin: 20px 0
    }

    #bottomSection .container {
        margin-bottom: 40px
    }

    #extraBottomSection {
        padding-bottom: 40px
    }

    .carousel-control {
        display: none
    }

    .navSideContainer {
        position: relative
    }

        .navSideContainer .sideLinkContainer {
            width: 100%;
            position: relative
        }

    .quotesWidget {
        min-height: 220px;
        height: auto;
        margin-top: 20px;
        padding: 10px
    }

    .logoFiller {
        display: none
    }

    .quoteContentArea a.articleReadMore {
        float: left;
        top: 0;
        clear: both;
        width: 100%;
        text-align: center;
        margin-top: 20px
    }

    #quoteCarousel .carousel-indicators {
        top: -40px;
        height: 20px
    }

    #topHeader {
        padding: 0
    }

        #topHeader .navigationTop {
            min-height: 50px;
            padding-bottom: 5px;
            position: relative
        }

            #topHeader .navigationTop .mobileNav {
                position: absolute;
                top: 0;
                right: 0;
                padding: 0
            }

                #topHeader .navigationTop .mobileNav .col-xs-12 {
                    padding: 0
                }

    #siteLogo {
        margin-top: 2px;
        margin-left: 0;
        padding-left: 15px;
        position: relative;
        z-index: 99
    }

    button.navbar-toggle.collapsed {
        background: transparent
    }

    button.navbar-toggle {
        float: right;
        border-radius: 0;
        margin: 0;
        padding: 14px 15px 13px 8px;
        background: #333;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease
    }

        button.navbar-toggle.colorTransition {
            background: transparent
        }

        button.navbar-toggle .icon-bar {
            background: #fff;
            height: 4px;
            float: left;
            clear: both;
            border-radius: 0
        }

            button.navbar-toggle .icon-bar + .icon-bar {
                margin-top: 5px
            }

    #globalNav {
        float: left;
        width: 100%;
        margin-top: 0px;
        border: none;
        border-top: none;
        max-height: 100%;
        box-shadow: none;
        padding: 0
    }

        #globalNav nav {
            float: left;
            padding: 0;
            width: 100%;
            background: #333;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            transition: all 0.5s ease
        }

            #globalNav nav ul {
                width: 100%;
                padding: 0
            }

                #globalNav nav ul li {
                    float: left;
                    clear: both;
                    border-bottom: 1px solid #e9e9e9;
                    display: block;
                    width: 100%
                }

                    #globalNav nav ul li a {
                        padding: 14px 20px;
                        font-size: 14px;
                        display: block;
                        width: 100%
                    }

                    #globalNav nav ul li:last-child {
                        border-bottom: none
                    }

        #globalNav.colorTransition nav {
            background: #282828
        }

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

    #headerHomeSection.homepage {
        background: none;
        padding-top: 64px;
        padding-bottom: 40px;
        height: auto
    }

    .homepage .homeHeader {
        margin-top: 20px
    }

        .homepage .homeHeader h1.white-title {
            font-size: 24px;
            margin-top: 0;
            color: #de2f40
        }

        .homepage .homeHeader .home-byline {
            font-size: 16px
        }

    .homepage .homeHeaderLinks {
        margin-top: 40px
    }

        .homepage .homeHeaderLinks .col-xs-12 {
            margin-bottom: 10px;
            padding: 0
        }

    #mainBodySection .latestNewsSection .col-xs-12 {
        padding: 0
    }

    #mainBodySection .homeThetaContent .col-xs-12 {
        padding: 0
    }

    #mainBodySection .homeThetaContent .thetaPageCustomGrid .col-xs-12 {
        padding: 0 15px
    }

    #mainBodySection .latestNewsSection {
        position: relative
    }

    #latestNewsCarousel {
        margin-top: 30px
    }

        #latestNewsCarousel .newsItemCarousel {
            float: left;
            border-bottom: 1px solid #c3c3c3;
            min-height: 70px;
            height: 91px;
            max-height: 118px;
            padding: 0;
            background: #fff
        }

            #latestNewsCarousel .newsItemCarousel .newsImage {
                float: left;
                height: 100%;
                width: 45%
            }

            #latestNewsCarousel .newsItemCarousel .articleMainContent {
                float: left;
                position: relative;
                top: 0;
                width: 55%;
                clear: none;
                height: 100%;
                min-height: 100%
            }

        #latestNewsCarousel .articleReadMore {
            position: absolute;
            top: -24px;
            right: 0
        }

    #mainBodySection .homeThetaContent .thetaPageCustomGrid .textContentColumn h1 {
        margin-top: 0
    }

    #mainBodySection .homeThetaContent .thetaPageCustomGrid .textContentColumn a.articleReadMore {
        margin: 20px 0;
        width: 100%;
        text-align: center
    }

    #mainBodySection .homeThetaContent .thetaPageCustomGrid .col-xs-12.secondColumn {
        padding: 0 0
    }

    .techListSection {
        width: 100%;
        margin: 20px 0 10px
    }

        .techListSection .techItemList {
            width: 100%
        }

            .techListSection .techItemList li {
                margin: 0px;
                background: #ffffff;
                border-bottom: solid 1px #c3c3c3;
                float: left;
                clear: both;
                margin: 0;
                width: 100%
            }

                .techListSection .techItemList li .techPageItem {
                    float: left;
                    clear: both;
                    width: 100%
                }

                    .techListSection .techItemList li .techPageItem .techImageHover {
                        float: none;
                        margin: 0 auto
                    }

                .techListSection .techItemList li:last-of-type {
                    border-bottom: none
                }

    #joinTheTeamSection {
        padding-bottom: 20px;
        padding-left: 0;
        padding-right: 0
    }

        #joinTheTeamSection .jointheteamContentArea {
            margin-bottom: 10px;
            margin-top: 0
        }

            #joinTheTeamSection .jointheteamContentArea .joinTitle h1 {
                margin-bottom: 20px;
                font-size: 32px
            }

            #joinTheTeamSection .jointheteamContentArea .joinTextContent a {
                width: 100%;
                margin-bottom: 20px;
                text-align: center
            }

        #joinTheTeamSection .thetaPageCustomGrid .pageContent .secondColumn {
            padding-right: 15px
        }

    .solutionsCenter .solutionBoxes {
        max-width: 100%;
        padding-bottom: 20px;
        margin-right: 0
    }

        .solutionsCenter .solutionBoxes:nth-child(3n) {
            margin-right: 0
        }

        .solutionsCenter .solutionBoxes:nth-child(2n) {
            margin-right: 0
        }

        .solutionsCenter .solutionBoxes .solutionHeading {
            min-height: 73px;
            height: auto;
            text-align: center;
            margin-bottom: 20px
        }

        .solutionsCenter .solutionBoxes .solutionContent .solutionIntro {
            text-align: center;
            max-width: 420px;
            height: auto;
            margin: 0 auto;
            float: none;
            clear: both
        }

        .solutionsCenter .solutionBoxes .solutionContent .solutionItems li {
            text-align: center
        }

    #ourPeopleSection .ourPeopleList .profileItem {
        min-height: 230px
    }

    .mainBodyContainer .profileImage {
        margin-top: 0;
        margin-right: 0
    }

    .centerBottomSection #technologiesPage .techListSection .techListItems .techItems {
        margin-right: 0;
        margin-bottom: 0
    }

        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(3n),
        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(6n),
        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(5n),
        .centerBottomSection #technologiesPage .techListSection .techListItems .techItems:nth-child(4n) {
            margin-right: 0
        }

    .profilePage .profileEmail {
        float: left;
        clear: both;
        border: none;
        margin-left: 0;
        margin-top: 10px;
        padding-left: 0
    }

    #relatedNewsWidget {
        position: relative
    }

        #relatedNewsWidget .articleReadMore {
            position: absolute;
            top: -24px;
            right: 0
        }

        #relatedNewsWidget a.articleReadMore {
            float: left;
            width: 100%;
            text-align: center
        }

    .mainBodyContainer .contour .contourPage input,
    .mainBodyContainer .contour .contourPage select {
        max-width: 100%
    }

    .mainBodyContainer .contour .contourPage .contourField.title select {
        max-width: 100%
    }

    .mainBodyContainer .contour .contourPage .contourField.textarea textarea {
        max-width: 100%
    }
}

@media (max-width: 680px) {
    #News-Blogs #centerTopBody .bodyStaticContainer .mainBodyContainer {
        padding: 0 0 30px 0
    }

    #News-Blogs .newsPageItems .articleMainContent {
        padding: 0 45px 0 15px
    }

    #News-Blogs .newsPageItem.blogPost .articleMainContent {
        padding: 0 45px 0 15px
    }

        #News-Blogs .newsPageItem.blogPost .articleMainContent .img-responsive-grid {
            margin-right: -15px;
            margin-left: -15px
        }

    #News-Blogs .articleMainContent img {
        width: calc(100% + 30px);
        margin-left: -15px
    }

    .jobListSection .jobListing .jobInfo,
    .jobListSection .jobListing .jobDetails {
        float: left;
        clear: both;
        width: 100%
    }

    .jobListSection .jobListing .jobDetails {
        text-align: left
    }

        .jobListSection .jobListing .jobDetails p {
            float: left;
            margin-right: 10px;
            padding-right: 10px;
            border-right: 1px solid #000
        }

            .jobListSection .jobListing .jobDetails p.jobDate {
                border-right: none;
                padding-right: 0;
                margin-right: 0;
                margin-top: 3px
            }

    .jobListSection .jobListing .jobInfo {
        padding-right: 0
    }
}

@media (max-width: 480px) {
    #bottomSection .container .thetaPageCustomGrid h2 {
        font-size: 22px;
        margin-top: 15px
    }

    .introSection {
        font-size: 18px;
        margin-bottom: 30px
    }

    .roleDetails {
        margin-bottom: 30px
    }

    #ourPeopleSection .ourPeopleList .profileItem {
        min-height: 200px
    }

    .mainBodyContainer .contour .contourPage .contourField.textarea textarea {
        min-width: 100%
    }

    #News-Blogs .authorImage {
        width: 100%
    }

    #News-Blogs .authorDescription {
        margin-right: 15px;
        margin-left: 15px
    }

    #customerList ul.customerListItems li {
        padding: 0px;
        margin: 0px;
        border-bottom: 1px solid #c3c3c3;
        width: calc(100% + 30px);
        margin-left: -15px
    }

        #customerList ul.customerListItems li .customerListItem {
            height: auto
        }

            #customerList ul.customerListItems li .customerListItem img {
                margin-left: auto;
                margin-right: auto
            }
}

@media (max-width: 414px) {
    #latestNewsCarousel .caseStudyText {
        top: 68px
    }
}

@media (max-width: 375px) {
    #bottomSection .container .thetaPageCustomGrid h2 {
        font-size: 18px
    }
}

@media (max-width: 320px) {
    #ourPeopleSection .ourPeopleList .profileItem {
        min-height: 180px
    }
}
/*Extension*/

.umbraco-forms-field {
    clear: both;
}

.mainBodyContainer .contour .contourPage .umbraco-forms-field.longanswer textarea {
    max-width: 350px;
    min-width: 350px;
    width: 100%;
    height: 150px;
    max-height: 150px;
    min-height: 150px;
    background: #e9e9e9;
    border: none;
}