@import url('https://fonts.googleapis.com/css?family=PT+Sans+Narrow:400,700&subset=cyrillic');
@charset "UTF-8";

/************************************************

Stylesheet: Main Stylesheet

*************************************************/


/*********************
GENERAL STYLES
*********************/

* {
    font-size: 20px;
    font-family: 'PT Sans Narrow', sans-serif;
    text-transform: uppercase;
    color: #000;
}

.button-container {
  text-align: center;
  margin-bottom: 30px;
}

.button {
  background-color: #fff;
  color: #000;
  border: 2px solid black;
  font-weight: bold;
  transition: all 0.2s ease-in-out;
  font-size: 24px;
  padding: 2px 15px;
  height: 45px;
  line-height: 39px;
}

.button.black {
  background-color: #000;
  color: #fff;
  border-color: #fff;
}

.button:focus, .button:hover {
  background-color: #000;
  color: #fff;
}

.button.black:focus, .button.black:hover {
  background-color: #fff;
  color: #000;
}

.button.icon::after {
  content: '';
  display: inline-block;
  width: 30px;
  height: 100%;
  float: right;
  margin-left: 10px;
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

.button.download::after {
  background-image: url('../images/icon-download.png');
}

.button.download:hover::after {
  background-image: url( '../images/icon-download-white.png');
}

.button.video::after {
  background-image: url( '../images/arrow-right-black.png' );
}

.button.video:hover::after {
  background-image: url( '../images/arrow-right.png' );
}

/* big video */
#big-video {
  width: 100%;
  height: auto;
}

/*********************
LINK STYLES
*********************/

a:link, a:visited:link {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0.3);
}

a {
  color: #000;
  font-weight: bold;
}

a:hover {
  color: #000;
}


/*********************
H1, H2, H3, H4, H5 P STYLES
*********************/

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a,
h1, h2, h3, h4, h5, h6 {
    text-decoration: none;
    font-family: 'PT Sans Narrow', sans-serif;
}


/*********************
HEADER STYLES
*********************/

.header ul.off-canvas-list li {
    list-style: none;
}

.header {
  position: fixed;
  width: 100%;
  background-color: #fff;
  z-index: 10;
}

.header.is-stuck {
  width: 100%;
  background-color: #fff;
}

.index-bar {
  padding: 30px 0;
}

.index-bar a {
  font-size: 20px;
  margin-bottom: 0;
}

.header-menus {
  padding-left: 0;
}

.header-menus .hamburger-menu {
  display: inline-block;
  float: left;
  width: 49px;
  height: 49px;
  background-image: url('../images/icon-hamburger.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.header-menus .lang-switcher {
  display: inline-block;
  width: 49px;
  height: 49px;
  line-height: 49px;
  margin-left: 30px;
  color: #000;

  visibility: hidden;
}

.index-bar .header-title-container h2 {
  font-size: 30px;
  font-weight: bold;
  color: #000;
  text-align: center;
}

.petition-container .petition-button::before {
  display: inline-block;
  content: '';
  width: 30px;
  height: 30px;
  margin-right: 10px;
  vertical-align: sub;
  background-image: url( '../images/icon-petition-black.png' );
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}

.petition-container .petition-button:hover::before {
  background-image: url( '../images/icon-petition-white.png' );
}


/*********************
NAVIGATION STYLES
*********************/
/* -- index nav -- */
.index-menu {
  margin-left: 0;
}

/*.index-menu::before {
  content: "";
  display: inline-block;
  float: left;
  width: 34px;
  height: 34px;
  margin-left: -51px;
  background-image: url( '../images/icon-close-black.png' );h
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}*/

.index-menu .menu-close {
  display: inline-block;
  float: left;
  width: 34px;
  height: 34px;
  margin-left: -51px;
  background-image: url(../images/icon-close-black.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.index-menu li {
  list-style-type: none;
  margin: 5px 0;
}

.index-menu li a {
  color: #000;
  padding: 5px 15px;
  white-space: nowrap;
}

.index-menu li a:hover {
  border: 2px solid black;
}

.index-menu li a.active {
  border: 2px solid black;
}
/* -- /index nav -- */
.top-bar .title-area {
    z-index: 1;
}

.off-canvas-list ul {
    margin-left: 0;
}

.off-canvas-list ul li a {
    border-bottom: 0px;
}

.off-canvas-list ul .dropdown {
    margin-left: 20px;
}

/*********************
FRONT PAGE STYLES
*********************/

.non-image-section {
  z-index: 4;
  display: block;
  position: relative;
}

.scroll-index {
  display: block;
  position: fixed;
  right: 30px;
}

.scroll-index li {
  list-style-type: none;
  margin-bottom: 15px;
}

.scroll-index li a {
  display: block;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
  box-shadow: 0 0 0px 1px #e8e8e8, 0 0 0 1px #e8e8e8 inset;
  transition: all 0.2s ease-in-out;
}

.scroll-index li a.active {
  background-color: #fff;
  box-shadow: 0 0 0px 1px #e8e8e8;
}

.home-section {
    display: inline-block;
    width: 100%;
    margin: 0;
}

.section-image {
    background-position: center center;
    background-size: cover;
}

.fixed-headline-container {
  position: fixed;
  width: 100%;
  z-index: 3;
}

.fixed-headline h1,
.fixed-headline h2 {
  width: 100%;
  text-align: center;
  color: #fff;
}

.fixed-headline h1 {
  font-weight: bold;
}

.image-section-title a {
  display: block;
  position: relative;
  width: 600px;
  margin: 0 auto;
  font-size: 30px;
  color: #fff;
  background-color: #000;
  padding: 22px;
  padding-right: 50px;
  text-transform: uppercase;
  text-align: center;
}

.image-section-title a::after {
  display: inline-block;
  position: absolute;
  content: '';
  background-image: url( '../images/arrow-right.png' );
  background-size: contain;
  background-repeat: no-repeat;
  height: 35px;
  width: 35px;
  right: 10px;
  top: calc( 50% - 15px);
}

.image-section-popup {
  width: 80%;
  margin-left: 10%;
  text-align: center;
  /*margin-top: 30px;*/
  background-color: #fff;
  position: fixed;
  /*min-height: 500px;*/
  box-shadow: inset 0 0 0 15px #fff, inset 0 0 0 17px #000;
  padding: 40px 120px;
  z-index: 5;
}

.popup-title {
  margin-top: 10px;
}

.popup-content {
  height: 88%;
  overflow-y: scroll;
  margin-top: 10px;
  font-size: 18px;
  text-transform: none;
}

.popup-close {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 30px;
  top: 30px;
  background-image: url('../images/icon-close-black.png');
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}

/* general sections ------------ */

.section-content p {
margin-bottom: 30px;
}

.section-content ul li {
margin-bottom: 30px;
list-style-type: square;
}

.section-title {
  font-size: 48px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 50px;
}

  /* solution ------------------ */
.section-solution {
  background-position: bottom left;
  background-repeat: repeat-x;
  padding: 100px 0 130px;
}

.section-solution .solution-title {
  color: #000;
  margin-top: 100px;
}
  /* Tables ------------------- */

.dataTables_wrapper {
  width: 50%;
  clear: none;
  float: left;
  display: inline-block;
}

.popup-content table thead,
.popup-content table tr {
  background: transparent;
}

.popup-content table th,
.popup-content table thead,
.popup-content table td,
.popup-content table tbody tr,
.popup-content table tbody {
  text-transform: none;
  padding: 0;
  background: transparent;
  border: none !important;
}

.popup-content .row-1 .column-2 span,
.popup-content .row-1 .column-3 span,
.popup-content .row-1 .column-4 span,
.popup-content .row-1 .column-5 span {
  border: 2px solid #000 !important;
  font-weight: bold;
  width: 23px;
  height: 23px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
  font-size: 17px;
}

.row.table-key span {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 2px solid black;
  line-height: 36px;
  float: left;
  margin-top: 8px;
}

.row.table-key p {
  display: none;
}

.row.table-key p.key-text {
  display: inline-block;
  font-size: 16px;
  text-transform: lowercase;
  float: left;
  text-align: left;
  width: calc(100% - 50px);
  margin-left: 10px;
}

  /* Do something ------------- */
.section-do-something {
  background-color: #000;
  padding: 100px 0;
}

.section-do-something .section-inner {
  position: relative;
}

.do-something-carousel.owl-carousel {
  margin-left: 0;
  width: 90%;
}

.do-something-title {
  color: #fff;
}

.do-something-item {
  width: 100%;
}

.do-something-item-inner {
  background-color: #fff;
  box-shadow: inset 0 0 0 6px white, inset 0 0 0 8px black;
  padding: 30px;
  text-align: center;
}

.do-something-item-img {
  display: inline !important;
  width: auto !important;
  max-height: 90px;
  margin: 30px 0;
}

.do-something-item-title {
  margin-bottom: 30px;
  line-height: 1.1;
}

.do-something-item-content {
  font-size: 18px;
}

.carousel-arrow-container {
  width: 5%;
  display: inline-block;
  float: left;
  min-height: 1px; /* the arrow inside is absolute, this functions as a spacer only */
}

.carousel-arrow {
  position: absolute;
  top: calc( 50% - 23px);
  height: 46px;
  width: 25px;
  background-image: url( '../images/arrow-right.png' );
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.carousel-arrow-left {
  transform: rotate(180deg);
  left: 0;
}

.carousel-arrow-right {
  right: 0;
}

  /* Resources ----------- */
.section-resources {
  padding: 100px 0 0;
}

.resources-text {
  text-align: center;
}

.posters-container {
  margin-bottom: 30px;
}

.banners-container img {
  margin-bottom: 30px;
}

.banners-container p {
  text-transform: none;
}

  /* Read More ------------ */
.section-readmore {
  padding: 60px 0px 100px;
}

.readmore-title:after {
  display: inline-block;
  content: '';
  width: 25px;
  height: 105px;
  margin-left: -15px;
  background-image: url('../images/readmore-smoke.png');
  background-repeat: no-repeat;
}

.readmore-content ul {
  display: block;
  max-width: 960px;
  margin: 0 auto;
}

.readmore-content ul li {
  list-style: none;
  font-weight: bold;
  line-height: 45px;
}

.readmore-content ul li:before {
  content: '';
  display: inline-block;
  width: 30px;
  height: 30px;
  background-color: #000;
  background-image: url( '../images/icon-download-white.png');
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75%;
  vertical-align: text-bottom;
  margin-right: 14px;
}

.readmore-content ul .button {
  float: right;
}

  /* Coalition --------- */
.section-coalition {
  background-color: #000;
  padding: 60px 0;
}

.coalition-image-container {
  text-align: center;
  margin-bottom: 40px;
}

.coalition-content {
  max-width: 960px;
  margin: 0 auto;
}

.coalition-content p {
  text-align: center;
  color: #fff;
}

  /* Thanks ----------- */

.section-thanks {
  padding: 60px 0;
}

.thanks-content h6 {
  font-size: 18px;
  text-transform: lowercase;
}

.thanks-image-container {
  text-align: center;
}

.thanks-content h3 a {
  font-size: 1.9375rem;
}

.thanks-content img {
  max-width: 300px;
}

/*********************
POSTS & CONTENT STYLES
*********************/
#content #inner-content {
    padding: 1rem 0rem;
}

.page-title .vcard {
    border: 0px;
    padding: 0px;
}

.byline {
    color: #999;
}

.entry-content img {
    max-width: 100%;
    height: auto;
}

.entry-content .alignleft, .entry-content img.alignleft {
    margin-right: 1.5em;
    display: inline;
    float: left;
}

.entry-content .alignright, .entry-content img.alignright {
    margin-left: 1.5em;
    display: inline;
    float: right;
}

.entry-content .aligncenter, .entry-content img.aligncenter {
    margin-right: auto;
    margin-left: auto;
    display: block;
    clear: both;
}

.entry-content video, .entry-content object {
    max-width: 100%;
    height: auto;
}

.entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px;
}

.wp-caption {
    max-width: 100%;
    background: #eee;
    padding: 5px;
}

.wp-caption img {
    max-width: 100%;
    margin-bottom: 0;
    width: 100%;
}

.wp-caption p.wp-caption-text {
    font-size: 0.85em;
    margin: 4px 0 7px;
    text-align: center;
}

.post-password-form input[type="submit"] {
    display: inline-block;
    text-align: center;
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: none;
    transition: all 0.25s ease-out;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 0;
    padding: 0.85em 1em;
    margin: 0 1rem 1rem 0;
    font-size: 0.9rem;
    background: #2199e8;
    color: #fff;
}

[data-whatinput='mouse'] .post-password-form input[type="submit"] {
    outline: 0;
}

.post-password-form input[type="submit"]:hover, .post-password-form input[type="submit"]:focus {
    background: #1583cc;
    color: #fff;
}


/*********************
IMAGE GALLERY STYLES
*********************/


/*********************
PAGE NAVI STYLES
*********************/

.page-navigation {
    margin-top: 1rem;
}


/*********************
COMMENT STYLES
*********************/

#comments .commentlist {
    margin-left: 0px;
}

#respond ul {
    margin-left: 0px;
}

.commentlist li {
    position: relative;
    clear: both;
    overflow: hidden;
    list-style-type: none;
    margin-bottom: 1.5em;
    padding: 0.7335em 10px;
}

.commentlist li:last-child {
    margin-bottom: 0;
}

.commentlist li ul.children {
    margin: 0;
}

.commentlist li[class*=depth-] {
    margin-top: 1.1em;
}

.commentlist li.depth-1 {
    margin-left: 0;
    margin-top: 0;
}

.commentlist li:not(.depth-1) {
    margin-left: 10px;
    margin-top: 0;
    padding-bottom: 0;
}

.commentlist .vcard {
    margin-left: 50px;
}

.commentlist .vcard cite.fn {
    font-weight: 700;
    font-style: normal;
}

.commentlist .vcard time {
    float: right;
}

.commentlist .vcard time a {
    color: #999;
    text-decoration: none;
}

.commentlist .vcard time a:hover {
    text-decoration: underline;
}

.commentlist .vcard img.avatar {
    position: absolute;
    left: 10px;
    padding: 2px;
    border: 1px solid #cecece;
    background: #fff;
}

.commentlist .comment_content p {
    margin: 0.7335em 0 1.5em;
    font-size: 1em;
    line-height: 1.5em;
}

.commentlist .comment-reply-link {
    float: right;
}


/*********************
COMMENT FORM STYLES
*********************/

.respond-form {
    margin: 1.5em 10px;
    padding-bottom: 2.2em;
}

.respond-form form {
    margin: 0.75em 0;
}

.respond-form form li {
    list-style-type: none;
    clear: both;
    margin-bottom: 0.7335em;
}

.respond-form form li label, .respond-form form li small {
    display: none;
}

.respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url], .respond-form form textarea {
    padding: 3px 6px;
    background: #efefef;
    border: 2px solid #cecece;
    line-height: 1.5em;
}

.respond-form form input[type=text]:focus, .respond-form form input[type=email]:focus, .respond-form form input[type=url]:focus, .respond-form form textarea:focus {
    background: #fff;
}

.respond-form form input[type=text]:invalid, .respond-form form input[type=email]:invalid, .respond-form form input[type=url]:invalid, .respond-form form textarea:invalid {
    outline: none;
    border-color: #fbc2c4;
    background-color: #f6e7eb;
    -ms-box-shadow: none;
    box-shadow: none;
}

.respond-form form input[type=text], .respond-form form input[type=email], .respond-form form input[type=url] {
    max-width: 400px;
    min-width: 250px;
}

.respond-form form textarea {
    resize: none;
    width: 97.3%;
    height: 150px;
}

#comment-form-title {
    margin: 0 0 1.1em;
}

#allowed_tags {
    margin: 1.5em 10px 0.7335em 0;
}

.nocomments {
    margin: 0 20px 1.1em;
}


/*********************
SIDEBARS & ASIDES
*********************/

.widget ul {
    margin: 0;
}

.widget ul li {
    list-style: none;
}


/*********************
FOOTER STYLES
*********************/

.footer {
    clear: both;
    margin-top: 1em;
    background-color: #000;
    text-align: center;
    padding: 10px 0;
}

.footer p,
.footer a {
  color: #fff;
  text-transform: none;
  margin-bottom: 0;
  font-size: 18px;
}


/*********************
FOUNDATION STYLES
*********************/


/*********************
PLUGIN STYLES
*********************/

.gform_body ul {
    list-style: none outside none;
    margin: 0;
}


/******************************************************************

Stylesheet: Retina Screens & Devices Stylesheet

When handling retina screens you need to make adjustments, especially
if you're not using font icons. Here you can add them in one neat
place.

******************************************************************/


/******************************************************************

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet.

Remember to add things that won't make sense to print at
the bottom. Things like nav, ads, and forms shouldbe set
to display none.
******************************************************************/

@media print {
    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        -webkit-filter: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }
    a, a:visited {
        color: #444 !important;
        text-decoration: underline;
    }
    a:after, a:visited:after {
        content: " (" attr(href) ")";
    }
    a abbr[title]:after, a:visited abbr[title]:after {
        content: " (" attr(title) ")";
    }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
        content: "";
    }
    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
    }
    tr, img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p, h2, h3 {
        orphans: 3;
        widows: 3;
    }
    h2, h3 {
        page-break-after: avoid;
    }
    .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav {
        display: none;
    }
}

@media only screen and ( max-width: 1200px ) {
  /* --- header -- */
  .index-bar a {
    font-size: 13px;
  }

  .button.petition-button {
    white-space: nowrap;
  }

  .petition-container .petition-button::before {
    height: 20px;
    width: 20px;
  }

  .index-bar.row {
    max-width: 90%;
  }

  .index-bar .header-title-container h2 {
    font-size: 20px;
  }

  .index-menu .menu-close {
    width: 25px;
    height: 25px;
    margin-left: -26px;
  }

  .scroll-index {
    right: 4px;
  }

  .scroll-index li {
    margin-bottom: 5px;
  }

  /* image sections */


  .fixed-headline.sticky h1, .fixed-headline.sticky h2 {
    font-size: 26px;
    max-width: 70%;
    margin: 0 auto;
    text-align: left;
    margin-left: 20px;
  }

  .image-section-title a {
    font-size: 16px;
    max-width: 55%;
    margin-left: 0;
    text-align: left;
  }

  .image-section-popup {
    padding: 40px 20px;
  }

  .readmore-content ul li {
    text-align: center;
  }

  .readmore-content ul li .button {
    float: none;
    clear: both;
    display: block;
    max-width: 170px;
    margin: 0 auto;
  }
}

@media only screen and ( max-width: 600px ) {

  .index-bar {
    padding: 0;
  }

  .header-menus .lang-switcher {
    width: 0px;
    height: 0px;
  }

  .hamburger-menu {
    float: none !important;
    margin: 0 auto;
  }

  .header-menus {
    max-width: 30%;
    float: left;
  }

  .lang-switcher {
    display: none;
  }

  .header-title-container {
    display: none;
  }

  .index-menu {
    text-align: center;
  }

  .petition-container {
    position: absolute;
    text-align: right;
    top: 5px;
    right: 10px;
    max-width: 70%;
  }

  .fixed-headline h1, .fixed-headline h2 {
    text-align: left;
    margin-left: 20px !important;
  }

  .image-section-title a {
    width: 60%;
    margin-left: 0;
    text-align: left;
  }

  .do-something-item-content {
    font-size: 13px;
  }

  .do-something-item-content a {
    font-size: 13px;
  }

}