/**
 * Theme Name: SunSmart
 * Description: SunSmart custom WordPress theme.
 * Author: FeelCreative
 * Version: 1.0
 *
 * @package SunSmart
 * @since SunSmart 1.0
 */

 /*! normalize.css v3.0.2 | MIT License | git.io/normalize */img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}table{border-collapse:collapse;border-spacing:0}

 @font-face {
     font-family: 'FocoCCBold';
     src: url('./fonts/HelveticaRoundedLTStd-Bd/HelveticaRoundedLTStd-Bd.eot'); /* IE9 Compat Modes */
     src: local("☺"),
          url('./fonts/HelveticaRoundedLTStd-Bd/HelveticaRoundedLTStd-Bd.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
          url('./fonts/HelveticaRoundedLTStd-Bd/HelveticaRoundedLTStd-Bd.woff') format('woff'), /* Modern Browsers */
          url('./fonts/HelveticaRoundedLTStd-Bd/HelveticaRoundedLTStd-Bd.ttf')  format('truetype'), /* Safari, Android, iOS */
          url('./fonts/HelveticaRoundedLTStd-Bd/HelveticaRoundedLTStd-Bd.svg#38d8af621d30e73fc9b1763b59249706') format('svg'); /* Legacy iOS */
     font-style:   normal;
     font-weight:  400;
 }
 /*------------------------------------------------------*/
/*--- Font Family :: [Foco CC] :: Regular ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'FocoCCRegular';
    src: url('./fonts/FocoCC/fococc_rg.eot');
    src: url('./fonts/FocoCC/fococc_rg.eot?#iefix') format('embedded-opentype'),
         url('./fonts/FocoCC/fococc_rg.woff2') format('woff2'),
         url('./fonts/FocoCC/fococc_rg.woff') format('woff'),
         url('./fonts/FocoCC/fococc_rg.ttf') format('truetype'),
         url('./fonts/FocoCC/fococc_rg.svg#FocoCCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Foco CC] :: Italic ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'FocoCCItalic';
    src: url('./fonts/FocoCC/fococc_it.eot');
    src: url('./fonts/FocoCC/fococc_it.eot?#iefix') format('embedded-opentype'),
         url('./fonts/FocoCC/fococc_it.woff2') format('woff2'),
         url('./fonts/FocoCC/fococc_it.woff') format('woff'),
         url('./fonts/FocoCC/fococc_it.ttf') format('truetype'),
         url('./fonts/FocoCC/fococc_it.svg#FocoCCItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Foco CC] :: Bold ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'FocoCCBold';
    src: url('./fonts/FocoCC/fococc_bd.eot');
    src: url('./fonts/FocoCC/fococc_bd.eot?#iefix') format('embedded-opentype'),
         url('./fonts/FocoCC/fococc_bd.woff2') format('woff2'),
         url('./fonts/FocoCC/fococc_bd.woff') format('woff'),
         url('./fonts/FocoCC/fococc_bd.ttf') format('truetype'),
         url('./fonts/FocoCC/fococc_bd.svg#FocoCCBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Foco CC] :: Bold Italic ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'FocoCCBoldItalic';
    src: url('./fonts/FocoCC/fococc_bdit.eot');
    src: url('./fonts/FocoCC/fococc_bdit.eot?#iefix') format('embedded-opentype'),
         url('./fonts/FocoCC/fococc_bdit.woff2') format('woff2'),
         url('./fonts/FocoCC/fococc_bdit.woff') format('woff'),
         url('./fonts/FocoCC/fococc_bdit.ttf') format('truetype'),
         url('./fonts/FocoCC/fococc_bdit.svg#FocoCCBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*------------------------------------------------------*/
/*--- Font Family :: [Foco CC] :: Black ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'FocoCCBlack';
    src: url('./fonts/FocoCC/fococc_blk.eot');
    src: url('./fonts/FocoCC/fococc_blk.eot?#iefix') format('embedded-opentype'),
         url('./fonts/FocoCC/fococc_blk.woff2') format('woff2'),
         url('./fonts/FocoCC/fococc_blk.woff') format('woff'),
         url('./fonts/FocoCC/fococc_blk.ttf') format('truetype'),
         url('./fonts/FocoCC/fococc_blk.svg#FocoCCBlack') format('svg');
    font-weight: normal;
    font-style: normal;
}

 html, body {
     width: 100%;
     height: 100%;
     padding: 0;
     margin: 0;
 }

 body {
     overflow-x: hidden;
 }

 h1 {
     font-family: 'FocoCCBold';
     color: #404040;
     font-size: 32px;
     line-height: 35px;
 }

 h2 {
     font-family: 'FocoCCBold';
     color: #404040;
     font-size: 24px;
     line-height: 27px;
 }

 h3 {
     font-family: 'FocoCCBold';
     color: #404040;
     font-size: 16px;
     line-height: 20px;
 }

 h4 {
     font-family: 'FocoCCBold';
     color: #404040;
     font-size: 16px;
     line-height: 16px;
 }

 a {
     font-family: 'FocoCCRegular', Helvetica, Arial, sans-serif;
     font-weight: bold;
     color: #009bdc;
     font-size: 16px;
     line-height: 22px;
     text-decoration: underline;
 }

 p {
     font-family: 'FocoCCRegular', Helvetica, Arial, sans-serif;
     color: #6b6b6b;
     font-size: 16px;
     line-height: 22px;
 }

 li {
     font-family: 'FocoCCRegular', Helvetica, Arial, sans-serif;
     color: #6b6b6b;
     font-size: 16px;
     line-height: 22px;
     position: relative;
 }

 ul li {
     list-style-type: none;
 }

 .spinner {
    background: url('./img/spinner.gif') no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
    float: right;
    vertical-align: middle;
    filter: alpha(opacity=70);
    width: 20px;
    height: 20px;
    margin: 4px 10px 0;
    display: none;
 }

 .spinner.show {
     display: inline-block;
 }

 label.blue {
     font-family: 'FocoCCBold';
     color: #0f1e64;
     font-size: 20px;
     line-height: 26px;
 }

 label.blue span {
     font-family: "FocoCCRegular", Arial, sans-serif;
     color: #5c5c5c;
     font-size: 16px;
     line-height: 24px;
 }

 label > span.required {
    display: inline-block;
    color: red;
    padding-left: 3px;
 }

 section.main li {
    min-height: 32px;
    margin-bottom: 4px;
    padding-top: 2px;
 }

 section.main ul li:before {
     content: '';
     background-image: url('./img/bullet.png');
     background-repeat: no-repeat;
     background-size: 100% 100%;
     left: -44px;
     position: absolute;
     width: 30px;
     height: 29px;
     top: 1px;
 }

 .button {
     height: 49px;
     /* background-image: url('./img/button-bg.png');
     background-repeat: no-repeat;
     background-size: 26px 47px;
     display: table;
     background-position: top right;
     padding-right: 23px; */
     -webkit-border-radius: 5px;
     border-radius: 5px;
     overflow: hidden;
     cursor: pointer;
 }

 .button.back-button {
     /* background-image: url('./img/button-bg-back.png');
     background-position: top left;
     padding-right: 0px;
     padding-left: 23px; */
     -webkit-border-radius: 5px;
     border-radius: 5px;
 }

 .button a,
 .button button,
 .button label {
     font-size: 18px !important;
     line-height: 15px;
     color: #0f1e64;
     font-family: 'FocoCCBold';
     text-align: center;
     display: table-cell;
     vertical-align: middle;
     padding: 17px 25px;
     background-color: #ffd200;
     cursor: pointer;
     text-decoration: none;
     text-transform: uppercase;
     -webkit-border-radius: 5px;
     border-radius: 5px;
 }

 .button input {
     display: none;
 }

 .button button {
     height: auto;
     border: none;
 }

 .expandable-list {
     width: 610px;
 }

 .expandable-list .item {
     margin-left: 70px;
     padding-top: 45px;
     min-height: 65px;
     border-bottom: 1px solid #ededed;
     position: relative;
     font-family: 'FocoCCBold';
     font-size: 20px;
     line-height: 26px;
     color: #0f1e64;
     float: left;
     width: 100%;
 }

 .expandable-list .item span:before {
     content: '';
     position: absolute;
     left: -60px;
     top: 34px;
     background-image: url('./img/arrow-right.png');
     width: 46px;
     height: 44px;
 }

 .expandable-list .item.active span:before {
     content: '';
     position: absolute;
     left: -60px;
     top: 34px;
     background-image: url('./img/arrow-down.png');
     width: 46px;
     height: 44px;
 }

 .expandable-list .item span {
     cursor: pointer;
 }

 .expandable-list .item .panel {
     display: none;
     padding-bottom: 14px;
 }

 .expandable-list .item .panel p {
     margin-top: 7px;
     margin-bottom: 0px;
 }

 .expandable-list .item .panel ul {
     padding: 0;
     margin-top: 5px;
     margin-left: 2px;
     margin-bottom: 0;
 }

 .expandable-list .item .panel ul > li {
     margin-bottom: 6px;
 }

 .expandable-list .item .panel ul li:last-child {
     margin-bottom: 0;
 }

 .expandable-list .item .panel ul > li:before {
     display: none;
 }

 .expandable-list .item .panel ul > li > ul {
     padding-left: 20px;
 }

 .expandable-list .item .panel ul > li > ul > li {
     padding-left: 8px;
     margin-bottom: 6px;
 }

 .expandable-list .item .panel ul > li > ul > li:before {
     content: "\f111";
     font-family: 'FontAwesome';
     color: #5c5c5c;
     font-size: 5px;
     position: absolute;
     left: -1px;
     top: 1px;
     display: block;
     background-image: none;
 }

 .page section.main .main-content.page .expandable-list .item .panel .panel-button.button,
 .expandable-list .item .panel .panel-button.button {
     margin-top: 20px;
     margin-left: 0;
     margin-bottom: 30px;
 }

 .underline {
     position: relative;
 }

 .underline:before {
     content: '';
     position: absolute;
     width: 100%;
     height: 1px;
     left: 0;
     bottom: -2px;
     background-color: #0f1e64;
 }

 .radio-button {
     display: none;
 }

 .radio-button + label {
     padding-left: 39px;
     position: relative;
     cursor: pointer;
 }

 .radio-button + label:before {
     content: '';
     width: 23px;
     height: 23px;
     position: absolute;
     left: -4px;
     background-color: #ededed;
     top: -2px;
     border-radius: 50%;
     border: 1px solid #cdcdcd;
 }

 .radio-button:checked + label:after {
     content: '';
     width: 13px;
     height: 13px;
     position: absolute;
     left: 2px;
     background-color: #848484;
     top: 4px;
     border-radius: 50%;
 }

 .accordion {

 }

 .accordion .accordion-item {
     float: left;
     margin-bottom: 23px;
 }

 .accordion .accordion-item .accordion-item-title {
     font-family: "FocoCCRegular", Arial, sans-serif;
     font-weight: bold;
     font-size: 16px;
     line-height: 24px;
     color: #fff;
     background: #009bdc;
     margin-top: 5px;
     height: 31px;
     width: 596px;
     padding-left: 24px;
     padding-top: 7px;
     cursor: pointer;
 }

 .accordion .accordion-item .accordion-item-title i {
     float: right;
     margin-right: 16px;
     font-size: 18px;
     margin-top: 4px;
 }

 .accordion .accordion-item .accordion-item-content {
     border: 1px solid #eae9e9;
     width: 590px;
     padding: 28px 14px;
     float: left;
     display: none;
 }

 .accordion .accordion-item .accordion-item-content .button {
     float: right;
     /* margin-right: 4px;
     height: 41px;
     background-size: 22px 41px;
     width: 273px;
     margin-bottom: -4px;
     padding-right: 21px;
     background-image: url('./img/button-bg-small.png'); */
 }

 .accordion .accordion-item .accordion-item-content .button a {
     /* font-size: 16px;
     padding-right: 12px;
     padding-top: 4px; */
 }

 .custom-select {
     float: left;
     clear: both;
     position: relative;
 }

 .custom-select select {
     left: 0 !important;
     top: 38px !important;
 }

 #add-contact-type.custom-select select {
     top: 0 !important;
 }

 .custom-select .customSelect {
     border: 1px solid #ededed;
     background: #f7f7f7;
     font-size: 16px;
     line-height: 26px;
     color: #8f8f8f;
     font-family: "FocoCCRegular", Arial, sans-serif;
     margin-bottom: 28px;
     height: 50px;
     float: left;
     margin-right: 18px;
     cursor: pointer;
 }

  .custom-select select {
     cursor: pointer;
 }

 .add-contact .custom-select {
     width: 590px !important;
 }

 .custom-select .customSelect .customSelectInner {
     display: block !important;
     padding: 13px 42px 5px 15px !important;
     height: 32px !important;
     width: 240px !important;
     pointer-events: none;
     background-image: url('./img/drop-arrow.png');
     background-position: center right;
     background-repeat: no-repeat;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
 }

 .add-contact .custom-select .customSelect .customSelectInner {
     width: 531px !important;
 }

 .checkbox {

 }

 .checkbox input {
     display: none;
 }

 .checkbox label {
     padding-left: 49px;
     position: relative;
     cursor: pointer;
 }

 .checkbox label:before {
     content: '';
     border: 1px solid #d6d5d5;
     background: #f7f7f7;
     position: absolute;
     top: -4px;
     left: 1px;
     width: 27px;
     height: 27px;
 }

 .checkbox input:checked + label:before {
     content: "";
     background-image: url('./img/check-grey.png');
     background-repeat: no-repeat;
     line-height: 27px;
     text-align: center;
     font-size: 22px;
     background-position: center center;
 }

 .container {
     width: 960px;
     margin: 0 auto;
 }

 .container:after {
     display: block;
     clear: both;
     content: "";
 }

 .form-error h3 {
     color: #FF0000;
 }

 header {
     float: left;
     width: 100%;
 }

 header .container {
     position: relative;
 }

 header .header-content {
     padding-bottom: 16px;
     float: left;
 }

 header .logo1 {
     margin-top: 10px;
     margin-left: -20px;
     float: left;
     position: relative;
     line-height: 0px;
     font-size: 0px;
 }

 header .logo1 a {
     line-height: 0px;
     font-size: 0px;
 }

 header .logo1 img {
    height: 90px;
 }

 header .logo1.line:after {
     content: '';
     position: absolute;
     background-color: #dddddd;
     right: -25px;
     width: 2px;
     height: 65px;
     top: 33px;
 }

 header .logo2 {
     float: left;
     margin-top: 19px;
     margin-left: 48px;
 }

 header .header-nav {
     display: block;
     clear: both;
     background: #0f1e64;
 }

 header .account-navigation {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px 40px;
 }

 header .header-nav ul {
    padding-left: 0px;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 0px;
    font-size: 0px;
 }

 header .header-nav ul li {
     display: inline-block;
     /* margin-right: 76px; */
 }

 header .header-nav ul li:last-child {
     margin-right: 0px;
 }

 header .header-nav ul li.show-logged-in {
     display: none;
 }

 body.logged-in header .header-nav ul li.show-logged-in {
     display: inline-block;
 }

 header .header-nav ul li.hide-logged-in {
     display: inline-block;
 }

 body.logged-in header .header-nav ul li.hide-logged-in {
     display: none;
 }

 header .header-nav ul li a {
     font-family: 'FocoCCBold';
     color: #fff;
     font-size: 18px;
     line-height: 26px;
     text-decoration: none;
     padding: 20px 38px 17px;
     display: block;
     padding-bottom: 17px;
 }

 header .header-nav ul li:hover a{
     background-color: #3f4b83;
 }

 header .header-nav ul li ul {
     position: absolute;
     z-index: 1;
     background-color: #3f4b83;
     width: 250px;
     padding: 22px 12px 17px;
     display: none;
 }

 header .header-nav ul li:hover ul {
    display: block;
 }

 header .header-nav ul li ul li a {
    font-family: "FocoCCRegular";
    font-weight: normal;
    border-bottom: 1px solid #7e829a;
    padding: 7px 7px 7px 21px;
    font-size: 16px;
    padding-top: 9px;
    line-height: 19px;
    width: 198px;
 }

  header .header-nav ul li ul li a:hover {
    color: #3f4b83 !important;
    text-decoration: none;
    background: #e9edf3;
    border-bottom-color: transparent;
  }

  header .header-nav ul li ul li a:hover:before {
      width: 6px;
      height: 7px;
      display: block;
      margin-top: -4px;
      content: "";
      position: absolute;
      top: 50%;
      left: 7px;
      background: -191px -92px url(img/sprite.png) no-repeat;
  }

 section.main {
     float: left;
     width: 100%;
     background: #fff;
 }

 section.main .headline {
     height: 322px;
     float: left;
     width: 100%;
     overflow: hidden;
 }

 .page-template-tpl-home section.main .headline {
     height: 376px;
 }

 section.main .headline .container {
     position: relative;
     height: 100%;
     display: table;
     background-color: #fff;
 }

 section.main .headline .container:before {
     content: '';
     width: 70px;
     height: 376px;
     /* background-image: url("./img/headline-left.png");
     background-repeat: no-repeat;
     background-size: 100% 100%; */
     background-color: #fff;
     position: absolute;
     left: -70px;
 }

 section.main .headline .container .inner-container {
     margin-top: 47px;
     float: left;
     margin-left: 10px;
     width: 460px;
     min-height: 160px;
 }

 .page-template-tpl-home section.main .headline .container .inner-container {
     margin-top: 23px;
 }

 section.main .headline .container .inner-container h1,
 section.main .headline .container .inner-container.page h1 {
     margin-bottom: 0px;
 }

 .page-template-tpl-faqs section.main .headline .container .inner-container h1,
 .page-template-tpl-programs section.main .headline .container .inner-container h1 {
     line-height: 53px;
     margin-top: 35px;
     margin-bottom: 14px;
 }

 section.main .headline .container .inner-container h3,
 section.main .headline .container .inner-container.page h3 {
     margin-top: 9px;
     margin-bottom: 0;
 }

 section.main .headline .container .inner-container p,
 section.main .headline .container .inner-container.page p {
     margin-top: 5px;
 }

 section.main .headline .container .inner-container .button,
 section.main .headline .container .inner-container.page .button {
     margin-top: -3px;
 }

 .page-template-tpl-home section.main .headline .container .inner-container .button a {
     padding-left: 62px;
     padding-right: 62px;
 }

 section.main .headline .container .inner-container.page .button a {
     padding-left: 62px;
     padding-right: 62px;
 }

 section.main .headline .container .inner-container a.custom-link,
 section.main .headline .container .inner-container.page a.custom-link {
     margin-top: 15px;
     float: left;
 }

 section.main .headline .headline-img {
     background-repeat: no-repeat;
     background-size: cover;
     height: 376px;
     position: absolute;
     top: 0;
     left: 550px;
     width: 100%;
 }

 section.main .headline .headline-img .headline-border {
     height: 376px;
     width: 235px;
     position: absolute;
     left: 0;
     top: 0;
     background-image: url('./img/headline-border.png');
     background-repeat: no-repeat;
     background-size: 100% 100%;
 }

 section.main .main-content {
     background: #fff;
     float: left;
     width: 100%;
 }

 section.main .main-content .col,
 section.main .bottom-content .col {
     width: 50%;
     float: left;
 }

 .page-template-tpl-recommendations section.main .main-content .col.col1.ech,
 section.main .main-content .col.col1.oshc {
     width: 100%;
 }

 .page-template-tpl-recommendations section.main .main-content .col.col2.ech,
 section.main .main-content .col.col2.oshc {
     display: none;
 }

 .page-template-tpl-home section.main .main-content {
     background: #f7f7f7;
 }

 .page-template-tpl-home section.main .main-content .col1 .video {
     margin-top: 98px;
     margin-left: 10px;
 }

 .page-template-tpl-home section.main .main-content .col2 h2 {
     margin-top: 95px;
     margin-left: 22px;
     margin-bottom: 0;
     padding-right: 10px;
 }

 .page-template-tpl-home section.main .main-content .col2 h3 {
     margin-top: 6px;
     margin-left: 23px;
     margin-bottom: 24px;
 }

 .page-template-tpl-home section.main .main-content .col2 ul {
     margin-left: 27px;
     margin-bottom: 87px;
 }

 .page-template-tpl-home section.main .main-content .col2 ul li {
     margin-bottom: 11px;
 }

 .page-template-tpl-home section.main .bottom-content {
     background: #009bdc;
     float: left;
     width: 100%;
     padding-bottom: 70px;
 }

 .page-template-tpl-home section.main .bottom-content .container {
     display: table;
 }

 .page-template-tpl-home section.main .bottom-content h2 {
     text-align: center;
     font-size: 26px;
     line-height: 32px;
     font-weight: bold;
     margin-top: 52px;
     margin-bottom: 68px;
     color: #fff;
 }

 .page-template-tpl-home section.main .bottom-content .button {
     position: absolute;
     margin-left: 361px;
     margin-top: -34px;
 }

 .page-template-tpl-home section.main .bottom-content .button a {
     padding-left: 45px;
     padding-right: 45px;
 }

.page-template-tpl-home section.main #homepage_video {display:none;}

 .page-template-tpl-faqs section.main .main-content .expandable-list,
 .page-template-tpl-programs section.main .main-content .expandable-list {
     margin-top: 18px;
 }

 .page section.main .main-content.page .button,
 .page-template-tpl-faqs section.main .main-content .button,
 .page-template-tpl-programs section.main .main-content .button {
     margin-top: 50px;
     margin-left: 70px;
     width: auto;
     margin-bottom: 124px;
     float: left;
 }

 .page-template-tpl-my-account section.main .main-content .button {
     margin: 0 !important;
 }

 .page-template-tpl-my-account .container.edit-organisation {
     margin-bottom: 55px !important
 }

 .page-template-tpl-organisation-search section.main .headline .container .inner-container h1 {
     margin-top: 35px;
     line-height: 53px;
     margin-bottom: 14px;
 }

 .page-template-tpl-organisation-search section.main .main-content {
     background: #f7f7f7;
 }

 .page-template-tpl-organisation-search section.main .main-content .col {
     clear: both;
 }

 .page-template-tpl-organisation-search section.main .main-content .col p{
     margin-top: 34px;
     margin-left: 10px;
 }

 .page-template-tpl-organisation-search section.main .main-content form {
     float: left;
     clear: both;
     padding-left: 70px;
     padding-top: 15px;
     width: 890px;
     margin-bottom: 9px;
 }

 .page-template-tpl-organisation-search section.main .main-content form .form-item {
     float: left;
     width: 100%;
     margin-bottom: 31px;
 }

 .page-template-tpl-organisation-search section.main .main-content form label.blue {
     width: 210px;
     float: left;
     margin-right: 29px;
     position: relative;
 }

 .page-template-tpl-organisation-search section.main .main-content form label.blue:before {
     content: '';
     background-image: url('./img/bullet-big.png');
     background-repeat: no-repeat;
     background-size: 100% 100%;
     left: -62px;
     position: absolute;
     width: 46px;
     height: 44px;
     top: -2px;
 }

 .page-template-tpl-organisation-search section.main .main-content form label.blue span {
     margin-top: 7px;
     float: left;
     margin-left: 2px;
 }

 .page-template-tpl-organisation-search section.main .main-content form .form-item input {
     margin-top: 3px;
     height: 61px;
     width: 603px;
     border: 1px solid #ededed;
     background-color: #fff;
     font-family: "FocoCCRegular", Helvetica, Arial, sans-serif;
     font-size: 20px;
     line-height: 26px;
     color: #757575;
     padding: 0 18px;
 }

 .page-template-tpl-organisation-search section.main .main-content form .choose-program {
     float: left;
     margin-right: 53px;
     margin-top: 3px;
 }

 .page-template-tpl-organisation-search section.main .main-content form .choose-program .program-item {
     width: 105px;
     float: left;
     border: 1px solid #ededed;
     height: 61px;
     text-align: center;

 }

 .page-template-tpl-organisation-search section.main .main-content form .choose-program .program-item input,
 .page-template-tpl-organisation-search section.main .main-content form .choose-program .program-item label {
     width: 100%;
     height: 100%;
 }

 .page-template-tpl-organisation-search section.main .main-content form .choose-program .program-item label {
     font-size: 14px;
     line-height: 20px;
     color: #009bdc;
     font-family: 'FocoCCBold';
     background-color: #fff;
     cursor: pointer;
     display: table;
 }

 .page-template-tpl-organisation-search section.main .main-content form .choose-program .program-item input:checked + label {
     background-color: #009bdc;
     color: #fff;
 }

 .page-template-tpl-organisation-search section.main .main-content form .choose-program .program-item label span {
     margin: 0;
     float: none;
     display: table-cell;
     vertical-align: middle;
     padding: 0px 10px;
     padding-top: 6px;
 }

 .page-template-tpl-organisation-search section.main .main-content form .choose-program .program-item input {
     display: none;
 }


 .page-template-tpl-organisation-search section.main .main-content form .button {
     margin-top: 3px;
 }

 .page-template-tpl-organisation-search section.main .main-content form .button button {
     padding-left: 68px;
     padding-right: 71px
 }

 .page-template-tpl-organisation-search section.main .bottom-content {
     float: left;
     width: 100%;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .col h2 {
     margin-top: 38px;
     margin-left: 11px;
     font-size: 23px;
     margin-bottom: 0;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .col p {
     margin-left: 12px;
     margin-top: -3px;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .col p {
     margin-left: 12px;
     margin-top: -3px;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .organisation-table a {
      text-decoration: none;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .table {
     float: left;
     clear: both;
     width: 100%;
     margin-left: 11px;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .table:after {
     display: block;
     clear: both;
     content: "";
 }

 .page-template-tpl-organisation-search section.main .bottom-content .table h3 {
     margin: 26px 60px 0 60px;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .table h3 a {
     font-family: "FocoCCRegular", Helvetica, Arial, sans-serif;
     font-weight: bold;
     font-size: 20px;
     line-height: 24px;
     color: #009bdc;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .table p {
     margin-left: 59px;
     margin-right: 59px;
     margin-top: 4px;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .table h4 {
     font-size: 20px;
     line-height: 54px;
     color: #0f1e64;
     font-family: 'FocoCCBold';
     margin-bottom: -3px;
 }

  .page-template-tpl-organisation-search section.main .bottom-content .table .table-row  {
     display: table;
     min-height: 108px;
     height: 100%;
  }

  .page-template-tpl-organisation-search section.main .bottom-content .table .table-row:after {
     clear: left;
     display: block;
     content: "";
 }

  .page-template-tpl-organisation-search section.main .bottom-content .table .table-row .table-data {
     display: table-cell;
     height: 100%;
 }

  .page-template-tpl-organisation-search section.main .bottom-content .table .table-row.table-header .table-data.table-title {
     text-align: center;
     height: auto;
     border: none;
     background: none;
     padding: 0;
     vertical-align: bottom;
 }

  .page-template-tpl-organisation-search section.main .bottom-content .table .table-row .table-data:first-child {
     width: 480px;
     border-top: 1px solid #ededed;
     border-left: 1px solid #ededed;
 }

  .page-template-tpl-organisation-search section.main .bottom-content .table-row:last-child .table-data:first-child {
     border-bottom: 1px solid #ededed;
 }

  .page-template-tpl-organisation-search section.main .bottom-content .table .table-row .table-data:last-child {
     width: 300px;
     background: #ffdd33;
     border-bottom: 1px solid #fbda2f;
     border-right: 1px solid #ededed;
     text-align: center;
     vertical-align: middle;
 }

  .page-template-tpl-organisation-search section.main .bottom-content .table .table-row .table-data:last-child a {
     font-size: 20px;
     line-height: 24px;
     color: #0f1e64;
     font-family: "FocoCCRegular", Arial, sans-serif;
     font-weight: normal;
 }

  .page-template-tpl-organisation-search section.main .bottom-content .table-row:first-child .table-data:last-child {
     border-bottom: 1px solid #ededed;
 }

  .page-template-tpl-organisation-search section.main .bottom-content .table .table-row .table-data.sunsmart {
     background: #ffdd33;
     border-bottom: 1px solid #fbda2f;
 }

  .page-template-tpl-organisation-search section.main .bottom-content .table .table-row .table-data.lapsed {
     background: #ffee99;
     border-bottom: 1px solid #f4e38e;
 }

  .page-template-tpl-organisation-search section.main .bottom-content .table .table-row .table-data.not-sunsmart {
     background: #f7f7f7;
     border-bottom: 1px solid #f7f7f7;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .pagination {
     float: left;
     margin-top: 2px;
     margin-left: 12px;
     width: 100%;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .pagination .next {
     padding-left: 20px;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .pagination .pages {
     padding-left: 0;
     display: inline-block;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .pagination .pages li {
     display: inline-block;
 }

  .page-template-tpl-organisation-search section.main .bottom-content .pagination .pages li:before {
      display: none;
  }

 .page-template-tpl-organisation-search section.main .bottom-content .cant-find-organisation {
     float: left;
     margin-left: 12px;
     margin-top: 2px;
     margin-bottom: 35px;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .cant-find-organisation h3 {
     font-size: 20px;
     line-height: 54px;
     margin-bottom: 7px;
     margin-top: 0;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .cant-find-organisation p {
     margin-top: -12px;
 }

 .page-template-tpl-organisation-search section.main .bottom-content .cant-find-organisation p a {
     color: #009bdc;
 }

 .page-template-tpl-forgot-password section.main .headline .container .inner-container h1,
 .page-template-tpl-login section.main .headline .container .inner-container h1,
 .page-template-tpl-reset-password section.main .headline .container .inner-container h1,
 .page-template-tpl-become-sunsmart section.main .headline .container .inner-container h1,
 .page-template-tpl-email-received section.main .headline .container .inner-container h1,
 .page-template-tpl-non-sunsmart section.main .headline .container .inner-container h1,
  .page-template-tpl-application-summary section.main .headline .container .inner-container h1 {
     margin-top: 12px;
     line-height: 54px;
     margin-bottom: 0;
 }

 .page-template-tpl-forgot-password section.main .headline .container .inner-container p,
 .page-template-tpl-login section.main .headline .container .inner-container p,
 .page-template-tpl-reset-password section.main .headline .container .inner-container p,
 .page-template-tpl-become-sunsmart section.main .headline .container .inner-container p,
 .page-template-tpl-email-received section.main .headline .container .inner-container p,
 .page-template-tpl-non-sunsmart section.main .headline .container .inner-container p,
 .page-template-tpl-application-summary section.main .headline .container .inner-container p {
     margin-top: -2px;
 }

 section.main .headline.progress .container .progress-title {
     font-size: 16px;
     line-height: 54px;
     color: #009bdc;
     font-family: 'FocoCCBold';
     float: left;
     clear: both;
     margin-top: -8px;
     margin-left: 10px;
 }

 section.main .headline.progress .container .progress-bar-container {
      width: 938px;
      height: 36px;
      border: 1px solid #eae9e9;
      float: left;
      clear: both;
      margin-top: -6px;
      margin-left: 10px;
      position: relative;
      z-index: 2;
 }

 section.main .headline.progress .container .headline-img {
     background: #fff;
 }

 section.main .headline.progress .container .headline-img ul {
     background: #f7f7f7;
     margin-top: 0;
     padding-top: 62px;
     padding-left: 57px;
     padding-bottom: 18px;
 }

 section.main .headline.progress .container .headline-img ul li {
     margin-bottom: 14px;
 }

 section.main .headline.progress .container .headline-img ul li:before {
     content: '';
     background-image: none;
     left: -35px;
     position: absolute;
     width: 21px;
     height: 21px;
     border: 2px solid #ffd500;
     top: -1px;
 }

 section.main .headline.progress .container .headline-img ul li.completed:before {
     background-image: url('./img/check.png');
     background-size: 13px 14px;
     background-position: center center;
 }

 section.main .headline.progress .container .progress-bar {
     height: 100%;
     line-height: 36px;
     font-family: "FocoCCRegular", Arial, sans-serif;
     font-weight: bold;
     font-size: 16px;
     color: #fff;
     background-color: #009bdc;
     padding-left: 38px;
     position: relative;
 }

 section.main .headline.progress .container .progress-bar span {
     position: relative;
 }

 section.main .headline.progress .container .progress-bar span:before {
     background-image: url('./img/check-white.png');
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 13px;
     height: 14px;
     position: absolute;
     left: -25px;
     top: 3px;
     content: '';
 }

 section.main .headline.progress .container .progress-bar:after {
     width: 15px;
     height: 36px;
     /* background-image: url("./img/progress-bar-bg.png");
     background-repeat: no-repeat;
     background-size: 100% 100%; */
     position: absolute;
     right: -14px;
     top: 0;
     content: '';
 }

 section.main .headline.progress .container .progress-bar.one-third {
     width: 256px;
 }

 section.main .headline.progress .container .progress-bar.two-third {
     width: 66%;
 }

 section.main .headline.progress .container .progress-bar.three-third {
     width: 100%;
 }

 section.main .headline.progress .container .progress-bar.not-completed {
     color: #009bdc;
     background-color: #fff;
     padding-left: 13px;
 }

 section.main .headline.progress .container .progress-bar.not-completed span:before {
     display: none;
 }

 .page-template-tpl-forgot-password section.main .main-content form,
 .page-template-tpl-login section.main .main-content form,
 .page-template-tpl-reset-password section.main .main-content form {
     width: 481px;
     margin: 0 auto;
     padding-top: 26px;
 }

 .page-template-tpl-forgot-password section.main .main-content form,
 .page-template-tpl-login section.main .main-content form {
    padding-bottom: 75px;
 }

 .page-template-tpl-forgot-password section.main .main-content form h2,
 .page-template-tpl-login section.main .main-content form h2,
 .page-template-tpl-reset-password section.main .main-content form h2,
 .page-template-tpl-email-received section.main .main-content .col h2,
 .page-template-tpl-become-sunsmart section.main .main-content .col h2 {
     font-size: 32px;
     line-height: 54px;

 }

 .page-template-tpl-non-sunsmart section.main .main-content .message,
 .page-template-tpl-application-summary section.main .main-content .message {
     color: #009bdc;
     font-size: 20px;
     line-height: 24px;
     font-family: "FocoCCRegular", Arial, sans-serif;
     font-weight: bold;
     position: absolute;
     margin-top: 40px;
     margin-left: 9px;
     z-index: 2;
     width: 870px;
 }

 .page-template-tpl-non-sunsmart section.main .main-content .message .underline:before,
 .page-template-tpl-application-summary section.main .main-content .message .underline:before {
     background-color: #009bdc;
 }

 .page-template-tpl-non-sunsmart section.main .main-content .col h2,
 .page-template-tpl-application-summary section.main .main-content .col h2 {
     font-size: 36px;
     line-height: 54px;
     margin-top: 112px;
     margin-left: 9px;
     margin-bottom: -18px;
 }

 .page-template-tpl-non-sunsmart section.main .main-content .col1 ul,
 .page-template-tpl-application-summary section.main .main-content .col1 ul {
     margin-bottom: 112px;
 }

 .page-template-tpl-non-sunsmart section.main .main-content .col1 li,
 .page-template-tpl-application-summary section.main .main-content .col1 li {
     padding-left: 30px;
     /*commenting this out because the content it too big for this height - Chris 20151119*/
     /*height: 44px;*/
     height: auto;
     padding-right: 60px;
 }

 .page-template-tpl-non-sunsmart section.main .main-content .col1 li:before,
 .page-template-tpl-application-summary section.main .main-content .col1 li:before {
     background-image: url('./img/check-big.png');
     left: -44px;
     width: 46px;
     height: 44px;
     top: 1px;
 }

 .page-template-tpl-non-sunsmart section.main .main-content .col1 li.one,
 .page-template-tpl-application-summary section.main .main-content .col1 li.one {
     padding-top: 15px;
     margin-bottom: 17px;
 }

  .page-template-tpl-non-sunsmart section.main .main-content .col1 li.one:before,
  .page-template-tpl-application-summary section.main .main-content .col1 li.one:before {
      left: -30px;
      top: 5px;
  }

  .page-template-tpl-non-sunsmart section.main .main-content .col1 li.two,
  .page-template-tpl-application-summary section.main .main-content .col1 li.two {
      padding-top: 0px;
      margin-bottom: 12px;
  }

  .page-template-tpl-non-sunsmart section.main .main-content .col1 li.two:before,
  .page-template-tpl-application-summary section.main .main-content .col1 li.two:before {
      left: -31px;
      top: -11px;
  }

  .page-template-tpl-non-sunsmart section.main .main-content .col1 li.three,
  .page-template-tpl-application-summary section.main .main-content .col1 li.three {
      padding-top: 15px;
      margin-bottom: 17px;
  }

  .page-template-tpl-non-sunsmart section.main .main-content .col1 li.three:before,
  .page-template-tpl-application-summary section.main .main-content .col1 li.three:before {
      left: -30px;
      top: 2px;
  }

  .page-template-tpl-non-sunsmart section.main .main-content .col1 li.four,
  .page-template-tpl-application-summary section.main .main-content .col1 li.four {
      padding-top: 13px;
      margin-bottom: 17px;
  }

  .page-template-tpl-non-sunsmart section.main .main-content .col1 li.four:before,
  .page-template-tpl-application-summary section.main .main-content .col1 li.four:before {
      left: -30px;
      top: 4px;
  }

  .page-template-tpl-non-sunsmart section.main .main-content .col2 h2,
  .page-template-tpl-application-summary section.main .main-content .col2 h2 {
      margin-left: 72px;
      margin-bottom: -2px;
  }

  .page-template-tpl-non-sunsmart section.main .main-content .col p,
  .page-template-tpl-application-summary section.main .main-content .col p {
      margin-left: 10px;
      padding-right: 30px;
  }

  .page-template-tpl-non-sunsmart section.main .main-content .col2 p,
  .page-template-tpl-application-summary section.main .main-content .col2 p {
      margin-left: 72px;
      padding-right: 20px;
      margin-bottom: 3px;
      margin-top: 0;
  }

  .page-template-tpl-non-sunsmart section.main .main-content .col2 .button,
  .page-template-tpl-application-summary section.main .main-content .col2 .button {
      margin-top: 19px;
      margin-left: 70px;
  }

  .page-template-tpl-non-sunsmart section.main .main-content .col2 .button a,
  .page-template-tpl-application-summary section.main .main-content .col2 .button a {
      padding-left: 121px;
      padding-right: 123px;
  }

 .page-template-tpl-forgot-password section.main .main-content form h2,
 .page-template-tpl-login section.main .main-content form h2,
 .page-template-tpl-reset-password section.main .main-content form h2 {
     margin-bottom: 10px;
 }

 .page-template-tpl-email-received section.main .main-content .col h2 {
     margin-top: 71px;
     margin-left: 8px;
     margin-bottom: 0px;
 }

 .page-template-tpl-become-sunsmart section.main .main-content .col h2 {
     margin-top: 52px;
     margin-left: 10px;
     margin-bottom: 0px;
 }

 .page-template-tpl-become-sunsmart section.main .main-content .col2 h2 {
     margin-left: 40px;
     line-height: 37px;
     margin-top: 62px;
 }

 .page-template-tpl-become-sunsmart section.main .main-content .col p {
     margin-left: 9px;
     margin-top: 9px;
     padding-right: 45px;
 }

 .page-template-tpl-become-sunsmart section.main .main-content .col2 p {
     margin-left: 40px;
     padding-right: 20px;
 }

 .page-template-tpl-become-sunsmart section.main .main-content .col input {
     border: 1px solid #ededed;
     background: #fff;
     font-size: 20px;
     line-height: 26px;
     color: #757575;
     font-family: "FocoCCRegular", Arial, sans-serif;
     width: 395px;
     height: 59px;
     margin-bottom: -4px;
     margin-top: 40px;
     padding: 1px 16px;
     margin-left: 10px;
 }

 .page-template-tpl-become-sunsmart section.main .main-content .col2 input {
     margin-top: 9px;
     margin-left: 41px;
     margin-bottom: 44px;
 }

 .page-template-tpl-become-sunsmart section.main .main-content .col1,
 .page-template-tpl-non-sunsmart section.main .main-content .col1 {
     position: relative;
 }

 .page-template-tpl-become-sunsmart section.main .main-content .col1:after,
 .page-template-tpl-non-sunsmart section.main .main-content .col1:after {
      content: '';
      height: 400px;
      width: 1px;
      background-color: #ededed;
      position: absolute;
      right: 0;
      top: 45px;
 }

 .page-template-tpl-non-sunsmart section.main .main-content .col1:after {
     top: 85px;
     height: 340px;
 }

 .page-template-tpl-become-sunsmart section.main .main-content .col1 .incorrect-email a {
     color: #009bdc;
 }

 .page-template-tpl-become-sunsmart section.main .main-content .col .button {
     margin-left: 9px;
     margin-top: -2px;
     margin-bottom: 135px;
 }

 .page-template-tpl-become-sunsmart section.main .main-content .col .button button {
     padding-left: 150px;
     padding-right: 151px;
 }

 .page-template-tpl-become-sunsmart section.main .main-content .col2 .button {
     margin-left: 40px;
 }

 .page-template-tpl-email-received section.main .main-content .col .text {
     margin-top: -18px;
     margin-left: 9px;
     margin-bottom: 71px;
 }

 .page-template-tpl-email-received section.main .main-content .col .text .phone {
     margin-top: -6px;
 }

 .page-template-tpl-email-received section.main .main-content .col .text .email {
     margin-top: -13px;
 }

 .page-template-tpl-email-received section.main .main-content .col .text .email a {
     color: #009bdc;
 }

 .page-template-tpl-login section.main .main-content form .form-item a,
 .page-template-tpl-reset-password section.main .main-content form .form-item a,
 .page-template-tpl-forgot-password section.main .main-content form .form-item a  {
     float: none;
     display: block;
     margin-right: 85px;
     color: #009bdc;
     clear: both;
 }
 .page-template-tpl-login section.main .main-content form .form-item a:first-of-type,
 .page-template-tpl-reset-password section.main .main-content form .form-item a:first-of-type,
 .page-template-tpl-forgot-password section.main .main-content form .form-item a:first-of-type {
   margin-top: -27px;
 }
 .page-template-tpl-organisation-details section.main .main-content form .form-item > label,
 .page-template-tpl-forgot-password section.main .main-content form .form-item label,
 .page-template-tpl-login section.main .main-content form .form-item label,
 .page-template-tpl-reset-password section.main .main-content form .form-item label,
 .page-template-tpl-my-account section.main .main-content form .form-item label {
     font-size: 16px;
     line-height: 24px;
     font-family: "FocoCCRegular", Arial, sans-serif;
     font-weight: bold;
     color: #5c5c5c;
     width: 100%;
     float: left;
     margin-bottom: 14px;
 }

 .page-template-tpl-organisation-details section.main .main-content form .form-item input[type=text],
 .page-template-tpl-organisation-details section.main .main-content form .form-item input[type=email],
 .page-template-tpl-forgot-password section.main .main-content form .form-item input,
 .page-template-tpl-login section.main .main-content form .form-item input,
 .page-template-tpl-reset-password section.main .main-content form .form-item input,
 .page-template-tpl-my-account section.main .main-content form .form-item input {
     border: 1px solid #ededed;
     background: #f7f7f7;
     font-size: 16px;
     line-height: 26px;
     color: #8f8f8f;
     font-family: "FocoCCRegular", Arial, sans-serif;
     width: 367px;
     height: 46px;
     margin-bottom: 36px;
     padding: 1px 16px;
 }

 .page-template-tpl-organisation-details section.main .main-content form .form-item {
     float: left;
     width: 100%;
     margin-bottom: 30px;
 }

 .page-template-tpl-organisation-details section.main .main-content form .form-item.contacts-item {
     margin-bottom: 15px;
 }

  .page-template-tpl-organisation-details section.main .main-content form .form-item.form-error {
      margin-bottom: 0px;
  }

.form-item.form-error.add-contact-error {
  margin-top: 20px;
  margin-bottom: -10px;
  text-align: right;
  box-sizing: border-box;
  padding-right: 5px;
    display: none;
  }

  .page-template-tpl-contact-details .form-item.form-error.add-contact-error {
      margin-top: 63px;
      margin-bottom: 0;
  }

.form-item.form-error.add-contact-error h3 {
    margin:6px 0 0;
}

  .page-template-tpl-organisation-details section.main .main-content form .form-item.form-error h3 {
      margin: 6px 0 0;
  }

 .page-template-tpl-organisation-details section.main .main-content form .form-item.half {
        width: 49%
 }

 .page-template-tpl-organisation-details section.main .main-content form .form-row .form-item.half:first-child {
    margin-right: 1%;
 }

 .page-template-tpl-organisation-details section.main .main-content form .form-row .form-item.half:last-child {
     margin-left: 1%;
 }

 .page-template-tpl-organisation-details section.main .main-content form .form-item.third {
    width: 32%;
    margin-right: 1.9%;
 }

 .page-template-tpl-organisation-details section.main .main-content form .form-row .form-item.third:last-child {
     margin-right: 0;
 }

 .page-template-tpl-organisation-details section.main .main-content form .form-row:after,
 .page-template-tpl-organisation-details section.main .main-content form .form-item:after {
     display: block;
     content: "";
     clear: both;
 }

 .page-template-tpl-organisation-details section.main .main-content form .form-item input[type=text],
 .page-template-tpl-organisation-details section.main .main-content form .form-item input[type=email] {
     width: 100%;
     box-sizing: border-box;
     margin-bottom: 6px !important;
 }

 .page-template-tpl-organisation-details section.main .main-content form {
     width: 962px;
     margin: 0 auto;
     padding-top: 26px;
 }

 .page-template-tpl-organisation-details section.main .main-content form .custom-select {
     width: 100%;
 }

 .page-template-tpl-organisation-details section.main .main-content form .custom-select .customSelect {
     margin-right: 0;
     margin-bottom: 0;
     width: 100%;
     height: 45px
 }

 .page-template-tpl-organisation-details section.main .main-content form .custom-select .customSelect .customSelectInner {
     width: 250px !important;
     height: 27px !important;
     background-position-x: 267px;
     background-position-y: center;
 }

 .page-template-tpl-organisation-details section.main .main-content form .form-item.half .custom-select .customSelect .customSelectInner {
     width: 414px !important;
     background-position-x: 429px;
 }

 .page-template-tpl-organisation-details section.main .main-content form .custom-select select {
     top: 0 !important;
 }

 section.main .main-content form .form-row:before,
 section.main .main-content form .form-item:before,
 section.main .main-content form .form-row:after,
 section.main .main-content form .form-item:after {
     display: block;
     content: "";
     clear: both;
 }

 .page-template-tpl-organisation-details section.main .main-content form .form-item .input-list {
     /*margin-bottom: 36px;*/
 }

 .page-template-tpl-organisation-details section.main .main-content form .form-item .input-list label {
     display: inline-block;
     padding: 0 10px 10px 0;
 }

 .page-template-tpl-organisation-details .expandable-list {
     width: 100%;
 }

 .page-template-tpl-organisation-details .expandable-list .item {
     border: 0;
     margin-left: 0;
     padding-top: 10px;
     min-height: 0;
 }

 .page-template-tpl-organisation-details .expandable-list .item > span {
    font-size: 16px;
    line-height: 24px;
    font-family: "FocoCCRegular", Arial, sans-serif;
    font-weight: bold;
    color: #5c5c5c;
    padding-left: 60px;
    padding-bottom: 28px;
    display: inline-block;
  }

  .page-template-tpl-organisation-details .expandable-list .item > span:before {
      top: 0;
      left: 0;
  }

  .page-template-tpl-organisation-details .expandable-list .item .accordion span:before {
      display: none;
  }

  .page-template-tpl-organisation-details section.main .main-content form .form-item .expandable-list input[type=text],
  .page-template-tpl-organisation-details section.main .main-content form .form-item .expandable-list input[type=email],
  .page-template-tpl-organisation-details section.main .main-content form .form-item .expandable-list .custom-select .customSelect {
       width: 269px !important;
       box-sizing: border-box;
   }

   .page-template-tpl-organisation-details .accordion .accordion-item .accordion-item-content.js .last {
       margin-left: 5px;
   }

   .page-template-tpl-organisation-details section.main .main-content form .form-item .expandable-list .custom-select .customSelect {
       width: 543px !important;
   }

   .page-template-tpl-organisation-details section.main .main-content form .form-item .expandable-list .custom-select .customSelect .customSelectInner {
       background-position-x: 499px;
       height: 25px !important;
       width: 486px !important;
   }


  .page-template-tpl-organisation-details section.main .main-content form .form-item .expandable-list .custom-select.salutation {
       display: inline-block;
       width: 161px !important;
  }
  .page-template-tpl-organisation-details section.main .main-content form .form-item .expandable-list .custom-select.salutation .customSelect {
      display: inline-block;
      width: 161px !important;
      height: 46px;
  }
  .page-template-tpl-organisation-details section.main .main-content form .form-item .expandable-list .custom-select.salutation .customSelectInner {
      display: inline-block;
      width: 103px !important;
      background-position-x: 117px;
  }
  .page-template-tpl-organisation-details section.main .main-content form .form-item .expandable-list input.first-name,
  .page-template-tpl-organisation-details section.main .main-content form .form-item .expandable-list input.last-name {
      width: 185px !important;
  }

   .page-template-tpl-organisation-details .accordion .accordion-item .accordion-item-content {
       width: 548px;
   }

   .accordion .accordion-item .accordion-item-title {
       width: 554px;
   }

   .page-template-tpl-organisation-details section.main .main-content form .form-item .expandable-list .custom-select {
       margin-right: 6px;
       box-sizing: border-box;
   }

 .page-template-tpl-forgot-password section.main .main-content form .button {
     margin-top: 26px;
     width: 378px;
 }

 .page-template-tpl-login section.main .main-content form .button,
 .page-template-tpl-reset-password section.main .main-content form .button {
     margin-top: 33px;
     width: 378px;
 }

 .page-template-tpl-forgot-password section.main .main-content form .button button,
 .page-template-tpl-login section.main .main-content form .button button,
 .page-template-tpl-reset-password section.main .main-content form .button button {
     width: 375px;
 }

 .helper-text,
 .page-template-tpl-login section.main .incorrect-email {
      text-align: center;
      margin-left: -93px;
      margin-top: 63px;
      margin-bottom: 14px;
 }

 .helper-text a,
 .page-template-tpl-reset-password section.main .incorrect-email a {
     color: #009bdc;
 }

 .page-template-tpl-sun-protection-policy section.main .main-content h2 {
     font-size: 36px;
     line-height: 54px;
     margin-top: 46px;
     margin-left: 10px;
     margin-bottom: 0;
 }

 .page-template-tpl-sun-protection-policy section.main .main-content h2 {
     font-size: 36px;
     line-height: 54px;
     margin-top: 46px;
     margin-left: 10px;
     margin-bottom: 0;
 }


 .page-template-tpl-sun-protection-policy section.main .main-content h2 + p {
     margin-top: -2px;
     margin-left: 9px;
     width: 520px;
     margin-bottom: 28px;
 }

 .page-template-tpl-sun-protection-policy section.main .main-content .col .policy-container {
     margin-left: 10px;
     margin-right: 10px;
     padding: 21px 21px 34px 21px;
     border: 1px solid #fff;
 }

 .page-template-tpl-sun-protection-policy section.main .main-content .col2 .policy-container {
     padding: 21px 10px 21px 21px;
 }

 .page-template-tpl-sun-protection-policy section.main .main-content .col .policy-container.selected {
     border: 1px solid #d6d5d5;
 }

 .page-template-tpl-sun-protection-policy section.main .main-content .col .policy-container label.blue {
     word-spacing: -2px;
     margin-bottom: 21px;
     display: block;
     margin-top: 2px;
 }

 .page-template-tpl-sun-protection-policy section.main .main-content .col .policy-container p {
     margin-bottom: -6px;
     padding-left: 40px;
 }

 .page-template-tpl-sun-protection-policy section.main .main-content .col .policy-container p a {
     color: #009bdc;
 }

 .page-template-tpl-sun-protection-policy section.main .main-content .col2 .policy-container .button {
     margin-left: 40px;
     margin-top: 23px;
     height: 58px;
     width: 357px;
     background-size: 26px 58px;
 }

 .page-template-tpl-sun-protection-policy section.main .main-content .col2 .policy-container .button label {
     font-size: 25px;
 }

 .page-template-tpl-sun-protection-policy section.main .main-content .back-button {
     float: left;
     margin-top: 47px;
     margin-left: 10px;
     margin-bottom: 161px;
     width: 245px;
 }

 .page-template-tpl-sun-protection-policy section.main .main-content .continue-button {
     float: right;
     margin-top: 47px;
     margin-right: 10px;
     margin-bottom: 161px;
     width: 245px;
 }

 .page-template-tpl-sun-protection-policy section.main .main-content .continue-button button {
     width: 100%;
 }

 .page-template-tpl-application-under-review section.main .main-content .message {
     margin-top: 42px;
     font-size: 20px;
     line-height: 24px;
     font-family: "FocoCCRegular", Arial, sans-serif;
     font-weight: bold;
     color: #009bdc;
     margin-left: 9px;
     margin-bottom: 15px;
 }

 .page-template-tpl-application-under-review section.main .main-content .col {
     margin-bottom: 142px;
 }

 .page-template-tpl-application-under-review section.main .main-content .col1 h2,
 .page-template-tpl-proudly-sunsmart-policy section.main .main-content .col1 h2,
 .page-template-tpl-proudly-sunsmart section.main .main-content .col1 h2,
 .page-template-tpl-contact-details section.main .main-content h2,
 .page-template-tpl-recommendations section.main .main-content h2 {
     font-size: 36px;
     line-height: 54px;
     margin-left: 9px;
     margin-bottom: 0;
 }

 .page-template-tpl-recommendations section.main .main-content h2 {
     margin-top: 44px;
 }

 .page-template-tpl-contact-details section.main .main-content h2 {
     margin-top: 46px;
 }

 .page-template-tpl-application-under-review section.main .main-content .col1 p,
 .page-template-tpl-proudly-sunsmart-policy section.main .main-content .col1 p,
 .page-template-tpl-proudly-sunsmart section.main .main-content .col1 p {
     margin-top: 0;
     font-size: 20px;
     line-height: 28px;
     color: #009bdc;
     margin-left: 10px;
     word-spacing: 0px;
     padding-right: 50px;
 }

 .page-template-tpl-recommendations section.main .main-content p {
     margin-left: 9px;
     width: 585px;
     margin-top: -2px;
     margin-bottom: 5px;
 }

 .page-template-tpl-application-under-review section.main .main-content .col1 img {
     margin-top: -6px;
     margin-left: 10px;
 }

 .page-template-tpl-proudly-sunsmart-policy section.main .main-content .col1 img,
 .page-template-tpl-proudly-sunsmart section.main .main-content .col1 img {
     margin-top: 17px;
     margin-left: 10px;
 }

 .page-template-tpl-proudly-sunsmart-policy section.main .main-content .col2 {
     padding-top: 152px;
 }

 .page-template-tpl-proudly-sunsmart section.main .main-content .col2 {
     padding-top: 122px;
 }

 .page-template-tpl-proudly-sunsmart section.main .main-content .col2 .info {
     margin-bottom: 6px;
     float: left;
     width: 100%;
 }

 .page-template-tpl-application-under-review section.main .main-content .col2 {
     padding-top: 72px;
 }

 .page-template-tpl-application-under-review section.main .main-content .col2 p,
 .page-template-tpl-proudly-sunsmart-policy section.main .main-content .col2 p,
 .page-template-tpl-proudly-sunsmart section.main .main-content .col2 p {
     margin-left: 15px;
     padding-right: 60px;
     margin-bottom: 0;
     margin-top: 10px;
 }

 .page-template-tpl-proudly-sunsmart section.main .main-content .col2 span {
     width: 100%;
     font-size: 16px;
     line-height: 24px;
     font-family: "FocoCCRegular", Arial, sans-serif;
     color: #009bdc;
     margin-left: 16px;
     display: block;
     margin-bottom: 10px;
 }

 .page-template-tpl-application-under-review section.main .main-content .col2 p a {
     color: #009bdc;
 }

 .page-template-tpl-proudly-sunsmart-policy section.main .main-content .col {
     margin-top: 46px;
     margin-bottom: 88px;
 }

 .page-template-tpl-proudly-sunsmart section.main .main-content .col {
     margin-top: 46px;
     margin-bottom: 179px;
 }

 .page-template-tpl-proudly-sunsmart-policy section.main .main-content .col1 .button,
 .page-template-tpl-proudly-sunsmart section.main .main-content .col1 .button {
     margin-top: 26px;
     margin-left: 10px;
     width: 377px;
 }

 .page-template-tpl-proudly-sunsmart-policy section.main .main-content .col2 .button {
     margin-top: 48px;
     margin-left: 16px;
     width: 376px;
 }

 .page-template-tpl-proudly-sunsmart section.main .main-content .col2 .button {
     margin-top: 39px;
     margin-left: 16px;
     width: 376px;
 }

 .page-template-tpl-contact-details section.main .main-content form {
     border-top: 1px solid #d6d5d5;
     padding: 30px 9px 15px;
 }

 .page-template-tpl-contact-details section.main .main-content form .form-item label {
     font-size: 16px;
     line-height: 24px;
     font-family: "FocoCCRegular", Arial, sans-serif;
     font-weight: bold;
     color: #5c5c5c;
     width: 100%;
     float: left;
     margin-bottom: 14px;
 }

 .page-template-tpl-contact-details section.main .main-content form .form-item input {
     border: 1px solid #ededed;
     background: #f7f7f7;
     font-size: 16px;
     line-height: 26px;
     color: #8f8f8f;
     font-family: "FocoCCRegular", Arial, sans-serif;
     width: 269px;
     height: 38px;
     margin-bottom: 29px;
     padding: 6px 15px 4px;
     margin-right: 16px;
 }

 .page-template-tpl-contact-details section.main .main-content form .accordion .accordion-item .accordion-item-title {
     width: 596px;
 }

 .page-template-tpl-contact-details section.main .main-content form .accordion .accordion-item .accordion-item-content input {
     width: 254px;
     margin-bottom: 28px;
     height: 35px;
     float: left;
     margin-right: 18px;
 }

 .page-template-tpl-contact-details section.main .main-content form .accordion .accordion-item .accordion-item-content input.full-width {
     width: 558px;
     margin-right: 0;
 }

 .page-template-tpl-contact-details section.main .main-content form .accordion .accordion-item .accordion-item-content input.last {
     margin-right: 0;
 }

 .page-template-tpl-contact-details section.main .main-content form .accordion .accordion-item .accordion-item-content input.full {
     margin-right: 0;
     width: 558px;
     background-color: #fff;
 }



 .page-template-tpl-contact-details section.main .main-content form .form-item.required-contact .custom-select.salutation {
      display: inline-block;
      width: 154px !important;
 }
 .page-template-tpl-contact-details section.main .main-content form .form-item.required-contact .custom-select.salutation .hasCustomSelect {
    top: 0 !important;
 }
 .page-template-tpl-contact-details section.main .main-content form .form-item.required-contact .custom-select.salutation .customSelect {
     display: inline-block;
     width: 131px !important;
     height: 48px;
     margin-bottom: 0;
 }
 .page-template-tpl-contact-details section.main .main-content form .form-item.required-contact .custom-select.salutation .customSelectInner {
     display: inline-block;
     width: 73px !important;
     height: 30px !important;
     background-position-x: 87px;
 }
 .page-template-tpl-contact-details section.main .main-content form .form-item.required-contact input.first-name,
 .page-template-tpl-contact-details section.main .main-content form .form-item.required-contact input.last-name {
        width: 191px;
 }

 .page-template-tpl-contact-details section.main .main-content form .form-item.required-contact input,
 .page-template-tpl-contact-details section.main .main-content form .form-item.required-contact .custom-select.salutation  {
     margin-bottom: 25px !important;
 }

 .page-template-tpl-contact-details section.main .main-content form .form-item.required-contact.required-contact-last {
     margin-bottom: 15px;
 }

 .page-template-tpl-contact-details section.main .main-content form .accordion .accordion-item .accordion-item-content .custom-select.salutation {
      display: inline-block;
      width: 154px !important;
 }
 .page-template-tpl-contact-details section.main .main-content form .accordion .accordion-item .accordion-item-content .custom-select.salutation .hasCustomSelect {
    top: 0 !important;
 }
 .page-template-tpl-contact-details section.main .main-content form .accordion .accordion-item .accordion-item-content .custom-select.salutation .customSelect {
     display: inline-block;
     width: 131px !important;
     height: 46px;
 }
 .page-template-tpl-contact-details section.main .main-content form .accordion .accordion-item .accordion-item-content .custom-select.salutation .customSelectInner {
     display: inline-block;
     width: 73px !important;
     height: 28px !important;
     background-position-x: 87px;
 }
 .page-template-tpl-contact-details section.main .main-content form .accordion .accordion-item .accordion-item-content input.first-name,
 .page-template-tpl-contact-details section.main .main-content form .accordion .accordion-item .accordion-item-content input.last-name {
     width: 177px !important;
 }

 .page-template-tpl-contact-details section.main .main-content form .form-item {
     display: block;
     clear: both;
 }

 .page-template-tpl-contact-details section.main .main-content form .form-item.bottom {
     padding-top: 70px;
 }

 .page-template-tpl-contact-details section.main .main-content form .form-item.bottom input {
     margin-bottom: 16px;
 }

 .page-template-tpl-contact-details section.main .main-content form #autofill-checkbox + label {
     font-size: 14px;
     font-weight: normal;
     margin-bottom: 27px;
 }

 .page-template-tpl-contact-details section.main .main-content form .form-item p {
     width: 620px;
     margin-bottom: 29px;
 }

 .page-template-tpl-contact-details section.main .main-content form .form-item.last {
     border-bottom: 1px solid #d6d5d5;
     padding-bottom: 62px;
     width: 620px;
     margin-bottom: 39px;
 }

 .page-template-tpl-contact-details section.main .main-content form .button.submit {
     float: right;
     margin-bottom: 80px;
 }

 .page-template-tpl-contact-details section.main .main-content form .button.submit button {
     padding-right: 32px;
     padding-left: 34px;
 }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item {
     padding: 30px 10px 14px;
     display: block;
     float: left;
 }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item .col-left {
     width: 587px;
     float: left;
     border-top: 1px solid #d4d4d4;
     margin-right: 16px;
 }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item .col-right {
     float: left;
     width: 334px;
     border: 1px solid #d4d4d4;
     text-align: center;
     border-radius: 5px;
     overflow: hidden;
     border-left: none;
 }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item h3 {
     font-family: "FocoCCRegular", Arial, sans-serif;
     font-weight: bold;
     color: #009bdc;
     font-size: 20px;
     line-height: 26px;
     padding-left: 55px;
     margin-top: 21px;
     word-spacing: 3px;
     position: relative;
 }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item h3 img {
     position: absolute;
     left: -4px;
     top: -10px;
 }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item ul {
     margin-top: 25px;
 }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item ul li {
     padding-left: 10px;
     margin-bottom: 13px;
     position: relative;
 }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item ul li:before {
     content: '';
     background-image: url('./img/check-small.png');
     background-repeat: no-repeat;
     background-size: 100% 100%;
     width: 21px;
     height: 20px;
     left: -30px;
     top: 0px;
     position: absolute;
 }

 .page-template-tpl-recommendations section.main .main-content .button {
     float: right;
     margin-top: 28px;
     margin-right: 10px;
     width: 315px;
     margin-bottom: 123px;
 }

 .page-template-tpl-recommendations section.main .main-content .button button {
     width: 100%;
 }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item .recommendations-choose {
     float: left;
 }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item .recommendations-choose input {
     display: none;
 }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item .recommendations-choose label {
     width: 166px;
     height: 43px;
     float: left;
     font-size: 18px;
     line-height: 26px;
     font-family: 'FocoCCBold';
     color: #009bdc;
     background: #f7f7f7;
     padding-top: 19px;
     cursor: pointer;
 }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item .recommendations-choose.disabled input:checked + label,
 .page-template-tpl-recommendations section.main .main-content .recommendations-item .recommendations-choose.disabled label {
     background: #f7f7f7;
     color: #d4d4d4;
 }

 .page-template-tpl-recommendations.ech section.main .main-content .recommendations-item .recommendations-choose label,
 .page-template-tpl-recommendations.oshc section.main .main-content .recommendations-item .recommendations-choose label {
     width: 333px;
 }

  .page-template-tpl-recommendations.ech section.main .main-content .input-list {
      margin: 8px 0 20px 13px;
    color: #5c5c5c;
    font-size: 16px;
  }

  .clear-float:after,
  .clear-float:before {
      display: block;
      content: "";
      clear: both;
  }

  .page-template-tpl-recommendations section.main .main-content .recommendations-item .col-left h4 {
      color: #5c5c5c;
      padding-left: 9px;
      margin-bottom: 18px;
  }

  .page-template-tpl-recommendations.ech section.main .main-content .input-list input {
        margin-right: 3px;
  }

  .page-template-tpl-recommendations.ech section.main .main-content .input-list label {
      padding-right: 12px;
  }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item .recommendations-choose input:checked + label {
     background: #009bdc;
     color: #f7f7f7;
 }

 .page-template-tpl-recommendations section.main .main-content .recommendations-item .recommendations-choose label:last-child {
     border-left: 1px solid #d4d4d4;
 }

 section.main .main-content.page {
     padding: 50px 30px 80px;
 }

 .page-template-tpl-faqs section.main .main-content {
     padding: 50px 30px 80px;
 }

 footer {
     background: #0f1e64;
     float: left;
     width: 100%;
     padding-bottom: 36px;
 }

 footer .footer-info {
     position: relative;
 }

 footer .footer-left {
   width: 50%;
   float: left;
 }
 footer .footer-right {
   width: 50%;
   float: right;
   text-align: right;
 }

 footer .footer-info i {
     color: #ffe400;
     font-size: 30px;
     margin-left: 12px;
     position: absolute;
     left: 0;
 }

 footer .footer-logo img {
    height: 60px;
    margin: 17px 0 3px;
 }

 footer span {
     color: #fcfcfc;
     font-family: 'FocoCCRegular';
     font-size: 16px;
     line-height: 21px;
 }

 footer .footer-right .footer-text span{
      font-size: 14px;
      line-height: 18px;
 }

 footer .footer-info span.text {
     margin-left: 48px;
     margin-top: 26px;
     display: block;
 }

 footer .footer-info span.number {
     clear: both;
     margin-left: 48px;
 }

 footer .footer-nav {
     margin-top: 8px;
     margin-right: 12px
 }

 footer .footer-nav ul {
   padding: 0;
 }

 footer .footer-nav li {
     display: inline-block;
     margin-left: 23px;
     position: relative;
 }

 footer .footer-nav li:before {
     content: "\f111";
     font-family: 'FontAwesome';
     color: #ffe400;
     font-size: 7px;
     position: absolute;
     left: -16px;
     top: -1px;
 }

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

 footer .footer-nav li a {
     color: #fcfcfc;
     font-family: 'FocoCCBold';
     font-size: 16px;
     line-height: 20px;
     text-decoration: none;
 }

 #upload-policy-file-name {
     margin-left: 40px;
     margin-top: 23px;
     font-size: 13px;
     color: #5c5c5c;
 }

 @media screen and (max-width:1024px) {
     html, body {
         width: 960px;
     }

     section.main .headline .headline-img {
         width: 100% !important;
     }
 }


/* custom styles by Brendan */

.button a {  
    transition: color 0.3s ease-in-out,background-color 0.3s ease-in-out;  
}  

.button a:hover {  
    background-color: #0f1e64;  
    color: #fff;  
}  
.expandable-list .item span:before {  
    transition: all .3s;  
}  
.expandable-list .item:not(.active) span:hover:before {  
    transform: rotate(20deg);  
}  

.expandable-list .item span:hover{  
    color: #000;  
    transition: all .3s;  
}  
.expandable-list .item span:after{  
    position:absolute;  
    left:0;  
    bottom:0;  
    width:0;  
    transition:all 0.4s ease-in-out 0.1s;  
    content:"";  
}  
.expandable-list .item span:hover:after {  
    width:100%;  
    border-bottom: 1px solid #0f1e64;  
}