@font-face {
  font-family: 'robotothin';
  src: url("/fonts/Roboto-Thin-webfont.eot");
  src: url("/fonts/Roboto-Thin-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-Thin-webfont.woff2") format("woff2"), url("/fonts/Roboto-Thin-webfont.woff") format("woff"), url("/fonts/Roboto-Thin-webfont.ttf") format("truetype"), url("/fonts/Roboto-Thin-webfont.svg#robotothin") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotothin_italic';
  src: url("/fonts/Roboto-ThinItalic-webfont.eot");
  src: url("/fonts/Roboto-ThinItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-ThinItalic-webfont.woff2") format("woff2"), url("/fonts/Roboto-ThinItalic-webfont.woff") format("woff"), url("/fonts/Roboto-ThinItalic-webfont.ttf") format("truetype"), url("/fonts/Roboto-ThinItalic-webfont.svg#robotothin_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotolight';
  src: url("/fonts/Roboto-Light-webfont.eot");
  src: url("/fonts/Roboto-Light-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-Light-webfont.woff2") format("woff2"), url("/fonts/Roboto-Light-webfont.woff") format("woff"), url("/fonts/Roboto-Light-webfont.ttf") format("truetype"), url("/fonts/Roboto-Light-webfont.svg#robotolight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotolight_italic';
  src: url("/fonts/Roboto-LightItalic-webfont.eot");
  src: url("/fonts/Roboto-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-LightItalic-webfont.woff2") format("woff2"), url("/fonts/Roboto-LightItalic-webfont.woff") format("woff"), url("/fonts/Roboto-LightItalic-webfont.ttf") format("truetype"), url("/fonts/Roboto-LightItalic-webfont.svg#robotolight_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotoregular';
  src: url("/fonts/Roboto-Regular-webfont.eot");
  src: url("/fonts/Roboto-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-Regular-webfont.woff2") format("woff2"), url("/fonts/Roboto-Regular-webfont.woff") format("woff"), url("/fonts/Roboto-Regular-webfont.ttf") format("truetype"), url("/fonts/Roboto-Regular-webfont.svg#robotoregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotoitalic';
  src: url("/fonts/Roboto-Italic-webfont.eot");
  src: url("/fonts/Roboto-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-Italic-webfont.woff2") format("woff2"), url("/fonts/Roboto-Italic-webfont.woff") format("woff"), url("/fonts/Roboto-Italic-webfont.ttf") format("truetype"), url("/fonts/Roboto-Italic-webfont.svg#robotoitalic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotomedium';
  src: url("/fonts/Roboto-Medium-webfont.eot");
  src: url("/fonts/Roboto-Medium-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-Medium-webfont.woff2") format("woff2"), url("/fonts/Roboto-Medium-webfont.woff") format("woff"), url("/fonts/Roboto-Medium-webfont.ttf") format("truetype"), url("/fonts/Roboto-Medium-webfont.svg#robotomedium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'robotomedium_italic';
  src: url("/fonts/Roboto-MediumItalic-webfont.eot");
  src: url("/fonts/Roboto-MediumItalic-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/Roboto-MediumItalic-webfont.woff2") format("woff2"), url("/fonts/Roboto-MediumItalic-webfont.woff") format("woff"), url("/fonts/Roboto-MediumItalic-webfont.ttf") format("truetype"), url("/fonts/Roboto-MediumItalic-webfont.svg#robotomedium_italic") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirblack';
  src: url("/fonts/AvenirLTStd-Black.eot");
  src: url("/fonts/AvenirLTStd-Black.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-Black.woff") format("woff"), url("/fonts/AvenirLTStd-Black.ttf") format("truetype"), url("/fonts/AvenirLTStd-Black.svg#avenirblack") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirblack_oblique';
  src: url("/fonts/AvenirLTStd-BlackOblique.eot");
  src: url("/fonts/AvenirLTStd-BlackOblique.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-BlackOblique.woff") format("woff"), url("/fonts/AvenirLTStd-BlackOblique.ttf") format("truetype"), url("/fonts/AvenirLTStd-BlackOblique.svg#avenirblack_oblique") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirbook';
  src: url("/fonts/AvenirLTStd-Book.eot");
  src: url("/fonts/AvenirLTStd-Book.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-Book.woff") format("woff"), url("/fonts/AvenirLTStd-Book.ttf") format("truetype"), url("/fonts/AvenirLTStd-Book.svg#avenirbook") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirbook_oblique';
  src: url("/fonts/AvenirLTStd-BookOblique.eot");
  src: url("/fonts/AvenirLTStd-BookOblique.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-BookOblique.woff") format("woff"), url("/fonts/AvenirLTStd-BookOblique.ttf") format("truetype"), url("/fonts/AvenirLTStd-BookOblique.svg#avenirbook_oblique") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirheavy';
  src: url("/fonts/AvenirLTStd-Heavy.eot");
  src: url("/fonts/AvenirLTStd-Heavy.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-Heavy.woff") format("woff"), url("/fonts/AvenirLTStd-Heavy.ttf") format("truetype"), url("/fonts/AvenirLTStd-Heavy.svg#avenirheavy") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirheavy_oblique';
  src: url("/fonts/AvenirLTStd-HeavyOblique.eot");
  src: url("/fonts/AvenirLTStd-HeavyOblique.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-HeavyOblique.woff") format("woff"), url("/fonts/AvenirLTStd-HeavyOblique.ttf") format("truetype"), url("/fonts/AvenirLTStd-HeavyOblique.svg#avenirheavy_oblique") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirlight';
  src: url("/fonts/AvenirLTStd-Light.eot");
  src: url("/fonts/AvenirLTStd-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-Light.woff") format("woff"), url("/fonts/AvenirLTStd-Light.ttf") format("truetype"), url("/fonts/AvenirLTStd-Light.svg#avenirlight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirlight_oblique';
  src: url("/fonts/AvenirLTStd-LightOblique.eot");
  src: url("/fonts/AvenirLTStd-LightOblique.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-LightOblique.woff") format("woff"), url("/fonts/AvenirLTStd-LightOblique.ttf") format("truetype"), url("/fonts/AvenirLTStd-LightOblique.svg#avenirlight_oblique") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirmedium';
  src: url("/fonts/AvenirLTStd-Medium.eot");
  src: url("/fonts/AvenirLTStd-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-Medium.woff") format("woff"), url("/fonts/AvenirLTStd-Medium.ttf") format("truetype"), url("/fonts/AvenirLTStd-Medium.svg#avenirmedium") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirmedium_oblique';
  src: url("/fonts/AvenirLTStd-MediumOblique.eot");
  src: url("/fonts/AvenirLTStd-MediumOblique.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-MediumOblique.woff") format("woff"), url("/fonts/AvenirLTStd-MediumOblique.ttf") format("truetype"), url("/fonts/AvenirLTStd-MediumOblique.svg#avenirmedium_oblique") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'aveniroblique';
  src: url("/fonts/AvenirLTStd-Oblique.eot");
  src: url("/fonts/AvenirLTStd-Oblique.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-Oblique.woff") format("woff"), url("/fonts/AvenirLTStd-Oblique.ttf") format("truetype"), url("/fonts/AvenirLTStd-Oblique.svg#aveniroblique") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'avenirroman';
  src: url("/fonts/AvenirLTStd-Roman.eot");
  src: url("/fonts/AvenirLTStd-Roman.eot?#iefix") format("embedded-opentype"), url("/fonts/AvenirLTStd-Roman.woff") format("woff"), url("/fonts/AvenirLTStd-Roman.ttf") format("truetype"), url("/fonts/AvenirLTStd-Roman.svg#avenirroman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'IntroCondLightFree';
  src: url("/fonts/IntroCondLightFree.eot");
  src: url("/fonts/IntroCondLightFree.eot?#iefix") format("embedded-opentype"), url("/fonts/IntroCondLightFree.woff") format("woff"), url("/fonts/IntroCondLightFree.ttf") format("truetype"), url("/fonts/IntroCondLightFree.svg#IntroCondLightFree") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'IntroCondBlackFree';
  src: url("/fonts/IntroCondBlackFree.eot");
  src: url("/fonts/IntroCondBlackFree.eot?#iefix") format("embedded-opentype"), url("/fonts/IntroCondBlackFree.woff") format("woff"), url("/fonts/IntroCondBlackFree.ttf") format("truetype"), url("/fonts/IntroCondBlackFree.svg#IntroCondBlackFree") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'BarlowCondensed-SemiBold';
  src: url("/fonts/BarlowCondensed-SemiBold.eot");
  src: url("/fonts/BarlowCondensed-SemiBold.eot?#iefix") format("embedded-opentype"), url("/fonts/BarlowCondensed-SemiBold.woff") format("woff"), url("/fonts/BarlowCondensed-SemiBold.ttf") format("truetype"), url("/fonts/BarlowCondensed-SemiBold.svg#BarlowCondensed-SemiBold") format("svg");
  font-weight: normal;
  font-style: normal; }

.hidden {
  display: none; }

.modal {
  width: auto; }

.wrapper {
  width: 100%;
  height: 100%;
  max-width: 1024px;
  margin: auto; }

.mfp-bg {
  padding-bottom: 100px; }

.previewLesson {
  font-family: "avenirlight", Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 20px;
  background-color: #00A8FF;
  border: 1px solid #0686FF;
  color: red;
  display: inline-block;
  outline: 0;
  padding: 8px 0;
  margin-top: 0px;
  margin-bottom: 0px;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  max-width: 270px;
  text-align: center;
  border-radius: 4px;
  -ms-border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out; }

#contact-form, #schoolDistrict-form-step01, #schoolDistrict-form-step02 {
  width: 740px;
  /*height: 760px;*/
  background-color: #fff;
  border-radius: 5px;
  margin: auto;
  padding-top: 43px;
  padding-bottom: 20px; }
  #contact-form .editionsBanner, #schoolDistrict-form-step01 .editionsBanner, #schoolDistrict-form-step02 .editionsBanner {
    padding-bottom: 15px; }
    #contact-form .editionsBanner img, #schoolDistrict-form-step01 .editionsBanner img, #schoolDistrict-form-step02 .editionsBanner img {
      width: 100%; }
  #contact-form .boxImgHeader, #schoolDistrict-form-step01 .boxImgHeader, #schoolDistrict-form-step02 .boxImgHeader {
    padding-bottom: 20px; }
    #contact-form .boxImgHeader img, #schoolDistrict-form-step01 .boxImgHeader img, #schoolDistrict-form-step02 .boxImgHeader img {
      width: 740px; }
  #contact-form h1, #schoolDistrict-form-step01 h1, #schoolDistrict-form-step02 h1 {
    font-family: "avenirroman", Helvetica, Arial, sans-serif;
    font-size: 28px;
    line-height: 28px;
    color: #1f1f2a;
    font-weight: normal;
    text-align: center;
    padding: 0 15px 15px 15px;
    margin: 0px; }
    #contact-form h1:before, #schoolDistrict-form-step01 h1:before, #schoolDistrict-form-step02 h1:before {
      display: none; }
  #contact-form h2, #schoolDistrict-form-step01 h2, #schoolDistrict-form-step02 h2 {
    font-family: "avenirroman", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #1f1f2a;
    font-weight: normal;
    text-align: center;
    padding: 0 15px 15px 15px;
    margin: 0px;
    letter-spacing: 0.14px; }
    #contact-form h2 span, #schoolDistrict-form-step01 h2 span, #schoolDistrict-form-step02 h2 span {
      display: inline-block;
      width: 100%; }
  #contact-form h3, #schoolDistrict-form-step01 h3, #schoolDistrict-form-step02 h3 {
    font-family: "avenirlight", Helvetica, Arial, sans-serif;
    font-size: 20px;
    line-height: 20px;
    color: #666;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: normal;
    margin: 0px; }
  #contact-form h4, #schoolDistrict-form-step01 h4, #schoolDistrict-form-step02 h4 {
    font-family: "avenirroman", Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 15px;
    color: #666;
    font-weight: normal;
    text-align: left;
    padding-bottom: 10px;
    margin: 0px; }
  #contact-form p, #schoolDistrict-form-step01 p, #schoolDistrict-form-step02 p {
    margin: 0px; }
  #contact-form .listDevices, #schoolDistrict-form-step01 .listDevices, #schoolDistrict-form-step02 .listDevices {
    padding: 0px;
    margin: 0px; }
    #contact-form .listDevices li, #schoolDistrict-form-step01 .listDevices li, #schoolDistrict-form-step02 .listDevices li {
      font-family: "avenirroman", Helvetica, Arial, sans-serif;
      font-size: 15px;
      line-height: 22px;
      color: #666;
      text-align: left;
      display: inline-block;
      width: 50%;
      padding-bottom: 7px; }
      #contact-form .listDevices li span, #schoolDistrict-form-step01 .listDevices li span, #schoolDistrict-form-step02 .listDevices li span {
        font-family: "avenirroman", Helvetica, Arial, sans-serif;
        font-size: 15px;
        line-height: 20px;
        color: #666;
        vertical-align: middle; }
  #contact-form .listInterest, #schoolDistrict-form-step01 .listInterest, #schoolDistrict-form-step02 .listInterest {
    padding: 0px;
    margin: 0px; }
    #contact-form .listInterest li, #schoolDistrict-form-step01 .listInterest li, #schoolDistrict-form-step02 .listInterest li {
      font-family: "avenirlight", Helvetica, Arial, sans-serif;
      font-size: 16px;
      line-height: 22px;
      color: #666;
      text-align: left;
      display: inline-block;
      width: 100%;
      padding-bottom: 10px; }
      #contact-form .listInterest li span, #schoolDistrict-form-step01 .listInterest li span, #schoolDistrict-form-step02 .listInterest li span {
        font-family: "avenirlight", Helvetica, Arial, sans-serif;
        font-size: 15px;
        line-height: 20px;
        color: #666; }
  #contact-form .boxInfoTop, #schoolDistrict-form-step01 .boxInfoTop, #schoolDistrict-form-step02 .boxInfoTop {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 20px; }
    #contact-form .boxInfoTop .bitTable, #schoolDistrict-form-step01 .boxInfoTop .bitTable, #schoolDistrict-form-step02 .boxInfoTop .bitTable {
      width: 100%;
      display: table;
      max-width: 500px;
      margin: auto; }
      #contact-form .boxInfoTop .bitTable .bitLeft, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitLeft, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitLeft {
        width: 65%;
        display: table-cell;
        text-align: left; }
        #contact-form .boxInfoTop .bitTable .bitLeft p, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitLeft p, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitLeft p {
          font-family: "avenirroman", Helvetica, Arial, sans-serif;
          font-size: 16px;
          line-height: 22px;
          color: #1f1f2a;
          margin: 0px;
          padding: 0px; }
        #contact-form .boxInfoTop .bitTable .bitLeft span, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitLeft span, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitLeft span {
          font-family: "avenirlight", Helvetica, Arial, sans-serif;
          font-size: 16px;
          line-height: 22px;
          color: #666;
          margin: 0px;
          padding: 0px;
          padding-left: 15px;
          padding-bottom: 0px; }
      #contact-form .boxInfoTop .bitTable .bitRight, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitRight, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitRight {
        width: 35%;
        display: table-cell;
        text-align: right; }
        #contact-form .boxInfoTop .bitTable .bitRight p, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitRight p, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitRight p {
          font-family: "avenirroman", Helvetica, Arial, sans-serif;
          font-size: 16px;
          line-height: 22px;
          color: #1f1f2a;
          margin: 0px;
          padding: 0px;
          padding-right: 3px; }
        #contact-form .boxInfoTop .bitTable .bitRight span, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitRight span, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitRight span {
          font-family: "avenirlight", Helvetica, Arial, sans-serif;
          font-size: 16px;
          line-height: 22px;
          color: #666;
          margin: 0px;
          padding: 0px;
          padding-left: 15px;
          padding-bottom: 0px; }
      #contact-form .boxInfoTop .bitTable .bitCenter, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitCenter, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitCenter {
        width: 100%;
        display: table-cell;
        text-align: left; }
        #contact-form .boxInfoTop .bitTable .bitCenter p, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitCenter p, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitCenter p {
          font-family: "avenirroman", Helvetica, Arial, sans-serif;
          font-size: 16px;
          line-height: 22px;
          color: #1f1f2a;
          margin: 0px;
          padding: 0px; }
        #contact-form .boxInfoTop .bitTable .bitCenter span, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitCenter span, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitCenter span {
          font-family: "avenirlight", Helvetica, Arial, sans-serif;
          font-size: 16px;
          line-height: 22px;
          color: #666;
          margin: 0px;
          padding: 0px;
          padding-left: 15px;
          padding-bottom: 0px; }
  #contact-form form, #schoolDistrict-form-step01 form, #schoolDistrict-form-step02 form {
    text-align: center; }
  #contact-form .boxItemsForm, #schoolDistrict-form-step01 .boxItemsForm, #schoolDistrict-form-step02 .boxItemsForm {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    max-width: 650px;
    font-size: 0px; }
    #contact-form .boxItemsForm .field, #schoolDistrict-form-step01 .boxItemsForm .field, #schoolDistrict-form-step02 .boxItemsForm .field {
      margin-bottom: 18px; }
      #contact-form .boxItemsForm .field .phone, #schoolDistrict-form-step01 .boxItemsForm .field .phone, #schoolDistrict-form-step02 .boxItemsForm .field .phone {
        text-align: left; }
    #contact-form .boxItemsForm .otherSubjectHid, #schoolDistrict-form-step01 .boxItemsForm .otherSubjectHid, #schoolDistrict-form-step02 .boxItemsForm .otherSubjectHid {
      display: none; }
    #contact-form .boxItemsForm .editionOption, #contact-form .boxItemsForm .licOption, #schoolDistrict-form-step01 .boxItemsForm .editionOption, #schoolDistrict-form-step01 .boxItemsForm .licOption, #schoolDistrict-form-step02 .boxItemsForm .editionOption, #schoolDistrict-form-step02 .boxItemsForm .licOption {
      display: table;
      width: 100%;
      padding-bottom: 15px; }
      #contact-form .boxItemsForm .editionOption .eoLeft, #contact-form .boxItemsForm .editionOption .eoRight, #contact-form .boxItemsForm .licOption .eoLeft, #contact-form .boxItemsForm .licOption .eoRight, #schoolDistrict-form-step01 .boxItemsForm .editionOption .eoLeft, #schoolDistrict-form-step01 .boxItemsForm .editionOption .eoRight, #schoolDistrict-form-step01 .boxItemsForm .licOption .eoLeft, #schoolDistrict-form-step01 .boxItemsForm .licOption .eoRight, #schoolDistrict-form-step02 .boxItemsForm .editionOption .eoLeft, #schoolDistrict-form-step02 .boxItemsForm .editionOption .eoRight, #schoolDistrict-form-step02 .boxItemsForm .licOption .eoLeft, #schoolDistrict-form-step02 .boxItemsForm .licOption .eoRight {
        display: table-cell;
        width: 50%;
        vertical-align: middle;
        text-align: left; }
    #contact-form .boxItemsForm fieldset, #schoolDistrict-form-step01 .boxItemsForm fieldset, #schoolDistrict-form-step02 .boxItemsForm fieldset {
      display: inline-block;
      width: 50%;
      max-width: 295px;
      margin: 0 15px;
      vertical-align: top;
      border: none; }
      #contact-form .boxItemsForm fieldset input[type="text"], #schoolDistrict-form-step01 .boxItemsForm fieldset input[type="text"], #schoolDistrict-form-step02 .boxItemsForm fieldset input[type="text"] {
        font-family: "avenirlight", Helvetica, Arial, sans-serif;
        font-size: 15px;
        line-height: 20px;
        outline: 0;
        padding: 10px 17px;
        padding-top: 11px;
        border: 1px solid #ebebea;
        border-radius: 3px;
        outline: 0;
        width: 100%;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none; }
        #contact-form .boxItemsForm fieldset input[type="text"]:focus, #schoolDistrict-form-step01 .boxItemsForm fieldset input[type="text"]:focus, #schoolDistrict-form-step02 .boxItemsForm fieldset input[type="text"]:focus {
          border-color: #00A8FF; }
      #contact-form .boxItemsForm fieldset input[type="radio"], #schoolDistrict-form-step01 .boxItemsForm fieldset input[type="radio"], #schoolDistrict-form-step02 .boxItemsForm fieldset input[type="radio"] {
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        border-radius: 50%;
        width: 22px;
        height: 22px;
        vertical-align: middle;
        margin-right: 11px;
        outline: none;
        border: 1px solid #C1C1C1; }
        #contact-form .boxItemsForm fieldset input[type="radio"]:checked, #schoolDistrict-form-step01 .boxItemsForm fieldset input[type="radio"]:checked, #schoolDistrict-form-step02 .boxItemsForm fieldset input[type="radio"]:checked {
          background: url(/modal/forms/img/radio-point.png) center center no-repeat;
          background-size: 50%;
          border: 1px solid #C1C1C1; }
        #contact-form .boxItemsForm fieldset input[type="radio"]:focus, #schoolDistrict-form-step01 .boxItemsForm fieldset input[type="radio"]:focus, #schoolDistrict-form-step02 .boxItemsForm fieldset input[type="radio"]:focus {
          border: 1px solid #C1C1C1; }
      #contact-form .boxItemsForm fieldset input[type="checkbox"], #schoolDistrict-form-step01 .boxItemsForm fieldset input[type="checkbox"], #schoolDistrict-form-step02 .boxItemsForm fieldset input[type="checkbox"] {
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        border-radius: 3px;
        width: 20px;
        height: 20px;
        vertical-align: middle;
        margin-right: 0px;
        outline: none;
        border: 1px solid #C1C1C1; }
        #contact-form .boxItemsForm fieldset input[type="checkbox"]:checked, #schoolDistrict-form-step01 .boxItemsForm fieldset input[type="checkbox"]:checked, #schoolDistrict-form-step02 .boxItemsForm fieldset input[type="checkbox"]:checked {
          background: url(/modal/forms/img/check.png) center center no-repeat;
          background-size: 70%;
          border: 1px solid #C1C1C1; }
        #contact-form .boxItemsForm fieldset input[type="checkbox"]:focus, #schoolDistrict-form-step01 .boxItemsForm fieldset input[type="checkbox"]:focus, #schoolDistrict-form-step02 .boxItemsForm fieldset input[type="checkbox"]:focus {
          border: 1px solid #C1C1C1; }
      #contact-form .boxItemsForm fieldset select, #schoolDistrict-form-step01 .boxItemsForm fieldset select, #schoolDistrict-form-step02 .boxItemsForm fieldset select {
        font-family: "avenirlight", Helvetica, Arial, sans-serif;
        font-size: 15px;
        line-height: 20px;
        color: #B2B2B2;
        border: 1px solid #ebebea;
        border-radius: 3px;
        outline: 0;
        padding: 9px 17px;
        width: 100%;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        background: url(/modal/forms/img/select_arrow.svg) no-repeat 265px 18px; }
        #contact-form .boxItemsForm fieldset select:focus, #schoolDistrict-form-step01 .boxItemsForm fieldset select:focus, #schoolDistrict-form-step02 .boxItemsForm fieldset select:focus {
          border-color: #00A8FF; }
        #contact-form .boxItemsForm fieldset select option, #schoolDistrict-form-step01 .boxItemsForm fieldset select option, #schoolDistrict-form-step02 .boxItemsForm fieldset select option {
          color: #1f1f2a; }
      #contact-form .boxItemsForm fieldset .optionSelect, #schoolDistrict-form-step01 .boxItemsForm fieldset .optionSelect, #schoolDistrict-form-step02 .boxItemsForm fieldset .optionSelect {
        color: #1f1f2a; }
      #contact-form .boxItemsForm fieldset textarea, #schoolDistrict-form-step01 .boxItemsForm fieldset textarea, #schoolDistrict-form-step02 .boxItemsForm fieldset textarea {
        font-family: "avenirlight", Helvetica, Arial, sans-serif;
        font-size: 15px;
        line-height: 20px;
        border: 1px solid #ebebea;
        border-radius: 3px;
        outline: 0;
        padding: 10px 15px;
        width: 100%;
        height: 104px;
        box-sizing: border-box;
        -webkit-appearance: none;
        -moz-appearance: none;
        resize: none; }
        #contact-form .boxItemsForm fieldset textarea:focus, #schoolDistrict-form-step01 .boxItemsForm fieldset textarea:focus, #schoolDistrict-form-step02 .boxItemsForm fieldset textarea:focus {
          border-color: #00A8FF; }
      #contact-form .boxItemsForm fieldset label, #schoolDistrict-form-step01 .boxItemsForm fieldset label, #schoolDistrict-form-step02 .boxItemsForm fieldset label {
        font-family: "avenirlight", Helvetica, Arial, sans-serif;
        font-size: 15px;
        color: #1f1f2a;
        text-align: left;
        display: inline-block;
        vertical-align: middle; }
  #contact-form .boxFormBot, #schoolDistrict-form-step01 .boxFormBot, #schoolDistrict-form-step02 .boxFormBot {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    padding-top: 7px; }
    #contact-form .boxFormBot fieldset, #schoolDistrict-form-step01 .boxFormBot fieldset, #schoolDistrict-form-step02 .boxFormBot fieldset {
      border: none; }
    #contact-form .boxFormBot .field, #schoolDistrict-form-step01 .boxFormBot .field, #schoolDistrict-form-step02 .boxFormBot .field {
      margin-bottom: 18px; }
      #contact-form .boxFormBot .field.field-checkbox, #schoolDistrict-form-step01 .boxFormBot .field.field-checkbox, #schoolDistrict-form-step02 .boxFormBot .field.field-checkbox {
        align-items: flex-start;
        display: flex;
        justify-content: center;
        margin-bottom: 10px; }
        #contact-form .boxFormBot .field.field-checkbox .checkbox, #schoolDistrict-form-step01 .boxFormBot .field.field-checkbox .checkbox, #schoolDistrict-form-step02 .boxFormBot .field.field-checkbox .checkbox {
          margin-right: 5px; }
        #contact-form .boxFormBot .field.field-checkbox label, #schoolDistrict-form-step01 .boxFormBot .field.field-checkbox label, #schoolDistrict-form-step02 .boxFormBot .field.field-checkbox label {
          width: 100%;
          max-width: 420px;
          color: #8b9195;
          font-family: "avenirlight", Helvetica, Arial, sans-serif;
          font-size: 16px;
          font-weight: 300;
          line-height: 20px; }
          @media only screen and (max-width: 600px) {
            #contact-form .boxFormBot .field.field-checkbox label, #schoolDistrict-form-step01 .boxFormBot .field.field-checkbox label, #schoolDistrict-form-step02 .boxFormBot .field.field-checkbox label {
              max-width: 100%; } }
    #contact-form .boxFormBot label, #schoolDistrict-form-step01 .boxFormBot label, #schoolDistrict-form-step02 .boxFormBot label {
      font-family: "avenirlight", Helvetica, Arial, sans-serif;
      font-size: 15px;
      line-height: 20px;
      color: #1f1f2a;
      display: inline;
      margin-left: -10px; }
    #contact-form .boxFormBot .text, #schoolDistrict-form-step01 .boxFormBot .text, #schoolDistrict-form-step02 .boxFormBot .text {
      font-family: "avenirlight", Helvetica, Arial, sans-serif;
      font-size: 15px;
      line-height: 20px;
      color: #1f1f2a;
      display: inline;
      max-width: 62px;
      padding: 10px;
      margin-left: 8px; }
      #contact-form .boxFormBot .text:focus, #schoolDistrict-form-step01 .boxFormBot .text:focus, #schoolDistrict-form-step02 .boxFormBot .text:focus {
        border-color: #00A8FF; }
    #contact-form .boxFormBot .phone, #schoolDistrict-form-step01 .boxFormBot .phone, #schoolDistrict-form-step02 .boxFormBot .phone {
      font-family: "avenirlight", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 19px;
      color: #666666; }
      #contact-form .boxFormBot .phone span, #schoolDistrict-form-step01 .boxFormBot .phone span, #schoolDistrict-form-step02 .boxFormBot .phone span {
        display: inline;
        width: inherit; }
    #contact-form .boxFormBot .button, #schoolDistrict-form-step01 .boxFormBot .button, #schoolDistrict-form-step02 .boxFormBot .button {
      width: 100%;
      max-width: 255px;
      background-color: #00A8FF;
      border: none;
      color: #FFFFFF;
      cursor: pointer;
      display: inline-block;
      font-family: "avenirroman", Helvetica, Arial, sans-serif;
      font-size: 20px;
      line-height: 20px;
      margin: 0 5px;
      padding: 14px 0;
      text-decoration: none;
      text-align: center;
      border-radius: 100px;
      -ms-border-radius: 100px;
      -moz-border-radius: 100px;
      -webkit-border-radius: 100px;
      transition: background-color 0.2s ease-out;
      -o-transition: background-color 0.2s ease-out;
      -moz-transition: background-color 0.2s ease-out;
      -webkit-transition: background-color 0.2s ease-out; }
      #contact-form .boxFormBot .button:hover, #schoolDistrict-form-step01 .boxFormBot .button:hover, #schoolDistrict-form-step02 .boxFormBot .button:hover {
        background-color: #0686FF; }
    #contact-form .boxFormBot .back-button, #schoolDistrict-form-step01 .boxFormBot .back-button, #schoolDistrict-form-step02 .boxFormBot .back-button {
      background-color: #fff;
      border: 1px solid #00A8FF;
      color: #00A8FF;
      max-width: 80px; }
      #contact-form .boxFormBot .back-button:hover, #schoolDistrict-form-step01 .boxFormBot .back-button:hover, #schoolDistrict-form-step02 .boxFormBot .back-button:hover {
        background-color: #e5e1e1;
        color: #706a6a;
        border: 1px solid #706a6a; }
    #contact-form .boxFormBot .send-button, #schoolDistrict-form-step01 .boxFormBot .send-button, #schoolDistrict-form-step02 .boxFormBot .send-button {
      max-width: 208px; }
    #contact-form .boxFormBot .captcha_container, #schoolDistrict-form-step01 .boxFormBot .captcha_container, #schoolDistrict-form-step02 .boxFormBot .captcha_container {
      display: inline-block;
      display: -moz-inline-stack;
      margin-bottom: 20px; }

#contact-form {
  padding-top: 0px; }

#schoolDistrict-form-step01 {
  padding-top: 0px; }

.step2 {
  padding-top: 40px; }
  .step2 .boxItemsForm .field {
    margin-bottom: 24px; }

#modal-join-field {
  display: inline-block;
  width: 100%;
  max-width: 330px;
  text-align: center; }

@media screen and (max-width: 770px) {
  #contact-form, #schoolDistrict-form-step01, #schoolDistrict-form-step02 {
    width: 560px; }
    #contact-form .boxImgHeader img, #schoolDistrict-form-step01 .boxImgHeader img, #schoolDistrict-form-step02 .boxImgHeader img {
      width: 560px; }
    #contact-form .boxItemsForm fieldset, #schoolDistrict-form-step01 .boxItemsForm fieldset, #schoolDistrict-form-step02 .boxItemsForm fieldset {
      width: 100%;
      padding: 0px;
      margin: 0px; }
    #contact-form .boxItemsForm .bitTable .bitLeft, #schoolDistrict-form-step01 .boxItemsForm .bitTable .bitLeft, #schoolDistrict-form-step02 .boxItemsForm .bitTable .bitLeft {
      width: 45%; }
    #contact-form .boxItemsForm .bitTable .bitRight, #schoolDistrict-form-step01 .boxItemsForm .bitTable .bitRight, #schoolDistrict-form-step02 .boxItemsForm .bitTable .bitRight {
      width: 55%; } }

@media screen and (max-width: 600px) {
  #contact-form, #schoolDistrict-form-step01, #schoolDistrict-form-step02 {
    width: 410px; }
    #contact-form .boxImgHeader img, #schoolDistrict-form-step01 .boxImgHeader img, #schoolDistrict-form-step02 .boxImgHeader img {
      width: 410px; }
    #contact-form .boxInfoTop, #schoolDistrict-form-step01 .boxInfoTop, #schoolDistrict-form-step02 .boxInfoTop {
      max-width: 500px;
      margin: auto;
      text-align: center; }
      #contact-form .boxInfoTop .bitTable .bitLeft, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitLeft, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitLeft {
        width: 90%;
        display: inline-block; }
        #contact-form .boxInfoTop .bitTable .bitLeft p, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitLeft p, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitLeft p {
          text-align: center; }
        #contact-form .boxInfoTop .bitTable .bitLeft span, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitLeft span, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitLeft span {
          padding: 0px;
          display: inline-block;
          width: 100%; }
      #contact-form .boxInfoTop .bitTable .bitRight, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitRight, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitRight {
        width: 90%;
        display: inline-block; }
        #contact-form .boxInfoTop .bitTable .bitRight p, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitRight p, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitRight p {
          text-align: center; }
        #contact-form .boxInfoTop .bitTable .bitRight span, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitRight span, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitRight span {
          padding: 0px;
          display: inline-block;
          width: 100%; }
      #contact-form .boxInfoTop .bitTable .bitCenter, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitCenter, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitCenter {
        width: 90%;
        display: inline-block; }
        #contact-form .boxInfoTop .bitTable .bitCenter p, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitCenter p, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitCenter p {
          text-align: center; }
        #contact-form .boxInfoTop .bitTable .bitCenter span, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitCenter span, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitCenter span {
          padding: 0px;
          display: inline-block;
          width: 100%; }
    #contact-form .boxItemsForm fieldset input[type="radio"], #schoolDistrict-form-step01 .boxItemsForm fieldset input[type="radio"], #schoolDistrict-form-step02 .boxItemsForm fieldset input[type="radio"] {
      margin-right: 3px; }
    #contact-form .boxFormBot .phone .streetAddress, #schoolDistrict-form-step01 .boxFormBot .phone .streetAddress, #schoolDistrict-form-step02 .boxFormBot .phone .streetAddress {
      display: inline-block;
      width: 100%; } }

@media screen and (max-width: 450px) {
  #contact-form, #schoolDistrict-form-step01, #schoolDistrict-form-step02 {
    width: 280px; }
    #contact-form .boxImgHeader img, #schoolDistrict-form-step01 .boxImgHeader img, #schoolDistrict-form-step02 .boxImgHeader img {
      width: 280px; }
    #contact-form .listDevices, #schoolDistrict-form-step01 .listDevices, #schoolDistrict-form-step02 .listDevices {
      display: inline-block;
      width: 100%; }
      #contact-form .listDevices li, #schoolDistrict-form-step01 .listDevices li, #schoolDistrict-form-step02 .listDevices li {
        display: inline-block;
        width: 100%; }
    #contact-form .boxInfoTop .bitTable, #schoolDistrict-form-step01 .boxInfoTop .bitTable, #schoolDistrict-form-step02 .boxInfoTop .bitTable {
      max-width: 250px;
      margin: auto; }
      #contact-form .boxInfoTop .bitTable .bitLeft, #contact-form .boxInfoTop .bitTable .bitRight, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitLeft, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitRight, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitLeft, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitRight {
        display: inline;
        width: inherit; }
        #contact-form .boxInfoTop .bitTable .bitLeft p, #contact-form .boxInfoTop .bitTable .bitRight p, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitLeft p, #schoolDistrict-form-step01 .boxInfoTop .bitTable .bitRight p, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitLeft p, #schoolDistrict-form-step02 .boxInfoTop .bitTable .bitRight p {
          font-size: 15px;
          line-height: 22px;
          display: inline;
          padding-right: 0px;
          padding-left: 0px; }
    #contact-form .boxItemsForm, #schoolDistrict-form-step01 .boxItemsForm, #schoolDistrict-form-step02 .boxItemsForm {
      max-width: 250px; }
      #contact-form .boxItemsForm fieldset select, #schoolDistrict-form-step01 .boxItemsForm fieldset select, #schoolDistrict-form-step02 .boxItemsForm fieldset select {
        background-position: 220px 20px; }
      #contact-form .boxItemsForm fieldset .editionOption .eoLeft, #contact-form .boxItemsForm fieldset .editionOption .eoRight, #schoolDistrict-form-step01 .boxItemsForm fieldset .editionOption .eoLeft, #schoolDistrict-form-step01 .boxItemsForm fieldset .editionOption .eoRight, #schoolDistrict-form-step02 .boxItemsForm fieldset .editionOption .eoLeft, #schoolDistrict-form-step02 .boxItemsForm fieldset .editionOption .eoRight {
        display: inline-block;
        width: 100%;
        text-align: left;
        padding-bottom: 10px; }
    #contact-form .boxFormBot .phone, #schoolDistrict-form-step01 .boxFormBot .phone, #schoolDistrict-form-step02 .boxFormBot .phone {
      width: 100%;
      max-width: 85%;
      margin: auto; }
    #contact-form .boxFormBot .button, #schoolDistrict-form-step01 .boxFormBot .button, #schoolDistrict-form-step02 .boxFormBot .button {
      max-width: 250px; } }

.field .field {
  margin-bottom: 0 !important; }

.field#otherHear {
  margin: 0 auto;
  margin-bottom: 0 !important; }
  .field#otherHear.error {
    margin: 0 auto; }
    .field#otherHear.error .warning {
      bottom: 14px; }
  .field#otherHear input[type="text"].text {
    width: 89%;
    height: 30px;
    border: none;
    position: absolute;
    top: -53px;
    left: 1px; }
    @media only screen and (max-width: 768px) and (max-height: 1024px) {
      .field#otherHear input[type="text"].text {
        padding: 9px 15px; } }
    .field#otherHear input[type="text"].text.move {
      top: -46px;
      left: 2px; }
  .field#otherHear small {
    bottom: 0; }

@media only screen and (max-width: 768px) and (max-height: 1024px) {
  .field.edition-form {
    margin-bottom: 15px; } }
  @media only screen and (max-width: 768px) and (max-height: 1024px) and (max-width: 600px) {
    .field.edition-form label {
      font-size: 15px; } }

@media only screen and (max-width: 600px) {
  .field select {
    background-position: 255px 15px; } }