@import url('https://fonts.googleapis.com/css?family=Droid+Sans:400,700');
/* ================= 1. CSS Reset ================= */
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, caption {margin:0;padding:0;border:0;outline:0; font-size: 100%; font: inherit;}
html {height:100%;}
strong, b {font-weight:bold;}
em, dfn, i {font-style:italic;}

/* ================= General tags ================= */
/*body {color:#5A5A5A; background: #fff; font-family: 'Droid Sans', sans-serif; font-size: 13px; width:100%; overflow-x:hidden; height:100%;}*/
body {
  color:#5A5A5A;
  background: #ca171d;
  font-family: 'Droid Sans', sans-serif;
  font-size: 13px;
  width:100%;
  overflow-x:hidden;
  height:100%;}

#hoverText {
  background-color: black;
  padding: 20px;
  display: none;
}

#spanHover: hover + #hoverText {
  display: block;
}
/*body > section {padding:0;}*/

/* ================= Dividers ================= */
.clear {content:"."; display:block; clear:both; height:0; visibility:hidden;}
.padding3 {padding-top:3px; font-size:0; line-height:0;}
.padding5 {padding-top:5px; font-size:0; line-height:0;}
.padding10 { padding-top:10px; font-size:0; line-height:0;}
.padding12 {padding-top:12px; font-size:0; line-height:0;}
.padding15 {padding-top:15px; font-size:0; line-height:0;}
.padding17 {padding-top:17px; font-size:0; line-height:0;}
.padding20 {padding-top:20px; font-size:0; line-height:0;}
.padding25 {padding-top:25px; font-size:0; line-height:0;}
.padding30 {padding-top:30px; font-size:0; line-height:0;}
.padding35 {padding-top:35px; font-size:0; line-height:0;}
.padding40 {padding-top:40px; font-size:0; line-height:0;}
.padding50 {padding-top:50px; font-size:0; line-height:0;}
.padding60 {padding-top:60px; font-size:0; line-height:0;}
.padding70 {padding-top:70px; font-size:0; line-height:0;}
.padding80 {padding-top:80px; font-size:0; line-height:0;}
.padding100 {padding:100px; font-size:0; line-height:0;}
.padding180 {padding-top:180px; font-size:0; line-height:0;}
.padding240 {padding-top:240px; font-size:0; line-height:0;}
.none {display:none;}
hr {margin-top:10px !important; margin-bottom:10px !important; border: 0; border-top: 2px solid #ca171d !important;}
hr {box-sizing: content-box; height: 0;}
p + hr {margin:5px 0 10px 0;}
/* ================= Wrappers ================= */
.container {background:#fff;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.75);}
.contentWrapper {width:100%; text-align:center; margin:auto;}
/* ================= Content ================= */
.header {width:100%; text-align:left; background:#fff; padding:20px 0 20px 0; background-position:fixed; border-bottom:3px solid #ca171d;}
.headerLeft {float:left;}
.headerRight {float:right;}
.phoneNumber {font-size: 1.7em; margin: 15px 20px 5px 20px; padding-bottom: 7px;}
.phoneNumber em {font-size:11px; font-style:normal;}
.content {line-height:155%; text-align:left; padding:2% 5% 2% 5%;}
.centered {text-align:center; margin:auto;}
.logo {max-width:450px;}

/* ========= Question mark tooltip =========== */
.help-tip{
    position: absolute;
    top:9px;
    right:-18px;
    text-align: center;
    background-color: #ca171d;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: default;
}

.help-tip:before{
    content:'?';
    font-weight: bold;
    color:#fff;
}

.help-tip:hover p{
    display:block;
    transform-origin: 100% 0%;

    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{    /* The tooltip */
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 20px;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -4px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
	z-index: 99;
}

.help-tip p:before{ /* The pointer of the tooltip */
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:6px solid transparent;
    border-bottom-color:#1E2021;
    right:10px;
    top:-12px;
}

.help-tip p:after{ /* Prevents the tooltip from being hidden */
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    top:-40px;
    left:0;
}

/* CSS animation */

@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
        transform: scale(0.6);
    }

    100% {
        opacity:100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:100%; }
}