/* */
.top-page a {
    display: none;
    width: 90px;
    height: 36px;
    padding-top: 10px;
    padding-left: 15px;
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topleft: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    border: 2px solid #fff;
    border-bottom-width: 0;
    position: fixed;
    display: none;
    bottom: 0;
    left: 50%;
    margin: 0 auto;
    margin-left: -45px;
}

.top-page a:after {
    content: ' ';
    width: 18px;
    height: 11px;
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    margin-left: -9px;
    background: url(../images/sprite-icons.png) no-repeat -15px -10px;
}

.top-page a:hover {
    text-decoration: none;
}

@media screen and (min-width: 768px) {
    .top-page a {
        left:inherit;
        right: 0;
        bottom: 20%;
        width: 45px;
        height: 90px;
        padding-top: 54px;
        text-align: center;
        -webkit-border-bottom-left-radius: 15px;
        -webkit-border-top-right-radius: 0px;
        -moz-border-radius-topright: 0px;
        -moz-border-radius-bottomleft: 15px;
        border-top-right-radius: 0px;
        border-bottom-left-radius: 15px;
        border-right: none;
        padding-left:0;
        border-bottom-width: 2px;
    }

    .top-page a:after {
        content: ' ';
        width: 18px;
        height: 11px;
        display: block;
        position: absolute;
        top: 20px;
        left: 50%;
        margin-left: -9px;
    }
}
/* */
.top-page a {
   background: #000;
   color: #ffcc00;
   z-index: 100;
}
/* */
#cboxLoadedContent .t-and-c-button
{
	background-color: #2D2D2D;
	border: 1px solid #000000;
	-moz-box-shadow: inset 0px 0px 1px rgba(0,0,0,1);
	-webkit-box-shadow: inset 0px 0px 1px rgba(0,0,0,1);
	box-shadow: inset 0px 0px 1px rgba(0,0,0,1);
	background-image: -o-linear-gradient(90deg , rgb(53,53,53) 0%, rgb(67,67,67) 100%);
	background-image: -moz-linear-gradient(90deg , rgb(53,53,53) 0%, rgb(67,67,67) 100%);
	background-image: -webkit-linear-gradient(90deg , rgb(53,53,53) 0%, rgb(67,67,67) 100%);
	background-image: -ms-linear-gradient(90deg , rgb(53,53,53) 0%, rgb(67,67,67) 100%);
	background-image: linear-gradient(90deg , rgb(53,53,53) 0%, rgb(67,67,67) 100%);
	color: #FDFFFD;
	text-shadow: rgba(0,0,0,1) 0px 1px 0px;
	cursor: pointer;
}

#cboxTitle:after {
	content: '.';
	background-color: white;
	height: 52px;
	float: right;
	margin-top: -4px;
	margin-right: 7px;
}

#cboxLoadedContent .t-and-c-buttons a {
	display: block;
	width: 120px;
	height: 35px;
	border-radius: 4px;
	text-align: center;
	line-height: 35px;
	text-decoration: none;
	font-family: 'Helvetica';
	font-weight: bold;
	font-size: 10pt;
}

#cboxLoadedContent .button-left
{
	float:left;
	margin-left: 10px;
	margin-bottom: 10px;
}

#cboxLoadedContent .button-right
{
	float:right;
	margin-right: 10px;
	margin-bottom: 10px;
} 

#lightbox-content
{
	display:none;
}

@media screen and (min-width: 369px)
{
	#cboxLoadedContent .body
	{
		min-height: 355px;
	}
}

@media screen and (max-width: 369px)
{
	#cboxLoadedContent .button-left
	{
		float:right;
		margin-right: 10px;
		margin-left: 10px;
        margin-top: 0px;
	}

	#cboxLoadedContent .button-right
	{
		float:right;
		margin-right: 10px;
		margin-left: 10px;
        margin-top: 0px;
	} 

	#cboxLoadedContent .t-and-c-buttons a
	{
		width:90%;
	}

    #cboxLoadedContent .body
	{
		min-height: 325px;
	}
}




.ie-bottom-rounded td:first-child 
{
	-webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px; 
}

.ie-bottom-rounded td:first-child 
{
	-webkit-border-bottom-left-radius: 8px;
    border-bottom-left-radius: 8px; 
}

.ie-bottom-rounded td:last-child 
{
	-webkit-border-bottom-right-radius: 8px; 
   	border-bottom-right-radius: 8px; 
}


.ie-top-rounded th:first-child 
{
	-webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px; 
}
.ie-top-rounded th:last-child 
{
	-webkit-border-top-right-radius: 8px; 
   	border-top-right-radius: 8px; 
}

.ie-top-rounded
{
	-webkit-border-top-right-radius: 8px; 
   	border-top-right-radius: 8px; 
    -webkit-border-top-left-radius: 8px;
    border-top-left-radius: 8px;
}

.first-row:first-child 
{
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
}

.first-row:last-child 
{
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}

.tabulator th, td {
    padding: 0 16px;
    vertical-align: top;
}

.tabulator td {
    padding: 12px 45px 7px 13px !important;

}

.tabulator .tableHeader p
{
	margin-top:5px;
	margin-bottom:5px;
	margin-right:0px;
	margin-left:10px;
}

.tabulator p
{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:10px;
}

.tabulator .terms-and-conditions
{
	margin-top:0px;
	margin-bottom:0px;
	margin-right:0px;
	margin-left:10px;
}

.tabulator p span
{
	vertical-align: middle;
}


.tabulator li{
	margin-bottom: 10px !important;
}
.tabulator
{
	margin: 21px 0;
}

.tabulator table {
    width: 100%;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    border-collapse: separate;
    table-layout: fixed;
    overflow:hidden;
    background:#fff;
}

.panel .tabulator table {
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

.tabulator th {
    background: #3e3e3e;
    background: -moz-linear-gradient(top,  #3e3e3e 0%, #0a0a0a 100%, #3e3e3e 100%, #3e3e3e 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3e3e3e), color-stop(100%,#0a0a0a), color-stop(100%,#3e3e3e), color-stop(100%,#3e3e3e));
    background: -webkit-linear-gradient(top,  #3e3e3e 0%,#0a0a0a 100%,#3e3e3e 100%,#3e3e3e 100%);
    background: -o-linear-gradient(top,  #3e3e3e 0%,#0a0a0a 100%,#3e3e3e 100%,#3e3e3e 100%);
    background: -ms-linear-gradient(top,  #3e3e3e 0%,#0a0a0a 100%,#3e3e3e 100%,#3e3e3e 100%);
    background: linear-gradient(to bottom,  #3e3e3e 0%,#0a0a0a 100%,#3e3e3e 100%,#3e3e3e 100%);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e3e3e', endColorstr='#3e3e3e',GradientType=0 )";
    color: #ffcc00;
    line-height: 36px;
    padding-left: 12px;
}

/* borders and padding for accordion ('.panel') */
.panel .tabulator {
    margin-right:-7.5px !important;
    margin-left:-7.5px !important;
}

.panel .tabulator td, .panel .tabulator th {
    border-radius:0 !important;
	-webkit-border-radius:0px !important;
}

.panel .tabulator tr td:first-child {
    border-left:0 !important;
}

.panel .tabulator tr th:first-child {
	border-left: 0 !important;
}

.panel .tabulator tr td:last-child {
    border-right:0 !important;
}

.panel .tabulator tr th:last-child {
	border-right: 0 !important;
}

.panel .tabulator:first-child {
    margin-top:-15px !important;
}

.panel .tabulator:last-child {
    margin-bottom:-15px !important;
}

.panel .tabulator:last-child tr:last-child td {
    border-bottom:0 !important;
}

.panel .tabulator:first-child table {
    margin-top:0 !important;
}

.panel .tabulator:last-child table {
    margin-bottom:0 !important;
}



.share-page-wrapper
{
    padding-bottom:10px;
}

.share-page-wrapper ul
{
	list-style-type:none;
	-webkit-padding-start:0;
	-webkit-margin-before:0;
	-webkit-margin-after:0;	

}

.share-page-wrapper ul li:first-child {
    padding-left: 0;
}

.share-page-wrapper ul li {
    padding-left: 10px;
}

.share-page-wrapper li
{
	float:left;
}

.share-page-wrapper ul li p {
    margin:0; padding:0;
}

.share-page-wrapper label
{
    line-height:27px;
    vertical-align:middle;
}

.share-page-wrapper li input
{
	vertical-align: middle;
}

.share-hero {
}

.share-box {
    position:relative;
    display:none;
}

.share-box-inner {
    position:absolute;
    z-index:12;
    border:solid 2px #312d2e;
    top:-1px;
    right:-16px;
}

.share-box-inner ul {
    width:44px;
    padding:8px 0 0 0;
}

.share-box-inner ul {
    display:none;
    list-style:none;
    margin:0;
}

a.share-cta {
    display:block;
    line-height:38px; 
    height:38px;
    width:44px;
    padding:8px 0 0 0;
}

a.share-cta:before {
    width:27px;
    height:38px;
    background:url(../images/sprite-icons.png) no-repeat 0 -104px;
    content:' ';
    display:block;
    float:left;
    margin:0 8px 8px 0;
}

body:not(.touch) .share-box-inner:hover ul, .share-box-inner.expanded ul  {
    display:block;
}

html[data-useragent*="MSIE 8"] .share-box-inner:hover ul {
    display:block;
}

.share-box li   {
    line-height:24px; 
}

.share-box li, a.share-cta {
    padding-right:8px;
    padding-left:8px;
    vertical-align:middle;
    margin-bottom:8px;
}

.share-box li:hover {
    cursor:pointer;
}

.share-box li   {
    line-height:24px; 
}

.share-box li img, a.share-cta img {
    padding-right: 8px;
}

.share-box li img,.share-box li input    {
    padding-right:8px;
    -webkit-filter: grayscale(100%); /* For Webkit browsers */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
}

.share-box li:hover img,.share-box li:hover input {
    -webkit-filter: grayscale(0%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
}

.share-hero li.inline {
    height:35px;
}


@media (max-width:767px) {
    .share-page-wrapper ul li:first-child {
        display:none;
    }

    .share-page-wrapper ul li:nth-child(2) {
        padding-left: 0;
    }

    .share-box-inner {
        border-width:1px;
    }

    .hidden-mob {
        display:none; /* different from .hidden-mob, which changes to display:block not mobile */
    }

    .share-box li {
        border-top:solid 1px #312d2e;
        padding-top:8px;
    }
}
@media (min-width:768px) {
    .share-box-inner:hover a.share-cta  {
        display:none;
    }

    .share-box-inner {
        border-radius:6px;
        -webkit-border-radius:6px;
    }

    .share-box-inner {
        top:60px;
        right:0;
    }

    .share-box-inner ul {
        width:130px;
        padding-top:8px;
    }

    a.share-cta {
        width:90px;
    }

    .share-hero li.inline {
        height:27px;
    }

    .share-hero li.inline input {
        float:left !important;
        display: block !important;
        width:35px !important;
        height:27px !important;
    }

    .share-hero li.inline span {
        line-height: 27px !important;
        vertical-align: middle !important;
        display: block !important;
        float: left;
    }
}


.share-box-inner {
    background:#000;
}

.share-cta, .share-box li span {
color: #777;
}

.share-cta:hover, .share-box li:hover a, .share-cta:hover, .share-box li:hover span {
    color:#fff; text-decoration:none;
}


/************************* Question component *************************/
.question-container { display: block; font-size: 14px; margin-top: 10px; margin-bottom: 10px; min-height: 125px;}
.question-container .glyphicon-ok {color: green;}
.question-container .glyphicon-remove {color: red; top: 2px;}
.answer-options {margin-top: 10px; margin-left: 15px;}
.answer-options LABEL {  font-weight: normal; display: table;}
.answer-options LABEL .radio-button { display: table-cell; width: 20px;  }
.answer-options .radio-button SPAN {position: relative; width: 25px; height: 20px; display: inline-block;}
.answer-options LABEL .radio-text { display: table-cell;  }
.answer-options LABEL .radio-text SPAN { position: relative; }
.answer-options input[type="radio"]{ position: absolute; top: 4px;}

.question-container .user-answer::before{
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    background-color: black;
    margin-right: 10px;
}
.answer-options .ans-option {margin-left: 15px; }
.answer-options .ans-option.user-answer {text-indent: -24px;}
.answer-options .ans-option.user-answer .glyphicon { left: 33px; }
.answer-options .ans-option .glyphicon { left: 10px; }
.question-container .error {color: red; margin-left: 31px;}
.hint-box {padding-top: 15px; padding-bottom: 40px;}
.hint-container { border: solid 1px #b3b3b3; padding: 10px;}
.hint-container .glyphicon {margin-right: 10px;}
.hint-container .find-answer-text {margin-top: 5px; margin-bottom: 5px;}



/************************* Quiz component *************************/
.quiz-container {margin-top: 15px;}
.quiz-container .unhide {display: block !important;}
.quiz-top-container { margin-bottom: 15px; }
/*h1 to look like h2 */
.quiz-top-container h1.color-black-header-h2 {
    font-family: Arial,sans-serif,Helvetica Neue,Helvetica;
    line-height: 1.1em;
}
.score-container { font-size: 20px; margin-bottom: 2px; }
.score-container .message {margin-left: 15px;}
.quiz-container .bottom {margin-top: 20px; margin-bottom: 10px;}
.quiz-container .bottom .link-to-quiz {height: 40px;  margin-top: 10px;}
.score-container .score {display: inline-block;  margin-bottom: 2px; }
.score-container .trophy-container { display: inline-block; margin-bottom: -2px; margin-left: 20px;}
.score-container .total {color: #b3b3b3; }

@media only screen and (max-width : 768px) {
    .quiz-container .cta-rounded {width: 90%; margin-right: 5%;}
    .score-container {margin-top: 20px;}
}
@media only screen and (min-width : 768px) {
    .quiz-top-container .row {display:  table; width: 100%}
    .quiz-top-container .row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: bottom;
    }
    .quiz-top-container .score-container {
        margin-left: 17px;
    }
}



/************************* Quiz Cup *************************/
.quiz-cup {
    background: url("../images/learn-quiz/trophy.png") no-repeat center center transparent;
    position: relative;
    width: 56px;
    height: 45px;
    background-size: 100% 100%;
}
.quiz-cup-fill {
    background: url("../images/learn-quiz/trophy-filled.png") no-repeat bottom center transparent;
    background-size: cover;
    bottom: 0;
    position: absolute;
}

/************************* Recommended Quiz *************************/
.quiz-summary-container { border: solid 1px #b3b3b3; height: 200px; cursor: pointer; margin: 10px 0 10px 0; background: white;}
.quiz-summary-container .body {padding: 10px;}
.quiz-summary-container .quiz-col {display: inline-block; height: 65px; vertical-align:top;}
.quiz-summary-container .left { width: 80px;}
.quiz-summary-container .bold {font-weight: bold;}
.quiz-summary-container:hover {  border: solid 1px #ffcc00; }
.quiz-summary-container .par-container {height: 60px; overflow: hidden;}

.quiz-summary-container header {
    width: 100%;
    height: 60px;
    display: table;
}
.quiz-summary-container header h3 {
    margin: 0;
    padding: 0;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    font-size: 20px;
}
.quiz-summary-container header h3 span {
    display: inline-block;
    max-height: 45px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}
.quiz-summary-container header h3 span em {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-style: normal;
}

/* Use this to hide the dots when it isn't overflowing */
.quiz-summary-container header h3 span:before {
    content: "";
    float: right;
    width: 20px;
    height: 22px;
    display: block;
    position: relative;
    z-index: 1;
    background: white; /* background must match background of header - need to apply for hover + visisted version too */
}
.quiz-summary-container header h3 span b {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 65px;
}
.quiz-summary-container header h3 span b:after {
    content: "...";
    display: block;
    position: absolute;
    bottom: 21px;
}






.page-nav {
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    z-index: 6;
    position: relative;
}

.page-nav-anchor {
   display:block;
   height:0;
}

.page-nav.affix {
    position: fixed;
    top: 57px;
}

.page-nav.padding {
    padding: 27px 0;
}

.page-nav input[type="text"] {
    width: 27%;
    height: 44px;
    margin-right: 15px;
    border-style: solid;
    border-width: 1px;
    font-size: 16px;
}

.page-nav .cta-rounded:link {
    margin-top: 8px;
}

.page-nav button.cta-rounded {
    margin-top: 0;
}

.page-nav select {
    width: 100%;
    font-size: 16px;
}

.page-nav .col {
    width: auto;
}

.page-nav .col.cta-180 {
    width: 193px;
    padding-left: 11px;
    vertical-align: top;
}

.page-nav .nav {
    margin: 0;
    width: auto;
}

.page-nav ul li.col {
    width: auto;
    padding: 0;
    background: none;
}

.page-nav .nav li a {
    display: block;
    width: 150px;
    height: 98px;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    font-size: 16px;
    padding: 0 5px;
}

.page-nav .nav > li > a:focus {
    color:inherit;
    background:inherit;
}

.page-nav.filter li a {
    height: 65px;
}

.page-nav li a:hover {
    text-decoration: none;
}

.page-nav li.active a:after, html[data-useragent*="MSIE"] .page-nav li a:active:after {
    content: ' ';
    width: 18px;
    height: 8px;
    display: block;
    background: url(../images/sprite-icons.png) no-repeat -19px -65px;
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -9px;
}

@media (max-width: 767px) {
    .page-nav.affix {
        top: 45px;
    }

    .page-nav input[type="text"].width-100-xs {
        width: 100%;
        margin-bottom: 19px;
    }

    .page-nav .hide-xs {
        display: none;
    }

    .page-nav .sbHolder {
        min-width: initial;
    }
}

@media (min-width: 768px) {
    .page-nav .inline-block-sm {
        display: inline-block;
        width: auto;
        vertical-align: top;
        margin-left: 12px;
    }

    .page-nav .inline-block-sm .col {
        vertical-align: top;
    }

    .page-nav .inline-block-sm select {
        min-width: 286px;
    }
}

@media (min-width: 768px) and (max-width: 977px) {
    .page-nav.hidden-xs .container {
        padding-left:0;
    }
        
    .page-nav .nav li a {
        width: 117px;
    }
}

@media (min-width: 978px) and (max-width: 1140px) {
    .page-nav.hidden-xs .container {
        padding-left:0;
    }

    .page-nav .nav li a {
        width: 125px;
    }
}

/* MOBILE NAV (FIXED TO RHS) */
.page-nav-mob {
    position:fixed;
    right:0;
    top:150px;
    z-index:11;
    width:234px;
}

.page-nav-mob-inner {
    position:relative;
    width:234px;
}


.page-nav-mob a.toggle {
    display:block;
    position:absolute;
    right:0;
    top:0;
    width:45px;
    height:53px;
    text-align:center;
    border-style:solid;
    border-width:1px;
    border-right:0;
    font-weight:bold;
    padding-top:31px;
    border-top-left-radius:15px;
    border-bottom-left-radius:15px;
    bottom:0;
    font-size:10px;
}

.page-nav-mob[data-list-length="2"] a.toggle {
    margin-top:54px;
}

.page-nav-mob[data-list-length="3"] a.toggle {
    margin-top:106px;
}

.page-nav-mob[data-list-length="4"] a.toggle {
    margin-top:158px;
}

.page-nav-mob[data-list-length="5"] a.toggle {
    margin-top:210px;
}

.page-nav-mob.expanded a.toggle {
    right:186px;
}

.page-nav-mob.collapsed a.toggle {
    right:0;
}

.page-nav-mob .panel {
    position:absolute;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-right:0;
    width:186px;
    top:0;
}

.page-nav-mob.expanded .panel {
    right:0;
}

.page-nav-mob.collapsed .panel {
    right:-186px;
}


.page-nav-mob .panel .list-group-item {
    height:53px;
}

.page-nav-mob .panel .list-group-item a {
    display:block;
    padding:5px 15px;
    position:relative;
}

.page-nav-mob .panel .list-group-item:last-child {
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
}

@media screen and (max-height: 479px) {
    .page-nav-mob {
        top: 30px;
    }
}


.page-nav
{
    background-color: #ffcc00;
}

.page-nav input[type="text"] {
    border-color: #ccc;
}

.page-nav input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
.page-nav input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
}
.page-nav input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
}
.page-nav input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000;
}

.page-nav li a {
    color: #000;
}

.page-nav .nav li.active a, html[data-useragent*="MSIE"] .page-nav .nav li a:active {
    color: #ffcc00;
    background-color: #000;
    position: relative;
}

/* MOBILE NAV (FIXED TO RHS) */
.page-nav-mob a.toggle {
    color:#ffcc00;
    background:#000;
    border-color:#fff;
}

.page-nav-mob a.toggle:after {
    content: ' ';
    display: block;
    position:absolute;
    width: 18px;
    height: 18px;
    background-image:url(../images/sprite-icons.png);
    background-repeat:no-repeat;
    top:8px;
    left:13px;
}

.page-nav-mob a.toggle:hover {
    text-decoration:none;
}

.page-nav-mob a.toggle.plus:after {
    background-position:-69px 0;
}

.page-nav-mob a.toggle.minus:after {
    background-position:-69px -18px;
}

.page-nav-mob .panel {
}

.page-nav-mob .panel .list-group-item {
    background:#ffcc00;
    border-color:#414243;
}

.page-nav-mob .panel .list-group-item:first-child {
    border-top:none
}

.page-nav-mob .panel .list-group-item:hover {
    background:#000;
}

.page-nav-mob .panel .list-group-item:hover a {
    background:#000; color:#ffcb05;
}

.page-nav-mob .panel .list-group-item a {
    color:#231f20;
}

.page-nav-mob .panel .list-group-item a:hover {
    text-decoration:none;
}

.page-nav-mob .panel .list-group-item a:after {
    content: ' ';
    display: block;
    position:absolute;
    width: 6px;
    height: 10px;
    background: url(../images/sprite-icons.png) no-repeat -58px -84px;
    top:13px;
    right:0;
}

.page-nav-mob .panel .list-group-item:hover a:after {
    content: ' ';
    display: block;
    position:absolute;
    width: 6px;
    height: 10px;
    background: url(../images/sprite-icons.png) no-repeat -17px 0;
    top:13px;
    right:0;
}


.download {
    list-style:none;
    margin:0 0 30px 0;
    padding:0;
}

.download li {
    float:left;
}

.download li:first-child {
    margin-right:15px;
}

.form-login legend {
    border:0;
}

.form-login fieldset {
    margin-bottom:15px; 
}

.form-login input {
    width:100%; 
    border:solid 1px #333;
    outline:none;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    height:30px;
}
 
.global-nav a.nav-login:after { 
    background: url(../images/sprite-icons.png) no-repeat -90px -75px; 
}


.form-login legend {
    color:#ffcc00;
}

.form-login input {
    background:#333;
    color:#fff;
}

.form-login ::-webkit-input-placeholder {
   color: #fff;
}

.form-login :-moz-placeholder { /* Firefox 18- */
   color: #fff;  
}

.form-login ::-moz-placeholder {  /* Firefox 19+ */
   color: #fff;  
}

.form-login :-ms-input-placeholder {  
   color: #fff;  
}

.hidden-submit
{
	visibility:hidden;
}

.login-m #txt-password.ie-placeholder
{
	background-image: url(../images/password-mobile-placeholder.png);
	background-repeat:no-repeat;
}

.login-m #txt-mobile-clientId.ie-placeholder
{
	background-image: url(../images/clientid-mobile-placeholder.png);
	background-repeat:no-repeat;
}

.popover .arrow:after
{
	border-style:none !important;	
	
}
.popover .arrow{
	border-width:0px !important;
}

.popover.small-popover
{
	max-width: 260px;
}

.popover-content .close
{
	opacity: 1;
    position: absolute;
    top: 13px;
    right: 9px;
}
.popover
{
	max-width: 328px;
	border-radius: 10px;
}

.popover-content
{
	color:black;
    padding: 14px 55px 14px 14px;
    position: relative;
}
.login {
    padding-top:8px;
    padding-bottom:8px;
    border-bottom: 1px solid #302c2d;
}

.login .form-inline > img {
    display:block; float:left;
}

.login-right{
	float:left;
	margin-left:11px;
}

.fs-login {
    float:left;
    width: 187px;
    margin-left:12px;
    padding:3px 3px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    line-height:21px;
    font-size:14px;
    margin-top: 1px;
}

.fs-login input[type="text"],
.fs-login input[type="password"] {
    border:none;
    display:block;
    float:left;
    width:130px;
    outline:none;
}

.fs-login a {
    float:right;
    display:block;
    font-size:12px;
    padding-right:6px;
    margin-top: 2px;
}

.login .btn {
    padding:0;
    height:33px;
    width: 36px;
    line-height:33px;
    border-top: none;
    border-left: none;
}

.login .btn-login {
    padding-right:19px;
    padding-left:19px;
    text-align:left;
    width:142px;
    border-bottom: none;
}

.login .btn + .dropdown-toggle {
    margin-left: 0;
    border-left: 1px solid #89a9be;
    border-right: none;
    border-bottom: none;
    background: #1e5e88;
}

.login .btn + .dropdown-toggle:focus {
    outline: auto;
}

.login .btn + .dropdown-toggle:after {
    content: '';
    display: block;
    width: 15px;
    height: 10px;
    margin-left: 1px;
    background: url(../images/sprite-icons.png) no-repeat -41px -34px;
}

.login #password-field.ie-placeholder
{
	background-image: url(../images/password-placeholder.png);
	background-repeat:no-repeat;
}

.login #txt-clientId.ie-placeholder
{
	background-image: url(../images/clientid-placeholder.png);
	background-repeat:no-repeat;
}

.login .btn-options {
    padding-right:10px;
    padding-left:10px;
    width:34px;
}

.login .btn-login {
    text-transform: uppercase;
}

.btn.btn-primary.btn-options {
    margin-left:0px;
    border-left: 1px solid #89a9be;
}

.btn-login, .btn-options:hover {
    background:#2675aa;
}

.btn-login, .btn-login:hover {
    border-right-style:solid;
    border-right-width:1px;
}

.remeber-client-id-label
{
	color:white;
    font-weight: normal;
    margin: 0;
}

.remember-cid-wrapper
{
	padding: 7px 0px 0px 0px;
	display:none;
	width:180px;
}

.fs-login.remember-cid-wrapper {
    width: 152px;
    margin-left: 0;
    float:right;
}



.login input[type="checkbox"] {
	position: absolute;
    top: -100px;
}
.login input[type="checkbox"] + label {
	display: block;
    width: 18px;
	height: 18px;
	float:right;
	background: url(../images/sprite-icons.png) -33px -16px no-repeat;
}

/* NOTE: Separate rule required for IE8 */
.login input[type="checkbox"][value="on"] + label
{
	background-position: -51px -16px;
}
.login input[type="checkbox"]:checked + label {
	background-position: -51px -16px;
}

.dropdown-menu
{
	min-width: 179px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	margin-top: -2px;
    padding: 0;
}

.dropdown-menu li
{
	height:46px;
	padding-top:12px;
	padding-left:12px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    cursor: pointer;
    background: none;
}

.dropdown-menu li a {
    padding: 0;
}

.dropdown-menu li a:hover,
.dropdown-menu li a:active,
.dropdown-menu li a:focus,
.dropdown-menu li a:link {
    background: none;
}

.dropdown-menu li.take-me-to-link-hover{
	background:#FFCC00;	
}

.dropdown-menu li:after {
    content: '';
    background: url(../images/sprite-icons.png) no-repeat -59px -85px;
    width: 5px;
    height: 9px;
    position: absolute;
    right: 15px;
    top: 19px;
}

.dropdown-menu li:last-child {
    border: none;
    border-radius: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
}

#cboxClose {
    top: 23px;
    right: 20px;
    display: inline-block;
    border: medium none;
    background-color: transparent;
    background-image: url("../images/action_buttons.png");
    background-position: 5px -60px;
    padding: 0px;
    width: 15px;
    height: 15px;
}

#cboxTitle
{
	padding-top: 4px;
	width: 100%;
}

.error-label
{
	display:none;
}

/* device specific */
.ie8-always-visible
{
	display:inline !important;
}

@media (min-width: 978px) {
    .login .logo{
        display: none;
    }
    
    .fs-login
    {
    	width: 191px;
    }
    .error-label:not(.custom-hidden)
    {
    	display: inline;
    	float: right;
		margin-top: 7px;
		color:#FB0202;
    }
    .custom-hidden
	{
		display:none !important;
	}
	

}

@media (max-width: 660px) {
	#cboxTitle
	{
		font-size: 20px;
	}
}

@media (max-width: 440px) {
	#cboxTitle
	{
		font-size: 16px;
		height: 52px;
	}
}

/*reserve space for the check box... needed for chrome version 31*/
#remember-cid-placeholder  
{
	width: 151px;
	height: 31px;
	float: left;
}

.fs-login-main 
{
	width:597px;
}

@media (min-width: 768px)
{
	.input-error
	{
		border: 2px solid red !important;
		margin-top: -1px;
	}
}

@media (max-width: 978px)
{
	.login .logo{
        height: 32px;
    }
    .fs-login{
    	width:159px;
    }
    
    .fs-login-main 
    {
    	width:531px;
    }
    
    .fs-login input[type="text"],
	.fs-login input[type="password"] {
	    border:none;
	    display:block;
	    float:left;
	    width:100px;
	    outline:none;
	}
}

/* browser specific */

/* IE 10 */
html[data-useragent*='MSIE 10.0'] .login input[type="text"], html[data-useragent*='MSIE 10.0'] .login input[type="password"] {
    padding-top:0px;
}

.login input:-ms-input-placeholder {
    padding-top:0px;
}


.login {
    background: #5b5b5b;
    background: -moz-linear-gradient(top, #5b5b5b 0%, #383838 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5b5b5b), color-stop(100%,#383838));
    background: -webkit-linear-gradient(top, #5b5b5b 0%,#383838 100%);
    background: -o-linear-gradient(top, #5b5b5b 0%,#383838 100%);
    background: -ms-linear-gradient(top, #5b5b5b 0%,#383838 100%);
    background: linear-gradient(to bottom, #5b5b5b 0%,#383838 100%);
}

.fs-login {
    border-color: #484747;
    color: #000;
    background:#fff;
}

.fs-login.remember-cid-wrapper {
    background: none;
    -ms-filter: initial;
}

.fs-login input[type="text"],
.fs-login input[type="password"] {
    background:none;
    color:#000;
}

.fs-login a {
    color:#a3a3a3;
}

.login input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #a3a3a3;
}
.login input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #a3a3a3;
}
.login input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #a3a3a3;
}
.login input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #a3a3a3;
}

.btn-login:hover, .btn-options {
    background:#1e5e88;
}

.btn-login, .btn-login:hover {
    border-top-color:#1e5e88;
    border-right-color:#1f5e89;
    border-bottom-color:#1e5e88;
    border-left-color:#1e5e88;
}

.btn-options {
    border-color:#1e5e88;
}

.btn-carrot:after
{
	background: url(../images/sprite-icons.png) no-repeat -70px -75px;
}

.btn-login:after {
    content: ' ';
    display: block;
    position:absolute;
    width: 6px;
    height: 10px;
    top:11px;
    right:65px;
    
}

.btn-options:after {
    content: ' ';
    background: url(../images/sprite-icons.png) no-repeat -21px -24px;
    width: 11px;
    height: 7px;
    display: block;
    position: absolute;
    left: 12px;
    top:12px;
}


.learn-article-summary {
    border: 1px solid #b3b3b3;
    padding: 15px;
}

.learn-article-summary .learn-grey-bold{
    color: #b3b3b3;
    font-weight: bold;
}

.learn-article-summary .learn-grey{
    color: #b3b3b3;
}

.learn-article-summary .tags-container{
    font-size: 10px;
}

.learn-article-summary .tags-container .learn-tag{
    margin-left: 0px;
}

.learn-article-summary ol li
{
    list-style-type:decimal;
    margin-left: 20px;
}

.learn-article-summary ul li {
    background: url(../images/li-bg.png) no-repeat 0 7px;
}

.learn-feedback.top-result {
    background: #ffffff;
    margin-bottom: 0px;
}

/*h1 to look like h2 */
.learn-feedback.top-result h1.color-black-header-h2 {
    font-family: Arial,sans-serif,Helvetica Neue,Helvetica;
    line-height: 1.1em;
}

.learn-feedback.top-result .text-right {
    margin-bottom: -20px;
}

.learn-feedback.top-result .text-right h3 {
    display: inline-block;
    vertical-align: super;
    margin-bottom: 0;
}

.learn-feedback.top-result a.text-left {
    padding-top: 40px;
    float: left;
}

.learn-feedback.top-result .feedback {
    clear: both;
    max-height: 0px;
    margin-top: 20px;
    overflow: hidden;
    -webkit-transition: max-height 0.8s;
    -moz-transition: max-height 0.8s;
    transition: max-height 0.8s;
}

.learn-feedback.top-result .feedback.show {
    max-height: 180px;
}

.learn-feedback.top-result .feedback input[type="text"] {
    width: 100%;
    height: 42px;
    border: 1px solid #a5a5a5;
}

.learn-feedback.top-result .feedback .css-table {
    margin-bottom: 9px;
}

.learn-feedback.top-result .feedback .col {
    width: auto;
    padding: 0;
    vertical-align: top;
}

.learn-feedback.top-result .col.submit {
    width: 180px;
    text-align: right;
}

.learn-feedback.top-result .col.submit button {
    width: 156px;
    margin: 0 0 0 10px;
    cursor: pointer;
}


/* Article Grid style*/
.articles-row {margin-top: 10px; margin-bottom: 10px;}
.article-summary-container {height: 200px; border: solid 2px #7d7d7d; cursor: pointer; margin: 10px 0 10px 0;}
.article-summary-container header {
    width: 100%;
    height: 60px;
    background: #b3b3b3;
    display: table;
}
.article-summary-container header h3 {
    margin: 0;
    padding: 0;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
}
.article-summary-container header h3 span {
    display: inline-block;
    max-height: 45px;
    overflow: hidden;
    padding: 0 10px;
    position: relative;
    box-sizing: border-box;
    width: 100%;
}
.article-summary-container header h3 span em {
    display: table-cell;
    vertical-align: middle;
    position: relative;
    font-style: normal;
    word-break: break-word;
}

/* Use this to hide the dots when it isn't overflowing */
.article-summary-container header h3 span:before {
    content: "";
    float: right;
    width: 20px;
    height: 22px;
    display: block;
    position: relative;
    z-index: 1;
    background: #b3b3b3; /* background must match background of header - need to apply for hover + visisted version too */
}
.article-summary-container header h3 span b {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    max-height: 65px;
    word-break: normal;
}
.article-summary-container header h3 span b:after {
    content: "...";
    display: block;
    position: absolute;
    bottom: 21px;
}
.article-summary-container .article-summary-content { padding: 10px; font-size: 12px;}
.article-summary-container .what-will-learn-header { color: #7d7d7d; font-weight: bold;}
.article-summary-container .list-what-you-will-learn {margin-top: 10px; }
.article-summary-container .list-what-you-will-learn LI {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.article-summary-container .tags-container {font-size: 10px;}
.article-summary-container .tags-title {color: #7d7d7d;}
.article-summary-container .tags {margin-left: 5px;}

/* Read (visited) article */
.article-summary-container.visited {border: solid 2px #b3b3b3;}
.article-summary-container.visited header { background: #d9d9d9; }
.article-summary-container.visited header h3 span:before {background: #d9d9d9}
/* Hover article */
.article-summary-container:hover {border: solid 2px #ffcc00; }
.article-summary-container:hover header { background: #ffcc00; }
.article-summary-container:hover header h3 span:before {background: #ffcc00;}

/* Filter style */
.filter-container {background-color: #f2f2f2; padding: 20px 0 20px 0px; margin-top: 0px;}
.filter-wrapper {margin-left: 15px;}
.filter-container .level-container {margin-top: 10px; display: flex; justify-content: space-between; margin-right: 5px;}
.topic-filter-header {font-size: 16px; font-weight: bold;}
.filter-item {padding-left: 0 !important;}
.badge.filter-badge { padding: 2px 5px 0px; }
.switch-container { width: 100%;}
.switch-container .switch-cell {display: table-cell; vertical-align: middle;}
.switch-cell.filter-name {  font-size: 20px; }
.switch-cell.filter-switch {  padding-left: 20px; padding-top: 5px; }
.filter-radio { width: 0; height: 0; outline: none; display: none;}
.filter-container .badge.filter-badge {color: black; background-color: #b3b3b3 ;  cursor: pointer; padding-top: 4px;}
.filter-container .badge.filter-badge LABEL {font-weight: normal; font-size: 11px; margin-top: 2px; margin-left: 10px; margin-right: 10px;}
.filter-container .badge.filter-badge.clickable {color: #ffcc00; background-color: black; padding-top: 2px; cursor: pointer; overflow: hidden;}
.filter-container .badge.filter-badge.clickable .exp-level {display: inline-block; margin-top: 2px;}
.filter-container .badge.filter-badge.clickable LABEL {cursor: pointer;}
.filter-container .badge.filter-badge.clickable.has-glyph LABEL { margin-right: 5px; }
.filter-container .filter-badge .glyphicon {margin-left: -9px;}
.filter-btn-text { position: relative; cursor: pointer; width: 100%; }
.filter-btn-text .text { position: relative; bottom: 5px; }

.switch-btn.on .text {left: 13px;}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .filter-item {margin-top: 30px;}
    .filter-item .switch-cell.filter-switch {position: absolute;  right: 19px;  bottom: 39px;}
    .filter-item .level-container {margin-top: 20px;}
    .filter-item .badge.filter-badge LABEL { margin-left: 15px; margin-right: 15px;}
}
@media only screen and (max-width : 320px) {
    .filter-item .badge.filter-badge LABEL { margin-left: 5px; margin-right: 5px;}
}

.switch-btn {
    display: inline-block;
    background: #b3b3b3 ;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    padding: 1px;
    font-size: 1em;
    line-height: 1em;
    min-width: 70px;
    height: 24px;
    text-align: left;
    cursor: pointer;
}
.switch-btn.on {background: #ffcc00;}
.filter-btn-circle {
    display: inline-block;
    width: 34%;
    min-height: 1.6em;
    background-color: #000;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: 0;
    cursor: pointer;
}
.switch-btn.on .filter-btn-circle {margin-left: 19px;}




.global-nav-wrapper {
   position: relative;
   z-index: 14;
   width: 100%;
}

.global-nav-wrapper.affix {
    position: fixed;
}

.global-nav-wrapper.affix .logo img {
	max-height: 42px;
}

.global-nav {
    border-bottom: 1px solid #302c2d;
    width: 100%;
    color: #fff;
    z-index: 10;
}

.global-nav.affix-top.visible-xs {
    position: relative;
}

.global-nav h2 {
    font-size: 30px;
    margin-top: 0;
    margin-bottom: 20px;
}

.global-nav h3 {
    line-height: 26px;
}

.global-nav h4 {
    font-weight:normal;
    padding-bottom:0;
    margin-bottom:0;
}

.global-nav p {
    line-height: 1.4em;
}

.global-nav h4 a {
    color: #ffc20e;
}

.global-nav h4 a:hover, .global-nav p a:hover {
    text-decoration:underline !important;
}

.global-nav .inner {
    position: relative;
}

.global-nav ul li {
    padding: 0;
}

.global-nav .top-nav {
    width: 100%;
    display: table;
    margin-bottom: 0;
}

.global-nav .top-nav li {
    padding: 0;
    width: 44px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    border-right: 1px solid #100f0f;
    border-left: 1px solid #414243;
    background: none;
    padding: 0;
}

.global-nav .top-nav li:first-child {
    border-left: none;
}

.global-nav .top-nav li:last-child,
.global-nav .nav li:last-child {
    border-right: none;
    margin-bottom: 0;
}

/* For IE8 and below (no :last-child support) */
.global-nav .nav > li .last,
.global-nav .nav > li.nav-search {
	border-right: none;
    margin-bottom: 0;
}

.global-nav .top-nav li.container-logo {
    width: auto;
}

.global-nav .top-nav li.container-logo > a {
    width: auto;
}

.global-nav .top-nav li.container-logo img {
    max-height: 32px;
    margin-top: -4px;
}

.global-nav a {
    text-align: center;
}

.global-nav .top-nav li > a {
    width: 44px;
    height: 44px;
    line-height: 49px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}


.global-nav .top-nav li > a:after {
    padding-top: 15px;
}

.global-nav .hamburger:after {
    content: ' ';
    display: inline-block;
    width: 15px;
    height: 16px;
    background: url(../images/sprite-icons.png) no-repeat -34px 0;
}

.reveal-left .global-nav .hamburger:after {
    background-position: -50px 0;
}

.global-nav.visible-xs .nav {
    margin-bottom: 0;
    position: absolute;
    z-index: 3;
    width: 100%;
}

.global-nav.hidden-xs .nav {
    display: table;
    width: 100%;
}

.global-nav.hidden-xs .nav > li {
    display: table-cell;
    width: 136px;
    height: 82px;
    vertical-align: middle;
    /*position:relative;  RH, 131220 */
    position: inherit;
}

.global-nav.hidden-xs .nav > li > a {
    cursor: default;
}

.affix .global-nav .nav > li {
    height: 60px;
}

.affix .global-nav .nav > li > a {
    padding: 9px 0;
}

/* NOTE: Remove anchor tags later - KJ */
.global-nav.hidden-xs .nav > li > span:after,
.global-nav.hidden-xs .nav > li > a:after {
    content: ' ';
    background: url(../images/sprite-icons.png) no-repeat -21px -24px;
    width: 11px;
    height: 7px;
    display: block;
    position: absolute;
    left: 50%;
    bottom: -15px;
    margin-left: -5px;
}

.global-nav.hidden-xs .nav > li > a.no-children:after {
    display: none;
}

.affix .global-nav.hidden-xs .nav > li span:after,
.affix .global-nav.hidden-xs .nav > li a:after {
    bottom: -10px;
}

.global-nav.hidden-xs .nav li.logo {
    width: 179px;
    border-left: none;
}

.global-nav.hidden-xs .nav li.logo a:after,
.global-nav.hidden-xs .nav li.nav-search a:after {
    display: none;
}

.global-nav.hidden-xs .nav li.logo a {
    text-align: left;
    cursor: pointer;
}

.global-nav.hidden-xs .nav li.logo a:active,
.global-nav.hidden-xs .nav li.logo a:focus {
    background: none;
}

.global-nav.hidden-xs .nav li.logo a:hover {
    background: none;
}

.global-nav.hidden-xs .nav li.nav-search {
    width: auto;
    text-align: center;
}

.global-nav.visible-xs .nav li {
    border-bottom: 1px solid #414243;
    display: block;
    padding: 0;
    line-height: 60px;
}

.global-nav > ul > li:first-child {
    margin-left: 0;
}

.global-nav .nav > ul li a {
    display: block;
    font-size: 16px;
    position: relative;
    padding: 0;
}

.global-nav.hidden-xs .nav-search {
    margin-top: 27px;
}

.global-nav .nav-search .input-group {
    display: block;
}

.global-nav .nav-search form {
    margin: 0 0 0 24px;
}

.global-nav .nav-search input[type="text"] {
    width: 100%;
    min-width: 98px;
    height: 41px;
    padding-right: 36px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #5e5e5e;
    font-size: 16px;
}

.global-nav.reveal-search .nav-search input[type="text"] {
    min-width: 203px;
}

.global-nav .nav-search .search-submit,
.global-nav .nav-search .search-reveal:after {
    width: 19px;
    height: 19px;
    background: url(../images/sprite-icons.png) no-repeat 0 -66px;
    border: none;
    position: absolute;
        top: 11px;
        right: 10px;
}

.global-nav .nav-search .search-reveal {
    width: 100%;
    height: 102px;
}

.affix .global-nav .nav-search .search-reveal {
    height: 55px;
}

.global-nav a.nav-search:after,
.global-nav a.nav-login:after {
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 15px;
    background: url(../images/sprite-icons.png) no-repeat -21px -34px;
}

.global-nav a.nav-search:after {
    width: 13px;
    height: 14px;
    background-position: -22px -50px;
}

.global-nav.reveal-search a.nav-search:after {
    background-position: -36px -50px;
}

.global-nav .search {
    display: none;
}

.global-nav .search button {
    background: url(../images/sprite-icons.png) no-repeat -87px 0;
    border: none;
    width: 7px;
    height: 12px;
    display: block;
    position: absolute;
    right: 28px;
    top: 16px;
    padding: 0;
}

.global-nav.reveal-search .search {
    display: block;
    position: absolute;
    z-index: 3;
    width: 100%;
    padding: 6px 18px;
    margin-top: 1px;
    background: #231f20;
}

.global-nav.reveal-search .search input[type="text"] {
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background: #4f4c4d;
    border: 1px solid #4f4c4d;
    width: 100%;
    height: 32px;
    padding-right: 20px;
}

.global-nav.reveal-search .search input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color:    #a09e9f;
}
.global-nav.reveal-search .search input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #a09e9f;
}
.global-nav.reveal-search .search input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #a09e9f;
}
.global-nav.reveal-search .search input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #a09e9f;
}



.touch .global-nav.hidden-xs .mega-sub-container {
    padding-bottom: 83px;
}

.mega-sub-container .col {
    border-right: 1px solid #302c2d;
    border-left: 1px solid #414243;
    vertical-align: top;
    width: 25%;
    padding: 0 12px 0 25px;
}

.mega-sub-container .btn-close {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -68px;
    padding-left: 12px;
    width: 136px;
    line-height: 50px;
    border: 2px solid #231f20;
    border-bottom: none;
    background: #1e1e1e;
    text-align: center;
    color: #ffcc00;
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    display:none;
}

.touch .mega-sub-container .btn-close {
    display:block;
}
.mega-sub-container .btn-close span:before {
    width: 12px;
    height: 12px;
    display: block;
    background: url(../images/sprite-icons.png) no-repeat -70px -44px;
    content: ' ';
    position: absolute;
    bottom: 19px;
    left: 29px;
}

.mega-sub-container ul {
    list-style:none; margin:0; padding:0;
}

.mega-sub-container li {
    margin-bottom: 16px;
}

.mega-sub-container .col:first-child {
    border-left: none;
    padding-left: 0;
}

.mega-sub-container .col:last-child {
    border-right: none;
}

.affix .global-nav.hidden-xs .mega-sub-container {
    top: 60px !important;
}

.touch .global-nav.hidden-xs .mega-sub-container {
    position:absolute;
    top:82px;
    left:0;
    z-index:100;
    width: 100%;
    padding:40px 0;
    opacity:0;
    visibility: hidden;
}

.touch  .global-nav.hidden-xs .nav > li.active-touch .mega-sub-container {
   	padding:40px 0;
	opacity:1;
   	visibility: visible;
}

body:not(.touch) .global-nav.hidden-xs .mega-sub-container {
    position:absolute;
    top:82px;
    left:0;
    z-index:100;
    width: 100%;
    padding:40px 0;
    opacity:0;
    visibility: hidden;
    
	transition: visibility .25s ease, opacity .25s ease;
	-webkit-transition: visibility .25s ease, opacity .25s ease;
	-moz-transition: visibility .25s ease, opacity .25s ease;
	-ms-transition: visibility .25s ease, opacity .25s ease;
	-o-transition: visibility .25s ease, opacity .25s ease;

	transition-delay: .4s;
	-webkit-transition-delay:  .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
}

body:not(.touch) .global-nav.hidden-xs .nav > li:hover .mega-sub-container
{
   	padding:40px 0;

	opacity:1;
   	visibility: visible;

	transition: visibility .3s ease, opacity .3s ease;
	-webkit-transition: visibility .3s ease, opacity .3s ease;
	-moz-transition: visibility .3s ease, opacity .3s ease;
	-ms-transition: visibility .3s ease, opacity .3s ease;
	-o-transition: visibility .3s ease, opacity .3s ease;

	transition-delay: .2s;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
}

html[data-useragent*="MSIE 8"] .global-nav.hidden-xs .nav > li:hover .mega-sub-container
{
 	padding:40px 0;
 	opacity:1;
   	visibility: visible;
}

html[data-useragent*="MSIE 8"] .global-nav.hidden-xs .nav .mega-sub-container
{
 	position:absolute;
    top:82px;
    left:0;
    z-index:100;
    width: 100%;
    padding:40px 0;
    opacity:0;
    visibility: hidden;
}

.mob-global-nav .nav ul {
    padding: 0;
}

.mob-global-nav .nav li {
    display: block;
    background: none;
    padding: 0;
}

.mob-global-nav .nav > li.active-page > a {
    color: #ffc20e;
}

.mob-global-nav .nav > li > a:after {
    content: ' ';
    display: block;
    position: absolute;
    width: 12px;
    height: 7px;
    right: 20px;
    top: 22px;
    background: url(../images/sprite-icons.png) no-repeat -87px -60px;
}

.mob-global-nav .nav > li > a.no-children:after {
    display: none;
}

.mob-global-nav .nav > li.active > a:after {
    background-position: -87px -67px;
}

.mob-global-nav .nav li a {
    display: block;
    padding: 14px 17px;
    font-size: 15px;
    color: #fff;
    background-color: #231f20;
    border-bottom: 1px solid #333;
}

.mob-global-nav .nav li a:hover {
    text-decoration: none;
}

.mob-global-nav .nav li li a {
    background: #f5f5f5;
    color: #231f20;
    border-top: 1px solid #fff;
    border-bottom: none;
}

.mob-global-nav .nav li.active-page li.active a {
    border-top: 1px solid #ffc20e;
}

.mob-global-nav .nav li ul {
    display:none;
}

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

.mob-global-nav .nav li li {
    border-bottom: 1px solid #e3e3e3;
}

.mob-global-nav .nav li.active-page li.active a {
    background: #ffc20e;
}

@media screen and (min-width: 768px) {
    .global-nav .nav {
        position: initial;
        width: auto;
        margin-bottom: -1px;
    }

    .global-nav .nav > li {
        padding: 0;
        margin: 0 -2px;
        border-left: 1px solid #414243;
        border-right: 1px solid #302c2d;
    }

    /* NOTE: Remove anchors later - KJ */
    .global-nav .nav > li > span,
    .global-nav .nav > li > a {
        border-bottom: none;
        padding: 0;
        display: block;
        text-align: center;
        position: relative;
        cursor: default;
        font-size: 16px;
		font-weight: bold;
    }

    .global-nav .nav > li > a:hover {
        background: none;
        cursor: pointer;
    }

    .global-nav ul > li.logo a {
        border-left: none;
    }
}

@media screen and (min-width: 768px) and (max-width:977px) {
    .global-nav .inner > .container {
        padding-left: 0;
    }
    
    .global-nav.hidden-xs .nav li.logo {
        display: none;
    }

    .global-nav.hidden-xs .nav li.logo + li {
        border-left: none;
    }

    /*.touch .mega-sub-container .btn-close {
        display: block;
    }*/
}

@media screen and (min-width: 978px) {
    .global-nav .nav-search .input-group {
        display: block;
    }

    .global-nav .nav-search input[type="text"] + button[type="submit"] {
        position: absolute;
        top: 11px;
        right: 10px;
    }

    .global-nav .nav-search .search-reveal {
        display: none;
    }
}

@media screen and (min-width: 1140px) {
    .global-nav .logo {
        margin-top: 30px;
    }

    .mega-sub-container .col {
        padding: 0 27px 0 44px;
    }
}


.global-nav {
    background: #3c3c3c; /* Old browsers */
    background: -moz-linear-gradient(top, #3c3c3c 0%, #0a0a0a 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3c3c3c), color-stop(100%,#0a0a0a)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #3c3c3c 0%,#0a0a0a 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #3c3c3c 0%,#0a0a0a 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #3c3c3c 0%,#0a0a0a 100%); /* IE10+ */
    background: linear-gradient(to bottom, #3c3c3c 0%,#0a0a0a 100%); /* W3C */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c3c3c', endColorstr='#0a0a0a',GradientType=0 )"; /* IE6-9 */
}

.global-nav .mega-sub-container {
    background: #000000; /* Old browsers */
    background: -moz-linear-gradient(top, #000000 0%, #3e3e3e 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#3e3e3e)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #000000 0%,#3e3e3e 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #000000 0%,#3e3e3e 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #000000 0%,#3e3e3e 100%); /* IE10+ */
    background: linear-gradient(to bottom, #000000 0%,#3e3e3e 100%); /* W3C */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#3e3e3e',GradientType=0 )"; /* IE6-8 */
}

.global-nav .nav > li > a {
    color: #fff;
}

.global-nav.visible-xs .nav li {
    background: #3c3c3c;
}

.touch .global-nav .nav > li.active,
.global-nav .nav > li.active-load {
    background: rgba(0, 0, 0, 0.75);
}

body:not(.touch) .global-nav .nav > li:hover,
.touch .global-nav .nav > li.active-touch {
    background: #000;
}


body:not(.touch) .global-nav .nav > li.logo:hover,
.global-nav .nav > li.logo:hover,
body:not(.touch) .global-nav .nav > li.nav-search:hover,
.global-nav .nav > li.nav-search:hover {
    background: none;
}

.global-nav ul li a:hover {
    text-decoration: none;
}

.global-nav input[type="text"] {
    background: none;
    border-color: #6f6f6f;
    color: #fff;
}

.global-nav input:-moz-placeholder,
.global-nav textarea:-moz-placeholder {
  color: #fff;
}

.global-nav input:-ms-input-placeholder,
.global-nav textarea:-ms-input-placeholder {
  color: #fff;
}

.global-nav input::-webkit-input-placeholder,
.global-nav textarea::-webkit-input-placeholder {
  color: #fff;
}

@media (min-width: 768px) {
    .global-nav ul li {
         background: none;
    }
}

.global-nav .nav > li.ng-scope:hover {
    background: #000;
}


#footer {
    font-size:12px;
    padding-bottom:50px;
}

#footer ul {
    list-style:none; 
    margin:0; 
    padding:0;
}

#footer h2 {
    margin:0;
    padding:0;
    font-size:12px;
}

.footer-container {
    padding-top:20px;
}

.footer-links li {
    float:left;
    background: none;
    padding: 0;
}

.footer-links li a{
    padding-right:6px;
}

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

.footer-links li:after {
    content:'|';
    color:#aaa;
    padding-right:6px;
}

.footer-links li:last-child:after {
    content: '';
    padding-right: 0;
}

.footer-list.footer-download {
    clear:both;
}

.footer-list li {
    float:left;
    background: none;
    padding: 0;
}

.footer-list li {
    margin-left:10px;
}

.footer-list li:first-child {
    margin-left: 0;
}

.footer-index-links>ul>li>a {
    font-size:16px; 
    display:block;
	font-weight: bold;
}

.footer-download.footer-list {
    padding-bottom:10px;
}

.footer-download.footer-list:last-child {
    padding-bottom:20px;
}

#footer p a {
    color:#aaa;
    text-decoration:underline;
}

@media screen and (max-width: 767px) {
    /* MOBILE ONLY */
    #footer .row.dark-grey-bg {
        background:none;
    }

    .footer-logo, .footer-links {
        padding-bottom:20px;
    }

    .footer-links li {
        padding-right:3px;
    }

    .footer-links li:nth-child(5) {
        clear:both; 
        padding-left:0; 
    }

    .footer-links li:nth-child(5):before {
        content:'';
        padding-right:0px;
    }

    .footer-list h2 {
        line-height:inherit;
        margin-bottom:6px;
    }

    .footer-container,
    .footer-index-links>ul>li:not(:last-child)   {
        border-bottom:solid 1px #302c2d;
        padding-bottom:20px;
        padding-right:0 !important;
    }

    .footer-index-links {
        margin-bottom:20px;
    }
    
    .footer-index-links > ul > li {
        background: none;
    }
    
    .footer-index-links>ul>li:not(:last-child)  {
        margin-bottom:20px;
    }

    .footer-index-links>ul>li>ul {
        display:none;
    }

    .footer-index-links>ul>li.active>ul {
        display:block;
    }

    .footer-index-links>ul>li>ul>li {
        margin-top:6px;
        background: none;
        padding: 0;
    }

    .footer-download.footer-list:last-child {
        padding-bottom:0px;
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    /* TABLET 'PORTRAIT' ONLY */
    .footer-index-links > ul > li:nth-child(4) {
        clear: left;
    }
}

@media screen and (min-width: 768px) {
    /* TABLET 'PORTRAIT' + */
    .footer-list h2, .footer-list li, .footer-links li {
        line-height:38px; 
        vertical-align:middle;
    }

    .footer-index-links {
        margin-top:15px;
    }

    .footer-index-links>ul>li {
        margin-bottom:15px;
        background: none;
    }

    .footer-index-links>ul>li>ul>li {
        margin-top:10px;
        background:none;
        padding:0;
    }

    .footer-container .footer-list.footer-download:first-child {
        margin-top:-10px;
    }

    #footer .footer-list .col-md-2 h2 {
        padding-top: 12px; line-height:inherit;
    }
}

@media screen and (min-width: 992px) {
    .footer-follow.footer-list .row {
        float:right;
    }

    .footer-follow.footer-list .col-md-4, .footer-follow.footer-list .col-md-8 {
        width:auto;
        padding-left:0;
    }
}


#footer h1, #footer h2 {
    color:#fff;
}

.footer-links a {
    color:#aaa;
}

.footer-index-links>ul>li>a {
    color:#fff;
}

.footer-index-links ul ul li a {
    color:#aaa;
}

.footer-index-links ul>li.active-page>a, 
.footer-index-links ul>li.active-page>ul>li.active>a {
    color:#ffcc00;
}

@media screen and (max-width: 767px) {
    .footer-index-links>ul>li>a:after {
        position:relative;
    }

    .footer-index-links>ul>li>a:after {
        content: ' ';
        display: block;
        position: absolute;
        width:12px;
        height:7px;
        background: url(../images/sprite-icons.png) no-repeat -87px -60px;
        right:15px;
        top:6px;
    }

    .footer-index-links>ul>li.active>a:after {
        background: url(../images/sprite-icons.png) no-repeat -87px -67px;
    }
}

.faq-search-cta .cta-rounded:link
{
	margin-top: 0px !important; 
}

.faq-search-cta .call-to-action-class {
	margin-top: 0px !important;
}

.top-result {
    padding: 26px 0;
}

.top-result .text-right {
    margin-bottom: -20px;
}

.top-result .text-right h3 {
    display: inline-block;
    vertical-align: super;
    margin-bottom: 0;
}

.top-result .feedback {
    clear: both;
    max-height: 0px;
    margin-top: 20px;
    overflow: hidden;
    -webkit-transition: max-height 0.8s;
	-moz-transition: max-height 0.8s;
	transition: max-height 0.8s;
}

.top-result .feedback.show {
    max-height: 180px;
}

.top-result .feedback input[type="text"] {
    width: 100%;
    height: 42px;
    border: 1px solid #a5a5a5;
}

.top-result .feedback .css-table {
    margin-bottom: 9px;
}

.top-result .feedback .col {
    width: auto;
    padding: 0;
    vertical-align: top;
}

.top-result .col.submit {
    width: 180px;
    text-align: right;
}

.top-result .col.submit button {
    width: 156px;
    margin: 0 0 0 10px;
    cursor: pointer;
}

.top-result ol li
{
	list-style-type:decimal;	
	margin-left: 20px;
}

.top-result ul li
{
	background: url(../images/li-bg.png) no-repeat 0 7px;	
}

.rb-replace + label {
    background: url(../images/sprite-icons.png) no-repeat -111px 0;
    width: 50px;
    height: 40px;
    margin: 20px 0 0 30px;
    cursor: pointer;
}

.rb-replace {
    display: none;
}

.rb-replace.answer-no + label {
    background-position: -111px -80px;
}

.rb-replace:checked + label {
    background-position: -111px -40px;
}

.rb-replace.answer-no:checked + label {
    background-position: -111px -120px;
}

.feedback input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000;
}
.feedback input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000;
}
.feedback input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000;
}
.feedback input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000;
}

.top-result {
    background: #ececec;
}

.content-module {
    padding: 40px 0 0 0;
    width: 100%;
}

.content-module.active {
    z-index: 4;
}

.content-module article, .content-module .panel-group, .content-module .css-table, .content-module section {
    margin:0 0 32px;
}

.content-module.dividers article {
    border-left: 1px solid #dadada;
}

.content-module.half-padding {
    padding: 19px 0;
}

.content-module h1 {
    margin: 0 0 30px; 
    padding:0;
}

.content-module h2 {
    padding:0;
}

.content-module img {
    max-width: 100%;
}

.content-module .txt-img img {
    display: block;
    height: auto;
}

.content-module .txt-img {
    padding-left: 19px;
    position: relative;
}
   
.content-module .txt-img img:first-child {
    position: absolute;
    left: 0;
    top: 3px;
}

.content-module .row-fluid {
    margin-top: 3px;
}

.content-module .col {
    padding: 0 40px 0 20px;
}

.content-module .row:last-child>*[class^="col-"]:last-child>*:last-child {
    margin-bottom:0;
}

.col-center {
    text-align:center;
}

.col-center > * {
    text-align:left;
    margin-left: auto;
    margin-right:auto;
    display:block;
}

.cta-strip {
}

.content-module.extra-padding {
    padding: 80px 0 33px;
}

.content-module.cta-strip.black-bg h2 {
    margin-bottom: 12px;
    color: #fff;
}

.content-module.cta-strip.black-bg p {
    margin-bottom: 22px;
    color: #fff;
}

.content-module.black-bg.cta-strip article:first-child p {
    text-align:right;
    color:#fff;
    line-height:44px;
    vertical-align:middle;
}

.cta-strip .cta-rounded {
    margin-top:0;
}

.content-module .label {
    color:#000; 
    font-weight:normal; 
    position:absolute; 
    top:-25px;
}

.content-module .label strong {
    font-weight:bold;
}

.content-module[style*='url'] article > *:first-child {
    position:relative;
    margin-top:20px; 
}

.column-header
{
	margin-left:15px;
}

/* NOTE: Add media specific common styles here */
@media (max-width: 767px) {

    .content-module.extra-padding {
        padding-top: 50px;
    }
    
    .content-module .container > .css-table {
        margin: 0 -35px;
        display: block;
        width: inherit;
    }

    .content-module .container > .css-table .col {
        width: 100%;
        display: block;
        border-left: none;
        border-bottom: 1px solid #e5e5e5;
        padding: 7px 35px 35px;
    }

    .content-module .css-table .col:first-child {
        padding-top: 3px;
    }

    .content-module .css-table .col:last-child {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    /* when elements are stacked, make sure there is bottom padding */
    .content-module .row {
        padding-bottom:0px;
    }

    .content-module {
        background-image:none !important;
    }

    .content-module .label {
        position:inherit; top:inherit;
    }

    .content-module.black-bg.cta-strip article:first-child p {
        text-align:left;
        margin-bottom: 15px;
    }

    .content-module.cta-strip article:first-child {
        margin-bottom:10px;
    }

    .content-module article {
        clear:both;
    }
}

@media (max-width: 991px) {
}

@media (min-width: 992px) {
}


.content-module h1,
.content-module h2 {
    color: #231f20;
}

.content-module.black-bg h1,
.content-module.black-bg h2,
.content-module.black-bg h3,
.content-module.dark-grey-bg h1,
.content-module.dark-grey-bg h2,
.content-module.dark-grey-bg h3,
.content-module.black-bg h1 a,
.content-module.black-bg h2 a,
.content-module.black-bg h3 a,
.content-module.dark-grey-bg h1 a,
.content-module.dark-grey-bg h2 a,
.content-module.dark-grey-bg h3 a
{
    color: #ffcc00;
}

.content-module.black-bg p {
    color: #aaa;
}

.content-module.black-bg .cta-strip p {
    color:#fff;
}

.highlights .label {
    color:#000;
}

.content-module.black-bg.highlights p, .content-module.black-bg.highlights h2 {
    color:#fff;
}


.content-image {
    padding-top: 12px;
    margin-bottom: 20px;
    vertical-align: middle;
}

.content-image.image-right img {
    float: right;
}

.content-image .pull-left {
    margin: 0 15px 15px 0;
}

.content-image .pull-right {
    margin: 0 0 15px 15px;
}

.content-image .pull-left + .content {
    margin-left: 81px;
}

.content-image .pull-right + .content {
    margin-right: 81px;
}


.content ol li
{
	list-style-type:decimal;	
	margin-left: 20px;
}

.content ul li
{
	background: url(../images/li-bg.png) no-repeat 0 7px;	
}

@media (max-width: 767px)
{
    .content-image {
        height: auto;
        line-height: normal;
        margin-bottom: 17px;
    }
}




.contact-us .form-row {
    margin:0 0 15px 0;
}

.contact-us input:not([type='file']),
.contact-us select,
.contact-us textarea {
    border:solid 1px #ccc;
    border-radius:5px;
    outline:none;
}

.contact-us input[type='file'] {
    opacity:0;
    -moz-opacity: 0;
    -ms-filter: "alpha(opacity=0)";

}

.contact-us .form-row label:not(.fake-input) {
     margin-top:10px;
}

.contact-us .form-row label.fake-input {
    font-weight:normal;
    display:inline-block;
    margin-top:0;
    font-size:12px;
    cursor:pointer;
    background:#c7c8ca !important;
    color:#000 !important;
    border-color:#c7c8ca !important;
    padding-right:18px;
    padding-left:18px;
    text-align:center;
}

.contact-us .form-row label.fake-input:after {
    background:none !important;
}

.contact-us .form-row label.fake-input:hover {
    background:#000 !important;
    color:#c7c8ca !important;
    border-color:#c7c8ca !important;
}

.attach-container {
    width: 80%;
}

.attach-container label.fake-input {
    float:left;
    width:60%; 
}

.contact-us .attach-container .form-label {
    float:right;
    width:40%;
    padding-top:0;
    margin:-50px 0 0 0;
    padding-left:10px;
}


.contact-us .btns .contact-us-cta,
.contact-us .btns .cta-rounded {
    margin-top:0;
    line-height: 40px;
}
.contact-us .btns .cta-rounded
{
	float: right;
}

.contact-us input,
.contact-us select,
.contact-us textarea {
    margin-bottom:6px;
    height:44px;
}

.contact-us textarea {
    height:100px;
}

.contact-us input:not([type='file']),
.contact-us select,
.contact-us textarea,
.contact-us .submitted .invalidFile {
    -webkit-border-radius:5px;
}

.contact-us .submitted input.ng-invalid,
.contact-us .submitted select.ng-invalid,
.contact-us .submitted textarea.ng-invalid  {
    color:#cb0000;
}

.contact-us .invalidFile {
    color:#cb0000;
}

.contact-us .form-row:last-child {
    position:relative;
}

.contact-us .form-row input,
.contact-us .form-row select,
.contact-us .form-row textarea,
.contact-us .err.err-msg,
.contact-us .btns
{
    width:100%;
}


.contact-us .form-row input,
.contact-us .form-row select,
.contact-us .form-row textarea {
    float:left;
    margin-right:6px;
}

.contact-us .err    {
    float:left;
    position:relative;
    padding:3px 15px;
    min-width:25px;
    border-radius:5px;
    -webkit-border-radius:5px;
    z-index:2;
    min-height:44px;
}

.contact-us .err.err-msg    {
    padding:14px 12px 12px 25px;
    font-size:11px;
}

.contact-us .err:before {
    display:block;
    width:6px;
    height:18px;
    content:' ';
    position:absolute;
    left:12px;
    top:13px;
    background:url(../images/sprite-icons.png) no-repeat 0 -85px;
}

.contact-us .err.err-msg.err-summary {
    position:relative;
    left:0;
    width:100%;
    padding-left:39px;
}

.contact-us .err.err-msg.err-summary:before {
    background:url(../images/sprite-icons.png) no-repeat -6px -85px;
    width:20px;
}

.contact-us .lbl-required {
    position:relative;
    float:left;
}

.contact-us .lbl-required:before {
    content: '* ';
    position:absolute;
    margin-right:0px;
	margin-left:-10px;
	margin-top:0px;
	margin-bottom:0px;
    float:right;

}

.contact-us button.contact-us-cta
.contact-us button.cta-rounded {
    font-size:14px;
}


a.btn-blue.cta-rounded, 
a.btn-blue.contact-us-cta,
a.btn-blue.cta-rounded:hover, 
button.btn-blue.cta-rounded, 
button.btn-blue.contact-us-cta,
button.btn-blue.cta-rounded:hover {
    background:none;
    border:0;
    padding-left:0;
    padding-right:0px;
}

button.btn-blue.cta-rounded:after, 
button.btn-blue.contact-us-cta:after,
a.btn-blue.cta-rounded:after,
a.btn-blue.contact-us-cta:after,
{
    background:none;
}

.contact-us .form-label {
    clear:both;
    font-size:11px;
    padding-top:6px;
}

.contact-us .text-right.lbl-required {
    font-size: 12px;
    width: auto !important;
    float: right;
}

.contact-us .btns #btn-cancel {
    float:left;
    font-weight:bold;
}

.contact-us .btns #btn-submit {
    float:right;
}

.contact-finish p, .contact-finish h3 {
    margin-bottom:20px;
}

.message-sent {
}

.message-sent:before {
    content:' ';
    display:inline-block;
    background: url(../images/sprite-icons.png) no-repeat -111px -39px;
    width: 50px;
    height: 40px;
    margin-right:15px;
    float: left;
}

.message-sent-text
{
	clear:both;
}

.message-failed:before {
	content:' ';
    display:inline-block;
   	background: url(../images/sprite-icons.png) no-repeat -111px -120px;;
	width: 50px;
	height: 40px;
	margin-right:15px;
    float: left;
}

.message-failed-text
{
	clear:both;
}

ul.file-list {
    list-style:none;
    margin:0;
    padding:10px 0 0 0;
}

.file-list li {
    padding:0 0 10px 0;
    background:none;
    height:30px;
    clear:both;
}

.file-list span, .file-list a {
    display:block;
    width:40%;
    float:left;
    font-size:12px;
}

.file-list a {
    text-align:center;
    font-weight:bold;
}

@media screen and (max-width: 991px) {
    .contact-us .col-xs-12 {
        padding-left:0;
        margin-left:0;
        padding-right:0;
    }
 
 	.contact-us .lbl-required {
    	margin-right: 0px;
	}
	
    .contact-us .form-row input,
    .contact-us .form-row select,
    .contact-us .form-row textarea,
    .contact-us .err.err-msg,
    .contact-us .btns,
    .contact-us .err.err-msg.err-summary,
    .contact-us .text-right.lbl-required,
    .contact-us .btns,
    .attach-container {
        width:100%;
    }
}

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

    .attach-container label.fake-input {
        width:40%; 
    }

    .contact-us .attach-container .form-label {
        width:60%;
    }
}

@media screen and (min-width: 992px) {
    .contact-us .form-row label:not(.fake-input) {
        text-align:left;
    }
    
    .contact-us .form-row 
    {
		margin: 0 -15px 15px 0;
    }

    .contact-us .lbl-required {
    	position:relative;
    	float:left;
	}

    .contact-us .err {
        position:absolute; 
        height:44px;
    }

    .contact-us .err.err-msg {
        width:auto;
        padding-right:6px;
        cursor:pointer;
    }

    .contact-us .err.err-msg:hover {
        width:300px;
        padding:14px 12px 12px 25px;
    }

    .contact-us .err.err-msg.err-summary:hover {
        width:100%;
        cursor:auto;
        padding-left:39px
    }

    .contact-us .err.err-msg span {
        display:none;
    }

    .contact-us .err.err-msg:hover span {
        display:block;
    }
}


.contact-us .submitted input.ng-invalid,
.contact-us .submitted select.ng-invalid,
.contact-us .submitted textarea.ng-invalid  {
    color:#cb0000;
    border-color:#cb0000
}

.contact-us .submitted .invalidFile {
    color:#cb0000;
}

.contact-us .err {
    background:#cb0000;
    color:#fff;
}

.contact-us .success {
    background:green;
    color:#fff;
}

.contact-us .lbl-required:before {
    color:#cb0000;
}
button#btn-cancel.contact-us-cta,
button#btn-cancel.contact-us-cta:hover {
    color:#2675aa;
}

.carousel-indicators li,
.carousel-indicators .active {
    -webkit-border-radius: 15px;
    border-radius: 15px;
    width: 15px;
    height: 15px;
    border: none;
    margin: 0 5px;
    background: none;
    padding: 0;
}

/* content */
.content-module .carousel-indicators {
    bottom: -20px;
    z-index: 2;
}

/* hero */
.hero-banner {
    position:relative;
}

.hero-banner .carousel .container {
    position:relative;
    min-height:222px;
}

.hero-banner .carousel .item {
  opacity: 0;
  -webkit-transition: opacity 2s ease;
  -moz-transition: opacity 2s ease;
  -ms-transition: opacity 2s ease;
  -o-transition: opacity 2s ease;
  transition: opacity 2s ease;
  left: 0 !important;
}

.hero-banner .carousel .item.active {
  opacity: 1;
}

.hero-banner .carousel .item.active.left {
  opacity: 0;
  -webkit-transition: opacity 2s ease;
  -moz-transition: opacity 2s ease;
  -ms-transition: opacity 2s ease;
  -o-transition: opacity 2s ease;
  transition: opacity 2s ease;
  left: 0 !important;
}

.hero-banner .item img {
    display:none; 
    /* NB: 'Mobile-first' (don't display image; this is overridden in media queries below for images to display for larger viewports...) */
}

.hero-banner .carousel-text {
    width:100%;
    height:100%;
    top:0;
    z-index:2;
    width:100%;
    padding:60px 30px 20px 0;
}

.hero-banner .carousel-text h1 {
    margin: 0 0 13px -3px;
}

.hero-banner .carousel-controls {
    position:absolute;
    bottom:0;
    left:50%;
    z-index:3;
    width:100px;
    border-style: solid;
    border-width:1px;
    height: 25px;
    border-radius: 10px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
}

.hero-banner .carousel-controls[data-list-length="1"] {
    width:60px;
	margin-left:-30px;
}

.hero-banner .carousel-controls[data-list-length="2"] {
    width:80px;
	margin-left:-40px;
}

.hero-banner .carousel-controls[data-list-length="3"] {
    width:100px;
	margin-left:-50px;
}

.hero-banner .carousel-controls[data-list-length="4"] {
    width:120px;
	margin-left:-60px;
}

.hero-banner .carousel-controls[data-list-length="5"] {
    width:140px;
	margin-left:-70px;
}

.hero-banner .carousel-button {
    display:block; 
    width:10px; 
    height:10px; 
    background-image:url(../images/sprite-icons.png);
    background-repeat:no-repeat;
    float:left;
    position:inherit;
    bottom:5px;
    left:15px;
    background-position: -87px -12px;
}

.hero-banner .carousel-button.paused {
    background-position: -97px -12px;
}

.hero-banner .carousel-inner {
    min-height:222px;
}

.hero-banner .carousel-controls .carousel-indicators {
    bottom:0;
    float:left;
    position:inherit;
    width:auto;
    margin:0;
    left:15px;
    margin-left:15px;
    bottom:5px;
}

.hero-banner .carousel-controls .carousel-indicators li {
    width:10px;
    height:10px;
    border-right:10px;
    float:left;
}

@media screen and (max-width: 767px) {
    .hero-banner .carousel-text {
        padding-right:60px;
    }

    .hero-banner a.cta-rounded {
        margin-bottom:10px;
    }
}

@media screen and (max-width:978px) {
    .hero-banner .carousel-text h1.small-heading, 
    .hero-banner .carousel-text [class*="header-h1"] 
    {
        font-size:48px;
    }

    .hero-banner .carousel-text h3.small-heading, 
    .hero-banner .carousel-text [class*="header-h3"] 
    { 
		font-size:16px;
    }
}

@media screen and (max-width:599px) 
{
	.hero-banner .carousel-text {
		padding-top: 20px
    }
}

@media screen and (min-width: 768px) {
    .hero-banner .carousel-text {
        padding:60px 20px 60px 0;
        width:50%;
        position:absolute;
    }

    .hero-banner .item img {
        display:block; margin-left:-210px;
    }
}

@media screen and (min-width: 978px) {
    .hero-banner .item img {
        margin-left:0;
    }
}

.carousel-indicators li,
.carousel-indicators .active {
    background-color: #797979;
}

.carousel-indicators .active {
    background-color: #ffcc00;
}

.hero-banner.black-bg .carousel-text {
    color:#fff;
}

.hero-banner .carousel-text h1 {
    color:#000;
}

.hero-banner.black-bg .carousel-text h1 {
    color:#ffcc00;
}

.hero-banner .carousel-controls {
    border-color:grey;
    background:#000;
}

.call-to-action-class div p,
.call-to-action-class div
{
	display:inline-block;
}
.call-to-action-class div p
{
	margin-left: 15px;
	margin-right: 15px;
	text-align: left;
}
.call-to-action-class.align-left
{
	text-align:left;
}
.call-to-action-class.align-right
{ 
	text-align:right;
}
.call-to-action-class.align-center
{
	text-align:center;
}
.call-to-action-class
{
	overflow:hidden;
	margin-top: 20px;
}

@CHARSET "ISO-8859-1";
.brightcove-containing-block {
	width: 100%;
}

.brightcove-outer-container {
	position: relative;
	padding-bottom: 56.25%;
}

.BrightcoveExperience {
	position: absolute !important;
	top: 0;
	left: 0;
    width: 100% !important;
    height: 100% !important;
}

.lt-ie9 .brightcovevideo span {
	display: block !important;
}

.announcement {
    padding: 25px 0;
}

.announcement .container {
    position: relative;
}

.announcement p {
    margin: 0 20px 0 0;
}

.announcement .icon {
    max-width: 40px;
    max-height: 34px;
    position: absolute;
    top: 50%;
    margin-top: -17px;
}

.announcement .icon +span {
    display:block;
    margin-left:56px;
}

.announcement .heading {
    margin-right: 15px;
}

.announcement .btn-close {
    width: 12px;
    height: 12px;
    display: block;
    background: url(../images/sprite-icons.png) no-repeat -70px -44px;
    position: absolute;
    top: 4px;
    right: 15px;
    display: none;
}

.announcement.closeable .btn-close {
    display: block;
}

@media screen and (max-width: 768px) {
    .announcement .heading {
        display: block;
    }

    .announcement .icon {
        position: initial;
        margin-top: 0;
    }
}


.announcement {
    background: #660000;
}

.announcement.priority-2 {
    background: #213753;
}

.announcement.priority-3 {
    background: #0c3809;
}

.announcement p {
    color: #fff;
}

.announcement .heading {
    font-weight: bold;
}

.announcement a {
    color: #ffc20e;
    font-weight: bold;
}



/* */
.panel-group {
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    overflow: hidden;
}

.panel-group .panel + .panel {
    margin: 0;
}

.panel-group .panel,
.panel-heading {
    border: none;
    border-radius: 0;
    padding: 0;
}

.panel-default > .panel-heading {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%); /* W3C */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 )"; /* IE6-9 */
}

.panel-default > .panel-heading:last-child {
    border: none;
}

.panel-title > a {
    display: block;
    padding: 14px 50px 14px 14px;
    text-decoration: none;
}

.panel-title {
    position: relative;
}

.panel-title > a:after {
    content: ' ';
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 21px;
    background: url(../images/sprite-icons.png) no-repeat 0 -45px;
}

.panel-title > a.collapsed:after {
    background-position: 0 -24px;
}


.panel-title > a:hover,
.panel-title > a:active {
    text-decoration: none;
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border: none;
    border-bottom: 1px solid #e5e5e5;
}

/* */
.panel-title > a {
    color: #2675aa;
}

.panel-title > a.collapsed {
    border-bottom: 1px solid #e5e5e5;
}

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

/* Use the following CSS code if you want to use data attributes for inserting your icons */

[data-icon]:before {
    font-family: 'commsecfonticons';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="your-class-prefix"] {
*/
.icon-youtube, .icon-youthstudent, .icon-workplace, .icon-workingcapital, .icon-warning, .icon-video-play, .icon-twitter, .icon-travelloan, .icon-travellerscheques, .icon-travel-insurance, .icon-travelcard, .icon-transfer, .icon-tradexchange, .icon-toolshomeloans, .icon-tick, .icon-thumbs-up, .icon-thumbs-down, .icon-thridpartydamagedft, .icon-thridpartydamage, .icon-termlifeprotection, .icon-termdeposit, .icon-templatesforms, .icon-telcomedia, .icon-teenagers, .icon-technologyfinance, .icon-technology, .icon-targetdeposit, .icon-tablet, .icon-switchaccounts, .icon-sustainability, .icon-supportdownloads, .icon-support-community, .icon-supersavingaccount, .icon-suitcase, .icon-stuff-i-like, .icon-studentbudget, .icon-structuredincome, .icon-startingbusiness, .icon-startfamily, .icon-speech-questionmark, .icon-social, .icon-shopping-bag, .icon-sharetrade, .icon-shareholders, .icon-selfmanagedsuper, .icon-securedcarloan, .icon-schools, .icon-savingterm, .icon-savingsacc, .icon-retirement, .icon-retail, .icon-renobuilding, .icon-reload, .icon-realestate, .icon-rates, .icon-question-mark, .icon-protectincome, .icon-propertyapp, .icon-professionalservice, .icon-productinvestment, .icon-productinternational, .icon-printer, .icon-premiumcheque, .icon-premierbanking, .icon-portfolio, .icon-play, .icon-plane, .icon-phone-handset, .icon-phone, .icon-personal-youth-and-students, .icon-personal-travel, .icon-personal-superannuation, .icon-personal-premier-banking, .icon-personal-personal-loans, .icon-personaloverdraft, .icon-personal-online-banking, .icon-personalloans, .icon-personalisedgoalandsaving, .icon-personal-investments, .icon-personal-international, .icon-personal-insurance, .icon-personal-home-loans, .icon-personal-financial-planning, .icon-personal-credit-cards, .icon-personal-bank-accounts, .icon-person, .icon-permanentdisability, .icon-people-talking, .icon-people, .icon-pen-paper, .icon-pdf, .icon-pause, .icon-padlock-rounded, .icon-overheads, .icon-overdraft, .icon-ourcompany, .icon-onlinesaver, .icon-notforprofit, .icon-netbanktablet, .icon-netbankchrome, .icon-netbankapp, .icon-netbank, .icon-naturalresources, .icon-mywealth, .icon-monthlysavings, .icon-mobiletoolkit, .icon-mobile-menu, .icon-mobile-login, .icon-mobile, .icon-menu, .icon-mediumterm, .icon-medicalequipment, .icon-mediaresources, .icon-mediarelease, .icon-married, .icon-marginloan, .icon-managing, .icon-managedebt, .icon-mail, .icon-magnifying-glass, .icon-lowfee, .icon-longterm, .icon-logon, .icon-logistics, .icon-login, .icon-location, .icon-locate, .icon-loanprotection, .icon-livingspace, .icon-linkedin, .icon-link, .icon-lineofcredit, .icon-line-chart, .icon-lifetrama, .icon-lifeinsurance, .icon-lifeaccidentprotection, .icon-leavingbusiness, .icon-latestoffers, .icon-keyfactsheet, .icon-katchingapp, .icon-investproperty, .icon-investmentglobe, .icon-investinginproperty, .icon-intmoneytransfers, .icon-institutions, .icon-insights, .icon-injurycashproduction, .icon-infrastructure, .icon-information-i, .icon-inbox, .icon-howmuchborrow, .icon-house-rounded, .icon-house, .icon-homeresidential, .icon-homeloans, .icon-homeinvestment, .icon-holiday, .icon-hlwealthpackage, .icon-hlveridianline, .icon-hlrefinancehome, .icon-hlprotectyourassets, .icon-hlnofeerv, .icon-hllowfeeaccounts, .icon-hllowdocumentationloans, .icon-hllowdepositpremium, .icon-hllmi, .icon-hlinterestoffset, .icon-hlguarantorsupport, .icon-hlfixedrate, .icon-hlexistingcustomer, .icon-hldepositguarantee, .icon-hlcreditcardnofee, .icon-hlbridgingfinance, .icon-hlbasevariablerate, .icon-healthcare, .icon-growthbond, .icon-graduaterecruitment, .icon-government, .icon-google-plus, .icon-googleplus, .icon-glossary, .icon-globe, .icon-globaloffices, .icon-globalmarkets, .icon-garantees, .icon-funds, .icon-franchising, .icon-foreignexchangechrome, .icon-foreignexchangecalculator, .icon-foreignexchange, .icon-foreigncurrency, .icon-foreigncash, .icon-foodbeverage, .icon-fixedincome, .icon-financingoptions, .icon-financialloan, .icon-financialgoals, .icon-facebook, .icon-essentials, .icon-equities, .icon-equipmentfinance, .icon-equipment, .icon-employersuperannuation, .icon-employersuper, .icon-eftpos, .icon-edit, .icon-economics, .icon-downloads, .icon-dollar-sign, .icon-document, .icon-diytermdeposit, .icon-diycashinvestment, .icon-debtinvestors, .icon-cross, .icon-creditcard, .icon-couple, .icon-corporateprofile, .icon-contentinsurance, .icon-contact-us, .icon-comprehenssivelife, .icon-comprehensivelife, .icon-comprehensivecar, .icon-comparrisoncalculator, .icon-community, .icon-commsecapp, .icon-commodities, .icon-commitment, .icon-commbizmarkets, .icon-commbiz, .icon-commbankkaching, .icon-commbankapp, .icon-clock, .icon-chequesanddrafts, .icon-checklist, .icon-case-studies, .icon-carfinance, .icon-career, .icon-careeerwithus, .icon-card-zero-interest, .icon-card-intersest-rate, .icon-card-corporate-charge, .icon-card-corporate, .icon-car, .icon-capitalraising, .icon-buyinghome, .icon-buyingbusiness, .icon-businessoverheads, .icon-businessloans, .icon-businessaccounts, .icon-buildinginsurance, .icon-budgetplanner, .icon-billfacility, .icon-betterbusiness, .icon-bar-graph-rounded, .icon-bankaccounts, .icon-badge, .icon-awards-card, .icon-australia, .icon-arrow-right-yellow, .icon-arrow-right-white, .icon-arrow-right-slate-tint-2, .icon-arrow-right-grey-lightest, .icon-arrow-right-grey-dark, .icon-arrow-right, .icon-arrow-left, .icon-arrow-down, .icon-arrow, .icon-agribusiness, .icon-advice, .icon-additionalcost, .icon-acceptonline, .icon-acceptbill, .icon-aboutus, .icon-3-people {
    font-family: 'commsecfonticons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}
.icon-youtube:before {
    content: "\e000";
}
.icon-youthstudent:before {
    content: "\e001";
}
.icon-workplace:before {
    content: "\e002";
}
.icon-workingcapital:before {
    content: "\e003";
}
.icon-video-play:before {
    content: "\e005";
}
.icon-twitter:before {
    content: "\e006";
}
.icon-travelloan:before {
    content: "\e007";
}
.icon-travellerscheques:before {
    content: "\e008";
}
.icon-travel-insurance:before {
    content: "\e009";
}
.icon-travelcard:before {
    content: "\e00a";
}
.icon-transfer:before {
    content: "\e00b";
}
.icon-tradexchange:before {
    content: "\e00c";
}
.icon-toolshomeloans:before {
    content: "\e00d";
}
.icon-tick:before {
    content: "\e00e";
}
.icon-thumbs-up:before {
    content: "\e00f";
}
.icon-thumbs-down:before {
    content: "\e010";
}
.icon-thridpartydamagedft:before {
    content: "\e011";
}
.icon-thridpartydamage:before {
    content: "\e012";
}
.icon-termlifeprotection:before {
    content: "\e013";
}
.icon-termdeposit:before {
    content: "\e014";
}
.icon-templatesforms:before {
    content: "\e015";
}
.icon-telcomedia:before {
    content: "\e016";
}
.icon-teenagers:before {
    content: "\e017";
}
.icon-technologyfinance:before {
    content: "\e018";
}
.icon-technology:before {
    content: "\e019";
}
.icon-targetdeposit:before {
    content: "\e01a";
}
.icon-tablet:before {
    content: "\e01b";
}
.icon-switchaccounts:before {
    content: "\e01c";
}
.icon-sustainability:before {
    content: "\e01d";
}
.icon-supportdownloads:before {
    content: "\e01e";
}
.icon-support-community:before {
    content: "\e01f";
}
.icon-supersavingaccount:before {
    content: "\e020";
}
.icon-suitcase:before {
    content: "\e021";
}
.icon-stuff-i-like:before {
    content: "\e022";
}
.icon-studentbudget:before {
    content: "\e023";
}
.icon-structuredincome:before {
    content: "\e024";
}
.icon-startingbusiness:before {
    content: "\e025";
}
.icon-startfamily:before {
    content: "\e026";
}
.icon-speech-questionmark:before {
    content: "\e027";
}
.icon-social:before {
    content: "\e028";
}
.icon-shopping-bag:before {
    content: "\e029";
}
.icon-sharetrade:before {
    content: "\e02a";
}
.icon-shareholders:before {
    content: "\e02b";
}
.icon-selfmanagedsuper:before {
    content: "\e02c";
}
.icon-securedcarloan:before {
    content: "\e02d";
}
.icon-schools:before {
    content: "\e02e";
}
.icon-savingterm:before {
    content: "\e02f";
}
.icon-savingsacc:before {
    content: "\e030";
}
.icon-retirement:before {
    content: "\e031";
}
.icon-retail:before {
    content: "\e032";
}
.icon-renobuilding:before {
    content: "\e033";
}
.icon-reload:before {
    content: "\e034";
}
.icon-realestate:before {
    content: "\e035";
}
.icon-rates:before {
    content: "\e036";
}
.icon-question-mark:before {
    content: "\e037";
}
.icon-protectincome:before {
    content: "\e038";
}
.icon-propertyapp:before {
    content: "\e039";
}
.icon-professionalservice:before {
    content: "\e03a";
}
.icon-productinvestment:before {
    content: "\e03b";
}
.icon-productinternational:before {
    content: "\e03c";
}
.icon-printer:before {
    content: "\e03d";
}
.icon-premiumcheque:before {
    content: "\e03e";
}
.icon-premierbanking:before {
    content: "\e03f";
}
.icon-portfolio:before {
    content: "\e040";
}
.icon-play:before {
    content: "\e041";
}
.icon-plane:before {
    content: "\e042";
}
.icon-phone-handset:before {
    content: "\e043";
}
.icon-phone:before {
    content: "\e044";
}
.icon-personal-youth-and-students:before {
    content: "\e045";
}
.icon-personal-travel:before {
    content: "\e046";
}
.icon-personal-superannuation:before {
    content: "\e047";
}
.icon-personal-premier-banking:before {
    content: "\e048";
}
.icon-personal-personal-loans:before {
    content: "\e049";
}
.icon-personaloverdraft:before {
    content: "\e04a";
}
.icon-personal-online-banking:before {
    content: "\e04b";
}
.icon-personalloans:before {
    content: "\e04c";
}
.icon-personalisedgoalandsaving:before {
    content: "\e04d";
}
.icon-personal-investments:before {
    content: "\e04e";
}
.icon-personal-international:before {
    content: "\e04f";
}
.icon-personal-insurance:before {
    content: "\e050";
}
.icon-personal-home-loans:before {
    content: "\e051";
}
.icon-personal-financial-planning:before {
    content: "\e052";
}
.icon-personal-credit-cards:before {
    content: "\e053";
}
.icon-personal-bank-accounts:before {
    content: "\e054";
}
.icon-person:before {
    content: "\e055";
}
.icon-permanentdisability:before {
    content: "\e056";
}
.icon-people-talking:before {
    content: "\e057";
}
.icon-people:before {
    content: "\e058";
}
.icon-pen-paper:before {
    content: "\e059";
}
.icon-pdf:before {
    content: "\e05a";
}
.icon-pause:before {
    content: "\e05b";
}
.icon-padlock-rounded:before {
    content: "\e05c";
}
.icon-overheads:before {
    content: "\e05d";
}
.icon-overdraft:before {
    content: "\e05e";
}
.icon-ourcompany:before {
    content: "\e05f";
}
.icon-onlinesaver:before {
    content: "\e060";
}
.icon-notforprofit:before {
    content: "\e061";
}
.icon-netbanktablet:before {
    content: "\e062";
}
.icon-netbankchrome:before {
    content: "\e063";
}
.icon-netbankapp:before {
    content: "\e064";
}
.icon-netbank:before {
    content: "\e065";
}
.icon-naturalresources:before {
    content: "\e066";
}
.icon-mywealth:before {
    content: "\e067";
}
.icon-monthlysavings:before {
    content: "\e068";
}
.icon-mobiletoolkit:before {
    content: "\e069";
}
.icon-mobile-menu:before {
    content: "\e06a";
}
.icon-mobile-login:before {
    content: "\e06b";
}
.icon-mobile:before {
    content: "\e06c";
}
.icon-menu:before {
    content: "\e06d";
}
.icon-mediumterm:before {
    content: "\e06e";
}
.icon-medicalequipment:before {
    content: "\e06f";
}
.icon-mediaresources:before {
    content: "\e070";
}
.icon-mediarelease:before {
    content: "\e071";
}
.icon-married:before {
    content: "\e072";
}
.icon-marginloan:before {
    content: "\e073";
}
.icon-managing:before {
    content: "\e074";
}
.icon-managedebt:before {
    content: "\e075";
}
.icon-mail:before {
    content: "\e076";
}
.icon-magnifying-glass:before {
    content: "\e077";
}
.icon-lowfee:before {
    content: "\e078";
}
.icon-longterm:before {
    content: "\e079";
}
.icon-logon:before {
    content: "\e07a";
}
.icon-logistics:before {
    content: "\e07b";
}
.icon-login:before {
    content: "\e07c";
}
.icon-location:before {
    content: "\e07d";
}
.icon-locate:before {
    content: "\e07e";
}
.icon-loanprotection:before {
    content: "\e07f";
}
.icon-livingspace:before {
    content: "\e080";
}
.icon-linkedin:before {
    content: "\e081";
}
.icon-link:before {
    content: "\e082";
}
.icon-lineofcredit:before {
    content: "\e083";
}
.icon-line-chart:before {
    content: "\e084";
}
.icon-lifetrama:before {
    content: "\e085";
}
.icon-lifeinsurance:before {
    content: "\e086";
}
.icon-lifeaccidentprotection:before {
    content: "\e087";
}
.icon-leavingbusiness:before {
    content: "\e088";
}
.icon-latestoffers:before {
    content: "\e089";
}
.icon-keyfactsheet:before {
    content: "\e08a";
}
.icon-katchingapp:before {
    content: "\e08b";
}
.icon-investproperty:before {
    content: "\e08c";
}
.icon-investmentglobe:before {
    content: "\e08d";
}
.icon-investinginproperty:before {
    content: "\e08e";
}
.icon-intmoneytransfers:before {
    content: "\e08f";
}
.icon-institutions:before {
    content: "\e090";
}
.icon-insights:before {
    content: "\e091";
}
.icon-injurycashproduction:before {
    content: "\e092";
}
.icon-infrastructure:before {
    content: "\e093";
}
.icon-information-i:before {
    content: "\e094";
}
.icon-inbox:before {
    content: "\e095";
}
.icon-howmuchborrow:before {
    content: "\e096";
}
.icon-house-rounded:before {
    content: "\e097";
}
.icon-house:before {
    content: "\e098";
}
.icon-homeresidential:before {
    content: "\e099";
}
.icon-homeloans:before {
    content: "\e09a";
}
.icon-homeinvestment:before {
    content: "\e09b";
}
.icon-holiday:before {
    content: "\e09c";
}
.icon-hlwealthpackage:before {
    content: "\e09d";
}
.icon-hlveridianline:before {
    content: "\e09e";
}
.icon-hlrefinancehome:before {
    content: "\e09f";
}
.icon-hlprotectyourassets:before {
    content: "\e0a0";
}
.icon-hlnofeerv:before {
    content: "\e0a1";
}
.icon-hllowfeeaccounts:before {
    content: "\e0a2";
}
.icon-hllowdocumentationloans:before {
    content: "\e0a3";
}
.icon-hllowdepositpremium:before {
    content: "\e0a4";
}
.icon-hllmi:before {
    content: "\e0a5";
}
.icon-hlinterestoffset:before {
    content: "\e0a6";
}
.icon-hlguarantorsupport:before {
    content: "\e0a7";
}
.icon-hlfixedrate:before {
    content: "\e0a8";
}
.icon-hlexistingcustomer:before {
    content: "\e0a9";
}
.icon-hldepositguarantee:before {
    content: "\e0aa";
}
.icon-hlcreditcardnofee:before {
    content: "\e0ab";
}
.icon-hlbridgingfinance:before {
    content: "\e0ac";
}
.icon-hlbasevariablerate:before {
    content: "\e0ad";
}
.icon-healthcare:before {
    content: "\e0ae";
}
.icon-growthbond:before {
    content: "\e0af";
}
.icon-graduaterecruitment:before {
    content: "\e0b0";
}
.icon-government:before {
    content: "\e0b1";
}
.icon-google-plus:before {
    content: "\e0b2";
}
.icon-googleplus:before {
    content: "\e0b3";
}
.icon-glossary:before {
    content: "\e0b4";
}
.icon-globe:before {
    content: "\e0b5";
}
.icon-globaloffices:before {
    content: "\e0b6";
}
.icon-globalmarkets:before {
    content: "\e0b7";
}
.icon-garantees:before {
    content: "\e0b8";
}
.icon-funds:before {
    content: "\e0b9";
}
.icon-franchising:before {
    content: "\e0ba";
}
.icon-foreignexchangechrome:before {
    content: "\e0bb";
}
.icon-foreignexchangecalculator:before {
    content: "\e0bc";
}
.icon-foreignexchange:before {
    content: "\e0bd";
}
.icon-foreigncurrency:before {
    content: "\e0be";
}
.icon-foreigncash:before {
    content: "\e0bf";
}
.icon-foodbeverage:before {
    content: "\e0c0";
}
.icon-fixedincome:before {
    content: "\e0c1";
}
.icon-financingoptions:before {
    content: "\e0c2";
}
.icon-financialloan:before {
    content: "\e0c3";
}
.icon-financialgoals:before {
    content: "\e0c4";
}
.icon-facebook:before {
    content: "\e0c5";
}
.icon-essentials:before {
    content: "\e0c6";
}
.icon-equities:before {
    content: "\e0c7";
}
.icon-equipmentfinance:before {
    content: "\e0c8";
}
.icon-equipment:before {
    content: "\e0c9";
}
.icon-employersuperannuation:before {
    content: "\e0ca";
}
.icon-employersuper:before {
    content: "\e0cb";
}
.icon-eftpos:before {
    content: "\e0cc";
}
.icon-edit:before {
    content: "\e0cd";
}
.icon-economics:before {
    content: "\e0ce";
}
.icon-downloads:before {
    content: "\e0cf";
}
.icon-dollar-sign:before {
    content: "\e0d0";
}
.icon-document:before {
    content: "\e0d1";
}
.icon-diytermdeposit:before {
    content: "\e0d2";
}
.icon-diycashinvestment:before {
    content: "\e0d3";
}
.icon-debtinvestors:before {
    content: "\e0d4";
}
.icon-cross:before {
    content: "\e0d5";
}
.icon-creditcard:before {
    content: "\e0d6";
}
.icon-couple:before {
    content: "\e0d7";
}
.icon-corporateprofile:before {
    content: "\e0d8";
}
.icon-contentinsurance:before {
    content: "\e0d9";
}
.icon-contact-us:before {
    content: "\e0da";
}
.icon-comprehenssivelife:before {
    content: "\e0db";
}
.icon-comprehensivelife:before {
    content: "\e0dc";
}
.icon-comprehensivecar:before {
    content: "\e0dd";
}
.icon-comparrisoncalculator:before {
    content: "\e0de";
}
.icon-community:before {
    content: "\e0df";
}
.icon-commsecapp:before {
    content: "\e0e0";
}
.icon-commodities:before {
    content: "\e0e1";
}
.icon-commitment:before {
    content: "\e0e2";
}
.icon-commbizmarkets:before {
    content: "\e0e3";
}
.icon-commbiz:before {
    content: "\e0e4";
}
.icon-commbankkaching:before {
    content: "\e0e5";
}
.icon-commbankapp:before {
    content: "\e0e6";
}
.icon-clock:before {
    content: "\e0e7";
}
.icon-chequesanddrafts:before {
    content: "\e0e8";
}
.icon-checklist:before {
    content: "\e0e9";
}
.icon-case-studies:before {
    content: "\e0ea";
}
.icon-carfinance:before {
    content: "\e0eb";
}
.icon-career:before {
    content: "\e0ec";
}
.icon-careeerwithus:before {
    content: "\e0ed";
}
.icon-card-zero-interest:before {
    content: "\e0ee";
}
.icon-card-intersest-rate:before {
    content: "\e0ef";
}
.icon-card-corporate-charge:before {
    content: "\e0f0";
}
.icon-card-corporate:before {
    content: "\e0f1";
}
.icon-car:before {
    content: "\e0f2";
}
.icon-capitalraising:before {
    content: "\e0f3";
}
.icon-buyinghome:before {
    content: "\e0f4";
}
.icon-buyingbusiness:before {
    content: "\e0f5";
}
.icon-businessoverheads:before {
    content: "\e0f6";
}
.icon-businessloans:before {
    content: "\e0f7";
}
.icon-businessaccounts:before {
    content: "\e0f8";
}
.icon-buildinginsurance:before {
    content: "\e0f9";
}
.icon-budgetplanner:before {
    content: "\e0fa";
}
.icon-billfacility:before {
    content: "\e0fb";
}
.icon-betterbusiness:before {
    content: "\e0fc";
}
.icon-bar-graph-rounded:before {
    content: "\e0fd";
}
.icon-bankaccounts:before {
    content: "\e0fe";
}
.icon-badge:before {
    content: "\e0ff";
}
.icon-awards-card:before {
    content: "\e100";
}
.icon-australia:before {
    content: "\e101";
}
.icon-arrow-right-yellow:before {
    content: "\e102";
}
.icon-arrow-right-white:before {
    content: "\e103";
}
.icon-arrow-right-slate-tint-2:before {
    content: "\e104";
}
.icon-arrow-right-grey-lightest:before {
    content: "\e105";
}
.icon-arrow-right-grey-dark:before {
    content: "\e106";
}
.icon-arrow-right:before {
    content: "\e107";
}
.icon-arrow-left:before {
    content: "\e108";
}
.icon-arrow-down:before {
    content: "\e109";
}
.icon-arrow:before {
    content: "\e10a";
}
.icon-agribusiness:before {
    content: "\e10b";
}
.icon-advice:before {
    content: "\e10c";
}
.icon-additionalcost:before {
    content: "\e10d";
}
.icon-acceptonline:before {
    content: "\e10e";
}
.icon-acceptbill:before {
    content: "\e10f";
}
.icon-aboutus:before {
    content: "\e110";
}
.icon-3-people:before {
    content: "\e111";
}
/*
.icon-warning:before {
    content: "\e004";
}
 */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10.0px;
	margin-right: 10.0px;
}

.container_16 .grid_1 { width: 40px; }
.container_16 .grid_2 { width: 100px; }
.container_16 .grid_3 { width: 160px; }
.container_16 .grid_4 { width: 220px; }
.container_16 .grid_5 { width: 280px; }
.container_16 .grid_6 { width: 340px; }
.container_16 .grid_7 { width: 400px; }
.container_16 .grid_8 { width: 460px; }
.container_16 .grid_9 { width: 520px; }
.container_16 .grid_10 { width: 580px; }
.container_16 .grid_11 { width: 640px; }
.container_16 .grid_12 { width: 700px; }
.container_16 .grid_13 { width: 760px; }
.container_16 .grid_14 { width: 820px; }
.container_16 .grid_15 { width: 880px; }
.container_16 .grid_16 { width: 940px; }
.container_16 .prefix_1 { padding-left: 60px; }
.container_16 .prefix_2 { padding-left: 120px; }
.container_16 .prefix_3 { padding-left: 180px; }
.container_16 .prefix_4 { padding-left: 240px; }
.container_16 .prefix_5 { padding-left: 300px; }
.container_16 .prefix_6 { padding-left: 360px; }
.container_16 .prefix_7 { padding-left: 420px; }
.container_16 .prefix_8 { padding-left: 480px; }
.container_16 .prefix_9 { padding-left: 540px; }
.container_16 .prefix_10 { padding-left: 600px; }
.container_16 .prefix_11 { padding-left: 660px; }
.container_16 .prefix_12 { padding-left: 720px; }
.container_16 .prefix_13 { padding-left: 780px; }
.container_16 .prefix_14 { padding-left: 840px; }
.container_16 .prefix_15 { padding-left: 900px; }
.container_16 .prefix_16 { padding-left: 960px; }
.container_16 .suffix_1 { padding-right: 60px; }
.container_16 .suffix_2 { padding-right: 120px; }
.container_16 .suffix_3 { padding-right: 180px; }
.container_16 .suffix_4 { padding-right: 240px; }
.container_16 .suffix_5 { padding-right: 300px; }
.container_16 .suffix_6 { padding-right: 360px; }
.container_16 .suffix_7 { padding-right: 420px; }
.container_16 .suffix_8 { padding-right: 480px; }
.container_16 .suffix_9 { padding-right: 540px; }
.container_16 .suffix_10 { padding-right: 600px; }
.container_16 .suffix_11 { padding-right: 660px; }
.container_16 .suffix_12 { padding-right: 720px; }
.container_16 .suffix_13 { padding-right: 780px; }
.container_16 .suffix_14 { padding-right: 840px; }
.container_16 .suffix_15 { padding-right: 900px; }
.container_16 .suffix_16 { padding-right: 960px; }
.container_16 .push_1 { left: 60px; }
.container_16 .push_2 { left: 120px; }
.container_16 .push_3 { left: 180px; }
.container_16 .push_4 { left: 240px; }
.container_16 .push_5 { left: 300px; }
.container_16 .push_6 { left: 360px; }
.container_16 .push_7 { left: 420px; }
.container_16 .push_8 { left: 480px; }
.container_16 .push_9 { left: 540px; }
.container_16 .push_10 { left: 600px; }
.container_16 .push_11 { left: 660px; }
.container_16 .push_12 { left: 720px; }
.container_16 .push_13 { left: 780px; }
.container_16 .push_14 { left: 840px; }
.container_16 .push_15 { left: 900px; }
.container_16 .push_16 { left: 960px; }
.container_16 .pull_1 { right: 60px; }
.container_16 .pull_2 { right: 120px; }
.container_16 .pull_3 { right: 180px; }
.container_16 .pull_4 { right: 240px; }
.container_16 .pull_5 { right: 300px; }
.container_16 .pull_6 { right: 360px; }
.container_16 .pull_7 { right: 420px; }
.container_16 .pull_8 { right: 480px; }
.container_16 .pull_9 { right: 540px; }
.container_16 .pull_10 { right: 600px; }
.container_16 .pull_11 { right: 660px; }
.container_16 .pull_12 { right: 720px; }
.container_16 .pull_13 { right: 780px; }
.container_16 .pull_14 { right: 840px; }
.container_16 .pull_15 { right: 900px; }
.container_16 .pull_16 { right: 960px; }

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix:after {
    clear: both;
    content: ' ';
    display: block;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    width: 0;
    height: 0
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

/* spacers */
div.section.spacer_before {
    padding-top: 8px;
    margin-top: 12px;
}
div.section.spacer_after {
    margin-bottom: 20px;
}
div.section.spacer_both {
    padding-top: 8px;
    margin-bottom: 20px;
    margin-top: 12px;
}

/* parsys component */
div.par, div.rightpar {
    clear: both;
}
div.parsys_column {
    height: 100%;
    width: 100%;
    float: left;
    border: 0;
    vertical-align:top;
    padding: 0;
    margin: 0;
}

div.section {
    /* Property added to avoid IE hasLayout issue on paragraphs
       see #20817 - IE6: div around Drag Components image not big enough
    */
    zoom: 1;
}

div.parsys_column .section {
    overflow:hidden;
    width: 100%;
}

/* column control layouts */
div.cq-colctrl-cols {width: 100%; float: left; }

div.cq-colctrl-default { width: 100%;}

/* layout 0 : 50% 50% ( grid6 + grid6 ) */
div.cq-colctrl-lt0 { }
div.cq-colctrl-lt0-c0 { width: 340px; margin-right:10px}
div.cq-colctrl-lt0-c1 { width: 340px; margin-left: 10px}

/* layout 1 : 33% 33% 33%( grid4 + grid4 + grid4 ) */
div.cq-colctrl-lt1 { }
div.cq-colctrl-lt1-c0 { width: 220px; margin-right: 10px;}
div.cq-colctrl-lt1-c1 { width: 220px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt1-c2 { width: 220px; margin-left: 10px; }

/* layout 2: 16% 16% 16% 33% ( grid2.6 + grid2.6 + grid2.6 + grid4 ) */
div.cq-colctrl-lt2 { }
div.cq-colctrl-lt2-c0 { width: 140px; margin-right: 10px;}
div.cq-colctrl-lt2-c1 { width: 140px; margin-left: 10px; margin-right: 10px}
div.cq-colctrl-lt2-c2 { width: 140px; margin-left: 10px; margin-right: 10px}
div.cq-colctrl-lt2-c3 { width: 220px; margin-left: 10px }

/* layout 3: 4 x 25% ( grid3 + grid3 + grid3 + grid3 ) */
div.cq-colctrl-lt3 { }
div.cq-colctrl-lt3-c0 { width: 160px; margin-right: 10px;}
div.cq-colctrl-lt3-c1 { width: 160px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt3-c2 { width: 160px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt3-c3 { width: 160px; margin-left: 10px; }

/* layout 4: 5 x 20% ( grid2.5 + grid2.5 + grid2.5 + grid2.5 + grid2.5 ) */
div.cq-colctrl-lt4 { }
div.cq-colctrl-lt4-c0 { width: 124px; margin-right: 10px;}
div.cq-colctrl-lt4-c1 { width: 124px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c2 { width: 124px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c3 { width: 124px; margin-left: 10px; margin-right: 10px;}
div.cq-colctrl-lt4-c4 { width: 124px; margin-left: 10px; }

/* widepage layouts */

/* layout 5 : 50% 50% ( grid8 + grid8 ) */
div.cq-colctrl-lt5 { }
div.cq-colctrl-lt5-c0 { width: 460px; margin-right:10px}
div.cq-colctrl-lt5-c1 { width: 460px; margin-left: 10px}

/* layout 6 : 25% 25% ( grid4 + grid4 + grid4 + grid4) */
div.cq-colctrl-lt6 { }
div.cq-colctrl-lt6-c0 { width: 220px; margin-right:10px}
div.cq-colctrl-lt6-c1 { width: 220px; margin-left: 10px; margin-right:10px}
div.cq-colctrl-lt6-c2 { width: 220px; margin-left: 10px; margin-right:10px}
div.cq-colctrl-lt6-c3 { width: 220px; margin-left: 10px}


/* -----------------------------------------< START: User Toggle Button >---- */
div.toggle div.status.loading {
    background: url("misc/images/loading.gif") no-repeat;
    height: 16px;
    width: 16px;
}
/* --------------------------------------------< END: User Toggle Button >--- */

.campaign_body {
	background-color: black;
	color: white;
}




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

}




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

}

body {
    font-family: Arial,sans-serif,"Helvetica Neue",Helvetica;
    color: #000;
}

mark {
    background: #ffc20e;
    font-weight: bold;
    padding: 2px;
}

input[type="text"] {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.wrapper {
    overflow: hidden;
}

.page-left {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 70%;

    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.page-right {
    position: relative;
}

.page-left,
.page-right {
    -webkit-transition: -webkit-transform .3s ease 0s;
    -ms-transition: -ms-transform .3s ease 0s;
    transition: transform .3s ease 0s;
}

.module-overlay {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
}

.mega-nav-active .module-overlay,
.reveal-left .module-overlay {
    display: block;
}

.container {
    width: 100%;
}

.width-85pc {
    width: 85%;
}

html[data-useragent*="MSIE"] .pagenav-anchor {
	display: block;
	position: relative;
	bottom: -10px;
	line-height: 0;
	height: 0;
}


html[data-useragent*="MSIE 8"] .container {
    width: 100% !important;
}

[data-ng-cloak] {
    display: none;
}


/**************** HEADERS ***************/

h1 {
    font-size: 68px;
    font-family: aachen_promedium;
    line-height: 0.8em;
    font-weight: normal;
    letter-spacing: 0px;
}

h2 {
    font-size: 36px;
    margin: 0 0 30px 0;
}

h3 {
    font-size: 20px;
    margin-top: 0;
}

h4 {
    font-size: 16px;
}

h5 {
	font-size: 14px;
}

h6 {
    font-size: 12px;
}

[class*="header-h1"]
{
	font-size: 68px;
	font-family: aachen_promedium;
    line-height: 0.8em;
    font-weight: normal;
    letter-spacing: 0px;
}
[class*="header-h2"]
{
	font-size:36px;
}
[class*="header-h3"]
{
	font-size:20px;
}
[class*="header-h4"]
{
	font-size:16px;
}
[class*="header-h5"]
{
	font-size:14px;
}

[class*="header-h6"]
{
	font-size:12px;
}

[class*="header-h1"] a
{
	font-size: 68px;
	font-family: aachen_promedium;
    line-height: 0.8em;
    font-weight: normal;
    letter-spacing: 0px;
}
[class*="header-h2"] a
{
	font-size:36px;
	margin: 0 0 30px 0;
}
[class*="header-h3"] a
{
	margin-top: 0;
	font-size:20px;
}
[class*="header-h4"] a
{
	font-size:16px;
}
[class*="header-h5"] a
{
	font-size:14px;
}
[class*="header-h5"] a
{
	font-size:12px;
}

/**************** END HEADERS ***************/
/**************** COLORS  *******************/


[class*='color-black'] 
{
	color:#000000;
}
[class*='color-blue'] 
{
	color:#2675aa;
}
[class*='color-yellow'] 
{
	color:#FFCB05;
}
[class*='color-dark-grey'] 
{ 
	color:#77787B;
}
[class*='color-light-grey'] 
{
	color:#F1F1F2;
}
[class*='color-white'] 
{
	color:#FFFFFF;	
}

/**************** END COLORS  *******************/

small {
    font-size: 10px;
    line-height: 1em;
    letter-spacing: -0.5px;
}

a:hover {text-decoration:underline;}

a:hover, a:focus {
    color: #2675aa;
}

ul, ol {
    padding-left: 0;
    list-style: none;
}

ul li {
    padding-left: 15px;
}

.black-bg ul li {
    color: #aaa;
}

.black-bg ul li, .black-bg ol li {
    background-position: 0 -603px;
}

.width-70-30 td:first-child {
    width: 70%;
}

.width-70-30 th:first-child {
    width: 70%;
}


.width-70-30 td:last-child {
    width: 30%;
}

.width-70-30 th:first-child {
    width: 30%;
}


.width-30-70 td:first-child {
    width: 30%;
}

.width-30-70 th:first-child {
    width: 30%;
}

.width-10-90 td:first-child {
    width: 10%;
}

.width-10-90 th:first-child {
    width: 10%;
}

select, textarea, input[type="text"],
input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"], input[type="week"],
input[type="number"], input[type="email"], input[type="url"],
input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    height: 25px;
    padding: 4px 9px;
}

input[type="submit"] {
    background: #ffc20e;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #ffc20e;
    font-weight: bold;
}

select {
    height: 44px;
    line-height: 44px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 9px;
}

.list-inline > li {
    padding-left: 0;
    padding-right: 0;
}

.css-table {
    display: table;
    width: 100%;
}

.css-table .col {
    display: table-cell;
}

/* For sticky element functionality */
*[data-spy="affix"] {
    top: 0;
}

.black-bg {
    background-color: #000;
}

.white-bg {
    background-color: #fff;
}

.black-bg p {
    color:#aaa;
}

.light-grey-bg {
    background-color: #f2f2f2;
}

.dark-grey-bg {
    background-color: #231f20;
}

.dark-grey-bg p {
    color:#fff;
}

.cta-rounded:link, 
.cta-rounded:visited, 
button.cta-rounded, 
label.fake-input.cta-rounded {
    display: inline-block;
    border: 2px solid #000;
    color: #ffc20e;
    background: #000;
    -webkit-border-radius: 44px;
    border-radius: 44px;
    font-size: 16px;
    padding: 0 27px 0 27px;
    line-height: 40px;
    position: relative;
    text-decoration:none;
    box-shadow: #555 0px 3px;
    margin-bottom: 10px;
}

.cta-rounded:active, .cta-rounded:hover, label.fake-input.cta-rounded:hover {
    text-decoration: none;
}

.cta-rounded::after {
    display: block;
    content: ' ';
    width: 7px;
    height: 12px;
    position: absolute;
    top: 14px;
    right: 17px;
}

.cta-rounded:hover:after {
    background-position:-94px 0;
}

.cta-rounded[disabled] {
    color: #969696 !important;
    background: #767676 !important;
    border-color: #767676 !important;
}

.cta-rounded[disabled]:after {
    background-position: -101px 0;
}

.cta-rounded.btn-yellow {
    border-color: #ffcc00;
}

.cta-rounded.btn-yellow:hover {
    color: #000;
    text-decoration: none;
}


/* generic styling */
.bdr-btm {
    border-bottom-style:solid;
    border-bottom-width:1px;
}

.bdr-302c2d {
    border-bottom-color:#302c2d;
}

.bdr-e5e5e5 {
    border-bottom-color:#e5e5e5;
}

/* images */
.img-circle.img-circle-cba {
    border:solid 1px #ffcc00;
}

.panel-cba {
    border:0;
    box-shadow:none;
    -webkit-box-shadow:none;
    background:none;
}

.panel-cba .panel-heading {
    border-radius:10px;
    border-bottom-right-radius:0;
    border-bottom-left-radius:0;
    background:#ffcc00;
}

.panel-cba h1, .panel-cba h2, .panel-cba h3, .panel-cba {
    color:#000 !important;
}

.panel-cba .panel-body {
    border-radius:10px;
    border-top-right-radius:0;
    border-top-left-radius:0;
    background:#fff2bf;
    padding:15px !important;
}

.panel-cba h1, .panel-cba h2, .panel-cba h3, .panel-cba h4 {
    margin:0 !important; padding:12px !important;
}

.black-bg .panel-cba li {
    background-position: 0 7px;
    color: #000;
}

.panel-cba li:not(:last-child) {
    margin-bottom:10px;
}

.pagination-cba {
    padding: 0 15px;
}

.pagination-cba .arrow-left,
.pagination-cba .arrow-right {
    background: #8d8d8d;
    width: 27px;
    height: 27px;
    display: block;
    padding: 0;
    position: relative;
    top: -1px;
}

.pagination-cba .list-inline .arrow-left,
.pagination-cba .list-inline .arrow-right {
    padding: 0;
    border: none;
}

.pagination-cba .arrow-left:before,
.pagination-cba .arrow-right:after {
    background: url(../images/sprite-icons.png) no-repeat -80px -75px;
    content: '';
    width: 10px;
    height: 10px;
    display: inline-block;
    margin: 8px 0 0 0;
}

.pagination-cba .arrow-right:after {
    background-position: -67px -75px;
}

.pagination-cba .arrow-left.first:before {
    background-position: -70px -86px;
}

.pagination-cba .arrow-right.last:after {
    background-position: -80px -86px;
}

.pagination-cba .list-inline {
    display: inline-block;
    margin-right: -4px;
}

.pagination-cba .list-inline li {
    background: none;
    padding: 0;
}

.pagination-cba .list-inline li a {
    margin-right: 5px;
    padding: 6px 10px 5px 9px;
    border: 1px solid #ffcc00;
}

.pagination-cba .list-inline li.active a {
    background: #ffcc00;
    color: #000;
}

html[data-useragent*="MSIE 8"] label.yes {
    background-position: -111px -40px;
}

html[data-useragent*="MSIE 8"] label.no {
    background-position: -111px -120px;
}

.label {
    display:inline-block;
}

iframe
{
    width:100%;
}

/* NOTE: Add media specific common styles here */
@media screen and (max-width: 767px) {
    body {
        padding: 0;
    }

    .page-left {
        display: block;
    }

    .reveal-left .page-left {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .reveal-left .page-right {
        -webkit-transform: translate3d(70%, 0, 0);
        -ms-transform: translate3d(70%, 0, 0);
        transform: translate3d(70%, 0, 0);
    }

    .container {
        padding: 0 15px 0 15px;
    }

    .page-nav .container {
        padding: 0 15px;
        min-height: 98px;
    }

    .pagination-cba .arrow-left,
    .pagination-cba .arrow-right {
        top: -4px;
    }

    .top-result .feedback .col {
        display: block;
    }

    .top-result .col.submit {
        width: 100%;
        margin-top: 20px;
    }

    *[data-text-trans]:before {
        content: attr(data-text-trans);
    }

    *[data-text-trans] span {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    *[data-text-trans-tablet]:before {
        content: attr(data-text-trans-tablet);
    }

    *[data-text-trans-tablet] span {
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1140px) {
    .top-result.col-md-9 {
        margin-right: 29px;
    }
}

@media screen and (min-width: 768px) and (max-width: 977px) {
	.col-sm-3 {
        width: 50% !important;
    }
    
 	.col-sm-3:nth-child(odd){
        clear:left;
    }
}

@media screen and (min-width: 1140px) {
    .container {
        max-width: 1170px;
    }

    *[data-text-trans]:before,
    *[data-text-trans-tablet]:before {
        content: '';
    }

    *[data-text-trans-tablet] span {
        display: block;
    }
}

@media print
{
	.login,
	.global-nav,
	.content-image img,
	.cta-rounded,
	.page-nav
	{
		display:none !important;;
	}
	
	/*bootstrap print override */
	a[href]:after {
	  content: "" !important;
	}
	abbr[title]:after {
	  content: "" !important;
	}
	
	[class*="header-h1"]
	{
		font-size: 30px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	}
	[class*="header-h2"]
	{
		font-size:30px;
	}
	
	h1
	{
		font-size: 30px;
		font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	}
	h2
	{
		font-size:30px;
	}
	
	.content-module {
		padding: 0 0 0 0;
	}
	
}

.mobile-page-template .content-module
{
	padding: 0 0 0 0;
}

.mobile-page-template .container
{
	padding: 0 15px 0 15px;
}

.active-login-icon:after
{
	background: url(../images/sprite-icons.png) no-repeat -90px -75px !important;
}