/*

    1.      Defaults
    1.1.    Bootstrap Changes
    1.2.    Icons
    1.3.    New classes
    2.      Menus
    2.1.    Dropdown Menu (Mobile)
    2.2     Breadcrumb
    3.      Search Panel
    4.      Stripes and Cards
    4.1.    Stripes
    4.2.    Cards

    5.      Custom Pages
    5.1.     
    5.2.     
    5.3.    Plain Title and Text


    6.      Footer
    6.1.    Sticky Footer

*/

/* 1. Defaults */

html * {
    text-shadow: none !important; /* Weird Fix for Header - need to trace it */
}

body {
	background						: #f4f7f9;/*#e5e5e5;*/
    font-family				        : 'Tahoma', 'Roboto', sans-serif;
}

body.ja-jp {
    font-family                     : 'Meiryo', 'Tahoma', 'Roboto Condensed', sans-serif;
}

h1, h2, h3, h4 { font-weight	    : 300; }
h1 { font-size	        			: 48px; }
h2 { font-size			        	: 36px; }
h3 { font-size	        			: 24px; }
h4 { font-size		        		: 18px; }

/* 1.1. Bootstrap Changes */

a:focus, a:hover {
	text-decoration                 : none;
}

textarea:hover, 
input:hover, 
textarea:active, 
input:active, 
textarea:focus, 
input:focus,
button:focus,
button:active,
button:hover,
label:focus
{
    outline							: 0px;
    -webkit-appearance				: none;
}

.btn:active,
.btn:focus,
.btn.active  {
	background-image				: none;
    -webkit-appearance				: none;
	outline							: 0;
	-webkit-card-shadow				: none;
    card-shadow						: none;
}

.btn {
	border-radius					: 0;
}

/* First panel in any row will get a top margin */
.row > div > .panel:first-of-type{
    margin-top                      : 20px;
}

/* 1.2. Icons */

.material-icons {
	line-height                     : inherit !important;
}

.ie8 .material-icons {
    border                          : red dotted 1px;
    height:50px;
}

.ie8 .material-icons:before {
    content                         : " ";
    width                           : 50px;
    height                          : 50px;
    display                         : block;
    text-align                      : center;
    background                      : blue;
    background-image                : url(../ie8/search.png);
}

/* Sizes */
.material-icons.md-18 { font-size	: 18px; }
.material-icons.md-24 { font-size	: 24px; }
.material-icons.md-36 { font-size	: 36px; }
.material-icons.md-48 { font-size	: 48px; }


/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color		: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color	: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

/* Social Icons */

.socialIcon {
    color			                : #fff;	
}

.socialIcon:hover {
    opacity                         : 0.6;
}

.socialIcon.fa-fw {
    width                           : 2em;
    height                          : 2em;
    line-height                     : 2em;
}

.socialIcon.fa-facebook {
    background                      : #3e5b98 !important;
}

.socialIcon.fa-twitter {
    background                      : #4da7de;
}

.socialIcon.fa-youtube {
    background                      : #e02a20;
}

.socialIcon.fa-rss {
    background                      : #f26109;
}

.socialIcon.fa-linkedin {
    background                      : #3371b7;
}

.socialIcon.fa-google-plus {
    background                      : #d93e2d;
}

.socialIcon.fa-pinterest {
    background                      : #c92619;
}

/* Footer Icons */
footer .socialIcon,
footer .socialIcon.fa-facebook,
footer .socialIcon.fa-twitter,
footer .socialIcon.fa-youtube,
footer .socialIcon.fa-rss,
footer .socialIcon.fa-linkedin,
footer .socialIcon.fa-google-plus,
footer .socialIcon.fa-pinterest
{
    background                      :#3f3f3f;
}

footer .socialIcon:hover {
    opacity                         : 1;
}

footer .socialIcon.fa-facebook:hover {
    background                      : #3e5b98;
}

footer .socialIcon.fa-twitter:hover {
    background                      : #4da7de;
}

footer .socialIcon.fa-youtube:hover {
    background                      : #e02a20;
}

footer .socialIcon.fa-rss:hover {
    background                      : #f26109;
}

footer .socialIcon.fa-linkedin:hover {
    background                      : #3371b7;
}

footer .socialIcon.fa-google-plus:hover {
    background                      : #d93e2d;
}

footer .socialIcon.fa-pinterest:hover {
    background                      : #c92619;
}


footer .socialIcons .list-inline {
    margin-bottom                   : 0;
    padding                         : 0;
}

.socialIcons .list-inline li {
    padding                         : 0;
}

/* End of Icons */

.list-bulletless {
	list-style					    : none;
	padding						    : 0;
	margin					    	: 0;
}

.list-no-indent {
    margin-left                     : 0;
}

.btn-transparent {
	background						: none;
	border-color					: transparent;
}

.btn-transparent.focus, 
.btn-transparent:focus, 
.btn-transparent:hover {
	color							: #fff;
	opacity							: 0.6;
}

/* End of Defaults */

/* 2. Menus */

header {
    background                      : #4a4a4a;
}

#openMenu {
    z-index                         : 1001;
    position:relative;
}

#mainMenu a {
    font-size				: 18px;
	position				: relative;
	z-index					: 401;
	display					: inline-block;
	color					: #fff;
	margin-top				: 20px;
    margin-right            : 10px;
    opacity                 : 0.8;
}

.ja-jp.md #mainMenu a {
    font-size:12px;
    margin-right:4px;
}

.ja-jp.lg #mainMenu a {
    font-size:15px;
    margin-right:4px;
}

.ja-jp #navigation ul li a {
    font-size:15px;
}

.ja-jp #navigation ul li {

    margin: 0 2px;
}

#mainMenu a.active {
    border-bottom	    	: 3px solid #fff;
	opacity				   	: 1;
}

#mainMenu a:hover {
    opacity				   	: 1;
}

/* 2.1. Dropdown Menu (Mobile) */

.dropdown-menu {
    margin                          : 0;
    -moz-border-radius              : 0;
    -webkit-border-radius           : 0;
    border-radius                   : 0;
    border                          : none;
}

/* */

.open > .dropdown-toggle.btn-transparent.focus,
.open > .dropdown-toggle.btn-transparent:focus,
.open > .dropdown-toggle.btn-transparent:hover {
    background                      : #03acef;
    opacity                         : 1;
    color                           : #fff;
}

/* Fix drop down hover state */
.open > .dropdown-toggle.btn-transparent:focus .material-icons,
.open .searchcard-open .material-icons {
    color                           : #fff;
}



/* 2.2 Breadcrumb */
.breadCrumb
{
	margin								: 0;
	padding								: 0;
	/*float								: left;*/
	display								: block;
	height								: 21px;
	overflow							: hidden;
	/*width								: 460px; */
	/* background						: #fff; */
	
	/*border-bottom						: #eee solid 1px;*/
	margin								: 0 0 20px 0;
	margin:0;
	padding								: 0 0 10px 0;
}
.breadCrumb ul
{
	margin								: 0 !important;
	padding								: 0;
	height								: 21px;
	display								: block;
}
.breadCrumb ul li
{
	display								: block;
	float								: left;
	position							: relative;
	height								: 21px;
	overflow							: hidden;
	line-height							: 21px;
	margin								: 0px 6px 0px 0;
	padding								: 0px 10px 0px 0;
	font-size							: .9167em;
	/*background							: url(images/Chevron.gif) no-repeat 100% 0;*/
}
.breadCrumb ul li div.chevronOverlay
{
	position							: absolute;
	right								: 0;
	top									: 0;
	z-index								: 2;
}
.breadCrumb ul li span
{
	display								: inline-block;
	overflow							: hidden;
}

.breadCrumb ul li span.reg {
    line-height:10px;
}

.breadCrumb ul li a
{
	display								: block;
	position							: relative;
	height								: 21px;
	line-height							: 21px;
	overflow							: hidden;
	float								: left;
	color								: #f9f9f9;
}

.breadCrumb ul li a:hover {
	color								: #e2e2e2;
}

.breadCrumb ul li.first a
{
	height								: 16px !important;
	text-indent							: -1000em;
	width								: 16px;
	padding								: 0;
	margin-top							: 2px;
	overflow							: hidden;
	background							: url(images/IconHome.gif) no-repeat 0 -16px;
}
.breadCrumb ul li.first a:hover
{
	background-position					: 0 0;
}
.breadCrumb ul li.last
{
	background							: none;
	margin-right						: 0;
	padding-right						: 0;
}
.chevronOverlay
{
	display								: none;
	background							: url(images/ChevronOverlay.png) no-repeat 100% 0;
	width								: 13px;
	height								: 20px;
}






div.showhome .breadCrumb ul li.first a
{
	text-indent							: 0em;
	width								: auto;
	padding-left: 19px;
	margin-top							: 0px;
	/*background							: url(images/IconHome.gif) no-repeat 0 -14px;*/
}









header .btn {
	color							: #fff;	
    padding                         : 0 10px;
    
}



/* 5.3.    Plain Title and Text */


.plain-text-page header,
.news-release header, 
.announcement-section header {
    height                          : 260px;
}

.plain-text-page .parallax-window,
.news-release .parallax-window,
.announcement-section .parallax-window {
    min-height                      : 150px !important;
}


.channel-home-page header {
    min-height:500px !important;
    height:500px !important;
}

.channel-home-page .parallax-window {
   
}


.dropdown-inline {
	display						    : inline-block;
}

/* 6.      Footer */
.footer {
	background		    			: #24292c;
	color				    		: #fff;
	position				    	: relative;
}

.footer::before {
	content	    				    : " ";
	background	    			    : #191d1f;
	display			    	    	: block;
	margin-bottom		    	    : 15px;
	height		    		    	: 15px;
}

.footer-legal-stripe {
	background	           		    : #2e3337;
	padding-top		        		: 15px;
	padding-bottom		        	: 15px;
	margin-top				        : 30px;
}

.footer-legal-stripe ul {
	margin-bottom			        : 0; /* Remove inherited margin from bottom */
}

.footer a  {
	color					        : #fff;
}

.footer a:hover {
	opacity					    : 0.8;
}

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer-legal-stripe .copyright {
	color					    : #909599;
}

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

/* 6.1. Sticky Footer */

html {
	  position		    		        : relative;
	  min-height		            	: 100%;
}

body {
    margin-bottom		               : 180px; /* Default margin bottom by footer height - getting this programatically */
}

.footer {
    position	        	        	: absolute;
	bottom				                : 0;
	width       			        	: 100%;
}

/* End of Footer */


/* 3. Search card */

.search-container{
    position                : relative;
    display                 : inline-block;
	
    vertical-align          : top;
}

.searchcard{
    position                : absolute;
    min-width               : 50px;
    width                   : 0;
    height                  : 50px;
    float                   : left;
    overflow                : hidden;
	right                   : 0;
	z-index                 : 500;
    
    -webkit-transition      : width 0.3s;
    -moz-transition         : width 0.3s;
    -ms-transition          : width 0.3s;
    -o-transition           : width 0.3s;
    transition              : width 0.3s;
}

.searchcard-input{
    top                     : 0;
    right                   : 0;
    border                  : 1px solid transparent;
    outline                 : 0;
    display                 : none; /* Hide */
    width                   : 100%;
    height                  : 50px;
    margin                  : 0;
    padding                 : 0px 55px 0px 20px;
    font-size               : 20px;
    color                   : #4a4a4a;
}

.open .searchcard-input {
    border                  : #ccc solid 1px;
}

.searchcard-input::-webkit-input-placeholder {
    color                   : #ccc;
}
.searchcard-input:-moz-placeholder {
    color                   : #ccc;
}
.searchcard-input::-moz-placeholder {
    color                   : #ccc;
}
.searchcard-input:-ms-input-placeholder {
    color                   : #ccc;
}

.searchcard-icon,
.searchcard-submit{
    
    display			        : block;
    position		        : absolute;
    top				        : 0;
    font-family		        : Tahoma, Roboto;
	font-size		        : 36px;
    right			        : -4px;
    padding			        : 0 10px !important;
    margin			        : 0;
    border			        : 1px solid transparent;
    outline			        : 0;
    line-height		        : 50px;
    text-align		        : center;
    cursor			        : pointer;
}

.ja-jp .searchcard-icon,
.ja-jp .searchcard-submit{
    font-family: 'Meiryo', 'Tahoma', 'Roboto Condensed', sans-serif;
}

/* Hide Submit Button */
.searchcard-submit { display:none; }

.searchcard-submit,
.searchcard-open .searchcard-icon {
	background	        	: #03acef;
	opacity			        : 1; /* Correct the Opacity active state*/
}

.searchcard-submit {
    background              : red; /* Temp Efect */
}

/* 4.2. Cards */

.card {
    margin-top                          : 15px;
    margin-bottom                       : 15px;
    box-sizing                          : border-box;
    border-radius                       : 2px;
    background-clip                     : padding-box;
    box-shadow                          : 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -webkit-box-shadow                  : 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    -moz-box-shadow                     : 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border                              : none;

    position                            : relative;
    background                          : #fff; /* Base Colour */
}

a.card {
    display                             : block;
    -webkit-transition                  : all 0.2s ease;
    -moz-transition                     : all 0.2s ease;
    -o-transition                       : all 0.2s ease;
    transition                          : all 0.2s ease;
    z-index                             : 0;
}

a.card:hover{
    z-index                             : 1000;
    box-shadow                          : 0 16px 16px 0 rgba(0, 0, 0, 0.3), 0 16px 16px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-shadow                  : 0 16px 16px 0 rgba(0, 0, 0, 0.3), 0 16px 16px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow                     : 0 16px 16px 0 rgba(0, 0, 0, 0.3), 0 16px 16px 0 rgba(0, 0, 0, 0.25);
}
              
.card-centralised { text-align          : center; }

.card-centralised .card-action {
    text-align                          : left;
}

.card h1,
.card h2,
.card h3,
.card h4,
.card h5 {
    margin                              : 0 0 15px 0;
}

.card .card-image img {
    width                               : 100%;
    height                              : auto;
}


              
.card span.card-title {
    color                               : #fff;
    font-size                           : 24px;
    font-weight                         : 300;
    text-transform                      : uppercase;
}

.card .card-image {
    position                            : relative;
    overflow                            : hidden;
}

.card .card-image img {
    border-radius                       : 2px 2px 0 0;
    background-clip                     : padding-box;
    position                            : relative;
    z-index                             : -1;
    z-index                             : auto;

    border-bottom                       : rgba(0,0,0,0.1) solid 6px;
}

.card.card-feature .card-image img {
    border                              : none;
}

.card .card-image span.card-title {
    position                            : absolute;
    bottom                              : 0;
    left                                : 0;
    padding                             : 16px;
    z-index                             : 10;
}
.card .card-content {
    padding                             : 16px;
    border-radius                       : 0 0 2px 2px;
    background-clip                     : padding-box;
    box-sizing                          : border-box;
}

.card .card-content p {
    margin                              : 0;
    color                               : inherit;
}

.card .card-content span.card-title {
    line-height                         : 48px;
}

.card .card-action {
    border-top                          : 1px solid rgba(160, 160, 160, 0.2);
    padding                             : 16px;
}

.card .card-action a {
    color                               : #ffab40;
    margin-right                        : 16px;
    transition                          : color 0.3s ease;
    text-transform                      : uppercase;
}             
              
.card .card-action a:hover {
    color                               : #ffd8a6;
    text-decoration                     : none;
}

/* Feature Card */
.card.card-feature .card-content {
    width                               : 100%;
    position                            : absolute;
    bottom                              : 0;

    background                          : rgb(0,176,242);
    background                          : rgba(0,176,242, 0.9); /* BLUE - farm off to theme colours */

    color                               : #fff;

    -moz-border-radius                  : 0 0 2px 2px;
    -webkit-border-radius               : 0 0 2px 2px;
    border-radius                       : 0 0 2px 2px;
}

/* Link Card */
a.card.card-feature .card-content {
    background                          : rgb(0,0,0);
    background                          : rgba(0,0,0, 0.8);
}
a.card.card-feature:hover .card-content {
    background                          : rgb(0,176,242);
    background                          : rgba(0,176,242, 0.9);
}

.card.card-feature .card-image img {
    -moz-border-radius                  : 2px;
    -webkit-border-radius               : 2px;
    border-radius                       : 2px;
}

.card-feature h1,
.card-feature h2,
.card-feature h3,
.card-feature h4,
.card-feature h5 {
    margin                              : 0;
}


/* Card Colours */
.card-default {
    background                          : #fff;
}

.card-transparent {
    background                          : none;
    
    box-shadow                          : none;
    -webkit-box-shadow                  : none;
    -moz-box-shadow                     : none;

    color                               : #fff; /* Default - Stripes would overwrite this */
}

.card-transparent a {
    color                               : #fff;
}

.card-transparent a:hover {
    color                               : rgb(255, 255, 255);
    color                               : rgba(255, 255, 255, 0.6);
}

.card-blue {
    background                          : rgb(0,176,242);
}

.card-green {
    background                          : rgb(26,180,112);
}

.card-purple {
    background                          : rgb(109,4,228);
}

.card-orange {
    background                          : rgb(255,115,0);
}

.card.card-feature.card-green .card-content {
    background                          : rgb(26,180,112);
    background                          : rgba(26,180,112, 0.9);
}

.card.card-feature.card-purple .card-content {
    background                          : rgb(109,4,228);
    background                          : rgba(109,4,228, 0.9);
}

.card.card-feature.card-orange .card-content {
    background                          : rgb(255,115,0);
    background                          : rgba(255,115,0, 0.9);
}

.card.card-blue .card-action,
.card.card-green .card-action,
.card.card-purple .card-action {
    border-top                          : none;
    background                          : rgba(0,0,0,0.05)
}

.card.card-blue,
.card.card-green,
.card.card-purple,
.card.card-blue .card-action a,
.card.card-green .card-action a,
.card.card-purple .card-action a {
    color                               : #fff;
}

.card.card-blue .card-content a,
.card.card-green .card-content a,
.card.card-purple .card-content a {
    /*color                               : rgba(0,0,0,0.1);*/
    color                               : #fff;
}

.card.card-blue .card-content a:hover,
.card.card-green .card-content a:hover,
.card.card-purple .card-content a:hover {
    color                               : rgba(0,0,0,0.8);
}

.card.card-blue .card-action a:hover,
.card.card-green .card-action a:hover,
.card.card-purple .card-action a:hover {
    color                               : rgba(255,255,255,0.6);
}


/* End Cards */

/* Tiles */

/*Tile backgrounds to match theme colours*/
.tile-background {
    background-size                     : cover; 
    width                               : 100%; 
    min-height                          : 276px; 
    padding                             : 0 !important;
}

.tile-background-default-grad {
    background                          : #ffffff; 
    background                          : -moz-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background                          : -webkit-gradient(left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ffffff));
    background                          : -webkit-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background                          : -o-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background                          : -ms-linear-gradient(top, #ffffff 0%, #ffffff 100%);
    background                          : linear-gradient(to bottom, #ffffff 0%, #ffffff 100%);
    filter                              : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 ); 
}

.tile-background-default { 
    background-color                    : #ffffff; 
}

.tile-background-blue-grad {
    background                          : #009ed9; 
    background                          : -moz-linear-gradient(top, #009ed9 0%, #00d7ef 100%);
    background                          : -webkit-gradient(left top, left bottom, color-stop(0%, #009ed9), color-stop(100%, #00d7ef));
    background                          : -webkit-linear-gradient(top, #009ed9 0%, #00d7ef 100%);
    background                          : -o-linear-gradient(top, #009ed9 0%, #00d7ef 100%);
    background                          : -ms-linear-gradient(top, #009ed9 0%, #00d7ef 100%);
    background                          : linear-gradient(to bottom, #009ed9 0%, #00d7ef 100%);
    filter                              : progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ed9', endColorstr='#00d7ef', GradientType=0 ); 
}

.tile-background-blue { 
    background-color                    : #009fd9; 
}

.tile-background-green-grad {
    background                          : #8ec52c; 
    background                          : -moz-linear-gradient(top, #8ec52c 0%, #aff238 100%);
    background                          : -webkit-gradient(left top, left bottom, color-stop(0%, #8ec52c), color-stop(100%, #aff238));
    background                          : -webkit-linear-gradient(top, #8ec52c 0%, #aff238 100%);
    background                          : -o-linear-gradient(top, #8ec52c 0%, #aff238 100%);
    background                          : -ms-linear-gradient(top, #8ec52c 0%, #aff238 100%);
    background                          : linear-gradient(to bottom, #8ec52c 0%, #aff238 100%);
    filter                              : progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ec52c', endColorstr='#aff238', GradientType=0 ); 
}

.tile-background-green { 
    background-color                    : #8ec52c;
}

.tile-background-grey-grad {
    background                          : #566d75; 
    background                          : -moz-linear-gradient(top, #566d75 0%, #ffffff 100%);
    background                          : -webkit-gradient(left top, left bottom, color-stop(0%, #566d75), color-stop(100%, #ffffff));
    background                          : -webkit-linear-gradient(top, #566d75 0%, #ffffff 100%);
    background                          : -o-linear-gradient(top, #566d75 0%, #ffffff 100%);
    background                          : -ms-linear-gradient(top, #566d75 0%, #ffffff 100%);
    background                          : linear-gradient(to bottom, #566d75 0%, #ffffff 100%);
    filter                              : progid:DXImageTransform.Microsoft.gradient( startColorstr='#566d75', endColorstr='#ffffff', GradientType=0 ); 
}

.tile-background-grey {
    background-color                    : #566d75;
}

.tile-background-midgrey-grad {
    background                          : #a4a4a4; 
    background                          : -moz-linear-gradient(top, #a4a4a4 0%, #ffffff 100%);
    background                          : -webkit-gradient(left top, left bottom, color-stop(0%, #a4a4a4), color-stop(100%, #ffffff));
    background                          : -webkit-linear-gradient(top, #a4a4a4 0%, #ffffff 100%);
    background                          : -o-linear-gradient(top, #a4a4a4 0%, #ffffff 100%);
    background                          : -ms-linear-gradient(top, #a4a4a4 0%, #ffffff 100%);
    background                          : linear-gradient(to bottom, #a4a4a4 0%, #ffffff 100%);
    filter                              : progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4a4a4', endColorstr='#ffffff', GradientType=0 ); 
}

.tile-background-midgrey {
    background-color                    : #a4a4a4;
}

.tile-background-mixbluewhite-grad {
    background                          : #009ed9; 
    background                          : -moz-linear-gradient(top, #009ed9 0%, #ffffff 100%);
    background                          : -webkit-gradient(left top, left bottom, color-stop(0%, #009ed9), color-stop(100%, #ffffff));
    background                          : -webkit-linear-gradient(top, #009ed9 0%, #ffffff 100%);
    background                          : -o-linear-gradient(top, #009ed9 0%, #ffffff 100%);
    background                          : -ms-linear-gradient(top, #009ed9 0%, #ffffff 100%);
    background                          : linear-gradient(to bottom, #009ed9 0%, #ffffff 100%);
    filter                              : progid:DXImageTransform.Microsoft.gradient( startColorstr='#009ed9', endColorstr='#ffffff', GradientType=0 ); 
}

.tile-background-mixbluewhite {
    background-color                    : #fff;
}

.tile-background-orange-grad {
    background                          : #ff7300; 
    background                          : -moz-linear-gradient(top, #ff7300 0%, #f99c50 100%);
    background                          : -webkit-gradient(left top, left bottom, color-stop(0%, #ff7300), color-stop(100%, #f99c50));
    background                          : -webkit-linear-gradient(top, #ff7300 0%, #f99c50 100%);
    background                          : -o-linear-gradient(top, #ff7300 0%, #f99c50 100%);
    background                          : -ms-linear-gradient(top, #ff7300 0%, #f99c50 100%);
    background                          : linear-gradient(to bottom, #ff7300 0%, #f99c50 100%);
    filter                              : progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff7300', endColorstr='#f99c50', GradientType=0 ); 
}

.tile-background-orange {
    background-color                    : #ff7300;
}

.tile-background-purple-grad {
    background                          : #6d04e4; 
    background                          : -moz-linear-gradient(top, #6d04e4 0%, #a355fb 100%);
    background                          : -webkit-gradient(left top, left bottom, color-stop(0%, #6d04e4), color-stop(100%, #a355fb));
    background                          : -webkit-linear-gradient(top, #6d04e4 0%, #a355fb 100%);
    background                          : -o-linear-gradient(top, #6d04e4 0%, #a355fb 100%);
    background                          : -ms-linear-gradient(top, #6d04e4 0%, #a355fb 100%);
    background                          : linear-gradient(to bottom, #6d04e4 0%, #a355fb 100%);
    filter                              : progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d04e4', endColorstr='#a355fb', GradientType=0 ); 
}

.tile-background-purple {
    background-color                    : #6d04e4;
}

/*Tile Titles/Captions position, colours and text*/
.tile-caption-back { 
    position                            : absolute; 
    width                               : 100%; 
    padding                             : 16px; 
}
    
.tile-caption-back-blue { 
    background-color                    :rgba(3,172,239,0.7); 
}

.tile-background:hover .tile-caption-back-blue { 
    background-color                    : rgba(0,0,0,0.7);  
}

.tile-caption-back-black {
     background-color                   : rgba(0,0,0,0.7); 
}

.tile-background:hover .tile-caption-back-black {
     background-color                   : rgba(3,172,239,0.7); 
}

.tile-caption-back-trans { 
    background-color                    : transparent; 
}

.tile-caption-text {
    font-family                         : inherit;
    font-weight                         : 300;
    font-size                           : 28px;
    color                               : #fff;
    line-height                         : normal;
}

/*Tile Title Positions Match to themes drop down*/
.tile-caption-text-topright { 
    text-align                          : right; 
    top                                 : 0;
}

.tile-caption-text-topleft {
    text-align                          : left; 
    top                                 : 0;
}

.tile-caption-text-bottomright { 
    text-align                          : right; 
    bottom                              : 0;
}

.tile-caption-text-bottomleft { 
    text-align                          : left; 
    bottom                              : 0;
}

/*Automotive product tile*/
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    border: 3px solid #eee;
    /*border-radius:10px;*/
    color: #444;
    cursor: pointer;
    padding: 4px 5px;
    width: 100%;
    text-align: left;
    transition: 0.4s;
    background-color: none;
    margin-bottom: 10px;
    font-size: 20px;
    font-feature-settings: 'liga';
}

.accordion-copy {
    display: none;
}

.accordion span {
    float: right;
    position: relative;
    top: 5px;
    padding-right: 10px;
    font-size: 30px;
}



.product-images .view {
    min-height: 150px;
    position: relative;
}

    .product-images .view img {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 80%;
        height: auto;
        cursor: pointer;
        max-width: 140px;
        margin-left: auto;
        margin-right: auto;
        left: 0;
        right: 0;
    }

/*.product-images .view-image-main {
            min-height:750px;
        }*/

.product-images .view-image-main .view-image-main-img {
    padding: 15px 0;
    position: relative;
    /*top: 50%;
          transform: translateY(-50%);*/
    height: auto;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}

.view-description-holder {
    border: 3px solid #fff;
    /*border-radius:10px;*/
    padding: 0 15px;
    color: #fff;
    margin-bottom: 15px;
}

.view-benifit-text {
    padding-bottom: 15px;
}

.benifit-img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
    border: 2px solid white;
    margin-top: 10px;
}

.view-image-main-bubble {
    border: 3px solid #57d2ff;
    /*border-radius: 24px;*/
    background-color: #fff;
    position: absolute;
    padding: 10px;
    color: #747474;
}

    .view-image-main-bubble .bubble-icons {
        width: 30px;
        height: auto;
    }

    .view-image-main-bubble p {
        text-align: center;
    }

.view-image-selector .active {
    border: 2px solid white;
}

.viewcapabilities, .viewbenefits {
    display: none;
}

.activecaps {
    display: block !important;
}

.benifit-icon {
    cursor: pointer;
}

/* Extra Small Devices */
/*@media only screen and (max-width:991px) {
        .view-description-holder {
            border: none;
        }
    }*/

@media only screen and (max-width : 768px) {
    .product-images .view {
        min-height: 60px;
    }
}

@media only screen and (min-width : 440px) {
    .product-images .view {
        min-height: 115px;
    }
}

@media only screen and (min-width : 768px) {
    .product-images .view {
        min-height: 115px;
    }
}

@media only screen and (min-width : 992px) {
    .product-images .view {
        min-height: 150px;
    }
}

@media only screen and (max-width : 320px) {
    .product-images .view {
        min-height: 50px;
    }
}

@media only screen and (max-width : 441px) {
    .accordion {
        font-size: 14px;
    }
}

@media only screen and (min-width : 320px) {
    .accordion {
        font-size: 11px;
    }
}

@media only screen and (min-width : 439px) {
    .accordion {
        font-size: 14px;
    }
}

@media only screen and (min-width : 440px) {
    .accordion {
        font-size: 20px;
    }
}

@media only screen and (min-width : 992px) {
    .accordion {
        font-size: 14px;
    }
}

@media only screen and (min-width : 1200px) {
    .accordion {
        font-size: 20px;
    }
}
/*Automotive product tile - END*/

/*Link List Tile*/
.link-tile-list { 
    list-style                          : none; 
    margin-top                          : 10px; 
    padding                             : 0 15px; 
    text-align                          : left; 

    height                              : 185px;
    overflow                            : auto;
}

.link-tile-list li { 
    font-size                           : 16px;
    padding                             : 3px 0;
}

.link-tile-list li a { 
    color                               : #666;
    text-decoration                     : none;
}

.link-tile-list li a:hover {
    color                               : #f7910e;
}

/* IR Kit Download - Link List Addtions */
.downloadkit-title {
    position                            : absolute;
    bottom                              : 0;
    width                               : 100%;
    background-color                    : #1672ae;
    height                              : 50px;
    line-height                         : 50px;
    color                               : #fff;
    font-size                           : 14px;
    cursor                              : pointer;
    display                             : table;
}

.downloadkit-title i, .downloadkit-title span  { 
    vertical-align                      : middle;
}

.downloadkit-title:hover {
    background-color                    : #52a9e1;
}

.isdownload a {
    color                               : #ffffff !important;
}

.isdownload .link-tile-list {
    height:135px;
}

.isdownload .link-tile-list li a {
    display                             : table;
}

.isdownload a:hover i {
    background-color                    : #52a9e1 !important;
}

.isdownload .link-tile-list li {
    font-size                           : 14px !important;
    padding                             : 5px 0;
}

.isdownload .link-tile-list i {
    display                             : table-cell;
    vertical-align                      : middle;
    line-height                         : normal !important;
    font-size                           : 22px;
    margin-left                         : 15px;
    padding                             : 0px 6px;
    color                               : #fff;
    background-color                    : #1672ae;

}

.isdownload .link-tile-list li:nth-child(n+3) {
    /*display: none; Nope */
}

.isdownload .link-tile-list span {
    display                             : table-cell;
    vertical-align                      : middle;

}

/*InforGraphic Tile*/
.tile-caption-back-center { 
    text-align                          : center;
    top                                 : 50%;
    -ms-transform                       : translateY(-50%);
    -webkit-transform                   : translateY(-50%);
    transform                           : translateY(-50%);
}

.ie8 .tile-caption-back-center { 
    top                                 : 10%;
}

.tile-caption-text-statnum { 
    font-size                           : 90px;
    font-weight                         : 500;
    line-height                         : normal;
    display                             : inline-block;
}

.tile-caption-text-statnum-cur:first-letter { 
    font-size                           : 48px;
}

.tile-caption-text-statnote { 
    font-size                           : 24px;
}

/* Message Tile */
.message-tile-text-intro { 
    font-size                           : 26px;
    padding                             : 15px;
    font-weight                         : 400;
}

.message-tile-text-message {
    font-size                           : 22px;
    color                               : inherit;
    padding                             : 15px;
    font-weight                         : 400;
}

/*Social tiles*/
.socialheaders img { 
    width                               : 100%; 
    height                              : auto;
}

.youtube-prev, .youtube-next { 
    background-color                    : rgba(0,0,0,0.1);
    color                               : #fff;
    position                            : absolute;
    top                                 : 50%;
    margin-top                          : 28px;
    cursor                              : pointer;
}

.youtube-prev:hover, .youtube-next:hover {
    background-color                    : rgba(204,24,30,1);
}

.youtube-next {
    right                               : 0;
}

/*Tile text colours Match to themes drop down*/
.tile-caption-text-default { 
    color                               : #ffffff;
}

.tile-caption-text-blue { 
    color                               : #00b0f2;
}

.tile-caption-text-green {
    color                               : #1ab470; 
}

.tile-caption-text-grey { 
    color                               : #a4a4a4;
}

.tile-caption-text-midgrey { 
    color                               : #f3f3f3;
}

.tile-caption-text-mixbluewhite { 
    color                               : #2dbad7;
}

.tile-caption-text-orange { 
    color                               : #ff7300;
}

.tile-caption-text-purple {
    color                               : #6d04e4;
}

/*Tile font sizes*/
.tile-caption-text-extraextralarge {
    font-size                           : 42px;
}

.tile-caption-text-extralarge {
    font-size                           : 24px;
}

.md .tile-caption-text-extralarge {
    font-size                           : 24px;
}

.tile-caption-text-large {
    font-size                           : 24px;
}

.md .tile-caption-text-large,
.sm .tile-caption-text-large,
.xs .tile-caption-text-large {
    font-size                           : 24px;
}



.tile-caption-text-medium { 
    font-size                           : 28px;
}

.md .tile-caption-text-medium { 
    font-size                           : 20px;
}

.tile-caption-text-small { 
    font-size                           : 22px;
}

.tile-caption-text-extrasmall {
    font-size                           : 16px;
}

/*Tile font alignments*/
.tile-caption-text-align-left {
    text-align                          : left;
}

.tile-caption-text-align-right {
    text-align                          : right;
}

.tile-caption-text-align-center {
    text-align                          : center;
}

/*General*/
.nocard {  }

/*Mobile Adjusts tiles*/
@media (max-width: 360px) {
    .tile-caption-text-large { 
        font-size                           : 26px;
    }

    .tile-caption-text-stockprice { 
        font-size                           : 80px;
    }

    .tile-caption-text-stockprice span { 
        font-size                           : 48px;
    }
    .tile-caption-text-statnum { 
        font-size                           : 80px;
    }
}

/* End Tiles */

/* Reveal the input and the Submit Button */
.searchcard-open .searchcard-input,
.searchcard-open  .searchcard-submit {
	display			: block; /* Show */
}

.searchcard-open  .searchcard-submit  {background:red;}

.searchcard-open{width:300px;}


/**/

		#subnav {
			overflow		    		: auto;
			white-space		    		: nowrap;
			font-size			    	: 18px;
			margin-top			    	: 20px;
			font-weight			    	: 300; /* LIGHT FONT */
		}

		#subnav li {
			display					    : inline-block;
		}
		
		#subnav a {
			color				    	: #fff;
			padding-bottom		    	: 5px;
			display				    	: block;
			opacity				    	: 0.8;
		}
		
		#subnav a:focus,
		#subnav a:hover {
			text-decoration	    		: none;
			opacity				    	: 1;
		}
		
		#subnav a.active {
			border-bottom	    		: 3px solid #fff;
			opacity				    	: 1;
		}
	
/* Header and Navigation */

/* Header */

header {
    /*min-height: 500px;
    height: 500px; /* For Desktop */

    /*min-height:150px;
    height: 260px;*/

	min-height				            : 500px;
	height					            : 500px; /* For Desktop */
    font-weight                         : 300; /* Light Font */

    font-family                         : 'Tahoma', 'Roboto Condensed', sans-serif;
    overflow                            : hidden;
    position                            : relative;
}

.ja-jp header {
    font-family                         : 'Meiryo', 'Tahoma', 'Roboto Condensed', sans-serif;
}

.plain-text-page .parallax-window {
    min-height                      : 150px !important;

    font-weight                         : 300; /* Light Font */

    font-family                         : 'Tahoma', 'Roboto Condensed', sans-serif;
    overflow                            : hidden;
    position                            : relative;
}

.ja-jp.plain-text-page .parallax-window {
    font-family                         : 'Meiryo', 'Tahoma', 'Roboto Condensed', sans-serif;
}

.nsg-website-home header {
    min-height                          : 400px;
    height                              : 400px;
    
}

header .introHolder {
    position                            : inherit;
}

header .intro {
    color                               : #fff;
    position                            : absolute;
    bottom                              : 15px;
    font-size                           : 20px; /* Takes care of the sitecore text which may or maynot be in P tag */

    max-height:400px;
    overflow:auto;
}

.lg header .intro {
    width:1050px;
}

.md header .intro {
    width:950px;
}

.sm header .intro {
    width:750px;
}


.xs header .intro {
    width:90%;
}

.ie8 header .intro {
    margin-right                        : 15px; /* Fix the spacing issue*/
}

header .intro h1 {
    text-shadow                         : 0 2px 2px rgb(0,0,0) !important;
    text-shadow                         : 0 2px 2px rgba(0,0,0,0.6) !important;
    font-size                           : 40px;
}

header p {
    font-size                           : 34px;
    padding                             : 20px 0;
}

.plain-text-page header .intro h1 {
    margin                              : 0;
}

/* IE8 fixes */
.ie8 .icon-nsg-group {
    color                               : #fff;
    font-size                           : 20px;
    position                            : relative;
    z-index                             : 400;
}

.ie8 .open .icon-nsg-group {
    color                               : #03acef;
}
/**/

.icon-nsg-group:before {
    color                               : #fff;
    font-size                           : 60px;
    vertical-align                      : top;
    position                            : relative;
    z-index                             : 400;
    margin-top                          : 0px;
    margin-right                        : 25px;
    
}

.open .icon-nsg-group:before {
    color                               : #03acef;
}

/* Extra Small and Small Devices, Mobiles and Portrait Tablets */ 
@media only screen and (max-width : 992px) {
    #logo-area {
        text-align                      : center;
    }

    .icon-nsg-group:before {
        margin-right                    : 0; /* Centralise it */
    }

    .carosel-ctrl { 
        display                         : none !important;

    }
}


/*  */




/* Scroll bar */		
body .mCSB_horizontal.mCSB_inside > .mCSB_container {
    margin-bottom		            	: 10px;
}
/* */

.navigation-holder {
    padding-top                     : 15px;
}
		
#navigation {
	background			            	: #fff;
	color				            	: #ccc;
	width				            	: 100%;
	position			            	: absolute;
	z-index					            : 2;
	font-size			            	: 20px;
   
	text-align			            	: center;

    box-shadow                          : 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -webkit-box-shadow                  : 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
    -moz-box-shadow                     : 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);

}
		
#navigation ul {
    margin					            : 100px 0 25px 0;
}

/* Extra Small Devices */ 
@media only screen and (max-width : 768px) {
    .footer-legal-stripe .copyright {
        text-align              : left;
        padding-top             : 10px;
    }

    header .intro h2 {
    font-size: 50px;
    }

    header p { font-size: 26px; }

}

@media only screen and (min-width : 440px) {
    /* Small */
    #navigation ul li {
        margin                          : 0;
    }

    .tile-background {
    min-height: 265px;
    }

    .link-tile-list li {
    font-size: 16px;
    padding: 3px 0;
    }

}
        
@media only screen and (min-width : 768px) {
    /* Small */
    #navigation ul li {
        margin                          : 0;
    }

}

@media only screen and (min-width : 992px) {
    /* Medium */
    #navigation ul li {
        margin                           : 0 10px;
    }

    .tile-background {
    min-height: 276px;
    }

    .link-tile-list li {
    font-size: 16px;
    padding: 0px 0;
    }

    
    .isdownload .link-tile-list li {
    font-size : 12px !important;
    }

}

@media only screen and (min-width : 1200px) {
    /* Large */

    .tile-background {
    min-height: 276px;
    }

    .link-tile-list li {
    font-size: 16px;
    padding: 2px 0;
    }

    #navigation ul li {
        margin                           : 0 30px;
    }
}
		
#navigation .material-icons {
    display                              : block;
}

        #navigation a {
            color                   : #989898;
            display                 : block;
        }

        #navigation a:hover,
        #navigation a:hover .material-icons,
        #navigation a.active,
        #navigation a.active .material-icons
        {
            color                   : #03acef; /* BLUE */
        }

        #navigation a.active {
            border-bottom: 3px solid #03acef;
            padding-bottom:5px;
        }
		
		#btn-nav {
			font-size				: 24px;
			border					: red solid 0px;
			position				: relative;
			z-index					: 401;
			display					: inline-block;
			color					: #fff;
			margin-top				: 10px;
		}
		
		.open #btn-nav  {
			color					: #989898;
		}

		#btn-nav::after {
			content					: "\E313";
		  
			display					: inline-block;
			border					: red solid 0px;
			color						: #fff;
			/* Fix vertical Position*/
			vertical-align			: middle;

			font-family				: 'Material Icons';
		}
		
		.open #btn-nav::after {
			content					: "\E5CE";
			color						: #989898;
		}
		
		#btn-nav:hover {
			text-decoration			: none;
		}
		
		.open .material-icons {
			color					: #989898;
		}
		
		.parallax-window {
			/*min-height				: 300px;*/
			background				: transparent;
		}



        .stripe-feature {
			min-height				: 300px;
			background				: transparent;
		}

        .stripe > .container {
            padding-top             : 30px;
            padding-bottom          : 30px;
        }

        .stripe-light-green {
            background              : #75c04c;
        }
		
		.tool-panel {
			position:relative;
			z-index:5000; /* Higher than the left menu */
		}



        







/* Investigate */
/* Parallax BG is programatic so doesnt recolour */
.greyscale,
.greyscale-recolour {
  filter                                : gray; /* IE6-9 */
  -webkit-filter                        : grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter                                : grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

.greyscale-recolour:hover {
  -webkit-filter                        : grayscale(0);
  filter                                : none;
}

/* */


/* Stripes */

.stripe .stripe-header {
    background                          : rgba(0, 0, 0, 0.2);
    
    color                               : #fff;
}


.stripe {
    min-height                          : 400px;
    position                            : relative;
}

.stripe-feature {
     min-height                         : 400px; /* TBC */
}



.stripe-header h1,
.stripe-header h2,
.stripe-header h3,
.stripe-header h4,
.stripe-header h5 {
    padding                             : 0;
    margin                              : 0 0 0 50px; /* Indent */
    margin-top                          : 50px;
    margin-bottom                       : 15px;
}


.xs .stripe-header h1,
.xs .stripe-header h2,
.xs .stripe-header h3,
.xs .stripe-header h4,
.xs .stripe-header h5 {
    
    margin-left:0;
}


.stripe-purple {
    background                          : #6d04e4;
}

.stripe-mixbluewhite {
    background                          : #fff;
}

.newstypeicon {
    cursor:help;
}

/* TEMP CODE */
.stripe-teal .newstypeicon {
    color:#137a98;
}

.stripe-teal .newsBlurb a:hover,
.stripe-teal .newstypeicon:hover {
    color:#137a98;
}

.stripe-mixbluewhite .stripe-header {
    background                          : #2dbad7;
    color                               : #fff;
}

.stripe-purple .stripe-header {
    background                          : #6d04e4;
    color                               : #fff;
}

.stripe-default {
    background                          : #fff;
}

.stripe-blue {background                : rgb(0,176,242);}

.stripe-default .stripe-header {
    /* Dark text and Grey BG */
    color                               : #858585;
    background                          : rgb(242,242,242);
}

.stripe-default .stripe-header.opacity {
    background                          : rgb(242,242,242);
    background                          : rgba(0,0,0,0.1);  /* If on a normal colour then black at 10% for definition */
    color                               : #fff;
}

.stripe-default.stripe-feature .stripe-header.opacity {
    background                          : rgb(242,242,242);
    background                          : rgba(0,0,0,0.2);  /* If on a normal colour then black at 20% for definition */
}

.stripe-blue .stripe-header {
    background                          : rgb(0,176,242);
    color                               : #fff;
}


.stripe-blue .stripe-header.opacity {
    background                          : rgb(0,176,242);
    background                          : rgba(0,0,0,0.1);  /* If on a normal colour then black at 10% for definition */
    color                               : #fff;
}

.stripe-blue.stripe-feature .stripe-header.opacity {
    background                          : rgb(0,176,242);
    background                          : rgba(0,176,242,0.8); 
    color                               : #fff;
}

.stripe-midgrey {background                : #f3f3f3;}

.stripe-midgrey .stripe-header {
    background                          : #e7e7e7;
    color                               : #7f7f7f;
}


.stripe-midgrey .stripe-header.opacity {
    background                          : #e7e7e7;
    background                          : rgba(0,0,0,0.1);  /* If on a normal colour then black at 10% for definition */
    color                               : #7f7f7f;
}

.stripe-midgrey.stripe-feature .stripe-header.opacity {
    background                          : #e7e7e7;
    background                          : rgba(0,176,242,0.8); 
    color                               : #7f7f7f;
}



.stripe-green {background: #1ab470;}

.stripe-green .stripe-header.opacity {
    background                          : rgb(26,180,112);
    background                          : rgba(26,180,112, 0.8);
    color                               : #fff;
}

.stripe-light-green {background: #75c04c;}

.stripe-light-green .stripe-header {
    background                          : #75c04c;
    color                               : #fff;
}

.stripe-purple {background: rgb(109,4,228);}

.stripe-purple .stripe-header.opacity {
    background                          : rgb(109,4,228);
    background                          : rgba(109,4,228, 0.8);
    color                               : #fff;
}


.stripe-grey {background: #a4a4a4;}

.stripe-grey .stripe-header {
    background                          : #a4a4a4;
    color                               : #fff;
}

.stripe-mixbluewhite {background: #fff;}

.stripe-mixbluewhite .stripe-header {
    background                          : #2dbad7;
    color                               : #fff;
}

.stripe-light-grey {background: #f3f3f3;}

.stripe-light-grey .stripe-header {
    background                          : #e7e7e7;
    color                               : #5d5d5d;
}



/* Hide background colour for Parallax Windows */
.stripe-feature.parallax-window {
    background                          : transparent;
}



/* Ripple */



/* Mobile Menu */

#menu-drawer {
    display                             : none;
    position                            : absolute;
            
    height                              : 100%;
    width                               : 90%; /* Properties need calculating as width in JS for browser resize */
    left                                : -92%; /* Extra to hide shadow */
    top                                 : 0;
    background                          : rgb(255,255,255);
    color                               : #000;
    z-index                             : 10000;
    overflow                            : auto;
    

    font-weight                         : 300; /* Light Font */

    font-family                         : 'Tahoma', 'Roboto Condensed', sans-serif;
}

.ja-jp #menu-drawer.open-drawer {
    font-family                         : 'Meiryo', 'Tahoma', 'Roboto Condensed', sans-serif;
}

#menu-drawer.open-drawer {
    box-shadow                          : 0 0 20px #000;
}

#scrim {
    display                             : none;
    height                              : 100%;
    width                               : 100%;
    position                            : absolute;
    z-index                             : 9999;
    top                                 : 0;
    left                                : 0;
    background                          : rgba(0,0,0,0.6);
}

.ie8 #scrim {
    background                          : rgb(0,0,0);
    -ms-filter                          : "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.drawer-items, .sitemapHolder {
    font-size                   : 18px;
    margin                      : 20px;
}

.drawer-items,
#local-menu {    
    font-weight                 : 300;
}

.drawer-items ul,
#local-menu ul,
.sitemapHolder ul {
    list-style                  : none;
    padding                     : 0;
    margin:0;    
}

.drawer-items li,
#local-menu li,
.sitemapHolder li {
    line-height                 : 1.6em;
    color                       : #8e8e8e;
    margin-top:4px;
}

.drawer-items li a,
#local-menu li a,
.sitemapHolder li a{
    color                       : #8e8e8e;
    display                     : block;
    padding                     : 5px 20px;
}

.drawer-items li a:hover,
.drawer-items li a.active,
#local-menu li a:hover,
#local-menu li a.active,
.sitemapHolder li a:hover,
.sitemapHolder li a.active {
    background                  : #f6f6f6;
    color                       : #03acef;
}

.drawer-items li a:hover {
    
}

.drawer-items ul ul li a,
.sitemapHolder ul ul li a {
    font-size                   : 16px
}

.drawer-items ul ul li a,
#local-menu ul ul li a,
.sitemapHolder ul ul li a {
    padding-left                : 40px;

}

.drawer-items ul ul ul li a,
#local-menu ul ul ul li a,
.sitemapHolder ul ul ul li a {
    padding-left                : 60px;
}

.drawer-items ul ul ul ul li a,
#local-menu ul ul ul ul li a,
.sitemapHolder ul ul ul ul li a {
    padding-left                : 80px;
    
}

.sitemapHolder ul ul ul ul ul li a {
    padding-left                : 100px;
    
}

.sitemapHolder ul ul ul ul ul ul li a {
    padding-left                : 120px;
}

.sitemapHolder ul ul ul ul ul ul ul li a {
    padding-left                : 140px;
}

.sitemapHolder > ul {
border-bottom:1px solid #ccc;

padding-bottom:20px;
}

.dropdown-main-menu {
    margin                      : 20px;
    vertical-align              : middle;
}

.dropdown-main-menu .dropdown-menu,
.dropdown-main-menu .dropdown-toggle,
.dropdown-main-menu .dropdown-menu li > a {
    width                       : 100%;
    text-align                  : left;
    
    font-size                   : 24px;
    font-weight                 : 300;
    padding-top                 : 6px;
    padding-bottom              : 6px;
}

.dropdown-main-menu .dropdown-toggle {
    border                      : none;
    background                  : #f6f6f6;
    padding-left                : 20px;
}

.dropdown-main-menu .dropdown-toggle::after {
    content					    : "\E313";
	right                       : 0;
    top                         : 0;
    position                    : absolute;
	display					    : inline-block;
			
	color						: #fff;
	/* Fix vertical Position*/
	vertical-align			    : middle;

    background                  : #d9d9d9;
            
    padding                     : 2px 12px;
    text-align                  : center;

	font-family				    : 'Material Icons';
    font-size                   : 30px;
}

.dropdown-main-menu.open .dropdown-toggle::after {
    content					    : "\E5CE";
    background                  : #03acef;
}


.dropdown-main-menu.open > .dropdown-toggle.btn-default:hover,
.dropdown-main-menu.open > .dropdown-toggle.btn-default:focus,
.dropdown-main-menu.open > .dropdown-toggle.btn-default.focus {
    background                  : #ededed;
}

.dropdown-main-menu .material-icons {
    vertical-align              : middle;
    margin-right                : 15px;
    color                       : #c8c8c8;
    line-height                 : 32px !important;
    margin-top                  : -4px;
}

.dropdown-main-menu .dropdown-menu li > a:hover .material-icons {
    color                       : #8e8e8e;
}

.dropdown-main-menu .dropdown-menu li > a.active,
.dropdown-main-menu .dropdown-menu li > a.active .material-icons {
    color                       : #03acef;
}

.dropdown-main-menu .dropdown-menu {
    background                  : #fbfbfb;
}

#menu-drawer .search-holder {
    margin                      : 20px;
    position                    : relative;
}

#menu-drawer .search-holder input {
    border                      : 1px solid transparent;
    outline                     : 0;
    width                       : 100%;
    height                      : 50px;
    margin                      : 0;
    
    padding                     : 0px 55px 0px 20px;
    font-size                   : 20px;
    color                       : #4a4a4a;
    font-weight                 : 300;
    background                  : #f6f6f6;
}

#menu-drawer .search-holder button {
    background                  : #03acef;
    color                       : #fff;
    position                    : absolute;
    right                       : 0;
    top                         : 0;

    height                      : 50px;
    width                       : 54px;
}

.menu-icon-toggle,
.menu-icon-toggle {
    float                       : right;
    background                  : rgb(229,229,229);
    background                  : rgba(0,0,0,0.05);
    padding                     : 5px 10px;
    cursor                      : pointer;
    margin-left                 : 5px;
}

.menu-icon-toggle.open-icon,
.menu-icon-toggle:hover{
    background                  : rgb(229,229,229);
    background                  : rgba(0,0,0,0.1);
}

#menu-drawer .drawer-items li,
#local-menu li {
    position                    : relative;
}

#menu-drawer .drawer-items li.selected > .menu-icon-toggle,
#local-menu li.selected > .menu-icon-toggle {
    background                  : #03acef;
    color                       : #fff;
}

#sitestructure {
    background                  : #191d1f;
    padding                     : 20px;
}

#sitestructure a {
    color                       : #fff;
}




.linkBtn {
    background:rgb(0,0,0);
    background:rgba(0,0,0,0.8);
    color:#fff;
    width:50px;
    height:50px;

    position:absolute;
    z-index:2000;
    top:25px;
    left:25px;
}

.linkBtn:hover {
    background:rgb(255,255,255);
    background:rgba(255,255,255,0.8);
    color:#000;
}

.linkBtn::before {
    font-family: "Material Icons";
    content: "\E157";
    font-size:30px;
    position:absolute;
    width:50px;
    height:50px;
    text-align:center;
    z-index:1;
    line-height:50px;
}

.linkBtn a {
    height:50px;
    width:50px;
    font-size:0;
    display:block;
    z-index:2;
    position:absolute;
    
}

.card-error {
    background:#f2dede;
    color:#a94442;
    padding:10px;
}

.editorImage, .editorImageTile {
    position:absolute;
    top:15px;
    right:15px;
    font-size:30px;
    background:rgb(0,0,0);
    background:rgba(0,0,0,0.8);
    color:#fff;
    padding:0;
    width:50px;
    height:50px;
    text-align:center;
    z-index:1000;
}

.ir-stripe .editorImage {
    top:auto;
    bottom:15px;
}

.editorImage span {
    position:absolute;
    border:red solid 1px;
  
}

.editorImageTile {
    z-index:2000;
    top: 30px;
    right: 30px;
}

.editorImage .material-icons, .editorImageTile .material-icons {
    margin-top:5px;
}

.editorImage img, .editorImageTile img {
    border:yellow solid 1px;
    width:50px;
    height:50px;
    opacity:0;
    position:absolute;
    top:0;
    left:0;
}

.editorImage:hover, .editorImageTile:hover {
    background:rgb(255,255,255);
    background:rgba(255,255,255,0.8);
    color:#000;
}





/* TEMP CAROUSEL TEST */

 .homepage-carousel .item {
        background-repeat           : no-repeat;
        background-position         : center center;
        background-size             : cover;
        
        height                      : 400px;
        overflow                    : hidden;
    }

    .homepage-carousel .item img {
        visibility                  : hidden;
    }

    .homepage-carousel {
        width                       : 100%;

        position:absolute;
        top:0;
    }

    .homepage-carousel .carousel-control {
        background                  : none;
        opacity                     : 1;
        height                      : 100px;
        width                       : 100px;
        top                         : 50%;
        z-index                     : 9999;
    }

    .homepage-carousel .carousel-control .material-icons {
        font-size                   : 40px;
        line-height                 : 100px !important;
    }

    .homepage-carousel .carousel-control:hover {
        background                  : #03acef;
    }
    
.xs .homepage-carousel .carousel-control {
    width:50px;
    height:50px;
    bottom:35px;
    top:auto;
}

.xs .homepage-carousel .carousel-control .material-icons {
    font-size                   : 30px;
    line-height                 : 50px !important;
}

.homepage-carousel .captions {
    position:absolute;
    z-index:auto;
    top:50%;
    width:70%;
    padding:0;
    max-width:960px;
    margin-top:-20px;

    width:100%;
    padding-right:120px;
}


.homepage-carousel .captions.captions-right {
    padding-right:0;
    padding-left:120px;
    right:0;
}

.homepage-carousel .captions-right .carousel-caption {
    padding-right:120px;
    padding-left:20px;
}

    .lg .homepage-carousel .captions {
        max-width:1200px;
    }

    .homepage-carousel .carousel-caption h3 {
        margin:0;
        padding:0;
        font-size:50px;

        /*word-break: break-all;*/

        -webkit-animation-delay: 0.5s; /* Safari 4.0 - 8.0 */
        animation-delay: 0.5s;
    }

    .homepage-carousel .carousel-caption h3 strong {
        font-size:90px;
        display:block;
        line-height:90px;

         -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
        animation-delay: 1s;
        margin-left:-6px;
    }
    
    .ja-jp .homepage-carousel .carousel-caption h3 strong {
    	font-size:85px;
        line-height:85px;
}

    .md .homepage-carousel .carousel-caption h3 {
        font-size:50px;
    }

    .md .homepage-carousel .carousel-caption h3 strong {
        font-size:80px;
        line-height:70px;
        margin-left:-4px;
    }
    
.ja-jp  .md .homepage-carousel .carousel-caption h3 strong {
        line-height:85px;
}

    .sm .homepage-carousel .carousel-caption h3 {
        font-size:40px;
    }

    .sm .homepage-carousel .carousel-caption h3 strong {
        font-size:70px;
        line-height:80px;
        margin-left:0;
    }

.ja-jp  .sm .homepage-carousel .carousel-caption h3 strong {
        line-height:85px;
}

    .xs .homepage-carousel .carousel-caption {
        padding:20px;
    }

    .xs .homepage-carousel .captions {
        /* Includes Left and Right variants */
        padding-right:0px;
        padding-left:0px;
    }

    .xs .homepage-carousel .carousel-caption h3 {
        font-size:30px;
    }

    .xs .homepage-carousel .carousel-caption h3 strong {
        font-size:30px;
        line-height:40px;
        margin-left:0;
    }

    .homepage-carousel .carousel-caption {

        padding:20px;
        padding-left:120px;
        background:rgba(0,0,0,0.6);
        min-height:140px;
        color:#fff;
        text-transform:uppercase;
        position:relative;
        left:0;
        right:0;
        text-align:left;

    }


    
.caption-animate .item.active .carousel-caption {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.carousel-indicators {
    display:none;
}

.caption-animate .item .carousel-caption.fadeInUp {
    opacity                      : 0;
}


.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  /*z-index: 2;*/
}




.moreBtn {
    position:absolute;
    bottom:-80px;
    left:120px;
    z-index:100;
}

.captions-right .moreBtn {
    left: 0;
}

.xs .moreBtn {
    left:20px;
}

.prHolder {
    position:absolute;
    bottom:20px;
    right:20px;
    color:#fff;
    font-size:18px;
    text-align:right;
    text-transform:uppercase;
    padding:15px;
}

.xs .prHolder {
    right:auto;
    text-align:center;
    width:100%;
    padding:10px 60px;
}

.prHolder:hover {
    background:rgb(0,176,242);
    background:rgba(0,176,242, 0.9);
    color:#fff;
}

.prName {
    display:block;
    font-size:22px;
    font-weight:400;
}

.prCredit {
    display:block;
    font-size:14px;
    font-weight:300;
}

.homepage-carousel .btn {
    padding:15px;

    -webkit-animation-delay: 1s; /* Safari 4.0 - 8.0 */
    animation-delay: 1s;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}


/* SLIDER TILE */

.slider-tile {
    width: 220px;
    margin-right: 15px;
    display: inline-block;
    position: relative;
}

.slideHolder {
            text-align:center;
            overflow-x:auto;
            white-space:nowrap;
        }

        .stripe-slider .stripe-header h2 {
            text-align:center;
            margin-left:0;
        }

        .stripe-slider {
            min-height:200px;
        }


/* NEWS */
.pagetext {
    font-size:18px;
}

.datetext {
    font-size: 16px;
    font-weight:300;
    color:#bdbdbd;
    padding-top:10px;
}

.newstypeicon {
    color:#a4a4a4;
}

.newsBlurb {
    /*max-height:130px;*/
    overflow:hidden;
    margin-top:8px;
}

.newsBlurb a {
    color:#8d8d8d;
}

.newsBlurb a:hover,
.newstypeicon:hover {
    color:#03acef;
}

.news-filter {
    margin-top              : -90px;
    text-align              : right;
}

.xs .news-filter,
.sm .news-filter {
    margin-top              : -20px;
}

.news-holder-with-menu .news-filter {
    margin-top              : 20px;
    text-align              : left;
}

.news-filter .material-icons {
    vertical-align          : middle;
    margin-top              : -4px;
    color                   : #a4a4a4;
    margin-right            : 10px;
}

    .news-filter .no-right-margin {
       margin-right             : 0;
    }

    .news-filter .open {
        color:#fff;
    }

    .news-filter .open a {
        color:#a4a4a4;
    }

    .news-filter ul.list-inline {
        margin                  : 0;
    }

    .news-filter ul.list-inline li {
        padding-right           : 0;
        padding-left            : 15px;
    }

    .news-filter a {
        color                   : #fff;
        padding                 : 5px 10px;
        display                 : inline-block;
    }

    .news-filter a:hover {
        opacity                 : 0.6;
    }

    .news-filter .active {
        background              : #fff;
        color                   : #4a4a4a;
       
        
        line-height             : 30px;
    }

.panel-news .panel-body {
    
    overflow:hidden;
    padding-left:70px;
    height:200px;
}

.panel-news .panel-body {
    position                    : relative;
}

.row > div > .panel.panel-news:first-of-type,
.panel-news {
    margin-top                  : 15px;
    margin-bottom               : 15px;
}

.newstypeicon {
    position                    : absolute;
    top                         : 15px;
    left                        : 15px;
}

.readMore {
    text-align                  : center;
    margin-top                  : 15px;

}

.nsg-website-home .readMore {
    position                    : absolute;
    bottom                      : -100px;
    left                        : 0;
    width                       : 100%;
}

.readMore .btn-readMore,
.readMoreSmall .btn-readMore {
    margin                      : 15px;
    color                       : #fff;
    padding                     : 15px;
    font-size                   : 24px;
    background                  : #5a5a5a;
}

.readMoreSmall {
    text-align:center;
}

.readMore .btn-readMore:hover,
.readMoreSmall .btn-readMore:hover {
    color                       : rgb(0,176,242);
    background                  : #fff;
}




/* List Tile */

    .card-list-tile ol {
        list-style: none;
        counter-reset: li;
        padding:0 0 0 45px;
    }

    .card-list-tile ol li::before {
        content: counter(li);
    }

    .card-list-tile ol li {
        counter-increment: li;
        margin-bottom:10px;
        margin-left:5px;
        position:relative;
        min-height:42px;
    }

    .card-list-tile ol li::before {
        content: counter(li);
        color: #fff;
        background:blue;
        position:absolute;
        left:-50px;
        padding:8px 15px;
        font-size:18px;
        
    }

    .card-list-tile .listItem-1::before {background:#0b4d5d;}

    .card-list-tile .listItem-2::before {background:#116b84;}

    .card-list-tile .listItem-3::before {background:#137a98;}

    .card-list-tile .listItem-4::before {background:#1689ac;}

    .card-list-tile .listItem-5::before {background:#1890b7;}

    /* Custom List Icon */

    .card-list-tile .list-custom {
        list-style: none;
        padding:0 0 0 25px;
    }

    .card-list-tile .list-custom li {
        margin-bottom:10px;
        margin-left:5px;
        position:relative;
        
    }

    .card-list-tile .list-custom .material-icons {
        position:absolute;
        left:-30px;
        line-height:20px !important;
    }

.news-holder.transparentTile {
    color:#ffffff;
    margin-top:15px;
}

.news-holder.transparentTile h3 {
    margin-top:15px;
}

.news-holder .fixed-tile .panel-body,
.news-holder.news-holder-with-menu .panel-body {
    height                  : auto;
}

.news-holder .fixed-tile .pagetext,
.news-holder .fixed-tile .datetext {
    font-size:14px;
}

.news-item-holder.fixed-tile {
    height:265px;
    overflow:auto;
}

.errorOutput {
    position:absolute;
    z-index:999;
    bottom:15px;
    left:15px;
    color:#fff;
    font-size:12px;
    background:red;
    padding:5px;
}


/* Special Page Style */
/* Contact Us */
.nsg-select, .nsg-textarea, .nsg-textfield, .nsg-submit { 
    width                   : 100%;
}

.nsg-select, .nsg-textarea, .nsg-textfield, .nsg-submit { 
    display                 : block;
}

.nsg-textfield, .nsg-textarea, .nsg-select, nsg-submit { 
    border                  : none;
    background              : #ebebeb;
    font-size               : 18px;
}

.nsg-textfield, .nsg-select { 
    padding-left             : 25px;
    height                   : 50px;
}

.nsg-textfield-label {
    display                  : none;
}

.ie8 .nsg-textfield-label {
    display                  : block;
    font-family              :Tahoma;
    color                    : #838383;
}

.ie8 .ja-jp .ie8 .nsg-textfield-label {
    font-family                         : 'Meiryo', 'Tahoma', 'Roboto Condensed', sans-serif;
}



.nsg-textarea { 
    padding                 : 13px 25px 0 25px; 
    height                  : 120px;
    color                   : #838383;
}

.nsg-textarea-request { 
    height                  : 190px;
}

#content_0_tbRequest { 
    height                  : 190px;
}

.nsg-contactform-item {
    margin                  : 20px 0;
    position                : relative;
}

.nsg-contactform-item-bottom {
    margin-bottom           : 0px;
}

.nsg-contactform-item span {
    display                 : block;
    position                : absolute;
    position                : absolute;
    background-color        : #e72b2b;
    width                   : 100%;
    bottom                  : -20px;
    font-size               : 16px;
    color                   : #fff;
    font-family             : 'Tahoma', 'Roboto', sans-serif;
    padding-left            : 25px;
}

.ja-jp .nsg-contactform-item span, 
.ja-jp .validationHolder {
    font-family             : 'Meiryo', 'Tahoma', 'Roboto Condensed', sans-serif;
}

.validationHolder {
    background-color        : #e72b2b;
    margin                  : 0 15px;
    color                   : #fff;
    font-size               : 16px;
    font-family             : 'Tahoma', 'Roboto' ,sans-serif;
    padding-left            : 25px;
    line-height             : 30px;
}

.valText ul {
    display                 : none;
}

.nsg-contactform-item select { 
    color                   : #838383;
}

.nsg-submit {
    border                  : 0;
    color                   : #ffffff !important;
    font-size               : 20px;
    background              : #797979;
    text-decoration         : none;
    text-align              : center;
    width                   : 100%;
    height                  : 50px;
    line-height             : 50px;
    cursor                  : pointer;
}

.nsg-submit--blue {
    background              : #03acef !important;
    margin-top              : 15px;
}

.additionaloptions-description {
    font-size: 18px;
    color: #858585;
}

/*Confirm Panel*/
.pnlConfirm-summery .col-md-3 {
    margin-bottom           : 15px;
}

.pnlConfirm-intro {
    font-size               : 18px;
    margin-bottom           : 15px;
}

.pnlConfirm-titles { 
    font-size               : 16px;
    margin                  : 5px 0 3px 0;
    font-weight             : bold;
}

.pnlConfirm-labels { 
    font-size               : 14px;
}

.displayPanel
{
    display                 : block;
}

.hidePanel
{
    display                 : none;
}

.nsg-contactform-item input {
    color                   : #838383;
}

.nsg-submit { 
    color                   : #ffffff !important;
}

.additionaloptions {
    z-index                 : 1;
    color                   : #838383;
    display                 : none;
}

.additionaloptions-title {
    font-size               : 22px;
    font-weight             : normal;
    text-decoration         : underline;
    padding-top             : 15px;
}

.additionaloptions ul {
    list-style              : none;
    padding                 : 0;
}

.additionaloptions li {
    background-color        : #ebebeb;
    margin-bottom           : 10px;
}

/*Checkbox styles*/
.OptionsCheckBox input:hover, .OptionsCheckBox input:focus, .OptionsCheckBox input:active
{
    -webkit-appearance      : checkbox !important;
}

.checkbox-custom, .radio-custom {
    opacity                 : 0;
    position                : absolute;   
}

.checkbox-custom, .checkbox-custom-label, .radio-custom, .radio-custom-label {
    display                 : inline-block;
    vertical-align          : middle;
    margin                  : 5px;
    cursor                  : pointer;
    font-size               : 18px;
    font-weight             : normal;
}

.checkbox-custom-label, .radio-custom-label {
    position                : relative;
}

.checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
    content                 : '';
    background              : #fff;
    border                  : 2px solid #ddd;
    display                 : inline-block;
    vertical-align          : middle;
    width                   : 30px;    
    height                  : 30px;
    padding                 : 2px;
    margin-right            : 10px;
    text-align              : center;
}

.checkbox-custom:checked + .checkbox-custom-label:before {
    content                 : "\f00c";
    font-family             : 'FontAwesome';
    background              : #009ae6;
    color                   : #fff;
}

.radio-custom + .radio-custom-label:before {
    border-radius           : 50%;
}

.radio-custom:checked + .radio-custom-label:before {
    content                 : "\f00c";
    font-family             : 'FontAwesome';
    color                   : #fff;
    background              : #009ae6;
}

.checkbox-custom:focus + .checkbox-custom-label, .radio-custom:focus + .radio-custom-label {
  outline                   : 0px solid #ddd; /* focus style */
}

/*Radio styles*/
.OptionsRadioButtons input:hover, .OptionsRadioButtons input:focus, .OptionsRadioButtons input:active
{
    -webkit-appearance		: radio !important;
}

/*Textbox placeholder*/
.nsg-textarea::placeholder, .nsg-textarea::-ms-input-placeholder, .nsg-textarea::-webkit-input-placeholder, .nsg-textarea::-moz-input-placeholder {
    color                     : #838383;
}

.nsg-textarea::placeholder-shown {
    color                     : #838383;
}

/*IE fixes*/
.contactformholder::-webkit-input-placeholder { /* Chrome */
  color                     : #838383;
}
.contactformholder:-ms-input-placeholder { /* IE 10+ */
  color                     : #838383;
}
.contactformholder::-moz-placeholder { /* Firefox 19+ */
  color                     : #838383;
  opacity                   : 1;
}
.contactformholder:-moz-placeholder { /* Firefox 4 - 18 */
  color                     : #838383;
  opacity                   : 1;
}

/*Terms and Conditions*/
.termslink {
  cursor                    : pointer;
  position                  : relative;
  top                       : 0px;
  font-size                 : 18px;
}

.termstag {
  position                  : relative;
  top                       : 1px;
  font-size                 : 18px;
  color                     : #858585;
}

.termsclose {
  text-align                : right;
}

.termslightbox {
    position                : fixed;
    min-height              : 500px;
    background-color        : #fff;
    display                 : none;
    z-index                 : 5001;
    top                     : 25%;
    left                    : 25%;
    border                  : 2px solid #009ae6;
    -moz-border-radius      : 5px;
    -webkit-border-radius   : 5px;
    border-radius           : 5px;
    padding                 : 15px;
}

.termsunder {
    display                 : none;
    position                : fixed;
    top                     : 0;
    right                   : 0;
    bottom                  : 0;
    left                    : 0;
    width                   : 100%;
    height                  : 100%;
    background-color        : #000;
    z-index                 : 5000;
    -moz-opacity            : 0.30;
    opacity                 : .30;
    filter                  : alpha(opacity=30);
    cursor                  : pointer;
}

.TermsCheckBox { float:left; }

.TermsCheckBox input:hover, .TermsCheckBox input:focus, .TermsCheckBox input:active
{
    -webkit-appearance      : checkbox !important;
}

.TermsCheckBox label {
        color               : #858585;

}

.termsvalidate {
    display                 : block;
    background-color        : #e72b2b;
    width                   : 100%;
    bottom                  : -20px;
    font-size               : 16px;
    color                   : #fff;
    font-family             : 'Tahoma', 'Roboto', sans-serif;
    padding-left            : 25px;
}

.ja-jp .termsvalidate {
    font-family             : 'Meiryo', 'Tahoma', 'Roboto Condensed', sans-serif;
}

.firstsubmit {
    margin-top              : 0px;
}

/*terms mobile adjusts*/
@media (max-width : 993px) {
    .termslightbox {
    position: fixed;
    min-height: 500px;
    background-color: #fff;
    display: none;
    z-index: 5001;
    top: 50px;
    left: 0;
    border: 2px solid #009ae6;
    border-radius: 5px;
    padding: 15px;
}
}

/* Contact Us - END */

/*Global Addresses*/
.globaladdresses h2 { 
    color                   : #fff;
}

.globaladd-country { 
    padding                 : 0 30px;
    margin-top              : 45px;
}

.globaladd-country--drop {
    background-color        : rgba(255, 255, 255, 0.2);
    height                  : 50px;
    line-height             : 50px;
    font-size               : 18px; 
    padding                 : 0 15px;
    color                   : #fff;
}

.ie8 .globaladd-country--drop {
    background-color        : #ffffff;
    padding:0px;
    height:auto;
    line-height:normal;
}

.globaladd-country--drop select { 
    background-color        : transparent;
    border                  : 0;
    line-height             : 50px;
    height                  : 50px;
    outline                 : none;
}

.globaladd-country--drop select option { 
    color                   : #3f3f3f;
}

.globaladdresses .card-content { 
    font-size               : 18px;
}

.globaladd { 
    float                   : left;
    width                   : 390px;
}

.ie8 .globaladd {
width:390px !important;
}

.globaladd-card { 
    width                   : 100%;
}

.globaladd-carosel-outer { 
    position                : relative;
    width                   : 100%;
    height                  : 350px;
    overflow                : hidden;
    visibility              : hidden;
}

.globaladd-carosel-inner { 
    position                : absolute;
    width                   : 300000px;
    left                    : -390px;
}

.globaladdressestitle { 
    margin-left             : 0 !important;
    padding-left            : 45px !important;
}

.sorter { 
    display                 : none;
}

.add-details-id { 
    display                 : none;
    color                   : red;
}

.carosel-ctrl { 
    position                : absolute;
    z-index                 : 100;
    display                 : block;
    color                   : #fff;
    width                   : 100%;
}

.carousel-prev { 
    background-color        : rgba(255,255,255,0.2);
    position                : relative;
    top                     : 126px;
    left                    : -15px;
    float                   : left;
    cursor                  : pointer;
}

.carousel-next { 
    background-color        : rgba(255,255,255,0.2);
    position                : relative;
    top                     : 126px;
    float                   : right;
    cursor                  : pointer;
}


/*Select styles*/
.globaladd-country--drop select {
  -webkit-appearance        : none;
  -moz-appearance           : none;
  appearance                : none;
  background                : url('/_externalbuilds/NSG.WCM.NsgCom/Layouts/Arrow-Down.png') 100% / 4% no-repeat;
  width                     :100%;
}

/* for IE */
.globaladd-country--drop select::-ms-expand { 
    display                 : none; /* remove default arrow in IE 10 and 11 */
}

/* target Internet Explorer 9 to undo the custom arrow */
@media screen and (min-width:0\0) {
    .globaladd-country--drop select {
        background:none\9;
        padding: 5px\9;
    }
}

/*Global Addresses - END*/

/* Corporate History */


.row.range {
    border-bottom               : dashed 1px #ccc;
    padding-top                 : 20px;
    padding-bottom              : 20px;
}

.row.range ul {
    padding-left                : 18px;
}

.row.range:first-child {
    border-top                  : dashed 1px #ccc;
}

.dateRange {
    font-size                   : 60px;
    color                       : #00abae;
}

.xs .dateRange {
    text-align                  : center;
    font-size                   : 50px;
    display                     : block;
}

.titleRange {
    display                     : block;
}

.descriptionRange {
    display                     : block;
}


.panel-transparent {
    background                  : none;
    box-shadow                  : none;
    -webkit-box-shadow          : none;
}

.timeline .panel-transparent > .panel-body {
    padding                     : 0;
}

.timeline .row > div > .panel:first-of-type {
    margin-top                  : 0px;
}

.timeline .row > div > .panel {
    margin                      : 0;
}

.eventTile {
    margin-top                  : 15px;
}

.eventTile .panel::before {
    content                     : "";
    width                       : 0;
    height                      : 0;
    border-style                : solid;
    border-width                : 10px 10px 10px 0;
    border-color                : transparent #00abae transparent transparent;
    position                    : absolute;
    left                        : 5px;
    top                         : 35px;
    z-index                     : 1;
}

.xs .eventTile .panel::before {
    display                     : none;
}

.eventTile .panel {
    min-height                  : 90px;

    border-radius               : 0;
    -moz-border-radius          : 0;
    -webkit-border-radius       : 0;
    border                      : none;

    
    border-left                 : #00abae solid 80px;
    border-right                : #00abae solid 10px;

}

.xs .timeline .row .eventTile .panel {
    border-left-width           : 0;
    border-right-width          : 0;

    border-top                  : #00abae solid 40px;
    border-bottom               : #00abae solid 10px;
    margin                      : 40px auto 10px auto;

    padding-top:20px;
}

.xs .event-icon {
    display                     : none;
}

.xs .eventRangeHolder {
    margin-bottom               : 20px;
    background: rgba(244,247,249, 0.8);
}


.eventTile .panel h3 {
    margin-top                  : 0;
    color                       : #00abae;
}

.eventTile:first-child {
    margin-top                  : 0;
}

.eventDate {
    background                  : #00abae;
    width                       : 90px;
    text-align                  : center;
    color                       : #fff;
    padding                     : 5px;
    position                    : absolute;
    margin-left                 : -203px;
    margin-top                  : -15px;
    height                      : 90px;

    border                      : solid #a0d9da 8px;

    border-radius               : 45px;
    -moz-border-radius          : 45px;
    -webkit-border-radius       : 45px;

    text-align                  : center;
}

.md .eventDate {
    margin-left:-196px;
}

.sm .eventDate {
    margin-left:-186px;
}

.eventTile h3, .eventRangeHolder h3 {
    font-size:18px;
}

.xs .eventDate {
    margin-left                 : 0;
    left:50%;
    margin-left:-45px;
    margin-top:-100px;
}

.event-icon {
    color                       : #fff;
    position                    : absolute;
    left                        : 36px;
    top                         : 20px;
}

/* Date Formats */
.ddmmyyyy .eventDay {
    font-size                   : 24px;
    line-height                 : 24px;
    margin-top                  : 2px;
    display                     : block;
}

.ddmmyyyy .eventMonth, .ddmmyyyy .eventYear {
    display                     : block;
    line-height                 : 18px;
}

.mmyyyy .eventDay {
    display                     : none;
}

.mmyyyy .eventMonth {
    display                     : block;
    font-size                   : 24px;
    line-height                 : 24px;
    margin-top                  : 12px;
}

.mmyyyy .eventYear {
    display                     : block;
    line-height                 : 18px;
}

.yyyy .eventDay {
    display                     : none;
    font-size                   : 24px;
    line-height                 : 24px;
    margin-top                  : -8px;
}

.yyyy .eventMonth {
    display                     : none;
}

.yyyy .eventYear {
    display                     : block;
    font-size                   : 24px;

    margin-top                  : 15px;
}

/* End of Date Formats */

#timeline {
    position                    : relative;
}

#timeline:before {
    background-color            : #a0d9da;
    width                       : 10px;
    position                    : absolute;
    top                         : 0;
    bottom                      : 0;
    content                     : " ";
    left                        : 50%;
    margin-left                 : -5px;
}

#metaPanel {
    background                  : #191d1f;
    padding                     : 20px;
    color                       : #fff;
}


/*New Site Search Lucene*/
.Highlighter { background-color:#009ae6; }
.search-criteria, .searchstring, .searchresults, .searchhold { text-align:center;  }


/* IR Calendar */

.ir-calendar {margin:40px 0;cursor:default;}

.ir-calendar .col-sm-1 {
    padding-right:5px;
    padding-left:0;
}

.ir-calendar > div {
    margin-bottom:20px;
}

.eventLabel {
	background:#f6f6f6;
	padding:5px;
	font-size:14px;
	
	border-radius               : 5px;
    -moz-border-radius          : 5px;
    -webkit-border-radius       : 5px;
}


.xs .month {
    float:left;
}
.xs .ir-calendar .event .eventLabel {
    margin-left:80px;
    min-height:60px;
}

.ir-calendar .month:hover{
/*
    border-width:8px;
    line-height:10px;
*/
}

.xs .ir-calendar .event .month:after,
.sm .ir-calendar .event .month:after,
.md .ir-calendar .event .month:after,
.lg .ir-calendar .event .month:after {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(42, 154, 212, 0);
	border-bottom-color: #2a9ad4;
	border-width: 10px;
	margin-left: -10px;
}

.xs .ir-calendar .event .month:after,
.xs .ir-calendar .event.bottomArrow .month:after {
	left: 120%;
	top: 30%;
	border-color: rgba(42, 154, 212, 0);
	border-left-color: #2a9ad4;
}

.sm .ir-calendar .event.combinedFirst .month:after,
.md .ir-calendar .event.combinedFirst .month:after,
.lg .ir-calendar .event.combinedFirst .month:after {
	right:0;
	left:auto;
	margin-right:-5px;
	margin-left:0;
}

.ir-calendar .event.combinedLast .month:after {
	display:none;
}

.ir-calendar .event.bottomArrow .month:after {
	top: 100%;
	left: 50%;
	border-color: rgba(42, 154, 212, 0);
	border-top-color: #2a9ad4;
}


.ir-calendar .month {
	position: relative;
    background                  : #00abae;
    color                       : #fff;
    padding                     : 4px;
    padding                     : 4px;

    border                      : solid #a0d9da 5px;
    line-height:30px;

    height:50px;

    border-radius               : 45px;
    -moz-border-radius          : 45px;
    -webkit-border-radius       : 45px;

    white-space                 : nowrap;
}

.ja-jp.sm .ir-calendar .month,
.ja-jp.md .ir-calendar .month {
    font-size                   : 12px;
}

.xs .ir-calendar .month{
    height			            : 60px;
    width			            : 60px;
    line-height			        : 40px;
}

.lg .ir-calendar .month {
    height:60px;
    padding                     : 4px;

    line-height:40px;

    border-radius               : 45px;
    -moz-border-radius          : 45px;
    -webkit-border-radius       : 45px;
}

.ir-calendar .event .month {
    background			: #197db1;
    border-color		: #2a9ad4;
}

.ir-calendar .combinedFirst {
    padding-right		: 0;
}

.xs .ir-calendar .combinedFirst {
    margin-bottom		: 0;
}

.sm .ir-calendar .combinedFirst .month,
.md .ir-calendar .combinedFirst .month,
.lg .ir-calendar .combinedFirst .month {
    border-radius               : 45px 0 0 45px;
    -moz-border-radius          : 45px 0 0 45px;
    -webkit-border-radius       : 45px 0 0 45px;

    padding-right		: 0;
    border-right		: 0;
}


.xs .ir-calendar .combinedFirst .month {
    border-radius               : 45px 45px 0 0;
    -moz-border-radius          : 45px 45px 0 0;
    -webkit-border-radius       : 45px 45px 0 0;
    border-bottom		: 0;
}


.sm .ir-calendar .combinedLast .month,
.md .ir-calendar .combinedLast .month,
.lg .ir-calendar .combinedLast .month {
    border-radius               : 0 45px 45px 0;
    -moz-border-radius          : 0 45px 45px 0;
    -webkit-border-radius       : 0 45px 45px 0;

    padding-left		: 0;
    border-left			: 0;

}


.xs .ir-calendar .combinedLast .month{
    padding-left:0;
    border-radius               : 0 0 45px 45px;
    -moz-border-radius          : 0 0 45px 45px;
    -webkit-border-radius       : 0 0 45px 45px;
    border-top:0;
}