html,
body {
  -webkit-overflow-scrolling: touch;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  color: #545456;
  font-family: "Gotham SSm A", "Gotham SSm B", sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 1px;
  overflow-x: hidden;
}

.EXIT_DEV {
  position: absolute;
  height: 36px;
  width: 130px;
  line-height: 36px;
  top: 0px;
  right: -135px;
  text-align: left;
  font-size: 10px;
  color: #969696;
}

.EXIT_DEV .ss-delete {
  line-height: 41px;
}

.IS_DEV_SANDBOX {
  font-family: monaco;
  position: fixed;
  background-color: rgba(245,245,245,0.95);
  z-index: 9999999;
  padding: 4px 30px 4px 30px;
  font-size: 11px;
}

div {
  box-sizing: border-box;
}

divXX {
  border: 1px solid rgba(133, 111, 243, 0.56);
  box-sizing: border-box;
}

img {
  display: block;
}

img.imgSrcLoad {
  opacity: 0;
}

img.imgSrc50 {
  opacity: 0;
}

img.imgSrcLoadOn {
  opacity: 1;
  height: auto;
  -moz-transition: opacity 1s ease-out;
  -o-transition: opacity 1s ease-out;
  -webkit-transition: opacity 1s ease-out;
  transition: opacity 1s ease-out;
}

.pdf_viewer {
  width: 100%;
  min-height: 1000px;
}

/*!---------------------*/

/*! Fonts / Text        */

/*!---------------------*/

.bold {
  font-weight: 500;
}

.ital {
  font-style: italic;
}

.normal {
  font-style: normal;
}

input {
  text-indent: 3%;
}

/*!---------------------*/

/*! The Basics          */

/*!---------------------*/

.dont-break-out {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.right {
  float: right;
}

.left {
  float: left;
}

.clearer {
  content: "";
  display: table;
  clear: both;
}

.hide {
  display: none;
}

.abso {
  position: absolute;
  left: 0;
  top: 0;
}

.rela {
  position: relative;
}

.mAuto {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
}

.txt_C {
  text-align: center;
  text-indent: 0;
}

.txt_J {
  text-align: justify;
  text-indent: 0;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.txt_L {
  text-align: left;
}

.txt_R {
  text-align: right;
}

.ofHidden {
  overflow: hidden;
}

.hide {
  display: none;
}

.upper {
  text-transform: uppercase;
}

.lower {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

.case_norm {
  text-transform: none;
}

.hand {
  cursor: pointer;
}

.img_100 img {
  width: 100%;
}

p img {
  /* 	width: 100%; */
  /* 	height: auto; */
  margin-bottom: 2rem;
}

.underline {
  width: 100%;
  height: 2px;
  background-color: #F1F1F1;
}

.underline.dark {
  background-color: #D6D6D6;
}

.underline.dark {
  margin: 10px 0;
}

.about_body .underline.dark,
.issues_body .underline.dark {
  background-color: #F4F4F4;
}

.underline.dark.darker {
  background-color: #D6D6D6;
}

.iblock {
  display: inline-block;
}

.ta {
  display: table;
}

.tr {
  display: table-row;
}

.ta .tc {
  display: table-cell;
}

.ta .tc.m {
  vertical-align: middle;
}

.ta .tc.t {
  vertical-align: top;
}

.vAM {
  vertical-align: middle;
}

.vATT {
  vertical-align: text-top;
}

input,
select {
  width: 100%;
  max-width: 100%;
  border: none;
}

.multiply {
  mix-blend-mode: multiply;
}

.shadow {
  -webkit-box-shadow: 3px 4px 9px 0px rgba(0,0,0,0.14);
  -moz-box-shadow: 3px 4px 9px 0px rgba(0,0,0,0.10);
  box-shadow: 3px 4px 9px 0px rgba(0,0,0,0.14);
}

.rounded {
  border-radius: 3px;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
}

.rounded3 {
  border-radius: 3px;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
}

.rounded7 {
  border-radius: 7px;
  -webkit-border-radius: 7px 7px;
  -moz-border-radius: 7px 7px;
}

.rounded7T {
  border-top-right-radius: 7px;
  -webkit-border-top-right-radius: 7px;
  -moz-border-top-right-radius: 7px;
  border-top-left-radius: 7px;
  -webkit-border-top-left-radius: 7px;
  -moz-border-top-left-radius: 7px;
}

.rounded7B {
  border-bottom-right-radius: 7px;
  -webkit-border-bottom-right-radius: 7px;
  -moz-border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  -webkit-border-bottom-left-radius: 7px;
  -moz-border-bottom-left-radius: 7px;
}

.opac0 {
  opacity: 0;
}

.opac1 {
  opacity: .1;
}

.opac2 {
  opacity: .2;
}

.opac3 {
  opacity: .3;
}

.opac4 {
  opacity: .4;
}

.opac5 {
  opacity: .5;
}

.opac6 {
  opacity: .6;
}

.opac7 {
  opacity: .7;
}

.opac8 {
  opacity: .8;
}

.opac9 {
  opacity: .9;
}

.opac10 {
  opacity: 1;
}

@media (min-width: 1150px) {
  .newspaper {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
}

.w100,
.w95,
.w90,
.w85,
.w80,
.w75,
.w70,
.w65,
.w60,
.w55,
.w50,
.w45,
.w40,
.w35,
.w30,
.w25,
.w20,
.w15,
.w10,
.w5,
.w0 {
  width: 100%;
}

.wGutter {
  padding-right: 0;
}

.wMblHide {
  display: none;
}

.wMblShow {
  display: block;
}

@media (min-width: 650px) {
  .w100 {
    width: 100%;
  }

  .w95 {
    width: 95%;
  }

  .w90 {
    width: 90%;
  }

  .w85 {
    width: 85%;
  }

  .w80 {
    width: 80%;
  }

  .w75 {
    width: 75%;
  }

  .w70 {
    width: 70%;
  }

  .w65 {
    width: 65%;
  }

  .w60 {
    width: 60%;
  }

  .w55 {
    width: 55%;
  }

  .w50 {
    width: 50%;
  }

  .w45 {
    width: 45%;
  }

  .w40 {
    width: 40%;
  }

  .w35 {
    width: 35%;
  }

  .w30 {
    width: 30%;
  }

  .w25 {
    width: 25%;
  }

  .w20 {
    width: 20%;
  }

  .w15 {
    width: 15%;
  }

  .w10 {
    width: 10%;
  }

  .w5 {
    width: 5%;
  }

  .w0 {
    width: 0%;
  }

  .wGutter.left {
    padding-right: 2.5%;
  }

  .wGutter.right {
    padding-left: 2.5%;
  }

  .wMblHide {
    display: block;
  }

  .wMblShow {
    display: none;
  }
}

/*!---------------------*/

/*! Pads                */

/*!---------------------*/

.padTT {
  padding-top: 18px;
}

.padT {
  padding-top: 10px;
}

.padT0 {
  padding-top: 4px;
}

.padBB {
  padding-bottom: 18px;
}

.padB {
  padding-bottom: 10px;
}

.padB0 {
  padding-bottom: 4px;
}

.padLL {
  padding-left: 18px;
}

.padL {
  padding-left: 10px;
}

.padRR {
  padding-right: 18px;
}

.padR {
  padding-right: 10px;
}

.pad {
  padding: 10px;
}

.pad0 {
  padding: 6px;
}

.pad1 {
  padding: 10px;
}

.pad2 {
  padding: 18px;
}

.pad3 {
  padding: 26px;
}

.padT0 {
  padding-top: 6px;
}

.padB0 {
  padding-bottom: 6px;
}

.padL0 {
  padding-left: 6px;
}

.padR0 {
  padding-right: 6px;
}

.padT1 {
  padding-top: 10px;
}

.padB1 {
  padding-bottom: 10px;
}

.padL1 {
  padding-left: 10px;
}

.padR1 {
  padding-right: 10px;
}

.padT2 {
  padding-top: 18px;
}

.padB2 {
  padding-bottom: 18px;
}

.padL2 {
  padding-left: 18px;
}

.padR2 {
  padding-right: 18px;
}

.padT3 {
  padding-top: 26px;
}

.padB3 {
  padding-bottom: 26px;
}

.padL3 {
  padding-left: 26px;
}

.padR3 {
  padding-right: 26px;
}

.padT4 {
  padding-top: 46px;
}

.padB4 {
  padding-bottom: 46px;
}

.padL4 {
  padding-left: 46px;
}

.padR4 {
  padding-right: 46px;
}

.padT5 {
  padding-top: 66px;
}

.padB5 {
  padding-bottom: 66px;
}

.padL5 {
  padding-left: 66px;
}

.padR5 {
  padding-right: 66px;
}

@media (min-width: 750px) {
  .pad0 {
    padding: 8px;
  }

  .pad1 {
    padding: 16px;
  }

  .pad2 {
    padding: 24px;
  }

  .pad3 {
    padding: 36px;
  }

  .padT0 {
    padding-top: 8px;
  }

  .padB0 {
    padding-bottom: 8px;
  }

  .padL0 {
    padding-left: 8px;
  }

  .padR0 {
    padding-right: 8px;
  }

  .padT1 {
    padding-top: 16px;
  }

  .padB1 {
    padding-bottom: 16px;
  }

  .padL1 {
    padding-left: 16px;
  }

  .padR1 {
    padding-right: 16px;
  }

  .padT2 {
    padding-top: 24px;
  }

  .padB2 {
    padding-bottom: 24px;
  }

  .padL2 {
    padding-left: 24px;
  }

  .padR2 {
    padding-right: 24px;
  }

  .padT3 {
    padding-top: 36px;
  }

  .padB3 {
    padding-bottom: 36px;
  }

  .padL3 {
    padding-left: 36px;
  }

  .padR3 {
    padding-right: 36px;
  }

  .padT4 {
    padding-top: 66px;
  }

  .padB4 {
    padding-bottom: 66px;
  }

  .padL4 {
    padding-left: 66px;
  }

  .padR4 {
    padding-right: 66px;
  }

  .padT5 {
    padding-top: 86px;
  }

  .padB5 {
    padding-bottom: 86px;
  }

  .padL5 {
    padding-left: 86px;
  }

  .padR5 {
    padding-right: 86px;
  }
}

/*!---------------------*/

/*! Text Sizes         */

/*!---------------------*/

.txt_8 {
  font-size: .8rem;
}

.txt_9 {
  font-size: .9rem;
}

.txt_10 {
  font-size: 1.0rem;
}

.txt_11 {
  font-size: 1.1rem;
}

.txt_12 {
  font-size: 1.2rem;
  line-height: 1.8;
}

.txt_13 {
  font-size: 1.3rem;
}

.txt_14 {
  font-size: 1.4rem;
  line-height: 1.6;
}

.txt_15 {
  font-size: 1.5rem;
}

.txt_16 {
  font-size: 1.6rem;
}

.txt_17 {
  font-size: 1.7rem;
  line-height: 1.7;
}

.txt_18,
.txt_18 p {
  font-size: 1.8rem;
}

.txt_19,
.txt_19 p {
  font-size: 1.9rem;
}

.txt_20,
.txt_20 p {
  font-size: 2.0rem;
  line-height: 1.4;
}

.txt_21,
.txt_21 p {
  font-size: 2.1rem;
}

.txt_22,
.txt_22 p {
  font-size: 2.2rem;
}

.txt_23,
.txt_23 p {
  font-size: 2.3rem;
}

.txt_24,
.txt_24 p {
  font-size: 2.4rem;
}

.txt_24,
.txt_24 p {
  font-size: 2.4rem;
}

.txt_30,
.txt_30 p {
  font-size: 3.0rem;
}

.txt_90,
.txt_90 p {
  font-size: 9.0rem;
}

/*!---------------------*/

/*! Background Colors   */

/*!---------------------*/

.bg_white {
  background-color: white;
}

.bg_grey2 {
  background-color: #ECECEC;
}

.bg_grey1 {
  background-color: #F4F4F4;
}

.bg_grey0 {
  background-color: #FBFBFB;
}

.bg_green {
  background-color: #68923E;
}

.bg_gold {
  background-color: #F0B31F;
}

.bg_blue {
  background-color: #5CC3E9;
}

.bg_teal {
  background-color: #163f4a;
}

.bg_brown {
  background-color: #855B4B;
}

.bg_red {
  background-color: #E84923;
}

.bg_yellow {
  background-color: #F0B31F;
}

.bg_twitter_blue {
  background-color: #2EABE1;
}

.bg_green_img {
  background-size: 100%;
  background-color: #708948;
}

.bg_red_img {
  background-size: 100%;
  background-color: #E84923;
}

.full_img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: .07;
}

/*!---------------------*/

/*! Text Colors         */

/*!---------------------*/

.txt_white {
  color: white;
}

.txt_black {
  color: #545456;
}

.txt_black2 {
  color: #0b0b0b;
}

.txt_grey {
  color: #545456;
}

.txt_grey1 {
  color: #a6a6a6;
}

.txt_red {
  color: #E84923;
}

.twitter-blue {
  color: #2EABE1;
}

.twitter-gray {
  color: #D6D6D6;
}

.sub_nav_hit,
.sub_nav_hit a {
  color: #E84923;
}

/*!---------------------*/

/*! Links		        */

/*!---------------------*/

a {
  color: #545456;
  text-decoration: none;
}

p a {
  color: #E84923;
  text-decoration: none;
  word-wrap: break-word;
}

/*!---------------------*/

/*! HOME              */

/*!---------------------*/

.triangle_down {
  width: 0;
  height: 0;
  border-left: 35px solid transparent;
  border-right: 35px solid transparent;
  border-top: 28px solid #68923E;
  opacity: 0.975;
}

.home_take_action .triangle_down {
  position: absolute;
  bottom: -28px;
  border-top: 28px solid #E84923;
  opacity: 0.975;
}

.issues_body .triangle_down,
.about_body .triangle_down {
  position: absolute;
  bottom: -28px;
  border-top: 28px solid #E84923;
  opacity: 0.975;
}

.button_red_outline {
  border: 2px solid #E84923;
  color: #E84923;
  padding: 10px 30px 10px 30px;
  text-align: center;
  display: inline-block;
}

.button_red_outline:hover {
  border: 2px solid #E84923;
  color: white;
  background-color: #E84923;
}

.home_take_action .title .icon-action {
  color: white;
  font-size: 10rem;
  position: absolute;
  left: -9rem;
  top: -3.4rem;
}

.issues_body .home_take_action .title .icon-action,
.about_body .home_take_action .title .icon-action {
  color: white;
  font-size: 7rem;
  position: absolute;
  left: -6rem;
  top: -2.4rem;
}

@media (max-width: 549px) {
  .home_take_action .title .icon-action {
    font-size: 8rem;
    left: -7rem;
    top: -2.8rem;
  }
}

button,
.button,
.transy,
.hred,
input[type="button"] {
  -moz-transition: all .15s ease-out;
  -o-transition: all .15s ease-out;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-out;
}

button:hover,
.button:hover,
input[type="button"]:hover {
  background-color: white;
  color: #E84923;
}

.butBorder,
.butBorder:hover {
  border: 2px solid #E84923;
}

.button_small {
  background-color: white;
  color: #E84923;
  padding: 6px 16px 6px 16px;
  margin-right: 10px;
  border-radius: 3px;
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px 3px;
  margin-bottom: 6px;
}

.button_small:hover {
  background-color: #E84923;
  color: white;
}

.button_small.hit {
  background-color: #E84923;
  color: white;
}

.transy2 {
  -moz-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  -webkit-transition: all .25s ease-out;
  transition: all .25s ease-out;
}

/*!---------------------*/

/*! HEADER              */

/*!---------------------*/

.header {
  position: relative;
  z-index: 60;
}

.header.fix {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.header1 {
  height: 36px;
}

.h1_tagline {
  margin-top: 11px;
}

.h1_donate {
  background-color: #E84923;
  color: white;
  padding: 0px 22px;
  height: 36px;
  line-height: 37px;
  letter-spacing: 1px;
}

.h1_donate:hover {
  background-color: white;
  color: #E84923;
}

.h1_social {
  margin-right: 20px;
  margin-top: 9px;
}

.h1_social .arro {
  font-size: 8px;
  margin-top: 6px;
  margin-left: 10px;
  color: #D5D5D5;
}

.h1_divider {
  width: 2px;
  height: 16px;
  background-color: #D5D5D5;
  margin-top: 11px;
  margin-left: 20px;
  margin-right: 20px;
}

.h1_search {
  font-size: 20px;
  margin-top: 7px;
}

.h1_join {
  margin-top: 10px;
}

.logo img {
  width: 280px;
}



.header2 .nav {
  margin-top: 53px;
}

.c-hamburger {
  display: none;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 32px;
  height: 32px;
  margin-right: 0px;
  font-size: 0;
  text-indent: -9999px;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  margin-top: 25px;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 16px;
  left: 0px;
  right: 0px;
  height: 3px;
  background: #535456;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #535456;
  content: "";
}

.c-hamburger span::before {
  top: -10px;
}

.c-hamburger span::after {
  bottom: -10px;
}



.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.3s, 0.3s;
  transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */



.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 0.3s;
}

.drawer {
  width: 100%;
  height: 100%;
  text-align: center;
  font-size: 1.8rem;
  position: fixed;
  top: 0;
  z-index: 50;
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.drawer.in {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.drawer a {
  color: inherit;
}

.drawer_in {
  padding-top: 140px;
}

p {
  font-size: 14px;
  line-height: 22px;
}

.letS0,
.letS0 p {
  letter-spacing: 0;
}

.letS1,
.letS1 p {
  letter-spacing: 1.5px;
}

.letS2,
.letS2 p {
  letter-spacing: 2px;
}

.nav_cont a,
.nav_cont span {
  margin-top: 0px;
  letter-spacing: 1.5px;
  font-size: 15px;
  padding: 10px 24px 37px 12px;
  text-transform: uppercase;
  color: #545456;
  position: relative;
}

.nav_cont span:hover {
  text-decoration: none;
  color: #e64b25;
}

.nav_cont_hover a,
.nav_cont_hover span {
  text-decoration: none;
  color: #e64b25;
}

.nav_cont_hover_hit a,
.nav_cont_hover span {
  text-decoration: none;
  color: #e64b25;
}

.drop_nav {
  padding: 30px 30px 30px 30px;
  min-width: 220px;
  background-color: #FBFBFB;
  position: absolute;
  z-index: 110;
  top: 44px;
  margin-left: -18px;
  font-size: 15px;
  /* 	display: block; */
}

.drop_nav_double {
  width: 420px;
}

.drop_nav_half {
  width: 180px;
}

.drop_nav_kid {
  padding-top: 5px;
  padding-bottom: 5px;
}



.drop_nav_kid_x {
  padding-top: 5px;
  padding-bottom: 5px;
}

.drop_nav_line {
  height: 1px;
  margin-bottom: 4px;
}

.drop_nav_g1 {
  padding-top: 4px;
  padding-bottom: 2px;
}

.drop_nav_g1_last {
  padding-bottom: 12px;
}

.nav_item {
  position: relative;
}

.nav_hit_cont {
  color: #e64b25;
}

.nav_item:last-child a {
  padding-right: 0;
}

.nav_hit_cont a {
  color: #e64b25;
}

.nav_hit_cont a:hover {
  color: #faf8f7;
}

.drop_nav_kid {
  color: #545456;
}

.drop_nav_kid_x {
  color: #a6a6a6;
}

.nav_subtract {
  font-size: 14px;
  padding-right: 0px;
}

.third_navb {
  top: 16px;
  left: 180px;
  position: absolute;
  background-color: #FBFBFB;
  padding: 10px 30px 30px 30px;
}

@media (max-width: 1200px) {
  .logo img {
    width: 240px;
  }

  .header2 .nav {
    margin-top: 43px;
  }

  .nav_cont a,
  .nav_cont span {
    letter-spacing: 1px;
    font-size: 13px;
    padding: 10px 24px 37px 10px;
    text-transform: uppercase;
    color: #545456;
    position: relative;
  }

  .drop_nav {
    top: 42px;
    font-size: 12px;
    padding: 20px 30px 25px 30px;
    min-width: 200px;
  }

  .third_navb {
    left: 160px;
  }
}

@media (max-width: 1000px) {
  .logo img {
    width: 220px;
  }

  .header2 .nav {
    margin-top: 38px;
  }

  .nav_cont a,
  .nav_cont span {
    letter-spacing: .5px;
    font-size: 13px;
    padding: 10px 20px 37px 10px;
    text-transform: uppercase;
    color: #545456;
    position: relative;
  }

  .drop_nav {
    top: 42px;
    font-size: 11px;
  }

  .third_navb {
    left: 140px;
  }
}

@media (max-width: 900px) {
  .nav_cont {
    display: none;
  }

  .h1_tagline {
    display: none;
  }

  .c-hamburger {
    display: inline-block;
  }

  .third_navb {
    left: 120px;
  }
}

.drawer {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.drawer.in {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media (max-width: 900px) {
  .c-hamburger {
    margin-top: 21px;
  }
}

/*!---------------------*/

/*! Mbl Nav         */

/*!---------------------*/

.mbl_nav {
  width: 100%;
  height: 100%;
  color: white;
  text-align: center;
  font-size: 2.3rem;
  position: fixed;
  top: 0;
  z-index: 10;
  -webkit-transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

.mbl_nav.in {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.mbl_nav a {
  color: inherit;
}

.mbl_nav_in {
  padding-top: 100px;
}

@media (min-width: 1080px) {
  .mbl_nav {
    display: none;
  }
}

/*!---------------------*/

/*! Head Search         */

/*!---------------------*/

.head_search {
  height: 0;
  overflow: hidden;
}

.head_search.active {
  height: 90px;
}

.head_search input {
  font-size: 30px;
  border: none;
  text-align: left;
  margin-bottom: 0px;
  margin-top: 16px;
  font-weight: 200;
  text-indent: 40px;
  padding-left: 0;
}

.head_search .close_search,
.head_search .search_search {
  position: absolute;
  top: 23px;
  width: 30px;
  text-align: right;
  font-size: 4rem;
  color: #d6d6d6;
}

.head_search .close_search {
  right: 0;
}

.head_search .search_search {
  font-size: 3.1rem;
  top: 29px;
  left: 0px;
}

/*!---------------------*/

/*! Home Swiper         */

/*!---------------------*/

.home_swiper {
  margin-top: 0px;
  position: relative;
  height: 850px;
  overflow: hidden;
  background-color: white;
}

.swiper-container1 {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  overflow: hidden;
}

.swiper_arro,
.swiper_arro2 {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 6.5%;
  width: 30px;
  z-index: 10;
}

.swiper_arro3 {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 3.5%;
  width: 30px;
  z-index: 10;
}

.swiper_arro .ta,
.swiper_arro2 .ta,
.swiper_arro3 .ta {
  height: 70%;
}

.swiper_arro .ss-icon,
.swiper_arro2 .ss-icon,
.swiper_arro3 .ss-icon {
  font-size: 5rem;
  color: white;
}

.swiper_arro3 .ss-icon {
  -moz-transform: scaleX(-1);
  -o-transform: scaleX(-1);
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}

.swiper-slide .ta {
  height: 100%;
  left: 0;
  position: absolute;
  width: 100%;
}

.swiper-slide .tr {
  height: 100%;
}

.swiper-slide .tc {
  height: 100%;
}

.swiper-small {
  height: 560px;
}

.swiper-slide img {
  width: 100%;
  left: 0;
  position: relative;
}

@media (max-width: 1900px) {
  .page_swiper .swiper-slide img {
    width: 100%;
    height: auto;
  }

  /*
	.swiper-slide.swiper-small img{
		width: 100%;
		height: auto;
	}
*/

  .swiper-slide-triple img {
    width: 100%;
    height: auto;
    position: relative;
  }
}

@media (max-width: 1300px) {
  .swiper-slide.swiper-small img {
    width: auto;
    /* 		height: 100%; */
  }
}

.swiper-slide .title_cont {
  position: absolute;
  top: 4%;
  bottom: 0;
}

.swiper-slide .title {
  position: absolute;
  height: 520px;
  top: 0;
  bottom: 0;
  width: 55%;
}

.swiper-slide .title .headline {
  font-size: 4rem;
}

.swiper-slide .title .submit_button {
  margin-top: 3rem;
  font-size: 2.4rem;
}

.swiper_shade {
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: .25;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.swiper_shade.o25 {
  opacity: .25;
}

.swiper_shade.o50 {
  opacity: .5;
}

.swiper_shade.o75 {
  opacity: .75;
}

.swiperBut {
  width: 45%;
}

.slider-video {
  width: 100%;
  height: auto;
}

@media (max-width: 1550px) {
  .home_swiper .slider-video {
    width: auto;
    height: 850px;
  }
}

@media (max-width: 1000px) {
  .issues_swiper .slider-video {
    width: auto;
    height: 560px;
  }
}

.join_cover {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.75);
  position: absolute;
  bottom: 0;
  z-index: 10;
}

.join_cover_in {
  width: 90%;
  padding-top: 50px;
  padding-bottom: 50px;
}





.video_cover {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  /* 	right 0; */
  z-index: 11;
}

.video_cover iframe {
  width: 100%;
  height: 100%;
}

.vid_close {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 50px;
  height: 50px;
  font-size: 50px;
  color: white;
  z-index: 20;
}

.swiper-slide video {
  /*
	height: 650px;
	width: auto !important;
*/
}

@media (max-width: 949px) {
  .swiper-slide .title {
    width: 75%;
  }
}

@media (max-width: 649px) {
  .swiper-slide img {
    height: 850px;
  }

  .swiper-slide-triple img {
    width: 100%;
    height: auto;
    position: relative;
  }

  .swiper-slide .title {
    width: 100%;
    top: 0;
    bottom: 0;
    font-size: 3rem;
    left: 0;
    right: 0;
  }

  .swiper-slide .title {
    height: 400px;
  }

  .join_cover_in {
    width: 92%;
    padding-top: 35px;
    padding-bottom: 30px;
  }

  .join_cover_fields {
    width: 100%;
  }

  .jc_field {
    width: 100%;
  }

  .jc_field .padR {
    padding-right: 0;
  }

  .jc_button {
    width: 100%;
  }

  .swiper_arro,
  .swiper_arro2,
  .swiper_arro3 {
    display: none;
  }

  .swiperBut {
    width: 100%;
  }
}

/*!---------------------*/

/*! Issues Swiper         */

/*!---------------------*/

.issues_swiper {
  margin-top: 0px;
  position: relative;
  height: 560px;
  overflow: hidden;
  background-color: white;
}

.issues_swiper .swiper_arro .ta {
  height: 100%;
}

.issues_swiper .swiper-slide .title_cont {
  position: absolute;
  top: 0%;
  bottom: 0;
}

.issues_swiper .swiper-slide .title {
  position: absolute;
  height: 560px;
  top: 0;
  bottom: 0;
  width: 40%;
}

.issues_swiper .title_shade {
  width: 46%;
  height: 100%;
  background-color: white;
  opacity: .7;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.issues_swiper .swiper-slide img {
  width: 100%;
  height: auto;
}

@media (max-width: 1420px) {
  .home_swiper .swiper-slide img {
    width: auto;
    height: 850px;
  }
}

@media (max-width: 1350px) {
  .home_swiper .swiper-slide img {
    margin-left: -50px;
  }
}

@media (max-width: 1350px) {
  .home_swiper .swiper-slide img {
    margin-left: -100px;
  }
}

@media (max-width: 1268px) {
  .issues_swiper .swiper-slide img {
    width: auto;
    height: 560px;
  }
}

@media (max-width: 1200px) {
  .home_swiper .swiper-slide img {
    margin-left: -150px;
  }

  .issues_swiper .swiper-slide img {
    margin-left: -50px;
  }
}

@media (max-width: 1100px) {
  .home_swiper .swiper-slide img {
    margin-left: -200px;
  }

  .issues_swiper .swiper-slide img {
    margin-left: -100px;
  }
}

@media (max-width: 1000px) {
  .home_swiper .swiper-slide img {
    margin-left: -250px;
  }

  .issues_swiper .swiper-slide img {
    margin-left: -150px;
  }
}

@media (max-width: 950px) {
  .home_swiper .swiper-slide img {
    margin-left: -300px;
  }
}

@media (max-width: 900px) {
  .home_swiper .swiper-slide img {
    margin-left: -350px;
  }

  .issues_swiper .swiper-slide img {
    margin-left: -200px;
  }

  .share-right {
    float: left;
    clear: both;
    padding-bottom: 20px;
  }
}

@media (max-width: 800px) {
  .home_swiper .swiper-slide img {
    margin-left: -400px;
  }

  .issues_swiper .swiper-slide img {
    margin-left: -250px;
  }
}

@media (max-width: 700px) {
  .home_swiper .swiper-slide img {
    margin-left: -500px;
  }

  .issues_swiper .swiper-slide img {
    margin-left: -300px;
  }
}

@media (max-width: 650px) {
  .home_swiper .swiper-slide img {
    margin-left: -600px;
  }
}

@media (max-width: 949px) {
  .issues_swiper .title_shade {
    width: 100%;
  }

  .issues_swiper .swiper-slide .title {
    width: 80%;
    font-size: 2.0rem;
  }

  .issues_swiper .swiper_arro {
    display: none;
  }
}

@media (max-width: 649px) {
  .issues_swiper .swiper-slide .title {
    width: 100%;
    font-size: 2.0rem;
  }
}

@media (min-width: 1500px) {
  .home_swiper .swiper-slide img {
    margin-top: -25px;
  }

  .issues_swiper .swiper-slide img {
    margin-top: -50px;
  }
}

@media (min-width: 1700px) {
  .home_swiper .swiper-slide img {
    margin-top: -50px;
  }

  .issues_swiper .swiper-slide img {
    margin-top: -100px;
  }
}

@media (min-width: 1900px) {
  .home_swiper .swiper-slide img {
    margin-top: -100px;
  }

  .issues_swiper .swiper-slide img {
    margin-top: -150px;
  }
}

@media (min-width: 2100px) {
  .home_swiper .swiper-slide img {
    margin-top: -150px;
  }

  .issues_swiper .swiper-slide img {
    margin-top: -200px;
  }
}

/*!---------------------*/

/*! flex box              */

/*!---------------------*/

.flex {
  display: flex;
  flex-wrap: wrap;
}

.flex .img_100 img {
  height: auto !important;
}

.flex_box {
  display: flex;
}

.flex_box_in {
  display: flex;
  flex-direction: column;
  width: 100%;
}

.flex_box_in_2 {
  display: flex;
  flex: 1 0 auto;
}

/*!---------------------*/

/*! grid_3              */

/*!---------------------*/

.grid_3 {
  width: 31%;
  margin-right: 3.5%;
  margin-bottom: 30px;
}

.grid_3_campaign {
  width: calc(33% - 1%);
  margin-right: 2%;
  margin-bottom: 2%;
  overflow: hidden;
  max-height: 274px;
}

.grid_3:nth-child(3n+0),
.grid_3_campaign:nth-child(3n+0) {
  margin-right: 0;
}

.grid_3:last-child:after,
.grid_3_campaign:last-child:after {
  clear: both;
}

.grid_3 .img_100,
.grid_3_campaign .img_100 {
  width: 100%;
}

.grid_3 .txt {
  text-align: left;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.grid_3 .txt_black {
  flex: 1 0 auto;
}

.hred:hover {
  color: #E84923;
}

@media (max-width: 991px) {
  .grid_3_campaign {
    width: calc(50% - 1%);
    margin-bottom: 2%;
  }

  .grid_3_campaign:nth-of-type(odd) {
    margin-right: 1%;
    margin-left: 0;
  }

  .grid_3_campaign:nth-of-type(even) {
    margin-right: 0;
    margin-left: 1%;
  }
}

@media (max-width: 900px) {
  .grid_3 {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 30px;
  }

  .grid_3:nth-child(2n+0) {
    margin-right: 0;
  }

  .grid_3:last-child {
    display: none;
  }

  .grid_3 h5 {
    font-size: 1.5rem;
    padding-top: 3px;
  }



  .grid_3 .img_100 {
    width: 100%;
  }

  .grid_3 .txt {
    flex: 1 0 auto;
  }

  .grid_3 .read_more {
    font-size: 1.2rem;
  }

  .grid_3 .txt_black {
    display: flex;
  }

  .grid_3 img {
    margin-bottom: 18px;
  }
}

@media (max-width: 650px) {
  .grid_3_campaign {
    width: 100%;
    margin-right: 0;
    margin-bottom: 3%;
  }

  .grid_3_campaign:nth-of-type(odd) {
    margin-right: 0;
    margin-left: 0;
  }

  .grid_3_campaign:nth-of-type(even) {
    margin-right: 0;
    margin-left: 0;
  }
}

@media (max-width: 549px) {
  .grid_3 {
    width: 100%;
    margin-right: 0;
  }
}

/*!---------------------*/

/*! grid_2              */

/*!---------------------*/

.grid_2 {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 30px;
}

.grid_2:nth-child(2n+0) {
  margin-right: 0;
}

.grid_2:nth-child(2n+1) {
  clear: both;
}

.grid_2 .txt {
  width: 66%;
  display: flex;
  flex-direction: column;
}

.grid_2 .img_100 {
  width: 30%;
  margin-right: 5%;
}

.grid_2.img100 .img_100 {
  width: 100%;
  margin-right: 0%;
}

.grid_2 .txt_black {
  flex: 1 0 auto;
}

.grid_2 .title {
  height: 30px;
}

.title h5 {
  left: 3.2rem;
}

.title2 h5 {
  left: 6.2rem;
}

.title .icon-issue,
.title2 .icon-issue {
  position: absolute;
  font-size: 8rem;
  color: white;
  top: -2.9rem;
  left: -6rem;
}

.title .icon-news,
.title2 .icon-news {
  position: absolute;
  font-size: 6.2rem;
  color: white;
  top: -1.9rem;
  left: -7rem;
}

.title .icon-action,
.title2 .icon-action {
  position: absolute;
  font-size: 7.2rem;
  color: white;
  top: -2.3rem;
  left: -7rem;
}

@media (max-width: 900px) {
  .flex_box_in_2 {
    flex-direction: column;
  }

  .grid_2 h5 {
    font-size: 1.5rem;
  }

  .grid_2 h4 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .grid_2 .img_100 {
    width: 100%;
    margin-bottom: 2rem;
  }

  .grid_2 .txt {
    width: 100%;
    text-align: center;
    flex: 1 0 auto;
  }

  .grid_2 .button_red_outline {
    margin-left: auto;
    margin-right: auto;
  }

  .grid_2 .txt_black {
    display: flex;
  }

  .grid_2 .title {
    height: 25px;
  }

  .grid_2 .title .icon-issue {
    top: -3.1rem;
  }
}

@media (max-width: 549px) {
  .grid_2 {
    width: 100%;
    margin-right: 0;
  }
}

/*!---------------------*/

/*! footer              */

/*!---------------------*/

.foot_line {
  float: left;
  width: 2px;
  height: 180px;
  background-color: #F3F3F3;
}

.foot_line.r {
  float: right;
}

.foot_line2 {
  width: 100%;
  height: 2px;
  float: left;
  background-color: #F3F3F3;
}

.foot_line2.f1 {
  display: none;
}

.foot1 {
  width: 28%;
  padding-right: 4%;
  float: left;
}

.foot2 {
  padding-left: 4%;
  padding-right: 4%;
  width: 37%;
  float: left;
}

.foot3 {
  width: 300px;
  float: right;
  text-align: right;
}

.foot3 .soc,
.share-box {
  display: inline-block;
}

.foot3 .soc .f_icon {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  float: left;
}

.share-box .f_icon {
  width: 28px;
  height: 28px;
  margin-right: 10px;
  float: left;
}

.foot3 .soc .f_icon_in {
  width: 36px;
  height: 36px;
  line-height: 38px;
  text-align: center;
  color: white;
}

.share-box .f_icon_in {
  width: 28px;
  height: 28px;
  line-height: 30px;
  text-align: center;
  color: white;
  font-size: 14px;
}

.share-text {
  margin-top: 3px;
}

.foot3 .soc .f_icon:last-child {
  margin-right: 0;
}

.site_lk {
  padding-top: 15%;
  padding-left: 32px;
  float: left;
  font-size: 1.4rem;
  color: #c3c3c3;
}

.f_icon_in {
  box-sizing: border-box;
}

.s_ig {
  background-color: #949494;
  border: 2px solid #949494;
}

.s_ig:hover {
  color: #949494 !important;
  background-color: white;
  box-sizing: border-box;
}

.s_tw {
  background-color: #7ACEF2;
  border: 2px solid #7ACEF2;
}

.s_tw:hover {
  color: #7ACEF2 !important;
  background-color: white;
  box-sizing: border-box;
}

.s_fb {
  background-color: #547CBF;
  border: 2px solid #547CBF;
}

.s_fb:hover {
  color: #547CBF !important;
  background-color: white;
  box-sizing: border-box;
}

.s_yt {
  background-color: #E9654B;
  border: 2px solid #E9654B;
}

.s_yt:hover {
  color: #E9654B !important;
  background-color: white;
  box-sizing: border-box;
}

.s_pi {
  background-color: #EB5855;
  border: 2px solid #EB5855;
}

.s_pi:hover {
  color: #EB5855 !important;
  background-color: white;
  box-sizing: border-box;
}

.s_li {
  background-color: #0174B4;
  border: 2px solid #0174B4;
}

.s_li:hover {
  color: #0174B4 !important;
  background-color: white;
  box-sizing: border-box;
}

.s_em {
  background-color: #82817f;
  border: 2px solid #82817f;
}

.s_em:hover {
  color: #82817f !important;
  background-color: white;
  box-sizing: border-box;
}

.s_pr {
  background-color: #b8b4b5;
  border: 2px solid #b8b4b5;
}

.s_pr:hover {
  color: #b8b4b5 !important;
  background-color: white;
  box-sizing: border-box;
}

.s_pl {
  background-color: #e84812;
  border: 2px solid #e84812;
}

.s_pl:hover {
  color: #e84812 !important;
  background-color: white;
  box-sizing: border-box;
}

@media (max-width: 1000px) {
  .foot2 {
    display: none;
  }

  .foot_line.f2 {
    display: none;
  }

  .foot1 {
    width: 55%;
  }

  .foot3 {
    width: 300px;
  }
}

@media (max-width: 849px) {
  .site_lk {
    padding-top: 15%;
    padding-left: 0;
    float: none;
  }

  .foot_line {
    display: none;
  }

  .foot_line2.f1 {
    display: block;
    margin-top: 3%;
  }

  .foot1 {
    width: 100%;
  }

  .foot2 {
    padding-top: 4%;
    width: 100%;
  }

  .foot3 {
    padding-top: 24px;
    width: 100%;
    text-align: center;
  }

  .site_lk {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}

@media (min-width: 550px) {
  .foot2 .newspaper {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 50px;
    -moz-column-gap: 50px;
    column-gap: 50px;
  }
}

/*!---------------------*/

/*! Grid for feed & profile       */

/*!---------------------*/

.grid {
  padding-top: 16px;
  height: 75%;
  /* inherit height from body */
}

.grid:after {
  content: '';
  display: block;
  clear: both;
}

.grid-item {
  float: left;
  width: 100%;
  margin-bottom: 10%;
  cursor: pointer;
}

.grid-item {
  width: 48%;
  margin-bottom: 3.5%;
}

.iadopt_gutter {
  width: 3.5%;
}

.grid.dash .iadopt_gutter {
  width: 3.5%;
}

.title_bar {
  letter-spacing: 1px;
  font-size: 1.2rem;
}

@media (min-width: 500px) {
  .grid-item {
    width: 48%;
    margin-bottom: 3.5%;
  }

  .iadopt_gutter {
    width: 3.5%;
  }

  .grid.dash .iadopt_gutter {
    width: 5%;
  }

  .grid.dash .grid-item {
    width: 100%;
    width: 47.5%;
    margin-bottom: 5%;
  }

  .grid.dash {
    padding-top: 16px;
  }
}

@media (min-width: 880px) {
  .grid-item {
    width: 31.62%;
    margin-bottom: 2.8%;
  }

  .iadopt_gutter {
    width: 2.6%;
  }

  .grid.dash .iadopt_gutter {
    width: 5%;
  }

  .grid.dash .grid-item {
    width: 100%;
    width: 47.5%;
    margin-bottom: 5%;
  }
}

/*!---------------------*/

/*! Issues              */

/*!---------------------*/

.container_xtra {
  width: 120%;
  position: relative;
  max-width: 1300px;
  margin: 0 auto;
  box-sizing: border-box;
}

.xtraL {
  padding-left: 12.5%;
  padding-right: 12%;
}

.xtraR {
  padding-left: 3.8%;
  padding-right: 3.8%;
}

.issues_nav,
.about_nav,
.video_nav {
  width: 30%;
}

.issues_body,
.about_body,
.video_body {
  width: 70%;
}

.contact_left {
  width: 60%;
}

.contact_right {
  width: 40%;
}

.noPadR:last-child {
  background-color: red;
}

@media (max-width: 1280px) {
  .container_xtra {
    width: 100%;
  }

  .xtraL {
    padding-left: 10%;
  }
}

@media (max-width: 900px) {
  .container_xtra {
    width: 100%;
  }

  .xtraL {
    padding-left: 4%;
    padding-right: 4%;
  }

  .xtraR {
    padding-left: 4%;
    padding-right: 4%;
  }

  .issues_nav,
  .about_nav,
  .video_nav {
    width: 100%;
  }

  .issues_body,
  .about_body,
  .video_body {
    width: 100%;
  }

  .contact_left {
    width: 100%;
  }

  .contact_right {
    width: 100%;
  }
}

.pages .col_1 {
  width: 100%;
}

.pages .col_1.has2 {
  width: 60%;
  float: left;
}

.pages .col_2 {
  width: 40%;
  padding-left: 6%;
  float: left;
}

@media (max-width: 900px) {
  .pages .col_1.has2 {
    width: 100%;
    float: none;
  }

  .pages .col_2 {
    width: 100%;
    padding-left: 0%;
    padding-top: 4%;
    float: none;
  }
}

/*!---------------------*/

/*! Mbl Queries         */

/*!---------------------*/

/* Larger than mobile */

@media (min-width: 400px) {

}

/* Larger than phablet */

@media (min-width: 550px) {

}

/* Larger than tablet */

@media (min-width: 750px) {

}

/* Larger than desktop */

@media (min-width: 1000px) {

}

/* Larger than Desktop HD */

@media (min-width: 1200px) {

}

.about_h1 {
  /* 	min-width: 720px; */
  width: 100%;
}

/*
@media (max-width: 720px) {
	.about_h1{
		min-width: 100%;
		width: 100%;
	}
}
*/

.thumb_cont_rel {
  position: relative;
}

.thumb_abs_arro,
.thumb_abs_arro_large {
  text-align: center;
  position: absolute;
  top: 56px;
  left: 106px;
  color: white;
  font-size: 30px;
  z-index: 20;
  opacity: .5;
}

.thumb_abs_arro_large {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.colapse_arro {
  margin-top: 3px;
  margin-right: 3px;
}

input.w30 {
  margin-left: 1.66%;
  margin-right: 1.66%;
}

#video_join_form {
  margin-bottom: 0;
}

li.nav_child {
  text-transform: uppercase;
  font-size: 12px;
  padding: 12px 0;
}

.nav_child:first-of-type {
  padding-top: 28px;
}

span.plus-minus:after {
  content: "+";
  float: right;
}

span.plus-minus.active:after {
  content: "-";
}

.child_line {
  display: none;
}

.parent_line {
  display: block;
}

.child_line.active {
  display: block;
}

.parent_line.active {
  display: none;
}

/* WHATS NEW */

/*

.swiper-container-triple {
    width: 100%;
    height: 100%;
}
.swiper-slide-triple {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
*/

.bgFadeImage {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.bgFadeImage.loaded {
  opacity: 1;
}

.fade68 {
  padding-bottom: 68.25%;
}

.fade60 {
  padding-bottom: 60%;
}

.fade100 {
  padding-bottom: 100%;
}

.hover_box {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(104, 146, 62, 0.75);
  z-index: 999;
}

.hover_box.on {
  display: block;
}

.fade {
  opacity: 0;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.fade:hover {
  opacity: 1;
}

.min900 {
  min-height: 900px;
}

@media (max-width: 1050px) {
  .thumb_abs_img {
    width: 100%;
  }

  .w60.right {
    padding-left: 24px;
  }
}

@media (max-width: 900px) {
  .w60.right {
    padding-left: 12px;
  }
}

@media (max-width: 650px) {
  .thumb_abs_img {
    width: 250px;
    margin: 12px 0;
  }

  .w60.right {
    padding-left: 0;
  }
}

ul.kid-list {
  display: none;
  list-style-type: none;
  margin-bottom: 0 !important;
}

ul.kid-list li a:hover {
  color: #E84923;
}

a:hover {
  color: #E84923;
}

.parent_li:after {
  content: "+";
  float: right;
}

.parent_li.active:after {
  content: "-";
}

/*

.ss-phone {
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
*/

.about_body a:hover,
.issues_body a:hover {
  color: #545456;
}

a,
.hover_link,
.hover_link_twitter,
.about_body .hover_link,
.issues_body .hover_link {
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

a:hover,
.hover_link:hover,
.about_body .hover_link:hover,
.issues_body .hover_link:hover {
  color: #E84923;
}

a .hover_link_twitter:hover {
  color: #2EABE1;
}

/* Ratio Content */

.page_swiper {
  margin-top: 0px;
  position: relative;
  overflow: hidden;
  background-color: white;
  height: auto;
  width: 100%;
}

.page_swiper  .swiper_arro {
  top: 25%;
  bottom: 0;
}

.sixteen-nine {
  position: relative;
}

.sixteen-nine:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 27.75%;
}

.content {
  width: 100%;
}

.sixteen-nine > .content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.infographic {
  display: none;
  position: relative;
}

.close_info {
  position: fixed;
  right: 0;
  width: 55px;
  padding: 13px 13px 8px 13px;
  background: white;
}

.soc.soc_info .f_icon {
  width: 36px;
  height: 36px;
  margin-right: 10px;
  /*     float: left; */
  color: #fff;
}

.soc.soc_info .f_icon_in {
  width: 36px;
  height: 36px;
  line-height: 38px;
  text-align: center;
  color: white;
}

.valign {
  position: fixed;
  top: 50%;
  left: 23px;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.valign50 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#shade {
  z-index: 1000;
  left: 0px;
  top: 0px;
  position: absolute;
  background-color: rgba(56,56,56,0.8);
  height: 100vh;
  width: 100%;
}

#showJoin_cont {
  position: absolute;
  top: 122px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  background-color: #FAF9F7;
  z-index: 1100;
  width: 96%;
  max-width: 500px;
  padding: 30px;
}

#showPopup_cont {
  position: absolute;
  top: 122px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  background-color: #fff;
  z-index: 1100;
  width: 96%;
  max-width: 900px;
  padding: 0;
  text-align: center;
}

#showJoin_close {
  /*
	position: absolute;
	top:8px;
	right: 8px;
	color: #404040;
	font-size: 24px;
	font-weight: 300;
	width: 24px;
	height: 24px;
*/
  position: absolute;
  top: 5%;
  right: 10%;
  color: #ffffff;
  font-size: 48px;
  font-weight: 300;
  /* width: 100px; */
  /* height: 50px; */
  z-index: 1000;
}

.popup_img {
  width: 100%;
}

.popup_text {
  width: 60%;
  padding: 60px;
}

.rb_img {
  width: 100%;
  padding: 12px;
  background-color: white;
}

.rb_img img {
  width: 100%;
}

.popup_img_cont {
  width: 100%;
  padding: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  background-color: white;
}



.popup_green {
  width: 100%;
  padding: 20px 0px 20px 0px;
  background-color: #7AB342;
  color: white;
}

.popup_shadow_cont {
  position: relative;
}

.popup_shadow {
  position: absolute;
  width: 418px;
  background-repeat: no-repeat;
  background-image: url(/o/1881/images/21502/image/shadowLine1.png);
  background-size: 418px 10px;
  height: 10px;
  margin-left: auto;
  margin-right: auto;
  opacity: .4;
}

.popup_btn {
  display: inline-block;
  background-color: #E74B2F;
  color: white;
  font-size: 22px;
  letter-spacing: 2px;
  margin-left: auto;
  margin-right: auto;
  padding: 22px 40px 20px 40px;
  margin-top: 30px;
  width: 100%;
}

.popup_btn:hover {
  background-color: #7AB342;
}

@media (max-width: 1000px) {
  #showPopup_cont.ta {
    display: block;
  }

  .popup_img.tc.m,
  .popup_text.tc.m {
    display: block;
    clear: both;
  }

  .popup_img.fade100 {
    padding-bottom: 50%;
  }

  .popup_text {
    width: 100%;
    padding: 48px;
  }

  .popup_text .txt_30 {
    font-size: 2.4rem;
  }

  #showJoin_close {
    right: 2%;
  }
}

@media (max-width: 1000px) {
  .popup_text {
    width: 100%;
    padding: 32px;
  }

  .popup_text .txt_30 {
    font-size: 2.0rem;
  }

  .popup_btn {
    font-size: 18px;
  }
}

.info_img {
  width: auto;
  margin: 0 auto;
}

@media (max-width: 1990px) {
  .info_img {
    width: 100%;
  }
}

.sixteen-nine {
  position: relative;
  margin-bottom: 24px;
}

.sixteen-nine:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}

.sixteen-nine > .video_content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.iframe16x9 iframe {
  width: 100%;
  height: 100%;
}

@media (max-width: 900px) {
  .take_action_gray_column {
    display: none;
  }

  .video_head_yt.right {
    width: 100%;
    float: left;
  }

  .video_head_yt div {
    padding: 0;
    float: left;
  }

  .video_head_yt .ss-icon {
    padding-right: 6px;
  }
}

.hidden_sm {
  width: 100%;
  min-width: 200px;
}

.join_cover_mobile {
  display: none;
}

@media (max-width: 650px) {
  .join_cover_mobile {
    display: block;
  }

  .join_cover_mobile.join_cover {
    position: relative;
    background-color: #F4F4F4;
  }

  .join_cover_desktop {
    display: none;
  }

  .home_swiper {
    height: 650px;
  }
}

.drawer .drop_nav_kid {
  font-size: 14px;
  margin-right: 18px;
}

.drop_mobile:after {
  margin-left: 20px;
  content: '+';
}

.drop_mobile.active:after {
  content: '-';
}

.mobile_subnav {
  display: none;
}

.mobile_subnav.active {
  display: block;
  padding-bottom: 26px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.mobile_subnav .drop_nav_half {
  width: 50%;
}

.drawer.in {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.drawer.in::-webkit-scrollbar,
.mobile_subnav.active::-webkit-scrollbar {
  display: none;
}

html.in,
body.in {
  height: 100%;
  overflow: hidden;
}

.has_pages {
  margin-top: -7px;
  cursor: pointer;
}

.has_pages.mobile:after {
  content: '+';
  margin-right: 10px;
  font-size: 25px;
}

.has_pages.mobile.active:after {
  content: '-';
  margin-right: 10px;
  font-size: 25px;
}

.has_pages_nav.active {
  display: block !important;
}

.home_in_button {
  padding: 0 14px !important;
}

@media (min-width: 550px) {
  h4 {
    font-size: 1.6rem;
    line-height: 1.4;
    letter-spacing: .11rem;
  }

  h5 {
    line-height: 1.4;
  }

  h6 {
    font-size: 12px;
  }
}

.footnote p {
  font-size: inherit;
  line-height: 19px;
}

.foot1 .donate_text {
  line-height: 1.5;
}

.grid_2 .txt_black {
  font-size: 1.3rem;
  line-height: 1.6;
}

.grid_3 .txt_black {
  line-height: 17px;
}

.join_mini_rela_v .bg_green,
.twitter-span {
  margin-left: -48px;
  margin-right: -48px;
}

.swiper-pagination-twitter {
  position: relative !important;
  float: left !important;
  text-align: left !important;
  margin-left: 30px !important;
}

.swiper-pagination-twitter .swiper-pagination-bullet {
  background: #8b8b8b;
}

.swiper-pagination-twitter .swiper-pagination-bullet-active {
  background: #000;
  opacity: .3;
}

input.join_input_v {
  color: #bfbaba;
}

@media (max-width: 1280px) {
  .join_mini_rela_v .bg_green,
  .twitter-span {
    margin-left: -38px;
  }
}

@media (max-width: 1050px) {
  .swiper-container-twitter .ta,
  .swiper-container-twitter .tr,
  .swiper-container-twitter .ta .tc {
    display: block;
  }

  .twitter-span {
    margin-left: -32px;
  }

  .swiper-pagination-twitter {
    margin-left: -5px !important;
  }

  .twitter_bird {
    display: none !important;
  }
}

@media (max-width: 550px) {
  .mobile_subnav .drop_nav_half {
    width: 100%;
    padding: 0;
  }
}

.error-desktop,
.error-mobile,
.error-sidebar {
  display: none;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000;
  opacity: 0.2;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  -ms-transition: all 0.3s;
  transition: all 0.3s;
}

.overlay:hover {
  opacity: 0.4;
}