
/*@font-face {
  font-family:"dax-medium";
  src:url("../../dms/fonts/dax-medium.eot");
  src:url("../../dms/fonts/dax-medium.eot?#iefix") format("embedded-opentype"), url("../../dms/fonts/dax-medium.woff") format("woff"), url("../../dms/fonts/dax-medium.ttf") format("truetype"), url("../../dms/fonts/dax-medium.svg#daxmedium") format("svg");
  font-weight:normal;
  font-style:normal;
}*/

/* general styles */

body, html { background-color: #fff; }

p { margin-bottom: 16px; }

h1 { margin-bottom: 10px; }

p.flush.bottom { margin-bottom: 0; }

strong { display: inline; font-family: 'dax-medium'; font-size: inherit; }

button.attention, a.button.attention, span.button.attention { font-family: 'dax-medium'; }

input.button.attention {
    display: inline-block; box-sizing: border-box;
    height: 50px; padding: 0 30px; border: 2px solid #ed1b24;
    border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px;
    color: #ffffff; font-size: 15px; line-height: 46px; text-align: center;
    vertical-align: middle; overflow: hidden;
    background-color: #ed1b24;
    font-family: 'dax-medium';
    border-color: #C81414 !important;
    background-color: #C81414 !important;
}
input.button.attention:hover {
    border-color: #9b262c; background-color: #9b262c;
    color: #ffffff; text-decoration: none;
    }

.copy.left { text-align: left; }

section.narrow {
    max-width: 1180px;
    padding: 45px auto;
    }

.tooltip { display: inline-block; }

.tooltip .new-tooltip-bubble {
    display: none; position: absolute; box-sizing: border-box; bottom: 26px;
    padding: 10px; width: 250px; left: -80px;
    border: 1px solid #0079c1; border-radius: 5px;
    background: #fff; white-space: initial;
    font-family: 'dax'; font-size: 12px; font-weight: normal; line-height: 1.3; z-index: 1000;
}
    .tooltip .new-tooltip-bubble .icon {
        position: absolute; top: -10px; right: -10px;
        display: block; width: 16px; height: 16px;
        padding: 2px; padding-left: 0; padding-right: 4px;
        cursor: pointer;
    }
    .tooltip .new-tooltip-bubble .icon:before { line-height: 16px; font-size: 20px; }

/* quote schedule styles */

#quote-schedule { display: block; position: relative; clear: none; box-sizing: border-box; width: 100%; top: 0px;font-size:13px; }

#quote-schedule .errors {
    display: none; width: 92%; margin: 6px auto;
    border-radius: 4px; padding: 6px; background-color: rgba(255,255,255,0.5);
    font-size: 0.85em; color: #C81414; font-size:13px;
}

#quote-schedule label { display: block; clear: left; font-family: 'dax-medium'; text-align: left; padding-left: 6px; margin-bottom: 0px; margin-top: 5px; font-size: .8em; line-height: .8em;
}

#quote-schedule h2, #quote-scheduleresults h2 { font-size: 2em; font-family: 'dax'; margin-top: 16px; }

#quote-widget h2 i { font-family: "dax-italic"; }

#quote-schedule hr, #quote-scheduleresults hr { margin: 16px 0; }

#quote-schedule .formback, #quote-schedule .formback:hover {
  display: block; text-align: left;
  padding-top: 2px; padding-bottom: 5px;
  font-family: 'dax-medium'; font-size: .9em;
  text-decoration: none;
  }

#quote-schedule .right.mandatory { display: block; text-align: right; float: right; }

.formleft { display: inline-block; width: 33%; float: left; clear: both; }
.formcenter { display: inline-block; width: 33%; float: left; }
.formright { display: inline-block; width: 33%; }
.formtwocol { display: inline-block; width: 66%; padding-top: 30px; }

#quote-schedule .callday select, #quote-schedule .calltime select { width: 84%; }

#quote-schedule .schedterms {
  display: block; width: 90%;
  padding: 8px; margin: 0 auto;
  text-align: left; font-size: .866em;
  }

#quote-schedule .help-icon {
  position: relative;
  font-size: 14px; color: #fff; width: 20px; height: 20px;
  border-radius: 50%; margin: 0 5px;
  line-height: 20px; text-align: center; background: #0079c1;
  z-index: 100;
}

#quote-schedule input[type=text], #quote-schedule input[type=email], #quote-schedule input[type=tel]  {
  width: 92%;
  margin-top: 4px; margin-bottom: 4px;
  padding: 8px; padding-bottom: 6px;
  border: 2px solid #cacaca;
  border-radius: 4px;
  font-size:13px;
  }

#quote-schedule input[type=text]:focus, #quote-schedule input[type=email]:focus, #quote-schedule input[type=tel]:focus {
  border-color: #0079c1;
}

#quote-schedule input[type=email], #quote-schedule input[type=tel] { width: 92%; }

#quote-schedule select {
  width: 92%;
  margin-top: 4px; margin-bottom: 4px;
  padding: 8px; padding-bottom: 6px;
  border: 2px solid #cacaca; border-radius: 4px;
  background-image: url('select-arrow.gif'); background-repeat: no-repeat;
  background-color: #fff; background-position: right -2px; background-size: 39px 45px;
  appearance: none; -webkit-appearance: none; -moz-appearance: none;
}
#quote-schedule select:focus {
  outline: auto 5px -webkit-focus-ring-color;
}

#quote-schedule .schedconsentbox label {
    display: block; box-sizing: border-box;
    width: 90%; padding: 8px; padding-left: 32px; margin: 0 auto;
    text-align: left; font-size: .866em; font-family: 'dax'; line-height: 1.3;
}

input[type="checkbox"] + label:before { top: 20px; }


/* quote schedule results styles */

#quote-scheduleresults { display: none; position: relative; clear: none; box-sizing: border-box; width: 100%; top: 0px; }

#quote-scheduleresults p { display: block; width: 92%; margin: 0 auto; text-align: left; }

#confirmation { display: none; }

#quote-schedule .formback, #quote-schedule .formback:hover {
  display: block; text-align: left;
  padding-top: 2px; padding-bottom: 5px;
  font-family: 'dax-medium'; font-size: .9em;
  text-decoration: none;
}

#quote-schedule .right.mandatory { display: block; text-align: right; float: right; }

#quote-schedule .callday { display: inline-block; width: 50%; float: left; }
#quote-schedule .calltime { display: inline-block; width: 50%;  }

#quote-schedule .callday select, #quote-schedule .calltime select { width: 84%; }

#quote-schedule .schedterms {
    display: block; width: 90%;
    padding: 8px; margin: 0 auto;
    text-align: left; font-size: .866em;
    }

/* CASL pop styles */

#top-caslpop {
  display: none; position: relative; width: 100%; height: 100%; overflow: hidden;
  -webkit-overflow-scrolling: touch; overflow-y: hidden;
  }

    #top-caslpop iframe { border: 0; width: 100%; overflow: auto; }

        .caslClose {
          display: block; padding: 20px; text-align: left;
          border-bottom: 1px solid #cacaca; font-family: 'dax-medium';
        }

        .caslClose .icon.small { display: inline-block; width: 16px; height: 16px; line-height: 24px; vertical-align: middle; }
        .caslClose .icon.small:before { font-size: 14px; line-height: 14px; float: left; }
        .caslClose .icon.small.x-to-close:before { font-size: 24px; text-indent: -6px; }


@media (max-width: 600px) {

  .formleft { display: inline-block; width: 100%; float: none; clear: both; }
  .formcenter { display: inline-block; width: 100%; float: none; }
  .formright { display: inline-block; width: 100%; }
  .formtwocol { display: inline-block; width: 100%; padding-top: 10px; }

  #quote-schedule h2, #quote-scheduleresults h2 { margin-top: 7px; }

  #quote-schedule hr, #quote-scheduleresults hr { margin: 16px auto; width: 92%; }
  #quote-schedule .right.mandatory {
    display: block; text-align: right; float: none; width: 92%; margin: 0 auto;
  }

  #quote-schedule label[for="bestday"], #quote-schedule label[for="besttime"] { padding-left: 14px; }

  .tooltip .new-tooltip-bubble {
        margin-left: 0;
    }
        .tooltip .new-tooltip-bubble .icon {  }
        .tooltip .new-tooltip-bubble .icon:before {  }

  .tooltip .new-tooltip-bubble { left: 0; }

}

@media (max-width: 600px) {

  .tooltip .new-tooltip-bubble { left: -60px; }
  #quote-schedule .callday select, #quote-schedule .calltime select { width: 85%;padding-left:2px;}

}


@media (max-width: 767px) {
 #quote-schedule {font-size:15px;}
  #quote-schedule label {margin-top: 10px; font-size: .9em; line-height: .9em;}
  #quote-schedule .errors {font-size:13px;}
  #quote-schedule input[type=tel] { width: 92% !important; }
  }