/* FranklinGothic Demi */
/*@font-face {
  font-family: 'FranklinGothic'; 
  src: url('../fonts/ITCFranklinGothicStd-Demi/ITCFranklinGothicStd-Demi.eot?') format('eot'), url('../fonts/ITCFranklinGothicStd-Demi/ITCFranklinGothicStd-Demi.woff') format('woff'), url('../fonts/ITCFranklinGothicStd-Demi/ITCFranklinGothicStd-Demi.ttf') format('truetype');
  font-weight: 400; 
  font-style: normal;
}

/* FranklinGothic Book */
/*@font-face {
  font-family: 'FranklinGothic'; 
  src: url('../fonts/ITCFranklinGothicStd-Book/ITCFranklinGothicStd-Book.eot?') format('eot'), url('../fonts/ITCFranklinGothicStd-Book/ITCFranklinGothicStd-Book.woff') format('woff'), url('../fonts/ITCFranklinGothicStd-Book/ITCFranklinGothicStd-Book.ttf') format('truetype');
  font-weight: 500; 
  font-style: normal;
}
/* FranklinGothic Medium */
/*@font-face {
  font-family: 'FranklinGothic'; 
  src: url('../fonts/ITCFranklinGothicStd-Med/ITCFranklinGothicStd-Med.eot?') format('eot'), url('../fonts/ITCFranklinGothicStd-Med/ITCFranklinGothicStd-Med.woff') format('woff'), url('../fonts/ITCFranklinGothicStd-Med/ITCFranklinGothicStd-Med.ttf') format('truetype');
  font-weight: 600; 
  font-style: normal;
}
/* FranklinGothic Heavy */
/*@font-face {
  font-family: 'FranklinGothic'; 
  src: url('../fonts/ITCFranklinGothicStd-Hvy/ITCFranklinGothicStd-Hvy.eot?') format('eot'), url('../fonts/ITCFranklinGothicStd-Hvy/ITCFranklinGothicStd-Hvy.woff') format('woff'), url('../fonts/ITCFranklinGothicStd-Hvy/ITCFranklinGothicStd-Hvy.ttf') format('truetype');
  font-weight: 700; 
  font-style: normal;
}*/

body{
  padding: 0 0 0 0;
  margin: 0;
  font-family: 'FranklinGothic', Geneva;
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  font-size: 16px;
  line-height: 1.27em;
}
.page{
  width: 300px;
  margin: 0 auto;
}
.widget{
  width: 300px;
  height: 250px;
  position: relative;
}
.widget-inner{
  padding: 19px 0 0 15px;
}
.widget.widget-1.en .widget-inner{
  padding-top: 18px;
}
.widget.sp .widget-inner{
  padding-top: 15px;
}
.widget.widget-2.en .widget-inner{
  padding-top: 18px;
}
.widget.widget-2.sp .widget-inner{
  padding-top: 16px;
  padding-left: 15px;
}
.widget.bg1{
  background: url("../images/bg1.png") no-repeat top center;
}
.widget.bg2{
  background: url("../images/bg2.png") no-repeat top center;
}
.widget h1{
  font-size: 16px;
  line-height: 1.27em;
  color: white;
  font-weight: 700;
  padding-right: 0;
  margin: 0 15px 0 0;
  padding-bottom: 6px;
  border-bottom: solid 1px #466587;
  letter-spacing: -0.01em;
}
.widget.sp h1{
  font-size: 17.57px;
  line-height: 18px;
  letter-spacing: 0px;
}
.widget.widget-2 h1{
  border-bottom-color: #3E8DB5;
}
.widget.widget-2.sp h1{
  line-height: 1.08em;
  padding-bottom: 5px;
}
.widget .body{
  margin-top: 13px;
  padding-right: 15px;
  color: white;
}
.widget.sp .body{
  margin-top: 14px;
}
.widget.widget-2 .body{
  margin-top: 28px;
}
.widget.widget-2.sp .body{
  margin-top: 11px;
}
.widget .body h2{
  margin: 0;
  font-size: 14.2px;
  line-height: 1.16em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.widget.sp .body h2{
  font-size: 12px;
  line-height: 16.48px;
  letter-spacing: 0.05em;
}
.widget .body ul{
  margin: 7px 0 10px;
  padding: 0 0 0 0;
}
.widget.widget-2.sp .body ul{
  margin-top: 11px;
}
.widget.widget-2 .body ul{
  margin-left: -2px;
}
.widget .body ul li{
  font-weight: 500;
  font-size: 15.64px;
  line-height: 19px;
  padding-left: 25px;
  list-style: none;
  background: url('../images/bullet1x.png') no-repeat left 0;
}
.widget .body ul li a{
  color: white;
  text-decoration: none;
}
.widget .body ul li a:hover{
  color: #999999;
}
.widget.sp .body ul li{
  font-size: 0.8em;
  line-height: 11px;
  padding-top: 4px;
  padding-bottom: 4px;
  letter-spacing: 0.01em;
}
.widget.widget-2 .body ul li{
  padding-left: 23px;
  padding-bottom: 3px;
}
.widget.widget-2.en .body ul li{
  padding-top: 1px;
  padding-bottom: 7px;
  padding-left: 24px;
}
.widget.widget-2.en .body ul li.li-2{
  padding-bottom: 8px;
}
.widget.widget-2.sp .body ul li{
  line-height: 15px;
  background-position: left 2px;
  padding-bottom: 0;
  padding-left: 23px;
}
.footer{
  position: absolute;
  right: 5px;
  bottom: 10px;
  left: 13px;
  padding-left: 1px;
}
.widget.sp .footer{
  bottom: 11px;
}
.widget.widget-2 .footer{
  bottom: 10px;
  left: 13px;
}
.widget.widget-2.sp .footer{
  bottom: 11px;
}
.footer:after{
  clear: both;
  content: "";
  height: 0;
  display: table;
}
.footer-logo--no-img,
.footer-logo{
  width: 163px;
  height: 49px;
  display: block;
  float: left;
}
.footer-logo {
  background: url('../images/footer-logo.png') no-repeat center center;
}
.footer-cta{
  width: 109px;
  height: 51px;
  display: block;
  float: right;
  margin-top: 1px;
  margin-right: 2px;
}
.footer-cta a{
  color: white;
  font-size: 9.7px;
  line-height: 11.38px;
  text-decoration: none;
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  width: 109px;
  height: 51px;
  padding: 0;
  letter-spacing: 0.14em;
  background: url('../images/footer-cta-bg.png') no-repeat center center;
}
.widget.sp .footer-cta a{
  width: 91px;
  padding-left: 17px;
}


/** Fonts **/
.widget h1, 
.widget .body h2, 
.widget .body ul li span, 
.widget .body ul li a{
  text-indent: -9999px;
  background-repeat: no-repeat;
}
.widget .body ul li span, 
.widget .body ul li a{
  display: block;
}
.widget .body ul li a:hover{
  background-position: 0 -28px;
}
.footer-cta a{
  text-indent: -9999px;
}

/** Banner 1 English **/
#widget-01-english h1{
  background-image: url('../font-images/banner_01_eng_h1.png');
  padding-bottom: 4px;
  margin-top: 3px;
}
#widget-01-english .body{
  margin-top: 14px;
}
#widget-01-english .body h2{
  background-image: url('../font-images/banner_01_eng_h2.png');
}
#widget-01-english .body ul li{
  margin-bottom: 1px;
  background-position: left -2px;
}
#widget-01-english .body ul li.li-1 span{
  background-image: url('../font-images/banner_01_eng_li_1.png');
}
#widget-01-english .body ul li.li-2 span{
  background-image: url('../font-images/banner_01_eng_li_2.png');
}
#widget-01-english .body ul li.li-3 span{
  background-image: url('../font-images/banner_01_eng_li_3.png');
}
#widget-01-english .body ul li.li-4 span{
  background-image: url('../font-images/banner_01_eng_li_4.png');
}
#widget-01-english .footer-cta a{
  background-image: url('../font-images/banner_01_eng_cta.png');
}

/** Banner 1 Spanish **/
#widget-01-spanish h1{
  background-image: url('../font-images/banner_01_spa_h1.png');
  min-height: 32px;
  padding-bottom: 11px;
}
#widget-01-spanish .body{
  margin-top: 15px;
}
#widget-01-spanish .body h2{
  background-image: url('../font-images/banner_01_spa_h2.png');
  margin-right: -7px;
}
#widget-01-spanish.widget .body ul{
  margin-top: 6px;
}
#widget-01-spanish .body ul li{
  padding-top: 2px;
  padding-bottom: 4px;
}
#widget-01-spanish .body ul li span{
  min-height: 13px;
}
#widget-01-spanish .body ul li.li-1 span{
  background-image: url('../font-images/banner_01_spa_li_1.png');
}
#widget-01-spanish .body ul li.li-2 span{
  background-image: url('../font-images/banner_01_spa_li_2.png');
}
#widget-01-spanish .body ul li.li-3 span{
  background-image: url('../font-images/banner_01_spa_li_3.png');
}
#widget-01-spanish .body ul li.li-4 span{
  background-image: url('../font-images/banner_01_spa_li_4.png');
}
#widget-01-spanish .footer-cta a{
  background-image: url('../font-images/banner_01_spa_cta.png');
}
#widget-01-spanish .footer-cta{
  margin-right: 1px;
}
/** Banner 2 English **/
#widget-02-english h1{
  background-image: url('../font-images/banner_02_eng_h1.png');
  padding-bottom: 5px;
  margin-top: 2px;
}
#widget-02-english .body h2{
  background-image: url('../font-images/banner_02_eng_h2.png');
}
#widget-02-english .body ul li a{
  height: 14px;
}
#widget-02-english .body ul li a:hover{
  background-position: 0 -15px;
}
#widget-02-english .body ul li.li-1 a{
  background-image: url('../font-images/banner_02_eng_li_1.png');
}
#widget-02-english .body ul li.li-2 a{
  background-image: url('../font-images/banner_02_eng_li_2.png');
}
#widget-02-english .body ul li.li-3 a{
  background-image: url('../font-images/banner_02_eng_li_3.png');
}
#widget-02-english .body ul li.li-4 a{
  background-image: url('../font-images/banner_02_eng_li_4.png');
}
#widget-02-english .footer-cta a{
  background-image: url('../font-images/banner_02_eng_cta.png');
}

/** Banner 2 Spanish **/
#widget-02-spanish.widget .body ul li a:hover{
  background-position: 0 -30px;
}
#widget-02-spanish h1{
  background-image: url('../font-images/banner_02_spa_h1.png');
  min-height: 32px;
  padding-bottom: 10px;
}
#widget-02-spanish .body{
  padding-right: 10px;
}
#widget-02-spanish .body h2{
  background-image: url('../font-images/banner_02_spa_h2.png');
}
#widget-02-spanish .body ul li.li-1{
  padding-bottom: 2px;
}
#widget-02-spanish .body ul li.li-1 a{
  background-image: url('../font-images/banner_02_spa_li_1.png');
  height: 13px;
}
#widget-02-spanish .body ul li.li-1 a:hover{
  background-position: 0 -14px;
}
#widget-02-spanish .body ul li.li-2{
  padding-bottom: 5px;
}
#widget-02-spanish .body ul li.li-2 a{
  background-image: url('../font-images/banner_02_spa_li_2.png');
  height: 25px;
  min-height: 25px;
}
#widget-02-spanish .body ul li.li-2 a:hover{
  background-position: 0 -26px;
}
#widget-02-spanish .body ul li.li-3{
  padding-bottom: 6px;
}
#widget-02-spanish .body ul li.li-3 a{
  background-image: url('../font-images/banner_02_spa_li_3.png');
  height: 25px;
  min-height: 25px;
}
#widget-02-spanish .body ul li.li-3 a:hover{
  background-position: 0 -26px;
}
#widget-02-spanish .body ul li.li-4 a{
  background-image: url('../font-images/banner_02_spa_li_4.png');
  height: 13px;
}
#widget-02-spanish .body ul li.li-4 a:hover{
  background-position: 0 -14px;
}
#widget-02-spanish .footer-cta{
  margin-right: 1px;
}
#widget-02-spanish .footer-cta a{
  background-image: url('../font-images/banner_02_spa_cta.png');
}