.cm-sidebar > div {
  margin-bottom: 2em;
}

.cm-sidebar > div:last-child {
  margin-bottom: 0;
}

.cm-sidebar h2 {
  font-family: 'Crimson Text', serif;
  font-size: 2.22rem;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0;
  line-height: 1;
  color: #234388;
  
  color:#fff;
  font-size:1.6rem;
}
.cm-sidebar h3 {
  font-family: 'PT Sans', sans-serif;
  font-size: calc(2.22rem * .7);
  font-style: normal;
  line-height: 1;
  color: #51863d;
  font-weight: 400;
}

.cm-sidebar .pollen-count {
  padding: 1em 0;
  padding-left: 2.5%;
  padding-right: 2.5%;
}

.cm-sidebar .pollen-count .info {
  width: 100%;
  max-width: 100%;
  margin-left: auto;
  background-color: #FFFFFF;
  border-radius: 1.22em;
  padding: 3.33em 3.33em 1.666em;
  box-shadow: 0 0 14px rgba(29,29,83,.3);
  opacity: 1;
  transition: opacity .4s ease 0s;
}
.cm-sidebar .pollen-count .info > * {
  max-width: 100%;

}
.cm-sidebar .pollen-count .head {
  padding-bottom: 1em;
  text-align: left;
  
  text-align: center;
  background: #234388;
  padding: 20px 10px;
  border-top-right-radius: 16px;
  border-top-left-radius: 16px;
}
.cm-sidebar .pollen-count .head h2 {
  margin: 0;
}

.cm-sidebar .pollen-count .head > *:last-child {
  margin-bottom: 0;
}
.cm-sidebar .pollen-count .info .pollen-box ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-repeat: repeat-x;
}

.cm-sidebar .pollen-count .bottom {
  text-align:center;
  background:#234388;
  padding:20px 10px;
  border-bottom-right-radius:16px;
  border-bottom-left-radius:16px;
}
.cm-sidebar .pollen-count .pollen-count-btn {
  background:rgb(148, 206, 123);
  color:#234388;
  padding:8px 16px;
  border-radius:50px;
}
.cm-sidebar .pollen-count .pollen-count-btn:hover {
  background:rgb(255, 255, 255);
}
{#
.cm-sidebar .pollen-count .pollen-box ul li {
  padding-top: 162px;
  text-align: center;
  position: relative;
  margin: 0;

}
.cm-sidebar .pollen-count .pollen-box ul li .thermometer {
  display: block;
  position: absolute;
  top: 0;
  width: 1.9444em;
  height: 100%;
  left: 50%;
  transform: translate(-50%, -2px);
  background-image: linear-gradient(to bottom, #f57040 10%, #d9ba58 50%, #7da247 90%);
  border-radius: 3em;
  max-height: 202px;
}

.cm-sidebar .pollen-count .pollen-box li.pollen-Extreme .thermometer:before,
.cm-sidebar .pollen-count .pollen-box li.pollen-Extreme .thermometer:after {
  top: 10px;
}
.cm-sidebar .pollen-count .pollen-box li.pollen-High .thermometer:before,
.cm-sidebar .pollen-count .pollen-box li.pollen-High .thermometer:after {
  top: 62px;
}
.cm-sidebar .pollen-count .pollen-box li.pollen-Medium .thermometer:before,
.cm-sidebar .pollen-count .pollen-box li.pollen-Medium .thermometer:after {
  top: 107px;
}
.cm-sidebar .pollen-count .pollen-box li.pollen-Low .thermometer:before,
.cm-sidebar .pollen-count .pollen-box li.pollen-Low .thermometer:after {
  top: 154px;
}
.cm-sidebar .pollen-count .pollen-box ul li .thermometer:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #152852;
  left: 0;
  z-index: 1;
}
.cm-sidebar .pollen-count .pollen-box ul li .thermometer:after {
  content: '';
  display: block;
  position: absolute;

  width: 1em;
  height: 1em;
  background-size: contain;
  transform: translateY(calc(-50% + 1px)) rotateZ(180deg);
  right: 100%;
}

.cm-sidebar .pollen-count .pollen-box ul li .icon {
  background-color: #FFFFFF;
  font-size: 3.166em;
  width: 1em;
  height: 1em;
  position: relative;
  border: 5px solid #94ce7b;
  margin: 0 auto;
  border-radius: 50%;
  margin-top: 0.25em;
  display: block;
}
.cm-sidebar .pollen-count .pollen-box ul li .icon svg {
  height: 1em;
  width: 1em;
  fill: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #51863d;
  font-size: .5em;
}

.cm-sidebar .pollen-count .pollen-box ul li strong {
  display: block;
}

.cm-sidebar .pollen-count .pollen-box ul li strong small {
  font-weight: 400;
  font-size: smaller;
}
#}

{# Menu #}


.cm-side-nav {
  position: relative;
  border-radius: 1.22em;
  box-shadow: 0 0 14px rgba(29,29,83,.3);
  overflow: hidden;
}
.cm-side-nav .hs-menu-wrapper ul {
  display: block;
  margin: 0;
  padding: 0;
}
.cm-side-nav .hs-menu-wrapper ul li {
  position: relative;
  transition: background-color .4s ease 0s;
  display: block;
  background-color: transparent;
  margin: 0;

}
.cm-side-nav .hs-menu-wrapper ul li a {
  display: block;
  line-height: 1.2;
  background-color: #234388;
  color: #FFFFFF;
  transition: color .4s ease 0s, background-color .4s ease 0s;
  text-decoration: none;
  display: block;
  line-height: 1.2;
  padding: 1em 4% 1em 8%;
  margin: 0;
  transition: color .4s ease 0s, background-color .4s ease 0s, border .4s ease 0s;
  font-size: 1.3em;
  flex: 1 1 auto;
  font-weight: 700;
  max-width: 85%;
  color: #FFFFFF;
  text-transform: uppercase;
  max-width: 100%;

}


.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-1 {
  background-color: transparent;
  display: block;
  margin: 0;
  position: relative;
  transition: background-color .4s ease 0s;
}
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-1 > a {
  padding: 40px 4%;
  font-size: 2.55em;
  font-weight: 700;
  text-align: center;
  font-family: 'Crimson Text', serif;
  letter-spacing: normal;
  text-transform: none;
}
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-1 > a:hover {
  background-color: #FFFFFF;
  color: #234388;
}

.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-1,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-1{
  display: none;
}



.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2 {
  flex-wrap: wrap;
  align-items: stretch;
  display: flex;
}



.cm-side-nav .hs-menu-wrapper .hs-menu-depth-2 ul {
  position: static;
  margin: 0;
  padding: 0;
  display: none;
  width: 100%;
}

.cm-side-nav .hs-menu-wrapper .hs-menu-depth-2 ul li a {
  background-color: #eeeeee;
  padding: 0.5em 7.5% 0.5em 12%;
  transition: color .4s ease 0s, padding .4s ease 0s, background-color .4s ease 0s;
  color: #234388;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3em;
}

.cm-side-nav .hs-menu-wrapper .hs-menu-depth-2 ul li a:hover {
  padding: 0.5em 5% 0.5em 14.5%;
  background-color: #FFFFFF;
  color: #234388;
}

.cm-side-nav .hs-menu-wrapper .hs-menu-depth-2 ul li.active > a {
  padding: 0.5em 5% 0.5em 14.5%;
}

.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-1.active,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-1.active-branch{
  display: block;
}
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2:hover > a,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2.active > a,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2.active-branch > a,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2.child-open > a{
  background-color: #FFFFFF;
  color: #234388;
}

.cm-side-nav .fly-btn {
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  padding: 0 2.5em;
  transform: none;
  background-color: #234388;
  transition: background-color .4s ease 0s;
  position: relative;
}
.cm-side-nav .fly-btn:before,
.cm-side-nav .fly-btn:after {
  width: 1.1em;
  height: 1px;
  background-color: #FFFFFF;
  transition: background-color .4s ease 0s;
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  z-index: 100;
}

.cm-side-nav .fly-btn:before {
  transform: translate(-50%, -50%);
}
.cm-side-nav .fly-btn:after {
  transform: translate(-50%, -50%) rotate(90deg);
}

.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2:hover>.fly-btn,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2.child-open>.fly-btn,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2.active>.fly-btn,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2.active-branch>.fly-btn{
  background-color: #FFFFFF;
}

.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2:hover>.fly-btn:before,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2:hover>.fly-btn:after,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2.child-open>.fly-btn:before,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2.child-open>.fly-btn:after,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2.active>.fly-btn:before,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2.active>.fly-btn:after,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2.active-branch>.fly-btn:before,
.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2.active-branch>.fly-btn:after{
  background-color: #234388;
}

.cm-side-nav .hs-menu-wrapper ul li.hs-menu-depth-2.active-branch > ul {
  display: block;
}

{# Form #}

.cm-sidebar .form-wrp .widget-type-form {
  padding: 0;
  background-color: transparent;
}

.cm-sidebar .form-wrp form input[type=email],
.cm-sidebar .form-wrp form input[type=file],
.cm-sidebar .form-wrp form input[type=number],
.cm-sidebar .form-wrp form input[type=password],
.cm-sidebar .form-wrp form input[type=search],
.cm-sidebar .form-wrp form input[type=tel], 
.cm-sidebar .form-wrp form input[type=text],
.cm-sidebar .form-wrp form select, 
.cm-sidebar .form-wrp form textarea {
  background-color: #eeeeee;
}
.cm-sidebar .form-wrp form select {
  text-align: center;
} 
.cm-sidebar .form-wrp .hs-form-field {
  margin-bottom: 18px;
}
.cm-sidebar .form-wrp .hs-form-field > label {
  display: none;
}
.cm-sidebar .form-wrp form .hs-richtext {
  margin-bottom: 27px;
}

.cm-sidebar .form-wrp form .hs_submit.hs-submit {
  text-align: center;
  margin-top: 50px;
}

@media screen and (max-width: 800px) {
  .cm-sidebar .pollen-count .head {
    text-align: center;
  }
  .cm-sidebar .form-wrp form .hs-richtext {
    text-align: center;
  }
  .cm-sidebar h2 {
    font-size: 2rem;
  }
}