@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?-3oo2kk');
    src: url('../fonts/icomoon.eot?#iefix-3oo2kk') format('embedded-opentype'), url('../fonts/icomoon.woff?-3oo2kk') format('woff'), url('../fonts/icomoon.ttf?-3oo2kk') format('truetype'), url('../fonts/icomoon.svg?-3oo2kk#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_htfbook';
    src: url('../fonts/gothamhtf-book-webfont.eot');
    src: url('../fonts/gothamhtf-book-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothamhtf-book-webfont.woff2') format('woff2'), url('../fonts/gothamhtf-book-webfont.woff') format('woff'), url('../fonts/gothamhtf-book-webfont.ttf') format('truetype'), url('../fonts/gothamhtf-book-webfont.svg#gotham_htfbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_ssmbold';
    src: url('../fonts/gothamssm-bold-webfont.eot');
    src: url('../fonts/gothamssm-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothamssm-bold-webfont.woff2') format('woff2'), url('../fonts/gothamssm-bold-webfont.woff') format('woff'), url('../fonts/gothamssm-bold-webfont.ttf') format('truetype'), url('../fonts/gothamssm-bold-webfont.svg#gotham_ssmbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_ssmlight';
    src: url('../fonts/gothamssm-light-webfont.eot');
    src: url('../fonts/gothamssm-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothamssm-light-webfont.woff2') format('woff2'), url('../fonts/gothamssm-light-webfont.woff') format('woff'), url('../fonts/gothamssm-light-webfont.ttf') format('truetype'), url('../fonts/gothamssm-light-webfont.svg#gotham_ssmlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gotham_ssmmedium';
    src: url('../fonts/gothamssm-medium-webfont.eot');
    src: url('../fonts/gothamssm-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/gothamssm-medium-webfont.woff2') format('woff2'), url('../fonts/gothamssm-medium-webfont.woff') format('woff'), url('../fonts/gothamssm-medium-webfont.ttf') format('truetype'), url('../fonts/gothamssm-medium-webfont.svg#gotham_ssmmedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

.header-info-holder:after,
.actions-links:after,
.documents-item-holder:after,
.my-team .wrap:after,
.appointment-detail:after {
    content: " ";
    display: block;
    clear: both;
}

.actions-links,
.side-nav ul,
.stages-list,
.stage-activity .desc-text ul,
.stage-resources ul,
.social-networks,
.footer-nav ul,
.my-account .account-details ul,
.customise-alerts .content-list,
.browse-resources .resources-list,
.base-stage .stage-list,
.base-knowledge .related-list,
.categories-holder,
.compressed-timeline {
    margin: 0;
    padding: 0;
    list-style: none;
}

textarea,
input[type="text"],
input[type="email"],
input[type="submit"],
input[type="tel"] {
    -webkit-appearance: none;
}

input[type="search"] {
    -webkit-appearance: textfield;
    box-shadow: none !important;
}

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

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

fieldset {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: none;
}

body {
    min-width: 320px;
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1; /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-arrow-down:before {
    content: "\e61c";
}

.icon-facebook1:before {
    content: "\e619";
}

.icon-google-plus1:before {
    content: "\e61a";
}

.icon-twitter1:before {
    content: "\e61b";
}

.icon-fold:before {
    content: "\e618";
}

.icon-tick:before {
    content: "\e617";
}

.icon-account:before {
    content: "\e600";
}

.icon-alert:before {
    content: "\e601";
}

.icon-appoinment:before {
    content: "\e602";
}

.icon-article:before {
    content: "\e603";
}

.icon-build:before {
    content: "\e604";
}

.icon-document:before {
    content: "\e605";
}

.icon-email:before {
    content: "\e606";
}

.icon-facebook:before {
    content: "\e607";
}

.icon-faq:before {
    content: "\e608";
}

.icon-finanace:before {
    content: "\e609";
}

.icon-gallery:before {
    content: "\e60a";
}

.icon-glossary:before {
    content: "\e60b";
}

.icon-google-plus:before {
    content: "\e60c";
}

.icon-info:before {
    content: "\e60d";
}

.icon-instagram:before {
    content: "\e60e";
}

.icon-pinterest:before {
    content: "\e60f";
}

.icon-resource:before {
    content: "\e610";
}

.icon-search:before {
    content: "\e611";
}

.icon-team:before {
    content: "\e612";
}

.icon-timeline:before {
    content: "\e613";
}

.icon-twitter:before {
    content: "\e614";
}

.icon-video:before {
    content: "\e615";
}

.icon-weather:before {
    content: "\e616";
}

.row {
    max-width: none;
}

#wrapper {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.login #wrapper {
    padding: 0;
}

#header {
    position: relative;
    border-bottom: 4px solid #cccbcc;
    padding: 0;
    background: #000000;
}

/* burger menu style */

.menu-icon {
    float: left;
    width: 3.125rem;
    height: 3.125rem;
    background: #26a49d;
    position: relative;
}

.menu-icon:hover,
.menu-icon:active,
.menu-icon:focus {
    background: #30cdc5;
    text-decoration: none;
    border-color: #30cdc5;
}

.menu-icon:before,
.menu-icon:after,
.menu-icon span {
    background: #fff;
    position: absolute;
    top: 1.5rem;
    left: 1rem;
    right: 1rem;
    height: 0.125rem;
    margin-top: -0.0625rem;
    -webkit-transition: all 500ms linear;
    transition: all 500ms linear;
    font-size: 0;
    line-height: 0;
}

.menu-icon:before,
.menu-icon:after {
    content: '';
    top: 1.125rem;
}

.menu-icon:after {
    top: 1.875rem;
}

/* close button transition */

.move-right .menu-icon span {
    opacity: 0;
}

.menu-icon:hover {
    opacity: 0.9;
}

.move-right .menu-icon:after,
.move-right .menu-icon:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    left: 1rem;
    right: 1rem;
}

.move-right .menu-icon:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.logo-wrap {
    background: #000000;
    padding: 1.3125rem 0.9375rem 0;
    min-height: 5.625rem;
}

.logo {
    width: 11.875rem;
    max-width: 100%;
}

.logo img {
    width: 100%;
    height: auto;
}

.header-info-holder {
    background: #1daba3;
    padding: 0 0 0 1.875rem;
}

.header-info-holder .img-holder {
    float: left;
    width: 3.6875rem;
    /*height: auto;*/
    height: 56px;
    border: 0.125rem solid #2ebcb3;
    overflow: hidden;
    border-radius: 50%;
}

.header-info-holder .img-holder img {
    width: 100%;
    height: auto;
}

.header-info-holder .info-wrap {
    overflow: hidden;
    padding: 1rem 0 0.875rem;
    color: #FFFFFF;
}

.header-info-holder .info-wrap .text-wrap {
    overflow: hidden;
    font-size: 1.25rem;
    line-height: 1.375rem;
    padding: 1.125rem 1rem 0;
}

.header-info-holder .info-wrap .text-wrap span,
.header-info-holder .info-wrap .text-wrap strong {
    font-family: 'gotham_ssmlight';
}

.header-info-holder .info-wrap .text-wrap strong {
    font-family: 'gotham_ssmbold';
    font-weight: 400;
}

.header-info-holder .info-wrap .text-wrap strong:after {
    content: '';
    display: inline-block;
    vertical-align: top;
    height: 1.125rem;
    width: 1px;
    background: #FFFFFF;
    margin: 0.1875rem 1.375rem 0;
}

.action-links-holder {
    float: right;
    max-width: 16.875rem;
    background: #248882;
}

.actions-links li {
    float: left;
    font-size: 0.625rem;
    line-height: 0.875rem;
    text-align: center;
}

.actions-links li > a {
    color: #FFFFFF;
    display: block;
    padding: 1.125rem 0.3125rem 0.3125rem;
    width: 5.625rem;
    min-height: 5.625rem;
    text-transform: uppercase;
}

.actions-links li:hover > a,
.actions-links li.active > a {
    background: #232928;
}

.actions-links li [class^="icon-"],
.actions-links li [class*=" icon-"] {
    line-height: 2.125rem;
    font-size: 1.1875rem;
}

.actions-links .icon-holder {
    display: block;
    width: 2.25rem;
    height: 2.25rem;
    margin-bottom: 0.625rem;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #FFFFFF;
    border-radius: 1000px;
}

.side-nav {
    background: #232928;
}

.side-nav ul li {
    line-height: 1.1875rem;
}

.side-nav ul li li {
    font-size: 0.75rem;
    line-height: 1rem;
}

.side-nav ul li ul {
    display: none;
}

.side-nav ul li.active ul {
    display: block;
}

.side-nav > ul > li > a span {
    display: inline-block;
    vertical-align: top;
    max-width: 80%;
}

.side-nav > ul > li > a [class^="icon-"],
.side-nav > ul > li > a [class*=" icon-"] {
    color: #0fc9be;
    font-size: 1.1875rem;
    margin: 0 0.8125rem 0 0;
    max-width: none;
}

.side-nav > ul > li:hover > a,
.side-nav > ul > li.active > a {
    background: #474b4b;
}

.side-nav > ul > li > ul {
    padding: 0.5rem 0;
    position: relative;
    background: #484c4c;
}

.side-nav > ul > li > ul:before,
.side-nav > ul > li > ul:after {
    content: '';
    position: absolute;
    left: 1.375rem;
    border: 0.5rem solid #232928;
    border-width: 0.5rem 0.5rem 0;
    border-color: #232928 transparent transparent;
    top: 0;
    z-index: 1;
}

.side-nav > ul > li > ul:after {
    z-index: 2;
    top: -0.125rem;
    border-color: #484c4c transparent transparent;
}

.side-nav > ul > li > ul > li:first-child:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 0.125rem;
    background: #232928;
}

.side-nav > ul > li li {
    margin: 0;
}

.side-nav > ul > li li > a:not(.button) {
    padding: 0.4375rem 0.3125rem 0.4375rem 3.3125rem !important;
    background: #484c4c;
}

.side-nav > ul > li li > a:not(.button):hover,
.side-nav > ul > li li > a:not(.button).active {
    background: #10c9bf;
}

.side-nav > ul > li li.active > a:not(.button) {
    background: #10c9bf;
}

.chart-holder {
    background: #000000;
    padding: 0.8125rem;
    text-align: center;
    border: 1px solid #515252;
    border-width: 4px 0 1px;
    box-shadow: 1px 0 5px 0 rgba(0, 1, 1, 0.45);
}

.chart-holder .title {
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    text-transform: uppercase;
    font-family: 'gotham_ssmbold';
    color: #FFFFFF;
    margin: 0 0 0.4375rem;
}

.chart-holder .chart-box {
    width: 7.5rem;
    height: 7.5rem;
    margin: 0 auto 0.625rem;
    background: #515252;
    overflow: hidden;
    border-radius: 50%;
    position: relative;
}

.chart-holder .chart-box:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url(../images/bg01.png);
    background-position: 100% 0;
    background-repeat: no-repeat;
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, #515252 50%), -webkit-linear-gradient(270deg, #1eaba3 50%, rgba(0, 0, 0, 0) 50%);
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 50%, #515252 50%), linear-gradient(-180deg, #1eaba3 50%, rgba(0, 0, 0, 0) 50%);
    border-radius: 50%;
}

.chart-holder .chart-data {
    position: absolute;
    top: 0.625rem;
    left: 0.625rem;
    right: 0.625rem;
    bottom: 0.625rem;
    overflow: hidden;
    border-radius: 50%;
    background: url(../images/bg02.png) 50% 50% no-repeat;
    text-transform: uppercase;
    font-size: 0.75rem;
    line-height: 0.875rem;
    color: #FFFFFF;
    padding: 1.5625rem 0.625rem 0;
    z-index: 3;
}

.chart-holder .chart-data strong {
    display: block;
    font-size: 1.75rem;
    line-height: 1.75rem;
    font-family: 'gotham_ssmbold';
}

#main {
    padding: 1.625rem 0.9375rem 0;
}

.stages-block {
    border: 1px solid #cbcbcb;
    border-radius: 4px;
    background: #fff;
    border-bottom-width: 4px;
    margin: 0.1875rem 0 1.875rem;
    padding: 0 0 2.25rem;
    overflow: hidden;
}

.stages-block .heading {
    overflow: hidden;
    border-bottom: 1px solid #cdcccd;
    margin: 0 0 2.125rem;
}

.stages-block .info-link {
    float: right;
    width: 3.875rem;
    height: 3.875rem;
    background: #2fbdb4;
    text-align: center;
    color: #FFFFFF;
}

.stages-block .info-link:hover,
.stages-block .info-link:active,
.stages-block .info-link:focus {
    background: #4cd3ca;
    text-decoration: none;
    border-color: #4cd3ca;
}

.stages-block .info-link .icon-info {
    font-size: 2rem;
    line-height: 3.875rem;
}

.breadcrumbs {
    font-family: 'gotham_ssmlight';
    padding-bottom: 0;
}

.breadcrumbs > *:before {
    font-family: 'gotham_ssmlight';
}

.breadcrumbs > .current {
    font-family: 'gotham_ssmbold';
}

.stages-list {
    text-align: justify;
    line-height: 0;
    font-size: 0.0625rem;
    text-justify: newspaper;
    text-align-last: justify;
    margin: 0 1.25rem 0 1.4375rem;
    overflow: hidden;
    position: relative;
}

.stages-list:before {
    content: '';
    position: absolute;
    top: 50%;
    height: 0.25rem;
    left: 0.625rem;
    right: 0.625rem;
    background: #474b4b;
}

.stages-list:after {
    width: 100%;
    height: 0;
    visibility: hidden;
    overflow: hidden;
    content: '';
    display: inline-block;
}

.stages-list li {
    display: inline-block !important;
    vertical-align: middle;
    position: relative;
    text-align: left;
}

.stages-list li:first-child {
    padding-left: 0;
}

.stages-list li:first-child:before {
    display: none;
}

.stages-list li > a {
    display: block;
    background: #474b4b;
    border-radius: 1000px;
    font-size: 0.875rem;
    line-height: 1.125rem;
    padding: 0.4375rem 0.5625rem;
    min-width: 7.875rem;
    color: #FFFFFF;
    position: relative;
    z-index: 2;
}

.stages-list li > a > span {
    display: inline-block;
    vertical-align: middle;
}

.stages-list li > a .num-info {
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    background: #fff;
    text-align: center;
    font-size: 0.75rem;
    line-height: 1.25rem;
    margin-right: 0.4375rem;
    color: #232928;
    font-family: 'gotham_ssmbold';
}

.stages-list li > a .num-info .icon-tick {
    font-size: 0.625rem;
    display: none;
}

.stages-list li.complete > a {
    color: #10c9bf;
    cursor: default;
    /*pointer-events: none;*/
}

.stages-list li.complete > a .num-info {
    background: #10c9bf;
    color: #FFFFFF;
}

.stages-list li.complete > a .num-info .icon-tick {
    display: inline-block;
}

.stages-list li.complete > a .num-info .num {
    display: none;
}

.stages-list li.active > a {
    color: #FFFFFF;
    background: #10c9bf;
    border: 3px solid #474b4b;
    min-width: 8.125rem;
}

.stages-list li.active > a .num-info {
    background: #474b4b;
    color: #FFFFFF;
}

.stages-list li:not(.complete) > a:hover {
    color: #FFFFFF;
    background: #10c9bf;
}

.stages-list li:not(.complete) > a:hover .num-info {
    background: #474b4b;
    color: #FFFFFF;
}

.accordion .accordion-navigation > a {
    text-transform: uppercase;
    position: relative;
    outline: none;
}

.accordion .accordion-navigation.milestone > a:after {
    content: '' !important;
    position: absolute;
    line-height: 1;
    color: #2fbdb4;
    font-size: 1.5rem;
    top: 1.0625rem;
    right: 0.1875rem;
    font-family: 'gotham_ssmbold';
}

.accordion .accordion-navigation > a:after {
    content: '+';
    position: absolute;
    line-height: 1;
    color: #2fbdb4;
    font-size: 1.5rem;
    top: 1.0625rem;
    right: 0.1875rem;
    font-family: 'gotham_ssmbold';
}

.accordion .accordion-navigation.active > a:after {
    content: '-';
}

.stage-activity {
    margin-bottom: 1.875rem;
    margin: 0 0 1.875rem;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-width: 4px;
    background: #fff;
    overflow: hidden;
}

.stage-activity .accordion-navigation > a {
    border-bottom: 1px solid #cccbcc;
    line-height: 2.375rem;
    position: relative;
    font-size: 1.5rem;
    font-family: 'gotham_ssmlight';
    padding-right: 3.125rem;
}

.stage-activity .accordion-navigation > a:after {
    top: 0.5rem;
    right: 1.75rem;
    font-size: 2.25rem;
}

.stage-activity .accordion-navigation > a strong {
    font-weight: 400;
    font-family: 'gotham_ssmbold';
}

.stage-activity .accordion-navigation.active a:after {
    top: 0.3125rem;
}

.stage-activity .video-wrap {
    float: left;
    margin: 0.25rem 0 1.5em 0;
    width: 59.5%;
}

.stage-activity .video-wrap img {
    width: 100%;
    height: auto;
}

.stage-activity .desc-text {
    overflow: hidden;
    padding: 0 1.875rem 0.4375rem;
    color: #232928;
}

.stage-activity .desc-text p {
    font-size: 0.875rem;
    line-height: 1.5rem;
    margin-bottom: 0.6875rem;
}

.stage-activity .desc-text ul {
    font-size: 0.875rem;
}

.stage-activity .desc-text ul li {
    position: relative;
    padding: 0 0 0 1.875rem;
    line-height: 1.3125rem;
    margin: 0 0 0.9375rem;
}

.stage-activity .desc-text ul li:after {
    content: '';
    position: absolute;
    top: 0.6875rem;
    left: 0.75rem;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: #232928;
}

.common-block {
    border-radius: 4px;
    background: #fff;
    border: 1px solid #cbcbcb;
    border-bottom-width: 4px;
}

.common-block .heading {
    border-bottom: 1px solid #cbcbcb;
    padding: 0.375rem 0.8125rem;
}

.common-block .heading h2 {
    text-transform: uppercase;
    color: #474b4b;
    margin: 0;
    font-family: 'gotham_ssmlight';
}

.common-block .heading h2 strong {
    font-weight: 400;
    font-family: 'gotham_ssmbold';
}

.common-block.big .heading {
    padding: 0.6875rem;
}

.common-block.big .heading h2 {
    font-size: 2rem;
    line-height: 2.375rem;
}

.stage-tasks {
    margin: 0 0 2.125rem;
}

.stage-tasks .accordion {
    margin: 0 0 0.0625rem;
}

.stage-tasks .accordion .accordion-navigation {
    border-top: 1px solid #cbcbcb;
    padding: 0 1.1875rem;
}

.stage-tasks .accordion .accordion-navigation:first-child {
    border: none;
}

.stage-tasks .accordion .accordion-navigation > a {
    font-size: 0.875rem;
    line-height: 1.0625rem;
    padding: 1.3125rem 1.75rem 1.3125rem 3.125rem;
}

.stage-tasks .accordion .accordion-navigation > a .text {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
}

.stage-tasks .accordion .accordion-navigation > a .time {
    float: right;
}

/* was .active */
.stage-tasks .accordion .accordion-navigation .task-indicator {
    background: #222928;
    box-shadow: none;
    border: 1px solid #b9ffda;
}

.stage-tasks .accordion .accordion-navigation.active .task-indicator .icon-tick {
    display: inline-block;
}

.stage-tasks .accordion .accordion-navigation > .content {
    padding: 0 0.9375rem 1.3125rem 2.8125rem;
    overflow: hidden;
}

.stage-tasks .accordion .accordion-navigation br {
    display: none;
}

.stage-tasks .task-indicator {
    position: absolute;
    top: 0.8125rem;
    left: 0;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    background: #222928;
    box-shadow: inset 0 0 2px 0 rgba(90, 97, 98, 0.45);
    text-align: center;
}

.stage-tasks .task-indicator .icon-tick {
    font-size: 0.8125rem;
    line-height: 1.875rem;
    color: #2fbdb4;
    /*display: none;*/
}

.stage-tasks p {
    line-height: 1.5rem;
}

.upcoming-appointments {
    margin: 0 0 1.875rem;
}

.upcoming-appointments .appointment-item {
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #2fbdb4;
    padding: 1.625rem 1.0625rem;
    margin: 0 0 0.75rem;
}

.upcoming-appointments .appointment-item .title {
    display: inline-block;
    vertical-align: top;
    font-weight: 400;
    max-width: 80%;
}

.upcoming-appointments .appointment-item .view-link {
    float: right;
    color: #2fbdb4;
    text-decoration: underline;
    max-width: 15%;
}

.upcoming-appointments .appointment-item .view-link:hover {
    text-decoration: none;
}

.stage-resources {
    margin: 0 0 1.875rem;
}

.stage-resources .heading {
    padding: 0.5rem 0.8125rem;
}

.stage-resources ul {
    overflow: hidden;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #474b4b;
    padding: 1.125rem 1.1875rem;
    margin-bottom: 2.125rem;
}

.stage-resources ul li {
    margin: 0 0 1rem;
    overflow: hidden;
}

.stage-resources ul span {
    float: left;
    max-width: 40%;
    font-weight: 400;
    margin: 0;
}

.stage-resources ul .title a {
    color: #474b4b;
}

.stage-resources ul .title a:hover,
.stage-resources ul .title a:active,
.stage-resources ul .title a:focus {
    color: #606565;
    text-decoration: none;
}

.stage-resources ul .info {
    overflow: hidden;
    text-align: right;
    color: #2fbdb4;
    float: right;
}

.my-documents {
    padding-bottom: 0.4375rem;
    margin-bottom: 2.5625rem;
}

.my-documents .text-wrap {
    padding: 1.4375rem 1.0625rem 0.375rem;
}

.my-documents .text-wrap p {
    /*font-size: 0.875rem;*/
}

.doc-item-wrap {
    float: left;
    padding: 0.125rem 0.9375rem 0;
    width: 24%;
}

.attention-doc {
    background: #474b4b;
    border: 1px solid #717c7b;
    border-radius: 4px;
    padding: 0.75rem 1.25rem;
    margin: 0 0 1.875rem;
}

.attention-doc .text {
    display: block;
    font-size: 1rem;
    line-height: 1.5rem;
    color: #FFFFFF;
    font-family: 'gotham_ssmbold';
    margin: 0 0 1.1875rem;
}

.attention-doc .doc-item {
    margin: 0 0 1.625rem;
}

.attention-doc .doc-item:before {
    background: #474b4b;
}

.attention-doc .button {
    width: 100%;
    font-size: 0.875rem;
    line-height: 1.1875rem;
    padding: 0.6875rem;
    margin: 0 0 0.375rem;
    font-family: 'gotham_ssmbold';
}

.doc-item {
    border: 1px solid #cdcccc;
    border-radius: 4px;
    background: #fff;
    padding: 0.3125rem 0.625rem;
    margin: 0 0 1.4375rem;
    position: relative;
}

.doc-item:before {
    content: '';
    position: absolute;
    top: -0.1875rem;
    right: -0.1875rem;
    width: 1.125rem;
    height: 1.125rem;
    background: #fff;
    z-index: 1;
    border-radius: 0 0 0 4px;
}

.doc-item:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: -1px;
    right: -1px;
    content: "\e618";
    z-index: 2;
    color: #2fbdb4;
}

.doc-item time {
    display: block;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #484b4b;
    margin: 0 0 0.3125rem;
    font-family: 'gotham_ssmlight';
}

.doc-item .title {
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-family: 'gotham_ssmbold';
    text-transform: uppercase;
    margin: 0 0 0.5625rem;
    min-height: 2.3125rem;
}

.doc-item .doc-type {
    border-top: 1px solid #cdcccc;
    margin: 0 -0.625rem;
    padding: 0.5625rem 0.625rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    font-family: 'gotham_ssmbold';
    color: #2fbdb4;
}

.doc-item .doc-type .size {
    color: #484b4b;
}

.my-team {
    padding-bottom: 0.75rem;
    margin-bottom: 4.625rem;
}

.my-team .text-wrap {
    padding: 0.8125rem 1.0625rem 1.4375rem;
}

.my-team .text-wrap p {
    line-height: 1.5rem;
    margin-bottom: 0;
}

.my-team .wrap {
    border-top: 1px solid #cdcccc;
    padding: 1rem 0 1.0625rem;
}

.team-member {
    overflow: hidden;
}

.team-member .img-holder {
    float: left;
    width: 9.375rem;
    border: 1px solid #2fbdb4;
    margin: 0.3125rem 0 0 0.1875rem;
}

.team-member .detail-info {
    overflow: hidden;
    padding: 0 0.9375rem 0 1.75rem;
}

.team-member .post {
    display: block;
    font-size: 20px;
    line-height: 24px;
    color: #474b4b;
    font-weight: 400;
    font-family: 'gotham_ssmbold';
}

.team-member .name {
    display: block;
    font-weight: 400;
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin: 0 0 0.8125rem;
}

.team-member .name a {
    color: #474b4b;
}

.team-member .name a:hover,
.team-member .name a:active,
.team-member .name a:focus {
    color: #606565;
    text-decoration: none;
}

.team-member .contact-info {
    line-height: 1.5rem;
    margin-bottom: 1.3125rem;
}

.team-member .contact-info dt {
    float: left;
    margin: 0 0.25rem 0 0;
    text-transform: uppercase;
}

.team-member .contact-info dd {
    margin: 0;
    overflow: hidden;
}

.team-member .contact-info dd a {
    color: #474b4b;
    word-wrap: break-word;
}

.team-member .contact-info dd a:hover {
    text-decoration: underline;
}

.team-member .btn-contact {
    padding: 0.6875rem 2.875rem;
    font-family: 'gotham_ssmbold';
    text-transform: uppercase;
}

#footer {
    background: #cdcccc;
    border-top: 1px solid #464b4a;
    padding: 0.875rem 0.9375rem;
}

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

#footer .talk-text {
    display: block;
    color: #464b4a;
    padding: 0 0.125rem;
    margin: 0 0 1.5625rem;
}

#footer .talk-text .tel {
    color: #464b4a;
    font-family: 'gotham_ssmbold';
}

#footer .talk-text .tel:hover,
#footer .talk-text .tel:active,
#footer .talk-text .tel:focus {
    color: #5f6564;
    text-decoration: none;
}

.social-networks {
    overflow: hidden;
}

.social-networks li {
    float: left;
    margin: 0 0 0 0.25rem;
    line-height: 1;
}

.social-networks a {
    color: #464b4a;
}

.social-networks a:hover,
.social-networks a:active,
.social-networks a:focus {
    color: #5f6564;
    text-decoration: none;
}

.social-networks .icon-instagram {
    font-size: 0.875rem;
}

.social-networks .icon-google-plus {
    margin-left: 0.5625rem;
    display: inline-block;
    vertical-align: top;
}

.footer-nav {
    padding: 0.5625rem 0 1.0625rem;
    text-align: right;
}

.footer-nav ul {
    font-size: 0.625rem;
    line-height: 0.875rem;
}

.footer-nav ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0.625rem 0.9375rem;
    position: relative;
}

.footer-nav ul li:before {
    content: '';
    width: 1px;
    height: 0.625rem;
    position: absolute;
    top: 0.1875rem;
    left: 0.3125rem;
    background: #737575;
}

.footer-nav ul li:first-child {
    padding-left: 0;
}

.footer-nav ul li:first-child:before {
    display: none;
}

.footer-nav ul a {
    color: #737575;
}

.footer-nav ul a:hover,
.footer-nav ul a:active,
.footer-nav ul a:focus {
    color: #8d8e8e;
    text-decoration: none;
}

.copyright-text {
    display: block;
    text-align: left;
    font-size: 0.625rem;
    line-height: 0.75rem;
    color: #737575;
    margin: 0 0 0.625rem;
}

.copyright-text a {
    color: #737575;
}

.copyright-text a:hover,
.copyright-text a:active,
.copyright-text a:focus {
    color: #8d8e8e;
    text-decoration: none;
}

.my-appointments {
    margin: 0 0 1.875rem;
}

.my-appointments .text-wrap {
    overflow: hidden;
    padding: 1.25rem 1.125rem 0.75rem;
}

.appointment-schedule {
    overflow: hidden;
    margin: 0 0 2.5rem;
}

.appointment-schedule.payments {
    margin-bottom: 3.875rem;
}

.appointment-schedule.payments .tabs-content > .content {
    padding-top: 0;
}

.appointment-schedule .tabs {
    display: table;
    table-layout: fixed;
    width: 100.5%;
    vertical-align: middle;
    margin-bottom: 0;
}

.appointment-schedule .tabs .tab-title {
    text-transform: uppercase;
    width: 50%;
    float: none;
    display: table-cell;
}

.appointment-schedule .tabs .tab-title > a {
    border-bottom: 1px solid #cdcccc;
    padding-left: 1.1875rem;
    padding-right: 1.1875rem;
    line-height: 2.3125rem;
    font-family: 'gotham_ssmbold';
}

.appointment-schedule .tabs-content {
    margin-bottom: 0.5625rem;
}

.appointment-schedule .accordion {
    margin: 0 0 0.0625rem;
}

.appointment-schedule .accordion .accordion-navigation {
    border-bottom: 1px solid #cbcbcb;
    padding: 0 1.1875rem;
}

.appointment-schedule .accordion .accordion-navigation > a {
    font-size: 1rem;
    line-height: 1.4375rem;
    padding: 1.25rem 2.5rem 1rem 0;
    font-weight: 700;
}

.appointment-schedule .accordion .accordion-navigation > a .text {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
    font-family: 'gotham_ssmbold';
    font-weight: 400;
}

.appointment-schedule .accordion .accordion-navigation > a .time {
    float: right;
    font-size: 0.875rem;
}

.appointment-schedule .accordion .accordion-navigation > a .time span {
    text-transform: none;
}

.appointment-schedule .accordion .accordion-navigation > a .time span:after {
    content: '';
    display: inline-block;
    margin-right: 2px;
}

.appointment-schedule .accordion .accordion-navigation.active .task-indicator {
    /*background: #222928;
    box-shadow: none;
    border: 1px solid #b9ffda;*/
}

.appointment-schedule .accordion .accordion-navigation.active .task-indicator .icon-tick {
    display: inline-block;
}

.appointment-schedule .accordion .accordion-navigation > .content {
    padding: 0.375rem 0;
    overflow: hidden;
}

.appointment-schedule .accordion.payments {
    margin-bottom: 0.1875rem;
}

.appointment-schedule .accordion.payments .accordion-navigation > a {
    padding-left: 3.125rem;
}

.appointment-schedule .accordion.payments .accordion-navigation > .content {
    padding: 0.4375rem 0 0.3125rem 0.1875rem;
}

.appointment-schedule .accordion .task-indicator {
    position: absolute;
    top: 1rem;
    left: 0.1875rem;
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    background: #f7f9f9;
    box-shadow: inset 0 0 2px 0 rgba(90, 97, 98, 0.45);
    text-align: center;
}

.appointment-schedule .accordion .task-indicator .icon-tick {
    font-size: 0.8125rem;
    line-height: 1.875rem;
    color: #2fbdb4;
    display: none;
}

.appointment-schedule .table-wrap {
    float: left;
    width: 70%;
}

.appointment-schedule .invoice-table {
    width: 100%;
    background: #EEEEEE;
    border: none;
}

.appointment-schedule .invoice-table tr td {
    color: #474b4b;
}

.appointment-schedule .invoice-table .title {
    display: block;
    font-weight: 400;
    font-family: 'gotham_ssmbold';
}

.appointment-schedule .btn-download {
    text-transform: uppercase;
    font-size: 0.875rem;
    float: right;
    width: 27.5%;
    padding: 1.4375rem;
    font-family: 'gotham_ssmbold';
}

.appointment-detail {
    margin: 0 -0.625rem;
}

.appointment-detail .col {
    float: left;
    padding: 0 0.625rem;
    width: 48.7%;
}

.appointment-detail .col:first-child {
    width: 28.8%;
}

.appointment-detail .col.last {
    width: 22.5%;
}

.appointment-detail .appointment-info {
    background: #EEEEEE;
    padding: 0.8125rem 1.3125rem;
    font-size: 0.875rem;
    line-height: 1.375rem;
    min-height: 7.8125rem;
    margin: 0 0 0.9375rem;
}

.appointment-detail .appointment-info .title {
    display: block;
    font-size: 0.875rem;
    line-height: 1.125rem;
    text-transform: uppercase;
    margin: 0 0 0.375rem;
    font-family: 'gotham_ssmbold';
    font-weight: 400;
}

.appointment-detail .appointment-info span a {
    color: #474b4b;
}

.appointment-detail .appointment-info span a:hover,
.appointment-detail .appointment-info span a:active,
.appointment-detail .appointment-info span a:focus {
    color: #606565;
    text-decoration: none;
}

.appointment-detail .appointment-info address {
    font-style: normal;
}

.appointment-detail .appointment-info.request {
    text-align: center;
    white-space: nowrap;
    background: #2fbdb4;
}

.appointment-detail .appointment-info.request:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    min-height: 6.1875rem;
}

.appointment-detail .appointment-info.request .link {
    display: inline-block;
    white-space: normal;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #FFFFFF;
}

.appointment-detail .appointment-info.request .link:hover,
.appointment-detail .appointment-info.request .link:active,
.appointment-detail .appointment-info.request .link:focus {
    color: #e6e6e6;
    text-decoration: none;
}

.my-gallery {
    margin: 0 0 1.75rem;
    padding: 0 0 2rem;
    border-bottom-width: 0.4375rem;
}

.my-gallery .heading {
    margin-bottom: 0.875rem;
}

.upload-form .drage-image {
    background: #EEEEEE;
    border-radius: 3px;
    margin: 0.4375rem 0 0;
    padding: 0.9375rem 1.5rem 0.6875rem 1.6875rem;
    overflow: hidden;
}

.upload-form .icon-gallery {
    font-size: 3rem;
    color: #969796;
    float: left;
}

.upload-form .info-text {
    float: left;
    font-size: 1.25rem;
    line-height: 1.5rem;
    color: #474b4b;
    padding-left: 1rem;
    padding-top: 0.45rem;
    padding-right: 0.8rem;
    max-width: 250px;
}

.upload-form .jcf-file {
    float: right;
    padding: 0.4375rem 0 0;
    width: 44%;
    margin: 0 0 0.625rem;
}

.upload-form .jcf-file .jcf-upload-button {
    width: 100%;
}

.my-albums {
    margin: 0 0 1.875rem;
}

.my-albums .heading {
    padding: 0.5rem 1.125rem 0.4375rem;
    margin: 0 0 1.125rem;
}

.my-albums .albums-holder {
    padding: 0 1.1875rem 0.1875rem;
}

.my-albums .create-album {
    font-size: 0.875rem;
    text-align: left;
    padding: 1.5rem 1.6875rem;
    margin: 0 0 0.9375rem;
}

.my-albums .create-album > span {
    display: block;
    padding: 0 1.5625rem;
    position: relative;
}

.my-albums .create-album > span:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "+";
    font-weight: 700;
    font-size: 1.5rem;
    margin-top: -0.8125rem;
}

.my-albums .albums-item {
    display: block;
    overflow: hidden;
    background: #2fbdb4;
    color: #FFFFFF;
    padding: 1px;
    margin: 0 0 1rem;
    -webkit-transition: background 300ms ease-out;
    transition: background 300ms ease-out;
}

.my-albums .albums-item .img-holder {
    float: left;
    width: 5.125rem;
}

.my-albums .albums-item .img-holder img {
    width: 100%;
    /*height: auto;*/
    height: 62px;
}

.my-albums .albums-item .text {
    font-size: 0.875rem;
    line-height: 1.125rem;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    padding: 0 1.3125rem;
}

.my-albums .albums-item .text:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    min-height: 3.875rem;
}

.my-albums .albums-item .text > span {
    display: inline-block;
    white-space: normal;
    vertical-align: middle;
}

.my-albums .albums-item:hover {
    background: #269790;
}

.uncategorised-images {
    margin-bottom: 2.0625rem;
}

.uncategorised-images .heading {
    padding: 0.4375rem 1.1875rem 0.5rem;
    margin: 0 0 1rem;
}

.uncategorised-images .images-holder .col {
    float: left;
    padding: 0 1.3125rem;
    width: 25%;
}

.uncategorised-images .photo-item {
    background: #cdcccc;
    border-radius: 3px;
    overflow: hidden;
    margin: 0 0 2.3125rem;
}

.uncategorised-images .photo-item .img-wrap {
    display: block;
}

.uncategorised-images .photo-item .img-wrap img {
    width: 100%;
    height: auto;
}

.uncategorised-images .photo-info {
    color: #FFFFFF;
    font-size: 0.75rem;
    line-height: 1.125rem;
    padding: 0.5rem 0.5rem 0.375rem;
    overflow: hidden;
}

.uncategorised-images .photo-info time {
    float: left;
    font-family: 'gotham_ssmmedium';
}

.uncategorised-images .photo-info .link-plus {
    float: right;
    font-size: 1.5rem;
    line-height: 1.125rem;
    color: #FFFFFF;
    font-family: 'gotham_ssmbold';
}

.uncategorised-images .photo-info .link-plus:hover,
.uncategorised-images .photo-info .link-plus:active,
.uncategorised-images .photo-info .link-plus:focus {
    color: #e6e6e6;
    text-decoration: none;
}

.my-account {
    margin: 0 0 2.625rem;
}

.my-account .note-text {
    display: block;
    padding: 0.8125rem 1.125rem;
    margin: 0 0 0.6875rem;
}

.my-account .account-details {
    background: #232928;
    color: #FFFFFF;
    margin: 0.3125rem 0.125rem 0.625rem;
    padding: 0.4375rem 0.8125rem 0.0625rem;
}

.my-account .account-details .title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-family: 'gotham_ssmbold';
    color: #2fbdb4;
    margin: 0 0 1rem;
    font-weight: 400;
}

.my-account .account-details ul {
    margin-bottom: 1.4375rem;
}

.my-account .account-details ul li {
    margin-bottom: 0.6875rem;
}

.my-account .account-details ul li strong {
    font-weight: 400;
    font-family: 'gotham_ssmbold';
    margin-right: 0.3125rem;
}

.my-account .account-details .change-password {
    border-top: 1px solid #fff;
    margin: 0 -13px;
    padding: 10px 13px;
    font-family: 'gotham_ssmbold';
}

.my-account .account-details .change-password .text {
    display: inline-block;
    vertical-align: top;
    max-width: 80%;
    text-transform: uppercase;
}

.my-account .account-details .change-password .link {
    float: right;
    font-size: 1.5rem;
    line-height: 1.5rem;
}

.my-account .accordion {
    clear: both;
    margin: 0;
    padding: 0.1875rem 0 0;
}

.my-account .accordion .accordion-navigation {
    border-top: 1px solid #cbcbcb;
    padding: 0 1.1875rem;
    margin: 0;
}

.my-account .accordion .accordion-navigation > a {
    font-size: 1.25rem;
    line-height: 1.75rem;
    padding: 0.8125rem 2.5rem 0.8125rem 0;
    font-family: 'gotham_ssmbold';
    text-transform: none;
}

.my-account .accordion .accordion-navigation > a .text {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
}

.my-account .accordion .accordion-navigation > a .time {
    float: right;
    font-size: 0.875rem;
}

.my-account .accordion .accordion-navigation > .content {
    padding: 0.375rem 0;
    overflow: hidden;
}

.contact-details .title {
    display: block;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 400;
    font-family: 'gotham_ssmbold';
    color: #474b4b;
    margin: 0 0 1.5rem;
}

.detail-update input {
    margin-bottom: 1.9375rem;
    padding: 0.25rem 0.5rem;
}

.detail-update input::-webkit-input-placeholder {
    color: #474b4b;
}

.detail-update input::-moz-placeholder {
    opacity: 1;
    color: #474b4b;
}

.detail-update input:-moz-placeholder {
    color: #474b4b;
}

.detail-update input:-ms-input-placeholder {
    color: #474b4b;
}

.detail-update input.placeholder {
    color: #474b4b;
}

.detail-update .btn-wrap {
    text-align: right;
}

.detail-update .btn-update {
    text-transform: uppercase;
    padding: 0.625rem 3.3125rem;
    font-family: 'gotham_ssmbold';
    white-space: normal;
}

.customise-alerts {
    margin-bottom: 3.8125rem;
}

.customise-alerts .heading {
    padding: 0.4375rem 1.3125rem 0.5rem;
}

.customise-alerts .heading .title-holder {
    float: right;
    text-align: center;
    margin: 0 -2.5rem;
    padding: 0.625rem 0 0;
}

.customise-alerts .heading .title-holder .title {
    float: left;
    width: 7.5rem;
    padding: 0 1.25rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-family: 'gotham_ssmbold';
    text-transform: uppercase;
    color: #222928;
}

.customise-alerts .accordion {
    margin: 0;
}

.customise-alerts .accordion .accordion-navigation {
    border-bottom: 1px solid #cbcbcb;
    padding: 0 0.9375rem;
    margin: 0;
}

.customise-alerts .accordion .accordion-navigation > a {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1.125rem 2.375rem;
    font-family: 'gotham_ssmbold';
    overflow: hidden;
}

.customise-alerts .accordion .accordion-navigation > a .text {
    display: inline-block;
    max-width: 80%;
    vertical-align: top;
}

.customise-alerts .accordion .accordion-navigation > a:after {
    right: auto;
    left: 0.3125rem;
    font-size: 2.25rem;
    top: 0.625rem;
}

.customise-alerts .accordion .accordion-navigation > .content {
    padding: 0;
}

.customise-alerts .check-holder {
    float: right;
    text-align: center;
    margin: 0 -2.0625rem 0 -0.9375rem;
    padding: 0.875rem 0 0;
}

.customise-alerts .check-holder .check-wrap {
    float: left;
    width: 7.5rem;
    padding: 0 0.9375rem;
}

.customise-alerts .content-list li {
    border-top: 1px solid #cccbcc;
    margin: 0 -0.9375rem;
    padding: 1.0625rem 1.25rem 1.125rem 2.125rem;
}

.customise-alerts .content-list .text {
    display: block;
    overflow: hidden;
}

.customise-alerts .content-list .check-holder {
    padding-top: 0.125rem;
    margin: 0 -2.375rem 0 -0.9375rem;
}

.customise-alerts .content-list .switch label {
    height: 1.3125rem;
    width: 2.625rem;
}

.customise-alerts .content-list .switch label:after {
    width: 0.9375rem;
    height: 0.9375rem;
    top: 0.1875rem;
    left: 0.1875rem;
}

.customise-alerts .content-list .switch input:checked + label:after {
    left: 1.5rem;
}

.my-resources {
    margin: 0 0 1.875rem;
}

.my-resources .info-text {
    display: block;
    padding: 1.25rem 1.125rem;
}

.search-form {
    padding: 0.125rem 1.1875rem;
}

.search-form .input-wrap {
    border: 0.625rem solid #cdcccc;
    position: relative;
    padding-right: 2.5rem;
    margin: 0 0 1.8125rem;
}

.search-form input,
.search-form input[type="search"] {
    padding: 0;
    border: none;
    background: none;
    height: 2.5rem;
    margin: 0;
    line-height: 1.375rem;
    padding: 0.5625rem 0.9375rem;
}

.search-form input::-webkit-input-placeholder,
.search-form input[type="search"]::-webkit-input-placeholder {
    color: #cdcccc;
}

.search-form input::-moz-placeholder,
.search-form input[type="search"]::-moz-placeholder {
    opacity: 1;
    color: #cdcccc;
}

.search-form input:-moz-placeholder,
.search-form input[type="search"]:-moz-placeholder {
    color: #cdcccc;
}

.search-form input:-ms-input-placeholder,
.search-form input[type="search"]:-ms-input-placeholder {
    color: #cdcccc;
}

.search-form input.placeholder,
.search-form input[type="search"].placeholder {
    color: #cdcccc;
}

.search-form .btn-search {
    position: absolute;
    padding: 0;
    background: none;
    margin: 0;
    top: 0.625rem;
    right: 0.6875rem;
    color: #34bdb4;
    font-size: 1.1875rem;
    line-height: 1.375rem;
    overflow: visible;
    width: 1.375rem;
    text-align: center;
    height: 1.375rem;
}

.search-form .btn-search:hover,
.search-form .btn-search:active,
.search-form .btn-search:focus {
    color: #54d0c8;
    text-decoration: none;
}

.search-form .btn-search .icon-search {
    line-height: 1.375rem;
}

.resources-list-holder {
    max-width: 61.25rem;
    margin: 0 auto;
    color: #232928;
}

.resources-list-holder .col {
    float: left;
    width: 25%;
    padding: 0 2.1875rem;
    margin: 0 0 1.3125rem;
}

.resources-list-holder .icon-holder {
    width: 7.375rem;
    height: 7.375rem;
    background: #2fbdb4;
    border: 0.5rem solid #b0dbdd;
    border-radius: 50%;
    margin: 0 auto 0.9375rem;
    color: #FFFFFF;
}

.resources-list-holder .icon-holder [class^="icon-"],
.resources-list-holder .icon-holder [class*=" icon-"] {
    font-size: 3rem;
    line-height: 6.125rem;
}

.resources-list-holder .title {
    display: block;
    font-weight: 400;
    font-family: 'gotham_ssmbold';
}

.resources-list-holder p {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.browse-resources {
    margin-bottom: 2.25rem;
}

.browse-resources .heading {
    padding: 0.5rem 1.3125rem 0.4375rem;
    margin: 0 0 0.4375rem;
}

.browse-resources .resources-list {
    padding-bottom: 0.125rem;
}

.browse-resources .resources-list li {
    border-top: 1px solid #cdcccc;
    overflow: hidden;
    color: #2fbdb4;
    line-height: 1.5625rem;
    padding: 1.0625rem 1.25rem;
}

.browse-resources .resources-list li:first-child {
    border: none;
}

.browse-resources .resources-list .title {
    float: left;
    font-family: 'gotham_ssmbold';
    text-transform: uppercase;
    color: #474b4b;
    max-width: 50%;
}

.browse-resources .resources-list .title:hover,
.browse-resources .resources-list .title:active,
.browse-resources .resources-list .title:focus {
    color: #606565;
    text-decoration: none;
}

.browse-resources .resources-list .info-text {
    float: right;
    max-width: 40%;
    text-transform: uppercase;
}

.base-stage {
    margin-bottom: 3rem;
}

.base-stage .heading {
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0 0 1rem;
}

.base-stage .heading h2 {
    display: table-cell;
    vertical-align: middle;
    padding: 0 1.375rem;
}

.base-stage .heading .btn-return {
    display: table-cell;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 1.125rem;
    text-transform: uppercase;
    width: 18.6%;
    font-family: 'gotham_ssmbold';
    padding: 0.9375rem 0.4375rem;
}

.base-stage .stage-list {
    padding-bottom: 0.5rem;
}

.base-stage .stage-list li {
    position: relative;
    overflow: hidden;
    border-top: 1px solid #cdcccc;
    line-height: 1.5625rem;
    padding: 1.0625rem 1.25rem;
}

.base-stage .stage-list li:first-child {
    border: none;
}

.base-stage .stage-list li .text {
    display: inline-block;
    max-width: 75%;
    padding: 0 0 0 2.5rem;
}

.base-stage .stage-list li .text a {
    color: #474b4b;
}

.base-stage .stage-list li .text a:hover,
.base-stage .stage-list li .text a:active,
.base-stage .stage-list li .text a:focus {
    color: #606565;
    text-decoration: none;
}

.base-stage .stage-list li .link {
    float: right;
    text-transform: uppercase;
}

.base-stage .stage-list .icon-wrap {
    position: absolute;
    top: 1.0625rem;
    left: 1.375rem;
    font-size: 1.625rem;
    color: #2fbdb4;
}

.base-knowledge {
    overflow: hidden;
    margin-bottom: 5.1875rem;
}

.base-knowledge .heading {
    padding: 0;
    display: table;
    table-layout: fixed;
    width: 100%;
    margin: 0;
}

.base-knowledge .heading h2 {
    display: table-cell;
    vertical-align: middle;
    padding: 0 1.375rem;
    font-size: 1rem;
    line-height: 1.5rem;
}

.base-knowledge .heading h2 strong {
    display: block;
    position: relative;
    padding: 0 0 0 44px;
}

.base-knowledge .heading h2 strong:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    left: 0;
    content: '\e603';
    font-size: 1.625rem;
    color: #2fbdb4;
    margin-top: -0.8125rem;
}

.base-knowledge .heading .btn-return {
    display: table-cell;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 1.125rem;
    text-transform: uppercase;
    width: 18.6%;
    font-family: 'gotham_ssmbold';
    padding: 0.9375rem 0.4375rem;
}

.base-knowledge .article-holder {
    padding: 0 0.375rem;
}

.base-knowledge .main-article {
    width: 60.4%;
    border-right: 1px solid #cdcccc;
    padding-top: 1.8125rem;
}

.base-knowledge .main-article p {
    margin-top: 0;
    margin-bottom: 0.6875rem;
}

.base-knowledge .video-wrap {
    /*max-width: 41.375rem;
    margin: 1.8125rem 0 1.1875rem;*/
    margin-right: 0.4rem;
    margin-bottom: 1.25rem;
}

.base-knowledge .video-wrap img {
    width: 100%;
    height: auto;
}

.base-knowledge .img-holder {
    margin: 0 -1.4375rem 1.625rem;
    padding: 0.6875rem 0 0;
}

.base-knowledge .img-holder .img-wrap {
    float: left;
    padding: 0 1.4375rem;
    width: 49.6%;
}

.base-knowledge .img-holder .img-wrap img {
    width: 100%;
    height: auto;
}

.base-knowledge .text-wrap {
    overflow: hidden;
    margin-bottom: 1.25rem;
}

.base-knowledge .article-footer {
    border-top: 1px solid #cdcccc;
    line-height: 1.75rem;
    padding: 1.5625rem 0;
}

.base-knowledge footer
{ position:relative !important; }

.base-knowledge .article-footer .next-col,
.base-knowledge .article-footer .prev-col {
    float: left;
    max-width: 13.75rem;
}

.base-knowledge .article-footer .next-col {
    float: right;
    text-align: right;
}

.base-knowledge .article-footer .title {
    display: block;
    font-size: 0.75rem;
    line-height: 1rem;
    text-transform: uppercase;
    margin: 0 0 0.125rem;
    color: #2fbdb4;
    font-weight: 400;
    font-family: 'gotham_ssmbold';
}

.base-knowledge .article-footer .title > a {
    color: #2fbdb4;
}

.base-knowledge .article-footer .title > a:hover,
.base-knowledge .article-footer .title > a:active,
.base-knowledge .article-footer .title > a:focus {
    color: #4cd3ca;
    text-decoration: none;
}

.base-knowledge .article-footer .share-holder {
    text-align: center;
    padding: 0 0.625rem;
}

.base-knowledge .article-footer .share-holder .title {
    margin-bottom: 0.6875rem;
}

.base-knowledge .article-footer .social-networks li {
    float: none;
    display: inline-block;
    vertical-align: top;
    font-size: 1.375rem;
    margin: 0 0.1875rem;
    line-height: 1.75rem;
}

.base-knowledge .article-footer .social-networks li a {
    color: #6a6969;
}

.base-knowledge .article-footer .social-networks li a:hover,
.base-knowledge .article-footer .social-networks li a:active,
.base-knowledge .article-footer .social-networks li a:focus {
    color: #848282;
    text-decoration: none;
}

.base-knowledge .related-article {
    width: 39.6%;
    padding: 1.4375rem 1.1875rem;
}

.base-knowledge .related-article .title {
    font-size: 1rem;
    line-height: 1.25rem;
    color: #474b4b;
    text-transform: uppercase;
    display: block;
    margin: 0 0 0.8125rem;
    font-weight: 400;
    font-family: 'gotham_ssmbold';
}

.base-knowledge .related-list li {
    font-size: 0.875rem;
    line-height: 1.125rem;
    border-top: 1px solid #cdcccc;
    padding: 1.0625rem 0;
}

.base-knowledge .related-list li:first-child {
    padding: 0.75rem 0;
}

.base-knowledge .related-list li span {
    display: inline-block;
    vertical-align: middle;
}

.base-knowledge .related-list li [class^="icon-"],
.base-knowledge .related-list li [class*=" icon-"] {
    color: #2fbdb4;
    font-size: 1.625rem;
}

.base-knowledge .related-list li .text {
    padding: 0 1rem;
    max-width: 80%;
}

.base-knowledge .related-list li .text a {
    color: #474b4b;
}

.base-knowledge .related-list li .text a:hover,
.base-knowledge .related-list li .text a:active,
.base-knowledge .related-list li .text a:focus {
    color: #606565;
    text-decoration: none;
}

.login {
    height: 100%;
}

.login #wrapper {
    height: 100%;
    min-height: 34.375rem;
}

.login-block {
    position: relative;
    overflow: hidden;
}

.login-block:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(35, 41, 40, 0.85);
    z-index: 4;
}

.login-block .bg-login {
    float: left;
    height: auto;
    left: 50%;
    min-width: 113.75rem;
    position: relative;
    width: 100%;
    overflow: visible;
}

.login-block .bg-login img {
    float: left;
    left: -50%;
    position: relative;
    width: 100%;
    height: auto;
}

.login-block .login-form-holder {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
    padding: 1.625rem 0 0;
}

.login-block .logo {
    /*width: 11rem;*/
    width:16rem;
    float: none;
    /*margin: 0 auto 2.1875rem;*/
    margin:3rem auto; 
}

.login-block .form-wrap {
    background: rgba(1, 89, 84, 0.45);
    border-top: 1px solid #01c0b6;
    padding-bottom: 9999px;
    margin-bottom: -9999px;
}

.login-block .element-holder {
    max-width: 18.75rem;
    margin: 0 auto;
    padding: 1.5rem 0 0;
}

.login-block .input-field {
    border: 1px solid #FFFFFF;
    background: none;
    color: #FFFFFF;
    height: 2.8125rem;
    line-height: 1.4375rem;
    padding: 0.625rem 0.9375rem;
    font-family: 'gotham_ssmlight';
    margin: 1.375rem 0 0;
}

.login-block .input-field::-webkit-input-placeholder {
    color: #FFFFFF;
}

.login-block .input-field::-moz-placeholder {
    opacity: 1;
    color: #FFFFFF;
}

.login-block .input-field:-moz-placeholder {
    color: #FFFFFF;
}

.login-block .input-field:-ms-input-placeholder {
    color: #FFFFFF;
}

.login-block .input-field.placeholder {
    color: #FFFFFF;
}

.login-block .input-field:focus {
    background: none;
}

.login-block .remember-info {
    overflow: hidden;
    padding: 0.875rem 0.9375rem 1.375rem;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    font-family: 'gotham_ssmlight';
    color: #FFFFFF;
}

.login-block .remember-info input[type="checkbox"] {
    left: 10px;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: 9px;
}

.login-block .remember-info input[type="checkbox"]:checked + label:after {
    display: block;
}

.login-block .remember-info label {
    margin: 0;
    padding: 0 0 0 1.375rem;
    position: relative;
    float: left;
    color: #FFFFFF;
    font-size: 0.75rem;
    line-height: 0.9375rem;
    font-family: 'gotham_ssmlight';
}

.login-block .remember-info label:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0.9375rem;
    height: 0.9375rem;
    border: 1px solid #FFFFFF;
}

.login-block .remember-info label:after {
    content: "\e617";
    position: absolute;
    top: 0.25rem;
    left: 0.3125rem;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 0.4375rem;
    display: none;
}

.login-block .remember-info .link {
    float: right;
}

.login-block .remember-info.set-up {
    padding: 0.375rem 0.9375rem;
}

.login-block .btn-wrap {
    padding: 0 0.9375rem;
}

.login-block .button {
    font-family: 'gotham_ssmlight';
    margin: 0;
}

.login-block .forgot-password .button {
    margin-top: 25px;
}

.login-block .reset-password .button {
    margin-top: 25px;
}

.timeline-filter {
    /*margin: 0 0 1.25rem;
    position: relative;
    z-index: 9;*/
    border: 0;
}

.timeline-filter:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 83px;
    background: url(../images/shadow.png);
    display: block;
    margin-top: 4px;
}

.timeline-filter.big .heading {
    /*padding: 0.625rem 0.6875rem 0.5625rem;
    margin: 0 0 1.0625rem;*/
    display: none;
}

.compressed-timeline {
    text-align: right;
    overflow: hidden;
    position: relative;
    z-index: 9;
}

.compressed-timeline:first-child {
    margin-bottom: -0.875rem;
}

.compressed-timeline li {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-family: 'gotham_ssmbold';
    padding: 2.625rem 1.25rem 0 0;
    position: relative;
}

.compressed-timeline li:before,
.compressed-timeline li:after {
    content: '';
    position: absolute;
    top: -0.5rem;
    bottom: 0.5rem;
    right: 0.375rem;
    width: 0.125rem;
    background: #2fbdb4;
}

.compressed-timeline li:after {
    width: 0.75rem;
    height: 0.75rem;
    border-radius: 50%;
    top: 2.9375rem;
    bottom: auto;
    margin: auto;
    right: 0.0625rem;
}

.compressed-timeline li:first-child:before {
    display: none;
}

.compressed-timeline li > a {
    color: #8f8f8f;
    display: inline-block;
    padding: 0.125rem;
}

.compressed-timeline li > a:hover {
    color: #FFFFFF;
    background: #2fbdb4;
    border-radius: 3px 0 0 3px;
    margin: 0 0.625rem 0 0;
    padding: 0.125rem 0.375rem;
    position: relative;
    font-size: 0.75rem;
}

.compressed-timeline li > a:hover:after {
    content: '';
    position: absolute;
    top: 0;
    right: -0.75rem;
    border: 0.75rem solid #2fbdb4;
    border-width: 0.75rem 0 0.75rem 0.75rem;
    border-color: transparent transparent transparent #2fbdb4;
}

.compressed-timeline li.active:after {
    background: #e53c78;
}

.compressed-timeline li.active > a {
    color: #FFFFFF;
    background: #2fbdb4;
    border-radius: 3px 0 0 3px;
    margin: 0 0.625rem 0 0;
    padding: 0.125rem 0.375rem;
    position: relative;
    font-size: 0.75rem;
}

.compressed-timeline li.active > a:after {
    content: '';
    position: absolute;
    top: 0;
    right: -0.75rem;
    border: 0.75rem solid #2fbdb4;
    border-width: 0.75rem 0 0.75rem 0.75rem;
    border-color: transparent transparent transparent #2fbdb4;
}

.timeline-activity {
    position: relative;
}

.timeline-activity .share-wrap {
    overflow: hidden;
    clear: both;
}

.timeline-activity .share-wrap .button 
{ font-size: 0.75rem; line-height: 1.125rem; text-transform: uppercase; font-family: 'gotham_ssmbold'; padding: 0.4375rem 0.9375rem; margin: 1em 0.3125rem 0 0; } 

.timeline-activity .share-wrap .button span {
    display: inline-block;
    vertical-align: middle;
}

.timeline-activity .share-wrap .button [class^="icon-"],
.timeline-activity .share-wrap .button [class*=" icon-"] {
    font-size: 1rem;
    margin: 0 0 0 0.4375rem;
}

.timeline-activity .share-wrap .info-text {
    float: right;
    margin: 0.6875rem 0 0;
}

.timeline-activity .post-detail .share-wrap .info-text {
    margin: 0.4375rem 0 0;
}

.timeline-activity .timeline-title {
    display: block;
    font-weight: 400;
}

.timeline-activity .timeline-title .button {
    font-size: 1.125rem;
    line-height: 1.5rem;
    font-family: 'gotham_ssmbold';
    padding: 0.5rem 1.5625rem;
    margin: 0 0 1.6875rem;
}

.timeline-activity .timeline-short-info time,
.timeline-activity .timeline-short-info .time {
    color: #908f90;
    font-family: 'gotham_ssmbold';
    display: inline-block;
    padding: 1.5625rem 0.625rem 0;
    font-size: 13px;
}

.timeline-activity .ico-holder {
    display: inline-block;
    vertical-align: middle;
    width: 4.375rem;
    height: 4.375rem;
    background: #2fbdb4;
    border-radius: 50%;
    border: 0.3125rem solid #b3e0e3;
    text-align: center;
    color: #FFFFFF;
}

.timeline-activity .ico-holder [class^="icon-"],
.timeline-activity .ico-holder [class*=" icon-"] {
    font-size: 2rem;
    line-height: 3.75rem;
}

.post-detail {
    max-width: 29.75rem;
}

.post-detail .img-holder {
    padding: 0 0.3125rem 0.3125rem 0;
    position: relative;
    margin: 0.5rem 0 1.0625rem;
}

.post-detail .img-holder:after,
.post-detail .img-holder:before {
    content: '';
    top: 0.875rem;
    right: 0;
    width: 0.25rem;
    background: #cccbcc;
    bottom: 1px;
    position: absolute;
}

.post-detail .img-holder:before {
    top: auto;
    left: 0.875rem;
    width: auto;
    height: 0.25rem;
}

.post-detail .img-frame {
    padding: 0 0.3125rem 0.3125rem 0;
    position: relative;
}

.post-detail .img-frame:after,
.post-detail .img-frame:before {
    content: '';
    top: 0.5625rem;
    right: 0;
    width: 0.25rem;
    background: #cccbcc;
    bottom: 1px;
    position: absolute;
}

.post-detail .img-frame:before {
    top: auto;
    left: 0.5625rem;
    width: auto;
    height: 0.25rem;
}

.post-detail .img-wrap {
    padding: 0 0.3125rem 0.3125rem 0;
    position: relative;
}

.post-detail .img-wrap:after,
.post-detail .img-wrap:before {
    content: '';
    top: 0.25rem;
    right: 0;
    width: 0.25rem;
    background: #cccbcc;
    bottom: 1px;
    position: absolute;
}

.post-detail .img-wrap:before {
    top: auto;
    left: 0.25rem;
    width: auto;
    height: 0.25rem;
}

.timeline-item {
    margin: 0 0 2.625rem;
    padding: 0 0 0 5.25rem;
    position: relative;
    z-index: 3;
}

.timeline-item.post-detail {
    margin-bottom: 3.0625rem;
}

.timeline-item.post-detail .accordion:before,
.timeline-item.post-detail .accordion:after {
    display: none;
}

.timeline-item.add {
    margin-bottom: 3.3125rem;
}

.timeline-item.add2 {
    margin-bottom: 3.625rem;
}

.timeline-item.add2 .accordion {
    padding-bottom: 0.375rem;
}

.timeline-item.add3 .accordion {
    padding-bottom: 0.5625rem;
}

.timeline-item .accordion {
    margin: 0;
    border: 1px solid #cdcccc;
    border-radius: 3px;
    background: #FFFFFF;
    border-bottom-width: 5px;
    position: relative;
}

.timeline-item .accordion:before,
.timeline-item .accordion:after {
    content: '';
    position: absolute;
    left: -1rem;
    top: 0.75rem;
    border: 0.875rem solid #cdcccc;
    border-width: 0.875rem 1rem 0.875rem 0;
    border-color: transparent #cdcccc transparent transparent;
    display: block;
    z-index: 1;
}

.timeline-item .accordion:after {
    z-index: 2;
    border-color: transparent #FFFFFF transparent transparent;
    left: -0.9375rem;
}

.timeline-item .accordion-navigation > a {
    background: none !important;
    border-bottom: 1px solid #cdcccc;
    text-transform: none;
    color: #222928;
    font-family: 'gotham_ssmbold';
    padding: 0.9375rem 2.5rem 0.9375rem 1.3125rem;
}

.timeline-item .accordion-navigation > a:hover,
.timeline-item .accordion-navigation > a:active,
.timeline-item .accordion-navigation > a:focus {
    color: #394543;
    text-decoration: none;
}

.timeline-item .accordion-navigation > a:after {
    font-size: 2.25rem;
    top: 0.5625rem;
    right: 0.9375rem;
}

.timeline-item .accordion-navigation.active > a:after {
    top: 0.3125rem;
}

.timeline-item .accordion-navigation > .content {
    background: none !important;
    padding: 0.875rem 1.3125rem;
}

.timeline-item .doc-item {
    float: left;
    width: 11rem;
    margin: 0;
}

.timeline-item.timeline-item-documents .text-wrap{
    /*width: 75%; 
    float: right;*/
    width: auto;
    float: none;
}

.timeline-item .text-wrap {
    overflow: hidden;
    padding: 0.5rem 0.9375rem 0;
}

.timeline-item p {
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.timeline-item .appointment-detail {
    margin: 0 -0.5rem;
    padding: 0.875rem 0 0;
}

.timeline-item .appointment-detail .col {
    padding: 0 0.5rem;
    width: 34%;
}

.timeline-item .appointment-detail .col:first-child {
    width: 34%;
}

.timeline-item .appointment-detail .col.last {
    width: 32%;
}

.timeline-item .appointment-detail .appointment-info {
    padding: 0.8125rem 1.1875rem;
    min-height: 100px;
}

.timeline-item .appointment-detail .appointment-info.request:before {
    min-height: 75px;
}

.timeline-item .video-wrap img {
    width: 100%;
    height: auto;
}

.timeline-heading {
    display: block;
    overflow: hidden;
    text-align: center;
    font-size: 1.125rem;
    line-height: 1.625rem;
    font-family: 'gotham_ssmbold';
    font-weight: 400;
    color: #a6a4a5;
    margin: 0 0 2.9375rem 5.25rem;
}

.timeline-heading span {
    display: inline-block;
    vertical-align: top;
    position: relative;
    padding: 0 1.25rem;
}

.timeline-heading span:before,
.timeline-heading span:after {
    content: '';
    position: absolute;
    top: 50%;
    height: 1px;
    left: 100%;
    right: -9999px;
    background: #cdcccc;
    z-index: 9;
    box-shadow: 0 1px 0 #fff;
}

.timeline-heading span:before {
    right: 100%;
    left: -9999px;
}

/* custom file input styles */

.jcf-file {
    display: inline-block;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
}

.jcf-file .jcf-real-element {
    position: absolute;
    font-size: 12.5rem;
    height: 12.5rem;
    margin: 0;
    right: 0;
    top: 0;
}

.jcf-file .jcf-fake-input {
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: top;
    overflow: hidden;
    border: 1px solid #777;
    padding: 0 0.5rem;
    font-size: 0.8125rem;
    line-height: 1.75rem;
    height: 1.75rem;
    width: 7.8125rem;
    display: none;
}

.jcf-file .jcf-upload-button {
    display: inline-block;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    padding: 0.4375rem 0.625rem 0.1875rem;
    line-height: 1.875rem;
    height: 2.5rem;
    font-size: 1rem;
    font-family: 'gotham_ssmbold';
    background: #2fbdb4;
    color: #FFFFFF;
    text-transform: uppercase;
    text-align: center;
}

.jcf-file .jcf-upload-button:hover,
.jcf-file .jcf-upload-button:active,
.jcf-file .jcf-upload-button:focus {
    background: #4cd3ca;
    text-decoration: none;
    border-color: #4cd3ca;
}

@media only screen and (min-width:48em) {

#wrapper {
    padding-top: 4.625rem;
}

#header {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 999;
}

.left-off-canvas-toggle {
    display: none;
}

.left-off-canvas-menu {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    /*top: 5.625rem;*/
    top: 90px;
    position: fixed;
    z-index: 999999;
}
.side-nav li a:not(.button){
    padding:1.25rem !important;
}

/*#header .large-2{
    width:210px;
}
#header .large-10{
    width:798px;
}*/
.move-right > .inner-wrap {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.move-right .exit-off-canvas {
    display: none;
}

.timeline-activity .post-detail .accordion .accordion-navigation > .content {
    /*display: block !important;*/
}

}

/** iPad landscape only **/
@media only screen and (min-width:60em) and (max-width:63.9375em){
    .left-off-canvas-menu {
        top: 70px!important;
        width: 210px;
    }
    #main > .row > .columns {
        /*padding-left: 165px;  */
        padding-left: 5px;
    }
}

/* Tabelt portrait and landscape */
@media only screen and (min-width:48em) and (max-width:59.9999em) {

.left-off-canvas-menu {
    width: 3.75rem;
    top: 4.375rem;
}

.side-nav > ul > li > a {
    text-align: center;
}

.side-nav > ul > form span.icon2-unlocked{
    margin: 0!important;
}

.side-nav > ul > form > li > a {
    text-align: center;
}

.side-nav > ul > li > a:not(.button) {
    padding: 1.0625rem 0.3125rem;
}

.side-nav > ul > form > li > a:not(.button) {
    padding: 1.0625rem 0.3125rem;
}

.side-nav > ul > li > a span + span {
    display: none;
}

.side-nav > ul > form > li > a span + span {
    display: none;
}

.side-nav > ul > li > a [class^="icon-"],
.side-nav > ul > li > a [class*=" icon-"] {
    margin: 0;
    font-size: 1.625rem;
}

.side-nav > ul > li.active ul,
.side-nav > ul > li:hover ul {
    display: none;
}

.chart-holder {
    display: none;
}

}

@media only screen and (min-width:63.9375em) {

#wrapper {
    padding-top: 5.875rem;
}

.my-account .large-5 {
    width: 40%;
}

.my-account .large-7 {
    width: 60%;
}

.categories-holder {
    margin: 0 -0.1875rem;
}

.categories-holder li {
    float: left;
    padding: 0.1875rem 1.375rem 0.9375rem;
    width: 20%;
}

.categories-holder li.active .button {
    background: #474b4b;
    border-color: #10c9bf;
    text-align: center;
}

.categories-holder .button {
    font-size: 0.875rem;
    line-height: 1.375rem;
    border: 2px solid #CCCCCC;
    background: #FFFFFF;
    color: #10c9bf;
    padding: 0.125rem 0.3125rem 0.3125rem;
    text-align: left;
    margin-bottom: 0;
}

.categories-holder .button:hover {
    background: #474b4b;
    border-color: #10c9bf;
}

.categories-holder .button span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0.2375rem;
}

.categories-holder .button [class^="icon-"],
.categories-holder .button [class*=" icon-"] {
    font-size: 1.1875rem;
}

.timeline-activity .timeline-short-info {
    position: absolute;
    right: 100%;
    top: -0.1875rem;
    margin-right: -4rem;
    width: 11.25rem;
    text-align: right;
}

.timeline-activity .ico-holder {
    float: right;
}

.timeline-activity {
    padding: 0 0 0 6.875rem;
    margin: 0 -0.625rem 0 0;
    overflow: visible;
}

.timeline-activity:after,
.timeline-activity:before {
    content: '';
    position: absolute;
    left: 8.625rem;
    width: 0.125rem;
    bottom: 5.9375rem;
    top: 4.0625rem;
    background: #2fbdb4;
    z-index: 1;
    min-height: 25rem;
}

.timeline-activity:after {
    z-index: 2;
    width: 0.75rem;
    height: 0.75rem;
    top: auto;
    border-radius: 50%;
    left: 8.3125rem;
    min-height: 0;
}

.timeline-activity:first-child {
    margin: -3.75rem -0.625rem 2.5625rem 0;
}

.timeline-activity.unscheduled:after,
.timeline-activity.unscheduled:before {
    bottom: 4.6875rem;
}

}

@media only screen and (min-width:63.9375em) and (max-width:91.1875em) {

.logo-wrap {
    padding: 1.625rem 0.625rem 0;
    min-height: 5.625rem;
}

.header-info-holder .info-wrap .text-wrap {
    font-size: 0.9375rem;
}

.side-nav li a:not(.button) {
    padding: 1.25rem 0.3125rem;
}

.side-nav > ul > li > a [class^="icon-"],
.side-nav > ul > li > a [class*=" icon-"] {
    margin: 0 0.3125rem 0 0;
}

.side-nav > ul > li li > a:not(.button) {
    padding-left: 20px;
}

.stages-list li > a {
    min-width: 7.1875rem;
}

.stages-list li.active > a {
    min-width: 7.1875rem;
}

.doc-item-wrap {
    width: 33.33%;
}

.doc-item-wrap.attention {
    width: 33.33%;
}

.attention-doc {
    margin: 0 0 0.625rem;
    max-width: none;
}

.doc-item {
    margin: 0 0 2.125rem;
}

.team-member .detail-info {
    padding: 0 0.9375rem;
}

.upload-form .drage-image {
    padding: 0.9375rem 0.625rem 0.6875rem;
}

.upload-form .info-text {
    padding: 17px 0 0 5px;
    font-size: 17px;
    line-height: 22px;
}

.upload-form .jcf-file {
    width: 40%;
}

.my-albums .create-album {
    padding: 1.5rem 0.5rem;
}

.my-albums .create-album span {
    padding-right: 0;
}

.base-knowledge .article-footer {
    line-height: 1rem;
}

.base-knowledge .article-footer .next-col,
.base-knowledge .article-footer .prev-col {
    max-width: 10rem;
}

.base-knowledge .article-footer .text {
    font-size: 0.875rem;
}

.categories-holder li {
    padding: 0 0.9375rem 0.9375rem;
    width: 15.33%;
}

.timeline-container .large-2 {
    width: 24%;
}

.timeline-container .large-8 {
    width: 59.3%;
}

.timeline-activity:after,
.timeline-activity:before {
    bottom: 3.4375rem;
}

.timeline-activity .share-wrap .button [class^="icon-"],
.timeline-activity .share-wrap .button [class*=" icon-"] {
    display: none;
}

.timeline-activity .share-wrap .info-text {
    margin: 0.375rem 0 0;
}

.timeline-item .doc-item {
    /*float: none;*/
    float: left;
    margin-right: 5px;
}

.timeline-item .text-wrap {
    width: auto;
    float: none;    
}

.timeline-item .video-wrap {
    margin-bottom: 0.9375rem;
}

.timeline-item .appointment-detail .col {
    float: none;
    width: auto;
}

.timeline-item .appointment-detail .col:first-child {
    width: auto;
}

.timeline-item .appointment-detail .col.last {
    width: auto;
}

.timeline-item .appointment-detail .appointment-info {
    padding: 0.625rem;
    min-height: 0;
}

.timeline-item .appointment-detail .appointment-info.request {
    padding: 0;
}

.timeline-item .appointment-detail .appointment-info.request:before {
    display: none;
}

.timeline-item .appointment-detail .appointment-info.request .link {
    display: block;
    padding: 0.625rem;
}

.timeline-item .appointment-detail .appointment-info.request .link br {
    display: none;
}

}

@media only screen and (min-width:91.25em) {

.doc-item-wrap.attention {
    padding-right: 1.9375rem;
}

.row-wrap {
    overflow: hidden;
    max-width: 76%;
}

.row-wrap .doc-item-wrap {
    width: 25%;
}

.timeline-item .video-wrap {
    float: left;
    max-width: 22.125rem;
    margin: 0.4375rem 0.8125rem 1rem 0;
}

}

@media only screen and (min-width: 1000px) {

.tel {
    cursor: default;
    pointer-events: none;
}

}

@media only screen and (max-width: 63.9375em) {

#header .large-2 {
    width: 210px;
}

#header .large-10 {
    width: auto;
    float: none;
    overflow: hidden;
}

.logo-wrap {
    padding: 0.8125rem 1.125rem 0;
    min-height: 4.375rem;
}

.logo {
    width: 10.9375rem;
}

.header-info-holder {
    padding: 0 0 0 20px;
}

.header-info-holder .img-holder {
    width: 2.875rem;
    height: 2.875rem;
}

.header-info-holder .info-wrap {
    padding: 0.6875rem 0.125rem;
}

.header-info-holder .info-wrap .text-wrap {
    font-size: 0.875rem;
    line-height: 1rem;
    padding: 0.3125rem 0 0 1.0625rem;
}

.header-info-holder .info-wrap .text-wrap strong {
    display: block;
}

.header-info-holder .info-wrap .text-wrap strong:after {
    display: none;
}

.action-links-holder {
    max-width: 13.125rem;
}

.actions-links li > a {
    width: 4.375rem;
    min-height: 4.375rem;
}

.actions-links li .text {
    display: none;
}

#main {
    padding: 1.5rem 0 0 3.75rem;
}

.stages-block {
    margin: -0.3125rem 0 1.375rem;
    padding: 0 0 1.125rem;
}

.stages-block .heading {
    margin: 0 0 0.9375rem;
}

.stages-block .info-link {
    width: 3.0625rem;
    height: 3.0625rem;
}

.stages-block .info-link .icon-info {
    font-size: 1.625rem;
    line-height: 3.0625rem;
}

.breadcrumbs {
    padding: 0.4375rem 1.0625rem 0;
}

.breadcrumbs > * {
    font-size: 1.5rem;
    line-height: 2rem;
}

.stages-list {
    margin: 0 0.625rem;
}

.stages-list li {
    vertical-align: top;
    margin-top: 0.375rem;
}

.stages-list li > a {
    min-width: 0;
    padding: 0;
    border: 3px solid #474b4b;
}

.stages-list li > a > span {
    display: none;
}

.stages-list li > a .num-info {
    display: block;
    margin: 0;
}

.stages-list li:before {
    margin-right: -4.375rem;
}

.stages-list li.hide-for-small {
    padding-left: 3.25rem;
}

.stages-list li.active {
    margin-top: 0;
}

.stages-list li.active > a {
    padding: 0.1875rem 0.25rem 0.25rem;
    min-width: 7.875rem;
}

.stages-list li.active > a > span {
    display: inline-block;
}

.stages-list li.active > a .num-info {
    margin-right: 0.3125rem;
}

.stage-activity .video-wrap {
    float: none;
    width: auto;
    margin: 0 0 1rem;
}

.stage-activity .accordion-navigation > .content {
    padding: 1rem 0.75rem 0.625rem;
}

.stage-activity .accordion-navigation > a:after {
    top: 0.875rem;
}

.stage-activity .desc-text {
    padding: 0;
}

.stage-activity .desc-text p {
    margin-bottom: 1.1875rem;
}

.stage-activity .desc-text ul {
    -moz-column-count: 2;
    -moz-column-gap: 2.1875rem;
    -webkit-column-count: 2;
    -webkit-column-gap: 2.1875rem;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

.stage-activity .desc-text ul li {
    padding: 0 0 0.9375rem 0.8125rem;
    margin: 0;
}

.stage-activity .desc-text ul li:after {
    left: 0.1875rem;
    top: 0.5625rem;
}

.stage-tasks {
    margin-bottom: 1.4375rem;
}

.stage-tasks .accordion .accordion-navigation {
    padding: 0 0.875rem;
}

.stage-tasks .accordion .accordion-navigation > a:after {
    right: 0;
}

.upcoming-appointments {
    margin-bottom: 1.625rem;
}

.upcoming-appointments .appointment-item .title {
    max-width: none;
}

.upcoming-appointments .appointment-item .view-link {
    display: none;
}

.stage-resources {
    margin: 0 0 2rem;
}

.stage-resources ul {
    margin: 0;
    padding: 1.0625rem 0 0.0625rem;
}

.stage-resources ul li {
    float: left;
    width: 50%;
    padding: 0 0.9375rem;
}

.my-documents {
    padding-bottom: 0;
    margin-bottom: 2.9375rem;
}

.my-documents .text-wrap {
    padding-bottom: 0.5625rem;
}

.my-documents .text-wrap p {
    font-size: 0.875rem;
    line-height: 1.125rem;
}

.doc-item-wrap {
    padding: 0 1rem;
    width: 33.33%;
}

.doc-item-wrap.attention {
    float: none;
    width: auto;
}

.attention-doc {
    max-width: none;
    overflow: hidden;
    padding: 0.875rem 1.125rem;
}

.attention-doc .text {
    float: left;
    margin: 0 0 0.6875rem;
}

.attention-doc .doc-item {
    float: right;
    margin: 0.375rem 0;
}

.attention-doc .button {
    width: auto;
    padding: 0.6875rem 1.75rem;
    float: left;
    clear: left;
}

.doc-item {
    margin: 0 0 1.8125rem;
}

.my-team {
    padding-bottom: 2.0625rem;
    margin-bottom: 5.6875rem;
}

.my-team .text-wrap {
    padding: 0.8125rem 1.0625rem 0.875rem;
}

.my-team .text-wrap p br {
    display: none;
}

.my-team .wrap {
    border: none;
    padding: 0;
}

.my-team .wrap:first-child .large-6:first-child {
    padding-top: 1rem;
}

.my-team .large-6 {
    border-top: 1px solid #cdcccc;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.team-member .btn-contact {
    padding: 0.6875rem 2.9375rem;
    margin: 0;
}

#footer {
    position: relative;
    z-index: 9999;
    padding: 0.875rem 0;
    padding-left:3.75rem;
}

.my-appointments .text-wrap {
    padding: 0.8125rem 0.9375rem 0.875rem;
}

.my-appointments .text-wrap p {
    margin: 0;
}

.appointment-schedule {
    margin: 0 0 2.25rem;
}

.appointment-schedule.payments {
    margin-bottom: 4.1875rem;
}

.appointment-schedule .tabs .tab-title > a {
    padding: 0.375rem 0.875rem;
}

.appointment-schedule .accordion .accordion-navigation {
    padding: 0 0.9375rem;
    border-top: 1px solid #cbcbcb;
    border-bottom: none;
}

.appointment-schedule .accordion .accordion-navigation:first-child {
    border: none;
}

.appointment-schedule .accordion.payments {
    margin-bottom: 0.1875rem;
}

.appointment-schedule .accordion.payments .accordion-navigation > a {
    padding-left: 2.625rem;
}

.appointment-schedule .accordion.payments .accordion-navigation > .content {
    padding: 0.125rem 0;
}

.appointment-schedule .tabs-content {
    margin-bottom: 0;
}

.appointment-schedule .tabs-content > .content {
    padding-bottom: 0;
}

.appointment-schedule .table-wrap {
    float: none;
    width: auto;
}

.appointment-schedule .invoice-table {
    margin-bottom: 1.0625rem;
}

.appointment-schedule .btn-download {
    width: auto;
    padding: 0.75rem 1rem;
    margin: 0 0 1.375rem;
}

.appointment-detail {
    margin: 0 -0.5rem;
}

.appointment-detail .col {
    padding: 0 0.5rem;
    width: 31%;
}

.appointment-detail .col:first-child {
    width: 37.2%;
}

.appointment-detail .col.last {
    width: 31.8%;
}

.appointment-detail .appointment-info {
    min-height: 0;
    margin: 0 0 1.125rem;
}

.appointment-detail .appointment-info.request:before {
    min-height: 4.5rem;
}

.my-gallery {
    padding: 0 0 1.1875rem;
    border-bottom-width: 0.25rem;
    margin-bottom: 2.3125rem;
}

.my-gallery.big .heading {
    padding: 0.6875rem 1rem;
}

.my-gallery .text-wrap {
    overflow: hidden;
    padding: 0.3125rem 0.25rem 1rem;
}

.my-gallery .text-wrap p {
    margin-bottom: 0;
}

.upload-form .drage-image {
    margin: 0;
    padding: 0.9375rem 1.25rem 0.6875rem 2rem;
}

.upload-form .jcf-file {
    width: 37.4%;
}

.my-albums .heading {
    margin: 0 0 1.1875rem;
}

.my-albums .albums-holder {
    padding: 0 0.9375rem 0.1875rem;
}

.my-albums .create-album {
    padding: 1.5rem 0.9375rem;
}

.my-albums .create-album > span {
    padding-right: 0;
}

.my-albums .create-album > span span {
    display: none;
}

.my-albums .albums-item .img-holder {
    display: none;
}

.my-albums .albums-item .text {
    padding: 0 0.9375rem;
}

.uncategorised-images {
    margin: 0 0 2.4375rem -0.625rem;
    padding-bottom: 0.75rem;
}

.uncategorised-images .heading {
    margin: 0;
}

.uncategorised-images .photo-item {
    margin: 1.1875rem 0 0;
}

.uncategorised-images .images-holder {
    padding: 0 0.3125rem;
}

.uncategorised-images .images-holder .col {
    padding: 0 0.625rem;
}

.uncategorised-images .photo-info {
    padding: 0.1875rem 0.375rem;
}

.uncategorised-images .photo-info .link-plus {
    font-size: 1rem;
}

.my-account {
    margin: -0.1875rem 0 2.5rem;
}

.my-account .note-text {
    margin: 0 0 0.25rem;
}

.my-account .account-details {
    margin: 0 0 2.1875rem;
}

/*.my-account .account-details ul {
    -moz-column-count: 2;
    -moz-column-gap: 1.875rem;
    -webkit-column-count: 2;
    -webkit-column-gap: 1.875rem;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}*/

.my-account .account-details ul li {
    margin: 0 0 0.75rem;
}

.my-account .account-details ul li strong span {
    display: none;
}

.my-account .accordion .accordion-navigation {
    padding: 0 0.9375rem;
}

.my-account .accordion .accordion-navigation > a {
    padding: 0.5rem 1.25rem 0.5625rem 0;
}

.my-account .accordion .accordion-navigation > a:after {
    top: 0.625rem;
    right: 0;
}

.my-account .accordion .accordion-navigation > .content {
    padding: 0.375rem 0;
    overflow: hidden;
}

.detail-update .btn-update {
    padding: 0.625rem 3.25rem;
    margin: 0 0 2.4375rem;
}

.customise-alerts {
    margin-bottom: 5.5rem;
}

.customise-alerts .content-list li {
    line-height: 1.25rem;
    padding: 1.125rem 1.25rem 1.3125rem 2rem;
}

.my-resources {
    margin: 0 0 2.1875rem;
}

.my-resources .info-text {
    padding: 1.25rem 0.9375rem;
}

.search-form {
    padding: 0.125rem 0.9375rem;
}

.search-form .input-wrap {
    margin: 0 0 1rem;
}

.resources-list-holder {
    max-width: none;
    margin: 0 -1.625rem;
}

.resources-list-holder .col {
    padding: 0 0.9375rem;
    margin: 0 0 1.4375rem;
}

.resources-list-holder .title {
    line-height: 1.25rem;
}

.resources-list-holder .icon-holder {
    width: 5.625rem;
    height: 5.625rem;
    border-width: 0.3125rem;
}

.resources-list-holder .icon-holder [class^="icon-"],
.resources-list-holder .icon-holder [class*=" icon-"] {
    font-size: 2.625rem;
    line-height: 5rem;
}

.browse-resources {
    margin-bottom: 2.5rem;
}

.browse-resources .heading {
    padding: 0.5rem 0.8125rem;
}

.browse-resources .resources-list li {
    padding: 1rem 0.875rem;
}

.base-stage {
    margin-bottom: 2.625rem;
}

.base-stage .heading .btn-return {
    width: 32.4%;
}

.base-knowledge {
    margin-bottom: 5.4375rem;
}

.base-knowledge .heading {
    margin: 0 0 1.1875rem;
}

.base-knowledge .heading h2 {
    padding: 0 0.875rem;
}

.base-knowledge .heading .btn-return {
    width: 32.4%;
}

.base-knowledge .main-article {
    width: auto;
    border: none;
    padding: 0 0.5rem;
}

.base-knowledge .main-article p {
    margin-bottom: 0.6875rem;
}

.base-knowledge .video-wrap {
    margin: 0 0 1.375rem;
}

.base-knowledge .img-holder {
    margin: 0 -0.9375rem 1.625rem;
    padding: 0.5625rem 0 0;
}

.base-knowledge .img-holder .img-wrap {
    padding: 0 0.9375rem;
    width: 50%;
}

.base-knowledge .text-wrap {
    margin-bottom: 0.9375rem;
}

.login-block .login-form-holder {
    padding: 4.375rem 0 0;
}

.login-block .logo {
    width: 13.9375rem;
    margin: 0 auto 6rem;
}

.timeline-filter {
    margin: 0.5rem 0 2.5rem;
}

.timeline-filter.big .heading {
    padding: 0.875rem 0.75rem;
    margin: 0 0 1rem;
}

.timeline-filter.big .heading h2 {
    font-size: 1.5rem;
    line-height: 2rem;
}

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

.categories-holder .button {
    display: inline-block;
    vertical-align: top;
    padding: 0 8.25rem;
    border-radius: 0;
    background: none;
    width: auto;
    color: #10c9bf;
    font-size: 1.3125rem;
    line-height: 1.625rem;
    margin: 0 0 0.9375rem;
    position: relative;
}

.categories-holder .button:hover,
.categories-holder .button:active,
.categories-holder .button:focus {
    color: #1fede2;
    text-decoration: none;
}

.categories-holder .button:before,
.categories-holder .button:after {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0.625rem;
    left: 0;
    content: "\e61c";
    font-size: 0.625rem;
}

.categories-holder .button:after {
    left: auto;
    right: 0;
}

.timeline-activity .timeline-title .button {
    margin-bottom: 1.8125rem;
}

.timeline-activity .timeline-short-info {
    margin: 0 0 1.375rem;
}

.timeline-activity .timeline-short-info time,
.timeline-activity .timeline-short-info .time {
    vertical-align: middle;
    padding: 0 0.3125rem;
}

.timeline-activity .ico-holder {
    width: 3.75rem;
    height: 3.75rem;
}

.timeline-activity .ico-holder [class^="icon-"],
.timeline-activity .ico-holder [class*=" icon-"] {
    font-size: 1.625rem;
    line-height: 3.125rem;
}

.post-detail {
    max-width: 24.5rem;
}

.post-detail .img-holder {
    margin-top: 0;
}

.timeline-item {
    padding: 0;
    margin: 0 0 1.625rem;
}

.unscheduled .timeline-item {
    margin-bottom: 1.125rem;
}

.timeline-item.post-detail {
    margin-bottom: 0.6875rem;
}

.timeline-item.post-detail .accordion .accordion-navigation > .content {
    padding: 1.25rem 1.25rem 0.875rem;
}

.timeline-item.add {
    margin-bottom: 1.4375rem;
}

.timeline-item.add .share-wrap [class^="icon-"],
.timeline-item.add .share-wrap [class*=" icon-"] {
    display: none;
}

.timeline-item .accordion:before,
.timeline-item .accordion:after {
    left: 1.0625rem;
    top: -1rem;
    border-width: 0 0.875rem 1rem;
    border-color: transparent transparent #cdcccc transparent;
}

.timeline-item .accordion:after {
    border-color: transparent transparent #FFFFFF transparent;
    top: -15px;
}

.timeline-item .appointment-detail {
    padding: 0;
}

.timeline-item .appointment-detail .col {
    float: none;
    width: auto;
}

.timeline-item .appointment-detail .col:first-child {
    width: auto;
}

.timeline-item .appointment-detail .col.last {
    width: auto;
}

.timeline-item .appointment-detail .appointment-info {
    padding: 0.625rem;
    min-height: 0;
}

.timeline-item .appointment-detail .appointment-info.request {
    padding: 0;
}

.timeline-item .appointment-detail .appointment-info.request:before {
    display: none;
}

.timeline-item .appointment-detail .appointment-info.request .link {
    display: block;
    padding: 0.625rem;
}

.timeline-item .appointment-detail .appointment-info.request .link br {
    display: none;
}

.timeline-heading {
    margin: 0 0 2.25rem;
}

.timeline-heading span {
    padding: 0 0.625rem;
}

}

@media only screen and (max-width: 47.9375em) {

#header {
    background: #26a49d;
    border: none;
    position: fixed;
    width: 100%;
    top: 0;
}

#header .large-2 {
    width: 6.875rem;
}

#header .large-10 {
    float: none;
    overflow: hidden;
    width: auto;
}

.logo-wrap {
    float: left;
    width: 3.75rem;
    height: 3.125rem;
    padding: 0.5625rem 0 0;
    min-height: 0;
}

.logo {
    width: 2.6875rem;
    margin: 0 auto;
}

.header-info-holder {
    padding: 0;
}

.header-info-holder .info-wrap {
    display: none;
}

.actions-links li > a {
    min-height: 3.125rem;
    padding: 0.4375rem 0 0;
}

.actions-links .icon-holder {
    margin-bottom: 0;
}
.off-canvas-wrap.move-right{
    overflow-x: hidden;
}

.left-off-canvas-menu {
    width: 14.125rem;
    position: fixed;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    transition: left 0.5s;
    left: 0;
    top:38px;
    /* transform: none; */
}
.move-right .left-off-canvas-menu {
    left: 14.125rem;
    -webkit-transition: left 0.5s;
    -moz-transition: left 0.5s;
    -ms-transition: left 0.5s;
    transition: left 0.5s;
}
.inner-wrap{
    margin-left: 0;
    -webkit-transition: margin-left 0.3s;
    -moz-transition: margin-left 0.3s;
    -ms-transition: margin-left 0.3s;
    transition: margin-left 0.3s;
}
.move-right > .inner-wrap {
    -ms-transform: none;
     -webkit-transform: none; 
     transform: none; 
    -ms-transform: none;
    transform: none;
    margin-left: 14.125rem;
    -webkit-transition: margin-left 0.3s;
    -moz-transition: margin-left 0.3s;
    transition: margin-left 0.3s;
}
/*.move-right > .inner-wrap{
    margin-left: 7rem;
}
*/
.move-right .exit-off-canvas {
    box-shadow: none;
    top: 3.125rem;
}

#main {
    padding: 0.9375rem 0 0;
}

.stages-block {
    margin: 0 0 1.375rem;
}

.breadcrumbs {
    padding: 0.75rem 0.625rem 0;
}

.breadcrumbs > * {
    font-size: 1.125rem;
    line-height: 1.5rem;
}

.breadcrumbs > *:before {
    display: none;
}

.breadcrumbs > a {
    display: none;
}

.breadcrumbs > a.current {
    display: inline-block;
}

.stages-list {
    margin: 0 1.125rem;
}

.stages-list > li.hide-for-small {
    display: none !important;
}

.stage-activity {
    padding-bottom: 0.5rem;
    margin-bottom: 1.5rem;
}

.stage-activity .accordion-navigation > a {
    font-size: 1.125rem;
    line-height: 1.4375rem;
    padding: 13px 9px;
}

.stage-activity .accordion-navigation > a:after {
    font-size: 1.5rem;
    right: 0.5625rem;
}

.stage-activity .accordion-navigation.active > a:after {
    top: 0.75rem;
    right: 0.75rem;
}

.stage-activity .accordion-navigation > .content {
    padding: 0.6875rem 0.625rem 0;
}

.stage-activity .video-wrap {
    margin: 0 0 0.5625rem;
}

.stage-activity .desc-text {
    padding: 0;
}

.stage-activity .desc-text p {
    margin-bottom: 0.9375rem;
}

.stage-activity .desc-text ul {
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}

.stage-activity .desc-text ul li {
    padding: 0 0 0.9375rem 1.375rem;
    margin: 0;
}

.stage-activity .desc-text ul li:after {
    left: 0.5rem;
}

.common-block .heading {
    padding: 0.8125rem 0.75rem;
}

.common-block .heading h2 {
    font-size: 1.125rem;
    line-height: 1.4375rem;
    letter-spacing: -0.03125rem;
}

.common-block.big .heading {
    padding: 0.6875rem;
}

.common-block.big .heading h2 {
    font-size: 1.125rem;
    line-height: 1.375rem;
}

.stage-tasks {
    margin-bottom: 1.25rem;
}

.stage-tasks .accordion {
    margin: 0;
}

.stage-tasks .accordion .accordion-navigation {
    padding: 0 0.625rem;
}

.stage-tasks .accordion .accordion-navigation > a {
    padding: 0.6875rem 0.9375rem 0.625rem 2.625rem;
    line-height: 1rem;
}

.stage-tasks .accordion .accordion-navigation > a .time {
    float: none;
    display: block;
    padding: 0.3125rem 0 0.125rem;
}

.stage-tasks .accordion .accordion-navigation > a .text {
    max-width: none;
    display: block;
    width: 100%;
}

.stage-tasks .accordion .accordion-navigation.active > a {
    padding: 0.4375rem 0.9375rem 0.25rem 2.625rem;
}

.stage-tasks .accordion .accordion-navigation.active > a:after {
    top: 0.75rem;
}

.stage-tasks .accordion .accordion-navigation > .content {
    padding: 0 0 0 2.5rem;
}

.stage-tasks .accordion .accordion-navigation br {
    display: block;
}

.stage-tasks p {
    margin-bottom: 1.125rem;
}

.upcoming-appointments {
    margin-bottom: 1.4375rem;
}

.upcoming-appointments .appointment-item {
    padding: 0.5rem 0.625rem 0;
}

.stage-resources {
    margin: 0 0 2.25rem;
}

.stage-resources .heading {
    padding: 0.8125rem 0.5625rem;
}

.stage-resources ul {
    margin: 0;
    padding: 0.5rem 0 0.1875rem;
}

.stage-resources ul li {
    float: none;
    width: auto;
    padding: 0 0.5625rem;
    margin: 0 0 0.5625rem;
}

.my-documents {
    padding-bottom: 0.3125rem;
    margin-bottom: 2.125rem;
}

.my-documents .text-wrap {
    padding: 0.75rem 0.5625rem 0;
}

.my-documents .text-wrap p {
    line-height: 1.375rem;
    margin-bottom: 1.0625rem;
}

.doc-item-wrap {
    float: none;
    width: 100%;
    padding: 0 0.625rem;
}

.attention-doc {
    padding: 0.8125rem 0.875rem;
    margin: 0 0 1.5rem;
}

.attention-doc .text {
    float: none;
    margin: 0 0 1.0625rem;
    text-align: center;
}

.attention-doc .doc-item {
    float: none;
    width: auto;
    max-width: none;
    margin: 0 0 1.625rem;
}

.attention-doc .button {
    width: 100%;
}

.doc-item {
    margin: 0 0 2.125rem;
}

.my-team {
    padding-bottom: 0.375rem;
    margin-bottom: 4.375rem;
}

.my-team .row {
    margin: 0 -0.625rem;
}

.my-team .text-wrap {
    padding: 0.8125rem 0.5625rem 1.0625rem;
}

.my-team .wrap {
    border: none;
    padding: 0;
}

.my-team .wrap:first-child .large-6:first-child {
    padding-top: 0.5625rem;
    padding-bottom: 1.0625rem;
}

.my-team .large-6 {
    padding-top: 0.6875rem;
    padding-bottom: 1.0625rem;
}

.my-team .columns {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.my-team .btn-contact span {
    display: inline-block;
    vertical-align: top;
    padding: 0 0 0 2.375rem;
    position: relative;
}

.my-team .btn-contact span:before {
    position: absolute;
    top: -0.0625rem;
    left: 0.125rem;
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e606";
    font-size: 1.5625rem;
}

.team-member {
    position: relative;
    padding: 0 0 2.8125rem;
}

.team-member .img-holder {
    width: 6.25rem;
    margin-bottom: 1.1875rem;
}

.team-member .detail-info {
    padding: 0 0 0.875rem 0.625rem;
}

.team-member .post {
    font-size: 1rem;
    line-height: 1.375rem;
}

.team-member .name {
    font-size: 1rem;
    line-height: 1.375rem;
    margin: 0 0 0.625rem;
}

.team-member .contact-info {
    overflow: hidden;
    max-height: 1.625rem;
}

.team-member .btn-contact {
    position: absolute;
    left: 5px;
    right: 5px;
    bottom: 0;
}

#footer {
    z-index: 9;
    text-align: center;
    padding: 1.0625rem 0;
}

#footer .talk-text {
    margin: 0 0 0.375rem;
}

#footer .social-networks li {
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.footer-nav {
    text-align: center;
    padding: 1.6875rem 0 1.375rem;
}

.footer-nav ul li {
    padding: 0 0 0.1875rem 0.9375rem;
}

.copyright-text {
    text-align: center;
    margin: 0 0 1.875rem;
}

.my-appointments {
    margin: 0 0 1.75rem;
}

.my-appointments .text-wrap {
    padding: 0.75rem 0.5625rem 1.375rem;
}

.my-appointments .text-wrap p {
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.appointment-schedule {
    margin: 0 0 1.625rem;
}

.appointment-schedule .tabs .tab-title > a {
    padding: 0.5625rem;
    font-size: 1rem;
    line-height: 1.3125rem;
}

.appointment-schedule .accordion {
    padding: 0.3125rem 0 0;
    margin-bottom: -0.1875rem;
}

.appointment-schedule .accordion .accordion-navigation {
    padding: 0 0.625rem;
}

.appointment-schedule .accordion .accordion-navigation > a {
    font-size: 0.875rem;
    line-height: 1rem;
    overflow: hidden;
    padding: 0.6875rem 1.625rem 0.625rem 0;
    display: table;
    width: 100%;
    vertical-align: middle;
    height: 49px;
}

.appointment-schedule .accordion .accordion-navigation > a .text {
    max-width: none;
    float: none;
    display: table-cell;
    vertical-align: middle;
    width: 60%;
}

.appointment-schedule .accordion .accordion-navigation > a:after {
    top: 50%;
    margin-top: -0.875rem;
    right: 0;
}

.appointment-schedule .accordion .accordion-navigation > a .time {
    font-size: 0.75rem;
    line-height: 0.875rem;
    text-align: right;
    float: none;
    display: table-cell;
    vertical-align: middle;
}

.appointment-schedule .accordion .accordion-navigation > a .time span {
    display: block;
}

.appointment-schedule .accordion .accordion-navigation > .content {
    padding: 1rem 0 0;
}

.appointment-schedule .accordion.payments {
    padding: 0;
    margin-bottom: 0.1875rem;
}

.appointment-schedule .accordion.payments .accordion-navigation > a {
    padding-left: 1.8125rem;
    text-align: left;
    height: 39px;
}

.appointment-schedule .accordion.payments .accordion-navigation > a .text {
    width: 100%;
}

.appointment-schedule .accordion.payments .accordion-navigation > .content {
    padding: 0.4375rem 0 0.125rem;
}

.appointment-schedule .accordion .task-indicator {
    top: 0.5625rem;
    left: 0;
    width: 1.25rem;
    height: 1.25rem;
    border: 1px solid #2ebcb3;
}

.appointment-schedule .accordion .task-indicator .icon-tick {
    font-size: 0.5625rem;
    line-height: 1.125rem;
}

.appointment-schedule.payments {
    margin-bottom: 2.375rem;
}

.appointment-schedule.payments .tabs-content > .content {
    padding: 0.3125rem 0 0;
}

.appointment-schedule .invoice-table {
    margin-bottom: 0.8125rem;
}

.appointment-schedule .invoice-table td,
.appointment-schedule .invoice-table tr,
.appointment-schedule .invoice-table tbody {
    float: left;
    display: block;
    width: 100%;
    clear: both;
}

.appointment-schedule .invoice-table tr td {
    padding: 0.5rem 0.625rem 0.4375rem;
}

.appointment-schedule .btn-download {
    float: none;
    width: 100%;
    line-height: 1rem;
    margin: 0 0 0.5625rem;
}

.appointment-detail .col {
    padding: 0 0.5rem;
    float: none;
    width: auto;
}

.appointment-detail .col:first-child {
    width: auto;
}

.appointment-detail .col:first-child .appointment-info {
    padding-bottom: 1.0625rem;
}

.appointment-detail .col.last {
    width: auto;
}

.appointment-detail .appointment-info {
    margin: 0 0 1.125rem;
    padding: 0.875rem 1.0625rem 0.6875rem;
    margin: 0 0 1rem;
}

.appointment-detail .appointment-info.request {
    margin-bottom: 1.9375rem;
    padding: 0;
}

.appointment-detail .appointment-info.request:before {
    display: none;
}

.appointment-detail .appointment-info.request .link {
    display: block;
    padding: 0.5rem;
}

.appointment-detail .appointment-info.request .link br {
    display: none;
}

.my-gallery {
    margin-bottom: 1.8125rem;
}

.my-gallery .text-wrap {
    overflow: hidden;
    padding: 0;
    margin: 0 -0.3125rem 2.3125rem;
}

.my-gallery .text-wrap p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
}

.upload-form {
    margin: 0 -0.3125rem;
}

.upload-form .drage-image {
    padding: 0.6875rem 0.9375rem 0.5rem;
}

.upload-form .info-text {
    padding: 0.9375rem 0 0 1rem;
}

.upload-form .jcf-file {
    display: block;
    float: none;
    width: auto;
    clear: both;
    padding: 0.875rem 0 0;
}

.my-albums {
    margin: 0 0 1.8125rem;
    padding: 0 0 0.75rem;
}

.my-albums .heading {
    padding: 0.625rem 0.5rem;
    margin: 0 0 1.0625rem;
}

.my-albums .create-album {
    padding: 0.75rem 0.6875rem;
}

.my-albums .create-album > span {
    padding: 0 1.125rem;
}

.my-albums .albums-holder {
    padding: 0 0.625rem 0.1875rem;
}

.my-albums .albums-item {
    margin: 0 0 0.8125rem;
}

.my-albums .albums-item .text {
    padding: 0 0.9375rem;
}

.my-albums .albums-item .text:before {
    min-height: 2.375rem;
}

.uncategorised-images {
    margin: 0 0 2.625rem;
    padding-bottom: 0;
}

.uncategorised-images .heading {
    padding: 0.625rem 0.5rem;
    margin: 0 0 0.8125rem;
}

.uncategorised-images .photo-item {
    margin: 0 0 1.3125rem;
}

.uncategorised-images .images-holder {
    padding: 0;
}

.uncategorised-images .images-holder .col {
    width: 50%;
}

.uncategorised-images .photo-info {
    padding: 0.375rem;
}

.uncategorised-images .photo-info .link-plus {
    font-size: 1.5rem;
}

.my-account {
    margin: 0 0 2rem;
    border-bottom-width: 6px;
}

.my-account .note-text {
    margin: 0 0 0.125rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    padding: 0.875rem 0.625rem;
}

.my-account .account-details {
    margin: 0 -0.3125rem 0.875rem;
}

.my-account .account-details ul {
    -moz-column-count: 1;
    -moz-column-gap: 0;
    -webkit-column-count: 1;
    -webkit-column-gap: 0;
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    margin: 0 0 0.5625rem;
    overflow: hidden;
}

.my-account .account-details ul li {
    margin: 0 0 0.75rem;
}

.my-account .account-details ul li strong span {
    display: none;
}

.my-account .account-details .change-password .text {
    font-size: 14px;
    max-width: 90%;
}

.contact-details {
    margin: 0 -0.3125rem;
}

.detail-update input {
    margin-bottom: 1.25rem;
}

.detail-update .btn-update {
    width: 100%;
    background: #2fbdb4;
    margin: 0 0 1.9375rem;
}

.detail-update .btn-update:hover,
.detail-update .btn-update:focus {
    background: #269790;
}

.customise-alerts {
    margin-bottom: 3.5625rem;
}

.customise-alerts .heading {
    padding: 0.75rem 0.625rem;
}

.customise-alerts .heading h2 {
    font-size: 1rem;
    line-height: 1.25rem;
}

.customise-alerts .heading h2 span {
    display: none;
}

.customise-alerts .heading .title-holder {
    margin: 0 -0.5625rem;
    padding: 0.75rem 0 0;
}

.customise-alerts .heading .title-holder .title {
    float: left;
    width: 4rem;
    padding: 0 0.5625rem;
    font-size: 0.75rem;
    line-height: 0.875rem;
}

.customise-alerts .accordion .accordion-navigation {
    padding: 0 0.625rem;
}

.customise-alerts .accordion .accordion-navigation > a {
    padding: 1.5625rem 0 0.9375rem 2.625rem;
}

.customise-alerts .accordion .accordion-navigation > a .text {
    font-size: 14px;
    line-height: 16px;
    max-width: none;
}

.customise-alerts .accordion .accordion-navigation > a:after {
    top: 0.8125rem;
}

.customise-alerts .accordion .accordion-navigation.active > a {
    padding: 1.4375rem 0 1.0625rem 1.6875rem;
}

.customise-alerts .accordion .accordion-navigation.active > a:after {
    top: 0.6875rem;
    left: 0.0625rem;
}

.customise-alerts .accordion .accordion-navigation.active > a .text {
    max-width: 80%;
}

.customise-alerts .accordion .accordion-navigation.active > .check-holder {
    display: block;
}

.customise-alerts .accordion .accordion-navigation > .check-holder {
    display: none;
}

.customise-alerts .accordion .accordion-navigation > .check-holder > .check-wrap > .switch label {
    height: 1.5rem;
    width: 3rem;
}

.customise-alerts .accordion .accordion-navigation > .check-holder > .check-wrap > .switch label:after {
    width: 1.125rem;
    height: 1.125rem;
    top: 0.1875rem;
    left: 0.1875rem;
}

.customise-alerts .accordion .accordion-navigation > .check-holder > .check-wrap > .switch input:checked + label:after {
    left: 1.6875rem;
}

.customise-alerts .check-holder {
    margin: 0 -0.5625rem;
    padding: 1.125rem 0 0;
}

.customise-alerts .check-holder .check-wrap {
    float: left;
    width: 4.25rem;
    padding: 0 0.5625rem;
}

.customise-alerts .content-list li {
    padding: 0.625rem;
    margin: 0 -0.625rem;
    font-size: 0.875rem;
    line-height: 1.125rem;
    min-height: 3.5rem;
}

.customise-alerts .content-list li .text {
    max-width: 50%;
    margin: 0;
}

.customise-alerts .content-list .check-holder {
    margin: 0 -0.5625rem;
    padding: 0.375rem 0 0;
}

.customise-alerts .content-list .check-holder .check-wrap {
    float: left;
    width: 4.25rem;
    padding: 0 0.5625rem;
}

.customise-alerts .content-list .switch {
    margin: 0;
}

.customise-alerts .content-list .switch label {
    height: 1.5rem;
    width: 3rem;
}

.customise-alerts .content-list .switch label:after {
    width: 1.125rem;
    height: 1.125rem;
    top: 0.1875rem;
    left: 0.1875rem;
}

.customise-alerts .content-list .switch input:checked + label:after {
    left: 1.6875rem;
}

.my-resources {
    margin: 0 0 1.625rem;
}

.my-resources .info-text {
    padding: 0.875rem 0.625rem 0.6875rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.search-form {
    padding: 0.125rem 0.625rem 0.1875rem;
}

.resources-list-holder {
    margin: 0 -0.625rem;
}

.resources-list-holder .col {
    padding: 0 0.3125rem;
    margin: 0 0 1.5rem;
}

.resources-list-holder .title {
    font-size: 0.875rem;
}

.resources-list-holder .title span {
    display: none;
}

.resources-list-holder .icon-holder {
    width: 3.5rem;
    height: 3.5rem;
    border-width: 0.1875rem;
    margin-bottom: 0.375rem;
}

.resources-list-holder .icon-holder [class^="icon-"],
.resources-list-holder .icon-holder [class*=" icon-"] {
    font-size: 1.625rem;
    line-height: 3.125rem;
}

.resources-list-holder p {
    display: none;
}

.browse-resources {
    margin-bottom: 1.875rem;
}

.browse-resources .heading {
    padding: 0.75rem 0.5rem;
    margin: 0;
}

.browse-resources .resources-list li {
    padding: 0.625rem 0.5rem 0.5625rem;
    line-height: 1.25rem;
}

.browse-resources .resources-list .title {
    float: none;
    max-width: none;
}

.browse-resources .resources-list .info-text {
    float: none;
    display: block;
    max-width: none;
}

.base-stage {
    margin-bottom: 2.125rem;
}

.base-stage .heading {
    display: block;
    margin: 0;
}

.base-stage .heading h2 {
    display: block;
    width: auto;
    padding: 0.8125rem 0.5rem;
}

.base-stage .heading .btn-return {
    display: block;
    width: auto;
    padding: 0.6875rem 0.625rem;
    margin: 0;
}

.base-stage .stage-list {
    padding-bottom: 0.5rem;
}

.base-stage .stage-list li {
    font-size: 0.875rem;
    line-height: 1.375rem;
    padding: 0.4375rem 0.625rem 0.5rem;
}

.base-stage .stage-list li .text {
    display: block;
    max-width: none;
    padding: 0;
    letter-spacing: -0.025rem;
}

.base-stage .stage-list li .link {
    float: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 1.125rem;
}

.base-stage .stage-list .icon-wrap {
    position: static;
    display: inline-block;
    vertical-align: middle;
    font-size: 1rem;
}

.base-knowledge .heading {
    display: block;
    margin: 0 0 1.125rem;
}

.base-knowledge .heading h2 {
    display: block;
    width: auto;
    padding: 0.8125rem 0.5rem 0.3125rem;
}

.base-knowledge .heading .btn-return {
    display: block;
    width: auto;
    padding: 0.6875rem 0.625rem;
    margin: 0;
}

.base-knowledge .article-holder {
    padding: 0;
}

.base-knowledge .video-wrap {
    margin: 0 0 0.5625rem;
}

.base-knowledge .main-article {
    padding: 0 10px;
}

.base-knowledge .main-article p {
    font-size: 0.875rem;
    line-height: 1.375rem;
}

.base-knowledge .img-holder {
    margin: 0 0 -0.4375rem;
    padding: 1rem 0 0;
}

.base-knowledge .img-holder .img-wrap {
    padding: 0;
    float: none;
    width: auto;
    margin: 0 auto 2.125rem;
    max-width: 18.75rem;
}

.base-knowledge .text-wrap {
    margin-bottom: 0.6875rem;
}

.base-knowledge .article-footer .next-col,
.base-knowledge .article-footer .prev-col {
    max-width: 4.0625rem;
    padding: 0.5rem 0 0;
}

.base-knowledge .article-footer .next-col .text,
.base-knowledge .article-footer .prev-col .text {
    display: none;
}

.login-block .bg-login {
    min-width: 63.125rem;
}

.login-block .login-form-holder {
    padding: 2rem 0 0;
}

.login-block .logo {
    width: 10.9375rem;
    margin: 0 auto 1.875rem;
}

.login-block .element-holder {
    padding: 1.375rem 0 0.8125rem;
    max-width: none;
    position: relative;
}

.login-block .input-field {
    height: 3.125rem;
    line-height: 1.5rem;
    padding: 0.75rem 0.9375rem;
    margin: 1rem 0 0;
}

.login-block .btn-wrap {
    clear: both;
    padding: 1.125rem 0.9375rem;
}

.login-block .remember-info {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 0.9375rem;
    text-align: center;
}

.login-block .remember-info.set-up {
    display: none;
}

.login-block .remember-info label {
    display: none;
}

.login-block .remember-info .link {
    float: none;
    display: inline-block;
    vertical-align: top;
    color: #01c0b6;
}

.login-block .remember-info .link:hover,
.login-block .remember-info .link:active,
.login-block .remember-info .link:focus {
    color: #01f3e6;
    text-decoration: none;
}

.timeline-filter {
    margin: 0.125rem 0 0.6875rem;
}

.timeline-filter:after {
    display: none;
}

.timeline-filter.big .heading {
    padding: 0.8125rem 0.625rem;
    margin: 0 0 0.5625rem;
}

.timeline-filter.big .heading h2 {
    font-size: 1.125rem;
    line-height: 1.4375rem;
}

.categories-holder .button {
    padding: 0 3.375rem;
    margin: 0 0 0.8125rem;
    font-size: 1.125rem;
    line-height: 1.4375rem;
}

.categories-holder .button:before,
.categories-holder .button:after {
    font-size: 0.4375rem;
}

.timeline-container {
    margin-bottom: 45px;
}

.timeline-activity .timeline-title .button {
    width: 100%;
    margin-bottom: 0.75rem;
}

.timeline-activity .timeline-short-info {
    margin: 0 0 0.875rem;
}

.timeline-activity .ico-holder {
    width: 3.125rem;
    height: 3.125rem;
}

.timeline-activity .ico-holder [class^="icon-"],
.timeline-activity .ico-holder [class*=" icon-"] {
    font-size: 1.375rem;
    line-height: 2.5rem;
}

.timeline-activity .share-wrap .info-text {
    float: none;
    display: block;
    max-width: none;
    width: auto;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.post-detail .img-holder {
    margin: 0 0 0.8125rem;
}

.unscheduled .timeline-item {
    margin-bottom: 1.5rem;
}

.unscheduled .timeline-item .timeline-short-info {
    margin-bottom: 1.1875rem;
}

.timeline-item.add {
    margin-bottom: 2.875rem;
}

.timeline-item.post-detail {
    margin-bottom: 1.875rem;
}

.timeline-item.post-detail .accordion:before,
.timeline-item.post-detail .accordion:after {
    display: block;
}

.timeline-item.post-detail .accordion .accordion-navigation > .content {
    padding: 1.1875rem 0.625rem 0.75rem;
}

.timeline-item .accordion:before,
.timeline-item .accordion:after {
    left: 0.875rem;
    top: -0.625rem;
    border-width: 0 0.625rem 0.625rem;
}

.timeline-item .accordion:after {
    top: -0.5625rem;
}

.timeline-item .accordion .accordion-navigation > a {
    padding: 0.9375rem 0.625rem;
    font-size: 1rem;
    line-height: 1.25rem;
}

.timeline-item .accordion .accordion-navigation > a:after {
    right: 0.5625rem;
}

.timeline-item .accordion .accordion-navigation > .content {
    padding: 0.875rem 0.625rem;
}

.timeline-item .doc-item {
    float: none;
    margin: 0 0 0.625rem;
}

.timeline-item .text-wrap {
    padding: 0;
}

.timeline-item p {
    font-size: 0.8125rem;
    line-height: 1.25rem;
    margin-bottom: 0.75rem;
}

.timeline-heading {
    font-size: 0.875rem;
    line-height: 1.25rem;
    margin: 0 0 1.8125rem;
}

.timeline-heading span {
    padding: 0 0.3125rem;
}

}

.info-button, .info-button .morph-content {
    width: 49px;
    height: 49px;
    background: #2fbdb4;
}

.info-button{
    margin: 0!important;
}

.morph-button button:focus{
    outline: 0!important;
}

.info-button.morph-button button{
    margin: 0;
    padding: 0;
    line-height: inherit!important;
}

.content-style-overlay{
    padding: 2em;
    padding-top: 0;
}

.appointment-button button, .appointment-button .morph-content {
    color: white;
    background: #2fbdb4;
}

.appointment-button button:hover{
    color: #e6e6e6;
}

.appointment-button button{
    width:100%;
    height:100%;
}

.appointment-button .icon-close button{
    width: auto!important;
    height: auto!important;
}

.appointment-button .icon-notclose button{
    width: auto!important;
    height: auto!important;
}

.appointment-button .morph-content{
    width: 100%;
    height: 100%;
}

.appointment-button button{
    text-transform: uppercase;
}

.content-style-overlay button{
    padding: 1em!important;
    /*margin: inherit!important;*/
}

.contact-button .morph-content {
    color: white;
    background: #2fbdb4;
    width: 182px;
    height: 46px;
}

.contact-morph-div {
    /*position: absolute!important;*/
    left: 0;
    right: 5px;
    bottom: 0;
    margin: 0;
}

.contact-morph-div.morph-button .morph-content {
  display: none;
}

.contact-morph-div.morph-button.open .morph-content {
  position: fixed;
  display: block;
}

.team-member .btn-contact {
  /*width: 100%;*/
}

@media only screen and (max-width: 47.9375em){
    .team-member .btn-contact {
      width: 100%;
    }

    .morph-button.morph-button-overlay.contact-morph-div{
        /*position: absolute;*/
    }

    .morph-button.morph-button-overlay.contact-div{
        position: static;
    }
}

button.non-button{
    padding: 0;
    margin: 0;
    background-color: transparent;
}

.addImage-button .morph-content {
    /*color: white;
    background: #cdcccc;
    width: 10px;
    height: 18px;*/
    background: rgba(48,189,180,0.95);
}

.addImage-button .content-style-overlay h1 {
     font-size: 1rem; 
     line-height: 2; 
     color: #fff;
      text-align: left;
}
.addImage-button .content-style-overlay .gallery-select {
     border:1px solid #fff; 
     background:none; 
     color:#fff;
}

.newAlbum-button {
    /*position: relative;*/
    /* padding: 1.5rem 1.6875rem; */
}

.newAlbum-button .morph-content {
    color: white;
    background-color: #2fbdb4;
}

/** morphingTime **/
.morph-button.morph-button-overlay{
    margin: 0;
    position: relative;
}

.morph-button button{
    margin: 0;
    /*padding: 0;*/
    line-height: inherit!important;
}

.morph-button-modal.open .morph-content{
    width: 600px!important;
    height: 420px!important;
}

#newAlbumMorphButton, #changepwdMorphButton{
    /*width: 600px!important;*/
    display: none;
    height: 170px!important;
}

#newAlbumMorphButton.hidden{
    /*width: 600px!important;*/
    display: none;
}

.morph-button.open .morph-content.morph-form-static-size{
    width: 100%!important;
    height: 100%!important;
}

.morph-button-fixed, .morph-button-fixed .morph-content{
    /*width: 100%; */
}

.morph-button-fixed > button {
    z-index: 100;
}

.morph-button.open .morph-content.morph-form-static-size {
  /*width: 100%!important;
  height: 100%!important;
  position: fixed;
  top: 0!important;
  bottom: 0!important;
  left: 0!important;
  z-index: 9999;*/
}
/****/

/* Make Clearing work */
.clearing-blackout{
    z-index: 9999;
}

.field-validation-error.text-danger { color: #c00;
  font-size: 0.7em;
  font-weight: bold; 
}

/** FONTS **/

@font-face {
    font-family: 'icomoon2';
    src:url('../fonts/icomoon2.eot?q7xoj0');
    src:url('../fonts/icomoon2.eot?#iefixq7xoj0') format('embedded-opentype'),
        url('../fonts/icomoon2.woff?q7xoj0') format('woff'),
        url('../fonts/icomoon2.ttf?q7xoj0') format('truetype'),
        url('../fonts/icomoon2.svg?q7xoj0#icomoon2') format('svg');
    font-weight: normal;
    font-style: normal;

}

[class^="icon2-"], [class*=" icon2-"] {
    font-family: 'icomoon2';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon2-hour-glass:before {
    content: "\e979";
}

.icon2-table:before {
    content: "\ea70";
}

.icon2-alarm:before {
    content: "\e950";
}

.icon-appoinment:before {
  content: "\e602";
}

/* BUILD PROGRESS GRAPH */



/* GENERAL */
    .header-info-holder .info-wrap .text-wrap { padding-top:0.5rem; }
    .header-info-holder .info-wrap .text-wrap .names span { font-weight:bold; font-size:0.9375rem; }
    .header-info-holder .info-wrap .text-wrap strong:after { background:none; }
    /*.header-info-holder .info-wrap .text-wrap span { font-size:0.8375rem; }*/
    .text-wrap .highlight-box { background-color:#eee; padding:1.5em 2em; }
    .text-wrap .highlight-box h4 { font-size:1rem; }
    .text-wrap .highlight-box .number, #payments-2 .text-wrap .highlight-box p.number { font-size:1.5rem; }
    .field-validation-error.text-danger { color: #c00; font-size: 0.7em; font-weight: bold; }

/* TIMELINE */
/* filter */
    .timeline-container .common-block .heading { float:left; border-bottom:none; }
    .timeline-filter.big .heading { margin:0.8rem 0 0.8rem 0.8rem; padding:0; }
    .timeline-container .categories-holder { display: none; }
    .timeline-container .categories-holder li { padding:0; margin:0.3rem 0 0.1rem 0.3rem; width:14.33%; }
    .timeline-container .categories-holder li:nth-child(4) { margin-right:0; }
    .timeline-container .categories-holder .button { padding-right:0; font-size:0.675rem; text-align:center; }
    .categories-holder .button [class^="icon-"], .categories-holder .button [class*=" icon-"] { margin:0 0.15rem 0 0.05rem; font-size:0.8rem; }
/* timeline right */
    .compressed-timeline li { padding-top:1.625rem; }
    .compressed-timeline li:after { top:1.9375rem; }

/* BUILD PROCESS */
    .stage-tasks .task-indicator .icon2-hour-glass, .stage-tasks .task-indicator .icon-appoinment, .stage-tasks .task-indicator .icon-tick { font-size: 0.8125rem; line-height: 1.875rem; /*color: rgba(90, 97, 98, 0.45);*/ /*display: none;*/ }
    .stage-tasks .accordion .accordion-navigation.active .task-indicator .icon2-hour-glass, .stage-tasks .accordion .accordion-navigation.active .task-indicator .icon-appoinment, .stage-tasks .accordion .accordion-navigation.active .task-indicator .icon-tick { color:#2fbdb4; display:inline-block; }
    .stage-tasks .accordion .accordion-navigation.active, .stage-tasks .accordion .accordion-navigation.active > a, .stage-tasks .accordion .accordion-navigation.active > .content { background-color:#f8f8f8; }

/* MY FINANCE */
    #payments-2 .text-wrap { padding:1.25rem 1.125rem 0.75rem; }
    #payments-2 .text-wrap .content-left { float:left; width:50%; }
    #payments-2 .text-wrap .content-right { float:right; width:45%; }
    #payments-2 .text-wrap h4 { text-transform:uppercase; font-family:'gotham_ssmbold'; margin-bottom:1rem; }
    #payments-2 .text-wrap .payment-type { margin-bottom:2em; }
    #payments-2 .text-wrap dl dt, #payments-2 .text-wrap dl dd, #payments-2 .text-wrap p { font-size:0.9rem; margin-bottom:0.5em; }
    #payments-2 .text-wrap dl dt { font-family:'gotham_ssmbold'; float:left; }
    #payments-2 .text-wrap dl dt:after { content:':'; margin-right:0.4em; }
    #payments-2 .text-wrap p strong { font-family:'gotham_ssmbold'; } 

/* MY ALERTS */
    .customise-alerts .accordion .accordion-navigation > a:after { display:none; }
    .customise-alerts .accordion .accordion-navigation:first-child > a:after { display:block; }

/* MY ACCOUNT */
    .my-account .account-details .change-password { display: block; font-size: 1.1rem; line-height: 1.5rem; color: #2fbdb4; margin: 0 0 1rem; font-weight: 400; }
    .my-account .account-details .change-password .text { margin:0.5em 0 1.5em 0; }
    .my-account .account-details .detail-update input { margin-bottom:1.375rem; }
    .contact-details dt { font-family:'gotham_ssmbold'; width:36%; float:left; }
    .contact-details dd { float:left; width:60%; padding-left:3%; }

/* MODALS */
    .content-style-overlay label { font-size:16px; line-height:2; }

.terms { font-size:0.875rem; }
.terms h3 { font-size:1.5em; text-transform:uppercase; }
.terms h3 span { margin-right:0.5em; }
.terms ul { list-style-type:lower-alpha; }
.terms ul li { font-size:0.875rem; margin-left:2em; margin-bottom:0.5em; }
.terms ul li ul { list-style-type:lower-roman; }
.terms ul li ul li { margin-bottom:0; }
.terms ul li strong { font-weight:400; font-family:'gotham_ssmbold', sans-serif; }

@media only screen and (min-width:75.000em) {

    /* TIMELINE */
        .timeline-container .categories-holder li { width:15.33%; }
        .timeline-container .categories-holder .button { font-size:0.875rem; }
        .categories-holder .button [class^="icon-"], .categories-holder .button [class*=" icon-"] { font-size:1.1875rem; }

}


@media only screen and (max-width: 63.9375em) {

    /* GENERAL */
        .header-info-holder .info-wrap .text-wrap strong { display:inline; }

    /* TIMELINE */
        .timeline-filter.big .heading { border-bottom:1px solid #cbcbcb; width:97%; }
        .timeline-filter.big .heading br { display:none; }
        .timeline-container .categories-holder li { width:auto; }
        .timeline-container .categories-holder .button { font-size:1.3125rem; padding:0 8.25rem; }
        .timeline-filter [class^="icon-"], [class*=" icon-"] { margin-right:0.4em; }


}

@media only screen and (max-width:53.125em) {

    /* GENERAL */
        .header-info-holder .info-wrap .text-wrap .names span { display:none; }
}

@media only screen and (max-width:40.625em) {

    /* MY FINANCE */
        #payments-2 .text-wrap .content-left, #payments-2 .text-wrap .content-right { float:left; width:100%; }
        #payments-2 .text-wrap .content-right { margin-bottom:1rem; }

    /* MY ACCOUNT */
        .contact-details dt { width:45%; }
        .contact-details dd { padding-left:3%; width:50%; }

}

/* Footer Problem Fix */
footer{
  /*  position:absolute!important;*/
    bottom:0;
    width: 100%;
}
#ajaxTarget{
    margin-bottom: 101px!important;
}
.inner-wrap{
    min-height: 100%;
}
html, body, #wrapper, .off-canvas-wrap{
    height: 100%;
    overflow: visible;
}
.off-canvas-wrap{
    overflow: visible;
    padding-top: 50px;
    transform: none;
    overflow-x:hidden;
}
/* CC-22 Task
    : Text in several "Account" pages have gray text color */

.validation-summary-errors{
    /*color: white;*/
    color: #C00;
}

.validation-summary-errors ul li{
    list-style: none;
}

.login-form-holder{
    color: white;
}

.login-form-holder h4{
    color: white;
}

.txtNoResources {
    padding: 20px; 
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #2fbdb4;
}

/* 
   CC-38 Task
    https://savvydigital.atlassian.net/browse/CC-38
    Remove info header on Stages Page 
*/
.stages-block .info-link{
    display: none;
}
.stages-block .heading{
    height: 62px;
}

.logo-menu{
    background: black;
    text-align: center;
}

.errorMessage{
    color: red;
}

.spinner {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;
  
  -webkit-animation: sk-rotate 2.0s infinite linear;
  animation: sk-rotate 2.0s infinite linear;
}

.dot1, .dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: white;
  border-radius: 100%;
  
  -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
  animation: sk-bounce 2.0s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}

@-webkit-keyframes sk-rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes sk-rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes sk-bounce {
  0%, 100% { -webkit-transform: scale(0.0) }
  50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
  0%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 50% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}

.morph-button .error{
    border-color: red!important;
}

.alerts .content-list {
    margin-left: 30px;
}

/* Team page */
@media only screen and (max-width:1390px) {
    .my-team .row .columns .wrap .columns.large-6{
        border-top: 1px solid #cdcccc;
        width: 100%!important;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }
    
    .my-team .wrap{
        border-top: 0;
    }
}

@media only screen and (max-width: 40em) { 
    .morph-content .large-4.columns {
        font-size: 0;
    }
} 
/* max-width 640px, mobile-only styles, use when QAing mobile issues */

.morph-content .large-4.columns {
    line-height: 100%;
}

.morph-content form > .row:first-of-type{
    margin-top: 1em;
}
@media only screen and (width:1024px){
    #header .large-2,
     .left-off-canvas-menu{
        width:210px;
    }
    #header .large-10{
        width:814px;
    }

    #footer .large-10,
    #main .large-10{
        width:790px;
        margin-left:210px !important;
    }
    .timeline-activity{
        margin-left: 1.5em;
    }
    .off-canvas-wrap{
        overflow-x:hidden;
    }
   
}
@media only screen and (max-width:1024px){
    #timelineContents{
        margin-top: -2em !important;
    }
    #timelineContents:before{
        height:0 !important;
    }
}
@media only screen and (max-width:960px){
    #contactDetails{
        padding-bottom: 2rem;
    }
    .action-links-holder{
        max-height: 74px;
    }
}