@charset "UTF-8";
body,td,th {font-family: Helvetica, Arial, sans-serif; font-size: 16px; color: #000000;}
body {background-color: #0080c0;}
@font-face {font-family: 'impactregular'; src: url('../font/impact-webfont.woff2') format('woff2'), url('../font/impact-webfont.woff') format('woff'); font-weight: normal; font-style: normal;}
a:link {color: #0000EE; text-decoration:underline;}
a:visited {color: #551A8B; text-decoration:underline;}
a:hover {color: #0000EE; text-decoration:underline;}
a:active {color: #FF0000; text-decoration:underline;}
h2 {font-family: 'impactregular', Impact, Charcoal, sans-serif; color: #cc0000; margin:0 20px 40px 20px; font-size: 2em;}
h3 {font-family: 'impactregular', Impact, Charcoal, sans-serif; color: #cc0000; font-weight:bold; margin-bottom: 15px; font-size: 1.8em;}
ul {padding-left: 30px; list-style:none;}
li {margin-bottom: 10px;}
li:before {font-family: 'FontAwesome'; content: '\f00c';margin: 0 5px 0 -25px; color: #ff0000;}
.blueHeader {font-size:2em; color:#0000ee; font-weight:bold; text-align:center; line-height:1.1em; font-family: Tahoma, Geneva, sans-serif;}
.boxText {font-family: Tahoma, Geneva, sans-serif; font-weight:bold; color: #000000; line-height: 28px; font-size: 26px; text-align:center;}
.boxText-offer {font-family: Tahoma, Geneva, sans-serif; font-weight:bold; color: #000000; line-height: 1.25em; font-size: 1.5em; text-align:center; padding:0 15px;}
.bullet-space {padding:30px 0 0 0;}
.dashed-container {border-style:dashed; border-color: #ff0000; border-width: 6px; background-color: #fcf865; margin:0 20px;}
.dashBoxsp {padding: 0 15px;}
.dattrang {background-color: #fff;}
.dotted-line {border-bottom:#000000 dashed 2px; margin:0 45px 20px 45px;}
.dunhesitate {font-size:2em; line-height:1.1em; color:#ff0000; font-weight:bold; text-align:center; font-family: Tahoma, Geneva, sans-serif;}
.highlight {color:#ff0000; text-align:center; font-weight:bold; font-size:2em; line-height:1.1em;}
.intro {font-family: Helvetica, Arial, sans-serif; color: #000000; font-style:italic; margin-bottom: 15px; font-size: 1.5em; line-height: 1.25em;}
.img-book {width: 195px; height: auto;}
.fs-18 {font-size:18px}
.fs-23 {font-family: Tahoma, Geneva, sans-serif; font-weight:bold; color: #0000EE; line-height: 25px; font-size: 23px; text-align:center;}
.headerContainer {padding:30px 30px 15px 30px;}
.heroContainer {padding: 0;}
.PtPb-15 {padding:15px 0;}
.preheader {padding: 40px 15px 20px 15px; font-size: 1.13em; line-height: 1.2em;}
.quotes {padding:80px 15px 0 15px; text-align: center; font-size:16px; font-style: italic;}
.quote-footer {text-align: right; font-style: italic; padding:15px 0 0 0;}
.smallText {font-size:1.1em; line-height:1.1em; font-weight:bold; text-align:center;}
.subRed {font-family: Helvetica, Arial, sans-serif; font-weight:bold; color: #cc0000; margin: 15px 0; font-size: 23px; line-height:26px; text-align:center;}
.subT {font-family: Helvetica, Arial, sans-serif; font-weight:bold; color: #cc0000; line-height: 1.2em; margin: 15px 0; font-size: 1.5em; text-align:center;}
.subT-black {font-family: Helvetica, Arial, sans-serif; font-weight:bold; color: #000000; line-height: 1.25em; font-size: 1.5em; text-align:center;}
.versionText {font-size:1.2em; font-weight:bold; text-align:center; line-height:1em;}
.parent {display: flex; justify-content: center;}
.child {align-self: center;}
@media only screen and (min-width:320px) and (max-width:480px){
    .parent {display: inline-block;}
    h2 {font-size: 1.6em; margin:0 0px 40px 0px;}
}
@media only screen and (min-width:481px) and (max-width:640px){
    .parent {display: inline-block;}
    h2 {font-size: 2em; margin:0 0 40px 0;}
}
@media only screen and (min-width:641px) and (max-width:960px){
    .parent {display: inline-block;}
    h2 {font-size: 2.3em; margin:0 0 40px 0;}
}