/*====EXTRA SPACE====*/
i.glyphicon.glyphicon-home {
    padding-left: 30px;
    padding-right: 18px;
}
/*====GENERIC====*/
/* dark: #00bdf2*/
/* light: #80def8*/
/* container */
div.container.breadcrumb-container {
    background-color: #00bdf2;
    width: 100%;
}
/* custom button */
div.container.breadcrumb-container .btn-breadcrumb .btn.btn-custom {
    background-color: #00bdf2;
    border-color: #00bdf2;
    height: 48px;
    line-height: 32px;
    color: #80def8;
}
div.container.breadcrumb-container .btn-breadcrumb .btn.btn-custom:hover,
div.container.breadcrumb-container .btn-breadcrumb .btn.btn-custom:focus,
div.container.breadcrumb-container .btn-breadcrumb .btn.btn-custom.active {
    background-color: #00bdf2;
    border-color: #00bdf2;
    color: #fff;
}
div.container.breadcrumb-container .btn-breadcrumb .btn.btn-custom:last-child {
    color: #fff;
    text-decoration: underline;
}
/* chevrons */
div.container.breadcrumb-container .btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 10px solid #00bdf2;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 100%;
    z-index: 3;
}
div.container.breadcrumb-container .btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 10px solid #00bdf2;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}
/* The Spacing */
div.container.breadcrumb-container .btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
}
div.container.breadcrumb-container .btn-breadcrumb .btn:first-child {
    padding: 6px 6px 6px 10px;
}
div.container.breadcrumb-container .btn-breadcrumb .btn:last-child {
    padding: 6px 18px 6px 24px;
}
div.container.breadcrumb-container .btn-breadcrumb .btn.btn-custom:not(:last-child):after {
    border-left: 10px solid #00bdf2;
}
div.container.breadcrumb-container .btn-breadcrumb .btn.btn-custom:not(:last-child):before {
    border-left: 10px solid #80def8;
}
div.container.breadcrumb-container .btn-breadcrumb .btn.btn-custom:hover:not(:last-child):after {
    border-left: 10px solid #00bdf2;
}
div.container.breadcrumb-container .btn-breadcrumb .btn.btn-custom:hover:not(:last-child):before {
    border-left: 10px solid #80def8;
}
/*====MAKING====*/
/* dark: #6B3077 */
/* light: #b497ba */
/* container */
div.container.breadcrumb-container.making {
    background-color: #6B3077;
    width: 100%;
}
/* custom button */
div.container.breadcrumb-container.making .btn-breadcrumb .btn.btn-custom {
    background-color: #6B3077;
    border-color: #6B3077;
    height: 48px;
    line-height: 32px;
    color: #b497ba;
}
div.container.breadcrumb-container.making .btn-breadcrumb .btn.btn-custom:hover,
div.container.breadcrumb-container.making .btn-breadcrumb .btn.btn-custom:focus,
div.container.breadcrumb-container.making .btn-breadcrumb .btn.btn-custom.active {
    background-color: #6B3077;
    border-color: #6B3077;
    color: #fff;
}
div.container.breadcrumb-container.making .btn-breadcrumb .btn.btn-custom:last-child {
    color: #fff;
    text-decoration: underline;
}
/* chevrons */
div.container.breadcrumb-container.making .btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 10px solid #6B3077;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 100%;
    z-index: 3;
}
div.container.breadcrumb-container.making .btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 10px solid #6B3077;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}
/* The Spacing */
div.container.breadcrumb-container.making .btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
}
div.container.breadcrumb-container.making .btn-breadcrumb .btn:first-child {
    padding: 6px 6px 6px 10px;
}
div.container.breadcrumb-container.making .btn-breadcrumb .btn:last-child {
    padding: 6px 18px 6px 24px;
}
div.container.breadcrumb-container.making .btn-breadcrumb .btn.btn-custom:not(:last-child):after {
    border-left: 10px solid #6B3077;
}
div.container.breadcrumb-container.making .btn-breadcrumb .btn.btn-custom:not(:last-child):before {
    border-left: 10px solid #b497ba;
}
div.container.breadcrumb-container.making .btn-breadcrumb .btn.btn-custom:hover:not(:last-child):after {
    border-left: 10px solid #6B3077;
}
div.container.breadcrumb-container.making .btn-breadcrumb .btn.btn-custom:hover:not(:last-child):before {
    border-left: 10px solid #b497ba;
}
/*====LAYING====*/
/* dark: #00B0B9 */
/* light: #85d7db */
/* container */
div.container.breadcrumb-container.laying {
    background-color: #00B0B9;
    width: 100%;
}
/* custom button */
div.container.breadcrumb-container.laying .btn-breadcrumb .btn.btn-custom {
    background-color: #00B0B9;
    border-color: #00B0B9;
    height: 48px;
    line-height: 32px;
    color: #85d7db;
}
div.container.breadcrumb-container.laying .btn-breadcrumb .btn.btn-custom:hover,
div.container.breadcrumb-container.laying .btn-breadcrumb .btn.btn-custom:focus,
div.container.breadcrumb-container.laying .btn-breadcrumb .btn.btn-custom.active {
    background-color: #00B0B9;
    border-color: #00B0B9;
    color: #fff;
}
div.container.breadcrumb-container.laying .btn-breadcrumb .btn.btn-custom:last-child {
    color: #fff;
    text-decoration: underline;
}
/* chevrons */
div.container.breadcrumb-container.laying .btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 10px solid #00B0B9;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 100%;
    z-index: 3;
}
div.container.breadcrumb-container.laying .btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 10px solid #00B0B9;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}
/* The Spacing */
div.container.breadcrumb-container.laying .btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
}
div.container.breadcrumb-container.laying .btn-breadcrumb .btn:first-child {
    padding: 6px 6px 6px 10px;
}
div.container.breadcrumb-container.laying .btn-breadcrumb .btn:last-child {
    padding: 6px 18px 6px 24px;
}
div.container.breadcrumb-container.laying .btn-breadcrumb .btn.btn-custom:not(:last-child):after {
    border-left: 10px solid #00B0B9;
}
div.container.breadcrumb-container.laying .btn-breadcrumb .btn.btn-custom:not(:last-child):before {
    border-left: 10px solid #85d7db;
}
div.container.breadcrumb-container.laying .btn-breadcrumb .btn.btn-custom:hover:not(:last-child):after {
    border-left: 10px solid #00B0B9;
}
div.container.breadcrumb-container.laying .btn-breadcrumb .btn.btn-custom:hover:not(:last-child):before {
    border-left: 10px solid #85d7db;
}
/*====BUILDING====*/
/* dark: #c7961c */
/* light: #e3c983 */
/* container */
div.container.breadcrumb-container.building {
    background-color: #c7961c;
    width: 100%;
}
/* custom button */
div.container.breadcrumb-container.building .btn-breadcrumb .btn.btn-custom {
    background-color: #c7961c;
    border-color: #c7961c;
    height: 48px;
    line-height: 32px;
    color: #e3c983;
}
div.container.breadcrumb-container.building .btn-breadcrumb .btn.btn-custom:hover,
div.container.breadcrumb-container.building .btn-breadcrumb .btn.btn-custom:focus,
div.container.breadcrumb-container.building .btn-breadcrumb .btn.btn-custom.active {
    background-color: #c7961c;
    border-color: #c7961c;
    color: #fff;
}
div.container.breadcrumb-container.building .btn-breadcrumb .btn.btn-custom:last-child {
    color: #fff;
    text-decoration: underline;
}
/* chevrons */
div.container.breadcrumb-container.building .btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 10px solid #c7961c;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 100%;
    z-index: 3;
}
div.container.breadcrumb-container.building .btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 10px solid #c7961c;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}
/* The Spacing */
div.container.breadcrumb-container.building .btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
}
div.container.breadcrumb-container.building .btn-breadcrumb .btn:first-child {
    padding: 6px 6px 6px 10px;
}
div.container.breadcrumb-container.building .btn-breadcrumb .btn:last-child {
    padding: 6px 18px 6px 24px;
}
div.container.breadcrumb-container.building .btn-breadcrumb .btn.btn-custom:not(:last-child):after {
    border-left: 10px solid #c7961c;
}
div.container.breadcrumb-container.building .btn-breadcrumb .btn.btn-custom:not(:last-child):before {
    border-left: 10px solid #e3c983;
}
div.container.breadcrumb-container.building .btn-breadcrumb .btn.btn-custom:hover:not(:last-child):after {
    border-left: 10px solid #c7961c;
}
div.container.breadcrumb-container.building .btn-breadcrumb .btn.btn-custom:hover:not(:last-child):before {
    border-left: 10px solid #e3c983;
}
/*====MOVING====*/
/* dark: #c2027d */
/* light: #df81bd */
/* container */
div.container.breadcrumb-container.moving {
    background-color: #c2027d;
    width: 100%;
}
/* custom button */
div.container.breadcrumb-container.moving .btn-breadcrumb .btn.btn-custom {
    background-color: #c2027d;
    border-color: #c2027d;
    height: 48px;
    line-height: 32px;
    color: #df81bd;
}
div.container.breadcrumb-container.moving .btn-breadcrumb .btn.btn-custom:hover,
div.container.breadcrumb-container.moving .btn-breadcrumb .btn.btn-custom:focus,
div.container.breadcrumb-container.moving .btn-breadcrumb .btn.btn-custom.active {
    background-color: #c2027d;
    border-color: #c2027d;
    color: #fff;
}
div.container.breadcrumb-container.moving .btn-breadcrumb .btn.btn-custom:last-child {
    color: #fff;
    text-decoration: underline;
}
/* chevrons */
div.container.breadcrumb-container.moving .btn-breadcrumb .btn:not(:last-child):after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 10px solid #c2027d;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    left: 100%;
    z-index: 3;
}
div.container.breadcrumb-container.moving .btn-breadcrumb .btn:not(:last-child):before {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 24px solid transparent;
    border-bottom: 24px solid transparent;
    border-left: 10px solid #c2027d;
    position: absolute;
    top: 50%;
    margin-top: -24px;
    margin-left: 1px;
    left: 100%;
    z-index: 3;
}
/* The Spacing */
div.container.breadcrumb-container.moving .btn-breadcrumb .btn {
    padding: 6px 12px 6px 24px;
}
div.container.breadcrumb-container.moving .btn-breadcrumb .btn:first-child {
    padding: 6px 6px 6px 10px;
}
div.container.breadcrumb-container.moving .btn-breadcrumb .btn:last-child {
    padding: 6px 18px 6px 24px;
}
div.container.breadcrumb-container.moving .btn-breadcrumb .btn.btn-custom:not(:last-child):after {
    border-left: 10px solid #c2027d;
}
div.container.breadcrumb-container.moving .btn-breadcrumb .btn.btn-custom:not(:last-child):before {
    border-left: 10px solid #df81bd;
}
div.container.breadcrumb-container.moving .btn-breadcrumb .btn.btn-custom:hover:not(:last-child):after {
    border-left: 10px solid #c2027d;
}
div.container.breadcrumb-container.moving .btn-breadcrumb .btn.btn-custom:hover:not(:last-child):before {
    border-left: 10px solid #df81bd;
}
.carousel-container .content {
    margin: auto;
    padding: 30px;
    width: 100%;
}
div.dropdown-number-wrapper {
    position: relative;
    width: 100%;
    display: table;
}
div.dropdown-number-content {
    display: table-row;
    height: 300px;
}
div.dropdown-number-content h4 {
    text-align: center;
    margin-bottom: 0;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 37px;
    border-bottom: 1px solid #e8e8e8;
    font-family: 'Arial';
    font-size: 22px;
}
div.dropdown-number-content p {
    padding-top: 37px;
    padding-left: 80px;
    padding-right: 80px;
    font-family: 'Arial';
    font-size: 24px;
    line-height: 30px;
}
div.dropdown-number-outer-numbers {
    width: 100%;
    position: relative;
    padding-left: 80px;
    padding-right: 80px;
}
div.dropdown-number-inner-numbers {
    margin-left: auto;
    margin-right: auto;
    width: 200px;
    /*display: table-row;*/
}
div.dropdown-number-holder {
    display: table-cell;
}
div.number {
    margin: 4px;
    width: 32px;
    height: 32px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial;
    border-radius: 100em;
}
div.selected {
    color: #6c3078;
    border: 4px solid #6c3078;
}
div.unselected {
    color: #d0d0d0;
    border: 4px solid #d0d0d0;
}
div.dropdown-number-wrapper.making > div.dropdown-number-outer-numbers > div.dropdown-number-inner-numbers > div.dropdown-number-holder > div.selected,
div.dropdown-number-wrapper.making > div.dropdown-number-outer-numbers > div.dropdown-number-inner-numbers > div.dropdown-number-holder > div.unselected:hover {
    color: #6c3078;
    border: 4px solid #6c3078;
}
div.dropdown-number-wrapper.laying > div.dropdown-number-outer-numbers > div.dropdown-number-inner-numbers > div.dropdown-number-holder > div.selected,
div.dropdown-number-wrapper.laying > div.dropdown-number-outer-numbers > div.dropdown-number-inner-numbers > div.dropdown-number-holder > div.unselected:hover {
    color: #00B0B9;
    border: 4px solid #00B0B9;
}
div.dropdown-number-wrapper.building > div.dropdown-number-outer-numbers > div.dropdown-number-inner-numbers > div.dropdown-number-holder > div.selected,
div.dropdown-number-wrapper.building > div.dropdown-number-outer-numbers > div.dropdown-number-inner-numbers > div.dropdown-number-holder > div.unselected:hover {
    color: #c7961c;
    border: 4px solid #c7961c;
}
div.dropdown-number-wrapper.moving > div.dropdown-number-outer-numbers > div.dropdown-number-inner-numbers > div.dropdown-number-holder > div.selected,
div.dropdown-number-wrapper.moving > div.dropdown-number-outer-numbers > div.dropdown-number-inner-numbers > div.dropdown-number-holder > div.unselected:hover {
    color: #c2027d;
    border: 4px solid #c2027d;
}
.dropdown-number-content-list {
    display: none;
}
/* all this css below came from src/app/nav.component.css */
/*remove bottom margin*/
nav.navbar.navbar-default {
    margin-bottom: 0;
}
/*hamburger*/
.navbar-default .navbar-toggle {
    border-color: transparent;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:active,
.navbar-default .navbar-toggle:focus {
    background-color: transparent;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #00bdf2;
    height: 4px;
    margin-top: 2px;
    border-radius: 6px;
}
.navbar-default .navbar-toggle .icon-bar:nth-of-type(2) {
    top: 1px;
    margin-top: 2px;
}
.navbar-default .navbar-toggle .icon-bar:nth-of-type(3) {
    top: 2px;
    margin-top: 2px;
}
.navbar-default .navbar-toggle .icon-bar {
    position: relative;
    transition: all 500ms ease-in-out;
}
.navbar-default .navbar-toggle.active .icon-bar:nth-of-type(1) {
    top: 6px;
    transform: rotate(45deg);
}
.navbar-default .navbar-toggle.active .icon-bar:nth-of-type(2) {
    background-color: transparent;
}
.navbar-default .navbar-toggle.active .icon-bar:nth-of-type(3) {
    top: -6px;
    transform: rotate(-45deg);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    color: #000;
}
/*style first row*/
.navbar-header {
    float: left;
    padding: 15px;
    text-align: center;
    width: 100%;
    background-color: #F7F7F7;
    z-index: 3000;
    position: relative;
    height: 90px;
}
/*center brand*/
.navbar-header .navbar-brand {
    transform: translateX(-50%);
    left: 50%;
    position: absolute;
    color: #6B3077;
    font-family: 'Interstate-Light';
    font-size: 20px;
    white-space: nowrap;
}
.navbar-header .navbar-brand > span {
    color: #000;
    font-family: 'Interstate-Bold';
}
/*style LH menu icon menu*/
/*prevent collapse*/
.navbar-icons {
    position: absolute;
    left: 40px;
    top: 29px;
    margin: 0;
}
.navbar-icons.collapse {
    display: block !important;
}
.navbar-icons > li {
    float: left !important;
}
li.lhm-icon {
    margin-right: 12px;
}
li.lhm-icon > a {
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center;
}
a.mak {
    background-image: url('../assets/Making Plans menu icon.svg');
}
a.lay {
    background-image: url('../assets/Laying foundations menu icon.svg');
}
a.bui {
    background-image: url('../assets/Building up menu icon.svg');
}
a.mov {
    background-image: url('../assets/Movin in menu icon.svg');
}
/*style RH menu items*/
nav > .navbar-header > .topp-links {
    font-family: arial, sans-serif;
}
nav > .navbar-header > .topp-links > li > a:hover,
nav > .navbar-header > .topp-links > li > a:active {
    color: #00bdf2;
    text-decoration: none;
}
/*style second row to make man nav items fill width*/
.navbar-collapse {
    background-color: #fff;
}
.navbar-collapse {
    padding: 0;
}
.navbar-fill {
    display: table;
    width: 100%;
    margin: 0;
}
.navbar-fill > li {
    display: table-cell;
    text-align: center;
    float: none;
    width: 25%;
    font-family: 'Interstate-Bold';
    font-size: 14px;
}
.navbar-fill > li > a,
.navbar-fill > li > a:link,
.navbar-fill > li > a:visited {
    color: #000;
}
/*images*/
.navbar-fill > li > a {
    background-repeat: no-repeat;
    background-position: 24px center;
    height: 80px;
    line-height: 40px;
    padding-top: 20px;
}
.navbar-fill > li#making > a {
    background-image: url('../assets/Making Plans menu icon.svg');
    background-repeat: no-repeat;
    background-position: 24px center;
}
.navbar-fill > li#laying > a {
    background-image: url('../assets/Laying foundations menu icon.svg');
    background-repeat: no-repeat;
    background-position: 24px center;
}
.navbar-fill > li#building > a {
    background-image: url('../assets/Building up menu icon.svg');
    background-repeat: no-repeat;
    background-position: 24px center;
}
.navbar-fill > li#moving > a {
    background-image: url('../assets/Movin in menu icon.svg');
    background-repeat: no-repeat;
    background-position: 24px center;
}
/* Change caret position*/
ul.nav > li.dropdown > a > .caret {
    display: block;
    position: absolute;
    left: 50%;
    bottom: 12px;
    margin-left: -6px;
    width: 12px;
    height: 8px;
    border: none;
    background-image: url('../assets/Menu arrow.svg');
    background-position: center;
    background-repeat: no-repeat;
}
/*style dropdowns*/
.navbar-default > .navbar-collapse > ul.nav > li.dropdown.open {
    position: static;
    background-color: #f9f9f9;
}
.navbar-default > .navbar-collapse > ul.nav > li.dropdown.open > a {
    background: transparent;
}
/*Bigger caret on open*/
ul.nav > li.dropdown.open > a > .caret {
    border-top: 12px solid transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    margin-left: -12px;
    z-index: 2000;
    bottom: -1px;
    background-image: none;
}
/*dropdown layout*/
ul.nav > li.dropdown.open .dropdown-menu {
    left: 0;
    right: 0;
    position: absolute;
    display: block;
    border-radius: 12px;
    border: 0;
    text-align: left;
    width: calc(100% - 70px);
    margin-left: 35px;
    margin-right: 35px;
    box-sizing: border-box;
    background-color: #f7f7f7;
    padding: 0;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
ul.nav > li.dropdown.open > .dropdown-menu > li {
    width: 100%;
}
ul.nav > li.dropdown.open > .dropdown-menu > li > .container {
    width: 100%;
    padding: 0;
    margin: 0;
}
ul.nav > li.dropdown.open > .dropdown-menu > li > .container > .row {
    width: 100%;
    margin: 0;
    display: table;
}
div.dropdown-panel {
    padding: 24px;
}
div.left-panel {
    background-color: #fff;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    float: none;
    display: table-cell;
    vertical-align: top;
}
div.right-panel {
    background-color: #f7f7f7;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    position: relative;
    float: none;
    display: table-cell;
    vertical-align: top;
}
.exit-link {
    float: right;
    padding: 7px;
    cursor: pointer;
}
ul.inner-dropdown {
    list-style-image: url('../assets/Right-menu-arrow.svg');
}
ul.inner-dropdown > li {
    margin: 12px 0;
    padding-left: 12px;
    font-family: arial, sans-serif;
    font-weight: bold;
    font-size: 16px;
}
ul.inner-dropdown > li > a:link,
ul.inner-dropdown > li > a:visited {
    color: #000;
}
ul.inner-dropdown > li > a:hover,
ul.inner-dropdown > li > a:active {
    color: #00bdf2;
    text-decoration: none;
}
/* tablet */
@media only screen and (max-width: 992px) {
    /* put main nav dropdowns back to default display*/
    .navbar-fill {
        display: block;
    }
    .navbar-fill > li {
        display: block;
        width: 100%;
        border-bottom: 1px solid #f7f7f7;
    }
    /*style main nav dropdowns*/
    .navbar-default > .navbar-collapse > ul.nav > li.dropdown.open {
        background-color: #fff;
    }
    ul.nav > li.dropdown.open > a.dropdown-toggle:focus {
        background-color: #fff;
    }
    /*right caret*/
    ul.nav > li.dropdown > a > .caret {
        display: block;
        position: absolute;
        left: auto;
        bottom: 34px;
        right: 12px;
        width: 8px;
        height: 12px;
        border: none;
        background-image: url('../assets/Right-menu-arrow.svg');
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    /*bottom caret again*/
    ul.nav > li.dropdown.open > a > .caret {
        display: block;
        position: absolute;
        bottom: 36px;
        right: 12px;
        width: 12px;
        height: 8px;
        border: none;
        background-image: url('../assets/Menu arrow.svg');
        background-position: center;
        background-repeat: no-repeat;
    }
    /*reset dropdown content to default*/
    ul.nav > li.dropdown.open .dropdown-menu {
        background-color: #f7f7f7;
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
    }
    ul.nav > li.dropdown.open > .dropdown-menu > li > .container {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        border-radius: 0;
    }
    div.left-panel {
        background-color: #f7f7f7;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    ul.nav > li.supp-links > a {
        font-family: arial, sans-serif;
        background-color: #f7f7f7;
    }
    ul.nav > li.supp-links > a:focus {
        background-color: #f7f7f7;
    }
}
/*phone*/
@media only screen and (max-width: 768px) {
    /*.navbar-header .navbar-brand {
          position: relative;
          float: left;
          left: auto;
          right: auto;
      }
      */
}
/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}
.yamm .container {
    position: relative;
}
.yamm .dropdown-menu {
    left: auto;
}
.yamm .yamm-content {
    padding: 20px 30px;
}
.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}
html {
    /*set site max width here*/
    /*
      margin: 0 auto;
      max-width: 1440px;
      */
}
#page {
    margin: 0px 0px 0px 0px;
}
#page.home {
    margin: 0px 0px 0px 0px;
    background-image: url('../assets/icon-background-02.png');
    background-size: 100%;
    background-repeat: repeat-y;
}
/*====BANNER====*/
div.page-banner {
    height: 200px;
    padding: 0;
    margin: 0;
}
div.page-banner.making {
    background-color: #6c3078;
}
div.page-banner.laying {
    background-color: #00b0b9;
}
div.page-banner.building {
    background-color: #c99800;
}
div.page-banner.moving {
    background-color: #c6007f;
}
div.page-banner > #banner {
    max-height: 100%;
    max-width: 90%;
    display: block;
    margin: 0 auto;
}
div.page-banner.home {
    background-color: #1ebcef;
}
div.page-banner.landing {
    background-color: #1ebcef;
}
/*tablet */
/*phone */
@media only screen and (max-width: 768px) {
    div.page-banner {
        height: auto;
        max-height: 100%;
    }
}
/*====TAGLINE====*/
/*utility class*/
.u-nowrap-mobile {
    white-space: nowrap;
}
div.tagline {
    width: 100%;
    padding: 0;
    margin: 0;
    color: #fff;
    font-family: 'Interstate-Light';
    font-size: 22px;
    line-height: 26px;
    text-align: center;
    padding-bottom: 40px;
}
div.tagline > p {
    display: inline-block;
    width: 66%;
}
#page.landing .tagline {
    background-color: #1ebcef;
}
#page.home > div.tagline {
    background-color: #1ebcef;
}
#page.making > div.tagline {
    background-color: #6c3078;
}
#page.laying > div.tagline {
    background-color: #00b0b8;
}
#page.building > div.tagline {
    background-color: #c99800;
}
#page.moving > div.tagline {
    background-color: #c6007f;
}
/*tablet */
@media only screen and (max-width: 992px) {
    div.tagline {
        padding-bottom: 32px;
    }
    div.tagline > p {
        width: 80%;
    }
}
/*phone */
@media only screen and (max-width: 768px) {
    /*utility class*/
    .u-nowrap-mobile {
        white-space: nowrap;
    }
    div.tagline {
        padding-bottom: 42px;
    }
    div.tagline > p {
        width: 94%;
    }
}
/*====VIDEOBLOCK INITIAL TEXT BLOCK====*/
/*container background*/
div#page > div.video-container {
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #fff;
}
div.making > div.video-container {
    background-image: url('../assets/making-plans-video-bg.jpg');
}
div.laying > div.video-container {
    background-image: url('../assets/laying-foundations-video-bg.jpg');
}
div.building > div.video-container {
    background-image: url('../assets/building-up-video-bg.jpg');
}
div.moving > div.video-container {
    background-image: url('../assets/moving-in-video-bg.jpg');
}
/*hide background if no bottom banner*/
div.making > div.video-container.banner-bottom,
div.laying > div.video-container.banner-bottom,
div.building > div.video-container.banner-bottom,
div.moving > div.video-container.banner-bottom {
    background: none;
}
/*home page watch video area*/
div.home > div.video-container > div.video-content-top {
    background-image: url('../assets/home-video-bg.jpg');
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: #fff;
    text-align: center;
}
/*tablet */
@media only screen and (max-width: 992px) {
    div.home > div.video-container > div.video-content-top {
        background-image: url('../assets/home-video-bg-xs.png');
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
    }
    a.btn-video.home:link {
        margin-top: -28px;
        margin-bottom: 49px;
    }
}
/*custom breakpoint for phablets*/
@media only screen and (max-width: 768px) {
    a.btn-video.home:link {
        margin-top: -42px;
        margin-bottom: 48px;
    }
}
/*phone */
@media only screen and (max-width: 375px) {
    a.btn-video.home:link {
        margin-top: -42px;
        margin-bottom: 28px;
    }
}
/* if no video */
div#page > div.video-container > div.row.video-content-bottom {
    background-color: #fff;
}
/*video itself*/
div#page > div.video-container > div.row > div.video-content > div.row > div.video-video {
    background-color: #fff;
    padding: 0;
}
/*initial text */
/*video present*/
div.video-container > div.row > div.video-content > div.row > div.video-text.video-present {
    background-color: white;
    padding-top: 60px;
    padding-left: 81px;
    padding-right: 81px;
}
div.video-container > div.row > div.video-content > div.row > div.video-text.video-present p:first-of-type {
    font-family: 'Arial';
    font-size: 26px;
    color: #2D2A2B;
    line-height: 34px;
}
div.video-container > div.row > div.video-content > div.row > div.video-text.video-present p:nth-of-type(2) {
    font-family: 'Arial';
    font-size: 16px;
    color: #2D2A2B;
    line-height: 25px;
    font-weight: bold;
}
div.video-container > div.row > div.video-content > div.row > div.video-text.video-present p {
    font-family: 'Arial';
    font-size: 16px;
    color: #2D2A2B;
    line-height: 25px;
}
div.making > div.video-container > div.row > div.video-content > div.row > div.video-text.video-present {
    box-shadow: 0 25px 0 #6c3078 inset;
}
div.laying > div.video-container > div.row > div.video-content > div.row > div.video-text.video-present {
    box-shadow: 0 25px 0 #00B0B9 inset;
}
div.building > div.video-container > div.row > div.video-content > div.row > div.video-text.video-present {
    box-shadow: 0 25px 0 #c99800 inset;
}
div.moving > div.video-container > div.row > div.video-content > div.row > div.video-text.video-present {
    box-shadow: 0 25px 0 #c6007f inset;
}
@media only screen and (max-width: 992px) {
    /*remove top 'border' at tablet res*/
    div.making > div.video-container > div.row > div.video-content > div.row > div.video-text.video-present,
    div.laying > div.video-container > div.row > div.video-content > div.row > div.video-text.video-present,
    div.building > div.video-container > div.row > div.video-content > div.row > div.video-text.video-present,
    div.moving > div.video-container > div.row > div.video-content > div.row > div.video-text.video-present {
        box-shadow: none;
    }
    /*smaller margins*/
    div.video-container > div.row > div.video-content > div.row > div.video-text.video-present {
        padding-top: 46px;
        padding-left: 103px;
        padding-right: 103px;
    }
}
@media only screen and (max-width: 768px) {
    /*smaller margins*/
    div.video-container > div.row > div.video-content > div.row > div.video-text.video-present {
        padding-top: 35px;
        padding-left: 35px;
        padding-right: 35px;
    }
    /*smaller font*/
    div.video-container > div.row > div.video-content > div.row > div.video-text p:first-of-type {
        font-size: 24px;
    }
}
/*video absent*/
div.video-container > div.row.video-content-bottom > div.video-text.video-absent {
    background-color: white;
    padding-top: 33px;
    padding-bottom: 33px;
    padding-left: 60px;
    padding-right: 60px;
}
div.video-container > div.row.video-content-bottom > div.video-text.video-absent p:first-of-type {
    font-family: 'Arial';
    font-size: 26px;
    color: #2D2A2B;
    line-height: 34px;
}
div.video-container > div.row.video-content-bottom > div.video-text.video-absent p:nth-of-type(2) {
    font-family: 'Arial';
    font-size: 16px;
    color: #2D2A2B;
    line-height: 25px;
    font-weight: bold;
}
div.video-container > div.row.video-content-bottom > div.video-text.video-absent p {
    font-family: 'Arial';
    font-size: 16px;
    color: #2D2A2B;
    line-height: 25px;
}
@media only screen and (max-width: 992px) {
    /*smaller margins*/
    div.video-container > div.row.video-content-bottom > div.video-text.video-absent {
        padding-top: 46px;
        padding-left: 35px !important;
        padding-right: 35px !important;
    }
}
@media only screen and (max-width: 768px) {
    /*smaller margins*/
    div.video-container > div.row.video-content-bottom > div.video-text.video-absent {
        background-color: white;
        margin-top: 14px;
        margin-bottom: 14px;
    }
    div.video-container > div.row.video-content-bottom > div.video-text.video-absent {
        padding-top: 35px;
        padding-left: 35px;
        padding-right: 35px;
    }
    /*smaller font*/
    div.video-container > div.row.video-content-bottom > div.video-text.video-absent p:first-of-type {
        font-size: 24px;
    }
}
/*home page exception*/
div#page.home > div.video-container > div.video-content-bottom > div.video-text.video-absent {
    background-color: white;
    padding-top: 33px;
    padding-bottom: 83px;
    margin-bottom: 102px;
    box-shadow: none;
    text-align: center !important;
    padding-left: 200px;
    padding-right: 200px;
    position: relative;
}
div#page.home > div.video-container > div.video-content-bottom > div.video-text.video-absent p {
    font-family: 'Interstate-Light';
    font-size: 24px;
    line-height: 34px;
}
div#page.home > div.video-container > div.video-content-bottom > div.video-text.video-absent p > a {
    font-family: 'Interstate-Bold';
}
/*scroll button*/
a#scroll-arrow {
    display: none;
}
div#page.home > div.video-container > div.video-content-bottom > div.video-text.video-absent > a#scroll-arrow {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 60px;
    width: 50px;
    background-image: url('../assets/scroll-down.png');
    cursor: pointer;
}
@media only screen and (max-width: 768px) {
    div#page.home > div.video-container > div.video-content-bottom > div.video-text.video-absent {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0px;
    }
    div#page.home > div.video-container > div.video-content-bottom > div.video-text.video-absent > a#scroll-arrow {
        display: none;
    }
}
/*Landing page exceptions*/
#page.landing .tagline {
    padding-bottom: 0;
}
#page.landing .video-container .video-content-top {
    background-image: url('../assets/landing-video-bg.svg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    content: " ";
    height: 180px;
    padding-top: 20px;
}
#page.landing .video-container .video-content-bottom {
    background-image: url('../assets/icon-background-02.png');
    background-size: 100%;
    background-repeat: repeat-y;
    padding-top: 51px;
    padding-bottom: 24px;
    text-align: center;
}
#page.landing .video-container .video-content-bottom .video-absent {
    background-color: transparent;
    padding-top: 0;
}
#page.landing .video-container .video-content-bottom .video-absent .landing-intro {
    font-family: 'Arial';
    font-size: 20px;
    color: #000;
    line-height: 28px;
    font-weight: bold;
    margin-bottom: 74px;
}
#page.landing .video-container .video-text {
    padding-top: 0;
}
a.btn-landing {
    border-radius: 4px;
    width: 320px;
    height: 80px;
    margin-left: 14px;
    margin-right: 14px;
    padding-top: 26px;
    padding-bottom: 28px;
    font-family: 'Arial';
    font-size: 16px;
    font-weight: bold;
}
a.btn-landing:link,
a.btn-landing:visited {
    background-color: #fff;
    color: #24BCEE;
    border: 3px solid #24BCEE;
}
a.btn-landing:hover,
a.btn-landing:active {
    background-color: #24BCEE;
    color: #fff;
    border: 3px solid #24BCEE;
}
/* tablet */
@media only screen and (max-width: 992px) {
    div#page > div.video-container .video-content div.row {
        display: table;
    }
    div#page > div.video-container .video-content .video-video {
        height: 230px;
        display: table-cell;
    }
    div#page > div.video-container .video-content .video-empty {
        border-bottom: 80px solid #fff;
        height: 230px !important;
        display: table-cell;
    }
    #page.landing .tagline {
        padding-bottom: 0;
        font-size: 20px;
        line-height: 1.2;
    }
    #page.landing .video-container .video-content-top {
        background-image: url('../assets/landing-video-bg-v2.svg');
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
        content: " ";
        height: 0px;
        padding-top: 26px;
        padding-bottom: 35px;
    }
    #page.landing .video-container .video-content-bottom {
        padding-top: 0;
    }
    #page.landing .video-container .video-content-bottom .video-absent .landing-intro {
        margin-top: 7px;
        margin-bottom: 28px;
    }
}
/*phone*/
@media only screen and (max-width: 768px) {
    div.making > div.video-container {
        background-image: url('../assets/making-plans-video-bg-xs.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
    }
    div.laying > div.video-container {
        background-image: url('../assets/laying-foundations-video-bg-xs.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
    }
    div.building > div.video-container {
        background-image: url('../assets/building-up-video-bg-xs.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
    }
    div.moving > div.video-container {
        background-image: url('../assets/moving-in-video-bg-xs.jpg');
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
    }
    #page.landing .tagline {
        padding-bottom: 0;
        font-size: 20px;
        line-height: 1.2;
    }
    #page.landing .video-container .video-content-top {
        background-image: url('../assets/landing-video-bg-v2.svg');
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
        content: " ";
        height: 0px;
        padding-top: 26px;
        padding-bottom: 14px;
    }
    #page.landing .video-container .video-content-bottom {
        padding-top: 0;
    }
    #page.landing .video-container .video-content-bottom .video-absent .landing-intro {
        margin-top: 7px;
        margin-bottom: 28px;
    }
    a.btn-landing {
        border-radius: 4px;
        width: 320px;
        margin-left: auto;
        margin-right: auto;
        padding: 14px;
        padding-top: 26px;
        font-family: 'Arial';
        font-size: 16px;
        font-weight: bold;
        display: block;
    }
    a.btn-landing--top {
        margin-bottom: 14px;
    }
}
/*custom breakpoint for the landing button widths*/
@media only screen and (max-width: 425px) {
    #page.landing .video-container .video-content-top {
        background-image: url('../assets/landing-video-bg-v2.svg');
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: top center;
        content: " ";
        padding-top: 10px;
        padding-bottom: 14px;
    }
    #page.landing .video-container .video-content-bottom {
        padding-top: 0;
        margin-top: 0;
    }
    #page.landing .video-container .video-content-bottom .video-absent .landing-intro {
        margin-bottom: 14px;
    }
    #page.landing .video-container .video-content .video-video {
        min-height: 230px;
    }
    #page.landing .video-container .video-content .video-text {
        box-shadow: none;
        padding-top: 50px;
    }
    a.btn-landing {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding: 14px;
        height: auto;
    }
}
/*====SECTIONS====*/
#page > div.sections-wrapper {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#page.home > div.sections-wrapper {
    background-image: url('../assets/icon-background-02.png');
    background-size: 100%;
    background-repeat: repeat-y;
}
#page.making > div.sections-wrapper,
#page.laying > div.sections-wrapper,
#page.building > div.sections-wrapper,
#page.moving > div.sections-wrapper {
    background-image: url('../assets/icon-background-03.png');
    background-size: 100%;
    background-repeat: repeat-y;
}
/*counter*/
#page > div.sections-wrapper > div.section-container > div.row > div.left-sections {
    counter-reset: blockcounter;
}
/*contact block*/
div.container-fluid.section-container.contact-container {
    margin-bottom: 88px;
}
div.contact-block.contact-count-1:after {
    /*content:"1";*/
    position: absolute;
    top: 0;
    left: 44px;
    width: 67px;
    height: 104px;
    color: #fff;
    padding-left: 27px;
    padding-top: 34px;
    /*font-family: 'Arial';*/
    font-size: 20px;
    /*background-image: url('../assets/list-flag-generic.png');*/
}
div.contact-block.contact-count-2:after {
    content: "2";
    position: absolute;
    top: 0;
    left: 44px;
    width: 67px;
    height: 104px;
    color: #fff;
    padding-left: 27px;
    padding-top: 34px;
    font-family: 'Arial';
    font-size: 20px;
    background-image: url('../assets/list-flag-generic.png');
}
/*====SECTIONS====*/
div.container-fluid.section-container {
    margin: 0;
    margin-right: 20px;
    padding: 0;
}
#page.home > div.sections-wrapper > div.container.section-container {
    background-color: #fff;
}
#page > div.sections-wrapper > div.section-container > div.row {
    padding-left: 0px;
    padding-right: 0px;
}
#page > div.sections-wrapper > div.section-container > div.row.making,
#page > div.sections-wrapper > div.section-container > div.row.moving,
#page > div.sections-wrapper > div.section-container > div.row.building,
#page > div.sections-wrapper > div.section-container > div.row.laying {
    padding-left: 0px;
    padding-right: 0px;
}
#page > div.sections-wrapper > div.section-container > div.row.moving {
    padding-left: 0px;
    padding-right: 0px;
}
#page > div.sections-wrapper > div.section-container > div.row > div.col-sticky {
    position: sticky;
    top: 10px;
}
/* tablet */
@media only screen and (max-width: 992px) {
    #page > div.sections-wrapper > div.container-fluid.section-container {
        margin: 0;
        margin-right: 0px;
        margin-left: 10px;
        padding: 0;
        padding-right: 10px;
    }
    #page > div.sections-wrapper > div.section-container > div.row > div.col-sticky {
        position: relative;
        top: auto;
    }
}
/*phone*/
@media only screen and (max-width: 768px) {
    #page > div.sections-wrapper > div.container-fluid.section-container {
        margin: 0;
        margin-right: 0px;
        margin-left: 10px;
        padding: 0;
        padding-right: 10px;
    }
    #page > div.sections-wrapper > div.section-container > div.row > div.col-sticky {
        position: relative;
        top: auto;
    }
}
/* slider sections*/
#page.making > div.sections-wrapper > div.container-fluid.slider-container {
    color: #fff;
    background-color: #6c3078;
}
#page.laying > div.sections-wrapper > div.container-fluid.slider-container {
    color: #fff;
    background-color: #00B0B9;
}
#page.building > div.sections-wrapper > div.container-fluid.slider-container {
    color: #fff;
    background-color: #c99800;
}
#page.moving > div.sections-wrapper > div.container-fluid.slider-container {
    color: #fff;
    background-color: #c6007f;
}
/*====FOOTER====*/
div.footer-links {
    background-color: #f7f7f7;
}
div.footer-links,
div.footer-copyright {
    font-family: arial, sans-serif;
}
div.footer-links > div.link-panel {
    margin-top: 42px;
    padding-top: 6px;
    padding-bottom: 48px;
}
div.footer-links > div.link-panel > p {
    width: 100%;
}
div.footer-links > div.link-panel > p:first-of-type {
    border-top: 1px solid #f7f7f7;
    padding-top: 24px;
}
div.footer-links > div.link-panel > p > a {
    font-weight: bold;
}
div.footer-links > div.link-panel > p > a:link,
div.footer-links > div.link-panel > p > a:visited {
    color: #000;
}
div.footer-links > div.link-panel > p > a:hover,
div.footer-links > div.link-panel > p > a:active {
    color: #00bdf2;
    text-decoration: none;
}
div.footer-copyright {
    height: 80px;
    background-color: #000;
    color: #fff;
}
div.footer-copyright > .copy-panel > p {
    padding-top: 24px;
    padding-bottom: 24px;
}
/* Small Devices */
@media only screen and (max-width: 768px) {
    div.footer-links > div.link-panel {
        padding-top: 0;
        margin-top: 12px;
        padding-bottom: 12px;
    }
    div.footer-links > div.link-panel > p:first-of-type {
        padding-top: 24px;
    }
}
#hiddenvideo {
    background-color: #e4e4e4;
}
#hiddenvideo .hero {
    background-color: #1FBCEF;
}
#hiddenvideo .hero img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 35px;
    width: 100%;
}
#hiddenvideo .video {
    background-image: url("/assets/video-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}
#hiddenvideo .video__wrapper {
    background-color: #fff;
    padding: 14px;
}
#hiddenvideo .video__wrapper .heading-wrapper {
    display: inline-block;
    background-color: #F5F5F5;
    padding: 18px 14px;
}
#hiddenvideo .video__wrapper__heading {
    font-size: 16px;
    font-weight: 600;
    line-height: 0;
    margin: 0;
    text-transform: uppercase;
}
#hiddenvideo .video__wrapper p {
    margin-top: 14px;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.3;
}
#hiddenvideo .video__wrapper-text--heading {
    font-family: Interstate-Bold;
    font-size: 20px;
    color: #000000;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: bold;
    margin-top: 35px;
}
#hiddenvideo .video__wrapper-text--text {
    font-family: Interstate-Regular;
    font-size: 16px;
    color: #000000;
    letter-spacing: 0;
    line-height: 22px;
    margin-top: 15px;
    max-width: 717px;
}
#hiddenvideo .video__wrapper-text--text a{
    color: #1FBCEF;
    text-decoration: underline;
}
@media only screen and (max-width: 1148px) {
    #hiddenvideo .video__wrapper {
        background-color: #fff;
        padding: 14px;
    }
    #hiddenvideo .video__wrapper p {
        margin-bottom: 14px;
    }
}
@media only screen and (max-width: 767px) {
    #hiddenvideo img {
        max-width: 80%;
    }
    #hiddenvideo .video__wrapper {
        background-color: #fff;
        padding: 14px;
    }
    #hiddenvideo .video__wrapper p {
        font-size: 20px;
    }
}
@media only screen and (max-width: 425px) {
    #hiddenvideo img {
        max-width: 320px;
    }
    #hiddenvideo .video__wrapper {
        background-color: #fff;
        padding: 14px;
    }
    #hiddenvideo .video__wrapper .heading-wrapper {
        display: inline-block;
        background-color: #F5F5F5;
        padding: 14px 7px;
    }
    #hiddenvideo .video__wrapper__heading {
        font-size: 14px;
    }
    #hiddenvideo .video__wrapper p {
        font-size: 18px;
    }
}
.ekko-lightbox .modal-dialog {
    flex: 100% !important;
    margin-left: 0;
    margin-right: 0;
}
/*====CONTENT BLOCKS====*/
div.container-fluid.content-block {
    margin: 0;
    margin-top: 20px;
    background-color: #fff;
}
/*INTRO BLOCK*/
div.intro-block {
    margin: 0;
    background-color: #fff;
}
div.intro-block {
    padding-top: 82px;
    padding-bottom: 61px;
}

div.intro-block.padding-smaller {
    padding-top: 47px;
    padding-bottom: 46px;
}


div.intro-block > div.intro-content > p:first-of-type {
    font-family: 'Interstate-Light';
    font-size: 45px;
    color: #2D2A2B;
    line-height: 55px;
}
div.intro-block > div.intro-content > p,
div.intro-block > div.intro-content > ul,
div.intro-block > div.intro-content > li {
    font-family: 'Arial';
    font-size: 20px;
    color: #2D2A2B;
    line-height: 30px;
}
/*tablet*/
@media only screen and (max-width: 992px) {
    div.intro-block > div.intro-content > p:not(:first-of-type) {
        display: none;
    }
}
/*phone*/
@media only screen and (max-width: 768px) {
    div.intro-block > div.intro-content > p:first-of-type {
        font-family: 'Interstate-Light';
        font-size: 30px;
        color: #2D2A2B;
        line-height: 38px;
    }
    div.intro-block > div.intro-content > p:not(:first-of-type) {
        display: none;
    }
}
/*CALLOUT BLOCK*/
div.callout-block {
    margin-top: 47px;
    margin-bottom: 92px;
}
div.callout-block > div.callout-content {
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 137px;
    padding-right: 137px;
    background-color: #fff;
    text-align: center;
    font-family: 'Arial';
    font-size: 20px;
    color: #2D2A2B;
    line-height: 30px;
}
div.callout-block > div.callout-content > ol,
div.callout-block > div.callout-content > ul {
    text-align: left;
}
div.callout-block > div.callout-content > ol > li,
div.callout-block > div.callout-content > ul > li {
    text-align: left !important;
}
div.callout-block > div.callout-content > ul > li {
    display: block;
}
div.callout-block.making > div.callout-content {
    border: 5px solid #6c3078;
}
div.callout-block.laying > div.callout-content {
    border: 5px solid #00B0B9;
}
div.callout-block.building > div.callout-content {
    border: 5px solid #c7961c;
}
div.callout-block.moving > div.callout-content {
    border: 5px solid #c2027d;
}
/*tablet*/
@media only screen and (max-width: 992px) {
    div.callout-block {
        margin-top: 20px;
        margin-bottom: 92px;
    }
    div.callout-block > div.callout-content {
        padding-left: 109px;
        padding-right: 109px;
    }
}
/*phone*/
@media only screen and (max-width: 768px) {
    div.callout-block {
        margin-top: 20px;
        margin-bottom: 60px;
    }
    div.callout-block > div.callout-content {
        padding-left: 47px;
        padding-right: 47px;
    }
}
/*LIST BLOCK*/
div.list-block {
    margin-top: 72px;
    margin-bottom: 48px;
}

div.list-block.margin-top-45 {
    margin-top: 45px;
}


div.list-block.margin-top-50 {
    margin-top: 50px;
}

div.list-block.no-margin-bottom {
    margin-bottom: 0;
}

/*deep formatting*/
div.list-block > div.list-content > p:first-of-type {
    text-align: center;
    font-family: 'Arial';
    font-size: 24px;
    color: #2D2A2B;
    line-height: 32px;
    margin-bottom: 61px;
}

div.list-block > div.list-content-more-text > p:first-of-type {
    margin-bottom: 38px;
}

div.list-block > div.list-content-more-text > p:nth-child(3) {
    text-align: center;
    font-family: 'Arial';
    color: #2D2A2B;
    line-height: 24px;
    margin-bottom: 39px;
}

div.list-block > div.list-content > p {
    font-family: 'Arial';
    font-size: 16px;
    color: #000000;
    line-height: 22px;
}
div.list-block > div.list-content > ol {
    list-style: none;
    counter-reset: counter;
    padding: 0;
}
div.list-block > div.list-content > ol > li {
    display: block;
    position: relative;
    min-height: 130px;
    width: 100%;
    margin-bottom: 20px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-left: 147px;
    padding-right: 132px;
    background-color: #fff;
    font-family: 'Arial';
    font-size: 16px;
    color: #000000;
    line-height: 22px;
}
div.list-block > div.list-content > ol > li:before {
    counter-increment: counter;
    content: counter(counter);
    position: absolute;
    top: 0;
    left: 44px;
    width: 67px;
    height: 104px;
    color: #fff;
    padding-left: 27px;
    padding-top: 34px;
    font-family: 'Arial';
    font-size: 20px;
}
div.list-block > div.list-content > ol > li:after {
    position: absolute;
    right: 46px;
    width: 39px;
    height: 39px;
    top: 45px;
    content: url('../assets/green-tick.png');
}
/*any content inside an item*/
div.list-block > div.list-content > ol > li > ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
div.list-block > div.list-content > ol > li > ul > li {
    padding-top: 16px;
}
div.list-block > div.list-content > ol > li > ul > li:last-of-type {
    padding-bottom: 16px;
}
/*page specific flags*/
div.list-block.making > div.list-content > ol > li:before {
    background-image: url('../assets/list-flag-making.png');
}
div.list-block.laying > div.list-content > ol > li:before {
    background-image: url('../assets/list-flag-laying.png');
}
div.list-block.building > div.list-content > ol > li:before {
    background-image: url('../assets/list-flag-building.png');
}
div.list-block.moving > div.list-content > ol > li:before {
    background-image: url('../assets/list-flag-moving.png');
}
@media only screen and (max-width: 768px) {
    div.list-block > div.list-content > ol > li {
        min-height: 159px;
        padding-left: 101px;
        padding-right: 92px;
    }
    div.list-block > div.list-content > ol > li:before {
        left: 0;
    }
    div.list-block > div.list-content > ol > li:after {
        right: 19px;
        top: 60px;
    }
}
/*OPTIONS BLOCK*/
div.options-block {
    margin-top: 0;
    padding-bottom: 47px;
    background-color: #fff;
}
div.options-block > div.options-content {
    padding: 0;
}
/*deep formatting*/
div.options-block > div.options-content > ul {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    background-color: #f7f7f7;
    margin-bottom: 0;
    display: table;
    min-height: 176px;
    width: 100%;
}
div.options-block > div.options-content > ul > li {
    position: relative;
    padding-top: 45px;
    padding-bottom: 24px;
    font-family: 'Arial';
    font-size: 20px;
    color: #2D2A2B;
    line-height: 30px;
    padding-left: 97px;
    padding-right: 97px;
    display: table-cell;
}
div.options-block > div.options-content > ul > li:not(:last-child) {
    border-right: 1px solid #e4e4e4;
}
/* one item */
div.options-block > div.options-content > ul > li:first-child:nth-last-child(1) {
    width: 100%;
}
/* two items */
div.options-block > div.options-content > ul > li:first-child:nth-last-child(2),
div.options-block > div.options-content > ul > li:first-child:nth-last-child(2) ~ li {
    width: 49%;
}
/* three items */
div.options-block > div.options-content > ul > li:first-child:nth-last-child(3),
div.options-block > div.options-content > ul > li:first-child:nth-last-child(3) ~ li {
    width: 33%;
}
div.options-block > div.options-content > ul > li:before {
    left: 50%;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 189, 242, 0);
    border-width: 8px;
    margin-top: -4px;
    z-index: 900;
}
div.options-block.making > div.options-content > ul > li {
    border-top: 5px solid #6c3078;
}
div.options-block.making > div.options-content > ul > li:before {
    border-top-color: #6c3078;
}
div.options-block.laying > div.options-content > ul > li {
    border-top: 5px solid #00B0B9;
}
div.options-block.laying > div.options-content > ul > li:before {
    border-top-color: #00B0B9;
}
div.options-block.building > div.options-content > ul > li {
    border-top: 5px solid #c7961c;
}
div.options-block.building > div.options-content > ul > li:before {
    border-top-color: #c7961c;
}
div.options-block.moving > div.options-content > ul > li {
    border-top: 5px solid #c2027d;
}
div.options-block.moving > div.options-content > ul > li:before {
    border-top-color: #c2027d;
}
div.options-block > div.options-content > ul > li:after {
    position: absolute;
    right: 53px;
    width: 39px;
    height: 39px;
    top: 50px;
    content: url('../assets/green-tick.png');
}
div.options-block > div.options-content > h4 {
    font-family: Interstate-Regular;
    font-size: 24px;
    color: #2D2A2B;
    line-height: 40px;
}
div.options-block > div.options-content > p {
    font-family: 'Arial';
    font-size: 16px;
    color: #2D2A2B;
    line-height: 26px;
}
/*tablet*/
@media only screen and (max-width: 992px) {
    div.options-block > div.options-content > h4,
    div.options-block > div.options-content > p {
        margin-left: 64px;
        margin-right: 64px;
    }
    div.options-block > div.options-content > ul > li {
        padding-left: 64px;
        padding-right: 92px;
    }
}
/*phone*/
@media only screen and (max-width: 768px) {
    div.options-block > div.options-content > h4,
    div.options-block > div.options-content > p {
        margin-left: 43px;
        margin-right: 43px;
    }
    div.options-block > div.options-content > ul > li {
        padding-left: 44px;
        padding-right: 92px;
    }
    div.options-block > div.options-content > ul > li:after {
        right: 42px;
    }
    /* two items */
    div.options-block > div.options-content > ul > li:first-child:nth-last-child(2),
    div.options-block > div.options-content > ul > li:first-child:nth-last-child(2) ~ li {
        display: block;
        width: 100%;
    }
    /* three items */
    div.options-block > div.options-content > ul > li:first-child:nth-last-child(3),
    div.options-block > div.options-content > ul > li:first-child:nth-last-child(3) ~ li {
        display: block;
        width: 100%;
    }
}
/*UESTION BLOCK*/
div.question-block {
    margin-top: 0;
    padding-top: 73px;
    padding-bottom: 49px;
    background-color: transparent;
}

div.question-block.no-padding-top {
    padding-top: 0;
}

div.question-block.padding-bottom-24 {
    padding-bottom: 24px;
}
/*deep formatting*/
div.question-block > div.question-content > h4 {
    text-align: center;
    font-family: 'Arial';
    font-size: 24px;
    color: #2D2A2B;
    line-height: 25px;
    padding-bottom: 61px;
}
div.question-block > div.question-content > p {
    margin: 0;
    padding-left: 67px;
    padding-right: 67px;
    background-color: #fff;
    width: 100%;
    font-family: 'Arial';
    font-size: 16px;
    color: #2D2A2B;
    line-height: 25px;
    padding-bottom: 16px;
}
div.question-block > div.question-content > p:first-of-type {
    padding-top: 32px;
}
div.question-block > div.question-content > p:last-of-type {
    padding-bottom: 32px;
}
/*CONTACT BLOCK*/
div.contact-inner-block {
    background-color: #f7f7f7;
    min-height: 600px;
    position: relative;
    padding-top: 53px;
    padding-bottom: 53px;
    padding-left: 44px;
    padding-right: 44px;
}
/*deep formatting*/
div.contact-inner-block > p:first-of-type {
    font-family: Interstate-Bold;
    font-size: 22px;
    color: #000000;
    line-height: 30px;
    padding-bottom: 43px;
}
div.contact-inner-block > p {
    /*font-family: ArialMT;*/
    font-size: 16px;
    color: #000000;
    line-height: 24px;
}
/*tablet*/
@media only screen and (max-width: 992px) {
    div.contact-inner-block {
        min-height: 700px;
    }
}
@media only screen and (max-width: 768px) {
    div.contact-inner-block {
        min-height: 500px;
    }
}
/*WHATNEXT BLOCK*/
div.whatnext-block {
    margin: 0;
    padding: 0;
    background-color: #fff;
    width: 100%;
}
div.whatnext-block.making {
    border-top: 5px solid #6c3078;
}
div.whatnext-block.laying {
    border-top: 5px solid #00B0B9;
}
div.whatnext-block.building {
    border-top: 5px solid #c7961c;
}
div.whatnext-block.moving {
    border-top: 5px solid #c2027d;
}
div.whatnext-block > div.whatnext-content {
    margin: 0;
    padding: 0;
    min-height: 330px;
    display: table-row;
}
/*deep formatting*/
div.whatnext-block > div.whatnext-content > div.what-left {
    display: table-cell;
    width: 50%;
    position: relative;
    background-image: url('../assets/what-next-pale-bulb.png');
    background-repeat: no-repeat;
    background-position: center;
    height: 330px;
}
div.whatnext-block > div.whatnext-content > div.what-left::before {
    content: " ";
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 58px;
    height: 58px;
    background-image: url('../assets/what-next-bulb.png');
}
div.whatnext-block > div.whatnext-content > div.what-left > p {
    font-family: 'Arial';
    font-weight: bold;
    font-size: 36px;
    color: #000000;
    line-height: 48px;
    position: absolute;
    top: 175px;
    left: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
div.whatnext-block > div.whatnext-content > div.what-right {
    display: table-cell;
    width: 50%;
    height: 330px;
    padding-right: 24px;
    position: relative;
}
div.whatnext-block > div.whatnext-content > div.what-right > p > a.btn-special {
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #00BDF2;
    width: 180px;
    background-color: #00BDF2;
    color: #fff;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 24px;
}
div.whatnext-block > div.whatnext-content > div.what-right > p > a.btn-special:hover,
div.whatnext-block > div.whatnext-content > div.what-right > p > a.btn-special:active {
    background-color: #fff;
    border: 1px solid #00BDF2;
    color: #00BDF2;
}
div.whatnext-block > div.whatnext-content > div.what-right > p:first-of-type {
    margin-top: 85px;
    font-family: 'Arial';
    font-size: 24px;
    color: #000000;
    letter-spacing: 0;
    line-height: 34px;
}
/*phone*/
@media only screen and (max-width: 768px) {
    div.whatnext-block > div.whatnext-content {
        padding-bottom: 48px;
        background-image: url('../assets/what-next-pale-bulb.png');
        background-repeat: no-repeat;
        background-position: center;
    }
    div.whatnext-block > div.whatnext-content > div.what-left {
        width: 100%;
        display: block;
        min-height: 75px;
        background-image: none;
    }
    div.whatnext-block > div.whatnext-content > div.what-right {
        width: 100%;
        display: block;
        min-height: 75px;
        padding-left: 24px;
        padding-right: 24px;
    }
    div.whatnext-block > div.whatnext-content > div.what-right > p:first-of-type {
        margin-top: 15px;
        font-family: 'Arial';
        font-size: 24px;
        color: #000000;
        letter-spacing: 0;
        padding-bottom: 24px;
    }
    div.whatnext-block > div.whatnext-content > div.what-right > p > a.btn-special {
        position: relative;
        margin-top: 24px;
    }
}
/*USEFUL DOCUMENT BLOCK*/
div.useful-document-block {
    padding: 0;
    margin: 0;
    margin-top: 110px;
    background-color: #fff;
}
div.useful-document-block > div.useful-document-image {
    content: " ";
    height: 720px;
    background-image: url('../assets/useful-documents-making.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
div.useful-document-block > div.useful-document-content {
    height: 720px;
    padding-top: 245px;
    padding-left: 10%;
}
/*deep formatting*/
div.useful-document-block > div.useful-document-content > h4 {
    font-family: 'Interstate-Bold';
    font-size: 40px;
    color: #000000;
    margin-bottom: 59px;
}
div.useful-document-block > div.useful-document-content > ul {
    list-style-image: url('../assets/pdf-icon.png');
}
div.useful-document-block > div.useful-document-content > ul > li {
    font-family: 'Arial';
    font-size: 32px;
    color: #000000;
    letter-spacing: 0;
    line-height: 38px;
    padding-left: 18px;
    vertical-align: middle;
}
div.useful-document-block > div.useful-document-content > ul > li > a:link,
div.useful-document-block > div.useful-document-content > ul > li > a:visited,
div.useful-document-block > div.useful-document-content > ul > li > a:hover,
div.useful-document-block > div.useful-document-content > ul > li > a:active {
    color: #000000;
}
div.useful-document-block > div.useful-document-content > ul > li > em {
    font-family: 'Arial';
    font-size: 18px;
    color: #C3C3C3;
    letter-spacing: 0;
    display: block;
    margin-top: 0;
    padding-top: 0;
}
div.useful-document-block > div.useful-document-content > ul > li > em:before {
    content: "\A";
}
@media only screen and (max-width: 992px) {
    div.useful-document-block > div.useful-document-content {
        height: 396px;
        padding-top: 99px;
        padding-left: 53px;
    }
}
@media only screen and (max-width: 768px) {
    div.useful-document-block > div.useful-document-image {
        height: 396px;
    }
    div.useful-document-block > div.useful-document-content {
        height: 396px;
        padding-top: 41px;
        padding-left: 39px;
    }
    div.useful-document-block > div.useful-document-content > h4 {
        font-size: 30px;
    }
    div.useful-document-block > div.useful-document-content > ul > li {
        font-size: 26px;
    }
}
/*DOCUMENTS BLOCK*/
div.documents-block {
    padding-top: 47px;
    padding-bottom: 47px;
    background-color: #fff;
    width: 100%;
}
div.documents-block > div.documents-content {
    position: relative;
    padding-top: 32px;
    padding-bottom: 32px;
    padding-left: 137px;
    padding-right: 137px;
    /* height: 135px; */
    background-color: #fff;
    text-align: center;
    background: rgba(0, 189, 242, 0.1);
}
div.documents-block > div.documents-content:after {
    position: absolute;
    display: block;
    right: 53px;
    width: 33px;
    height: 38px;
    top: 49px;
    /*content: url('../assets/pdf-icon.png');*/
}
div.documents-block > div.documents-content > p {
    font-family: 'Arial';
    font-size: 20px;
    color: #2D2A2B;
    line-height: 30px;
}
/*tablet*/
@media only screen and (max-width: 992px) {
    div.documents-block {
        margin-top: 20px;
        margin-bottom: 92px;
    }
    div.documents-block > div.documents-content {
        padding-left: 109px;
        padding-right: 109px;
    }
}
/*phone*/
@media only screen and (max-width: 768px) {
    div.documents-block {
        margin-top: 20px;
        margin-bottom: 60px;
    }
    div.documents-block > div.documents-content {
        padding-left: 60px;
        padding-right: 60px;
        height: 253px;
    }
    div.documents-block > div.documents-content:after {
        bottom: 40px;
        left: 0;
        right: 0;
        margin: auto;
        margin-bottom: 0;
    }
}
/*BOTTOM BLOCK*/
div.bottom-block {
    margin: 0;
    padding: 0;
    background-color: transparent;
    width: 100%;
    display: table;
    border-spacing: 20px;
    border-collapse: separate;
}
div.bottom-block > div.bottom-content {
    margin: 0;
    padding: 0;
    width: 100%;
    display: table-row;
}
div.bottom-block.bottom-single {
    width: 100%;
    margin-top: 12px;
    display: block;
    border-spacing: 0;
    border-collapse: inherit;
}
div.bottom-block.bottom-single > div.bottom-content {
    padding: 0;
    display: block;
}
/*deep formatting*/
div.bottom-block > div.bottom-content > h4 {
    font-family: "Arial";
    font-weight: bold;
    font-size: 24px;
    color: #2D2A2B;
    letter-spacing: 0;
    line-height: 25px;
    width: 100%;
    text-align: center;
    margin-bottom: 88px;
}
div.bottom-block.making > div.bottom-content > div {
    border-top: 5px solid #6c3078;
}
div.bottom-block.laying > div.bottom-content > div {
    border-top: 5px solid #00B0B9;
}
div.bottom-block.building > div.bottom-content > div {
    border-top: 5px solid #c7961c;
}
div.bottom-block.moving > div.bottom-content > div {
    border-top: 5px solid #c2027d;
}
div.bottom-block > div.bottom-content > div {
    background-color: #fff;
    position: relative;
}
div.bottom-block > div.bottom-content > div > p > a.btn-special {
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #00BDF2;
    width: 180px;
    background-color: #00BDF2;
    color: #fff;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 24px;
}
div.bottom-block > div.bottom-content > div > p > a.btn-special:hover,
div.bottom-block > div.bottom-content > div > p > a.btn-special:active {
    background-color: #fff;
    border: 1px solid #00BDF2;
    color: #00BDF2;
}
div.bottom-block > div.bottom-content > div > p:first-of-type {
    font-family: 'Arial';
    font-size: 24px;
    color: #000000;
    line-height: 34px;
    padding-bottom: 45px;
}
div.bottom-block > div.bottom-content > div > p {
    font-size: 16px;
}
div.bottom-block > div.bottom-content > div > p:first-of-type > a:link,
div.bottom-block > div.bottom-content > div > p:first-of-type > a:visited,
div.bottom-block > div.bottom-content > div > p:first-of-type > a:hover,
div.bottom-block > div.bottom-content > div > p:first-of-type > a:active {
    color: #1ebcef;
}
/*;eft and right*/
div.bottom-block > div.bottom-content > div.bottom-left,
div.bottom-block > div.bottom-content > div.bottom-right {
    width: 50%;
    display: table-cell;
    height: 330px;
    padding-top: 85px;
    padding-left: 105px;
    padding-right: 85px;
}
/*triple*/
div.bottom-block > div.bottom-content > div.bottom-lh3,
div.bottom-block > div.bottom-content > div.bottom-mid3,
div.bottom-block > div.bottom-content > div.bottom-rh3 {
    width: 33%;
    display: table-cell;
    height: 374px;
    padding-top: 85px;
    padding-left: 44px;
    padding-right: 44px;
    /*
              font-size: 22px;
              line-height: 30px;
              */
}
div.bottom-block > div.bottom-content > div.bottom-rh3 > p {
    /*
              font-size: 22px;
              line-height: 30px;
              */
}
/*full*/
div.bottom-block > div.bottom-content > div.bottom-full {
    width: 100%;
    display: block;
    height: 330px;
    padding-top: 85px;
    padding-left: 25%;
    padding-right: 25%;
}
/*graphics*/
div.bottom-block > div.bottom-content > div.bulb {
    background-image: url('../assets/what-next-pale-bulb.png');
    background-repeat: no-repeat;
    background-position: center;
}
div.bottom-block > div.bottom-content > div.bulb:before {
    content: " ";
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 58px;
    height: 58px;
    background-image: url('../assets/what-next-bulb.png');
}
div.bottom-block > div.bottom-content > div.tick {
    background-image: url('../assets/bottom-pale-tick.png');
    background-repeat: no-repeat;
    background-position: center;
}
div.bottom-block > div.bottom-content > div.tick:before {
    content: " ";
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 58px;
    height: 58px;
    background-image: url('../assets/bottom-tick.png');
}
/*tablet and below*/
@media only screen and (max-width: 992px) {
    div.bottom-block > div.bottom-content {
        display: block;
    }
    div.bottom-block > div.bottom-content > div.bottom-left,
    div.bottom-block > div.bottom-content > div.bottom-right,
    div.bottom-block > div.bottom-content > div.bottom-lh3,
    div.bottom-block > div.bottom-content > div.bottom-mid3,
    div.bottom-block > div.bottom-content > div.bottom-rh3 {
        width: 100%;
        height: auto;
        display: block;
        position: relative;
        padding-top: 85px;
        padding-bottom: 85px;
        padding-left: 39px;
        padding-right: 39px;
    }
}
/*LEFTDOUBLE BLOCK*/
/*container*/
div.leftdouble-block {
    margin: 0;
    padding: 0;
    margin-top: 20px;
    width: 100%;
    display: block;
}
div.leftdouble-block > div.leftdouble-content {
    padding: 0;
    background-color: #fff;
}
/*both panels*/
div.leftdouble-block > div.leftdouble-content > div {
    width: 100% !important;
    display: block;
    position: relative;
}
/*top panel*/
div.leftdouble-block > div.leftdouble-content > div.double-top {
    min-height: 341px;
}
div.leftdouble-block > div.leftdouble-content > div.double-top > h4 {
    text-align: center;
    font-family: 'Interstate-Bold';
    font-size: 36px;
    color: #000;
    line-height: 48px;
    padding-top: 33px;
    padding-bottom: 66px;
}
div.leftdouble-block > div.leftdouble-content > div.double-top > p {
    font-family: 'Arial';
    font-size: 16px;
    color: #000;
    line-height: 24px;
    padding-left: 8%;
    padding-right: 8%;
}
div.leftdouble-block > div.leftdouble-content > div.double-top > p:last-of-type {
    padding-bottom: 24px;
}
/*top panel graphics*/
div.leftdouble-block > div.leftdouble-content > div.double-top:before {
    counter-increment: blockcounter;
    content: counter(blockcounter);
    /*content: " ";*/
    position: absolute;
    top: -10px;
    left: 44px;
    width: 67px;
    height: 104px;
    color: #fff;
    padding-left: 27px;
    padding-top: 34px;
    font-family: 'Arial';
    font-size: 20px;
}
div.leftdouble-block.making > div.leftdouble-content > div.double-top:before {
    background-image: url('../assets/list-flag-making.png');
}
div.leftdouble-block.laying > div.leftdouble-content > div.double-top:before {
    background-image: url('../assets/list-flag-laying.png');
}
div.leftdouble-block.building > div.leftdouble-content > div.double-top:before {
    background-image: url('../assets/list-flag-building.png');
}
div.leftdouble-block.moving > div.leftdouble-content > div.double-top:before {
    background-image: url('../assets/list-flag-moving.png');
}
/*bottom panel*/
div.leftdouble-block > div.leftdouble-content > div.double-bottom {
    min-height: 330px;
}
div.leftdouble-block > div.leftdouble-content > div.double-bottom > p:first-of-type {
    font-family: 'Arial';
    font-size: 24px;
    color: #000000;
    line-height: 34px;
    padding-top: 110px;
    padding-bottom: 45px;
    padding-left: 18%;
    padding-right: 18%;
}
div.leftdouble-block > div.leftdouble-content > div.double-bottom:after {
    left: 50%;
    top: 0;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 189, 242, 0);
    border-width: 8px;
    margin-top: -4px;
    z-index: 1010;
}
div.leftdouble-block.making > div.leftdouble-content > div.double-bottom {
    border-top: 5px solid #6c3078;
}
div.leftdouble-block.making > div.leftdouble-content > div.double-bottom:after {
    border-top-color: #6c3078;
}
div.leftdouble-block.laying > div.leftdouble-content > div.double-bottom {
    border-top: 5px solid #00B0B9;
}
div.leftdouble-block.laying > div.leftdouble-content > div.double-bottom:after {
    border-top-color: #00B0B9;
}
div.leftdouble-block.building > div.leftdouble-content > div.double-bottom {
    border-top: 5px solid #c7961c;
}
div.leftdouble-block.building > div.leftdouble-content > div.double-bottom:after {
    border-top-color: #c7961c;
}
div.leftdouble-block.moving > div.leftdouble-content > div.double-bottom {
    border-top: 5px solid #c2027d;
}
div.leftdouble-block.moving > div.leftdouble-content > div.double-bottom:after {
    border-top-color: #c2027d;
}
div.leftdouble-block > div.leftdouble-content > div.double-bottom.bulb {
    background-image: url('../assets/what-next-pale-bulb.png');
    background-repeat: no-repeat;
    background-position: center;
}
div.leftdouble-block > div.leftdouble-content > div.double-bottom.bulb:before {
    content: " ";
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 58px;
    height: 58px;
    background-image: url('../assets/what-next-bulb.png');
}
div.leftdouble-block > div.leftdouble-content > div.double-bottom.tick {
    background-image: url('../assets/bottom-pale-tick.png');
    background-repeat: no-repeat;
    background-position: center;
}
div.leftdouble-block > div.leftdouble-content > div.double-bottom.tick:before {
    content: " ";
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    width: 58px;
    height: 58px;
    background-image: url('../assets/bottom-tick.png');
}
@media only screen and (max-width: 768px) {
    div.leftdouble-block > div.leftdouble-content > div.double-top > h4 {
        font-size: 32px;
        line-height: 44px;
        padding-top: 110px;
        padding-bottom: 33px;
    }
}
/*RHS BLOCK*/
div.container-fluid.content-block > div.rhs.row > div {
    padding: 0;
}
div.container-fluid.content-block > div.rhs.row.making > div {
    border-top: 3px solid #6c3078;
}
div.container-fluid.content-block > div.rhs.row.laying > div {
    border-top: 3px solid #00B0B9;
}
div.container-fluid.content-block > div.rhs.row.building > div {
    border-top: 3px solid #c7961c;
}
div.container-fluid.content-block > div.rhs.row.moving > div {
    border-top: 3px solid #c2027d;
}
/*deep formatting*/
div.container-fluid.content-block > div.rhs.row > div > p:first-of-type {
    font-size: 18px;
    text-align: center;
    margin-top: 24px;
    margin-bottom: 24px;
}
div.container-fluid.content-block > div.rhs.row > div > p:not(:first-of-type) {
    margin-left: 12px;
    margin-right: 12px;
}
div.container-fluid.content-block > div.rhs.row > div > ol {
    list-style: none;
    counter-reset: counter;
    position: relative;
    margin-top: 12px;
    margin-left: 6px;
    margin-right: 6px;
}
div.container-fluid.content-block > div.rhs.row > div > ol > li {
    display: block;
    margin-bottom: 60px;
    margin-left: 36px;
    margin-right: 12px;
    font-size: 13px;
}
div.container-fluid.content-block > div.rhs.row > div > ol > li:before {
    float: left;
    position: relative;
    display: block;
    z-index: 100;
    width: 32px;
    height: 32px;
    margin-right: 24px;
    margin-left: -68px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial;
    background-color: white;
    border-radius: 100em;
    counter-increment: counter;
    content: counter(counter);
}
div.container-fluid.content-block > div.rhs.row.making > div > ol > li:before {
    color: #6c3078;
    border: 4px solid #6c3078;
}
div.container-fluid.content-block > div.rhs.row.laying > div > ol > li:before {
    color: #00B0B9;
    border: 4px solid #00B0B9;
}
div.container-fluid.content-block > div.rhs.row.building > div > ol > li:before {
    color: #c7961c;
    border: 4px solid #c7961c;
}
div.container-fluid.content-block > div.rhs.row.moving > div > ol > li:before {
    color: #c2027d;
    border: 4px solid #c2027d;
}
/*tablet*/
/*phone*/
/*====LEFT AND RIGHT IMAGE BLOCKS====*/
div.container-fluid.image-block {
    margin: 0;
}
.inner-box {
    margin-top: 58px;
    margin-bottom: 58px;
    position: relative;
}
.inner-box > .inner-box-content {
    margin-left: 48px;
    margin-right: 48px;
    display: block;
}
.inner-box > .inner-box-content > p:first-of-type {
    font-size: 24px;
}
.inner-box > .inner-box-content > ul {
    list-style-image: url('../assets/Right-menu-arrow.svg');
    padding-left: 16px;
}
.inner-box > .inner-box-content > ul > li {
    font-family: arial;
    font-size: 16px;
    margin: 18px 0;
    padding-left: 15px;
}
.inner-box > .inner-box-content > img {
    height: 90px;
}
.left-box {
    margin-right: -10px;
    margin-left: 120px;
}
.right-box {
    margin-left: -10px;
    margin-right: 120px;
}
/*button defaults*/
a.btn-home {
    border-radius: 4px;
    font-size: 16px;
    margin-top: 30px;
    color: #fff;
    border: 1px solid #fff;
}
a.btn-220-60 {
    border-radius: 3px;
    font-size: 18px;
    line-height: 45px;
    margin-top: 30px;
    color: #fff;
    border: 1px solid #fff;
    width: 220px;
    margin-left: auto;
    margin-right: auto;
}
/*right buttons*/
a.btn-220-60.btn-making-plans:link,
a.btn-220-60.btn-making-plans:visited {
    background-color: #6c3078;
}
a.btn-220-60.btn-making-plans:hover,
a.btn-220-60.btn-making-plans:active {
    background-color: #fff;
    color: #6c3078;
}
a.btn-220-60.btn-building-up:link,
a.btn-220-60.btn-building-up:visited {
    background-color: #c7961c;
}
a.btn-220-60.btn-building-up:hover,
a.btn-220-60.btn-building-up:active {
    background-color: #fff;
    color: #c7961c;
}
/*left buttons*/
a.btn-220-60.btn-laying-foundations:link,
a.btn-220-60.btn-laying-foundations:visited {
    background-color: #00B0B9;
}
a.btn-220-60.btn-laying-foundations:hover,
a.btn-220-60.btn-laying-foundations:active {
    background-color: #fff;
    color: #00B0B9;
}
a.btn-220-60.btn-moving-on:link,
a.btn-220-60.btn-moving-on:visited {
    background-color: #c2027d;
}
a.btn-220-60.btn-moving-on:hover,
a.btn-220-60.btn-moving-on:active {
    background-color: #fff;
    color: #c2027d;
}
/*RIGHT*/
/* text side */
div.container-fluid.image-block.image-right > .row > .outer-box.left-outer-box {
    background-color: transparent;
}
div.container-fluid.image-block.image-right > .row > .outer-box.left-outer-box > .inner-box {
    padding-top: 42px;
    height: 480px;
    color: #fff;
    text-align: center;
}
div.container-fluid.image-block.image-right > .row > .outer-box.left-outer-box > .inner-box h3 {
    font-family: 'Interstate-Bold';
    font-size: 38px;
    margin-bottom: 30px;
}
div.container-fluid.image-block.image-right > .row > .outer-box.left-outer-box > .inner-box p.intro {
    font-family: 'Arial';
    font-size: 22px;
    text-align: left;
}
div.container-fluid.image-block.image-right.making > .row > .outer-box.left-outer-box > .inner-box {
    background-color: #6c3078;
}
div.container-fluid.image-block.image-right.building > .row > .outer-box.left-outer-box > .inner-box {
    background-color: #c7961c;
}
/*image side*/
div.container-fluid.image-block.image-right > .row > .outer-box.right-outer-box {
    background-size: cover;
    background-repeat: no-repeat;
}
div.container-fluid.image-block.image-right.making > .row > .outer-box.right-outer-box {
    background-image: url('../assets/making-plans-image-block.jpg');
}
div.container-fluid.image-block.image-right.building > .row > .outer-box.right-outer-box {
    background-image: url('../assets/building-up-image-block.jpg');
}
div.container-fluid.image-block.image-right > .row > .outer-box.right-outer-box > .inner-box {
    padding-top: 120px;
    background-color: white;
    height: 480px;
}
/*LEFT*/
/*image side*/
div.container-fluid.image-block.image-left > .row > .outer-box.left-outer-box {
    background-size: cover;
    background-repeat: no-repeat;
}
div.container-fluid.image-block.image-left.laying > .row > .outer-box.left-outer-box {
    background-image: url('../assets/laying-foundations-image-block.jpg');
}
div.container-fluid.image-block.image-left.moving > .row > .outer-box.left-outer-box {
    background-image: url('../assets/moving-in-image-block.jpg');
}
div.container-fluid.image-block.image-left > .row > .outer-box.left-outer-box > .inner-box {
    padding-top: 120px;
    background-color: white;
    height: 480px;
}
/* text side */
div.container-fluid.image-block.image-left > .row > .outer-box.right-outer-box {
    background-color: transparent;
}
div.container-fluid.image-block.image-left > .row > .outer-box.right-outer-box > .inner-box {
    padding-top: 42px;
    height: 480px;
    color: #fff;
    text-align: center;
}
div.container-fluid.image-block.image-left > .row > .outer-box.right-outer-box > .inner-box h3 {
    font-family: 'Interstate-Bold';
    font-size: 38px;
    margin-bottom: 30px;
}
div.container-fluid.image-block.image-left > .row > .outer-box.right-outer-box > .inner-box p.intro {
    font-family: 'Arial';
    font-size: 22px;
    text-align: left;
}
div.container-fluid.image-block.image-left.laying > .row > .outer-box.right-outer-box > .inner-box {
    background-color: #00B0B9;
}
div.container-fluid.image-block.image-left.moving > .row > .outer-box.right-outer-box > .inner-box {
    background-color: #c2027d;
}
/*tablet*/
@media only screen and (max-width: 992px) {
    .outer-box {
        padding: 0;
    }
    .inner-box {
        margin-top: 0;
        margin-bottom: 0;
    }
    .left-box {
        margin-left: 0;
    }
    .right-box {
        margin-right: 0;
    }
    div.bottom-image > div > img.transparent {
        height: 140px;
    }
    div.bottom-image {
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    div.container-fluid.image-block.image-right.making > div.bottom-image {
        background-image: url('../assets/making-plans-image-block.jpg');
    }
    div.container-fluid.image-block.image-left.laying > div.bottom-image {
        background-image: url('../assets/laying-foundations-image-block.jpg');
    }
    div.container-fluid.image-block.image-right.building > div.bottom-image {
        background-image: url('../assets/building-up-image-block.jpg');
    }
    div.container-fluid.image-block.image-left.moving > div.bottom-image {
        background-image: url('../assets/moving-in-image-block.jpg');
    }
}
/*phone*/
@media only screen and (max-width: 768px) {
    .left-box {
        margin-left: auto;
        margin-right: auto;
    }
    .right-box {
        margin-left: auto;
        margin-right: auto;
    }
    div.container-fluid.image-block.image-right > .row > .outer-box.left-outer-box > .inner-box {
        height: auto;
        padding-bottom: 14px;
        padding-top: 14px;
    }
    div.container-fluid.image-block.image-left > .row > .outer-box.right-outer-box > .inner-box {
        height: auto;
        padding-bottom: 14px;
        padding-top: 14px;
    }
    a.btn-220-60 {
        border-radius: 3px;
        font-size: 18px;
        line-height: 45px;
        margin-top: 7px;
        color: #fff;
        border: 1px solid #fff;
        width: 220px;
        margin-left: auto;
        margin-right: auto;
    }
}
/*====COLOUR BLOCKS====*/
div.container-fluid.colour-block {
    margin: 20px;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel {
    height: 330px;
    padding-left: 60px;
    padding-right: 60px;
    display: table;
    color: #fff;
    font-size: 24px;
    font-weight: 100;
    font-family: Arial;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel:after {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 189, 242, 0);
    border-width: 8px;
    margin-top: -8px;
    z-index: 1010;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-00BDF2 {
    background-color: #00BDF2;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-00BDF2:after {
    border-left-color: #00BDF2;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-6B3077 {
    background-color: #6B3077;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-6B3077:after {
    border-left-color: #6B3077;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-00B0B9 {
    background-color: #00B0B9;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-00B0B9:after {
    border-left-color: #00B0B9;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-C99700 {
    background-color: #C99700;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-C99700:after {
    border-left-color: #C99700;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-C6007E {
    background-color: #C6007E;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-C6007E:after {
    border-left-color: #C6007E;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-890C58 {
    background-color: #890C58;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-890C58:after {
    border-left-color: #890C58;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-53565A {
    background-color: #53565A;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-53565A:after {
    border-left-color: #53565A;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-CB6015 {
    background-color: #CB6015;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-CB6015:after {
    border-left-color: #CB6015;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-F7F7F7 {
    background-color: #F7F7F7;
    color: #333;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-F7F7F7:after {
    border-left-color: #F7F7F7;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-84BD00 {
    background-color: #84BD00;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-84BD00:after {
    border-left-color: #84BD00;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-2D2A2B {
    background-color: #2D2A2B;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-2D2A2B:after {
    border-left-color: #2D2A2B;
}
div.container-fluid.colour-block > div.row > div.link-lh-panel > * {
    display: table-cell;
    vertical-align: middle;
}
div.container-fluid.colour-block > div.row > div.link-rh-panel {
    background-color: #fff;
    height: 330px;
    padding-left: 60px;
    padding-right: 100px;
    display: table;
}
div.container-fluid.colour-block > div.row > div.link-rh-panel > span.link-rh-content {
    display: table-cell;
    vertical-align: middle;
}
div.container-fluid.colour-block > div.row > div.link-rh-panel > span.link-rh-content > h3 {
    font-family: 'Interstate-Bold';
    font-size: 36px;
}
div.container-fluid.colour-block > div.row > div.link-rh-panel > span.link-rh-content > a.btn-special {
    border-radius: 3px;
    font-family: 'Arial';
    font-size: 16px;
    line-height: 30px;
    margin-top: 30px;
    width: 180px;
    height: 50px;
}
div.container-fluid.colour-block > div.row > div.link-rh-panel > span.link-rh-content > a.btn-special:link,
div.container-fluid.colour-block > div.row > div.link-rh-panel > span.link-rh-content > a.btn-special:visited {
    background-color: #00BDF2;
    border: 1px solid #00BDF2;
    color: #fff;
}
div.container-fluid.colour-block > div.row > div.link-rh-panel > span.link-rh-content > a.btn-special:hover,
div.container-fluid.colour-block > div.row > div.link-rh-panel > span.link-rh-content > a.btn-special:active {
    background-color: #fff;
    border: 1px solid #00BDF2;
    color: #00BDF2;
}
/*tablet*/
@media only screen and (max-width: 992px) {
    div.container-fluid.colour-block > div.row > div.link-lh-panel {
        font-size: 20px;
    }
}
/*phone*/
@media only screen and (max-width: 768px) {
    div.container-fluid.colour-block {
        margin: 0;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel:after {
        top: 100%;
        left: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-width: 16px;
        margin-left: -16px;
        z-index: 1010;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-00BDF2:after {
        border-color: rgba(0, 189, 242, 0);
        border-top-color: #00BDF2;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-6B3077:after {
        border-color: rgba(0, 189, 242, 0);
        border-top-color: #6B3077;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-00B0B9:after {
        border-color: rgba(0, 189, 242, 0);
        border-top-color: #00B0B9;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-C99700:after {
        border-color: rgba(0, 189, 242, 0);
        border-top-color: #C99700;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-C6007E:after {
        border-color: rgba(0, 189, 242, 0);
        border-top-color: #C6007E;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-890C58:after {
        border-color: rgba(0, 189, 242, 0);
        border-top-color: #890C58;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-53565A:after {
        border-color: rgba(0, 189, 242, 0);
        border-top-color: #53565A;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-CB6015:after {
        border-color: rgba(0, 189, 242, 0);
        border-top-color: #CB6015;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-F7F7F7:after {
        border-color: rgba(0, 189, 242, 0);
        border-top-color: #F7F7F7;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-84BD00:after {
        border-color: rgba(0, 189, 242, 0);
        border-top-color: #84BD00;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel.bgcolor-2D2A2B:after {
        border-color: rgba(0, 189, 242, 0);
        border-top-color: #2D2A2B;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel,
    div.container-fluid.colour-block > div.row > div.link-rh-panel {
        height: 120px;
    }
    div.container-fluid.colour-block > div.row > div.link-lh-panel {
        padding-top: 37px;
        padding-bottom: 37px;
        font-size: 18px;
    }
    div.container-fluid.colour-block > div.row > div.link-rh-panel {
        padding-right: 14px;
        padding-left: 14px;
    }
    div.container-fluid.colour-block > div.row > div.link-rh-panel > span.link-rh-content > h3 {
        font-size: 30px;
    }
    div.container-fluid.colour-block > div.row > div.link-rh-panel > span.link-rh-content > a.btn-special {
        margin-top: 15px;
        margin-bottom: 15px;
    }
}
/*====SLIDER====*/
div.slider-box {
    padding-top: 92px;
    padding-right: 130px;
    padding-left: 130px;
    padding-bottom: 92px;
}
/*deep formatting*/
div.slider-box > h3:first-of-type {
    font-family: Interstate-Bold;
    font-size: 40px;
    color: #fff;
    line-height: 48px;
}
div.slider-box > p:first-of-type {
    font-family: 'Arial';
    font-size: 20px;
    color: #fff;
    line-height: 26px;
}
div.slider-box > p {
    font-family: 'Arial';
    font-size: 16px;
    color: #fff;
    line-height: 26px;
}
div.slider-box a.btn-slider {
    border-radius: 3px;
    font-size: 16px;
    margin-top: 30px;
    color: #fff;
    border: 1px solid #fff;
}
div.slider-box > a.btn-making-plans:link,
a.btn-making-plans:visited {
    background-color: #6c3078;
}
div.slider-box > a.btn-making-plans:hover,
a.btn-making-plans:active {
    background-color: #fff;
    color: #6c3078;
}
div.slider-box > a.btn-laying-foundations:link,
a.btn-laying-foundations:visited {
    background-color: #00B0B9;
}
div.slider-box > a.btn-laying-foundations:hover,
a.btn-laying-foundations:active {
    background-color: #fff;
    color: #00B0B9;
}
div.slider-box > a.btn-building-up:link,
a.btn-building-up:visited {
    background-color: #c7961c;
}
div.slider-box > a.btn-building-up:hover,
a.btn-building-up:active {
    background-color: #fff;
    color: #c7961c;
}
div.slider-box > a.btn-moving-on:link,
a.btn-moving-on:visited {
    background-color: #c2027d;
}
div.slider-box > a.btn-moving-on:hover,
a.btn-moving-on:active {
    background-color: #fff;
    color: #c2027d;
}
@media only screen and (max-width: 992px) {
    div.slider-box {
        padding-right: 74px;
        padding-left: 74px;
    }
}
@media only screen and (max-width: 768px) {
    div.slider-box {
        padding-top: 59px;
        padding-right: 53px;
        padding-left: 53px;
        padding-bottom: 59px;
    }
}
/*====CAROUSEL====*/
/* div.container-fluid.carousel-block {
    margin-left: 20px;
} */
/*top*/
div.container-fluid.carousel-block > div.row > div.top-block {
    height: 150px;
    padding-top: 22px;
    padding-left: 34px;
    padding-right: 34px;
    display: table;
}
div.container-fluid.carousel-block > div.row > div.top-block > h3 {
    color: #fff;
    font-size: 24px;
    line-height: 34px;
    font-family: 'Interstate-Bold';
}
div.container-fluid.carousel-block > div.row > div.top-block.bgcolor-00BDF2 {
    background-color: #00BDF2;
}
div.container-fluid.carousel-block > div.row > div.top-block.bgcolor-6B3077 {
    background-color: #6B3077;
}
div.container-fluid.carousel-block > div.row > div.top-block.bgcolor-00B0B9 {
    background-color: #00B0B9;
}
div.container-fluid.carousel-block > div.row > div.top-block.bgcolor-C99700 {
    background-color: #C99700;
}
div.container-fluid.carousel-block > div.row > div.top-block.bgcolor-C6007E {
    background-color: #C6007E;
}
div.container-fluid.carousel-block > div.row > div.top-block.bgcolor-890C58 {
    background-color: #890C58;
}
div.container-fluid.carousel-block > div.row > div.top-block.bgcolor-53565A {
    background-color: #53565A;
}
div.container-fluid.carousel-block > div.row > div.top-block.bgcolor-CB6015 {
    background-color: #CB6015;
}
div.container-fluid.carousel-block > div.row > div.top-block.bgcolor-F7F7F7 {
    background-color: #F7F7F7;
    color: #333;
}
div.container-fluid.carousel-block > div.row > div.top-block.bgcolor-84BD00 {
    background-color: #84BD00;
}
div.container-fluid.carousel-block > div.row > div.top-block.bgcolor-2D2A2B {
    background-color: #2D2A2B;
}
/*bottom*/
div.container-fluid.carousel-block > div.row > div.bottom-block {
    height: 256px;
    padding-top: 30px;
    padding-left: 40px;
    padding-right: 40px;
    display: table;
    background-color: #fff;
    position: relative;
    text-align: center;
}
div.container-fluid.carousel-block > div.row > div.bottom-block > span.bottom-text {
    text-align: left;
    font-size: 16px;
    font-weight: 100;
    font-family: 'Interstate-Light';
    line-height: 24px;
}
/*button*/
div.container-fluid.carousel-block > div.row > div.bottom-block > a.btn-special {
    border-radius: 4px;
    font-size: 16px;
    border: 1px solid #00BDF2;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    bottom: 24px;
    width: 180px;
    background-color: #00BDF2;
    color: #fff;
}
div.container-fluid.carousel-block > div.row > div.bottom-block > a.btn-special:hover,
div.container-fluid.carousel-block > div.row > div.bottom-block > a.btn-special:active {
    background-color: #fff;
    border: 1px solid #00BDF2;
    color: #00BDF2;
}
@media only screen and (max-width: 768px) {
    div.container-fluid.carousel-block > div.row > div.bottom-block {
        padding-top: 0;
    }
}
/*====EXPANDER====*/
div.expander-wrapper {
    padding-top: 39px;
    padding-bottom: 130px;
    background-color: #fff;
}
div.expander-wrapper > div.expander-top {
    min-height: 141px;
    color: #fff;
    background-color: #6B3077;
    padding-left: 50px;
    padding-right: 150px;
    position: relative;
}
div.row.expander-wrapper.making > div.expander-top {
    /*need to put section specific background here when page type available*/
}
div.row.expander-wrapper.laying > div.expander-top {
    /*need to put section speciic background here when page type available*/
}
div.row.expander-wrapper.building > div.expander-top {
    /*need to put section speciic background here when page type available*/
}
div.row.expander-wrapper.moving > div.expander-top {
    /*need to put section speciic background here when page type available*/
}
div.expander-wrapper > div.expander-top > div.false-button {
    top: 49px;
    right: 40px;
    width: 45px;
    height: 45px;
    line-height: 46px;
    text-align: center;
    font-size: 36px;
    font-family: Arial;
    border-radius: 100em;
    position: absolute;
    background-color: #fff;
    color: #6B3077;
    cursor: pointer;
}
div.row.expander-wrapper.making > div.expander-top > div.false-button {
    /*need to put section specific colour here when page type available*/
}
div.row.expander-wrapper.laying > div.expander-top > div.false-button {
    /*need to put section speciic colour here when page type available*/
}
div.row.expander-wrapper.building > div.expander-top > div.false-button {
    /*need to put section speciic colour here when page type available*/
}
div.row.expander-wrapper.moving > div.expander-top > div.false-button {
    /*need to put section speciic colour here when page type available*/
}
div.expander-wrapper > div.expander-top > h3 {
    font-family: 'Arial';
    font-size: 24px;
    line-height: 30px;
    font-weight: bold;
}
div.expander-wrapper > div.expander-top > p {
    font-family: 'Arial';
    font-size: 16px;
    line-height: 24px;
}
div.expander-wrapper > div.expander-bottom {
    min-height: 395px;
    color: #000;
    background-color: #F5F5F5;
    padding-top: 66px;
    padding-left: 53px;
    padding-right: 457px;
    cursor: pointer;
    position: relative;
}
div.expander-wrapper > div.expander-bottom > p:first-of-type {
    font-family: 'Arial';
    font-size: 20px;
    line-height: 26px;
}
div.expander-wrapper > div.expander-bottom > p {
    font-family: 'Arial';
    font-size: 16px;
    line-height: 24px;
}
div.expander-wrapper > div.expander-bottom > p:last-of-type {
    position: absolute;
    top: 48px;
    right: 50px;
    display: block;
    width: 328px;
    height: 293px;
    background-color: #6B3077;
    background-image: url('../assets/expander-bottom-callout-desktop-making.png');
    background-position: left top;
    color: white;
    padding-top: 60px;
    padding-left: 49px;
    padding-right: 49px;
}
div.row.expander-wrapper.making > div.expander-bottom > p:last-of-type {
    /*need to put section specific image here when page type available*/
}
div.row.expander-wrapper.laying > div.expander-bottom > p:last-of-type {
    /*need to put section speciic image here when page type available*/
}
div.row.expander-wrapper.building > div.expander-bottom > p:last-of-type {
    /*need to put section speciic image here when page type available*/
}
div.row.expander-wrapper.moving > div.expander-bottom > p:last-of-type {
    /*need to put section speciic image here when page type available*/
}
div.expander-wrapper > div.expander-bottom > p:last-of-type > a:link,
div.expander-wrapper > div.expander-bottom > p:last-of-type > a:visited {
    color: #fff;
    text-decoration: underline;
}
div.expander-wrapper > div.expander-bottom > p:last-of-type > a:hover,
div.expander-wrapper > div.expander-bottom > p:last-of-type > a:active {
    color: #fff;
    text-decoration: none;
}
@media only screen and (max-width: 992px) {
    div.expander-wrapper > div.expander-bottom {
        padding-top: 61px;
        padding-left: 47px;
        padding-right: 353px;
        min-height: 500px;
    }
    div.expander-wrapper > div.expander-bottom > p:last-of-type {
        width: 267px;
        height: 362px;
        background-color: #6B3077;
        background-image: url('../assets/expander-bottom-callout-tablet-making.png');
    }
    div.row.expander-wrapper.making > div.expander-bottom > p:last-of-type {
        /*need to put section specific image here when page type available*/
    }
    div.row.expander-wrapper.laying > div.expander-bottom > p:last-of-type {
        /*need to put section speciic image here when page type available*/
    }
    div.row.expander-wrapper.building > div.expander-bottom > p:last-of-type {
        /*need to put section speciic image here when page type available*/
    }
    div.row.expander-wrapper.moving > div.expander-bottom > p:last-of-type {
        /*need to put section speciic image here when page type available*/
    }
}
@media only screen and (max-width: 768px) {
    div.expander-wrapper > div.expander-top > div.false-button {
        top: auto;
        bottom: 33px;
        right: 28px;
    }
    div.expander-wrapper > div.expander-bottom {
        padding-right: 47px;
        min-height: 520px;
    }
    div.expander-wrapper > div.expander-bottom > p:last-of-type {
        position: relative;
        top: auto;
        bottom: auto;
        left: auto;
        right: auto;
        width: 351px;
        height: 301px;
        background-color: #6B3077;
        background-image: url('../assets/expander-bottom-callout-phone-making.png');
    }
    div.row.expander-wrapper.making > div.expander-bottom > p:last-of-type {
        /*need to put section specific image here when page type available*/
    }
    div.row.expander-wrapper.laying > div.expander-bottom > p:last-of-type {
        /*need to put section speciic image here when page type available*/
    }
    div.row.expander-wrapper.building > div.expander-bottom > p:last-of-type {
        /*need to put section speciic image here when page type available*/
    }
    div.row.expander-wrapper.moving > div.expander-bottom > p:last-of-type {
        /*need to put section speciic image here when page type available*/
    }
}
@font-face {
    font-family: 'Interstate-Regular';
    src: url('../fonts/Interstate-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Interstate-Regular.woff') format('woff'), url('../fonts/Interstate-Regular.ttf') format('truetype'), url('../fonts/Interstate-Regular.svg#Interstate-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Interstate-Bold';
    src: url('../fonts/Interstate-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Interstate-Bold.woff') format('woff'), url('../fonts/Interstate-Bold.ttf') format('truetype'), url('../fonts/Interstate-Bold.svg#Interstate-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Interstate-Light';
    src: url('../fonts/Interstate-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Interstate-Light.woff') format('woff'), url('../fonts/Interstate-Light.ttf') format('truetype'), url('../fonts/Interstate-Light.svg#Interstate-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}
[class*=" vg-icon-"],
[class^=vg-icon-] {
    font-family: videogular !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.vg-icon-closed_caption:before {
    content: "\E006";
}
.vg-icon-pause:before {
    content: "\E018";
}
.vg-icon-play_arrow:before {
    content: "\E01B";
}
.vg-icon-repeat:before {
    content: "\E023";
}
.vg-icon-replay:before {
    content: "\E025";
}
.vg-icon-skip_next:before {
    content: "\E027";
}
.vg-icon-skip_previous:before {
    content: "\E028";
}
.vg-icon-stop:before {
    content: "\E02A";
}
.vg-icon-volume_down:before {
    content: "\E030";
}
.vg-icon-volume_mute:before {
    content: "\E031";
}
.vg-icon-volume_off:before {
    content: "\E032";
}
.vg-icon-volume_up:before {
    content: "\E033";
}
.vg-icon-hd:before {
    content: "\E035";
}
.vg-icon-forward_10:before {
    content: "\E038";
}
.vg-icon-forward_30:before {
    content: "\E039";
}
.vg-icon-replay_10:before {
    content: "\E03B";
}
.vg-icon-replay_30:before {
    content: "\E03C";
}
.vg-icon-fullscreen:before {
    content: "\E20C";
}
.vg-icon-fullscreen_exit:before {
    content: "\E20D";
}
vg-player video {
    width: 100%;
    height: 100%;
}
.video-js .vjs-big-play-button {
    border: 0px;
    border-radius: 0px;
    background-color: transparent;
    font-size: 8em;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin-top: 0px;
    margin-left: 0px;
    position: absolute !important;
}
.video-js .vjs-big-play-button:hover {
    background-color: transparent;
}
.vjs-big-play-button .vjs-icon-placeholder {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}
.vjs-big-play-button .vjs-icon-placeholder:before {
    position: absolute !important;
    width: auto !important;
    height: auto !important;
    top: 50% !important;
    left: 50% !important;
    margin-top: -40px !important;
    margin-left: -40px !important;
    line-height: 1em;
}
.video-js .vjs-control-bar {
    display: flex;
}
.vjs-big-play-button {
    opacity: .5 !important;
    transition: 0.25s ease-out;
    -moz-transition: 0.25s ease-out;
    -webkit-transition: 0.25s ease-out;
    -o-transition: 0.25s ease-out;
}
.vjs-big-play-button:hover {
    opacity: 1 !important;
    transform: scale(1.25, 1.25);
}
.video-js {
    overflow: hidden;
    background-color: initial;
}
.video-js .vjs-tech {
    /* left: 1px;*/
}
.video-container video {
    width: 100%;
}
/*div {*/
/*text-align: center;*/
/*width: 400px;*/
/*height: 200px;*/
/*}*/
.video-container .content {
    margin: auto;
    max-width: 600px;
    /*width: 100%;*/
    height: auto;
    text-align: center;
}
vg-scrub-bar {
    visibility: hidden;
}
div.content > a.btn-video {
    margin-top: 0;
    margin-bottom: 140px;
    width: 170px;
    height: 40px;
    border-radius: 4px;
    color: #fff;
    border: 1px solid #fff;
    font-family: Interstate-Bold;
    font-size: 14px;
    line-height: 26px;
}
div.content > a.btn-video.home:link,
div.content > a.btn-video.home:visited {
    background-color: #00BDF2;
    border: 1px solid #fff;
    color: #fff;
}
div.content > a.btn-video.home:hover,
div.content > a.btn-video.home.home:active {
    background-color: #fff;
    border: 1px solid #00BDF2;
    color: #00BDF2;
}
div.content > a.btn-video.making:link,
div.content > a.btn-video.making:visited {
    background-color: #6c3078;
    border: 1px solid #fff;
    color: #fff;
}
div.content > a.btn-video.making:hover,
div.content > a.btn-video.making:active {
    background-color: #fff;
    border: 1px solid #6c3078;
    color: #6c3078;
}
div.content > a.btn-video.laying:link,
div.content > a.btn-video.laying:visited {
    background-color: #00B0B9;
    border: 1px solid #fff;
    color: #fff;
}
div.content > a.btn-video.laying:hover,
div.content > a.btn-video.laying:active {
    background-color: #fff;
    border: 1px solid #00B0B9;
    color: #00B0B9;
}
div.content > a.btn-video.building:link,
div.content > a.btn-video.building:visited {
    background-color: #c7961c;
    border: 1px solid #fff;
    color: #fff;
}
div.content > a.btn-video.building:hover,
div.content > a.btn-video.building:active {
    background-color: #fff;
    border: 1px solid #c7961c;
    color: #c7961c;
}
div.content > a.btn-video.moving:link,
div.content > a.btn-video.moving:visited {
    background-color: #c2027d;
    border: 1px solid #fff;
    color: #fff;
}
div.content > a.btn-video.moving:hover,
div.content > a.btn-video.moving:active {
    background-color: #fff;
    border: 1px solid #c2027d;
    color: #c2027d;
}
/*tablet */
/*phone */
@media only screen and (max-width: 768px) {
    .content {
        width: 80%;
    }
}

/*
================================
New Styling
================================
*/

.button-contain {
    width: 100%;
    float: left;
    margin-bottom: 30px;
}

/*.button {*/
/*  font-family: 'Arial';*/
/*  color: #fff;*/
/*  font-size: 16px;*/
/*  line-height: 25px;*/
/*  padding: 17px 26px;*/
/*  float: left;*/
/*  border-radius: 5px;*/
/*  border: 1px solid #000;*/
/*}*/

/*.button:hover {*/
/*  color: #fff;*/
/*  text-decoration: none;*/
/*}*/

/*.button--blue {*/
/*  background-color: #00BDF2;*/
/*  border-color: #00BDF2;*/
/*}*/

/*.button--blue:hover {*/
/*  background-color: #fff;*/
/*  color: #00BDF2;*/
/*}*/

/*.button__outline {*/
/*  width: 159px;*/
/*  height: 51px;*/
/*  clear: both;*/
/*  display: inline-block;*/
/*  border-width: 3px;*/
/*  background: transparent;*/
/*  color: #00BDF2;*/
/*  position: relative;*/
/*  padding: 0;*/
/*}*/

/*.button__outline span {*/
/*  width: 100%;*/
/*  float: left;*/
/*  text-align: center;*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 50%;*/
/*  -webkit-transform: translate(-50%, -50%);*/
/*  -moz-transform: translate(-50%, -50%);*/
/*  -ms-transform: translate(-50%, -50%);*/
/*  -o-transform: translate(-50%, -50%);*/
/*  transform: translate(-50%, -50%);*/

/*}*/

/*.button__outline:before {*/
/*  content: '';*/
/*  width: 8px;*/
/*  height: 14px;*/
/*  background-image: url('../assets/arrow-left.svg');*/
/*  float: left;*/
/*  position: absolute;*/
/*  top: 50%;*/
/*  left: 25px;*/
/*  -webkit-transform: translateY(-50%);*/
/*  -moz-transform: translateY(-50%);*/
/*  -ms-transform: translateY(-50%);*/
/*  -o-transform: translateY(-50%);*/
/*  transform: translateY(-50%);*/
/*}*/

.page-block {
    width: 100%;
    float: left;
    background-color: #fff;
    padding: 37px 34px 47px 31px;
}

.page-text {
    width: 100%;
    float: left;
    margin-bottom: 18px;
}

.page-text p {
    font-family: 'Arial';
    font-size: 16px;
    color: #000000;
    line-height: 22px;
    margin: 0 0 10px 0;
}

.page-text-more-margin p {
    margin: 0 0 30px 0;
}

.page-text p:last-of-type {
    margin: 0;
}

.page__table-contain {
    width: 100%;
    float: left;
}

.page__table {
    width: 100%;
    background-color: #fff;
}

@media(max-width: 800px) {
    .page__table {
        width: 1000px;
    }

    .page__table-contain {
        overflow: scroll;
    }
}

.page__table thead {
    background-color: #C99800;
}

.page__table--purple thead {
    background-color: #C6007E;
}

.page__table tr {
    position: relative;
}

.page__table tr:not(:last-of-type) {
    border-bottom: 1px solid #C99800;
}

.page__table--purple tr:not(:last-of-type) {
    border-bottom: 1px solid #C6007E;
}

.page__table thead tr {}

.page__table thead tr th {
    text-align: center;
    color: #fff;
    font-family: 'Arial';
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 0;
}
.page__table tbody {}
.page__table tbody tr{}
.page__table tbody tr td{
    font-family: 'Arial';
    color: #000;
    font-size: 16px;
    width: 20%;
}

.page__table tbody tr:first-of-type td{
    text-align: center;
    font-weight: bold;
    padding-bottom: 18px;
    width: 20%;
}

@media(max-width: 750px) {
    .page__table tbody tr td:first-of-type{
        width: 15%;
    }

    .page__table tbody tr td{
        width: 21.25%;
    }
}

.page__table tbody tr:not(:first-of-type) td{
    padding: 28px 13px;
    vertical-align: top;
}

.page__table tbody tr:not(:first-of-type) td:first-of-type{
    font-weight: bold;
    padding: 28px;
}

.page__table tbody tr td img{
    clear: both;
    margin-bottom: 10px;
}

.page__table tbody tr td .title {
    width: 100%;
    float: left;
    height: 70px;
}

.page__table tbody tr td span{
    width: 100%;
    float: left;
}
.page__table-image {
    width: 100%;
    float: left;
    position: relative;
    height: 100px;
}

.page__table-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.page__disclaimer {
    width: 100%;
    float: left;
    margin-top: 50px;
}

.page__disclaimer p {
    font-family: "Arial";
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 0;
}

div.intro-block>div.intro-content--new > ul {
    font-size: 16px;
}