/* Global */


body {
    font-family: 'Open Sans', sans-serif;
    font-size: 1em;
    color: #4d4d4f;
}

img {
    max-width: 100%;
    height: auto;
}

a:link {
    text-decoration: none;
    border-bottom: 1px dotted #4d4d4f !important;
}

a:hover {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
    border-bottom: 1px dotted #4d4d4f !important;
}

h1 {
    font-size: 3.5em;
    line-height: 1em;
    margin-bottom: 0.2em;
    font-weight: 600;
    margin-top: 0;
}

h2 {
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-size: 1.6em;
    text-transform: uppercase;
}

h3 {
    font-size: 2em;
    margin-top: 0.4em;
    font-weight: 600;
    margin-left: 5px;
}

h4 {
    font-size: 2em;
    font-weight: 600;
    text-align: center;
}

h5 {
    color: #F7941E;
    font-weight: 600;
    font-size: 1em;
    margin: 0 0 1em 0;
}

h6 {
    font-size: 1em;
    font-weight: normal;
    margin: 0 0 1em 0;
    color: #F7941E;
}

.TenYearsHeader {
    margin-bottom: 0;
    font-size: 3em;
}

#TenYearsOrange {
    color: #F7941E;
    font-size: 2em;
    line-height: 1em;
}

#fw-feed-items .fw-feed-item {
    margin: 31px 0;
    padding: 20px;
    clear: both;
    background-color: #4d4d4f;
}

.fw-feed-item-image-module {
    margin: 0;
    margin-right: 10px;
    padding: 0;
    float: left;
}

#fw-container {
    border: 0;
}


.fw-branding {
    height: 0 !important;
    font-size: 0 !important;
}

    .fw-branding img {
        display: none !important;
        height: 0 !important;
    }

p {
    margin: 1em 0 0 0;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    line-height: 1.4em;
}

a:link, a:visited {
    outline: 0;
}

::selection {
    background: #757578; /* WebKit/Blink Browsers */
    color: #fff;
}

::-moz-selection {
    background: #F7941E; /* Gecko Browsers */
    color: #fff;
}

select {
    font-family: 'Open Sans', sans-serif;
}

#bgGrey {
    background-color: #4d4d4f;
}

#bgOrange {
    background-color: #F7941E;
}

fieldset {
    display: block;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    min-width: -webkit-min-content;
    border-width: 2px;
    border-style: groove;
    border-color: threedface;
}

video {
    width: 100% !important;
    height: auto !important;
}

.fw-feed-item-date {
    color: #A5A5A5;
}

#cycler {
    position: relative;
    margin-left: 25px;
}

    #cycler img {
        position: absolute;
        z-index: 1
    }

        #cycler img.active {
            z-index: 3
        }

#cycler2016 {
    position: relative;
    margin-left: 25px;
}

    #cycler2016 img {
        position: absolute;
        z-index: 1
    }

        #cycler2016 img.active {
            z-index: 3
        }

/* Navigation */
.menu {
    top: 0px;
    width: 100%;
    height: auto;
    background-color: #ffffff;
    z-index: 100;
}

.slicknav_menu {
    display: none;
}

    .slicknav_menu a:link {
        color: #fff;
    }

    .slicknav_menu a:visited {
        color: #fff;
    }

#logo {
    margin: 10px 0;
    margin-top: 23px;
}

nav.grid_7 {
    text-align: right;
    margin: 15px 0 0 0;
}

.navigation {
    float: right;
    list-style: none;
    margin: 0;
}

    .navigation li {
        float: left;
        padding: 0 0 0 50px;
    }

        .navigation li:hover {
            cursor: pointer;
        }

#gallery a:link {
    border: none;
}



.charity-pic {
    padding: 0;
    margin-bottom: 0;
}

.navigation .active {
    cursor: pointer;
}


a.icons-hover article:hover {
    text-decoration: underline;
}

.arrow-left {
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-right: 20px solid #4d4d4f;
    margin-top: 2em;
}

/* UNIVERSAL SLIDES */

.slide {
    background-attachment: fixed; /*delete if background issue in chrome*/
    width: 100%;
    height: auto;
    position: relative; /*was relative was static*/
    padding: 90px 0;
}

.sy-caption a:link {
    display: block;
    background-color: #4d4d4f;
    max-width: 190px;
    background-image: url(//channelcentral.blob.core.windows.net/images/arrow-icon_03.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    padding: 0.6em 0.8em;
    font-size: 1em;
    color: #fff;
    margin-top: 1em;
}

.sy-caption a:hover {
    background-color: #FBA51B;
    background-image: url(//channelcentral.blob.core.windows.net/images/arrow-icon_03_hover.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    text-decoration: none;
}


#mc_embed_signup div.mce_inline_error {
    width: 84%;
    margin: 1em 0 0 0;
}

.mc-field-group {
    float: left;
}


input {
    padding: 0;
    margin-right: 0;
}

    input,
    input[type="password" i],
    input[type="search" i] {
        -webkit-appearance: textfield;
        padding: 0;
        background-color: white;
        border: 0;
        border-image-source: initial;
        border-image-slice: initial;
        border-image-width: initial;
        border-image-outset: initial;
        border-image-repeat: initial;
        -webkit-rtl-ordering: logical;
        -webkit-user-select: text;
        cursor: auto;
    }

.smallprint {
    margin: 2% 0;
}

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

#black-base-bar a:link {
    color: #4d4d4f;
}

#black-base-bar a:hover {
    color: #F7941E;
}

#black-base-bar a:visited {
    color: #4d4d4f;
}

#social-links-footer .fa-twitter {
    margin: 0.5em 0.5em 0 0;
}

#social-links-footer .fa-youtube {
    margin: 0.5em 0.5em 0 0;
}

#social-links-footer .fa-google-plus {
    margin: 0.5em 0.5em 0 0;
}

#social-links-footer .fa-linkedin {
    margin: 0.5em 0.5em 0 0;
}

#social-links-footer .fa-comment {
    margin: 0.5em 0.5em 0 0;
}

#mc_embed_signup {
    margin-top: 1em;
}

    #mc_embed_signup .clear {
        overflow: visible !important;
        visibility: visible !important;
    }

    #mc_embed_signup .button {
        display: inline-block;
        background-color: #4d4d4f;
        width: 150px;
        background-image: url(//channelcentral.blob.core.windows.net/images/arrow-icon_03.png);
        background-repeat: no-repeat;
        background-position: 95% center;
        padding: 0.6em 0.8em;
        font-size: 1em;
        color: #fff;
        margin-top: 0;
        border: none;
        text-align: left;
    }

        #mc_embed_signup .button:hover {
            background-color: #F7941E;
            background-image: url(//channelcentral.blob.core.windows.net/images/arrow-icon_03_hover.png);
            background-repeat: no-repeat;
            background-position: 95% center;
            color: #fff;
        }

.dates-link:hover {
    -webkit-box-shadow: inset 0px 0px 0px 3px #F7941E;
    -moz-box-shadow: inset 0px 0px 0px 3px #F7941E;
    box-shadow: inset 0px 0px 0px 3px #F7941E;
}

#mce-EMAIL {
    margin: 0 1em 0 0;
    padding: 8px;
    width: 84%;
}

#mce-error-response {
    color: #fff;
}

#mce-error-response {
    margin-bottom: 1em;
    margin-top: 1em;
    float: left;
}

#mce-success-response {
    color: #fff;
    float: left;
    margin-bottom: 1em;
    margin-top: 1em;
    width: 100%;
}

#mc_embed_signup div.mce_inline_error {
    margin: 0;
}

.texter.partB {
    margin: auto;
    width: 40%;
}


/*modals*/
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fff;
    margin: auto;
    padding: 40px;
    width: 60%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

    .close:hover,
    .close:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
    }

.modal-content {
    color: #4d4d4f;
}

#myBtn {
    border-bottom: 1px solid #F7941E;
}

    #myBtn:hover {
        color: #F7941E !important;
        cursor: pointer;
    }


.spt-bx-con a:link {
    color: #fff;
    cursor: pointer;
}

.spt-bx-con a:hover {
    color: #F7941E !important;
    cursor: pointer;
}

.spt-bx-con #field4-container,
.spt-bx-con #field5-container {
    width: 49%;
    float: left;
    margin-bottom: 2%;
}

.spt-bx-con #field6-container {
    width: 100%;
}



/* HOMEPAGE */

#homepage-header-image {
    width: 100%;
    height: auto;
    position: relative;
}

h1#channel-header {
}

h1#configure-header {
    font-size: 4em;
}

h1#hp-header {
    font-size: 4.5em;
    margin-bottom: 0;
}

.hp-header-info {
    margin-top: 7%;
}

#homepage-specialities {
    background-color: #fff;
    text-align: center;
}

    #homepage-specialities h2 {
        font-size: 1.2em;
        margin-top: 1em;
    }


#homepage-iquote-banner {
    background-color: #F7941E;
    color: #fff;
    padding-bottom: 0;
}

#fw-feed-items .fw-feed-item-title {
    font-size: 26px !important;
}

#Overall {
    background-color: #4d4d4f;
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 15%;
    margin: auto;
    left: 0;
    right: 0;
}

#homepage-video {
    background-color: #333;
    color: #fff;
    padding-bottom: 0;
}

#homepage-counter {
    background-color: #4d4d4f;
    color: #fff;
}

#homepage-distributors {
    background-color: #fff;
    color: #4d4d4f;
    position: relative;
    z-index: 9;
}

    #homepage-distributors a:link {
        color: #4d4d4f;
    }

    #homepage-distributors a:visited {
        color: #4d4d4f;
    }

    #homepage-distributors a:hover {
        color: #F7941E;
    }

#homepage-specialities a:link, a:visited {
    color: #4d4d4f;
}

footer {
    background-image: url(//channelcentral.blob.core.windows.net/images/mesh.jpg);
}

    footer a:link, header a:link {
        border: none !important;
    }

#black-base-bar {
    background-color: #000;
}

#social-links-footer a:link {
    color: #fff;
}

#social-links-footer a:visited {
    color: #fff;
}

#social-links-footer a:hover {
    color: #F7941E;
}

.counter {
    font-size: 12em;
    color: #F7941E;
    font-weight: bold;
    line-height: 0.7em;
}

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

.base-lists ul {
    list-style: none;
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 1em;
    line-height: 1.5em;
}

.base-lists li a:link {
    color: #fff;
}

.base-lists li a:visited {
    color: #fff;
}

.base-lists li a:hover {
    color: #F7941E;
}

.channel-button {
    background-color: #4d4d4f;
    border: none;
    padding: 0.6em 0.8em;
    font-size: 0.8em;
    color: #fff;
    font-weight: normal;
}

    .channel-button:hover {
        color: #000;
        background-color: #F7941E;
    }

.header-caption {
    position: relative;
    top: -25em;
    left: 10em;
    width: 30%;
    display: inline-block;
}

#homepage-specialities .fa {
    color: #F7941E;
}

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


#blog-bar-home {
    background-color: #4d4d4f;
    color: #fff;
}

    #blog-bar-home div {
    }

    #blog-bar-home p {
        display: none;
    }

    #blog-bar-home a:link {
        display: none;
    }

    #blog-bar-home strong {
        display: inline-block;
        position: relative;
        font-weight: normal;
    }

    #blog-bar-home i {
    }



    #blog-bar-home .container {
    }



        #blog-bar-home .container div > div > div:nth-child(3) {
            clear: both;
            height: 1px;
            padding: 0;
            margin: 0;
            /* display:none;*/
        }

        #blog-bar-home .container div > div > div:nth-child(4) {
            display: none;
        }

        #blog-bar-home .container div > div {
            height: auto;
            padding: 20px 20px;
        }

            #blog-bar-home .container div > div > div > div {
                display: none;
            }

            #blog-bar-home .container div > div > div:nth-child(1) {
                font-size: 2em;
                font-weight: normal;
                display: block;
                line-height: 1em;
                width: 65%;
            }

            #blog-bar-home .container div > div > div:nth-child(2) {
                /* width: 120px; */
                width: 12%;
                background-image: url(//channelcentral.blob.core.windows.net/images/bubble.jpg);
                background-repeat: no-repeat;
                padding-left: 130px;
                /* display: inline-block; */
                float: left;
                font-weight: bold;
            }

    #blog-bar-home h3 {
        text-align: center;
        margin-bottom: 1.3em;
    }

#content.feed_item {
    background-color: transparent;
}


/*INTERIOR PAGES GLOBAL*/

#interior-header .fa {
    margin-bottom: 0.1em;
    color: #F7941E;
}

#interior-header {
    width: 100%;
    height: auto;
    position: relative;
    background-image: url(//channelcentral.blob.core.windows.net/images/mesh.jpg);
    text-align: center;
}

    #interior-header h1 {
        color: #fff;
        font-size: 4em;
        font-weight: 600;
        margin: 0;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0;
        -webkit-margin-end: 0;
    }

main {
    background-color: #fff;
}

.interior-right-column ul {
    list-style: url(//channelcentral.blob.core.windows.net/images/list-icon.png);
    margin: 0;
    padding: 0;
    margin-left: 25px;
}

.interior-right-column li {
    margin-bottom: 1em;
}


.the-breaks {
    margin-bottom: 3em;
}

.left-column ul {
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 2em;
}

    .left-column ul a:link {
        color: #4d4d4f;
        border: none !important;
    }

    .left-column ul a:visited {
        color: #4d4d4f;
    }

.left-column a:hover {
    border-bottom: 1px solid #F7941E;
}

.left-nav-active {
}

.no-list-style ul {
    list-style: none;
    margin: 0;
}

.no-list-style h5 {
    color: #4d4d4f;
    margin: 0;
}

.left-column ul a.left-nav-active {
    border-bottom: 1px solid #F7941E !important;
}

footer.slide li a:link, footer li a:visted {
    border: none !important;
}

.line-grey.hvr-underline-from-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #fff;
}

    .line-grey.hvr-underline-from-left:before {
        content: "";
        position: absolute;
        z-index: 99;
        left: 0;
        right: 100%;
        bottom: 0;
        background: #4d4d4f;
        height: 1px;
        -webkit-transition-property: right;
        transition-property: right;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }


    .line-grey.hvr-underline-from-left:hover:before, .line-grey.hvr-underline-from-left:focus:before, .line-grey.hvr-underline-from-left:active:before {
        right: 0;
    }

    .line-grey.hvr-underline-from-left:hover {
        border-bottom: none;
        margin-bottom: 1px;
    }

/*SERVICES*/
.boxgrid {
    width: 100%;
    min-height: 152px;
    float: left;
    background: #4d4d4f;
    overflow: hidden;
    position: relative;
    margin-top: 1em;
    padding: 5px;
}

.cover {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
    background-color: #F7941E;
    width: 100%;
    min-height: 157px;
    color: #fff;
    display: inline-block;
    padding: 5px 0 0 5px;
}



.orange-squares {
    width: 17%;
    margin-right: 3%;
}

/* ABOUT US*/
#office-shot {
    width: 100%;
    height: auto;
    position: relative;
    background: url(//channelcentral.blob.core.windows.net/images/Tewkesbury3.jpg);
    background-attachment: fixed;
    background-size: cover;
    min-height: 300px;
}

.the-breaks h2 {
    font-size: 1.6em;
    font-weight: 600px;
}

ul.check-list {
    list-style-type: none;
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 1em;
}

    ul.check-list li {
        background: url(//channelcentral.blob.core.windows.net/images/checks.jpg) left top no-repeat;
        margin-top: 10px;
        padding-left: 65px;
        line-height: 1.4em;
        margin-bottom: 1.5em;
    }

    ul.check-list h5 {
        color: #4d4d4f;
        margin-bottom: 0;
        font-weight: 700;
    }

input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border: #A4A4A4 1px solid;
    margin-top: 2%;
    -webkit-appearance: checkbox;
}

.bl-content {
    overflow-y: scroll;
}


/*CONTACT*/
.address-block {
    color: #fff;
    background-color: #F7941E;
    padding-top: 7%;
    padding-bottom: 7%;
    font-size: 0.85em;
    margin-bottom: 2%;
    min-height: 250px;
}

    .address-block h3 {
        font-size: 1.6em;
        margin: 0;
        margin-bottom: 1em;
        line-height: 1.2em;
    }

.TTWForm-container {
    text-align: left
}

#name {
    width: 98%;
    padding: 1% 1%;
    font-family: 'Open Sans', sans-serif;
    color: #4d4d4f;
}


#uName,
#uEmail {
    width: 98%;
    padding: 1% 1%;
    font-family: 'Open Sans', sans-serif;
    color: #4d4d4f;
}

#uJobTitle,
#cName {
    width: 96%;
    padding: 2.4% 2%;
}


#field1-container,
#field4-container {
    margin-bottom: 2%
}

#field2-container,
#field3-container,
#field6-container,
#field7-container,
#field2b-container,
#field3b-container,
#field4b-container,
#field14-container,
#field15-container {
    width: 49%;
    float: left;
    margin-bottom: 2%;
}

#field1b-container {
    width: 100%;
}

#field3-container,
#field7-container,
#field2b-container,
#field4b-container,
#field15-container {
    margin-left: 2%;
}

#Email,
#company,
#seminar-title,
#phone,
#organisation,
#jobTitle,
#Language {
    width: 96%;
    padding: 2% 2%;
    font-family: 'Open Sans', sans-serif;
    color: #4d4d4f;
}

.TTWForm {
    width: 100%
}

    .TTWForm input,
    .TTWForm textarea,
    .TTWForm select,
    div.selector,
    div.uploader {
        margin-top: 0.1em;
        border: #A4A4A4 1px solid;
    }

        .TTWForm input:focus,
        .TTWForm textarea:focus,
        .TTWForm select:focus {
            border: 1px solid #F7941E;
            background-color: #eee;
        }

        .TTWForm input[type=radio],
        .TTWForm input[type=checkbox] {
            /*width: 12px;*/
            margin: 1em 0;
            top: 3px;
            position: relative;
        }



    .TTWForm .option {
        margin: 6px 0
    }

    .TTWForm select {
        padding: 6px 6px
    }

    .TTWForm textarea {
        overflow: hidden;
        padding: 1% 1%;
        width: 98%;
        font-family: 'Open Sans', sans-serif;
        color: #4d4d4f;
    }

    .TTWForm label {
        text-align: left
    }

#frmDpa #field1-container {
    width: 49%;
    float: left;
    margin-bottom: 2%;
}

#frmDpa #field2-container {
    margin-left: 2%;
}

#frmDpa #name {
    padding: 2% 2%;
    width: 96%;
}

.social-holders {
    background-color: #4d4d4f;
    color: #fff;
    padding: 2% 0;
}

    .social-holders:hover {
        background-color: #F7941E;
    }


    .social-holders .fa {
        margin-right: 10px;
    }

.contact-social-icons {
    text-align: center;
}

#MapWrapper1,
#MapWrapper2 {
    width: 48%;
    display: inline-block;
}

    #MapWrapper1 p,
    #MapWrapper2 p {
        margin-bottom: 10px;
    }

#MapWrapper2 {
    margin-right: 4%;
}

/*CLIENTS PAGE*/
.client-logos img {
    margin: 1%;
}

a:link.read-studies {
    color: #F7941E;
}

a:visited.read-studies {
    color: #4d4d4f;
}

a:hover.read-studies {
    color: #F7941E;
}

a:link#blog-read {
    display: block;
    color: #fff;
}

a:visited#blog-read {
    display: block;
    color: #fff;
}

a:hover#blog-read {
    display: block;
    color: #F7941E;
}


/*EVENTS PAGE*/
.years-dates {
    background-color: #F7941E;
    min-height: 280px;
}

.months-dates {
    background-color: #4d4d4f;
    color: #fff;
    min-height: 280px;
}

    .months-dates p {
        color: #F7941E;
    }

.big-date {
    font-size: 4em;
    margin: 0 0 0 5%;
}

.years-dates h2 {
    font-size: 4em;
    font-weight: normal;
    color: #fff;
    margin: 0 0 0 5%;
}

.event-name {
    margin: 0 0 0 5%;
}

    .event-name p {
        font-size: 0.8em;
    }

.date-day {
    font-size: 4em;
}

.date-month {
    position: relative;
    top: -2em;
}

.news-bg {
    background-color: #4d4d4f;
    color: #fff;
}

/*NEWS PAGE*/
.news-background {
    background-color: #4d4d4f;
}

.news-text-content {
    color: #fff;
    margin: 6%;
}

    .news-text-content h3 {
        color: #F7941E;
        font-size: 1em;
        padding: 0;
        margin: 0;
        margin-before: 0;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        margin-bottom: 1em;
    }

.news-picture {
    position: relative;
    margin: 0;
}

.orange-date-square {
    padding: 1% 3% 3% 3%;
    background-color: #F7941E;
    position: absolute;
    color: #fff;
    font-size: 3em;
    text-align: center;
    right: 8%;
    bottom: 10%;
}

    .orange-date-square p {
        margin: 0;
        padding: 0;
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;
        -webkit-margin-start: 0px;
        -webkit-margin-end: 0px;
        line-height: 1em;
    }



.dummy {
    display: none;
}

    .dummy.visible {
        display: inline;
    }

/*buttons*/
.universal-button {
    display: inline-block;
    background-color: #4d4d4f;
    width: 190px;
    background-image: url(//channelcentral.blob.core.windows.net/images/arrow-icon_03.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    padding: 0.6em 0.8em;
    font-size: 1em;
    color: #fff;
    margin-top: 1em;
    border: none;
    text-align: left;
    cursor: auto;
}

    .universal-button:visited {
        color: #fff;
        border: none;
    }

    .universal-button:hover {
        background-color: #F7941E;
        background-image: url(//channelcentral.blob.core.windows.net/images/arrow-icon_03_hover.png);
        background-repeat: no-repeat;
        background-position: 95% center;
        color: #fff;
    }

.universal-button-white {
    display: block;
    background-color: #4d4d4f;
    width: 160px;
    background-image: url(//channelcentral.blob.core.windows.net/images/arrow-icon_03.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    padding: 0.6em 0.8em;
    font-size: 1em;
    color: #fff;
    margin-top: 1em;
}

    .universal-button-white:hover {
        background-color: #fff;
        background-image: url(//channelcentral.blob.core.windows.net/images/arrow-icon_03_hover.png);
        background-repeat: no-repeat;
        background-position: 95% center;
        color: #4d4d4f;
    }



.interior-right-column .universal-button:hover {
    color: #fff;
}

/*resources page*/
.give-me-space {
    margin-top: 200px;
}

.pdfs ul {
    list-style: url(//channelcentral.blob.core.windows.net/images/pdf.jpg);
    margin: 0;
    padding: 0;
    margin-left: 25px;
}

.bl-content #field1-container, .bl-content #field3-container, .bl-content #field4-container, .bl-content #field4-container {
    width: 49%;
    float: left;
    margin-bottom: 2%;
    margin-left: 0;
}

.bl-content #field2-container, .bl-content #field4-container {
    margin-left: 2%;
}

#r-name, #r-organisation, #r-job-title, #r-service {
    width: 96%;
    padding: 2% 2%;
}

#r-email {
    width: 98%;
    padding: 1% 1%;
}

.bl-content #field5-container {
    width: 100%;
    float: left;
    margin-bottom: 2%;
    margin-left: 0;
}



/*CPQ page*/
#cpq-download {
    font-size: 4em;
    font-weight: 600;
    line-height: 1em;
}

#cpq-arrow {
    text-align: right;
    color: #f7941e;
    font-size: 16em;
    line-height: 1em;
}

#cpq-download-image {
    text-align: right;
}

#borderless-video {
    border: 0;
}

video {
    border: 0;
}

#content .feed_item_title a:visited {
    color: red;
    font-size: 4em;
}

#RqWhitePaper {
    display: none;
}

    #RqWhitePaper #uName {
        width: 98%;
        padding: 1% 1%;
        margin-top: 0.1em;
        border: #A4A4A4 1px solid;
        margin-bottom: 2%;
    }
    /*
#uName {
        margin-bottom: 2%;
}*/

    #RqWhitePaper #cName-container {
        width: 48%;
        float: left;
        margin-bottom: 2%;
    }

    #RqWhitePaper #cName {
        border: #A4A4A4 1px solid;
        margin-top: 0.1em;
    }

    #RqWhitePaper #cpq-email-container {
        width: 100%;
        margin-top: 0.1em;
    }

    #RqWhitePaper #uEmail {
        width: 98%;
        padding: 1% 1%;
        border: #A4A4A4 1px solid;
        margin-top: 0.1em;
    }

    #RqWhitePaper #uJobTitle-container {
        width: 48%;
        float: right;
        margin-bottom: 2%;
    }

    #RqWhitePaper #uJobTitle {
        border: #A4A4A4 1px solid;
        margin-top: 0.1em;
    }

/* News */
.news-slider {
}

    .news-slider .text-content {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: rgba(255, 255, 255, 0.9);
        padding: 1em;
        width: 30%;
        height: 100%;
    }

        .news-slider .text-content h2 {
            margin: 0;
        }

        .news-slider .text-content p {
            margin: 1em 0;
        }

        .news-slider .text-content a.button-link {
            padding: 0.25em 0.5em;
            position: absolute;
            bottom: 1em;
            right: 1em;
        }

    .news-slider .image-content {
        line-height: 0;
    }

        .news-slider .image-content img {
            max-width: 100%;
        }

    .news-slider .news-pager {
        text-align: right;
        display: block;
        margin: 0.2em 0 0;
        padding: 0;
        list-style: none;
    }

        .news-slider .news-pager li {
            display: inline-block;
            padding: 0.6em;
            margin: 0 0 0 1em;
        }

            .news-slider .news-pager li.sy-active a {
                color: #31ace2;
            }

            .news-slider .news-pager li a {
                font-weight: 500;
                text-decoration: none;
                display: block;
                color: #222;
            }

.text-content {
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#twitter-bar-news h4 {
    color: #fff;
}

/*privacy page*/
.privacy h3 {
    margin: 0;
    margin-bottom: 1em;
}

.privacy a:link, .privacy a:visited {
    border-bottom: 1px solid #F7941E;
    color: #4d4d4f;
}

.privacy a:hover {
    color: #F7941E;
}

/*submit cv*/
.name-cv, .email-cv {
    width: 60%;
    padding: 1% 1%;
    margin: 0.8% 0 2% 0;
}

.role-cv {
    padding: 1% 1%;
    margin: 0.8% 0 2% 0;
    width: 62.5%;
}

.upload-cv {
    margin: 0.8% 0 2% 0;
}

/*careers*/
.college-box {
    padding: 5%;
    width: 90%;
    background-color: #E7E7E7;
}



.interior-right-column a:link, .interior-right-column a:visited {
    border-bottom: 1px solid #F7941E;
    color: #4d4d4f;
}


.interior-right-column a:hover {
    color: #F7941E;
}



a:link.universal-button {
    color: #fff;
    border: none;
}

.hide-header {
    display: none;
}

#twitter-bar-home {
    background-color: #fff;
}

#twitter-bar-news {
    background-color: #4d4d4f;
}


select, input {
    color: #4d4d4f;
}

.interior-right-column-news article.the-breaks:nth-of-type(2) div > div > div:nth-last-child(2) {
    background-color: #4d4d4f;
    color: #fff;
    padding: 2em;
    font-size: 16px;
}

.interior-right-column-news a:link {
    color: #F7941E;
}

.interior-right-column-news a:visited {
    color: #F7941E;
}

.interior-right-column-news i {
    display: inline-block;
    margin-bottom: 1em;
}

.interior-right-column-news strong {
    margin-top: 2em;
    display: inline-block;
}

.interior-right-column-news article.the-breaks:nth-of-type(2) div > div > div:nth-last-child(2) a:nth-last-child(2) {
    display: none;
}


.address-block a:link {
    color: #fff;
    border-bottom: 1px solid #4d4d4f;
}

.address-block a:visited {
    color: #fff;
    border-bottom: 1px solid #4d4d4f;
}

.address-block a:hover {
    color: #4d4d4f;
}

#slide0-text {
    top: 8em;
    width: 3%;
    margin-left: 1.4%;
}

#slide1-text {
    top: 8em;
    width: 3%;
    margin-left: 1.4%;
}

#slide2-text {
    top: 7em;
    margin-left: 1.4%;
    width: 3%;
}

#slide3-text {
    top: 10em;
    margin-left: 1.4%;
    width: 3%;
}


fieldset {
    border: none;
}

/*slidy boxes*/
.boxgrid a:link {
    color: #fff;
}

.boxgrid a:visited {
    color: #fff;
}

.circle-text {
    width: 90%;
    margin-bottom: 10px;
}

    .circle-text:after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        border: #F7941E solid 8px;
    }

    .circle-text div {
        float: left;
        width: 100%;
        padding-top: 33%;
        line-height: 1em;
        margin-top: -0.5em;
        text-align: center;
    }

#student-view {
    position: relative;
    left: 6.5%;
    top: 8px;
}

#employer-view {
    position: relative;
    left: 6.5%;
    top: 2px;
}

.carrot {
    text-align: right;
    margin: 0;
    margin-top: 30px;
}

.view-boxes {
    background-color: #F7941E;
    color: #fff;
    width: 93.5%;
}

#college-view {
    position: relative;
    left: 8%;
}

/************Apprentice Page*************/
.uni-style h2 {
    font-size: 1em;
    font-weight: bold;
}

.uni-style p {
    margin: 0 0 1em 0;
}

.apprentice {
    background: url(//channelcentral.blob.core.windows.net/images/apprentice-header.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: right;
    width: 100%;
    height: auto;
    overflow: hidden;
}

.apprentice-button a:link {
    display: block;
    background-color: #4d4d4f;
    width: 160px;
    background-image: url(//channelcentral.blob.core.windows.net/images/arrow-icon_03.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    padding: 0.6em 0.8em;
    font-size: 1em;
    color: #fff;
    margin-top: 1em;
}

.apprentice-button a:visited {
    display: block;
    background-color: #4d4d4f;
    width: 160px;
    background-image: url(//channelcentral.blob.core.windows.net/images/arrow-icon_03.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    padding: 0.6em 0.8em;
    font-size: 1em;
    color: #fff;
    margin-top: 1em;
}

.apprentice-button a:hover {
    background-color: #fff;
    background-image: url(//channelcentral.blob.core.windows.net/images/arrow-icon_03_hover.png);
    background-repeat: no-repeat;
    background-position: 95% center;
    color: #4d4d4f;
    cursor: pointer;
}

a.robbie:hover {
    color: #fff;
}

/*TIMELINE PAGE*/

.timeline-code {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 41%;
    top: 41%;
    margin-left: -12px;
    margin-top: -12px;
    color: #fff;
    font-size: 2em;
}

.timeline-person {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 48%;
    top: 41%;
    margin-left: -12px;
    margin-top: -12px;
    color: #fff;
    font-size: 2em;
}

.timeline-location {
    display: block;
    width: 24px;
    height: 24px;
    position: relative;
    left: 44%;
    top: 41%;
    margin-left: -12px;
    margin-top: -12px;
    color: #fff;
    font-size: 2em;
}
/*******freebird page******/
.freebird-circle {
    width: 10%;
    margin: auto;
    margin-bottom: 5px;
}

#field3b-container {
    margin-left: 2%;
}

#field2b-container {
    margin-left: 0;
}

#field4b-container {
    width: 100%;
    margin: 0;
}

.TTWForm-container.freebird #uName,
.TTWForm-container.freebird #uEmail {
    width: 98%;
    padding: 1%;
    font-family: 'Open Sans', sans-serif;
    color: #4d4d4f;
}

.freebird-circle:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 100%;
    background: #F7941E;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.freebird-circle div {
    float: left;
    width: 100%;
    padding-top: 50%;
    line-height: 1em;
    margin-top: -1.5em;
    text-align: center;
    color: white;
}

.freebird-header {
    width: 100%;
    background-color: #4d4d4f;
    color: #fff;
    text-align: center;
    padding: 1em 0;
}

/*SUPPORT PAGE*/

/*
.support-boxes {
    background-color:#4d4d4f;
    color:#fff;
    height: 265px;
    position: relative;
}

.spt-bx-con {
    width:90%;
    margin:auto; 
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}*/

.support-boxes {
    background-color: #4d4d4f;
    color: #fff;
    min-height: 265px;
}

.spt-bx-con {
    width: 90%;
    margin: auto;
    padding: 20px 0;
}

    .spt-bx-con a:link,
    .spt-bx-con a:visited {
        color: #fff;
    }

#thumbs {
    width: 20% !important;
}

.thumbs {
    width: 100%;
    margin-left: 0;
}

.interior-right-column ul.thumbs {
    margin-left: 0;
}

div.content {
    width: 80%;
}


.modal-content a:link,
.modal-content a:visited {
    color: #4d4d4f;
}

/*translation*/
#google_translate_element {
    text-align: right;
    margin-right: 30px;
    margin-top: 10px;
    float: right;
}

/*careers page listings*/
.job-titles {
    width: 100%;
    margin-bottom: 20px;
}

.job-title-headings {
    float: left;
    width: 18%;
}


.interior-right-column a:link, a:visited a.thumb {
    border-bottom: none;
}

/*blog feed on homepage*/


a.case-links {
    color: #fff;
}

/*freebird page*/
.freebird .f_100 {
    width: 49%;
}

.freebird #uName,
.freebird #uJobTitle,
.freebird #cName,
.freebird #uEmail {
    padding: 2% !important;
    width: 96% !important;
}



.freebird #field1-container,
.freebird #field2-container,
.freebird #field3-container,
.freebird #field4-container,
{
    width: 49%;
    float: left;
    margin: 0;
}

.freebird #jobTitle,
.freebird #company {
    padding: 2% 2%;
    font-family: 'Open Sans', sans-serif;
    color: #4d4d4f;
}

.freebird #field2-container,
.freebird #field4-container {
    margin: 0 0 0 2%;
}

.freebird .universal-button {
    display: inline-block;
    background-color: #4d4d4f;
    width: 130px !important;
    background-image: url(//channelcentral.blob.core.windows.net/images/arrow-icon_03.png);
    background-repeat: no-repeat;
    background-position: 85% center;
    padding: 0.6em 0.8em;
    font-size: 1em;
    color: #fff;
    margin-top: 1em;
    border: none;
    text-align: left;
    cursor: pointer;
}

    .freebird .universal-button:hover {
        background-color: #F7941E;
        background-image: url(//channelcentral.blob.core.windows.net/images/arrow-icon_03_hover.png);
        background-repeat: no-repeat;
        background-position: 85% center;
        color: #fff;
    }

.advance-link img {
    vertical-align: top;
}

.image-wrapper {
    width: 100%;
}


.pdfs a:hover {
    border-bottom: 1px solid #F7941E;
}

/*modal*/
/* Style the Image Used to Trigger the Modal */
#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.3s;
}

    #myImg:hover {
        opacity: 0.7;
        color: black;
    }

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
    margin: auto;
    display: block;
    width: 100%;
    max-width: 900px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}

@-webkit-keyframes zoom {
    from {
        -webkit-transform: scale(0)
    }

    to {
        -webkit-transform: scale(1)
    }
}

@keyframes zoom {
    from {
        transform: scale(0)
    }

    to {
        transform: scale(1)
    }
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

    .close:hover,
    .close:focus {
        color: #bbb;
        text-decoration: none;
        cursor: pointer;
    }


#mp-square-wrapper {
    position: absolute;
    right: 0;
    background-image: url(//channelcentral.blob.core.windows.net/images/mp-square.png);
    height: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px) {
    .modal-content {
        width: 100%;
    }
}


/* Generic */
@media screen and (max-width: 1530px) {
    #slide1-text {
        top: 5em;
    }

    #slide2-text {
        top: 3em;
    }

    #slide3-text {
        top: 5em;
    }
}

@media screen and (max-width: 1400px) {
    #TenYearsOrange {
        font-size: 1em;
        line-height: 1em;
    }
}

@media screen and (max-width: 1300px) {
    h1, h1#configure-header, h1#hp-header {
        font-size: 2.5em;
        line-height: 1em;
        margin-bottom: 0;
        font-weight: 600;
    }

    #slide1-text {
        top: 3em;
    }

    #slide3-text {
        top: 5em;
    }

    #cpq-download {
        font-size: 3em;
        line-height: 1em;
    }

    #cpq-arrow {
        font-size: 12em;
        line-height: 1em;
    }

    #TenYearsOrange {
        font-size: 1em;
        line-height: 1em;
    }

    #slide0-text {
        top: 4em;
    }


    /*Graham*/
    @media screen and (max-width: 1069px) {

        h1, h1#configure-header, h1#hp-header {
            font-size: 1.4em;
        }

        #Overall {
            height: 70px;
            bottom: 15%;
        }



        #mp-square-wrapper {
            right: 0;
            height: 300px;
            ;
            top: 20%;
            background-repeat: no-repeat;
            background-position: right;
            background-size: contain;
        }
    }

    /* Tablet */
    @media screen and (max-width: 1024px) {

        #Overall {
            height: 70px;
            bottom: 20%;
        }

        .charity-pic {
            width: 100%;
        }

        .midd {
            width: 100%;
        }


        .slide .give-me-space {
            padding: 0;
        }

        #cssmenu {
            text-align: center;
        }

        #logo {
            width: 100%;
            text-align: center;
        }

        nav.grid_7 {
            width: 100%;
            text-align: center;
            margin: 10px 0;
        }

        .navigation {
            width: 100%;
            float: center;
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .navigation li {
                float: left;
                width: 25%;
                padding: 0;
            }

        /*h1#channel-header {
    font-size:2em;
    
}*/
        h1#configure-header,
        h1.TenYearsHeader {
            font-size: 2em;
        }
        /*h1#hp-header {
  font-size: 3em;
}*/
        #hide-header-hp {
            display: none;
        }

        .hp-header-info {
            margin-top: 5%;
        }

        h1#hp-header {
            margin-bottom: 0.5em;
        }

        .slide {
            background-attachment: fixed;
            width: 100%;
            position: relative;
            padding: 150px 0;
        }

        .iq-screen {
            position: relative;
        }

        #decorative {
            display: none;
        }

        #content {
            text-align: center;
            width: 100%;
            background-color: transparent;
        }

        .counter {
            font-size: 6em;
        }

        #homepage-specialities h2 {
            font-size: 1em;
        }

        .orange-squares {
            width: 100%;
            margin-right: 0%;
        }

        .boxgrid {
            min-height: 50px;
        }

        .cover {
            min-height: 55px;
        }

        .social-text {
            margin-top: 0;
            width: 100%;
            text-align: center;
        }

        .social-holders {
            width: 100%;
        }

        .contact-social-icons {
            width: 100%;
        }

        .mc-field-group {
            margin-bottom: 1em;
        }

        .years-dates h2 {
            font-size: 3em;
            margin: 12% 0 0 5%;
        }

        .news-picture {
            width: 100%;
        }

        .news-text-container {
            width: 100%;
        }

        #student-view {
            font-size: 3em;
            position: relative;
            left: 9%;
            top: 3px;
        }

        #employer-view {
            position: relative;
            left: 7%;
            top: -8px;
        }

        .circle-text div {
            padding-top: 40%;
        }

        #college-view {
            font-size: 3em;
            position: relative;
            left: 10%;
        }

        .apprentice {
            background: url(//channelcentral.blob.core.windows.net/images/apprentice-mobile.jpg);
            background-size: cover;
            background-repeat: no-repeat;
            /*background-attachment: fixed;*/
            background-position: right;
            width: 100%;
            height: auto;
            overflow: hidden;
        }

        .timeline-code {
            display: block;
            width: 24px;
            height: 24px;
            position: relative;
            left: 53%;
            top: 55%;
            margin-left: -12px;
            margin-top: -12px;
            color: #fff;
            font-size: 1.2em;
        }

        .timeline-person {
            display: block;
            width: 24px;
            height: 24px;
            position: relative;
            left: 59%;
            top: 50%;
            margin-left: -12px;
            margin-top: -12px;
            color: #fff;
            font-size: 1.2em;
        }

        .timeline-location {
            display: block;
            width: 24px;
            height: 24px;
            position: relative;
            left: 56%;
            top: 55%;
            margin-left: -12px;
            margin-top: -12px;
            color: #fff;
            font-size: 1.2em;
        }

        .support-boxes {
            min-height: 350px;
        }

        #google_translate_element {
            text-align: center;
            margin-right: 30px;
            margin-top: 10px;
            float: none;
        }
    }

    @media screen and (max-width: 880px) {

        #Overall {
            height: 60px;
            bottom: 20%;
        }

        .slide .give-me-space {
            padding: 0;
        }

        #MapWrapper1,
        #MapWrapper2 {
            width: 100%;
            display: block;
            margin: 0;
        }


        .hide-hp-head-info {
            display: none;
        }

        .flex-control-nav {
            display: none;
        }

        h1#channel-header {
            font-size: 1.2em;
            margin: 0;
        }
        /*h1#hp-header {
  font-size: 2em;
  margin:0;
}*/

        .apprentice {
            background-image: none;
            background-color: #F7941E;
        }

        #blog-bar-home .container div > div > div:nth-child(1) {
            font-size: 2em;
            font-weight: normal;
            display: block;
            float: right;
            width: 50%;
        }

        #cpq-download {
            font-size: 2.5em;
            line-height: 1em;
        }

        #cpq-arrow {
            font-size: 10em;
            line-height: 1em;
        }
    }

    @media screen and (max-width: 720px) {
        #cpq-download {
            font-size: 2em;
            line-height: 1em;
        }

        #cpq-arrow {
            font-size: 9em;
            line-height: 1em;
        }



        .support-boxes {
            min-height: 450px;
        }

        .job-title-headings {
            width: 100%;
        }
    }

    /* Mobile */
    @media screen and (max-width: 480px) {

        #Overall {
            height: 55px;
            bottom: 11%;
        }

        .arrow-left {
            width: 0;
            height: 0;
            margin-bottom: 0;
            border-left: 20px solid transparent;
            border-right: 20px solid transparent;
            border-bottom: 20px solid #4d4d4f;
        }

        .bl-content #field1-container, .bl-content #field2-container, .bl-content #field3-container, .bl-content #field4-container, .bl-content #field4-container {
            width: 100%;
            margin-left: 0;
        }

        .give-me-space {
            margin-top: 300px;
        }

        #google_translate_element {
            display: none;
        }

        #cssmenu {
            display: none;
        }

        .slicknav_menu {
            display: block;
        }

        #logo {
            width: 100%;
            text-align: center;
        }

        nav.grid_7 {
            width: 100%;
            margin: 5px 0;
        }

        .navigation {
            width: 100%;
            float: left;
            list-style: none;
            margin: 0;
            padding: 0;
        }

            .navigation li {
                float: left;
                width: 25%;
            }

        #interior-header h1 {
            font-size: 2em;
        }

        .slide {
            background-attachment: fixed;
            width: 100%;
            position: relative;
            padding: 50px 0;
        }

        #news-demo {
            display: none;
        }

        .all-gone {
            display: none;
        }

        .iq-screen {
            position: relative;
            bottom: -1em;
        }

        .counter {
            font-size: 6em;
        }

        .smallprint, .smallprint.omega {
            text-align: center;
        }

        #homepage-specialities .grid_3 {
            margin-bottom: 2em
        }

        .iquote-text {
            margin-bottom: 20px;
        }

        #office-shot {
            background: url(//channelcentral.blob.core.windows.net/images/office-photo.jpg);
            min-height: 300px;
        }



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

        .social-holders .fa {
            margin-right: 0;
        }

        .years-dates {
            margin-bottom: 2em;
        }

        .months-dates {
            margin-bottom: 2em;
        }

        #student-view {
            font-size: 12em;
            position: relative;
            left: 1.5%;
        }

        #employer-view {
            font-size: 12em;
            position: relative;
            left: 1.5%;
        }

        #college-view {
            font-size: 12em;
            position: relative;
            left: 4%;
        }


        .circle-text div {
            padding-top: 25%;
        }

        .freebird-circle .fa-3x {
            font-size: 1.5em;
            margin-top: 10px;
        }

        .carrot {
            display: none;
        }

        .view-boxes {
            width: 100%;
        }

        .apprentice {
            background-image: none;
            background-color: #F7941E;
        }

        #blog-bar-home .container div > div > div:nth-child(2) {
            /* width: 120px; */
            width: 40%;
            padding-left: 130px;
            float: none;
        }

        #blog-bar-home .container div > div > div:nth-child(1) {
            float: none;
        }

        #cpq-download {
            font-size: 2.5em;
            line-height: 1em;
        }

        #cpq-arrow {
            display: none;
            text-align: center;
        }

        #cpq-download-image {
            text-align: left;
        }

        .support-boxes {
            min-height: 260px;
        }
    }

    /*stackable*/
    .stacktable {
        width: 100%;
    }

    .st-head-row {
        padding-top: 1em;
    }

        .st-head-row.st-head-row-main {
            font-size: 1.5em;
            padding-top: 0;
        }

    .st-key {
        width: 49%;
        text-align: right;
        padding-right: 1%;
    }

    .st-val {
        width: 49%;
        padding-left: 1%;
    }

    #responsive-example-table tr, td, th {
        border: 1px solid #CBCBCB;
    }

    /* RESPONSIVE EXAMPLE */

    .stacktable.large-only {
        display: table;
    }

    .stacktable.small-only {
        display: none;
    }

    @media (max-width: 800px) {
        .stacktable.large-only {
            display: none;
        }

        .stacktable.small-only {
            display: table;
        }
    }


    th {
        font-weight: normal;
    }


    .no-orange-row .st-head-row {
        background-color: green;
        color: #fff;
        padding-bottom: 1em;
    }

    .orange-row .st-head-row {
        background-color: #F7941E;
        color: #fff;
        padding-bottom: 1em;
    }

    /*NAME*/
    #RqSeminar #field1-container {
        width: 49%;
        float: left;
        margin-bottom: 2%;
    }

    /*COMPANY*/
    #RqSeminar #field2-container {
        width: 49%;
        float: left;
        margin: 0 0 2% 2%;
    }

    /*EMAIL*/
    #RqSeminar #field3-container {
        width: 49%;
        float: left;
        margin-bottom: 2%;
        margin-left: 0;
    }

    /*PHONE*/
    #RqSeminar #field7-container {
        width: 49%;
        float: left;
        margin: 0 0 2% 2%;
    }


    /******THESE ARE THE INPUT BOXES******/

    /*NAME INPUT*/
    #RqSeminar #name {
        width: 96%;
        padding: 2% 2%;
    }

    /*COMPANY INPUT*/
    #RqSeminar #company {
        width: 96%;
        padding: 2% 2%;
    }

    /*EMAIL INPUT*/
    #RqSeminar #Email {
        width: 96%;
        padding: 2% 2%;
    }

    /*PHONE INPUT*/
    #RqSeminar #phone {
        width: 96%;
        padding: 2% 2%;
    }