@charset "utf-8";
/*************RESETS***************/


@font-face {
    font-family: "items-light";
    src: url("https://info.w1m.com/preferences/fonts/Items-Light.otf");
}
@font-face {
    font-family: "unica-light";
    src: url("https://info.w1m.com/preferences/fonts/Unica77LL-Light.otf");
}
@font-face {
    font-family: "unica-medium";
    src: url("https://info.w1m.com/preferences/fonts/Unica77LL-Medium.otf");
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'unica-light', sans-serif;
	color:#000;
}

a {
	color: #063438;
	text-decoration: underline;
}

a:hover {
	color: #063438;
}

.center {
	text-align: center;
	
}

header{
    background-color: #ffffff;
    min-height: 362px;
    color: #FFFFFF;
    padding: 20px 0;
    background-image: url(https://info.hsbcprivatebank.com/preferences/images/banner.png);
    background-repeat: no-repeat;
    background-position: 40% top;
    background-size: cover;
	max-width: 1440px;
	margin:auto;
}

.logo {
	max-width: 250px;
}



a,
a:focus,
a:active,
a:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}

a img {
  outline: none !important;
  border: none !important;
}

a:focus img {
  outline: none !important;
}

a:focus {
  outline: 0;
  outline-color: transparent;
}

a.outline-button  {
	border: 1px solid white;
	color: #fff !important;
	text-decoration: none;
	font-family: UniversRg, Arial, sans-serif;
	padding: 10px 20px;
	font-size: 12px;
	min-width: 240px;
	text-align: center;
}

.align-right {
	display: flex;
	justify-content: flex-end;
}

#main_content {
	padding-top: 40px;
}



#footer {
	margin-top: 100px;
	border-top:1px solid rgba(0, 0, 0, 0.2);
	padding-top:50px;
	padding-bottom: 50px;
	font-size: 14px !important;
	display: flex;
	align-items: center;
}




.subscribeall {
	background-color: #F2F2F2;
	padding-top:30px;
	padding-bottom: 30px;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	margin-top: 65px;
	margin-bottom: 50px;
	padding-left: 20px;
}


.prefbox {
	margin-bottom: 70px;
	
}

.prefbox img {
	display: block;
}

.preftext {
	padding-top: 20px;
	padding-right:30px;
}

.preftitle {
	font-family: "items-light", sans-serif;
	font-size: 26px;
	padding-bottom: 10px;
	color: #063438;

}

.prefblurb {
	font-size:16px;
	padding-bottom: 30px;
	
}

.icon {
	display: inline-block;
	margin-right: 8px;
	vertical-align: middle;
		position: relative;
	top:-4px;
}

.icontext {
color: #666;
	font-size:14px;
	padding-bottom: 15px;
}

#successMessage {
	display: inline;
	padding-left: 20px;
}

html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}


.redborder {
	border-left:2px solid #db0011;
	padding-left:32px;
}


#footer .col-12 {
  padding-left: 0;
  padding-right: 0;
}

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	margin: 0;
	padding: 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: none
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: 700
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
input, select {
	vertical-align: middle
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	overflow-y: scroll
}
a:link {
	-webkit-tap-highlight-color: #FFB9B9
}
a:hover, a:active, a:focus {
	outline: none !important;
  text-decoration: underline;
}

.main {
	padding-left:10px;
	padding-right: 10px;
}



ul, ol {
	margin-left: 1.2em
}
ol {
	list-style-type: decimal
}
ol li {
	padding-bottom:15px;
}
nav ul, nav li {
	list-style: none;
	list-style-image: none;
	margin: 0
}
small {
	font-size: 85%
}
b, strong, th {
	font-weight: 700
}
td {
	vertical-align: top
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative
}
sup {
	top: -.5em
}
sub {
	bottom: -.25em
}
pre {
	padding: 15px;
	white-space: pre-wrap;
	word-wrap: break-word
}
.ie6 legend, .ie7 legend {
	margin-left: -7px
}
button, input, select, textarea {
	font-size: 100%;
	margin: 0;
	overflow: visible;
	vertical-align: baseline;
	width: auto
}
textarea {
	overflow: auto;
	vertical-align: text-top
}
label, input[type=button], input[type=submit], input[type=image], button {
	cursor: pointer
}
input::-moz-focus-inner, button::-moz-focus-inner {
border:0;
padding:0
}
input:invalid, textarea:invalid {
-moz-box-shadow:0 0 5px red;
-webkit-box-shadow:0 0 5px red;
border-radius:1px;
box-shadow:0 0 5px red
}
.no-boxshadow input:invalid, .no-boxshadow textarea:invalid {
background-color:#f0dddd
}
.ie7 img {
	-ms-interpolation-mode: bicubic
}
hr {
	   margin-top: 40px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #063438;
}
h2 {
	font-size:80px; 
	margin-bottom: 50px;
	font-weight: 300;
	line-height: 94%;
	font-family: "items-light";
	color: #063438;
}
h3 {
	font-size:20px; 
	margin-bottom: 20px;
}
h4 {
	font-size:16px;
		margin-top: 10px;
	margin-bottom: 20px;
	font-weight: bold;
}
/************* STYLING **************/


body {
   background-color: #fff
}
.wrapper {
	background-color: #FFFFFF;
    max-width: 700px;
	margin: 20px auto 80px auto;
}
.content-container {
	padding: 30px 50px;
}
p {
	font-size: 18px;
	color: #333333;
	margin: 0 0 10px;
}
li {
	font-size: 13px;
	color: #333333;
}
h1, h1 a {
	font-size: 14px;
	color: #333333;
	font-weight: bold;
	margin: 0;
}
h1 a:hover {
	color: #333333;
}
a.blue-link {
	text-align: right;
	display: block;
	color: #db0011;
	text-decoration: none;
}
a.blue-link:hover, a.blue-link:active, a.blue-link:focus {
	color: #db0011;
	text-decoration: underline;
	outline: 0;
}
a.blue-link span, h1 span {
	color: #db0011;
	font-weight: 700;
}
a.blue-link.white {
	padding-top: 15px;
	color: #ffffff;
}

.text-lg-end a:focus, .text-lg-end a:hover, .text-lg-end a:active {
	color: #212529 !important;
	
	
}

img {
	-ms-interpolation-mode: bicubic;
}
.col-sm-3.left, .col-sm-4.left, .col-sm-5.left, .col-sm-6.left, .col-sm-7.left, .col-sm-8.left, .col-sm-9.left, .col-sm-10.left, .col-sm-11.left, .col-sm-12.left {
	padding-left: 0;
}
.col-sm-5.right, .col-sm-5.right {
	padding-right: 0;
}
.article img {
	width: 100%;
	height: auto;
}
.article-inner {
	background-color: #f2f2f2;
	padding: 20px;
}
#videos .content-container {
	padding-bottom:0px;
}
.bannertitle {
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	width: 80%;
	height: auto;
	padding: 25px;
}
.bannertitle h1 {
	font-size: 3.000em;
	color: #ffffff;
	font-weight: normal;
}
.bannertitle p {
	font-size: 1.000em;
	color: #ffffff;
	font-weight: normal;
}

.language-bar {
	background-color: black;
	color: white;
	text-align: right;
}
.language-bar ul {
	list-style: none;
	padding: 10px 15px;
}
.language-bar ul li {
	display: inline-block;
	padding: 0px 10px;
}
.language-bar ul li > a {
	color: white;
}
.language-bar ul li:first-child {
	border-right: 1px solid white;
}
footer {
	background-color: #ffffff;
	width: auto;
	border: 0;
	text-align: center;
}
footer ul.links {
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
	padding-bottom: 10px;
	text-align: center;
}
footer ul.links li {
	display: inline-block;
	padding: 5px;
}
footer li a {
	text-decoration: underline;
}
footer li, footer li a, footer p {
	color: #333333;
	font-size: 0.75em;
	line-height: 1.4;
}
/***************NAV************/
nav.navbar-default.subnav {
	font-size: 1.000em;
	line-height: 1.8;
	background-color: #4090C9;
	border-radius: 0;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    background-color: #4090C9;
}
.subnav {
	min-height: 30px !important;
}
#navbar2 .nav > li > a {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
#navbar3 .nav > li > a {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}
nav.navbar-default {
	font-size: 1.000em;
	line-height: 1.8;
	background-color: #595959;
	border-radius: 0;
}
nav.navbar-default .navbar-nav>li>a, nav.navbar-default .navbar-nav>li>a:focus, nav.navbar-default .navbar-nav>li>a:active, nav.navbar-default .navbar-nav>li>a:visited {
	color: #ffffff;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
 color: #FFFFFF;   
	background-color: #666666;
}
nav.navbar-default .navbar-nav>li>a:hover {
	color: #ffffff;
	background-color: #db0d16;
}
nav .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
	margin-right: 0;
	margin-left: 0;
}
nav.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
	background-color: #db0d16;
	color: #ffffff;
}
nav .nav > li > a {
	position: relative;
	display: block;
	padding: 15px 16px;
	color: white;
}
nav.mainnav .nav > li:first-child > a {
	padding-left: 20px;
	padding-right: 20px;
}
nav .nav > li > a:hover {
	background-color: #db0d16;
}
nav.navbar {
	margin-bottom: 0px;
	border: 0px;
}
nav .container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
nav .navbar-collapse {
	padding-right: 0px;
	padding-left: 0px;
}
#myCarousel {
	padding-top: 10px;
}
#myCarouselSpotlightVideos, #myCarouselSpotlightBlogs, #myCarouselSpotlightArticles , #myCarouselSpotlightBrochures {
    padding-top: 0px;
    padding-right: 30px;
	height: 100%;
}
#carouselvideos, #carouselblogs, #carouselbrochures, #carouselarticles {
		height: 100%;
	}

.carousel-control {
	width: 5%;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	right: 35%;
	margin-right: -10px;
}
.carousel-indicators .active {
	background-color: #7f7f7f;
}
.carousel-indicators li {
	border: 1px solid #7f7f7f;
}



.termsAndConditions .terms {
    height: 250px !important;
    width: 90% !important;
	max-height: 250px !important;
	overflow-y:scroll;
	padding-right:10px;
	-moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    overflow:auto;
    padding: 2px;
	margin-left:auto;
  	margin-right:auto;
	resize: none;
}
 .newTopRightBlog{
   position:absolute;
   top:-5px;
   right:-5px;
   width:30px;
   height:30px;
   max-width:30px !important;
  }
 .newTopRight{
   position:absolute;
   top:-5px;
   right:-5px;
   width:50px;
   height:50px;
   max-width:50px !important;
  }
  .newBottomLeft{
   position:absolute;
   bottom:0px;
   left:-5px;
   width:50px;
   height:50px;
   max-width:50px !important;
  }

 .newBottomLeftBlog{
   position:absolute;
   bottom:0px;
   left:-5px;
   width:30px;
   height:30px;
   max-width:30px !important;
  }
  body.modal-open {
    overflow: hidden;
}
.modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
}

.terms li {
    font-size: 13px;
    color: #333333;
}
.subscribe {
	position:fixed;
	bottom:0;
	left: 0;
    right: 0;
	z-index:999;
	text-align:center;
}
.subscribe a {
	margin-left:auto;
	margin-right:auto;
	width:240px;
	background-color:#db0011;
	color:#FFFFFF;
	font-size:1.250em;
	font-weight:bold;
	text-decoration:none;
	padding:6px 20px 4px 20px;
	text-align:center;
	border-radius: 5px 5px 0px 0px;
	display:block;
}
.subscribe a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

.img-webcast {
	width: 100%;
	height:100%;
	display: block;
	cursor: pointer;
}
.BrightcoveExperience {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
}
.outer-container {
	position: relative;
	height: 0;
	padding-bottom: 56.25%;
}
.outer-container.sub {
	padding-bottom: 35% !important;
}
.video__inner {
	padding: 0 0 56.4% 0;
	position: relative;
	color: #fff;
	overflow: hidden;
	z-index: 1;
}
.video__image-container, .video__image-container-carousel {
	left: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	z-index: 2;
}
.video__holder {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
z1000 {
	z-index: 1000;	
}
#myModal-sub .form-group, #myModal-copy .form-group {
    margin-right: 0px; 
    margin-left: 0px; 
}
.navbar-right {
    margin-right: 0px !important;
}

.modal-footer .btn+.btn {
    margin-left: 15px;
}
.tabcontent {
    display: none;
}
	
	.tabcontent {
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}
a.tablinks { 
	cursor: pointer; 
}



.modal-title {
	    font-size: 1.250em;
    color: #333333;
    font-weight: 700;
    margin: 0;
}

.sub .modal-body {
	min-height:210px;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}




ul {
	line-height: 1.0;
}
nav a {
  white-space: nowrap;
}
nav.mainnav {
	border-bottom: 1px solid #D0CECE !important;
}
nav.mainnav a.navbar-brand {
	height: auto !important;
	padding:0;
}
nav.mainnav a.navbar-brand img {
	margin: 26px 26px 20px 20px !important;
}

nav.newbrand .nav > li > a {
	color: #717171 !important;
}

nav.newbrand .nav > li.active > a {
	color: #000000 !important;
}
nav.newbrand .nav > li > a:hover, nav.newbrand.subnav li.active > a {
    background-color: #FFFFFF !important;
}
.navbar-fixed-bottom, .navbar-fixed-top {
	left: auto;
	right: auto;
    width: 100%;
}

.togglebutton {
	top:20px;
	left:20px;
	position:absolute;
}

.togglebutton .icon-bar {
    background-color: #404040;
}
.navbar-toggle .icon-bar {
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 0px;
}
nav.newbrand.subnav .nav > li {
	text-align: center !important;
	width: 16.66%;
	display: inline-block !important;
	}
nav.newbrand.subnav.blog .nav > li {
	width: 20% !important;
	}
nav.newbrand.subnav .nav > li:hover, nav.newbrand.subnav .nav > li.active {
    border-bottom: 4px solid #db0011;
}
nav.navbar-default.subnav {
	background-color: #FFFFFF !important;
}
#navbar2 .nav > li > a {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
    color: #717171;
    background-color: #FFFFFF;
}
ul.dropdown-menu > li.active, ul.dropdown-menu > li:hover {
	border-left: 3px solid #db0011 !important;
}
ul.dropdown-menu > li.active > a {
	color: #000000;
}
.subscribe a, .btn {
    padding: 10px 20px;
	font-weight: normal;
    border-radius: 0px;
	    display: inline-block;
	width: auto;
	background-color: #db0011;
	color: #FFFFFF;
}


.img-circle, .img-rounded {
    border-radius: 0%;
}
.glyphicon.glyphicon-envelope {
    top: -1px;
}
.btn, .btn-lg, .input-lg, .modal-content {
    border-radius: 0px;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #000000;
}
.declineTerms {
	padding:15px 20px;
	color: #333333;
}
.declineTerms:hover, .declineTerms:focus {
	text-decoration: underline;
	color: #333333;
}


div.tabs {
	border-bottom: 1px solid #D0CECE;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}
div.tabs a {
	margin-left:10px; 
	margin-right:10px;
}

div.tabs div.tab1, div.tabs div.tab2, div.tabs div.tab3 {
	width: 200px;
	background-color: #F3F3F3;
	color: #333333;
	display: inline-block;
	padding:10px;

}
div.tabs a div.tab1, div.tabs a div.tab2, div.tabs a div.tab3 {
	text-decoration: none;
	color: #333333;
}
div.tabs div:hover, div.tabs div:focus {
	background-color: #BCB9B9;
}
div.tabs a.active div {
	background-color: #BCB9B9;
}

#tabs ul {
    list-style-image:url('http://info.hsbcprivatebank.com/preferences/images/bullet.jpg');
}
#tabs ul li, #tabs ol li {
    padding-bottom: 10px;
	padding-left:10px;
}
a.button {
	color: #FFFFFF;
	text-align: center;
	background-color: #db0011;
	padding:15px 50px;
	margin-left: auto;
	margin-right: auto;
	text-decoration: none;
	display: inline-block;
}

.article-inner {
	margin-bottom:20px;
}


.form-group {
    margin-bottom: 30px;
}
.has-error.form-group {
    margin-bottom: 8px;
}

/*Checkbox/Radio*/
/*

.checkbox-inline, .radio-inline {
    padding-left: 0px;
	margin-right:20px;
}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
    margin-left: 0px;
}
input[type="radio"], input[type="checkbox"] {
	position: absolute;
	right: 9000px;
}

input[type="radio"] + .label-text, input[type="checkbox"] + .label-text, .form-group label, .form-group p {
	font-size: 13px;
	font-weight: normal;
}

input[type="radio"] + .label-text:before, input[type="checkbox"] + .label-text:before {
	font-family: "FontAwesome";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing:antialiased;
	width: 20px;
	display: inline-block;
	margin-right: 5px;
	font-size: 18px;
	vertical-align: top;
	opacity: 1;
	color: #db0011;
}
input[type="radio"] + .label-text:before {
	content: "\f1db";
}
input[type="checkbox"] + .label-text:before {
	content: "\f096";
}

input[type="radio"]:checked + .label-text:before, input[type="checkbox"]:checked + .label-text:before {
	color: #db0011;
	animation: effect 250ms ease-in;
	font-size: 18px;
	vertical-align: top;
	opacity: 1;
}
input[type="radio"]:checked + .label-text:before {
	content: "\f058";
}
input[type="checkbox"]:checked + .label-text:before {
	content: "\f14a";
}

input[type="radio"]:disabled + .label-text, input[type="checkbox"]:disabled + .label-text {
	color: #333333;
}

input[type="radio"]:disabled + .label-text:before, input[type="checkbox"]:disabled + .label-text:before {
	color: #000000;
	font-size: 18px;
	vertical-align: top;
	opacity: 0.6;
}
input[type="radio"]:disabled + .label-text:before {
	content: "\f111";
}
input[type="checkbox"]:disabled + .label-text:before {
	content: "\f0c8";
}*/

@keyframes effect{
	0%{transform: scale(0);}
	25%{transform: scale(1.3);}
	75%{transform: scale(1.4);}
	100%{transform: scale(1);}
}


.error {
	color: #db0011;
	font-style: italic;
	font-size: 0.875em;
}
p.error-messages {
	color: #db0011;
	font-size: 0.875em;
	font-weight: bold;
	padding:0;
	margin:0;
}

.has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label {
    color: #db0011;
}
.has-error p, .has-error label {
	color: #db0011;
}
.btn-primary {
    border-radius: 5px;
	padding: 8px 25px;
	width:auto;
	font-size: 16px !important;
	 color: #000 !important;
	font-weight: bold;
}

.btn-grey {
    background-color: #d8d8d6 !important;
    border-color: #d8d8d6 !important;
	cursor: not-allowed !important;
}

.btn-grey:hover, .btn-grey:focus {
    background-color: #d8d8d6 !important;
    border-color: #d8d8d6 !important;
}

/*

.btn-blue {
	background-color: #00b3a3;
	border-color:#00b3a3;
	border-radius:5px;
	
}
*/

.btn-blue.active.focus, .btn-blue.active:focus, .btn-blue.active:hover, .btn-blue:active.focus, .btn-blue:active:focus, .btn-blue:active:hover, .open>.dropdown-toggle.btn-primary.btn-blue.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover, .btn-primary.btn-blue:hover  {
    color: #000;
	font-weight: bold;
    background-color: #00b3a3 ;
    border-color: #00b3a3 ;
}


.btn-blue {
  position: relative;
  overflow: hidden;
  background-color: #00b3a3;
  color: #000;
	font-weight: bold;
  border: 1px solid #00b3a3;
  z-index: 0;
}

/* LEFT HALF */
.btn-blue::before,
.btn-blue::after {
  content: "";
  position: absolute;
  top: 0;
  width: 0;
  height: 100%;
  background-color: white;
  transition: width 0.4s ease;
  z-index: -1;
}

/* grows to the left */
.btn-blue::before {
  right: 50%;
}

/* grows to the right */
.btn-blue::after {
  left: 50%;
}

/* on hover, both expand */
.btn-blue:hover::before,
.btn-blue:hover::after {
  width: 50%;
}

.btn-blue:hover {
  color:  #00b3a3;
}

.clStatus, .clCompulsoryMarker {
	    color: #db0011;
    font-style: italic;
    font-size: 0.875em;

}


.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0;
    outline-offset: 0;
}

.form-control:focus {
    border-color: #000;
    outline: 0;
}
.form-control {
    height: 40px;
    font-size: 15px;
	background-color: #E2E8E9;
	border-radius:5px;
/*    border: none;*/
}
.header .col-sm-6:last-child {
	text-align: right; 
}

.redText {
	color: #db0011;
}
.greenText {
	color: #488f29;
}

.checkboxContainer {
	      display: inline-block;
    position: relative;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	line-height: 18px;
}

/* The container */
 .checkboxContainergrey {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	 line-height: 18px;
}

.checkboxContainergrey {

    margin-bottom: 0px !important;

}

/* Hide the browser's default checkbox */
.checkboxContainer input, .checkboxContainergrey input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left:0px;
    height: 20px;
    width: 20px;
    background-color: #fff;
	border: 1px solid #00B3A3;
}


.labelText, .privacyText {
	position: relative;
	left:30px;
}

/* On mouse-over, add a grey background color */
.checkboxContainer:hover input ~ .checkmark, .checkboxContainergrey:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxContainer input:checked ~ .checkmark {
    background-color: #00B3A3;
}

/* When the checkbox is checked, add a blue background */
.checkboxContainergrey input:checked ~ .checkmark {
    background-color: #ffffff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkboxContainer input:checked ~ .checkmark:after, .checkboxContainergrey input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkboxContainer .checkmark:after {
      left: 7px;
    top: 3px;
    width: 4px;
    height: 10px;
    border: solid white;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Style the checkmark/indicator */
.checkboxContainergrey .checkmark:after {
       left: 7px;
    top: 3px;
    width: 4px;
    height: 10px;
    border: solid #333;
    border-width: 0 1px 1px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}



.tooltip-inner {
    min-width: 300px;
}
.glyphicon-info-sign {
	font-size: 13px;
}
.glyphicon-info-sign:hover {
	color: #db0011;
}

#emailprefs1 label, #emailprefs2 label {
    font-weight: normal;
}
#privacynotice {
	position: fixed;
	bottom: 0;
	margin-bottom: 0px;
	width: 100%;
	background-color: #FFFFFF;
	border-top: 1px solid #002a4e;
}
.close {
    font-size: 30px;
    opacity: 0.7;
}

















/*-----------------------------------MOBILE CSS----------------------------------------*/





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

	
.row.custom-gutter [class^="col-"] {
    padding-left: 10px;
    padding-right: 10px;
}

	
	
.carousel-indicators {
	bottom: -25px;
}
.authors {
	margin-top:20px;
	margin-right:5px;
}

.modal-dialog {
	width: 70%;
}
.modal-dialog.sub {
	width: 450px !important;
}
	.col-sm-6.right {
	padding-right: 30px;
}
		
	.content-container.spotlightcarousels .article-inner, .content-container.spotlightcarousels .article-inner {
		min-height:540px;
	}
	.content-container.spotlightcarousels .carousel-indicators, .content-container.spotlightcarousels .carousel-indicators {
		bottom:0px;
	}
.col-sm-2.left-col {
	padding-left:0px;
}
	.col-sm-10.right-col {
	border-left:1px solid #333333;
	margin-bottom:10px;
	}
	nav.newbrand .navbar-brand {
    margin-left: 0px !important;
}
nav.newbrand.subnav .navbar-nav li:last-child a {
	border-right: 0px !important;
}
nav.newbrand.subnav .nav>li:hover, nav.newbrand.subnav .nav>li.active {
    border-bottom: 4px solid #db0011 !important;
}
nav.newbrand.subnav .navbar-nav > li > a {
	padding: 0 20px !important;
	border-right: 1px solid #717171 !important;
}
nav.newbrand.subnav ul.nav {
		width:100%		
	}
nav.newbrand.subnav .nav > li {
		padding: 20px 0 !important;	
	}
nav.newbrand.subnav .nav > li a {
		font-size: 1.2em !important;	
	}
#MIbloggers:hover #dropdown-MIbloggers {
	display: block;	
}
#MItopics:hover #dropdown-MItopics {
	display: block;	
}
	nav .dropdown-menu {
		min-width:200px;
		padding-top:20px;
		padding-bottom:20px;
	}

	
}

@media screen and (max-width: 1100px) {	
	
	.hide {
		display: none;
	}
	
.wrapper {
	margin-bottom: 140px !important;
}
	.clock {
		width: 17px;
	}	
	
}
	
@media screen and (min-width: 768px) { 
	
	

		.home-mobile {
		display: none;
	
	}
	
	.home-desktop {
		display: block;
	}
	
}	


	
	
@media screen and (max-width: 767px) {
	


	
	.preftext  {
		padding-top: 20px;
		padding-right: 0px;
	}
	
	footer {
		font-size: 10px !important;
	}
	
	p {
		font-size: 13px;
	}
	
	
	h2 {
	font-size:33px; 
}
	
	

	
	.main {
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.btn-primary {

	width: 100%;
}
	
	.form-preference-all {
		margin-left: 8px;
	}
	
	a.outline-button {
		padding: 10px 13px !important;
	}
	

	
/*
		.main {
	padding-left: 18px !important;
	padding-right: 18px !important;
}
*/
	
	
	
	a.outline-button {
		min-width: auto !important;
	}
	
	
	.home-mobile {
		display: block !important;
	
	}
	
	.home-desktop {
		display: none !important;
	}
	
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-left: 0;
	padding-right: 0;
}
#tabs .text {
	padding-top: 20px;
}
.navbar-nav {
	margin: 0;
}
.col-sm-6.right {
	padding-right: 15px;
}
.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {
	right: 50%;
}
.termsAndConditions {
	max-height:200px;
	overflow-y:scroll;
	padding-right:10px;
}

.authors {
	padding-top:20px;
	padding-right:20px;
	padding-bottom:20px;
	padding-left:20px;
}
.newTopRightBlog{
text-align: right;
	float: right;	
}

	.col-sm-10.right-col {
	margin-bottom:20px;
	}
	nav.newbrand.subnav.blog .nav > li > a {
	padding-top:10px !important;
	padding-bottom:10px !important;
}
	nav.newbrand.subnav .nav dropdown-menu > li > a {
	padding-top:10px !important;
	padding-bottom:10px !important;
}
	nav.newbrand.subnav.articles .nav > li {
	width: 15%;
}
	nav.newbrand.subnav.blog .nav > li {
	text-align: center !important;
    width: 100% !important;
    display: block !important;
	border-bottom: 0px !important;
}
	nav.newbrand.subnav.blog .nav > li.active > a {
	border-left: 3px solid #db0011 !important;
}
nav.newbrand.subnav.blogs .nav > li a {
	padding: 5px 20px !important;
}
	div.tabs {
	border-bottom: none !important;
}
	div.tabs div.tab1, div.tabs div.tab2, div.tabs div.tab3 {
	width: 100%;
	display: block;
		margin-top:10px;
}
	.button {
	width: 100%;
}
	.content-container {
	padding: 30px 40px ;
}
	div.tabs a {
	margin-left:0px; 
	margin-right:0px;
}
.header .col-sm-6 {
	text-align: center !important; 
}
}
@media (max-width: 600px) {
	
		header {
		 min-height: auto;
		background-position: center;
		    box-shadow: inset 0 0 0 1000px rgba(0, 0, 0, .2);	
	}
	
	
		header .container {
		padding-left: 30px !important;
		padding-right: 30px !important;
	}
	
.videoiframe {
		height:200px !important;
	}
}

@media (max-width: 479px) {
.authorbio {
	width:100% !important;
}
.authorbio td {
	padding-left: 0px !important;
	padding-bottom: 20px !important;
}

	.bannertitle h1 {
	font-size: 1.875em !important;
}
.banner {
	padding:20px !important;
	width: 100% !important;
}
#myCarousel {
	padding-top: 0px;
}
.carousel-control {
	width: 15%;
}
footer ul.links li {
	display: block;
	font-size: 13px;
}
.outer-container.sub {
	padding-bottom: 45% !important;
}
	.videoiframe {
		height:150px !important;
	}
}


@media (min-width: 1025px) {

	header .container {
	padding:40px 60px;
}	
	
}

@media (max-width: 1024px) {

	header .container {
	padding:40px 0px;
}	
	
}


@media (min-width: 960px) {
.container, #main_content .container {
    width: 1440px !important;
}

}



@media (max-width: 960px) {
header .container, #main_content .container, footer .container {
    width: 100% !important;
}  
	

	
	
		#successMessage {
		padding-left: 0px;
		padding-top: 20px;
		display: block;
	}
	
}


@media (max-width: 820px) {
	
	.socialtext {
		padding-bottom: 30px;
	}
	
	

	
	.bannertitle {
	width: 100%;
		padding: 15px;
}
.wrapper {
	margin-bottom: 160px !important;
}
}

@media (max-width: 400px) {
	nav.newbrand.subnav.articles .nav > li {
    text-align: center !important;
    width: 100% !important;
    display: block !important;
	border-bottom: 0px !important;
}
nav.newbrand.subnav.articles .nav > li:first-child a {
	padding-top: 10px !important;
}
		nav.newbrand.subnav.articles .nav > li:last-child a {
	padding-bottom: 10px !important;
}
		nav.newbrand.subnav.articles .nav > li.active > a {
	border-left: 3px solid #db0011 !important;
}
	nav.newbrand.subnav.articles .nav > li a {
	padding: 5px 20px !important;
}
nav.mainnav .navbar-brand {
    padding-left: 50px !important;
}
.wrapper {
	margin-bottom: 200px !important;
}
}
@media (min-width: 971px) {
nav.newbrand.mainnav .nav {
	padding-top: 40px !important;
	}

nav.newbrand.mainnav .nav>li {
    min-height: 63px;
}
nav.newbrand.mainnav .nav>li:hover, nav.newbrand.mainnav .nav>li.active {
    border-bottom: 4px solid #db0011 !important;
}
nav.newbrand.mainnav .navbar-nav > li > a {
	padding: 0 20px !important;
	border-right: 1px solid #717171 !important;
}
	nav.newbrand.mainnav .navbar-nav li:last-child a {
	border-right: 0px !important;
}
}



@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1440px;
    }
	
	.main {
	padding-left: 48px;
	padding-right: 48px;
}
}


@media (max-width: 970px) {
	nav.newbrand .navbar-header {
	text-align: center !important;
}
	nav.newbrand a.navbar-brand {
 text-align: center !important;
	float: none !important;
}
		nav.newbrand a.navbar-brand img {
    display:inline !important;
		margin-top: 26px !important;
			margin-bottom: 20px !important;
			
}
	nav.newbrand.mainnav .nav > li:first-child > a {
	padding-top: 10px !important;
}
		nav.newbrand.mainnav .nav > li:last-child > a {
	padding-bottom: 10px !important;
}
		nav.newbrand.mainnav .nav > li.active > a {
	border-left: 3px solid #db0011 !important;
}
	nav.newbrand.mainnav .nav > li > a {
	padding: 5px 20px !important;
}
	
	
	
    nav.newbrand.mainnav .navbar-header {
        float: none;
    }
    nav.newbrand.mainnav .navbar-left,.navbar-right {
        float: none !important;
    }
    nav.newbrand.mainnav .navbar-toggle {
        display: block;
    }
    nav.newbrand.mainnav .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    nav.newbrand.mainnav .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    nav.newbrand.mainnav .navbar-collapse.collapse {
        display: none!important;
    }
    nav.newbrand.mainnav .navbar-nav {
        float: none!important;
					text-align:center !important;
    }
    nav.newbrand.mainnav .navbar-nav>li {
        float: none;
    }
    nav.newbrand.mainnav .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    nav.newbrand.mainnav .collapse.in{
        display:block !important;
    }
   nav.newbrand.mainnav .navbar-nav .open .dropdown-menu {
       position: static;
       float: none;
       width: auto;
       margin-top: 0;
       background-color: transparent;
       border: 0;
       -webkit-box-shadow: none;
       box-shadow: none;
    }
}