*{
    margin:0;
    padding:0;
}
@viewport{
    width:device-width
}
@-ms-viewport{
    width:device-width;
}
body,html{
    -ms-text-size-adjust:none;
    -moz-text-size-adjust:none;
    -o-text-size-adjust:none;
    -webkit-text-size-adjust:none;
}
body{
    position:relative;
    margin:0;
    padding:0;
    background-color:#fff;
    color:#404040;
    font:95% 'Open Sans',sans-serif;
}
h1 {
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.2em;
  margin: 0 0 .5em 0;
}
h2 {
  font-size: 1.5em;
  font-weight: 700;
  margin-top: 1em;
}
h3 {
  font-size: 1.25em;
  font-weight: 600;
  margin-top: 1em;
}
h4,h5,h6 {
  font-size: 1em;
  font-weight: 600;
  margin-top: 1em;
}
p{
    line-height:1.6em;
    font-size:1em;
    margin:.8em 0;
}
a{
    color:#007f91;
    transition:all .5s;
}
a:hover,a:focus{
    color:#0154A9;
    transition:all .5s;
}
a:visited{
    color:#504c8f;
}
ul,ol{
    line-height:1.5em;
    margin-left:1.6em;
}
li{
    margin:.5em 0;
}
table{
    border:none;
    /*border-bottom:2px solid #0154A9;*/
    border-collapse:collapse;
    margin:1.5em 0;
    width:100%;
}
caption{
    padding:8px 10px;
    text-align:left;
}
.sr-only
{
    position: absolute !important;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden;
    white-space: nowrap;
}
tr:nth-child(odd) {background-color: #f6f6f6;}
th{
    border:1px solid #0154A9;
    font-weight:600;
    padding:8px 10px;
    text-align:left;
}
thead th{
    background-color:#0154A9;
    color:#FFF;
    font-size:1.1em;
}
td{
    /*border:1px solid #0154A9;*/
    padding:18px 10px;
}
tfoot{
    font-size:.9em;
}
tbody .zebra td{
    background-color:#f6f6f6;
}
iframe{
    z-index:98;
    display:block;
}
article,aside,figcaption,figure,footer,header,nav,time,section{
    display:block;
}
.fixwidth{
    width:1200px;
    margin:0 auto;
}
/*#masthead{
    margin-bottom:20px;
}*/
#masthead header{
    padding-bottom:12px;
    position:relative;
}
#masthead header a.home{
    display:inline-block;
    margin:0 140px 0 10px;
    padding:30px 0 20px 0;
    width:480px;
}
#masthead a.home:focus svg{
    outline:1px solid highlight;
}
#navwrapper{
    background-color:#0154A9;
    color:#fff;
    z-index:101;
}
#navigation{
    position:relative;
}
#navigation ul{
    font-weight:600;
    list-style:none;
    margin:0;
    padding:0;
}
#navigation li{
    display:inline;
    display:table-cell;
    margin:0;
}
#navigation a{
    border-bottom:6px solid #0154A9;
    color:#fff;
    display:inline-block;
    padding:18px 14px 12px 14px;
    text-decoration:none;
}
#navigation a:hover,#navigation a:focus{
    background-color:#3c3770;
    border-bottom:6px solid #3c3770;
}
#navigation > div > ul > li > a.active,#navigation > div > ul > li.active-trail > a,#navigation > div > ul > li.active-path > a{
    border-bottom:6px solid #fff;
}
#navigation .menu-name-main-menu ul ul{
    display:none;
    font-size:.9em;
    font-weight:300;
}
#wrapper{
    padding-bottom:40px;
}
#content
{
    margin-top:20px;
    position:relative;
    min-height:320px;
    clear:both;
}
#postcontent{
    clear:both;
}
body.front #content > div[id^="node-"]{
    overflow-x:hidden;
}
div.cover-image{
    text-align:right;
    margin-bottom:80px;
}
div.cover-image a{
    background-color:#efefef;
    border-radius:5px;
    display:inline-block;
    padding:10px;
}
div.cover-image a img{
    outline:3px solid #efefef;
    transition:all .5s;
}
div.cover-image a:hover img,div.cover-image a:focus img{
    outline:3px solid #007f91;
}
#content .node-tpl{
    width:auto;
    float:none;
    min-height:auto;
    margin-top:20px;
}
#content button.text-version,
#content a.text-version{
    background:url(/sites/all/themes/carergateway/images/expand-down.svg) right center no-repeat;
    background-size:26px;
    color:#404040;
    font-size:1em;
    font-family:'Open Sans',sans-serif;
    font-weight:600;
    padding:4px 32px 4px 12px;
    text-align:left;
    text-decoration:none;
    margin:10px 0 0 0;
}
#content a.text-version{
    display:inline-block;
    background-image:url(/sites/all/themes/carergateway/images/icon-bare-arrow-right-purple.svg)
}
#content button.text-version.active,
#content a.text-version.active{
    color:#333;
    background-image:url(/sites/all/themes/carergateway/images/expand-up.svg);
}
#content button.text-version:focus,#content button.text-version:hover,#content a.text-version:focus,#content a.text-version:hover{
    background-color:transparent;
    color:#404040;
    text-decoration:underline;
}
#wrapper{
    /*background:url(https://www.carergateway.gov.au/sites/all/themes/carergateway/images/footer-bkg-loop.svg) calc(100% + 240px) calc(100% + 80px) no-repeat;*/
}
#footerwrap{
    /*background:#5b57a4 url(https://www.carergateway.gov.au/sites/all/themes/carergateway/images/footer-bkg-loop.svg) calc(100% + 240px) calc(0% - 200px) no-repeat;*/
    background:#0154A9;
    color:#fff;
    padding:80px 0 40px 0;
}
#footer{
    padding:0 10px;
}
#footer ul{
    list-style:none;
    margin:0 100px 0 0;
}
#footer li{
    display:inline-block;
    margin-right:15px;
}
#footer a{
    color:#eee;
}
#footer a:hover,#footer a:focus{
    color:#fff;
    text-decoration:none;
}
#footer .social-links{
    float:right;
    margin-top:-35px;
}
#footer .social-links a{
    display:inline-block;
    text-indent:-9999em;
    height:35px;
    width:35px;
}
#footer .social-links .youtube{
    background:url(https://www.carergateway.gov.au/sites/all/themes/carergateway/images/icon-youtube-square.svg) left top no-repeat;
}
#footer .social-links .facebook{
    background:url(https://www.carergateway.gov.au/sites/all/themes/carergateway/images/icon-facebook-square.svg) left top no-repeat;
}
#footer .baseline{
    border-top:1px solid #aaa;
    margin-top:20px;
    padding-top:20px;
}
#footer .tis{
    background:url(https://www.carergateway.gov.au/sites/all/themes/carergateway/images/interpreter.svg) center center no-repeat;
    display:inline-block;
    width:75px;
    height:75px;
    background-size:100%;
    text-indent:-9999em;
}
#footer .btt{
    float:right;
    margin-top:44px;
}
.block{
    display:block;
}
.bold{
    font-weight:600;
}
.underline{
    text-decoration:underline;
}
.italic{
    font-style:italic;
}
.nomargin{
    margin:0;
}
.hidden{
    display:none;
}
.clear{
    clear:both;
}
.left,.alignleft,.align-left{
    float:left;
    padding:10px 20px 20px 0;
}
.right,.alignright,.align-right{
    float:right;
    padding:10px 0 20px 20px;
}
.center,.centre,.aligncenter,.align-center{
    text-align:center;
}
.nobullet{
    list-style-type:none;
}
.nobr{
    white-space:nowrap;
}
.small,small{
    font-size:.8em;
}
del,.strikethrough{
    text-decoration:line-through;
}
.element-invisible,.screen-reader-text{
    position:absolute;
    left:-9999em;
    font-size:.8em;
}
.zebra{
    background-color:#f8f8f8;
}
#content form{
    margin:2em 0;
}
#content form.save-item-form
{
    margin:0;
}
#content form label{
    display:block;
    line-height:1.1em;
    padding:20px 20px 10px 0;
}
#content form input,
#content select{
    background-color:#f3f3f3;
    border:none;
    border:1px solid #0154A9;
    border-radius:3px;
    color:#404040;
    font-size:1em;  
    padding: 12px 10px 13px 10px;
    transition: all .5s;
}
#content form input[type="submit"].remove
{
    border:none;
    padding:0;
    margin:0;
    display:inline;
    background-color:transparent;
    color:#007f91;
    text-decoration:underline;
}
#content form input[type="submit"].remove:hover
{
    background-color:transparent;
    color:#404040;
}
#content form textarea,
#content form input[type="text"]{
    width:96.5%;
}
#content select
{
    width:auto;
}
#content form input:focus,
#content select:focus{
    background-color:#fefefe;
    border:1px solid #504c8f;
}
::-webkit-input-placeholder,:-moz-placeholder ::-moz-placeholder :-ms-input-placeholder{
    color:#444;
    opacity:.6;
}
#content form input[type="submit"],
#content form input[type="reset"],
#content button{
    background-color:#007f91;
    border:none;
    border-radius:2px;
    color:#fff;
    cursor:pointer;
    display:block;
    font-family:'Open Sans',sans-serif;
    font-size:1.1em;
    line-height:1.5em;
    margin:1em 0;
    padding:15px 60px 16px 60px;
    text-decoration:none;
    -webkit-appearance:none;
}
#content form input[disabled]{
    background-color:#808080;
    color:#111;
    cursor:auto;
}
#content form input[type="submit"]:hover,
#content form input[type="submit"]:focus,
#content button:focus,
#content button:hover{
    background-color:#006c7b;
    text-decoration:underline;
}
#content form input[type="submit"].forward_button,
#content a.backwards_link_buttonstyle,
#content a.forward_link_buttonstyle{
    border-radius:2px;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    font-family:'Open Sans',sans-serif;
    font-size:1.1em;
    line-height:1.5em;
    padding:15px 60px 16px 60px;
    text-align:center;
    text-decoration:none;
}
#content form input[type="submit"].forward_button,
#content a.forward_link_buttonstyle,
#content a.forward_link_buttonstyle
{
    background-color:#007f91;
    border:1px solid #007f91;
    margin-left:20px; 
    display:inline;
}
#content a.backwards_link_buttonstyle{
    background-color:#fff;
    border:1px solid #007f91;
    color:#007f91;
}
#content form input[type="submit"].forward_button:hover,
#content form input[type="submit"].forward_button:focus,
#content a.forward_link_buttonstyle:hover,
#content a.forward_link_buttonstyle:focus{
    background-color:#006c7b;
    text-decoration:underline;
}
#content a.backwards_link_buttonstyle:hover,
#content a.backwards_link_buttonstyle:focus{
    background-color:#dfdfdf;
    color:#006c7b;
    text-decoration:underline;
}
#content button.button.secondary,
#content a.button.secondary {
    background-color: #fff;
    border: 1px solid #007f91;
    color: #007f91;
    margin:1em 0 1em 5em;
    padding:10px 60px;
}
#content button.button.secondary:hover,
#content button.button.secondary:focus,
#content a.button.secondary:hover,
#content a.button.secondary:focus {
  background-color: #dfdfdf;
  color: #006c7b;
}
#content form .description,
#content form .option{
    font-size:1em;
    line-height:1.3em;
    margin:5px 0;
    display:inline;
    padding-left:10px;
}
.g-recaptcha
{
    margin-top:20px;
}
.form-required{
    color: #d00000;
    font-size: .75em;
    padding-left: 10px;
}
#content form input[type="radio"] {
	position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
#content form input[type="radio"] + label {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: all .2s;
	padding:0 10px 0 40px;
}

#content form input[type="radio"] + label:before {
	background-color: #fff;
	border: 1px solid #777;
	border-radius: 50%;
	content: '';
	height: 16px;
	left: 0;
	position: absolute;
	top: 0;
	transition: all .5s;
	width: 16px;
}
/* Focus state */
#content form input[type="radio"]:hover + label:before,
#content form input[type="radio"]:focus + label:before {
	background-color: #e6e6e6;
	border-color: #404040;
}
/* Checked state */
#content form input[type="radio"] + label:after {
	background-color: #504c8f;
    border-radius: 50%;
    content: '';
	height: 0;
	left: 10px;
	position: absolute;
	top: 9px;
	transition: all .2s;
	width: 0;
}
#content form input[type="radio"]:checked + label:after {
  height: 12px;
  left: 3px;
  top: 3px;
  width: 12px;
}
/* Hide default Check Boxes */
#content form input[type="checkbox"] {
	left: -9999px;
	position: absolute;
}
#content form input[type="checkbox"] + label {
	cursor: pointer;
	display: inline-block;
	height: 22px;
	line-height: 22px;
	padding: 0 0 0 30px;
	position: relative;
	transition: all .2s;
}
#content form input[type="checkbox"] + label:before {
	background-color: #fff;
	border: 1px solid #777;
    border-radius: 2px;
	content: '';
	height: 18px;
	left: 0;
	position: absolute;
	top: 0;
	transition: all .2s;
	width: 18px;
}
#content form input[type="checkbox"]:disabled + label:before {
	border-color: #ccc;
}
/* Focus state */
#content form input[type="checkbox"]:hover + label:before,
#content form input[type="checkbox"]:focus + label:before {
	background-color: #e6e6e6;
	border-color: #404040;
}
/* Checked state */
#content form input[type="checkbox"] + label:after {
	content: '';
	height: 0;
	left: 16px;
	position: absolute;
	top: 12px;
	transition: all .2s;
	width: 0;
}
#content form input[type="checkbox"]:checked + label:after {
	border: 3px solid #504c8f;
	border-left: none;
	border-radius: 10%;
	border-top: none;
	height: 15px;
	left: 1px;
	top: 0;
	transform: rotate(32deg);
	 -webkit-transform: rotate(32deg);
	transform-origin: 100% 100%;
	-webkit-transform-origin: 100% 100%;
	width: 5px;
}
.webform-error{
    background-color:#ffe7e5;
}
div.messages{
    /*background-position:8px 8px;
    background-repeat:no-repeat;*/
    border:1px solid;
    border-radius:3px;
    margin:6px 10px;
    padding:6px 20px;
}
.messages.status {
  background-color: #f8fff0;
  border-color: #234600;
  color: #234600;
}
#content form .input-error,
#Customer-type input[type="radio"].input-error + label:before,
#DeclarationCheckbox input[type="checkbox"].input-error + label:before 
{
    border: 1px solid #d00000 !important;
    background-color:#ffe7e5;
    outline: none;
}
#content form.save-item-form input.update_qty,
#content form.save-item-form input[type="submit"].update_button
{
    background-color:#f3f3f3;
    border:1px solid #0154A9;
    border-radius:3px;
    color:#404040;
    font-size:1em;
    display:inline;
    margin:0;
}
#content form.save-item-form input.update_qty
{
    padding:5px 10px;
}
#content form.save-item-form input[type="submit"].update_button
{
    padding:2px 10px;
}
#content form input[type="submit"].update_button:hover,
#content form input[type="submit"].update_button:focus
{
    background-color:#fff;
    text-decoration:underline;
}
div.messages.error{
    background-color:#fcd8e2;
    border-color:#930008;
    color:#930008;
}
div.messages.status{
    background-image:url(/misc/message-24-ok.png);
    background-color:#f8fff0;
    border-color:#234600;
    color:#234600;
}
div.messages.warning{
    background-image:url(/misc/message-24-warning.png);
    background-color:#fffce5;
    border-color:#840;
    color:#840;
}
.messages.error{
    background-image:url(/misc/message-24-error.png);
    background-color:#fcd8e2;
    border-color:#930008;
    color:#930008;
}
.element-invisible {
  position: absolute;
  left: -9999em;
}

#content .webform-component-file input.form-file{
    margin-right:10px;
}
td.checkbox{
    text-align:center;
}
input.select-or-other-other{
    margin-top:4px;
}
.cart-icon
{
    float:right; 
    margin-right:30px; 
    margin-top:50px;
}
.cart-img
{
    background-image: url("data:image/svg+xml,%3Csvg id='icon-cart-alt' xmlns='http://www.w3.org/2000/svg' width='50px' height='50px' role='img'%3E%3Cpath fill='%23007F91' d='M25,0C11.2,0,0,11.2,0,25s11.2,25,25,25s25-11.2,25-25S38.8,0,25,0z M36,19.4l-2,8.8c-0.1,0.5-0.5,0.8-1,0.7 H20.8l0.3,1.3h11.2c0.6,0,1.1,0.6,1,1.2l-0.2,1c0.8,0.4,1.3,1.2,1.3,2.1c0,1.3-1,2.4-2.3,2.4c-1.3,0-2.3-1.1-2.3-2.4 c0-0.6,0.3-1.2,0.7-1.7h-8.7c0.4,0.4,0.7,1,0.7,1.7c0,1.3-1.1,2.4-2.3,2.4s-2.3-1.1-2.3-2.4c0-0.9,0.5-1.6,1.2-2l-2.9-14.5H13 c-0.6,0-1-0.5-1-1v-0.7c0-0.6,0.5-1,1-1h4.3c0.5,0,0.9,0.3,1,0.8l0.4,1.9H35C35.6,18.2,36.1,18.8,36,19.4z'/%3E%3C/svg%3E");
    display:block;
    height:50px;
    background-size:100%;
    vertical-align:top;
    margin-top:10px;
}
.cart-link
{
    background: url("data:image/svg+xml,%3Csvg id='icon-cart' xmlns='http://www.w3.org/2000/svg' width='50px' height='45px' role='img' viewBox='0 0 100 90'%3E%3Cpath fill='%235B58A5' d='M91.7,53l8.2-36.6c0.6-2.6-1.4-5.2-4.1-5.2H27.6L26,3.4c-0.3-2-2.1-3.4-4-3.4H4.2C1.9,0,0,1.9,0,4.2V7 c0,2.3,1.9,4.2,4.2,4.2h12.1l12.2,60.4c-2.9,1.7-4.9,4.9-4.9,8.5c0,5.4,4.4,9.8,9.7,9.8s9.7-4.4,9.7-9.8c0-2.8-1.1-5.2-2.9-7h36.4 c-1.8,1.8-2.9,4.3-2.9,7c0,5.4,4.4,9.8,9.7,9.8c5.4,0,9.7-4.4,9.7-9.8c0-3.9-2.2-7.3-5.5-8.9l1-4.3c0.6-2.6-1.4-5.2-4.1-5.2H37.9 l-1.1-5.6h50.9C89.6,56.3,91.2,54.9,91.7,53z'/%3E%3C/svg%3E%0A") left top no-repeat;
    display:inline-block;
    height:45px;
    background-size:30%;
    vertical-align:top;
    color:#404040;
    text-decoration:underline;
    padding-left:40px;
}
.cart-icon-small
{
    display:none;
}
.validation-summary-errors,
.field-validation-error
{
    color:Red;
}
/**********Monbile view****************************/
.selectproduct_image_full
{
    display:inline-block;
}
.wizard-steps_full
{
    display:block;
}
.cartproduct_full
{
    display:table;
}
.selectproduct_image_mobile,
.cartproduct_mobile,
.wizard-steps_mobile
{
    display:none;
}
.qty_number
{
    width: 90px; 
    display: inline; 
}
.selectproduct_details
{
    width:calc(100% - 180px);
}
.shippingdetails
{
    width:47%; 
    display:inline-block; 
    vertical-align:top;
}
.ordersummary
{
    width:47%; 
    display:inline-block; 
    vertical-align:top; 
    margin-left:5%;
}
.url-textfield{
    left:-9999em;
    position:absolute;
}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus,.ui-datepicker-prev:hover,.ui-datepicker-prev:focus,.ui-datepicker-next:hover,.ui-datepicker-next:focus{
    background:transparent !important;
    background-color:transparent !important;
    border:none !important;
}
@media screen and (max-width:1220px){
    .fixwidth{
        width:auto;
    }
    body.front #wrapper{
        padding:0 0 20px 0;
    }
    body.front #content div.fixwidth,body.front #postcontent div.fixwidth{
        padding:0 20px;
    }
    img,svg{
        max-width:100%;
    }
    #wrapper{
        background-position:calc(100% + 180px) calc(100% + 70px);
        background-size:300px 210px;
        padding:0 20px 20px 20px;
    }
    #node-sidebar{
        width:300px
    }
    .has-feature-image + #node-sidebar{
        margin-top:520px;
    }
    #footerwrap{
        background-position:calc(100% + 180px) calc(0% - 140px);
        background-size:300px 210px;
    }
}
@media screen and (max-width:1024px){
    #masthead header{
        /*padding-bottom:0;*/
        /*padding-top:50px;*/
    }
    #masthead header a.home{
        padding:30px 0 20px 0;
    }
    #navigation .menu-block-wrapper{
        /*display:none;*/
    }
    .stories-tiles article{
        width:calc(47.5% - 60px);
    }
    .stories-tiles article:nth-of-type(3n){
        margin-right:5%;
    }
    .stories-tiles article:nth-of-type(2n){
        margin-right:0;
    }
    .flag-wrapper,.flag-read-later .read-later-list{
        display:block;
        margin-bottom:30px;
        margin-left:0;
    }
    .read-time,.flag-read-later a{
        margin-bottom:.6em;
    }
}
@media screen and (max-width:780px){
    #wrapper,#footerwrap{
        background-image:none;
    }   
    #masthead
    {
        padding:0 0 20px 0;
    }
    #masthead header 
    {
        padding-top:0;
        padding-bottom:0;
    }
    #navwrapper
    {
        position:relative;
    }
    #masthead header a.home{
        display:inline-block;
        margin:0 0 20px 10px;
        width:calc(100% - 100px);
    }
    .cart-icon
    {
        display:none;
    }    
    .cart-icon-small
    {
        display:inline-block;
        float:right; 
        margin-right:10px; 
        margin-top:30px;
        width:50px;
    }
    .selectproduct_image_full,
    .cartproduct_full,
    .wizard-steps_full
    {
        display:none;
    }
    .selectproduct_image_mobile
    {
        display:inline-block;
    }
    .qty_label
    {
       margin-left:15px;
    }
    .qty_number
    {
       width:70px;
       margin-left:15px;
    }
    .wizard-steps_mobile
    {
        display:block;
    }
    .cartproduct_mobile
    {
        display:table;
    }
    .selectproduct_desc
    {
        width:calc(100% - 130px);
        font-size: .85em;
    }
    .selectproduct_details
    {
        width:100%;
    }
    .cartproduct_mobile_line
    {
       padding:10px 0;
    }
    .cartproduct_mobile_left
    {
        text-align: left; 
        width:120px; 
        display:inline-block;
    }
    .cartproduct_mobile_right
    {
        text-align: right;  
        display:inline-block; 
        width:calc(100% - 130px);
    }
    #content form input[type="submit"].forward_button,
    #content a.forward_link_buttonstyle
    {
        display:block;
        margin-left:0;
        margin-top:10px;
        padding:15px 0;
        width:100%;
    }
    #content a.backwards_link_buttonstyle
    {
        display:block;
        margin-left:0;
    }
    .shippingdetails
    {
        width:100%; 
        display:block; 
    }
    .ordersummary
    {
        width:100%; 
        display:block;
        margin-left:0;
    }
    .g-recaptcha
    {
        margin-bottom:20px;
    }
}
/*******wizard steps********************/
.track-progress {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.track-progress li {
  list-style-type: none;
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0 10px 0 30px;
  text-align: center;
  line-height: 40px;
  height: 40px;
  background-color: #f3f3f3;
}
.track-progress li > span a{
  display: block;
  color: #666;
  font-size:0.9em;
  text-decoration:none;
  padding: 0 10px;
}
.track-progress li > span a:hover
{
    cursor:pointer;
    text-decoration:underline;
}
.track-progress li.current
{
  background-color: #ccc; 
}
.track-progress li.current > span a{
  color: black;
  background-color: #ccc;
  text-decoration:underline;
}
.track-progress li > span:after,
.track-progress li > span:before {
  content: "";
  display: block;
  width: 0px;
  height: 0px;
  position: absolute;
  top: 0;
  left: 0;
  border: solid transparent;
  border-left-color: #f3f3f3;
  border-width: 20px;
}

.track-progress li > span:after 
{
  top:-3px;
  z-index: 1;
  border-left-color: white;
  border-width: 23px;
}

.track-progress li > span:before {
  z-index: 2;
}
.track-progress li.current + li > span:before {
  border-left-color: #ccc;
}
.track-progress li:first-child
{
    padding-left:15px;
}

.track-progress li:first-child > span:after,
.track-progress li:first-child > span:before {
  display: none;
}
.track-progress li:last-child i {
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  top: 0;
  left: 0;
  border: solid transparent;
  border-left-color: white;
  border-width: 20px;
}
.track-progress li:last-child
{
    padding-right:30px;
}
.track-progress li:last-child i {
  left: auto;
  right: -20px;
  border-left-color: transparent;
  border-top-color: white;
  border-bottom-color: white;
}