/* Notes
========================
"common" - sub pages that share similarities colour wize
"sign-in" and "contact" use "news" class for coluring
*/


/* RESET ( BASE SETUP ) & NORMALIZE ========================================*/

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

html {
    padding-right: 0 !important;
    background-color: #fff;
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

html,
body,
button,
input,
select,
textarea {
    font-family: 'Roboto', sans-serif;
    color: #333;
    padding: 0;
    margin: 0;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

body {
    font-size: 14px;
    min-width: 1124px;
}

::moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
blockquote,
p,
li,
pre {
    margin: 0;
    padding: 0;
    font-size: 1em;
    font-weight: normal;
}

a {
    text-decoration: none;
    font-weight: 600;
    color: #333;
}

    a:active,
    a:hover,
    a:focus {
        outline: 0;
    }

    a:hover {
        border-bottom: 1px solid #ccc;
    }

footer a:hover {
    color: #000;
}

.hero a:hover,
.success-link a:hover,
.research-link:hover,
.share a:hover,
.sub-nav a:hover,
.tag:hover,
.three a:hover,
.more:hover,
.location:hover,
.success-section a:hover,
.about-section a:hover,
.news-section a:hover,
.events-section a:hover,
.network-link:hover,
.industry a:hover,
.publications .left a:hover {
    border-bottom: 0;
}

abbr[title] {
    border-bottom: 1px dotted;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color: #000;
}

code,
kbd,
pre,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

q {
    quotes: none;
}

    q:before,
    q:after {
        content: '';
        content: none;
    }

small {
    font-size: 100%;
}

audio,
canvas,
video {
    vertical-align: middle;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden] {
    display: none;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ul,
ol,
dl,
dd,
menu {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-image: none;
}

img {
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
    max-width: 100%;
}

svg:not(:root) {
    overflow: hidden;
}

hr {
    display: block;
    border: 0;
    border-top: 1px solid #000;
    margin: 0;
    padding: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

b,
strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

fieldset,
form,
legend,
figure {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea:focus,
input:focus {
    outline: 0;
}

legend {
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    vertical-align: baseline;
    *vertical-align: middle;
}

button,
input {
    line-height: normal;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    *overflow: visible;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="search"] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

    input[type="search"]::-webkit-search-cancel-button,
    input[type="search"]::-webkit-search-decoration {
        -webkit-appearance: none;
    }

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: none;
}

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.5em;
}


/* Typography ==================================================*/


/* Web Fonts -----------*/

/* @import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=0530770f-2ad0-40d3-bfb3-81f209a61c19");
@font-face {
    font-family: "Thin";
    src: url("../Fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix");
    src: url("../Fonts/56be84de-9d60-4089-8df0-0ea6ec786b84.eot?#iefix") format("eot"), url("../Fonts/50d35bbc-dfd4-48f1-af16-cf058f69421d.woff") format("woff"), url("../Fonts/278bef59-6be1-4800-b5ac-1f769ab47430.ttf") format("truetype"), url("../Fonts/2e309b1b-08b8-477f-bc9e-7067cf0af0b3.svg#2e309b1b-08b8-477f-bc9e-7067cf0af0b3") format("svg");
}

@font-face {
    font-family: "Light";
    src: url("../Fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix");
    src: url("../Fonts/ae1656aa-5f8f-4905-aed0-93e667bd6e4a.eot?#iefix") format("eot"), url("../Fonts/530dee22-e3c1-4e9f-bf62-c31d510d9656.woff") format("woff"), url("../Fonts/688ab72b-4deb-4e15-a088-89166978d469.ttf") format("truetype"), url("../Fonts/7816f72f-f47e-4715-8cd7-960e3723846a.svg#7816f72f-f47e-4715-8cd7-960e3723846a") format("svg");
}

@font-face {
    font-family: "Roman";
    src: url("../Fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix");
    src: url("../Fonts/b7693a83-b861-4aa6-85e0-9ecf676bc4d6.eot?#iefix") format("eot"), url("../Fonts/bcf54343-d033-41ee-bbd7-2b77df3fe7ba.woff") format("woff"), url("../Fonts/b0ffdcf0-26da-47fd-8485-20e4a40d4b7d.ttf") format("truetype"), url("../Fonts/da09f1f1-062a-45af-86e1-2bbdb3dd94f9.svg#da09f1f1-062a-45af-86e1-2bbdb3dd94f9") format("svg");
}

@font-face {
    font-family: "Medium";
    src: url("../Fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix");
    src: url("../Fonts/07fe0fec-b63f-4963-8ee1-535528b67fdb.eot?#iefix") format("eot"), url("../Fonts/60be5c39-863e-40cb-9434-6ebafb62ab2b.woff") format("woff"), url("../Fonts/4c6503c9-859b-4d3b-a1d5-2d42e1222415.ttf") format("truetype"), url("../Fonts/36c182c6-ef98-4021-9b0d-d63122c2bbf5.svg#36c182c6-ef98-4021-9b0d-d63122c2bbf5") format("svg");
}

@font-face {
    font-family: "Bold";
    src: url("../Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix");
    src: url("../Fonts/c07fef9e-a934-42d7-92ad-69205f2b8a00.eot?#iefix") format("eot"), url("../Fonts/14ff6081-326d-4dae-b778-d7afa66166fc.woff") format("woff"), url("../Fonts/8fda1e47-19be-46c7-8d83-8d4fb35572f0.ttf") format("truetype"), url("../Fonts/f751c8ae-1057-46d9-8d74-62592e002568.svg#f751c8ae-1057-46d9-8d74-62592e002568") format("svg");
} */

/*
  THIN
  font-family: 'Roboto', sans-serif;
  font-weight: 100;

  LIGHT
  font-family: 'Roboto', sans-serif;
  font-weight: 300;

  REGULAR
  font-family: 'Roboto', sans-serif;
  font-weight: 400;

  MEDIUM
  font-family: 'Roboto', sans-serif;
  font-weight: 500;

  BOLD
  font-family: 'Roboto', sans-serif;
  font-weight: 700;

*/


/* Heading Colours --------------------*/

.common h1,
.common h2,
.common h3,
.common h4,
.home h1,
.success h3 {
    color: #00AADF;
}

.about h1,
.about h2,
.about h3,
.about h4 {
    color: #7F7E82;
}

.news h1,
.news h2,
.news h3,
.news h4,
.sub-page.news h4,
.contact h1,
.contact h2,
.sign-in h1,
.sign-in h2,
.equipment-facilities h1 {
    color: #B266A4;
}

.events h1,
.events h2,
.events h3,
.events h4,
.sub-page.events h4,
{
    color: #DF4038;
}

.events.welcome h1,
.events.welcome h2,
.events.welcome h3,
.events.welcome h4,
.sub-page.events.welcome h4,
.news.welcome h1,
.news.welcome h2,
.news.welcome h3,
.news.welcome h4,
.sub-page.news.welcome h4 {
    color: #000;
}


/* h1 ---------------------------------*/


/* Used on all pages except landing*/

h1 {
    font-size: 36px;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    width: 850px;
    /*text-transform: capitalize;*/
    padding-bottom: 10px;
    /*                                                        @  @ */
}

.landing.about h1 {
    color: #D5D5D6;
}


/* Used on all Landing pages except home */

.landing h1 {
    font-size: 16px;
    text-align: left;
    text-transform: uppercase;
    padding: 13px 0 0 16px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}


/* Used only on home page*/

.landing.home h1 {
    padding-top: 38px;
    /*                                                           @  @ */
    font-size: 23px;
    text-align: center;
    letter-spacing: 0.01px;
    /*                                                      @  @ */
    text-transform: none;
    padding-left: 0;
    /*                                                             @  @ */
    word-spacing: 0;
    width: 990px;
}

.sub-page h1 {
    padding-bottom: 45px;
}


/* h2 ---------------------------------*/


/* Used on all landing pages except home*/

.landing h2 {
    width: 100%;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 20px;
    text-align: center;
    text-transform: capitalize;
    padding-top: 4px;
    max-height: 50px;
    overflow: hidden;
}


/* Used only on home page*/

.landing.home h2 {
    position: relative;
    bottom: 1px;
}

.sub-page h2 {
    font-size: 18px;
    padding-top: 4px;
    max-width: 600px;
    text-transform: uppercase;
    margin-top: 28px;
    padding-bottom: 30px;
}

.sub-page.common h2 {
    border-top: 2px solid #00AADF;
}


/* h3 --------------------------------*/

.sub-page h3,
.sub-page.about h3 {
    margin: 14px 0 16px 0;
    color: #fff;
    font-size: 16px;
    padding: 5px 4px 6px 11px;
    text-transform: uppercase;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    clear: both;
    vertical-align: middle;
}

.sub-page h3 {
    max-width: 600px;
}

.sub-page.common h3 {
    max-width: 628px;
}

.sub-page.about h3 {
    max-width: 630px;
}

.common h3 {
    background-color: #00AADF;
}

.about h3 {
    background-color: #7F7E82;
}

.news h3 {
    background-color: #B266A4;
}

.events h3 {
    background-color: #DF4038;
}

.landing h3 {
    line-height: 20px;
}

.research-link h3 {
    background-color: transparent;
}


/* h6 Used in Footer ------------------*/

h6 {
    text-align: center;
    color: #999;
    border-bottom: 1px solid #ccc;
    line-height: 0.12em;
    margin-bottom: 22px;
}

    h6 span {
        background-color: #fff;
        padding: 0 12px;
    }

    h6:first-letter {
        text-transform: capitalize;
    }


/*-------------------------------------*/

.side-nav h4 {
    color: #59595A;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

nav a {
    text-transform: capitalize;
}

.main-nav a {
    color: #ccc;
    font-size: 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

.sub-nav a {
    color: #BFEAF8;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.read {
    font-size: 14px;
}

    .read:first-letter {
        text-transform: uppercase
    }

.home-post p {
    color: #333;
    padding-left: 3px;
    max-width: 99%;
}

.home-post .image {
    /*max-height:150px;*/
    /* min-height: 105px;
    overflow: auto; */
}

    .home-post .image img {
        width: 100%;
    }

p.date {
    color: #7F7E81;
    text-transform: uppercase;
    padding-top: 6px;
}


/* Specific to page classes */

.landing.networks h1 {
    color: #BFEAF8;
}


/* General =========================================*/


/* Wrappers ---------------------------*/

.wrapper {
    width: 960px;
    margin: 0 auto;
    padding: 0 10px;
}

.wrapper2 {
    width: 988px;
    margin: 0 auto;
    padding: 0 10px;
}

.top-wrapper {
    float: left;
}

.research .top-wrapper {
    width: 655px;
}

.bottom-wrapper {
    float: left;
    width: 810px;
}


/*-------------------------------------*/


/* Phat line that is at the bottom of most pages B4 share icons */

.bottom-line {
    clear: both;
    height: 5px;
    padding-top: 40px;
    border-bottom: 5px solid #BFEAF8;
}

.home div.bottom-line {
    padding-top: 15px;
    border-bottom: 5px solid #DFDFE0;
}

.common div.bottom-line {
    padding-top: 20px;
}

.about div.bottom-line {
    border-bottom: 5px solid #DFDFE0;
}

.news div.bottom-line {
    border-bottom: 5px solid #ECD9E8;
}

.events div.bottom-line {
    border-bottom: 5px solid #F7CFCD;
}

.events.welcome div.bottom-line,
.news.welcome div.bottom-line {
    border-bottom: 5px solid #D4D4D4;
}


/* Header ==================================================*/

header {
    height: auto;
    background-color: #111;
    position: relative;
}


/* main nav colours ----------------------*/

.selected a.about-colour,
li:hover a.about-colour {
    color: #D5D5D6;
}

.selected a.news-colour,
li:hover a.news-colour {
    color: #ECD9E8;
}

.selected a.events-colour,
li:hover a.events-colour {
    color: #F7CFCD;
}

.selected a.contact-colour,
li:hover a.contact-colour {
    color: #E5F6FC;
}

.selected a.sign-in-colour,
li:hover a.sign-in-colour {
    color: #BFE8F8;
}


/* ----------------------------------*/

.main-nav {
    width: auto;
    float: right;
    clear: both;
}

    .main-nav a {
        font-weight: normal;
        border-bottom: 0;
        display: block;
        padding: 7px 17px 5px;
        border-right: 1px solid #111;
        border-left: 1px solid #111;
        border-bottom: 1px solid #111;
    }

.sub-nav a {
    display: block;
    padding: 12px 24px 17px;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-left: 1px solid transparent;
}

nav li {
    width: auto;
    float: left;
}

.socialMedia-item {
    margin-left: 6px;
}

    .socialMedia-item a {
        padding: 1px;
        border: none;
    }

        .socialMedia-item a:hover {
            border: none !important;
        }

            .socialMedia-item a:hover img {
                opacity: .8;
            }

    .socialMedia-item img {
        width: 24px;
        height: 24px;
        opacity: 1;
    }

.sub-nav ul {
    padding-top: 8px;
}

.landing .sub-nav li {
    margin-bottom: -1px;
}

.main-nav li.selected a,
.main-nav li a:hover {
    border-bottom: 1px solid #59595B;
    border-right: 1px solid #59595B;
    border-left: 1px solid #59595B;
    background-color: #222;
}

.sub-nav li.selected a,
.sub-nav li a:hover {
    border-top: 1px solid #59595B;
    border-right: 1px solid #59595B;
    border-left: 1px solid #59595B;
}

.sub-nav li:hover {
    background-color: #222;
}

.sub-nav li.selected {
    background-color: #1A1A1A;
}

.sub-nav li:hover a {
    color: #fff;
}

.main-nav li.signout {
    background-color: #00AAE2;
    padding-bottom: 4px;
}

    .main-nav li.signout span,
    .main-nav li.signout a {
        display: inline-block;
        color: #000;
        font-size: 12px;
    }

    .main-nav li.signout span {
        padding-left: 13px;
    }

    .main-nav li.signout a,
    .main-nav li.signout a:hover {
        border: none;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        background-color: transparent;
    }

    .main-nav li.signout span + a {
        text-transform: capitalize;
    }

    .main-nav li.signout span a,
    .main-nav li.signout span a:hover {
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        text-transform: none;
    }

.logo-search-wrapper {
    padding-top: 40px;
}

.logo {
    background: url('../img/sprite.png') no-repeat 1px 0;
    width: 500px;
    height: 134px;
    float: left;
}

.search input[type="text"],
.search input[type="search"] {
    background-color: #111;
    border: none;
    width: 266px;
    height: 38px;
    padding: 0 12px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
}

.search input:focus,
.search input:hover {
    color: #ccc;
}

.search-icon {
    background: url('../img/sprite.png') no-repeat -532px -4px;
    width: 34px;
    height: 34px;
    position: absolute;
    right: 3px;
    top: 3px;
}

    .search input:focus + .search-icon,
    .search input:hover + .search-icon,
    .search-icon:hover {
        background: url('../img/sprite.png') no-repeat -570px -4px;
        border: none;
    }

.search {
    position: relative;
    width: 300px;
    height: 40px;
    float: right;
    margin-top: 50px;
    border: 1px solid #7F7E82;
}


/* Footer ===================================== */

footer {
    margin-top: 50px;
    padding-bottom: 40px;
}

    footer a {
        font-weight: normal;
    }

.sponsors img {
    margin-top: 17px;
    margin-bottom: 53px;
}

.footer-links {
    width: 160px;
    float: left;
}

    .footer-links li {
        display: block;
        width: 86%;
        padding: 8px 2px 5px 2px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        line-height: 16px;
    }

    .footer-links a {
        font-size: 0.80em;
        color: #888;
        letter-spacing: 0.8px;
    }

.footer-header a {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #777;
}

.copyright {
    width: 960px;
    margin: 0 auto;
    margin-top: 28px;
    height: 30px;
    line-height: 30px;
    position: relative;
}

    .copyright .left-text {
        position: absolute;
        left: 0px;
        top: 0px;
        bottom: 0px;
        width: 500px;
        height: 30px;
        line-height: 30px;
        text-align: left;
        white-space: nowrap;
    }

.copywrite-description {
    font-size: 11px !important;
    margin-top: 1px !important;
}

.copyright .right-text {
    right: 0px;
    position: absolute;
    height: 30px;
    line-height: 30px;
    text-align: right;
    width: 100px;
    white-space: nowrap;
}

.copyright .footer-links {
    position: absolute;
    top: 0px;
    left: 530px;
    width: 340px;
    height: 30px;
    line-height: 30px;
    text-align: center;
}

    .copyright .footer-links a {
        height: 30px;
        line-height: 30px;
        margin: 0px 5px 0px 5px;
        cursor: pointer;
    }

        .copyright .footer-links a:first-child {
            height: 30px;
            line-height: 30px;
            margin: 0px 5px 0px 0px;
        }


/* Home ===================================== */

.home div.main {
    padding-top: 50px;
}

    .home div.main a {
        margin-bottom: 35px;
        display: block;
    }

.home .right-column section a {
    margin-bottom: 26px;
}

.home div.left-column {
    width: 450px;
    float: left;
}

.home div.right-column {
    width: 450px;
    float: right;
}

.home .hero-content {
    padding-top: 8px;
}

.home h3 {
    background-color: transparent;
}


/* Landing page changes ===================================*/

.landing .hero a,
.about .hero a,
.networks .hero a,
.welcome .hero a {
    padding-top: 12px;
}

.about div.hero-content,
.networks div.hero-content,
.welcome div.hero-content {
    margin-top: 0;
    padding-top: 10px;
}

.landing.welcome .hero {
    background-color: #1A1A1A;
}

    .landing.welcome .hero p {
        color: #7F7E82;
    }

.landing.welcome .hero-mask {
    background-position: -2px -220px;
}


    /* Hover -----------------------------------*/

    .landing.welcome .hero-mask:hover,
    .landing.welcome .hero a:hover .hero-mask {
        background-position: -214px -220px;
    }

.landing.welcome .hero a:hover {
    background-color: #001117;
}

    .landing.welcome .hero a:hover h2,
    .landing.welcome .hero a:hover p {
        color: #7F7E82;
    }

.landing.welcome h2,
.landing.welcome h1 {
    color: #7F7E82;
}


/* Hero ===================================== */

.hero {
    background-color: #1A1A1A;
    margin: 0 auto;
    border-top: 1px solid rgb(64, 64, 64);
    padding-bottom: 30px;
}

.hero-content {
    text-align: center;
    margin: 0 auto;
    margin-top: 24px;
}

.hero a {
    display: inline-block;
    margin: 0 8px;
    text-align: center;
    color: #ccc;
    width: 225px;
    height: 358px;
    vertical-align: top;
    position: relative;
}

.hero-content p {
    margin-top: 10px;
    line-height: 20px;
}

.hero-img {
    overflow: hidden;
    width: 207px;
    height: 207px;
    position: relative;
    margin: 0 auto;
}

    .hero-img img {
        text-align: center;
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }


/* To make image round in all brousers */

.hero-mask {
    background: url('../img/sprite.png') no-repeat -2px -220px;
    width: 207px;
    height: 207px;
    position: absolute;
}


/* Hero hover effects --------------------*/

.hero a:hover {
    background-color: #001117;
}

    .hero a:hover .discover-more {
        display: block;
    }

    .hero a:hover h2,
    .hero a:hover p {
        color: #00A9E0;
    }

    .hero-mask:hover,
    .hero a:hover .hero-mask {
        background-position: -214px -220px;
    }


/*----------------------------------------*/


/* Content ===================================== */


/* Section Colours -----------------------------------*/

.news {
    color: #B367A4;
}

.success {
    color: #00AADF;
}

.events {
    color: #DF4038;
}

.about {
    color: #7F7E82;
}

.welcome {
    color: #000;
}


/* Content ------------------------------*/

.main {
    padding-top: 45px;
    position: relative;
}

    .main section {
        position: relative;
        padding-bottom: 0;
        padding-top: 80px;
    }

        .main section.about-section {
            padding-top: 0;
        }

.home .main section {
    padding-top: 0;
}

.home-post h3 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    padding-left: 3px;
}

.home-post > p {
    margin-bottom: 0;
    line-height: 20px;
}

p.opening-paragraph {
    color: #00AADF;
    font-size: 24px;
    line-height: 30px;
    margin-top: 12px;
}


/* ---------- @ @ ----------*/

.left-column section {
    padding-top: 0;
}


/* -------------------------*/


/* Post Hover Colours ------*/

.success-section a:hover {
    background-color: #E5F6FC;
}

.about-section a:hover {
    background-color: #F2F2F2;
}

.events-section a:hover {
    background-color: #FCECEB;
}

.news-section a:hover {
    background-color: #F7F0F6;
}


/*----------------------------*/

.about-section h3 {
    padding-top: 0px;
}

.news-section {
    margin-bottom: 52px;
}


/* section-Icons -----------------------------                 @  @   */

.news-icon,
.success-icon,
.about-icon,
.utube-icon,
.events-icon {
    background: url('../img/sprite.png') no-repeat;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

.success-icon {
    background-position: -4px -136px;
    z-index: 1;
    top: 0;
    left: 0;
}

.about-icon {
    background-position: -332px -136px;
    top: 0;
    left: 0;
}

.news-icon {
    background-position: -248px -136px;
    top: 0;
    left: 0;
    width: 81px;
    height: 81px;
}

.events-icon {
    background-position: -86px -136px;
    top: 0;
    left: 0;
}

.utube-icon {
    background: url('../img/sprite.png') no-repeat;
    background-position: -167px -136px;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
}

    .utube-icon:hover,
    .utube-embed:hover .utube-icon {
        background-position: -430px -221px;
    }

.welcome .utube-icon {
    background-position: -9px -648px;
}

    .welcome .utube-icon:hover,
    .welcome .utube-embed:hover .utube-icon {
        background-position: -512px -221px;
    }

.utube-embed {
    position: relative;
}


/* Share This Page ----------------------------*/

.share {
    width: 330px;
    margin: 0 auto;
    clear: both;
    padding-top: 54px;
    padding-bottom: 34px;
}

    .share p {
        text-align: center;
        text-transform: uppercase;
        color: #999;
        font-size: 12px;
        margin: 0;
    }

.share-icon {
    width: auto;
    padding-bottom: 15px;
    margin-top: 15px;
}

    .share-icon a {
        margin-left: 26px;
        padding: 0;
    }

        .share-icon a:first-child {
            margin-left: 0;
        }

.share-twitter,
.share-facebook,
.share-email,
.share-linkedin {
    background: url('../img/sprite.png') no-repeat;
    width: 60px;
    height: 61px;
    display: inline-block;
}

.share-facebook {
    background-position: -423px -585px;
}

    .share-facebook:hover {
        background-position: -491px -386px;
    }

.share-twitter {
    background-position: -425px -459px;
}

    .share-twitter:hover {
        background-position: -425px -523px;
    }

.share-email {
    background-position: -487px -583px;
}

    .share-email:hover {
        background-position: -552px -582px;
    }

.share-linkedin {
    background-position: -423px -649px;
}

    .share-linkedin:hover {
        background-position: -487px -649px;
    }

/* Follow us On ----------------------------*/

.followUsOn {
    margin: 0 auto;
    clear: both;
    padding-top: 54px;
    padding-bottom: 34px;
}

.followUsOn-icon {
    width: 242px;
    padding-bottom: 15px;
    margin-top: 28px;
    margin-left: auto;
    margin-right: auto;
}

    .followUsOn-icon a {
        margin-left: 26px;
        padding: 0;
    }

        .followUsOn-icon a:hover {
            border: none;
        }

        .followUsOn-icon a:first-child {
            margin-left: 0;
        }

.followuson-facebook,
.followuson-twitter,
.followuson-linkedin {
    background: url('../img/sprite.png') no-repeat;
    width: 60px;
    height: 60px;
    display: inline-block;
}

.followuson-facebook {
    background-position: -423px -585px;
}

    .followuson-facebook:hover {
        background-position: -491px -386px;
    }

.followuson-twitter {
    background-position: -425px -459px;
}

    .followuson-twitter:hover {
        background-position: -425px -523px;
    }

.followuson-linkedin {
    background-position: -423px -649px;
}

    .followuson-linkedin:hover {
        background-position: -487px -649px;
    }

/* EVENTS ================================================*/


/* Events section home-page ----------------*/

.events.sub-page div.event-info p {
    color: #DF4038;
    font-size: 16px;
}

.events.sub-page.welcome div.event-info p {
    color: #000;
}


/*.events-section a {
            padding-top: 5px;
        }*/

.events-section p.read {
    color: #DF4038;
    padding-top: 12px;
    padding-bottom: 8px;
}

.events-section .home-post_link {
    padding-top: 80px;
}

.event-info {
    margin-top: 15px;
    margin-left: 2px;
    padding-left: 80px;
    padding-left: 115px;
    position: relative;
    border-left: 3px solid #DF4038;
}

.welcome .event-info {
    border-left: 3px solid #000;
}

.event-info p {
    padding: 0;
    margin: 0;
    line-height: 20px;
    color: #DF3F38;
}

.event-info span {
    position: absolute;
    left: 9px;
    color: #7F7E81;
    text-transform: uppercase;
}

.success-section p.read {
    color: #00AADF;
    padding-top: 10px;
    padding-left: 2px;
    padding-bottom: 9px;
}

.news-section p.read {
    color: #B367A4;
    padding-top: 6px;
    padding-bottom: 4px;
}

.about-section p.read {
    color: #7F7E82;
    margin-top: 0;
    padding-top: 0;
}

.home-post {
    position: relative;
}

    .home-post .news-icon,
    .home-post .events-icon {
        top: 20px;
        left: 20px;
    }

.image {
    width: 450px;
}

.imgcaption {
    height: 36px;
    padding-top: 10px;
    color: #00AAE2;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
}


/*---------------------------------------*/

.sub-page.events li {
    color: #333;
}

.sub-page.events img {
    width: 600px;
}

.sub-page.events .op + img {
    margin-top: 17px;
}


/*---------------------------------------*/

.flyer {
    display: inline-block;
    width: auto;
    text-align: center;
    background-color: #DF4038;
    color: #fff;
    font-weight: normal;
    margin: 14px 0 24px 85px;
    padding: 5px 10px;
    position: static;
}

    .flyer.marginleft20px {
        margin-left: 20px;
    }

.welcome .flyer {
    background-color: #000;
}

.flyer:hover {
    border: 0;
}

.events .main p,
.events .news p {
    color: #333;
}

.red-circle {
    background: url('../img/sprite.png') no-repeat -429px -307px;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 10px;
    left: 10px;
    vertical-align: middle;
}

.welcome .red-circle {
    background-position: -512px -302px;
}

.comming-soon {
    background: url('../img/sprite.png') no-repeat -416px -136px;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 10px;
    left: 10px;
    vertical-align: middle;
}

.welcome .comming-soon {
    background-position: -500px -136px;
}

.red-circle span {
    text-align: center;
    color: #fff;
    font-weight: normal;
    display: inline-block;
}

.dayMonth {
    vertical-align: middle;
    width: 80px;
    height: 80px;
    text-align: center;
    margin-top: 20px;
}

    .dayMonth em.day {
        font-size: 30px;
        line-height: 1px;
        color: #fff;
        font-weight: normal;
        display: block;
    }

    .dayMonth em:first-child {
        margin-top: 12px;
    }

    .dayMonth em.month {
        font-size: 14px;
        text-transform: uppercase;
        line-height: 0;
        color: #fff;
        font-weight: normal;
        display: block;
    }

.event-info {
    position: relative;
}

.post-macro1,
.post-macro2 {
    width: 630px;
    display: block;
    position: relative;
    clear: both;
    margin-top: 40px;
}

    .post-macro2:hover,
    .post-macro1:hover {
        border: 0;
        background-color: #FCECEB;
    }

.welcome .post-macro2:hover,
.welcome .post-macro1:hover {
    background-color: #E6E6E6;
}

.post-macro1 img {
    width: 300px;
    float: left;
    padding-right: 30px;
}

.post-macro1 h4,
.post-macro2 h4 {
    font-size: 22px;
    line-height: 25px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

    .post-macro1 h4 + p,
    .post-macro2 h4 + p {
        padding-top: 11px;
    }

.post-macro1 .event-info,
.post-macro2 .event-info {
    margin-bottom: 12px;
    width: 280px;
}

.text-wrapper {
    float: right;
    width: 480px;
}

img + .text-wrapper {
    width: 300px;
}

.news-articles .text-wrapper {
    width: 630px;
}

.news-articles img + .text-wrapper {
    width: 300px;
}

.events .text-wrapper p.read,
.news .text-wrapper p.read {
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: normal;
}

.events .text-wrapper .read {
    color: #DF4038;
}

.events.welcome .text-wrapper .read {
    color: #000;
}

.post-macro1 .event-info span,
.post-macro2 .event-info span {
    color: #333;
}

.post-macro1 .event-info p,
.post-macro2 .event-info p {
    color: #7F7E81;
}

.post-macro1 em,
.post-macro2 em {
    font-style: normal;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
}

    .post-macro1 em > span,
    .post-macro2 em > span {
        font-weight: 600;
    }


/* News ========================================*/


/* Articles ---------------------*/

.news-articles h1 {
    padding-bottom: 50px;
}

.news-articles .bottom-line,
.events-articles .bottom-line {
    padding-top: 20px;
}

.news-articles p.date {
    color: #7F7E82;
    padding-bottom: 11px;
    margin-top: -5px;
}

.articles + .bottom-line,
.top-wrapper + .bottom-line {
    padding-top: 40px;
}

.articles {
    width: 630px;
    float: left;
}

    .articles > div:first-child {
        margin-top: 0;
    }

.news .text-wrapper p.read {
    color: #B266A4;
}

.news.welcome .text-wrapper p.read {
    color: #000;
}

.news .post-macro2:hover,
.news .post-macro1:hover {
    border: 0;
    background-color: #ECD9E8;
}

.news.welcome .post-macro2:hover,
.news.welcome .post-macro1:hover {
    background-color: #E6E6E6;
}

.news .post-macro2 .text-wrapper {
    float: none;
}


/*------------------------------*/

.search input:focus,
.search input:hover {
    color: #ccc;
}

::-webkit-input-placeholder {
    color: #A0A0A0;
    font-size: 16px;
    line-height: 16px;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #A0A0A0;
    font-size: 16px;
    line-height: 16px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #A0A0A0;
    font-size: 16px;
    line-height: 16px;
}

:-ms-input-placeholder {
    color: #A0A0A0;
    font-size: 16px;
    line-height: 16px;
}

.search-icon,
.search-icon2 {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 3px;
    top: 3px;
}

.search-icon {
    background: url('../img/sprite.png') no-repeat -491px -489px;
}

.search-icon2 {
    background: url('../img/sprite.png') no-repeat -488px -521px;

}

button.search-icon2{
    border:none;
}

.search input:focus + .search-icon,
.search input:hover + .search-icon,
.search-icon:hover {
    background: url('../img/sprite.png') no-repeat -530px -455px;
}

.sidebar .search input:focus + .search-icon2,
.sidebar .search input:hover + .search-icon2,
.search-icon2:hover {
    background: url('../img/sprite.png') no-repeat -491px -455px;
    border: none;
}

.search {
    position: relative;
    width: 302px;
    float: right;
    margin-top: 50px;
}

.sidebar .search {
    width: 298px;
    margin-top: 0;
    margin-bottom: 24px;
    border: 1px solid #DFDFE0;
}

    .sidebar .search input {
        width: 262px;
        margin-bottom: 0;
        background-color: #fff;
    }


/*sidebar --------------------------*/

.sidebar {
    width: 300px;
    float: right;
}

    .publications .sidebar h5,
    .sidebar h5 {
        text-align: left;
        color: #7F7E81;
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
        font-size: 14px;
        border-top: 2px solid #B367A4;
        margin-top: 2px;
        padding-top: 16px;
        padding-bottom: 12px;
        clear: both;
    }

.welcome .sidebar h5 {
    border-top: 2px solid #000;
}

.tags h5 {
    padding-bottom: 17px;
}

.sidebar li {
    float: none;
    padding-bottom: 10px;
}

.sidebar .title > a {
    font-weight: normal;
    color: #595959;
}

.news .tag {
    background-color: #ECD9E8;
    color: #B367A4;
}

.news.welcome .tag {
    background-color: #D4D4D4;
    color: #fff;
}

.news .tag.selected,
.news .tag:hover {
    background-color: #B367A4;
    color: #fff;
}

.news.welcome .tag.selected,
.news.welcome .tag:hover {
    background-color: #000;
}

.news .main p {
    color: #333;
}

.news li {
    color: #333;
}

.news .title li > a {
    color: #595959;
    font-weight: normal;
}


/* Side Nav ===============================================*/

.side-nav {
    width: 300px;
    border-top: 2px solid #00AAE2;
    padding-top: 22px;
    float: right;
    padding-bottom: 26px;
}

.about .side-nav {
    border-top: 2px solid #7F7E82;
}

.side-nav li {
    float: none;
    padding-bottom: 10px;
}

.side-nav a {
    color: #595959;
    font-weight: normal;
}

.side-nav li.selected > a {
    color: #00AADF;
}

.about li.selected.title > a {
    color: #595959;
}

.side-nav-icon {
    background: url('../img/sprite.png') no-repeat -507px -46px;
    width: 12px;
    height: 12px;
    position: absolute;
    left: -23px;
    top: 4px;
}

.selected > a .side-nav-icon,
.title li:hover .side-nav-icon {
    background-position: -508px -62px;
}

.title li {
    position: relative;
}

.title {
    position: relative;
}

    .title ul {
        padding-top: 10px;
        margin-left: 26px;
    }

    .title > a {
        font-family: 'Roboto', sans-serif;
        font-weight: 700;
    }

        .title > a:hover,
        .title li:hover a {
            color: #00AADF;
            border-bottom: 1px solid #BFEAF8;
        }


/* Sub-Page ===================================== */


/*.top-wrapper {
        position: relative;
    }

    .top-wrapper + article {
        padding-top: 0;
    }


    .research-page div.left-column {
        width: 660px;
        float: left;
    }


    .research-sub-page div.left-column {
        width: 600px;
        float: left;
    }

    .research-sub-page div.left-column {
        width: 660px;
    }

    */

.sub-page div.content {
    padding-top: 0;
    padding-top: 24px;
}

.sub-page div.content {
    border-bottom: 5px solid #BFE8F8;
}

.bread-crumb {
    color: #7F7E7F;
    position: absolute;
    font-size: 16px;
    top: 24px;
    text-transform: uppercase;
}

    .bread-crumb a {
        color: #7F7E7F;
        font-weight: normal;
    }

        .bread-crumb a:hover {
            border-bottom: 1px solid #ccc;
        }


/* Research Links -----------------*/

.research-link {
    width: 600px;
    background-color: #E5F6FC;
    display: block;
    position: relative;
    margin-bottom: 3px;
}

    .research-link:hover {
        background-color: #CEEEF9;
    }

    .research-link div {
        width: 500px;
        min-height: 107px;
        margin-left: 100px;
    }

    .research-link h3 {
        font-size: 18px;
        color: #111;
        padding-top: 23px;
        margin: 0;
        padding-bottom: 0;
        padding-left: 0;
    }

    .research-link p {
        color: #7F7E7F;
        margin: 0;
        padding-bottom: 22px;
    }

.flagship {
    position: absolute;
    top: 0;
    left: 100px;
    width: 500px;
    text-transform: uppercase;
    background-color: #00AADF;
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 6px;
    -webkit-box-sizing: border-box;
    /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;
    /* Firefox, other Gecko */
    box-sizing: border-box;
}

.people .flagship.senitoral {
    width: 165px;
    background: #ECD9E8;
}

.people .crop {
    width: 300px;
    height: 200px;
    overflow: hidden;
}

span.research-area-icon {
    background: url('../img/sprite.png') no-repeat -426px -393px;
    width: 61px;
    height: 61px;
    position: absolute;
    top: 24px;
    left: 20px;
}


/* People Detail page -----------------*/
.people-top {
    width: 630px;
    padding-bottom: 50px;
}

.people-left {
    float: left;
    width: 300px;
}

.people-right {
    float: right;
    width: 300px;
}

.peopleDisplay {
    position: relative;
    width: 300px;
    height: 200px;
}

    .peopleDisplay img {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }

    .peopleDisplay .crop {
        width: 300px;
        height: 200px;
        overflow: hidden;
    }

.peopleDisplay__mask {
    width: 300px;
    height: 200px;
    background-color: #00AADF;
    display: block;
    position: absolute;
    opacity: 0.25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}

.people-flagshipType {
}

    .people-flagshipType span {
        text-transform: uppercase;
        background-color: #00AADF;
        color: #fff;
        font-size: 12px;
        font-weight: normal;
        padding: 1px 6px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.people-credentials {
    padding-top: 10px;
    padding-bottom: 10px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #59595A;
}

.sub-page .main p.people-synopsis {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #333333;
    font-size: 18px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 25px;
    max-width: initial;
}

/* Success Storys -----------------*/

.success-link {
    padding-top: 26px;
    margin-bottom: 26px;
    border-top: 1px solid #BFEAF8;
    width: 810px;
}

    .success-link a {
        display: block;
        margin-bottom: 34px;
        position: relative;
        min-height: 150px;
        overflow: hidden;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .success-link a:hover {
            background-color: #E5F6FC;
        }

    .success-link p {
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        color: #7F7E80;
        font-size: 20px;
        line-height: 20px;
        margin: 0;
        padding-bottom: 12px;
    }

    .success-link div:first-child {
        width: 510px;
        margin-left: 300px;
    }

    .success-link h3 {
        color: #00AADF;
        font-size: 24px;
        line-height: 30px;
        padding-bottom: 8px;
        margin-bottom: 0;
        margin-top: 0;
        padding-top: 7px;
        padding-left: 0;
        background-color: transparent;
    }

    .success-link p.read {
        font-size: 14px;
        margin-top: 0;
        line-height: 20px;
        color: #00AADF;
    }

    .success-link img {
        width: 260px;
        position: absolute;
        top: 0;
        left: 0;
        border: 0;
        padding: 0;
    }

h2 + .success-link {
    border: none;
    padding-top: 0;
}

.sub-page a + h2 {
    margin-top: 50px;
}

.success .crop {
    height: 225px;
    overflow: hidden;
}


/* Sub-Pages Element styling ==================================*/


/*Not sure if this is needed */


/*                                                               @  @    */

.single h1 {
    /*
        text-transform: lowercase;
	*/
}

    .single h1:first-letter {
        text-transform: capitalize;
    }


/*----------------------------------*/


/* Different list bullet colours --------------------------------*/

.page-list ul {
    padding-top: 11px;
    padding-bottom: 28px;
}

.common .page-list ul li {
    list-style-position: outside;
    background: url('../img/sprite.png') no-repeat -614px -4px;
    text-align: bottom;
    padding-left: 16px;
    color: #333;
}

.news .page-list ul li {
    list-style-position: outside;
    background: url('../img/sprite.png') no-repeat -614px -221px;
    text-align: bottom;
    padding-left: 16px;
}

.events .page-list ul li {
    list-style-position: outside;
    background: url('../img/sprite.png') no-repeat -614px -395px;
    text-align: bottom;
    padding-left: 16px;
}

.events.welcome .page-list ul li,
.news.welcome .page-list ul li {
    background-position: -614px -757px;
}

.sub-page h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #00AADF;
    padding: 10px 0 2px 0;
    max-width: 660px;
}

.sub-page h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    padding-top: 10px;
}


/*Remember if make changes to this then need to make changes to .op */


/*                         @  @    */

.sub-page .main p {
    max-width: 600px;
    padding-bottom: 10px;
}

.op {
    width: 600px;
    margin-top: -10px;
}

    .op p {
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
        color: #000;
        font-size: 18px;
        padding-bottom: 14px;
        line-height: 25px;
        padding-top: 10px;
    }

        .op p:first-child {
            padding-top: 0;
        }


/*-----------------------------------------           @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    */

.news .floater {
    border-bottom: 1px solid #ECD9E8;
    border-top: 1px solid #ECD9E8;
}

.events .floater {
    border-bottom: 1px solid #F7CFCD;
    border-top: 1px solid #F7CFCD;
}

.floater {
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #BFEAF8;
    border-top: 1px solid #BFEAF8;
    float: right;
    margin-left: 34px;
    margin-bottom: 10px;
}

p > .floater {
    margin-right: -212px;
}


/*-----------------------------------------           @ @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@    */

div.sub-page .video-img img {
    border: 0;
    width: 100%;
    position: relative;
}

.video-img span {
    top: 139px;
    left: 261px;
}

div.video-img {
    width: 600px;
    position: relative;
    padding-top: 8px;
    padding-bottom: 21px;
    display: inline-block;
}

.video-img:hover span {
    background-position: -430px -221px;
}

.welcome .video-img:hover span {
    background-position: -512px -221px;
}

.article-img {
    display: block;
    width: 600px;
    padding-top: 28px;
    padding-bottom: 25px;
}

p + .article-img {
    padding-top: 18px;
}


/* success stories =============================*/

.success .op {
    padding-top: 38px;
}

.single-story {
    width: 810px;
}

.success p {
    color: #333;
}


/* Tags --------------------------*/

.tag-style {
    background: url('../img/sprite.png') no-repeat -530px -495px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    width: 13px;
    height: 13px;
}

.tags {
    text-align: center;
    color: #fff;
    padding-bottom: 10px
}

.tag {
    background-color: #BFEAF8;
    float: left;
    padding: 7px 26px 8px 12px;
    margin-right: 9px;
    position: relative;
    margin-bottom: 5px;
    color: #00AAE0;
    line-height: 15px;
    font-weight: normal;
    text-transform: capitalize;
}

    .tag:hover {
        background-color: #66CCEE;
        color: #fff;
    }

.tags .selected {
    background-color: #00AAE2;
    color: #fff;
}

a.pageanchor {
    display: inline !important;
    padding: 0 !important;
    margin: 0 !important;
    position: absolute !important;
    width: 0px !important;
    height: 0px !important;
    visibility: hidden;
}


/* success-link --------------------------*/

.three {
    text-align: left;
    border-top: 5px solid #BFEAF8;
}

.tags + .three {
    border: none;
}

.three a {
    vertical-align: top;
    display: inline-block;
    margin-right: 26px;
    width: 300px;
    position: relative;
    margin-top: 36px;
    margin-bottom: 20px;
}

    .three a.noMargin {
        margin-right: 0;
    }

    .three a span {
        display: none;
    }

    .three a:hover span {
        display: block;
    }

    .three a img {
        width: 300px;
    }

    .three a:hover {
        background-color: #E5F6FC;
    }

    .three a h3 {
        background-color: transparent;
        font-size: 22px;
        line-height: 25px;
        padding-top: 19px;
        padding-bottom: 12px;
    }

    .three a p {
        font-family: 'Roboto', sans-serif;
        font-weight: 100;
        color: #7F7E80;
        font-size: 20px;
        line-height: 24px;
        margin: 0;
        padding-bottom: 12px;
    }

.three p.read {
    font-size: 14px;
    line-height: 20px;
    color: #00AADF;
    padding-top: 5px;
}

.news .more {
    background-color: #CCA2C4;
}

    .news .more:hover {
        background-color: #B367A4;
    }

.events .more {
    background-color: #F7CFCD;
}

    .events .more:hover {
        background-color: #DF4038;
    }

.events.welcome .more,
.news.welcome .more {
    background-color: #D4D4D4;
}

    .events.welcome .more:hover,
    .news.welcome .more:hover {
        background-color: #000;
    }

.more {
    text-align: center;
    width: 240px;
    padding: 12px 0;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #fff;
    background-color: #BFEAF8;
    display: inline-block;
    margin: 62px 20px 5px 20px;
}

    .more:hover {
        background-color: #00AAE2;
    }

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


/* Networks ===================================== */


/*border-bottom: 5px solid #BFEAF8;*/

.networks .network-section {
    padding-top: 0;
    max-width: 600px;
}

.networks .bottom-line + .network-section {
    padding-top: 15px;
}

.networks .main .left {
    width: 600px;
}

.network-section ul {
    padding-top: 10px;
    width: 280px;
    display: inline-block;
    margin-left: 20px;
    vertical-align: top;
}

.network-section li {
    padding-bottom: 10px;
}

.network-section h4 + ul,
.network-section h3 + ul,
.network-section p + ul {
    margin-left: 0;
}

.networks .left {
    width: 640px;
}

.network-link {
    vertical-align: top;
    width: 280px;
    display: inline-block;
    margin-left: 36px;
    vertical-align: top;
    margin-bottom: 38px;
}

h3 + .network-link,
.marginleft0px {
    margin-left: 0;
}

a.network-link:hover {
    background-color: #E5F6FC;
}

.network-link p.read {
    color: #00AADF;
    padding-bottom: 6px;
}

.network-link p {
    padding-bottom: 20px;
}

.map {
    height: 829px;
    border-top: 1px solid #fff;
    margin: 0 auto;
    position: relative;
    max-width: 1424px;
}

    .map #content {
        font-family: 'Roboto', sans-serif;
        color: #333;
    }

#map-canvas {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 1424px;
    height: 829px;
}

a.location {
    z-index: 1;
    visibility: hidden;
    position: absolute;
    min-width: 300px;
    max-width: 300px;
}

    a.location .spot {
        content: '';
        background: url('../img/sprite.png') no-repeat -614px -228px;
        width: 6px;
        height: 6px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        cursor: pointer;
    }

        a.location .spot:hover {
            background-position: -614px -228px;
        }

span.location-description {
    background-color: #59595B;
    padding: 12px 20px 12px 12px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: #fff;
    font-size: 14px;
    display: none;
    position: absolute;
    top: 0;
    left: 30px;
}

    span.location-description:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 7px 6px 7px 0;
        border-color: transparent #59595B transparent transparent;
        position: absolute;
        top: 50%;
        left: -6px;
        margin-top: -7px;
    }

a.location.selected span.location-description {
    display: block;
}

.uk {
    top: 150px;
    left: 485px;
}

.italy {
    top: 210px;
    left: 565px;
}


/* Industry ========================================*/

.publications .sidebar h5 {
    border-top-color: #00AAE2;
}

.industry .left,
.publications .left {
    width: 600px;
}

.publications .patents menu {
    height: 45px;
}

    .publications .patents menu a {
        display: inline-block;
    }

.industry h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.industry .left li {
    display: block;
    border-top: 1px solid #BFEAF8;
    padding-top: 2px;
    padding-bottom: 6px;
}

.report .patents a {
    display: inline;
}

.industry .left li:first-child {
    margin-top: 16px;
}

.publications .left a:hover {
    background-color: #E5F6FC;
}

.industry .left ul {
    padding-bottom: 14px;
}

a.read {
    color: #00AAE1;
}


/* Publications ========================================*/

h1 + .left {
    padding-top: 40px;
}

.report {
    padding-bottom: 12px;
}

    .report h5 {
        color: #111;
        padding-top: 11px;
    }

    .report span.read {
        padding-bottom: 11px;
        display: block;
    }

    .report a {
        display: block;
        cursor: pointer;
    }

.results > h3,
.patents > h3 {
    margin-top: 0;
}

.main .patents.block,
ul.report li > a {
    border-top: 1px solid #BFEAF8;
    padding: 12px 0 14px 0;
    line-height: 20px;
}

.main .patents h3 + p {
    border: 0;
    padding-top: 7px;
}

.patents p strong {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    display: block;
}

.patents {
    padding-bottom: 15px;
}

h1 + .patents {
    padding-bottom: 25px;
}


/* Search Results =========================================*/

.results a {
    color: #00AADF;
    font-weight: normal;
    cursor: pointer;
}

.results h5 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    color: #000;
    padding-bottom: 4px;
}

.results {
    padding-bottom: 15px;
}

    .results div {
        padding: 7px 0 10px 0;
        border-top: 1px solid #BFEAF8;
        width: 600px;
    }


/* about =========================================*/

.about section.about-section {
    padding-top: 0;
    width: 630px;
}

menu {
    width: 465px;
    margin: 0 auto;
    text-align: center;
    padding-top: 4px;
}

    menu a {
        width: 25px;
        height: 16px;
        padding-top: 1px;
        padding-bottom: 8px;
        display: inline-block;
        text-align: center;
        margin-bottom: 9px;
        border-left: 1px solid #BFEAF8;
        margin-left: -4px;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        color: #00AADF;
        font-size: 18px;
    }

        menu a.showall {
            padding-left: 5px;
            width: auto;
            padding-right: 5px;
        }

        menu a.selected {
            background-color: #7F7E82;
            color: #fff;
            border-left: 1px solid #7F7E82;
        }

.about menu a:hover {
    background-color: #BFEAF8;
    color: #333;
}

menu a.selected:hover {
    background-color: #7F7E82;
    color: #fff;
}

menu a:first-child {
    border-left: 1px solid transparent;
}

.hero-content {
    text-align: center;
    margin: 0 auto;
    margin-top: 24px;
}

.hero a {
    display: inline-block;
    margin: 0 8px;
    text-align: center;
    color: #ccc;
    width: 225px;
    height: 355px;
    vertical-align: top;
    position: relative;
    overflow: hidden;
}


/* people ------------------------------------*/

.people {
    position: relative;
    width: 300px;
    display: inline-block;
    vertical-align: top;
    margin-left: 26px;
}

    .people .flagship {
        width: 158px;
        left: 0;
    }

.people-section div:first-child {
    margin-left: 0;
}

.people-section {
    border-top: 5px solid #BFEAF8;
}

.op + .people-section {
    border: 0;
}

section.people-section {
    padding-top: 0;
}

h3 + .people {
    margin-left: 0;
}

.people h5 {
    font-size: 22px;
    line-height: 25px;
    padding-top: 12px;
    color: #00AADF;
}

.people p {
    padding-bottom: 18px;
    color: #333;
    font-size: 14px;
}

.people-link {
    margin-top: 18px;
}

    .people-link a {
        color: #00AADF;
        font-weight: normal;
    }

.creds {
    padding-top: 18px;
    padding-bottom: 8px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    color: #59595A;
}

.inline-email {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    font-weight: normal;
    color: #59595A;
    margin-bottom: 18px;
    display: inline-block;
    border-bottom: 1px solid transparent;
}

span.profile-mask {
    width: 300px;
    height: 200px;
    background-color: #00AADF;
    display: block;
    position: absolute;
    opacity: 0.25;
    z-index: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}

.bottom-wrapper .people {
    margin-top: 45px;
}

.top-wrapper .people {
    padding-top: 15px;
}

    .top-wrapper .people img,
    .bottom-wrapper .people img {
        width: 100%;
        /* height: auto !important; */
        height: 100%;
        object-fit: contain;
    }

.top-wrapper .people-section {
    padding-bottom: 40px;
}

.bottom-wrapper .people-section {
    padding-bottom: 40px;
}

.common .bottom-wrapper,
.about .bottom-wrapper {
    width: 960px;
}

.about .top-wrapper {
    width: 630px;
}


/* SAM ------------------------------------------------------------------*/


/*samuel section css*/


/* Contact page / sign in / forgot password / share by email*/

.contact .bottom-line {
    padding-bottom: 0;
    margin-top: -15px;
}

address em {
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
}

.sub-page address p {
    padding-bottom: 6px;
}

p.add {
    line-height: 29px;
}

div.contact-w address a {
    border: 0;
}


/*helper*/

.left {
    float: left;
}

.right {
    float: right;
}

[align="left"] {
    text-align: left;
}

[align="right"] {
    text-align: right;
}

[align="center"] {
    text-align: center;
}

.n-br {
    border: none !important;
}


/*grid*/

[class*="col-"] {
    position: relative;
    min-height: 1px;
}

.col-460 {
    width: 460px;
}

.col-390 {
    width: 390px;
}

.s-wrap h1 {
    padding: 46px 0 26px 0;
    color: #B266A4;
    font-size: 36px;
    line-height: 40px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: capitalize;
}

.s-wrap .title {
    padding-bottom: 6px;
    padding-top: 2px;
    color: #BFBEC0;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
}

.s-wrap p {
    font-size: 16px;
    color: #333;
}

    .s-wrap p a {
        color: #B266A4;
        border-bottom: 1px solid;
    }

.group:after {
    content: "";
    display: table;
    clear: both;
}

.form-group {
    padding-bottom: 18px;
}


/*pages*/

.contact-w {
    padding: 12px 0;
    border-top: 1px solid #DFDFE0;
}

    .contact-w:first-child {
        border-top: none;
    }

    .contact-w address {
        font-style: normal;
        line-height: 24px;
        padding-bottom: 6px;
    }

        .contact-w address span {
            display: inline-block;
            color: #7F7E80;
            text-transform: uppercase;
            width: 74px;
        }

    .contact-w input[type="submit"] {
        padding-right: 24px;
        padding-left: 24px;
    }

.signin-section {
    padding-bottom: 20px;
}

    .signin-section p,
    .signin-section p.lead {
        color: black;
        font-size: 18px;
        line-height: 25px;
        font-family: 'Roboto', sans-serif;
        font-weight: 300;
    }

        .signin-section p.lead {
            margin-bottom: 14px;
        }

    .signin-section p {
        font-size: 16px;
    }

    .signin-section input[type="password"] {
        width: 211px;
    }

    .signin-section p.right {
        padding-top: 13px;
        font-size: 14px;
    }

    .signin-section input[type="submit"] {
        padding-right: 24px;
        padding-left: 24px;
    }

    .signin-section label.checkbox {
        font-size: 14px;
        color: #A0A0A0;
        padding-top: 13px;
        padding-left: 12px;
    }

        .signin-section label.checkbox > input[type="checkbox"] {
            margin-right: 5px;
        }

.forgotpassword {
}

    .forgotpassword .mini-container {
        margin: 0 auto;
        width: 580px;
    }

    .forgotpassword input[type="email"] {
        width: 40%;
    }

    .forgotpassword input[type="submit"] {
        position: relative;
        top: 2px;
        width: 35%;
        margin-left: 18px;
    }

    .forgotpassword p {
        display: inline;
        margin-left: 24px;
    }


/*Button*/

input[type="submit"],
.btngrey {
    padding: 12px;
    display: inline-block;
    color: white;
    font-size: 18px;
    line-height: 20px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    background-color: #CCA2C4;
    border: none;
}

    input[type="submit"]:hover,
    .btngrey:hover {
        background-color: #B367A4
    }

.emailModal .btngrey.disabled,
.emailModal .btngrey.disabled:hover {
    cursor: default;
    background-color: #e7e7e7;
    border: none;
}

.contact-w img.thumbnail {
    max-height: 115px;
    max-width: 140px;
    float: right;
}


/*Form*/

input[type="text"],
input[type="number"],
input[type="email"],
input[type="password"],
textarea {
    width: 100%;
    padding: 12px 12px;
    border: 1px solid #DFDFE0;
}

.error {
    position: relative;
}

    .error input,
    .error textarea,
    .error .selectric {
        border: 1px solid red;
    }

    .error .upload-text {
        color: red !important;
    }


/*Modal box*/

.white-popup {
    position: relative;
    background: #FFF;
    padding: 38px 40px;
    width: auto;
    max-width: 548px;
    margin: 20px auto;
}

.emailModal {
    position: relative;
}

    .emailModal .form-group:after {
        content: "";
        display: table;
        clear: both;
    }

    .emailModal h4 {
        color: #7F7E82;
        font-size: 22px;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        line-height: 30px;
    }

    .emailModal label {
        color: #59595B;
        padding: 7px 0;
        width: 72px;
        float: left;
    }

    .emailModal .field {
        width: 475px;
        float: right;
    }

    .emailModal .tag {
        color: #7F7E82;
        background-color: #DFDFE0;
        border-radius: 0 7px 0 0;
    }

        .emailModal .tag a {
            cursor: pointer;
            position: absolute;
            top: 5px;
            right: 5px;
            display: block;
            width: 8px;
            height: 8px;
            background-repeat: no-repeat;
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjUvMTNGSWEaAAAAWklEQVQYlWWPwQ2AMAwDrywAG7BmRugGzMcGMMHxoK1KiBTJsh05LuoB3EDwnQB21Oo7VaVtNC46MZuGqMJ01U1DVFmmzGvC20A5M/+Uxd9PpdU8gZpqVmB9AO9QlquUb3BFAAAAAElFTkSuQmCC);
            font: 0/0 a;
            color: transparent;
        }

            .emailModal .tag a:hover {
                border: none;
            }

    .emailModal input[type="email"],
    .emailModal input[type="text"] {
        width: 210px;
        padding: 8px;
    }

    .emailModal textarea {
        padding: 8px;
        width: 458px;
    }

    .emailModal .share {
        width: auto;
        margin: 0;
        padding: 0;
        color: #59595B;
        display: inline-block;
        height: 29px;
        line-height: 29px;
    }

        .emailModal .share span {
            margin-right: 17px;
        }

        .emailModal .share a {
            margin-right: 10px;
        }

        .emailModal .share span,
        .emailModal .share .twitter,
        .emailModal .share .facebook {
            display: block;
            float: left;
        }

        .emailModal .share .twitter,
        .emailModal .share .facebook {
            width: 29px;
            height: 29px;
            background-repeat: no-repeat;
            font: 0/0 a;
            color: transparent;
            opacity: .9;
        }

        .emailModal .share .twitter {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjUvMTNGSWEaAAADdUlEQVRIicWX7U9bZRjGf7SHrYTT12BbZRslEIsgrCKmNeAqumiiMVPjCx8k7oP8GU1P0//B74sfteAyF7NkiUMTJ1GxFJ1hbmnLOCkvhZa1pQ1U8ENPSVdPT9mG8/p4X89z/Z5zes597rYcHBzQTFIwbAL6ARfgAEyAXrHzQBpYBm5LocBKs7wWLagUDD8D+IFngZamp6toA/gBWJRCAdVwVagUDLcCbwAjDwGr1wowI4UCm02hyq38BLA/IqxWu8CXUijwV0OoAvyMym92XNpXwH9WC7oa4Alg8piBVcYHUjDc+S8o8Cbw1DEDq9Ir4NZDqHKKF/8jYFVW4ByAoBTGHyfNf/6850x3d1/riVbDdiaz+uPs9z+lZDlrMpsN7aJoSMlyVlnqlYLhm3oO9FbgLbWwyampiZ1CIb21uZlvBJy4+Om7fQMD/nZR7Ghra7NYbLZTzw0OvjBwdqjXOzb2+h8LsV/zuVxJWa4HcjoqnUZVdqfD/fb77130jo72qflDw8OuztOnz9bXBUE4abXZurbSm8kRn89TZ/frqLS2hhIE4eTYa+MfT05NTfS63c5ar6u7W3Pv3t5u8UokcqOufEpAowkk7t6dc/X0eKFy1Rc++tCdz+XW0uvrifT6xmq7UbRoQW/FFhdUyjoBMKptMJnNhpXkcqLDbu8SjcbDKxSNRodoNDpcPT1aPAA21tayanWBB9/VQ93f3i75zr1yQRAEQ9N0FZXL5VLNU/uAdFTalKqiP/9y7VGAAGup1FIjTwBygFnNnL1+PVoqFkuel0b8tbf4KLoVW4w28nTAutZmu9PpfFhgZmsrEZufTzSw93VAIxOAK5HIDfnevYanrle5XC59+/XlyxpLVvSv+sfzgE8r6PfowlIhn08aTSZDuyh2aAGvTs9cWo7H0xpxN3VSKJAB7mhBvaOjff1Dgx6706HamQDyudzq1emZS3eWllY1onaBWLXhfwf01rpDw8OukZd9fqvN5tI6UKlYzCbj8eg3kelZrXWK5qRQYOdwcpCC4XdQ+bw93dlped7jcZvMJovZanUC7BQK2Xwul12OxxOx+d+SR4ABZIDPpVBgT6gpXgPOUPchT8lyNiXLc0cMbqS/ga+kUGAPaseVUGAX+AK4/5iAeu0rQLla+P+nwRrwk5176+BPbsJXgR/rf5l/AL4vVeCsfAqiAAAAAElFTkSuQmCC);
        }

        .emailModal .share .facebook {
            background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB0AAAAdCAYAAABWk2cPAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjUvMTNGSWEaAAACSUlEQVRIic2XTU8TURSGnw6j9kNFUEwTiYipVkg1JGLUhXxEEtkZE90blvobJnMn8wd0SXRhoktZETZKonVnotB0UWP5SElELZBpOzUVUKkLpjgQml5KM/HdzZlzz3Nycs+95/rK5TK1JHSzHTgPnAZOAIedX38AG8gCGSAlDM2uFc9XDSp00wdcBG4AbTUz21QZSANxYWhf9wQVunkcuAO0S8J2g38AXglD+1UTKnTzHHAPOFgn0K0l4MXOkm+DCt3scoBKA4AV2cBTN3gLKnTzFDACNMlGi0Sj4WAo5AdYzmbz3xYX81Vcl4EnwtDWAVQHeAC4KwvsHxrq6bnSO6yq6qGKLZ36FB8fG3tbZUkbcAsYh39l7ANaZICRaDTce/3abTdQUpedaqII3QwCV2VXdsViF9zfP4rF7znLytiFQrXSujUIm+W9xD526uijx6N7cI8I3WxRgO56gXWqW0XyAIhEo+G+oZvDgWDwmNs+8vDBfYC5z+lEfHIyIRHqjIpkTwZDIX9La2vHTrvLJgMEONmwQyBnWTIbCeBI00D/4ICM589SadVaWZn1BwIcbW4OV+yvJyaezc/MJDJz89m1tbXfEqF8qmR22IXCanJqeqGj82yn256cml6QjeFoo5FnrKyKCrDhMXRJAb54DM0oQMpjaEoBksC6R8BZYWg5RRhaCXjvEfQNOPcp8A6IIXG92YVCPmdZmTqAH4WhLcI+J4c9aNvksNWnThYvaXwL2cDzChD+h2nQBfZ27nWBvZ3wd0mgoW+Zv9Dm6xqFq1qnAAAAAElFTkSuQmCC);
        }

            .emailModal .share .twitter:hover,
            .emailModal .share .facebook:hover {
                opacity: 1;
            }

    .emailModal .btngrey {
        background-color: #59595B;
        opacity: .9;
    }

        .emailModal .btngrey:hover {
            opacity: 1;
            border: none;
        }

    .emailModal .form-group.error {
        text-align: right;
        color: red;
        padding: 0;
        display: none;
    }

.closeModal {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    background-repeat: no-repeat;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNui8sowAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDkvMjUvMTNGSWEaAAACCUlEQVRIib2WsU4bQRCGv9213ZEIkSIFlnwp4qQjeYAYRAeUCaBzeAbXkXB8F1tyF4k2bRQrIApeIBL2A0Q0gExh0pCGPIEt76XwnXW+23VsYeXvVjv3/dqZ2Z0TQRBgklerC2ATcIES8CwR0gPaQAv44flVI0iYDLxa/Q1wBKwZ3dO6ACqeX+1MNfBqdQk0gA8zgpNqAoeeX9UpgxD+lVFKHqIWcBCZyNhGYwFwQkYjWoggCKKctxcAj6vk+dWOIlACOAOepkIEZDIKrc2dppQkwLwHvDo/73yRjFox3S0Cdra3KL93yWazBrhid+8dO9tbIIwGa8CmxJL3jFKsPFnBcQq45f0JkxH8LcXic5YeLaGkNCEAXLVe2vgMLCd3tA64urwmn1/FcQrk86tcXV4jhBjDu90bTo5PGQ51ihzqsVovbRzZdrXWKZMXL4sJ+ND2OcCy9WyRBoMBrW/fub39heMU5oEDk/fAKq01/X5/vM7lckh73ucziBe0270ZnyRZ+GkGvVnhJ8enE+mawaQnsdxgKaWhW4apmrjlfZRSNoO2ZPQ4paS15v7+j7GgcZO7u9/Tit0StY+fBPATy9svpURrc58rpabBL4DXMpxEFVuUDQ78q00rnl8NJEA4iZrToudUM5pu8TY9xFKPOdUKWUwYhBPogIedpElsmsH/HvoJk4X8tvwF/675W1sczpcAAAAASUVORK5CYII=);
    opacity: .9;
    font: 0/0 a;
    color: transparent;
}

    .closeModal:hover {
        opacity: 1;
        border: none;
    }

input.reset-password {
    padding-top: 16px;
    padding-bottom: 15px;
}

.forgotpassword {
    padding-bottom: 85px;
}


/* Theme light for new signed in section */

.theme-light header,
.theme-light .logo-search-wrapper input {
    background-color: #59595B;
}

.theme-light .landing h1 {
    color: #000;
}

.theme-light .hero {
    background-color: #F2F2F2;
}

    .theme-light .hero a p {
        color: #7F7E82;
    }

    .theme-light .landing h2,
    .theme-light .hero a:hover h2,
    .theme-light .hero a:hover p {
        color: #000000;
    }

    .theme-light .hero a:hover {
        background-color: #E2E2E2;
        color: #000;
    }

.theme-light .hero-mask {
    background-position: -2px -431px;
}

.theme-light .hero a:hover .hero-mask {
    background-position: -214px -431px;
}

.theme-light .main-nav li.signout {
    background-color: #00AAE2;
    padding-bottom: 4px;
}

    .theme-light .main-nav li.signout span,
    .main-nav li.signout a {
        color: #FFFFFF;
    }

.theme-light .sub-nav a {
    color: #FFF;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}

.backToContent_link a {
    text-transform: none;
    border: none !important;
    margin-right: 28px;
}

    .backToContent_link a:hover {
        border: none !important;
        background: none !important;
    }

.backToContent_link .back-icon {
    width: 17px;
    height: 17px;
    background: transparent url('../img/sprite.png') no-repeat;
    background-position: -104px -657px;
    margin-right: 10px;
}

.backToContent_link a:hover {
    color: #FFF;
}

    .backToContent_link a:hover .back-icon {
        background-position: -126px -657px;
    }

.backToContent_link span {
    vertical-align: middle;
    display: inline-block;
}

.home-post_link {
    position: relative;
    /*padding-top: 80px;*/
}

.home .image {
    margin-top:0;/* -80px;*/
}

.home-post h3 {
    margin-top: 6px;
}

.home-post p + h3 {
    margin-top: 0;
}


/*  Equipment and facilites ======================================  color: #B266A4; = purple*/

.equipment-facilities h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}

.plussBtn {
    font-size: 18px;
    display: block;
    width: 100%;
    max-width: 300px;
    height: 41px;
    position: relative;
    color: #FFF;
    text-align: left;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 0;
    padding-left: 12px;
    margin-bottom: 20px;
}

.addListing {
    background: #66CCEE;
}

    .addListing:hover {
        background: #00AADF;
    }

.editListing {
    background: #48E39A;
}

    .editListing:hover:hover {
        background: #33E18D;
    }

.deleteListing {
    background: #FF3E3E;
}

    .deleteListing:hover:hover {
        background: #FF0000;
    }

.plussBtn:hover {
    border-bottom: 0;
}

.addListing:before,
.editListing:before,
.deleteListing:before {
    content: " ";
    position: absolute;
    right: 10px;
    top: 8px;
    width: 26px;
    height: 25px;
    background: transparent url('../img/sprite.png') no-repeat;
}

.addListing:before {
    background-position: -153px -657px;
}

.editListing:before {
    background-position: -152px -688px;
}

.deleteListing:before {
    background-position: -184px -688px;
}

.inListing.plussBtn {
    position: absolute;
    bottom: 3px;
    right: 0;
    width: 100px;
    margin-bottom: 10px;
    width: 80px;
    font-size: 14px;
    height: 30px;
    padding-left: 8px;
}

    .inListing.plussBtn:before {
        width: 20px;
        height: 20px;
        top: 5px;
        right: 5px;
    }

.inListing.editListing {
    right: 81px;
}

    .inListing.editListing:before {
        background-position: -154px -722px;
    }

.inListing.deleteListing:before {
    background-position: -185px -727px;
}

.listings-container {
    width: 620px;
    margin-left: -20px;
    font-size: 0;
    padding-bottom: 55px;
}

@media(min-width:991px) {
    .directory-container{
        width: calc( 100% - 320px);
        float: left;
        padding-bottom: 55px;
    }
}

.listing-item {
    background-color: #F2F2F2;
    display: block;
    border-bottom: 1px solid #F2F2F2;
    width: 290px;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    position: relative;
    padding-bottom: 52px;
    margin-bottom: 20px;
}

.listing-item__card-link {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.listing-details--card a {
    text-decoration: none;
    font-weight: normal;
    pointer-events: none;
}

.listing-item .view {
    color: #B266A4;
    font-size: 14px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    pointer-events: none;
    font-weight: normal;
}

.listing-details {
    padding: 16px 20px 16px 20px;
    font-size: 14px;
    height: 168px;
    overflow: hidden;
    box-sizing: border-box;
}

h3.listing-title {
    text-transform: uppercase;
    color: #B266A4;
    padding: 0;
    margin-top: 0;
}

/* pagination */
.listings-container--pagination-wrapper {
    margin-top: -20px;
    padding-bottom: 0;
}

.paging {
    font-size: 14px;
    width: 600px;
    margin: 0 auto;
    padding-left: 10px;
    box-sizing: border-box;
    text-align: center;
    color: #00AAE1;
    margin-top: 10px;
    margin-bottom: 20px;
}

.paging-inner {
    display: inline-block;
    position: relative;
    width: auto;
    padding-left: 55px;
    padding-right: 45px;
}

.paging .previous,
.paging .next {
    display: block;
    position: absolute;
}

.paging .previous {
    left: 10px;
    top: 1px;
    border-top: 6px solid transparent;
    border-right: 14px solid #00AAE1;
    border-bottom: 6px solid transparent;
    border-left: 14px solid transparent;
}

.paging .next {
    right: 0;
    top: 1px;
    border-top: 6px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 14px solid #00AAE1;
}


/* Directory */

.directory {
    width: 600px;
    margin-bottom: 100px;
}

    .directory td {
        width: 50%;
        padding-bottom: 22px;
        padding-top: 22px;
    }

    .directory th {
        width: 50%;
        text-align: left;
        color: #B266A4;
        text-transform: uppercase;
        font-weight: normal;
    }

    .directory tr {
        border-bottom: 1px solid #B266A4;
    }

        .directory tr:first-child {
            border-bottom: none;
        }

    .directory .location {
        color: #777777;
        font-style: italic;
    }


/* Listing Detail page */

.listing-detail {
    margin-top: 25px;
    width: 600px;
    margin-bottom: 50px;
}

.back-link {
    font-weight: normal;
    /*padding-left: 40px;*/
    position: relative;
    color: #7F7E82;
    margin-left: 26px;
    padding: 10px;
    display: inline-block;
}

    .back-link:hover {
        border: 0;
        color: #000;
    }

    .back-link:before {
        content: " ";
        display: block;
        position: absolute;
        top: 12px;
        left: -38px;
        border-top: 6px solid transparent;
        border-right: 14px solid #7F7E82;
        border-bottom: 6px solid transparent;
        border-left: 14px solid transparent;
    }

.listing-detail figure {
    width: 100%;
    margin-bottom: 28px;
}

    .listing-detail figure img {
        width: 100%;
    }

.contact-listing dt {
    text-transform: uppercase;
    color: #B266A4;
}

.contact-listing dt,
.contact-listing dd {
    display: inline-block;
    width: auto;
}

.contact-listing dt {
    width: 120px;
}

.contact-listing dd {
    width: 400px;
}

    .contact-listing dd a {
        font-weight: normal;
    }

.listing-detail p {
    margin-bottom: 14px;
}


/* Add listing form */

.add-listing-form {
    width: 600px;
    margin-top: 25px;
    padding-bottom: 70px;
}


/* form inputs */

.inputDelete {
    box-sizing: border-box;
    height: 34px;
    width: 300px !important;
    color: #A0A0A0;
    border: 1px solid #DFDFE0;
    /*padding-top: 11px;*/
    padding-left: 12px;
    position: relative;
    background-color: #FFF !important;
    text-align: left;
}

    .inputDelete:before {
        position: absolute;
        width: 10px;
        height: 10px;
        top: 12px;
        right: 11px;
        content: " ";
        display: block;
        background: transparent url('../img/sprite.png') no-repeat;
        background-position: -218px -661px;
    }

.deleteTag {
    width: 300px;
    position: relative;
}

.close-x {
    width: 30px;
    height: 30px;
    position: absolute;
    top: 2px;
    right: 2px;
    display: block;
    z-index: 100;
    border: 0;
    background: transparent url('../img/sprite.png') no-repeat;
    background-position: -207px -650px;
}

.add-listing-form input {
    box-sizing: border-box;
}

.listing-small-image {
    width: 290px;
    overflow: hidden;
}

    .listing-small-image img {
        width: 100%;
    }

.add-listing-form label {
    display: inline-block;
    width: 110px;
    vertical-align: top;
    padding-top: 7px;
}

.add-listing-form .listing-small-image {
    margin-top: 18px;
}

.add-listing-form .textarea {
    vertical-align: top;
    padding-top: 8px;
}

.add-listing-form .field {
    width: 485px;
    display: inline-block;
    vertical-align: middle;
}

.add-listing-form textarea {
    height: 190px;
    box-sizing: border-box;
    padding-top: 8px;
}

.upload {
    margin: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    width: 300px !important;
    padding-left: 0;
}

    .upload input {
        width: 300px;
        border: 0;
        position: relative;
        background: #D5D5D6;
        height: 41px;
    }

    .upload .upload_icon,
    .createTag:before {
        display: block;
        position: absolute;
        right: 10px;
        top: 8px;
        width: 26px;
        height: 25px;
        background: transparent url('../img/sprite.png') no-repeat;
        background-position: -183px -657px;
    }

.createTag:before {
    content: " ";
}

.upload .upload-text {
    display: inline-block;
    position: absolute;
    left: 12px;
    top: 9px;
    color: #FFF;
    font-size: 18px;
}

::-webkit-input-placeholder {
    font-size: 13px;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-size: 13px;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-size: 13px;
}

:-ms-input-placeholder {
    font-size: 13px;
}

div.fileinputs {
    position: relative;
}

input.file,
span.file {
    position: relative;
    text-align: right;
    -moz-opacity: 0;
    filter: alpha(opacity: 0);
    opacity: 0;
    z-index: 2;
    display: block !important;
    width: 300px !important;
    height: 41px !important;
    opacity: 0 !important;
    overflow: hidden !important;
}

    input.file:hover {
        cursor: pointer;
    }

        input.file:hover + .upload input,
        .createTag:hover {
            background: #CECED0;
        }

.submitWrapper {
    text-align: right;
    margin-top: 12px;
}

    .submitWrapper .submitBtn {
        border: 0 !important;
        width: 176px;
        height: 45px;
        background: #B266A4;
        color: #FFF;
        font-size: 18px;
        display: inline-block;
        text-align: center;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
    }


/* IE FIXES =====================================*/

.lt-ie9 .search input[type="text"] {
    padding-top: 10px;
    height: 28px;
}

input.first-input {
    width: 390px !important;
    border: 1px solid #DFDFE0;
    padding: 12px 12px;
}

input.reset-email {
    width: 230px !important;
}

.lt-ie9 input.first-input {
    line-height: 20px;
    height: 20px;
}


/* Helpers ===========================================================*/

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%;
    }

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active,
    .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


/* Third Party ===========================================================*/

/*======================================================================
  Selectric
======================================================================*/
.selectricWrapper {
    position: relative;
    margin: 0;
    width: 300px;
    cursor: pointer;
}

.selectricResponsive {
    width: 100%;
}

.selectric {
    border: 1px solid #DFDFE0;
    position: relative;
}

    .selectric .label {
        display: block;
        white-space: nowrap;
        overflow: hidden;
        margin: 0 30px 0 0;
        padding: 6px;
        font-size: 13px;
        line-height: 16px;
        color: #A0A0A0;
        min-height: 16px;
        padding-top: 9px;
        padding-left: 12px;
        padding-bottom: 8px !important;
    }

    .selectric .button {
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        width: 30px;
        height: 32px;
        color: #BBB;
        text-align: center;
        font: 0/0 a;
        /* IE Fix */
        *font: 20px/30px Lucida Sans Unicode, Arial Unicode MS, Arial;
    }

        .selectric .button:after {
            content: " ";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            margin: auto;
            width: 0;
            height: 0;
            border: 4px solid transparent;
            border-top-color: #BBB;
            border-bottom: none;
        }

.selectricHover .selectric {
    border-color: #CCC;
}

    .selectricHover .selectric .button {
        color: #888;
    }

        .selectricHover .selectric .button:after {
            border-top-color: #888;
        }

.selectricOpen {
    z-index: 9999;
}

    .selectricOpen .selectric {
        border-color: #CCC;
    }

    .selectricOpen .selectricItems {
        display: block;
    }

.selectricDisabled {
    filter: alpha(opacity=50);
    opacity: 0.5;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.selectricHideSelect {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0;
}

    .selectricHideSelect select {
        position: absolute;
        left: -100%;
        display: none;
    }

.selectricInput {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    outline: none !important;
    border: none !important;
    *font: 0/0 a !important;
    background: none !important;
}

.selectricTempShow {
    position: absolute !important;
    visibility: hidden !important;
    display: block !important;
}


/* Items box */
.selectricItems {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #F9F9F9;
    border: 1px solid #CCC;
    z-index: -1;
    box-shadow: 0 0 10px -6px;
}

    .selectricItems .selectricScroll {
        height: 100%;
        overflow: auto;
    }

.selectricAbove .selectricItems {
    top: auto;
    bottom: 100%;
}

.selectricItems ul, .selectricItems li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 13px;
    line-height: 20px;
    min-height: 20px;
}

.selectricItems li {
    display: block;
    padding: 5px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #EEE;
    color: #666;
    cursor: pointer;
    padding-left: 12px;
}

    .selectricItems li.selected {
        background: #F4F4F4;
        color: #444;
        border-top-color: #E0E0E0;
    }

    .selectricItems li:hover {
        background: #F0F0F0;
        color: #444;
    }

    .selectricItems li.disabled {
        background: #F5F5F5;
        color: #BBB;
        border-top-color: #FAFAFA;
        cursor: default;
    }


/* Slick Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
}

    .slick-track:before,
    .slick-track:after {
        content: "";
        display: table;
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}


/*Magnific-Popup*/


/*.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none !important;-webkit-backface-visibility:hidden}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}
.mfp-align-top .mfp-container:before{display:none}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}
.mfp-ajax-cur{cursor:progress}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}
.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}
.mfp-auto-cursor .mfp-content{cursor:auto}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}
.mfp-loading.mfp-figure{display:none}
.mfp-hide{display:none !important}
.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}
.mfp-preloader a{color:#ccc}
.mfp-preloader a:hover{color:white}
.mfp-s-ready .mfp-preloader{display:none}
.mfp-s-error .mfp-content{display:none}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}
button::-moz-focus-inner{padding:0;border:0}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;color:white;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}
.mfp-close:hover,.mfp-close:focus{opacity:1}
.mfp-close:active{top:1px}
.mfp-close-btn-in .mfp-close{color:#333}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:white;right:-6px;text-align:right;padding-right:6px;width:100%}
.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}
.mfp-arrow{position:absolute;opacity:.65;margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:rgba(0,0,0,0)}
.mfp-arrow:active{margin-top:-54px}
.mfp-arrow:hover,.mfp-arrow:focus{opacity:1}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px}
.mfp-arrow-left{left:0}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid white;margin-left:31px}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f}
.mfp-arrow-right{right:0}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid white;margin-left:39px}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:black}
.mfp-iframe-holder .mfp-close{top:-40px}
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}
.mfp-figure{line-height:0}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}
.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}
.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}
.mfp-image-holder .mfp-content{max-width:100%}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}
@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}
.mfp-img-mobile img.mfp-img{padding:0}
.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}
.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}
.mfp-img-mobile .mfp-counter{right:5px;top:3px}
.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}
.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}
}
@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}
.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}
.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}
.mfp-container{padding-left:6px;padding-right:6px}
}
.mfp-ie7 .mfp-img{padding:0}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}
.mfp-ie7 .mfp-container{padding:0}
.mfp-ie7 .mfp-content{padding-top:44px}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}*/


/* Magnific Popup CSS */

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #CCC;
    }

        .mfp-preloader a:hover {
            color: #FFF;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace;
}

    .mfp-close:hover,
    .mfp-close:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover,
    .mfp-arrow:focus {
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .mfp-arrow:before,
    .mfp-arrow:after,
    .mfp-arrow .mfp-b,
    .mfp-arrow .mfp-a {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after,
    .mfp-arrow .mfp-a {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before,
    .mfp-arrow .mfp-b {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after,
    .mfp-arrow-left .mfp-a {
        border-right: 17px solid #FFF;
        margin-left: 31px;
    }

    .mfp-arrow-left:before,
    .mfp-arrow-left .mfp-b {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after,
    .mfp-arrow-right .mfp-a {
        border-left: 17px solid #FFF;
        margin-left: 39px;
    }

    .mfp-arrow-right:before,
    .mfp-arrow-right .mfp-b {
        border-left: 27px solid #3F3F3F;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }


/* Main image in popup */

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}


/* The shadow behind the image */

.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444;
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}

.mfp-ie7 .mfp-img {
    padding: 0;
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px;
}

.mfp-ie7 .mfp-container {
    padding: 0;
}

.mfp-ie7 .mfp-content {
    padding-top: 44px;
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0;
}

.mfp-iframe-holder .mfp-content {
    max-width: 960px;
}


/* ========================================================

   Landing Page Fixing content
   ========================================================================== */

.landing div.hero-content .wrapper_int {
}

@media (max-width: 543px) {
    .landing div.hero-content .wrapper_int {
        max-width: 370px;
    }
}


/* Small devices (landscape phones, 544px and up) */

@media (min-width: 544px) and (max-width: 767px) {
    .landing div.hero-content .wrapper_int {
        max-width: 544px;
    }
}


/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) and (max-width: 991px) {
    .landing div.hero-content .wrapper_int {
        max-width: 768px;
        margin: 0 auto;
    }
}


/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) and (max-width: 1199px) {
    .landing div.hero-content .wrapper_int {
        max-width: 960px;
        margin: 0 auto;
    }
}


/* Extra large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {
    .landing div.hero-content .wrapper_int {
        max-width: 1200px;
        margin: 0 auto;
    }
}


/* Print styles ========================================================

   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

        a[href]:after {
            content: " (" attr(href) ")";
        }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.busy {
    position: absolute;
    display: none;
}

    .busy img {
        position: relative;
        left: 310px;
        top: 5px;
        width: 32px;
        height: 32px;
    }

.pagination {
    padding-top: 60px;
    text-align: center;
}

    .pagination .simple-pagination {
        display: inline-block;
        vertical-align: top;
    }



ul.simple-pagination {
    list-style: none;
}

.simple-pagination {
    display: block;
    overflow: hidden;
    padding: 0 5px 5px 0;
    margin: 0;
}

    .simple-pagination ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .simple-pagination li {
        list-style: none;
        padding: 0;
        margin: 0;
        float: left;
    }

span.ellipse.clickable {
    cursor: pointer;
}

.ellipse input {
    width: 3em;
}

/*------------------------------------*\
	        Compact Theme Styles
        \*------------------------------------*/
.compact-theme span {
    cursor: pointer;
}

.compact-theme a, .compact-theme span {
    float: left;
    color: #333;
    font-size: 18px;
    line-height: 24px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    text-align: center;
    border: 1px solid #CCA2C4;
    border-left: none;
    min-width: 14px;
    padding: 10px;
    background: #FFF; /* Old browsers */
}

    .compact-theme a:hover, .compact-theme li:not(.disabled):not(.active) span:hover {
        text-decoration: none;
        background: #efefef; /* Old browsers */
    }

.compact-theme li:first-child a, .compact-theme li:first-child span {
    border-left: 1px solid #AAA;
    border-radius: 0;
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
    border-radius: 0;
}

.compact-theme .prev,
.compact-theme .next {
    padding-left: 20px;
    padding-right: 20px;
}

.compact-theme .disabled .current {
    background-color: #FFF;
    color: #959595;
}

.compact-theme .disabled .ellipse {
    background-color: #FFF;
    color: #333;
}

.compact-theme .current {
    background: #CCA2C4; /* Old browsers */
    color: #FFF;
    cursor: default;
}

.compact-theme .ellipse {
    background: #EAEAEA;
    padding: 10px;
    cursor: default;
}



/* Audio Player ------------------------------------*/

.peopleAudioWrapper {
    width: 960px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 60px;
    margin-bottom: 60px;
}

.peopleAudioContainer {
    width: 480px;
}

    .peopleAudioContainer .plyr {
        border-radius: 4px;
        box-shadow: 1px 4px 15px rgba(0, 0, 0, 0.1);
    }

.peopleAudio__heading {
    padding: 10px 16px 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3;
    color: #333333;
}

.peopleAudio__text {
    padding: 0px 16px;
    color: #333333;
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
}


/* Video Player ------------------------------------*/

.peopleVideoContainer {
    width: 960px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}

.peopleVideoRow {
    margin-left: -15px;
    margin-right: -15px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.peopleVideo__item {
    /* float: left; */
    width: 300px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 30px;
}

.peopleVideo {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    background-color: #FFF;
    box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

.videoThumb {
    position: relative;
    width: 100%;
    height: 168px;
    cursor: pointer;
}

    .videoThumb:hover .videoThumb__overlay {
        opacity: 0.2;
    }

.videoThumb__overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #00AADF;
    opacity: 0.5;
}

.videoThumb__icon {
    position: absolute;
    left: 7px;
    bottom: 7px;
    width: 50px;
    height: 50px;
}

.pdfThumb__icon {
    position: absolute;
    left: 4px;
    bottom: 4px;
    width: 50px;
    height: 50px;
}

.peopleVideo__content {
    padding: 16px;
}

.peopleVideo__heading {
    margin: 0 0 3px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.3;
    color: #333333;
}

.peopleVideo__summary {
    margin: 0;
    font-size: 14px;
    line-height: 1.3;
    font-weight: normal;
    color: #333333;
}

/* People Image ------------------------------------*/

.peopleImgContainer {
    width: 960px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: auto;
    margin-right: auto;
}

.peopleImgItem {
}

    .peopleImgItem + .peopleImgItem {
        margin-top: 60px;
    }

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

p.peopleImg__caption {
    padding: 10px 16px;
}


/* Video Modal Plugin */

@keyframes modal-video {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes modal-video-inner {
    from {
        transform: translate(0, 100px)
    }

    to {
        transform: translate(0, 0)
    }
}

.modal-video {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1000000;
    cursor: pointer;
    opacity: 1;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video;
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -ms-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}

.modal-video-close {
    opacity: 0
}

    .modal-video-close .modal-video-movie-wrap {
        -webkit-transform: translate(0, 100px);
        -moz-transform: translate(0, 100px);
        -ms-transform: translate(0, 100px);
        -o-transform: translate(0, 100px);
        transform: translate(0, 100px)
    }

.modal-video-body {
    max-width: 940px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    display: table
}

.modal-video-inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%
}

.modal-video-movie-wrap {
    width: 100%;
    height: 0;
    position: relative;
    padding-bottom: 56.25%;
    background-color: #333;
    animation-timing-function: ease-out;
    animation-duration: .3s;
    animation-name: modal-video-inner;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition: -moz-transform .3s ease-out;
    -ms-transition: -ms-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out
}

    .modal-video-movie-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.modal-video-close-btn {
    position: absolute;
    z-index: 2;
    top: -35px;
    right: -35px;
    display: inline-block;
    width: 35px;
    height: 35px;
    overflow: hidden;
    border: none;
    background: transparent
}

    .modal-video-close-btn:before {
        transform: rotate(45deg)
    }

    .modal-video-close-btn:after {
        transform: rotate(-45deg)
    }

    .modal-video-close-btn:before,
    .modal-video-close-btn:after {
        content: '';
        position: absolute;
        height: 2px;
        width: 100%;
        top: 50%;
        left: 0;
        margin-top: -1px;
        background: #fff;
        border-radius: 5px;
        margin-top: -6px
    }

    /* New style*/
    p.limitSizeImage ~ p:not(.exclude) img{
        max-width:358px;
        height:auto;
    }