/* colors ------*/
/* social share  ------*/
/* Mastheads ------*/
/* n12 ------ */
/* AMNY ------ */
/* sizing ----- */
/* Overlay ------- */
/* line 8, ../scss/components/_metering.scss */
.over *, .over *:before, .over *:after {
  box-sizing: border-box;
}

/* line 9, ../scss/components/_metering.scss */
.over {
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999;
}

/* line 19, ../scss/components/_metering.scss */
#inters {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #0077c5;
  color: #FFF;
  padding: 44px;
  width: 100%;
}
/* line 25, ../scss/components/_metering.scss */
#inters strong {
  color: #023e88;
  font-size: 16px;
  text-transform: uppercase;
}
/* line 30, ../scss/components/_metering.scss */
#inters h3 {
  color: #FFF;
  font-size: 32px;
  text-transform: uppercase;
  line-height: 0.9em;
  margin: 22px 0 6px;
}
/* line 37, ../scss/components/_metering.scss */
#inters p {
  color: #FFF;
  opacity: 0.9;
  margin: 12px 0 0;
  line-height: 1.4em;
}
/* line 43, ../scss/components/_metering.scss */
#inters div {
  text-align: center;
}
/* line 46, ../scss/components/_metering.scss */
#inters .btn {
  border: 1px solid;
  border-radius: 4px;
  background: none;
  font-size: 20px;
  padding: 22px 42px;
  display: inline-block;
  width: 100%;
  margin: 22px 0 0 0;
  text-align: center;
}
/* line 56, ../scss/components/_metering.scss */
#inters .btn.yellow {
  background-color: #ffd01e;
  color: #0077c5;
  border-color: #ffd01e;
}
/* line 61, ../scss/components/_metering.scss */
#inters .btn.gbtn {
  border-color: #FFF;
  color: #FFF;
}
/* line 66, ../scss/components/_metering.scss */
#inters .x {
  display: inline-block;
  position: absolute;
  padding: 22px;
  top: 0;
  right: 0;
}
/* line 124, ../scss/tools/_mixins.scss */
#inters .x:before {
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* line 129, ../scss/tools/_mixins.scss */
#inters .x:after {
  margin-top: 0;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
/* line 134, ../scss/tools/_mixins.scss */
#inters .x:before, #inters .x:after {
  content: '';
  display: block;
  width: 16px;
  height: 3px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  background: #FFF;
}

@media (min-width: 660px) {
  /* line 76, ../scss/components/_metering.scss */
  #inters {
    max-width: 730px;
  }
  /* line 78, ../scss/components/_metering.scss */
  #inters .btn {
    width: 45%;
    margin-left: 10px;
    margin-right: 10px;
  }
}
/* line 10, ../scss/metering.scss */
.news12 #inters {
  background: #005aa6;
}
/* line 12, ../scss/metering.scss */
.news12 #inters h3 {
  margin: 22px 0 6px;
}
/* line 15, ../scss/metering.scss */
.news12 #inters strong {
  color: #FFF;
}
/* line 18, ../scss/metering.scss */
.news12 #inters .btn.yellow {
  color: #005aa6;
}