/* 

Responsive code for Ratheon - 2017 EZOnlineDocuments, LLC

nasdaq  branding colors:
#009ec2	49	Link color
#00539b	50	Link color (hover)
#424242	61	Body font

*/
.metliferesponsive h2 { color: #000000; font-weight:bold; font-size: 185%; line-height:normal; }
.metliferesponsive { line-height: 1.625em; font-family: Georgia, Arial; }
.metliferesponsive sup { font-size: x-small; line-height:inherit; }
.metliferesponsive .forwardstatementsection { font-size: 14px; line-height: 1.625em; background-color: #F2F2F2; padding-top:24px; padding-bottom:24px; }
.metliferesponsive .lettersection { background-color: white; padding-top:26px; }
.metliferesponsive .forwardstatementsection ul { margin-bottom: 26px; }

h2.cltitle { margin-bottom: 26px; }

.ceoletter { padding-top:0px; padding-bottom:10px; }
.paddedcontent { padding-left:10px; padding-right:10px; }
.metliferesponsive p { margin-bottom: 26px; margin-top:0px; padding-top:0px; padding-bottom:0px; }
.metliferesponsive p.doubledmargin { margin-top: 0px; }

.metliferesponsive .marginlikep { margin-top: 15px; margin-bottom:15px; padding-top:0px; padding-bottom:0px; }

.colorbluetext { color: #009bdd; }

.quotetext { font-size:28px; color: #000000; line-height:1.4em; font-family: 'Georgia', arial, serif; font-weight: bold; }
.textalignright { text-align: right; }
.quotepadding1 { padding-top:50px;}
.quotepadding2 { padding-top:100px;}
.quotepadding6 { padding-bottom: 26px; }
.textcenter { text-align:center; }
.extrapadd1, .metliferesponsive p.extrapadd1 { padding-top: 15px; }

.abovesecondarytitle { padding-top: 26px; }

.presectionsubhead { margin-top: 52px; }


@media all and (max-width:1023px) {
	.quotetext { font-size: 24px; }

}
@media all and (max-width:767px) {
		.textalignright { text-align: center; }
		.quotepadding1, .quotepadding2, .quotepadding3 { padding-top:0px;}
		.quotepadding3, .quotepadding6 { margin-bottom:26px; }
		.quotepadding3 p { margin-top: 0px; padding-top:0px; margin-bottom:0px; padding-bottom:0px; }
			.quotetext { font-size: 20px; }
	 .quotepadding7 { margin-bottom: 26px; }
}

.secondarytitle { font-size: 20px; font-weight: bold; line-height:normal; margin-bottom:16px; color: #000000 !important;  }
.secondarytitle2 { font-size: 20px; font-weight: bold; line-height:normal; color: #000000 !important;    }

.thirdtitle { font-weight:bold; margin-bottom: 16px; }


.cletterul1 li { padding-top:0px; padding-bottom:0px; margin-top:0px; margin-bottom:13px; }

.expltext {font-size:12px; line-height:1.625em; }

.ceoletterhr {margin-top:40px; margin-bottom:10px;}


table.metlifetable { border-spacing: 0px; border-collapse: collapse; width:100%; }
.metlifetable th, .metlifetable2 th { font-weight:bold;  vertical-align:bottom; }
.metlifetable td, .metlifetable2 td { vertical-align:bottom; }
.nongaaptable td, .nongaaptable2 td { vertical-align: top; }
.metlifetable td, .metlifetable th, .metlifetable2 td, .metlifetable2 th { padding: 2px 5px 2px 5px; text-align:left; margin: 0px 0px 0px 0px;  }

.nongaaptable td, .nongaaptable th, .nongaaptable2 td, .nongaaptable2 th  { border: 1px solid black; }

table.borderbot, th.borderbot, td.borderbot { border-bottom: 1px solid black;  }
table.borderbotdbl, th.borderbotdbl, td.borderbotdbl { border-bottom: 3px double black;  }
table.textcenter, th.textcenter, td.textcenter { text-align: center; }
table.textright, th.textright, td.textright { text-align: right; }
td.indentone { padding-left: 15px; }
td.indenttwo { padding-left: 30px; }
td.indentthree { padding-left: 45px; }

table.padded, th.padded, td.padded {  text-align: left; padding: 0px; margin: 5px; vertical-align: top; }

.totalcompanytable1 tbody td, .returnonequitytable1 tbody td, .commonstockholdertable1 tbody td, .totalcompanytable2 tbody td, .reconcofnetcashtable tbody td { text-align: right; }
.totalcompanytable1 tbody td:first-child, .returnonequitytable1 tbody td:first-child, .commonstockholdertable1 tbody td:first-child, .totalcompanytable2 tbody td:first-child, .reconcofnetcashtable tbody td:first-child { text-align: left; }
.totalcompanytable1 tbody td:nth-child(2), .totalcompanytable1 tbody td:nth-child(4), .totalcompanytable1 tbody td:nth-child(6), .totalcompanytable1 tbody td:nth-child(8) { min-width: 80px; }
.commonstockholdertable1 tbody td:nth-child(2), .returnonequitytable1 tbody td:nth-child(2) { min-width: 100px; }
.totalcompanytable2 tbody td:nth-child(2), .totalcompanytable2 tbody td:nth-child(4) , .totalcompanytable2 tbody td:nth-child(6)  { min-width: 100px; }
.reconcofnetcashtable tbody td:nth-child(2), .reconcofnetcashtable tbody td:nth-child(4) , .reconcofnetcashtable tbody td:nth-child(6), .reconcofnetcashtable tbody td:nth-child(8), .reconcofnetcashtable tbody td:nth-child(10)  { min-width: 80px; }

.returnonequitytable1, .commonstockholdertable1 { width: 800px; max-width:100%; }

.inmillions { font-weight: normal !important; font-style: italic; }

.metlifetable2 { margin-top:40px; }


ol.letterol1 {
  list-style-type: none;
  margin-left: 0;
}

ol.letterol1 > li {
  counter-increment: customlistcounter;
   padding-left: 0px; text-indent: -14px;
}

ol.letterol1 > li:before {
  content: counter(customlistcounter) " ";
  font-weight: normal;
  float: left;
  width: 15px;
}

ol.letterol1:first-child {
  counter-reset: customlistcounter;
}
			
ol.letterol2 {
  list-style-type: none;
  margin-left: 0;
}

ol.letterol2 > li {
  counter-increment: customlistcounter;
   padding-left: 0px; text-indent: -25px;
}

ol.letterol2 > li:before {
  content: "(" counter(customlistcounter) ")";
  font-weight: normal;
  float: left;
  width: 25px;
}

ol.letterol2:first-child {
  counter-reset: customlistcounter;
}