/* new */
body {
  font-family: "DM Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.bg-green {
  background-color: #00C196;
}
.bg-green-darker {
  background-color: #02A581;
}
/* new */
h1 {
  font-size: 56px;
  line-height: 66px;
  font-weight: 600;
  color: #00C196;
}
@media (max-width: 768px) {
  h1 {
    font-size: 42px;
    line-height: 46px;
  }
  h1 br {
    display: none;
  }
}
p {
  color: #3F3F3F;
  font-size: 18px;
  line-height: 24px;
}
@media (max-width: 768px) {
  p {
    font-size: 18px;
    line-height: 24px;
  }
}
h2 {
  font-family: "DM Sans", sans-serif;
}
h2.promo {
  font-size: 46px;
  line-height: 46px;
  color: #3f3f3f;
  font-weight: 600;
}
h2.promo small {
  font-size: 34px;
}
@media (max-width: 768px) {
  h2.promo {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
  }
  h2.promo small {
    font-size: 20px;
  }
}
@media (max-width: 768px) {
  h2.smaller {
    font-size: 36px;
    line-height: 48px;
  }
}
.section-heading h2 {
  font-weight: 600;
  color: #00c196;
  font-size: 36px;
  line-height: 46px;
}
@media (max-width: 768px) {
  .section-heading h2.smaller {
    font-size: 28px;
    line-height: 38px;
    font-weight: 700;
  }
}
.section-heading p {
  font-size: 18px;
  color: #3f3f3f;
}
.bg-gray {
  background: #F9F9FF;
}
h3 {
  font-size: 24px;
  font-weight: 700;
  color: #3f3f3f;
}
@media (max-width: 768px) {
  h3 {
    font-size: 22px;
  }
}
p.big {
  color: #807E99;
  font-size: 18px;
  line-height: 30px;
}
@media (max-width: 768px) {
  p.big {
    font-size: 16px;
    line-height: 28px;
  }
}
p.small {
  font-size: 14px;
  line-height: 20px;
}
a.button-pink,
a.button-green,
a.button-white {
  color: white;
  font-weight: 600;
  font-size: 18px;
  line-height: 18px;
  background-color: #FE4D5F;
  border-radius: 40px;
  padding: 20px 40px;
  display: inline;
  text-decoration: none;
  cursor: pointer;
}
a.button-green {
  background: #00C196;
}
a.button-white {
  background: white;
  border-color: #00C196;
  color: #00C196;
}
div.divider {
  height: 2px;
  width: 100%;
  background: #00c196;
}
a.green {
  color: #00C196;
}
p.lh-30 {
  line-height: 30px;
}
/* FAQ */
.single h1 {
  font-size: 36px;
  font-weight: 600;
  color: #00c196;
}
.single h1.small {
  font-size: 28px;
  line-height: 34px;
}
.accordion#faq .accordion-item {
  border: none;
  border-bottom: 1px solid #D4D2E3;
}
.accordion#faq .accordion-item:first-of-type,
.accordion#faq .accordion-item:last-of-type {
  border-radius: none;
}
.accordion#faq .accordion-item:last-of-type {
  border-bottom: none;
}
.accordion#faq .accordion-item .accordion-header h2,
.accordion#faq .accordion-item .accordion-header button {
  text-transform: uppercase;
  font-size: 22px;
  color: #00c196;
  font-weight: 600;
  padding: 30px 20px;
}
.accordion#faq .accordion-item .accordion-header .accordion-button:focus {
  background: none;
  box-shadow: none;
}
.accordion#faq .accordion-item .accordion-header .accordion-button:not(.collapsed) {
  background: none;
  box-shadow: none;
}
.accordion#faq .accordion-item .accordion-header .accordion-button:not(.collapsed):after {
  background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout_new/close_icon.svg') top center no-repeat;
  transform: none;
}
.accordion#faq .accordion-item .accordion-header .accordion-button:after {
  width: 24px;
  height: 24px;
  background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout_new/plus_icon.svg') top center no-repeat;
}
.accordion#faq .accordion-item .accordion-body {
  font-size: 18px;
  line-height: 30px;
  color: #3f3f3f;
  padding: 0px 20px 40px 20px;
  max-width: 95%;
}
/* forms */
.homepage input,
.content input,
.homepage textarea,
.content textarea {
  background-color: #F5F5F5 !important;
  border: none !important;
  color: #807E99 !important;
  padding: 24px 25px !important;
  border-radius: 50px !important;
  margin-bottom: 20px !important;
  font-size: 18px !important;
  width: 100% !important;
}
.homepage textarea,
.content textarea {
  border-radius: 20px;
}
.homepage input[type=submit],
.content input[type=submit] {
  appearance: auto !important;
  width: 100% !important;
  display: inline-block !important;
  color: white !important;
  background-color: #00C196 !important;
  font-weight: 600 !important;
}
.homepage button[type=submit],
.content button[type=submit] {
  appearance: auto !important;
  width: fit-content !important;
  display: inline-block !important;
  color: white !important;
  padding: 14px 25px !important;
  background-color: #FE4D5F !important;
  text-transform: uppercase;
  font-weight: 600 !important;
  border-radius: 50px !important;
  border: none;
  text-align: right;
}
.homepage button[type=submit].green,
.content button[type=submit].green {
  background: #00C196 !important;
  text-align: center !important;
  width: 100% !important;
  text-transform: none !important;
  padding: 18px 25px !important;
}
#adminbarsearch {
  display: none !important;
}
img.negative-margin {
  margin-left: -40px;
}
@media (max-width: 768px) {
  img.negative-margin {
    margin-left: auto;
  }
}
/* Download page */
body.download .app .content .img {
  background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout_new/download_bcg.jpg') top right no-repeat;
  background-size: contain !important;
}
@media (max-width: 768px) {
  body.download .app .content .img {
    height: 400px;
    width: 100%;
    background-size: cover !important;
  }
}
.download-page h1 {
  font-size: 56px;
  line-height: 66px;
}
@media (max-width: 768px) {
  .download-page h1 {
    font-size: 42px;
    line-height: 46px;
  }
}
@media (max-width: 768px) {
  .download-page ul {
    flex-direction: column-reverse !important;
  }
}
.download-page p {
  font-size: 14px;
  line-height: 26px;
  text-align: left;
}
@media (max-width: 768px) {
  .download-page p {
    font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    line-height: 24px;
    text-align: center;
    max-width: 380px;
  }
}
.download-page p.subheading {
  font-size: 26px;
  line-height: 45px;
}
@media (max-width: 768px) {
  .download-page p.subheading {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
  }
}
.download-page .qr-big {
  width: 220px;
  padding: 15px;
  border-radius: 20px;
  background: white;
}
.download-page a.back {
  color: #3F3F3F;
  text-decoration: none;
}
.contact_form textarea {
  border-radius: 20px !important;
}
.contact_form p {
  line-height: 14px !important;
}
.contact_form p strong {
  display: block;
}
.social_row {
  width: 100%;
  background: #fafafa;
  padding: 40px;
}
.social_row h2 {
  color: #00ca9d;
  font-size: 35px;
  line-height: 1.5;
  font-weight: 900;
  text-align: center;
  margin-bottom: 0px;
}
.social_row strong {
  font-size: 44px;
}
@media (max-width: 650px) {
  .social_row strong {
    font-size: 30px;
  }
}
.social_row ul {
  text-align: Center !important;
  margin: auto;
  float: none;
  margin-top: 20px;
}
.social_row ul li {
  text-align: center;
  margin: 10px 10px;
  display: inline-block;
}
.social_row ul.socials li a {
  width: 55px;
  height: 55px;
  border-radius: 15px;
  background: #FC4C60;
  border: 3px solid #dc263b;
  display: inline-block;
}
.social_row ul.socials li a img {
  padding-top: 2px;
}
.social_row ul.socials li a:hover {
  border: 3px solid #078B6E;
  background: #00CA9D;
}
.plans {
  text-align: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
}
@media (min-width: 1200px) {
  .plans {
    margin: auto;
    width: 1200px;
  }
}
@media (max-width: 1000px) {
  .plans {
    display: block;
  }
}
.plans .plan {
  max-width: 260px;
  width: 100%;
  border: 2px solid #CFCED9;
  border-radius: 12px;
  text-align: center;
  margin: 15px;
  min-height: 220px;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 1000px) {
  .plans .plan {
    width: 100%;
    max-width: 100%;
    margin: 15px auto;
    text-align: center;
    padding: 15px;
  }
}
.plans .plan h2 {
  font-size: 30px;
  font-weight: bold;
  line-height: 30px;
}
.plans .plan h2 small {
  text-transform: uppercase;
  font-size: 15px;
  font-weight: bold;
  width: 100%;
  display: inline-block;
}
.plans .plan p {
  margin-top: 10px;
  font-size: 16px;
}
.plans .plan a.c-button {
  display: inline-block;
  width: 83%;
  border-radius: 10px;
  margin-top: 15px;
  margin-bottom: 15px;
  border: 1px solid grey;
  text-decoration: none;
  padding: 15px 20px;
  font-weight: 700;
  cursor: pointer;
  padding-bottom: 15px;
}
.plans .plan.yearly {
  border-color: #00CA9D;
  background: #E5FCF8;
}
.plans .plan.yearly a {
  background: #FC4C60;
  color: white;
}
.plans .plan.yearly span {
  color: #FC4C60;
  font-weight: bold;
}
.plans .plan.monthly a {
  color: #2689E5;
  border-color: #2689E5;
}
.plans .plan.monthly span {
  color: #2689E5;
  font-weight: bold;
}
.plans .plan.monthly:hover {
  border-color: #2689E5;
}
.plans .plan.monthly:hover a {
  color: #fff;
  border-color: #2689E5;
  background: #2689E5;
}
.plans .plan.weekly a {
  color: #FB0CA1;
  border-color: #FB0CA1;
}
.plans .plan.weekly span {
  color: #FB0CA1;
  font-weight: bold;
}
.plans .plan.weekly:hover {
  border-color: #FB0CA1;
  opacity: 0.4;
}
.plans .plan.weekly:hover a {
  color: white;
  background: #FB0CA1;
  border-color: #FB0CA1;
}
.plans .plan.lifetime img {
  max-height: 90px;
}
.plans .plan.inactive {
  opacity: 0.4;
}
.single.smartemailing h1 {
  line-height: 44px;
}
.single.smartemailing a {
  color: #111;
  text-decoration: none;
}
.single.smartemailing a:hover {
  text-decoration: underline;
}
.single .content h1 {
  font-weight: 700;
  color: #00C196;
  margin-top: 20px;
  padding-bottom: 25px;
  margin-bottom: 25px;
  position: relative;
}
.single .content h1:after {
  content: '';
  position: absolute;
  width: 60px;
  height: 5px;
  background: #FE4D5F;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 5px;
}
.single .content h1.has-text-align-left:after {
  left: 0;
  right: auto;
}
.single.contact h1 {
  padding-bottom: 10px;
  margin-bottom: 10px;
}
.single.contact h1:after {
  display: none;
}
.pagination {
  width: 100%;
  margin: 30px auto;
  text-align: center;
}
.pagination .content {
  float: none;
  margin: Auto;
  width: fit-content;
}
.pagination .content span,
.pagination .content a {
  display: inline-block;
  padding: 10px 8px;
  text-decoration: none;
  font-size: 16px;
  color: #fff;
  border-radius: 5px;
  background: #00C196;
  width: 50px;
  margin: auto 5px;
  font-weight: 700;
  opacity: 0.7;
}
.pagination .content span.current,
.pagination .content a.current {
  background: #FE4D5F;
  opacity: 1;
}
.pagination .content span:hover,
.pagination .content a:hover {
  opacity: 1;
}
body.download .disabled {
  opacity: 0.4;
}
body.download.new .app {
  background: white;
}
body.download.new .app h1 {
  font-size: 56px;
  font-weight: 700;
  margin-bottom: 30px;
  line-height: 60px;
}
body.download.new .app p.under_headline {
  font-size: 26px;
  line-height: 34px;
}
body.download.new .app .bg-gray {
  background: #F9F9F9;
}
body.download.new .app .br-30 {
  border-radius: 30px;
}
body.download.new .app .qr-big {
  width: 154px;
}
body.download.new .app .links li {
  width: 180px;
}
body.download.new .app .box {
  max-width: 500px;
  margin: auto;
  margin-bottom: 30px;
}
body.download.new .app .box h2 {
  color: #00C196;
  font-weight: 700;
}
body.download.new a:hover {
  text-decoration: none;
  color: white;
}
body.download.new a.button-pink,
body.download.new a.button-green {
  padding: 0px 20px;
  font-size: 16px;
  line-height: 54px;
}
body.download.new a.button-pink img,
body.download.new a.button-green img {
  position: relative;
  top: -2px;
}
body.download.new a.button-white {
  padding: 0px 20px;
  font-size: 16px;
  line-height: 54px;
  border: 1px solid #00C196;
  width: 87%;
  margin: auto;
}
body.download.new a.button-white:hover {
  color: #00C196;
}
body.download.new a.button-white img {
  position: relative;
  top: -2px;
}
body.download.new span.platform {
  line-height: 54px;
  display: inline-block;
}
body.download.new .select-platform {
  position: relative;
}
@media (max-width: 768px) {
  body.download.new .select-platform {
    width: 87%;
    margin: auto;
  }
  body.download.new .select-platform a {
    margin-bottom: 15px;
  }
  body.download.new .select-platform a.url {
    margin-bottom: 0;
    padding-right: 40px;
  }
  body.download.new .select-platform a.url img {
    position: relative;
    left: -5px;
  }
}
body.download.new .select-platform .button-green {
  padding-right: 40px;
  position: relative;
}
body.download.new .select-platform .button-green:after {
  content: '';
  background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout/arrow_bottom.png') top center no-repeat;
  width: 12px;
  height: 7px;
  position: absolute;
  top: 24px;
  right: 15px;
}
body.download.new .select-platform .submenu {
  position: absolute;
  z-index: 99;
  top: 40px;
  background: #fff;
  padding: 15px 20px;
  border-radius: 20px;
  box-shadow: 5px 5px 20px 0px rgba(0, 0, 0, 0.1);
  right: -15px;
}
body.download.new .select-platform .submenu ul {
  text-align: left;
  padding: 0;
  margin: 0;
}
body.download.new .select-platform .submenu ul li {
  margin-bottom: 10px;
}
body.download.new .select-platform .submenu ul li:last-child {
  margin-bottom: 0;
}
body.download.new .select-platform .submenu ul li a {
  color: #3F3F3F;
  text-decoration: none;
  line-height: 40px;
}
body.download.new .select-platform .submenu ul li a:hover {
  text-decoration: underline;
}
body.download.new .select-platform .submenu ul li a img {
  margin-right: 20px;
}
section.header {
  z-index: 99;
  position: relative;
}
section.header ul li {
  max-height: 54px;
}
@media (max-width: 991px) {
  section.header ul li {
    max-height: 54px;
  }
}
@media (max-width: 991px) {
  section.header ul li:last-child {
    max-height: 100%;
  }
}
section.header ul li.highlighted {
  background: white;
  padding: 8px 15px;
  border-radius: 30px;
  margin-top: 2px;
}
section.header ul li.highlighted:hover a {
  color: #3F3F3F;
}
section.header ul li.highlighted:hover a:after {
  display: none;
}
section.header ul li.highlighted a {
  color: #3F3F3F;
  margin-top: -2px;
}
section.header ul li.highlighted a:hover {
  color: #3F3F3F;
}
section.header ul li.highlighted a:hover:after {
  display: none;
}
section.header ul li a {
  color: white;
  font-weight: 600;
  font-size: 18px;
  text-decoration: none;
  font-family: "DM Sans", sans-serif;
}
@media (max-width: 1060px) {
  section.header ul li a {
    font-size: 16px;
  }
}
section.header ul li:hover a {
  color: white;
  position: relative;
}
section.header ul li:hover a:after {
  content: '';
  position: absolute;
  bottom: 5px;
  left: 0;
  right: 0;
  background: #FE4D5F;
  width: 20px;
  height: 3px;
  border-radius: 3px;
  margin: auto;
}
section.header ul li:hover a.current:after {
  display: none;
}
section.header ul li a.current:after {
  display: none;
}
section.header ul li .language_select ul li:hover a:after {
  display: none;
}
section.header ul li .language_select ul li a:after {
  display: none;
}
section.header ul.rus li a {
  font-weight: 500;
  font-size: 14px;
}
@media (max-width: 991px) {
  section.header .navbar-toggler {
    position: relative;
    top: -5px;
  }
}
section.header .navbar-brand {
  position: relative;
}
.navbar-toggler.custom-toggler {
  border-color: transparent !important;
  /* Changes border color of the toggle button */
}
.navbar-toggler.custom-toggler .navbar-toggler-icon {
  background-image: url('data:image/svg+xml,%3Csvg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath stroke="white" stroke-width="3" stroke-linecap="round" stroke-miterlimit="10" d="M4 7h22M4 15h22M4 23h22"/%3E%3C/svg%3E') !important;
}
.navbar-toggler-icon {
  background-size: 100% 100%;
  /* Ensure the icon covers the button */
}
@media (max-width: 1060px) {
  .navbar-nav {
    text-align: center;
  }
}
.navbar-toggler:focus {
  box-shadow: none !important;
}
.language_select {
  position: relative;
}
.language_select a {
  color: white;
  text-decoration: none;
}
.language_select .current {
  line-height: 60px;
}
@media (max-width: 991px) {
  .language_select .current a.current {
    display: none;
  }
}
.language_select .current:hover .language_menu {
  display: block;
}
.language_select .current .language_menu {
  display: none;
  position: absolute;
  background: #02A581;
  border-radius: 5px;
  right: -28px;
  top: 50px;
}
@media (max-width: 991px) {
  .language_select .current .language_menu {
    position: relative;
    background: transparent;
    border-radius: 5px;
    right: 0;
    top: 0;
    display: block;
    margin-top: 15px;
  }
}
.language_select .current .language_menu ul {
  margin-bottom: 0;
  padding: 5px 15px;
}
@media (max-width: 991px) {
  .language_select .current .language_menu ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
  }
}
.language_select .current .language_menu ul li {
  width: 120px;
  line-height: 38px;
  border-bottom: 1px solid #028d6e;
  opacity: 0.9;
}
@media (max-width: 991px) {
  .language_select .current .language_menu ul li {
    opacity: 1;
    border: none;
    margin-left: 5px;
    margin-right: 5px;
    width: auto;
  }
}
.language_select .current .language_menu ul li:hover {
  opacity: 1;
}
.language_select .current .language_menu ul li:last-of-type {
  border-bottom: none;
}
.language_select .current .language_menu ul li a {
  font-size: 15px;
  font-weight: normal;
}
@media (max-width: 991px) {
  .language_select .current .language_menu ul li a span {
    display: none;
  }
}
body {
  font-family: "DM Sans", sans-serif;
}
.devices img {
  max-width: 600px;
}
@media (max-width: 1300px) {
  .devices img {
    max-width: 100%;
  }
}
.features .small_video {
  width: 370px;
  height: 200px;
  margin: 0 auto 15px auto;
  border-radius: 10px;
}
@media (max-width: 768px) {
  .features .small_video {
    max-width: 100%;
  }
}
.features .small_video video {
  max-width: 100%;
  margin: Auto;
  border-radius: 10px;
}
.features_slider .slide,
.features_second_slider .slide {
  width: 100%;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}
.features_slider .slide .content,
.features_second_slider .slide .content {
  background: #FE4D5F;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: white;
  max-width: 280px;
  padding: 15px;
}
@media (max-width: 768px) {
  .features_slider .slide .content,
  .features_second_slider .slide .content {
    max-width: 180px;
  }
}
.features_slider .slide .content span.heading,
.features_second_slider .slide .content span.heading {
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  color: white;
}
@media (max-width: 500px) {
  .features_slider .slide .content span.heading,
  .features_second_slider .slide .content span.heading {
    font-size: 20px;
    line-height: 24px;
  }
}
.features_slider .slide .content p,
.features_second_slider .slide .content p {
  line-height: 26px;
  color: white;
  max-width: 100%;
}
@media (max-width: 500px) {
  .features_slider .slide .content p,
  .features_second_slider .slide .content p {
    font-size: 14px;
    line-height: 18px;
  }
}
.second_slider_features {
  background: #00C196;
  color: white;
}
.second_slider_features .feature {
  padding: 5px 10px;
  position: relative;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.second_slider_features .feature a.head {
  background: #009776;
  border-radius: 5px;
  color: white;
  padding: 10px 15px 10px 10px;
  width: 100%;
  font-size: 16px;
  line-height: 34px;
  font-weight: 300;
  text-decoration: none;
  display: inline-block;
}
.second_slider_features .feature a.head strong {
  font-weight: 700;
  display: inline-block;
  margin-right: 15px;
  padding-right: 10px;
  position: relative;
}
.second_slider_features .feature a.head strong img {
  max-width: 34px;
}
.second_slider_features .feature a.head strong:after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  height: 34px;
  background: #43bba2;
}
.second_slider_features .feature .content {
  background: #02382b;
  padding: 10px 15px;
  border-radius: 5px;
  position: relative;
}
.second_slider_features .feature .content span.heading {
  display: inline-block;
  margin-bottom: 30px;
  opacity: 1;
  font-size: 20px;
  line-height: 22px;
  font-weight: 300;
  color: white;
}
.second_slider_features .feature .content span.heading small {
  opacity: 0.6;
  font-size: 14px;
}
.second_slider_features .feature .content p {
  max-width: 100%;
  opacity: 0.96;
  font-size: 14px;
  font-weight: 300;
  color: white;
}
.second_slider_features .feature .content img {
  position: absolute;
  right: 10px;
  top: 10px;
  max-width: 65px;
}
.how_it_works_slider {
  background: #F5F5F5;
}
.how_it_works_slider .slide h2 {
  line-height: 21px;
  position: relative;
}
.how_it_works_slider .slide h2:after {
  content: '';
  position: absolute;
  margin: auto;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50px;
  height: 2px;
  background: #00C196;
}
.how_it_works_slider .slide h2 small {
  font-size: 16px;
  font-weight: 400;
}
.how_it_works_slider .slide h2 small.grey {
  color: #999999;
}
.how_it_works_slider .slide a {
  font-weight: 700;
}
.how_it_works_slider .slide img {
  border-radius: 5px;
}
.references .reference_slider .slide span.heading {
  font-size: 17px;
  font-weight: 700;
  line-height: 26px;
}
.references .reference_slider .slide span.author {
  font-size: 14px;
  font-weight: 700;
}
.references ul.logos {
  margin-bottom: 0;
}
.references ul.logos li a {
  max-width: 105px;
  display: inline-block;
}
.video-container {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.video-container .container .row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  left: 0;
  right: 0;
}
.video-container .container .row .caption {
  z-index: 99;
}
.video-container video {
  /*min-width: 100%;
    min-height: 100%;
    max-width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);*/
  max-width: 100%;
  position: absolute;
  top: 0;
}
@media (max-width: 768px) {
  .video-container video {
    display: none;
  }
}
.reference_swiper .swiper-slide {
  width: 33%;
  margin: auto;
  padding: 20px;
}
.reference_swiper .swiper-slide a {
  color: #FE4D5F;
}
@media (max-width: 768px) {
  .reference_swiper .swiper-slide {
    width: 70%;
    padding: 10px;
  }
  .reference_swiper .swiper-slide p {
    max-width: 100%;
  }
  .reference_swiper .swiper-slide.swiper-slide-next,
  .reference_swiper .swiper-slide.swiper-slide-prev {
    opacity: 0.4;
  }
}
.home-banner {
  min-height: 730px;
  background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout_new/homepage_head_bcg2.jpg') top right no-repeat;
}
@media (max-width: 768px) {
  .home-banner {
    min-height: 535px;
    background-image: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout_new/homepage_head_bcg_phone.png');
    background-position-x: center;
    background-position-y: 240px;
    background-repeat: no-repeat;
    background-color: #fcfbf9;
    background-size: contain;
  }
  .home-banner:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
}
.home-banner .container-fluid {
  z-index: 2;
  position: relative;
}
section.ratings .block {
  border-radius: 10px;
  color: white;
}
section.ratings .block ul li {
  color: white;
  font-size: 16px;
  font-weight: 700;
}
section.ratings .block ul li:nth-of-type(2) img {
  margin-bottom: 15px;
}
section.ratings .block ul li:nth-of-type(1) img {
  margin-top: -5px;
}
@media (max-width: 768px) {
  section.ratings .block ul li {
    font-size: 14px;
    line-height: 18px;
  }
}
section.ratings .block ul li strong {
  font-size: 30px;
  display: inline-block;
  margin-bottom: 15px;
  font-weight: 700;
}
@media (max-width: 768px) {
  section.ratings .block ul li strong {
    font-size: 26px;
  }
}
section.ratings .logo-slider {
  max-width: 90%;
  margin: -50px 0;
}
@media (max-width: 768px) {
  section.ratings .logo-slider {
    max-width: 100%;
    margin: auto;
  }
  section.ratings .logo-slider ul li {
    max-width: 110px;
  }
}
section.video-tutorial {
  color: white;
}
section.video-tutorial h2 {
  font-size: 36px;
  font-weight: 600;
}
section.video-tutorial p {
  color: white;
}
section.video-tutorial .stores ul li {
  max-width: 160px;
}
@media (max-width: 991px) {
  section.video-tutorial .text {
    max-width: 75%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 768px) {
  section.features .features-blocks {
    max-width: 380px;
    margin-left: auto;
    margin-right: auto;
  }
}
section.features .features-blocks .block {
  margin-bottom: 20px;
}
@media (max-width: 991px) {
  section.features .features-blocks .block {
    margin-bottom: 40px;
  }
}
section.features .features-blocks .block .image {
  height: 270px;
  width: 100%;
  background-size: cover !important;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
}
section.features .features-blocks .block img {
  width: 100%;
}
section.features .features-blocks .block .content {
  background: #f5f5f5;
  padding: 20px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}
@media (max-width: 768px) {
  section.features .features-blocks .block .content {
    padding: 15px;
  }
}
section.features .features-blocks .block .content img {
  width: auto;
  float: left;
  margin-right: 15px;
  background: white;
  border-radius: 50%;
  padding: 5px;
}
@media (max-width: 768px) {
  section.features .features-blocks .block .content img {
    margin-right: 10px;
  }
}
section.features .features-blocks .block .content p {
  font-size: 16px;
  line-height: 28px;
}
section.features .features-blocks .block .content p.headline {
  font-weight: 700;
  font-size: 20px;
  color: #181818;
}
section.tips-slider {
  background: #EAFDFA;
}
section.tips-slider .slider_headline {
  font-weight: 600;
  font-size: 36px;
  color: #00c196;
}
section.tips-slider .slider_headline small {
  font-size: 24px;
  color: #3f3f3f;
}
@media (max-width: 991px) {
  section.tips-slider .slider_headline {
    font-size: 28px;
    line-height: 34px;
  }
  section.tips-slider .slider_headline small {
    font-size: 16px;
  }
}
section.tips-slider .custom-navigation {
  position: Relative;
  max-width: 570px;
  left: 0;
  bottom: 0;
  height: 50px;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 991px) {
  section.tips-slider .custom-navigation {
    width: 100%;
    margin-top: -10px;
  }
}
section.tips-slider .custom-navigation .swiper-button-next,
section.tips-slider .custom-navigation .swiper-button-prev {
  background: white;
  border-radius: 30px;
  padding: 30px;
  color: #00C196;
}
section.tips-slider .custom-navigation .swiper-button-next:after,
section.tips-slider .custom-navigation .swiper-button-prev:after {
  font-size: 25px !important;
}
section.tips-slider .custom-navigation .swiper-pagination-bullet {
  background-color: #D4D2E3;
  opacity: 1 !important;
}
section.tips-slider .custom-navigation .swiper-pagination-bullet-active {
  background-color: #00C196;
}
section.devices {
  background: #ffffff;
  background: linear-gradient(180deg, #ffffff 0%, #eafdfa 100%);
}
@media (max-width: 991px) {
  section.devices ul {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 450px) {
  section.devices ul {
    width: 90%;
  }
}
@media (max-width: 394px) {
  section.devices ul {
    width: 100%;
  }
}
section.reviews .review .content {
  background: #f5f5f5;
  border-radius: 25px;
}
section.reviews .review .content p {
  line-height: 28px;
  font-size: 16px;
  color: #3f3f3f;
}
section.reviews .review .content .author {
  font-weight: 600;
  font-size: 18px;
  color: #807E99;
}
section.reviews .review .content .stars li {
  margin-right: 0;
}
section.reviews .swiper-button-next,
section.reviews .swiper-button-prev {
  background: white;
  border-radius: 30px;
  padding: 30px;
  color: #00C196;
}
section.reviews .swiper-button-next:after,
section.reviews .swiper-button-prev:after {
  font-size: 25px !important;
}
section.reviews .swiper-pagination-references {
  margin-top: 15px;
}
section.reviews .swiper-pagination-bullet {
  background-color: #D4D2E3;
  opacity: 1 !important;
}
section.reviews .swiper-pagination-bullet-active {
  background-color: #00C196;
}
section.latest-blog {
  background: #eafdfa;
}
section.latest-blog .articles .article .thumb-wrapper {
  height: 220px;
  background-size: cover !important;
  border-top-left-radius: 25px;
  border-top-right-radius: 25px;
}
section.latest-blog .articles .article .article-content {
  background: white;
  border-bottom-left-radius: 25px;
  border-bottom-right-radius: 25px;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);
}
section.latest-blog .articles .article .article-content h3 a {
  font-weight: 600;
  font-size: 24px;
  color: #3f3f3f;
  text-decoration: none;
  display: block;
  min-height: 59px;
}
section.latest-blog .articles .article .article-content p {
  color: #807E99;
  font-size: 16px;
  line-height: 28px;
  text-align: left;
}
section.latest-blog .articles .article .article-content ul li.date {
  color: #E0555A;
}
section.latest-blog .articles .article .article-content ul li.tags a {
  color: #3F3F3F;
  background: #F5F5F5;
  border-radius: 4px;
  text-decoration: none;
  padding: 6px 10px;
  font-size: 14px;
}
section.latest-blog .swiper-slide {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: auto;
  /* Let Swiper handle the slide widths */
  max-width: 32%;
  /* margin-right: 0px !important;
    margin-left: 0px !important;*/
}
@media (max-width: 768px) {
  section.latest-blog .swiper-slide {
    max-width: 100%;
  }
}
section.latest-blog .swiper-pagination-bullet {
  background-color: #D4D2E3;
  opacity: 1 !important;
}
section.latest-blog .swiper-pagination-bullet-active {
  background-color: #00C196;
}
ul li.tags a.label {
  color: #303030;
  text-decoration: none;
  font-size: 14px;
  background: #F5F5F5;
  padding: 10px;
  border-radius: 4px;
}
section.phone-into-monitor p {
  color: #807E99;
  line-height: 30px;
}
@media (max-width: 768px) {
  section.phone-into-monitor p {
    font-size: 16px;
    line-height: 28px;
  }
}
/* TODO */
.app-button {
  width: 200px;
  /* Ensures both buttons are the same width */
  max-width: 100%;
  /* Ensures buttons are fully responsive */
  height: auto;
  /* Maintains aspect ratio */
}
.stores .list-inline-item a img {
  display: inline-block;
}
@media (max-width: 1000px) {
  .app-button {
    width: 180px;
    /* Slightly smaller size on mobile for better UX */
  }
}
@media (max-width: 768px) {
  .stores .list-inline {
    display: flex;
    justify-content: center;
    gap: 10px;
    /* Small gap between buttons */
  }
  .stores .list-inline-item {
    flex: 0 0 45%;
    /* Buttons take up 45% of the row */
    text-align: center;
    /* Center align content within */
  }
  .stores .list-inline-item:first-child {
    text-align: right;
    /* Align the first button to the right */
  }
  .stores .list-inline-item:last-child {
    text-align: left;
    /* Align the second button to the left */
  }
  .app-button {
    width: 180px;
    /* Slightly smaller size on mobile for better UX */
  }
}
@media (max-width: 500px) {
  .app-button {
    width: 150px;
    /* Slightly smaller size on mobile for better UX */
  }
}
/* phone into monitor - steps */
/* Image defaults */
.step img {
  max-width: 100%;
  /* Full width of its container */
  height: auto;
  /* Maintain aspect ratio */
}
/* Mobile Layout: Image takes 25% width and text aligns left */
@media (max-width: 768px) {
  .step-image {
    width: 25%;
    /* Set image to 25% width */
  }
  .step-text {
    width: 75%;
    /* Text occupies remaining space */
    text-align: left;
    /* Align text to the left */
    color: #807E99;
  }
  .d-flex {
    flex-direction: row;
    /* Ensures horizontal layout */
  }
}
/* Desktop Layout: Image at the top and full width */
@media (min-width: 768px) {
  .step {
    padding: 0 15px;
    /* Adds horizontal padding between columns */
  }
  .step-image {
    width: 100%;
    /* Ensures image container takes full width */
    text-align: center;
    /* Centers the image horizontally */
    margin-bottom: 30px;
    margin-top: 30px;
    height: 160px;
    display: flex;
  }
  .step img {
    max-width: 60%;
    /* Limits image size for a balanced look */
    margin: 0 auto;
    /* Centers the image within its container */
    display: block;
    /* Ensures proper centering behavior */
  }
  .step-text {
    text-align: center;
    /* Center align text for desktop */
    max-width: 340px;
    margin: auto;
    color: #807E99;
  }
}
/* mobile video gif  inf banner */
/* Wrapper for phone image and GIF */
/* Phone wrapper image */
.phone-image {
  display: block;
  width: 100%;
  /* Make the phone image responsive */
  height: auto;
}
/* Promo GIF styling */
/* Wrapper for the phone */
/* Phone wrapper image */
.phone-image {
  display: block;
  width: 100%;
  height: auto;
}
.phone-wrapper {
  position: relative;
  width: 100%;
  /* Default phone size */
  max-width: 100%;
  /* Responsive scaling */
  /* Center the phone wrapper */
  max-width: 658px;
  /* Limit for larger screens */
  margin: 0 auto;
  /* Center the phone */
}
.phone-wrapper .yt-icon {
  pointer-events: none;
}
.phone-wrapper .yt-icon:before {
  content: '';
  background-size: contain;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 27%;
  left: 0;
  right: 0;
  margin: auto;
}
/* Screen Content (GIF or video) */
.screen-content {
  position: absolute;
  top: 10%;
  left: 11%;
  width: 78%;
  height: 41%;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  border-radius: 6%;
  z-index: -1;
}
/* Promo GIF Styling */
.promo-gif {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /* Scale the GIF proportionally to fill the container */
}
/*swiper*/
/* Customize Swiper Arrows */
/* Fix container overflow */
.swiper-container {
  overflow: hidden;
  position: relative;
  width: 100%;
  max-width: 100%;
}
/* Optional Custom Styling for Navigation Arrows */
.swiper-button-prev,
.swiper-button-next {
  color: #ff4081;
  /* Pink color */
  width: 40px;
  height: 40px;
}
.swiper-pagination-bullet {
  background-color: #ddd;
}
.swiper-pagination-bullet-active {
  background-color: #ff4081;
  /* Pink bullet for active slide */
}
section.reviews {
  overflow: hidden;
}
.swiper-references {
  overflow: visible;
  position: relative;
  width: 100%;
}
.swiper-references .content p a.show-more,
.swiper-references .content p a.show-less {
  color: #3f3f3f;
}
.swiper-references .custom-navigation .swiper-button-prev.swiper-button-disabled,
.swiper-references .custom-navigation .swiper-button-next.swiper-button-disabled {
  display: none !important;
}
.swiper-references .custom-navigation .swiper-button-next {
  border-radius: 40px;
  background-color: #00C196;
  border: 2px solid #00C196;
  color: white;
  top: 40%;
  right: -50px;
}
.swiper-references .custom-navigation .swiper-button-next:after {
  color: white;
}
.swiper-references .custom-navigation .swiper-button-next.swiper-button-disabled {
  border: 2px solid #D4D2E3;
  background: white;
  opacity: 1;
}
.swiper-references .custom-navigation .swiper-button-next.swiper-button-disabled:after {
  color: #00C196;
}
.swiper-references .custom-navigation .swiper-button-prev {
  border-radius: 40px;
  background-color: #00C196;
  border: 2px solid #00C196;
  color: white;
  top: 40%;
  left: -50px;
}
.swiper-references .custom-navigation .swiper-button-prev:after {
  color: white;
}
.swiper-references .custom-navigation .swiper-button-prev.swiper-button-disabled {
  border: 2px solid #D4D2E3;
  background: white;
  opacity: 1;
}
.swiper-references .custom-navigation .swiper-button-prev.swiper-button-disabled:after {
  color: #00C196;
}
@media (max-width: 991px) {
  .swiper-references .custom-navigation {
    position: relative;
    height: 120px;
  }
  .swiper-references .custom-navigation .swiper-button-next {
    border-radius: 40px;
    right: 27%;
    top: 80px;
    background-color: #00C196;
    border: 2px solid #00C196;
    color: white;
  }
  .swiper-references .custom-navigation .swiper-button-next:after {
    color: white;
  }
  .swiper-references .custom-navigation .swiper-button-next.swiper-button-disabled {
    border: 2px solid #D4D2E3;
    background: white;
    opacity: 1;
    display: block !important;
  }
  .swiper-references .custom-navigation .swiper-button-next.swiper-button-disabled:after {
    color: #00C196;
    position: relative;
    top: -10px;
    left: -5px;
  }
  .swiper-references .custom-navigation .swiper-button-prev {
    border-radius: 40px;
    left: 27%;
    top: 80px;
    background-color: #00C196;
    border: 2px solid #00C196;
    color: white;
  }
  .swiper-references .custom-navigation .swiper-button-prev:after {
    color: white;
  }
  .swiper-references .custom-navigation .swiper-button-prev.swiper-button-disabled {
    border: 2px solid #D4D2E3;
    background: white;
    display: block !important;
    opacity: 1;
  }
  .swiper-references .custom-navigation .swiper-button-prev.swiper-button-disabled:after {
    color: #00C196;
    position: relative;
    top: -12px;
    left: -7px;
  }
}
.swiper-slide {
  display: flex;
  justify-content: center;
}
.swiper-pagination-references {
  bottom: 20px !important;
  text-align: center;
}
.swiper-pagination-bullet {
  background-color: #ddd;
}
.swiper-pagination-bullet-active {
  background-color: #ff4081;
  /* Active bullet in pink */
}
@media (max-width: 400px) {
  section.subscribe ul li p {
    font-size: 16px;
  }
}
/* SE hp form */
form.se-webform span.error {
  float: right;
  position: relative;
  top: -10px;
  color: red;
  text-decoration: underline;
  margin-bottom: 0;
  margin-top: -22px;
}
form.se-webform input {
  max-width: 520px;
  float: right;
}
form.se-webform button {
  float: right;
  letter-spacing: 1.2;
}
form.se-webform button img {
  position: relative;
  top: -2px;
}
.article {
  max-width: 768px;
  margin: 40px auto;
}
.article header {
  position: relative;
  background: none;
  height: auto;
  width: 100%;
}
@media (max-width: 768px) {
  .article {
    margin: 15px auto;
  }
}
.article h1 {
  font-size: 34px;
  padding-bottom: 15px;
  padding-top: 10px;
  line-height: 38px;
  margin-top: 30px;
  margin-bottom: 0;
  color: #111;
}
.article h2 {
  font-size: 26px;
  margin-bottom: 10px;
  line-height: 32px;
  margin-top: 30px;
  padding-bottom: 0;
}
.article p {
  text-align: justify;
}
.article p.has-text-align-center {
  text-align: center;
}
.article img {
  max-width: 100%;
  height: auto !important;
}
.article .article_info {
  background: #F9F8F8;
  width: 100%;
  padding: 0px 20px;
}
.article .article_info ul {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row;
  align-content: center;
  justify-content: space-between;
  align-items: center;
  height: 80px;
}
.article .article_info ul li {
  color: #000;
  font-weight: bold;
  line-height: 30px;
}
.article .article_info ul li.date {
  font-weight: bold;
}
.article .article_info ul li.author a {
  text-decoration: none;
  color: #FE4D5F;
}
.article .article_info ul li.share {
  display: flex;
  align-items: center;
}
.article .article_info ul li.share a {
  line-height: 30px;
  display: inline-block;
}
.article .article_info ul li.share img {
  margin-right: 5px;
  margin-left: 5px;
  width: 30px;
  height: 30px;
}
.article_single {
  margin-bottom: 30px;
}
.article_single img {
  max-width: 100%;
  height: auto;
}
.article_single a {
  color: #222;
  text-decoration: none;
  display: block;
}
.article_single a h2 {
  font-size: 20px;
  text-decoration: none;
  color: #222;
  font-weight: 800;
  line-height: 30px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  max-width: 95%;
}
.article_single a h2 small {
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
}
.article_single a p {
  font-size: 15px;
  line-height: 26px;
}
.article_single a div.thumb {
  display: block;
  height: 230px;
  background-size: cover !important;
  background-origin: content-box !important;
  background-repeat: no-repeat !important;
  border-radius: 10px;
  overflow: hidden;
}
.article_single .share li {
  line-height: 28.5px;
  margin-right: 0;
}
.article_single .share li:last-of-type {
  margin-left: 5px;
}
.article_single .share li:first-child {
  font-size: 14px;
}
.article_single .share a {
  height: auto;
  display: inline-block;
}
.article_single .share a img {
  width: 30px;
  height: 30px;
}
.article_single .categories {
  max-width: 68%;
}
.article_single .categories.full_width {
  width: 100%;
  max-width: 100%;
}
.article_single .categories a.category {
  float: left;
  display: inline-block;
  border-radius: 5px;
  padding: 0px 10px;
  line-height: 30px;
  margin-right: 5px;
  font-size: 13px;
  background: #f5f5f5;
  margin-bottom: 5px;
  color: #111;
}
.sidebar .article_single {
  margin-bottom: 15px;
}
.articles h1 {
  padding-bottom: 0;
  margin-top: 0px;
  font-size: 18px;
  margin-bottom: 0;
  line-height: 32px;
}
.article_promo {
  padding-top: 120px;
  padding-bottom: 0px;
  margin-bottom: 30px;
  background: #e8f9f7;
  position: relative;
}
@media (max-width: 768px) {
  .article_promo .article_big {
    text-align: center;
  }
  .article_promo .article_big p {
    max-width: 100%;
    text-align: center;
  }
  .article_promo .article_big a.thumb {
    height: 240px;
  }
}
.article_promo .article_big a.thumb {
  display: block;
  min-height: 240px;
  background-size: cover !important;
  background-origin: content-box !important;
  background-repeat: no-repeat !important;
}
.article_promo .article_big a.thumb img {
  border-radius: 10px;
}
.article_promo .article_small h2 {
  line-height: 22px;
  font-size: 18px;
}
.article_promo .article_small div.thumb {
  height: 170px;
  margin-bottom: 10px;
  height: 90px;
  width: 145px;
  float: left;
  margin-right: 15px;
}
.article_promo a.thumb {
  display: block;
  height: 350px;
  background-size: contain !important;
  background-origin: content-box !important;
  background-repeat: no-repeat !important;
  border-radius: 10px;
}
.article_promo a {
  color: #222;
  text-decoration: none;
  display: block;
}
.article_promo a h2 {
  font-size: 34px;
  text-decoration: none;
  color: #222;
  font-weight: 800;
  line-height: 46px;
  margin-bottom: 5px;
  padding-bottom: 5px;
}
.article_promo a h2 small {
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
}
.article_promo a p {
  font-size: 15px;
  line-height: 26px;
}
.article_promo .share li {
  line-height: 28.5px;
  margin-right: 0;
}
.article_promo .share li:last-of-type {
  margin-left: 5px;
}
.article_promo .share a {
  height: auto;
  display: inline-block;
}
.article_promo .share a img {
  width: 30px;
  height: 30px;
}
.article_promo .categories {
  max-width: 58%;
}
.article_promo .categories a.category {
  float: left;
  display: inline-block;
  border-radius: 5px;
  padding: 0px 10px;
  line-height: 30px;
  margin-right: 5px;
  margin-bottom: 5px;
  font-size: 13px;
  background: #fff;
  color: #111;
}
.headline {
  width: fit-content;
}
.blog_head {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: space-between;
}
.blog_head .row {
  width: 100%;
}
.category_list ul {
  width: fit-content;
}
.category_list ul li a {
  font-size: 13px;
  background: #f5f5f5;
  color: #111;
  text-decoration: none;
  line-height: 32px;
  padding: 0 10px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 5px;
}
.category_list ul li.current a {
  background: #FE4D5F;
  color: white;
}
.no-posts {
  min-height: 300px;
  background: #f5f5f7;
  padding: 50px;
  border-radius: 5px;
  margin-top: 30px;
  margin-bottom: 30px;
  display: flex;
  align-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.no-posts h3 {
  color: #999;
}
.breadcrumbs {
  border-bottom: 1px solid #eee;
}
@media (max-width: 768px) {
  .breadcrumbs {
    border-bottom: 1px solid #eee;
    margin-bottom: 0px;
    padding-bottom: 15px;
  }
}
.breadcrumbs ul {
  margin-bottom: 0;
  padding-bottom: 0;
}
.breadcrumbs ul li {
  line-height: 70px;
  display: inline-block;
  font-weight: 400;
  color: #ccc;
}
@media (max-width: 768px) {
  .breadcrumbs ul li {
    line-height: 26px;
  }
}
.breadcrumbs ul li a {
  color: #00C196;
}
.after_article a {
  display: block;
  text-decoration: none;
  color: #111;
  width: fit-content;
  margin: 40px auto;
}
.after_article a.button-pink {
  color: white;
}
.after_article a.to_top {
  font-weight: 800;
}
.after_article a.to_top img {
  position: relative;
  top: -2px;
  margin-left: 10px;
}
/* FAQ single template */
body.faq-single .content h1 {
  font-size: 24px;
  font-weight: 800;
  position: relative;
  margin-bottom: 25px;
  padding-bottom: 30px;
  line-height: 28px;
}
body.faq-single .content h1:after {
  display: block;
  position: absolute;
  width: 112px;
  height: 5px;
  bottom: 0;
  left: 0;
  background: blue;
  content: '';
}
body.faq-single .content video {
  margin: auto;
  text-align: center;
}
body.faq-single .content .related_articles {
  margin-top: 40px;
}
body.faq-single .content .related_articles h2 {
  font-size: 18px;
  font-weight: 800;
  padding-bottom: 0;
  margin-bottom: 15px;
}
body.faq-single .content .related_articles ul {
  padding-left: 0;
  margin-left: -15px;
}
body.faq-single .content .related_articles ul li:first-of-type a {
  border-top: none;
}
body.faq-single .breadcrumbs {
  border-bottom: 0;
  margin-left: 0;
  margin-bottom: 30px;
  margin-top: -15px;
}
body.faq-single .breadcrumbs ul {
  padding-left: 0;
}
body.faq-single .breadcrumbs ul li {
  padding-right: 10px;
}
body.faq-single .wp-block-gallery {
  display: flex;
  justify-content: space-between;
}
body.faq-single .wp-block-table table {
  margin-top: 30px;
  margin-bottom: 30px;
  width: 100%;
}
body.faq-single .wp-block-table table tr td {
  border-bottom: 1px solid #999;
  line-height: 60px;
}
body.faq-single .wp-block-table table tr td:nth-of-type(2),
body.faq-single .wp-block-table table tr td:nth-of-type(3) {
  text-align: Center;
}
body.faq-single .wp-block-image {
  margin: 30px auto;
  text-align: center;
}
.support .content h1 {
  margin-bottom: 0;
  padding-bottom: 15px;
}
.support .content .faq_list {
  margin-top: 60px;
}
.article.content h2 {
  background: url('https://www.anniebabymonitor.com/wp-content/uploads/headline_stars.png') top right no-repeat;
  display: inline-block;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 30px;
  color: #111;
  font-weight: 400;
  position: relative;
}
.article.content h2:after {
  content: '';
  width: calc(100% - 30px);
  height: 10px;
  background: #9fe9d6;
  border-radius: 22px;
  position: absolute;
  left: 0px;
  bottom: 10%;
  opacity: 0.4;
}
.article.content h3 {
  font-size: 24px;
}
.article.content h3 mark {
  font-size: 16px;
  font-weight: 700;
}
.article.content .has-pale-pink-color {
  color: #f78da7 !important;
}
.article.content ul li a {
  color: #333;
}
.sidebar {
  padding: 15px;
  height: fit-content;
  margin-top: 15px;
}
.sidebar h2 {
  font-size: 28px;
  line-height: 38px;
  margin-bottom: 15px;
}
.article_smallest .article_single .thumb {
  float: left;
  height: 105px;
  margin-right: 15px;
  width: 40%;
}
.article_smallest .article_single h2 {
  font-size: 16px;
  line-height: 22px;
  float: left;
  width: 50%;
}
.article_smallest .article_single h2 small {
  font-weight: 400;
}
figure.block-image.alignright.size-medium {
  float: right !important;
  margin-left: 15px !important;
}
.wp-block-image.aligncenter,
.wp-block-image .aligncenter,
.wp-block-image.alignleft,
.wp-block-image .alignleft,
.wp-block-image.alignright,
.wp-block-image .alignright {
  float: right !important;
  margin-left: 15px !important;
}
.app {
  background: #f9f8f8;
}
.app h1 {
  color: #00C196;
  font-size: 46px;
}
.app h1 small {
  color: #FE4D5F;
  text-transform: none;
  font-weight: 700;
  opacity: 1;
  font-size: 22px;
  margin-bottom: 22px;
  display: inline-block;
}
.app .heading-video {
  background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout/first-section-top.png') top center no-repeat;
  width: 100%;
  height: 676px;
  position: relative;
}
.app .heading-video .app_video video {
  max-width: 100%;
}
.app .heading-video p a {
  color: #111;
}
.app .mobile-overlay {
  background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout/mobile-video-overlay.png') top center no-repeat;
  width: 780px;
  height: 373px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  bottom: 70px;
  max-width: 100%;
  background-size: contain;
}
.app .app-register-login {
  background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout/first-section-bottom.png') bottom center no-repeat;
  min-height: 150px;
}
.app .app-register-login p {
  line-height: 40px;
  font-size: 22px;
}
.app .app-register-login p a {
  text-transform: uppercase;
  display: inline-block;
}
.app .app-register-login p a.ordinary {
  color: #00C196;
  font-weight: 800;
  text-transform: none;
}
.app .app-features {
  margin-bottom: 40px;
}
.app .app-features .feature {
  background: none;
  width: 20%;
  border-radius: 15px;
  opacity: 0.6;
}
@media (max-width: 1200px) {
  .app .app-features .feature {
    width: 33%;
  }
}
@media (max-width: 768px) {
  .app .app-features .feature {
    width: 100%;
  }
}
.app .app-features .feature img {
  clear: both;
  background: #00C196;
  border-radius: 70px;
  margin-bottom: 20px;
}
.app .app-features .feature span.heading {
  display: block;
  width: 100%;
  color: #00C196;
  margin-bottom: 15px;
}
.app .app-features .feature .content {
  min-height: 340px;
  padding-top: 20px;
}
.app .app-features .feature.swiper-slide-active {
  opacity: 1;
  background: #dcf6f2;
}
.app .app-features .swiper-wrapper {
  padding-bottom: 60px;
}
.app .app-features .swiper-pagination {
  bottom: 0px;
}
.app .app-how-it-works {
  height: 600px;
  width: 100%;
  position: relative;
  background: #ddd;
  /* Just styling the content of the div, the *magic* in the previous rules */
}
.app .app-how-it-works video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
}
.app .app-how-it-works .caption {
  z-index: 1;
  background: rgba(60, 60, 60, 0.7);
  position: relative;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
}
.app .app-how-it-works .caption .container h2,
.app .app-how-it-works .caption .container p {
  color: white;
}
.app .app-better-price {
  background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout/pattern.svg') top left;
}
.app .app-better-price .block {
  background: white;
  padding: 40px;
  max-width: 440px;
  border-radius: 15px;
  margin: auto;
  float: none;
}
.app .app-better-price .block h3 {
  font-weight: 700;
}
.app .app-better-price .block p {
  font-weight: 300;
}
.app .app-faq {
  background: #fff;
}
.hotels .heading.top {
  background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout/hotels/slider-1.png') bottom center no-repeat;
  width: 100%;
  min-height: 666px;
}
@media (max-width: 600px) {
  .hotels .heading.top {
    background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout/hotels/mobile_bcg.png') bottom center no-repeat;
    background-size: cover;
  }
}
.hotels .heading.top h1 {
  color: #00C196;
  font-size: 64px;
  font-weight: 800;
  line-height: 84px;
}
.hotels .heading.top h1 small {
  font-weight: 800;
  text-transform: none;
  font-size: 30px;
  opacity: 1;
}
@media (max-width: 1200px) {
  .hotels .heading.top h1 {
    font-size: 32px;
    line-height: 42px;
  }
  .hotels .heading.top h1 small {
    font-size: 18px;
  }
}
.hotels .heading.top p {
  line-height: 32px;
  font-size: 16px;
  font-weight: 300;
}
.hotels .heading.top a {
  text-transform: none;
}
.hotels .promo .image {
  background-size: cover !important;
  min-height: 550px;
}
@media (max-width: 768px) {
  .hotels .promo .image {
    min-height: 300px !important;
  }
}
.hotels .promo .text {
  background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout/hotels/secondary-background.svg') top center no-repeat;
  min-height: 550px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .hotels .promo .text {
    min-height: 300px !important;
    max-width: 100%;
  }
}
.hotels .promo .text .content {
  max-width: 450px;
}
@media (max-width: 768px) {
  .hotels .promo .text .content {
    max-width: 100%;
    padding: 20px 40px;
  }
}
.hotels .promo .text .content h2 {
  margin-bottom: 34px;
  font-weight: 800;
}
.hotels .promo .text .content p {
  line-height: 32px;
  font-weight: 400;
}
.hotels .promo .text .content p strong {
  font-size: 24px;
  display: inline-block;
  margin-bottom: 10px;
}
.hotels .hotel-how-it-works {
  background: #fafafa;
}
.hotels .hotel-how-it-works .steps .step h4 {
  font-size: 18px;
  font-weight: 800;
  max-width: 80%;
  margin: auto;
}
.hotels .hotel-how-it-works .steps .step a {
  color: #111;
}
.hotels .hotel-features {
  background: #00C196;
}
.hotels .hotel-features h2 {
  color: white;
}
.hotels .hotel-features .feature:nth-child(odd) {
  background: #1acfa7;
}
.hotels .hotel-features .feature .content {
  max-width: 50%;
  margin: auto;
  padding: 30px 0;
}
.hotels .hotel-features .feature .content h3 {
  font-weight: 800;
  color: white;
  font-size: 20px;
  margin-bottom: 10px;
}
.hotels .reviews .reviews_row .review {
  margin-top: 0;
}
.hotels .stats {
  background: #00C196;
  margin: auto;
  text-align: center;
}
.hotels .stats ul li {
  color: white;
  width: 10%;
  display: inline-block;
}
@media (max-width: 768px) {
  .hotels .stats ul li {
    width: 100%;
    margin-bottom: 15px;
    display: inline-block;
  }
}
.hotels .stats ul li strong {
  font-weight: 800;
  font-size: 28px;
}
.hotels .register-now .image {
  background-size: cover !important;
  min-height: 550px;
}
@media (max-width: 768px) {
  .hotels .register-now .image {
    min-height: 300px !important;
  }
}
.hotels .register-now .text {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
}
.hotels .register-now .text .content {
  max-width: 650px;
}
.hotels .register-now .text .content h2 {
  margin-bottom: 34px;
  font-weight: 800;
}
.hotels .register-now .text .content p {
  line-height: 32px;
  font-weight: 400;
}
.hotels .register-now .text .content p strong {
  font-size: 24px;
  display: inline-block;
  margin-bottom: 10px;
}
.hotels .register-now .text .content .button-pink {
  text-transform: none;
}
.hotels .hotel-contact-us {
  background: #fafafa;
}
.hotels .hotel-contact-us form {
  max-width: 450px;
  margin: auto;
}
.hotels .hotel-contact-us form input[type=submit] {
  margin: auto;
  float: none !important;
}
form#searchform input#searchsubmit {
  background: #FE4D5F;
  color: white;
  padding: 0px 22px;
  margin-top: 0;
}
@media (max-width: 768px) {
  form#searchform input#searchsubmit {
    margin-top: 15px;
  }
}
form#searchform input#s {
  padding: 0px 10px;
  border-color: #999;
  margin-top: 0;
  margin-right: 15px;
  border: none;
}
@media (max-width: 768px) {
  form#searchform input#s {
    margin-right: 0px;
  }
}
.author_detail .photo {
  float: left;
  margin-right: 30px;
}
.author_detail .text span.headline {
  font-weight: 800;
  font-size: 38px;
  display: inline-block;
  margin-bottom: 22px;
  line-height: 28px;
}
.author_detail .text span.headline small {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 400;
}
.author_detail .text span.headline p {
  font-size: 15px;
}
.author_detail .text p.linkedin {
  font-size: 14px;
}
.author_detail .text p.linkedin a {
  text-decoration: underline;
}
.author_detail .text p.linkedin a img {
  margin-right: 8px;
}
.article_banner {
  background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout/banner_bcg.png') top center no-repeat;
  background-size: contain;
  border-radius: 10px;
  width: 100%;
  height: 126px;
  margin: 20px auto;
  text-align: center;
}
.article_banner a {
  display: block;
  float: right;
  height: 50px;
  margin-top: 60px;
}
@media (max-width: 1400px) {
  .article_banner a {
    margin-top: 60px;
  }
}
@media (max-width: 1200px) {
  .article_banner a {
    margin-top: 51px;
    height: 40px;
  }
}
@media (max-width: 1000px) {
  .article_banner a {
    margin-top: 58px;
    height: 44px;
  }
}
@media (max-width: 768px) {
  .article_banner a {
    margin-top: 210px;
  }
}
.article_banner a:hover {
  cursor: pointer;
}
.article_banner a.app_store_link {
  width: 140px;
}
@media (max-width: 1200px) {
  .article_banner a.app_store_link {
    margin-left: 9px;
  }
}
@media (max-width: 1200px) {
  .article_banner a.app_store_link {
    width: 117px;
  }
}
@media (max-width: 1000px) {
  .article_banner a.app_store_link {
    width: 132px;
  }
}
.article_banner a.google_play_link {
  width: 157px;
  margin-right: 13px;
  margin-left: 13px;
}
@media (max-width: 1400px) {
  .article_banner a.google_play_link {
    margin-left: 9px;
  }
}
@media (max-width: 1200px) {
  .article_banner a.google_play_link {
    width: 130px;
    margin-right: 10px;
    margin-left: 10px;
  }
}
@media (max-width: 1000px) {
  .article_banner a.google_play_link {
    width: 150px;
  }
}
@media (max-width: 768px) {
  .article_banner a.google_play_link {
    margin-right: 17px;
    margin-left: 7px;
  }
}
@media (max-width: 1200px) {
  .article_banner {
    height: 118px;
  }
}
@media (max-width: 768px) {
  .article_banner {
    background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout/banner_bcg_mobile.png') top center no-repeat;
    height: 320px;
    width: 320px;
    background-size: auto;
  }
}
#searchform {
  position: relative;
}
#searchform div {
  position: Relative;
}
#searchform div input#s {
  width: 100%;
  background: #f7f7f7;
  border-color: #f1f1f1;
  height: 48px;
}
#searchform div input#searchsubmit {
  position: absolute;
  right: 5px;
  top: 2px;
  text-indent: -9999px;
  width: 40px;
  height: 100%;
  border: none;
  background: url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout/search_icon.png') top center no-repeat;
}
.search_article {
  max-width: 350px;
}
@media (max-width: 768px) {
  .search_article {
    max-width: 100%;
    width: 100%;
  }
  #searchform div input#searchsubmit {
    top: -12px !important;
  }
}
.subscribe_banner {
  background: #ee6875;
  width: 100%;
  height: 150px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  padding: 15px;
  border-radius: 5px;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .subscribe_banner {
    height: auto;
    flex-direction: column;
  }
}
.subscribe_banner img {
  float: left;
  max-width: 80px;
  margin-right: 20px;
  margin-left: 15px;
}
@media (max-width: 768px) {
  .subscribe_banner img {
    margin-bottom: 30px;
  }
}
.subscribe_banner p {
  text-align: left;
  color: white !important;
  font-size: 17px !important;
  margin-bottom: 0!important;
}
.subscribe_banner p strong {
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  font-size: 25px;
}
@media (max-width: 1200px) {
  .subscribe_banner p strong {
    font-size: 18px;
  }
}
@media (max-width: 768px) {
  .subscribe_banner p strong {
    margin-bottom: 15px;
    font-size: 25px;
    display: inline-block;
  }
}
@media (max-width: 1200px) {
  .subscribe_banner p {
    font-size: 16px!important;
  }
}
@media (max-width: 768px) {
  .subscribe_banner p {
    text-align: center !important;
    font-size: 18px !important;
  }
}
.subscribe_banner a.button {
  color: white !important;
  text-decoration: none;
  background: #00c196 !important;
}
.subscribe_banner input,
.subscribe_banner button {
  width: 170px !important;
  margin-left: 20px;
  padding: 5px 5px 5px 20px !important;
  font-size: 14px !important;
}
.subscribe_banner button[type=submit] {
  background-color: #00c196 !important;
  border: none;
  height: 38px;
  line-height: 38px;
  width: 170px !important;
  text-align: center;
  padding: 0px 37px !important;
}
.subscribe_banner button[type=submit]:hover {
  background: #02a581;
}
.sib_loader {
  display: none !important;
}
input.name {
  display: none;
}
form p.sib-alert-message-success {
  background-color: #ee6875 !important;
  border-color: #ee6875 !important;
  color: #fff !important;
  position: fixed;
  width: 100%;
  z-index: 999;
  text-align: center;
  left: 0;
  margin: auto;
  right: 0;
  top: 120px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  font-weight: 700;
  font-size: 24px !important;
  opacity: 1;
}
@media (max-width: 768px) {
  form p.sib-alert-message-success {
    text-align: center;
    top: 78px;
    padding: 20px;
    height: 110px;
    font-size: 20px !important;
  }
}
.sib_signup_box_inside_16 input.text-center {
  background: white url('https://www.anniebabymonitor.com/wp-content/themes/annietheme/dist/assets/images/layout/email_icon.png') 6px 10px no-repeat;
  padding-left: 35px;
  font-size: 14px;
  line-height: 24px;
}
footer {
  background: #3F3F3F;
}
footer .footer_block {
  position: relative;
}
footer .footer_block ul.news {
  margin-top: -10px;
  padding-left: 15px;
}
footer .footer_block ul.news li {
  list-style-type: disc;
  color: white !important;
}
@media (max-width: 568px) {
  footer .footer_block ul.news li {
    Text-align: center;
    list-style-type: none;
  }
}
@media (max-width: 568px) {
  footer .footer_block ul.news {
    padding-left: 0;
    margin: auto;
    margin-bottom: 15px;
  }
}
footer .footer_block:last-of-type:after {
  display: none;
}
footer .footer_block:after {
  content: '';
  position: absolute;
  width: 80%;
  height: 2px;
  background: #00C196;
  margin: auto;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (min-width: 992px) {
  footer .footer_block:after {
    display: none;
  }
}
footer .footer_block h3,
footer .footer_block h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  color: #FE4D5F;
  position: relative;
  margin-bottom: 15px;
}
footer .footer_block h4 {
  color: white;
}
footer .footer_block p {
  color: white;
  font-size: 18px;
  line-height: 30px;
}
footer .footer_block p.small {
  font-size: 14px;
  line-height: 20px;
}
footer .footer_block a {
  color: white;
  font-size: 18px;
  opacity: 1;
}
footer .footer_block a.green {
  color: #00C196;
  font-size: 14px;
}
footer .footer_block .apps img {
  width: 150px;
}
footer .footer_block ul.socials li {
  opacity: 1;
}
footer .footer_block ul {
  margin-left: 0;
  padding-left: 0;
}
footer .footer_block ul li {
  list-style-type: none;
  line-height: 32px;
}
footer .footer_block input {
  background: #4C4C4C;
  border: 1px solid #828282;
  color: #9C9C9C;
  height: 44px;
  border-radius: 5px;
  width: 280px;
  margin: auto;
}
@media (min-width: 1000px) {
  footer .footer_block input {
    width: 80%;
    margin-left: 0;
  }
}
footer .footer_block button.button-pink {
  border: none;
  outline: none;
  width: 280px;
}
@media (min-width: 1000px) {
  footer .footer_block button.button-pink {
    width: 80%;
    padding: 0 20px;
  }
}
@media (min-width: 1000px) {
  footer .footer_block a.button-pink {
    padding: 0 20px;
  }
}
footer .footer_block a.button-pink {
  font-size: 15px;
  padding: 10px 25px;
}
@media (max-width: 991px) {
  footer .footer_block ul.navigation {
    margin: auto;
  }
}
@media (max-width: 991px) {
  footer .footer_block ul.navigation li {
    display: inline-block;
    margin: 10px 20px !important;
  }
}
footer .footer_bottom {
  background: #111;
}
footer .footer_bottom p {
  color: white;
  font-size: 12px;
  padding: 15px 15px;
  opacity: 1;
}
footer .footer_bottom p a {
  color: white;
}
#newsletter_launch {
  display: none !important;
}
@media (min-width: 1200px) {
  body.branding .container {
    max-width: 1080px !important;
  }
}
body.branding header {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
body.branding header .container {
  padding-left: 30px;
  padding-right: 30px;
}
body.branding .video-container,
body.branding .how_it_works_slider,
body.branding .second_slider_features,
body.branding .devices,
body.branding .reviews,
body.branding .references,
body.branding footer {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
}
body.branding .homepage_banner {
  max-height: 605px;
  min-height: 605px;
}
body.babyapps {
  background: #00c196;
}
body.babyapps .content p {
  color: white;
}
/*# sourceMappingURL=style_new.css.map */