/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *




 */
/* Fonts */
@font-face {
  font-family: effra_regular;
  src: url(/assets/effra_regular-9d18cce78af0ca8148758e0cba9575b6.eot);
  src: url(/assets/effra_regular-9d18cce78af0ca8148758e0cba9575b6.eot?#iefix) format("embedded-opentype"), url(/assets/effra_regular-0f9244959e93ee0d7d7c5ad0e718d921.woff) format("woff"), url(/assets/effra_regular-47b932e10e7ac493251640e9b0c3fe73.ttf) format("truetype"), url(/assets/effra_regular-4900fa787bcef23fcf9a9c07d7090734.svg#effra_regular) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: effra_medium;
  src: url(/effra_medium.eot);
  src: url(/effra_medium.eot?#iefix) format("embedded-opentype"), url(/assets/effra_medium-3a240bf29229e5ad0dd729a77df3d7df.woff) format("woff"), url(/assets/effra_medium-c87191d852fab4f469e363ea2e7fca37.ttf) format("truetype"), url(/effra_medium.svg#effra_medium) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: effra_heavy;
  src: url(/effra_heavy.eot);
  src: url(/effra_heavy.eot?#iefix) format("embedded-opentype"), url(/assets/effra_heavy-2ea3f6eddf7463c1b69992a7ba0d09a9.woff) format("woff"), url(/assets/effra_heavy-297ff3da391ef38c5d3924c00440d1ca.ttf) format("truetype"), url(/effra_heavy.svg#effra_heavy) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: lato_regular;
  src: url(/assets/lato_regular-7bfef55c3186fdbed4f59224d7eaaf0a.eot);
  src: url(/assets/lato_regular-7bfef55c3186fdbed4f59224d7eaaf0a.eot?#iefix) format("embedded-opentype"), url(/assets/lato_regular-aabb273eac0515098fed195a5feb228f.woff) format("woff"), url(/assets/lato_regular-f0f93d771553b5b8f5800b01ae394f26.ttf) format("truetype"), url(/assets/lato_regular-7e5ccf7a27a8fcad9e45cf8c3c71ed60.svg#lato_regular) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: lato_italic;
  src: url(/assets/lato_italic-92294252bbf08a3b672c1c7bc09b747c.eot);
  src: url(/assets/lato_italic-92294252bbf08a3b672c1c7bc09b747c.eot?#iefix) format("embedded-opentype"), url(/assets/lato_italic-2b17b7a84d8c0fd48aedbfdc633c2907.woff) format("woff"), url(/assets/lato_italic-55022844befda712577444ca2c3cb17a.ttf) format("truetype"), url(/assets/lato_italic-b7eff196e711146e97e0981e6bb99ff7.svg#lato_italic) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: arabic_light;
  src: url(/assets/arabic_light-38cd144f930e746c693899acc797ddef.eot);
  src: url(/assets/arabic_light-38cd144f930e746c693899acc797ddef.eot?#iefix) format("embedded-opentype"), url(/assets/arabic_light-e0b0808142e860dc9e2478c8d648a269.woff) format("woff"), url(/assets/arabic_light-8965307b60852950a842bc236456eef3.ttf) format("truetype"), url(/assets/arabic_light-19cc1cfdc0a82afbf0054e01e3ec620c.svg#arabic_light) format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: arabic_bold;
  src: url(/assets/arabic_bold-48ff536e37d084707f33c355a936e027.eot);
  src: url(/assets/arabic_bold-48ff536e37d084707f33c355a936e027.eot?#iefix) format("embedded-opentype"), url(/assets/arabic_bold-0e9c387cf687ae0021178c6a559fc18a.woff) format("woff"), url(/assets/arabic_bold-f57f48eb5232b0381ecc9d27671a86f9.ttf) format("truetype"), url(/assets/arabic_bold-4a1c5bab0326858888efe8c800ccc7fc.svg#arabic_bold) format("svg");
  font-weight: normal;
  font-style: normal; }

/* Variables */
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  font-weight: normal; }

/* Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

html[xmlns] .clearfix {
  display: block; }

* html .clearfix {
  height: 1%; }

/* General */
body, html {
  height: 100%; }

body {
  font-family: "lato_regular";
  color: #1a1a1a;
  font-size: 12px; }

textarea:focus,
input:focus {
  outline: none; }

textarea {
  resize: none; }

input, textarea {
  font-family: "lato_regular"; }

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

b {
  font-family: "effra_medium"; }
  b.strong {
    font-family: "effra_heavy"; }

i {
  font-family: "lato_italic";
  font-style: normal; }

div.rtl-lang {
  direction: rtl; }

.ar-lang {
  font-family: "arabic_light" !important; }

.pull-left {
  float: left; }

.pull-right {
  float: right; }

.user-ip {
  display: none;
  visibility: hidden; }

.translate-wrapper {
  margin: 10px 0 0 0; }
  .translate-wrapper p {
    margin-bottom: 10px;
    padding: 0 5px; }
  .translate-wrapper input[type='text'], .translate-wrapper input[type='email'] {
    width: 245px !important; }
  .translate-wrapper .form .btn {
    margin: 5px 5px 10px; }
  .translate-wrapper .confirmation-msg {
    margin: 18px 0;
    text-transform: uppercase; }

.text-red {
  color: #ec1b2f; }

.container {
  margin: 0 auto; }

.wide-container .single-visual iframe {
  max-height: 86vh; }
.wide-container .more-visuals {
  margin-bottom: 10px; }

.row {
  padding-left: 5px;
  padding-right: 5px; }

.col {
  padding: 0 5px;
  float: left;
  min-height: 1px; }
  .col.col-nopadding {
    padding: 0; }

.mobile-only {
  display: none; }

ul.unstyled {
  list-style: none; }
ul.inline li {
  display: inline-block; }

.visual-thumb {
  padding-top: 5px;
  padding-bottom: 5px; }

.page-content {
  padding-bottom: 140px;
  padding-top: 48px; }

.single-page-content {
  padding-bottom: 84px;
  padding-top: 95px; }

.home-content-wrapper {
  background: #fff;
  position: relative;
  z-index: 20;
  padding-top: 25px;
  -webkit-transition: all, 0.25s;
  -moz-transition: all, 0.25s;
  transition: all, 0.25s; }

.inner-page {
  padding: 120px 0; }

.btn {
  display: inline-block;
  cursor: pointer;
  text-transform: uppercase; }
  .btn.black-btn {
    background: transparent;
    color: #1a1a1a;
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 17px;
    font-family: "effra_medium";
    text-align: center;
    border: 2px solid #1a1a1a; }
    .btn.black-btn:hover {
      background: #ec1b2f;
      color: #fff;
      border-color: #ec1b2f;
      text-decoration: none; }
  .btn.small-btn {
    font-size: 13px !important;
    padding: 4px 22px; }

.single-page-content .subscribe-form #subscribe-submit {
  display: block;
  cursor: pointer;
  text-transform: uppercase;
  font-size: 13px;
  padding: 4px 22px;
  background: transparent;
  color: #1a1a1a;
  font-family: "effra_medium";
  text-align: center;
  border: 2px solid #1a1a1a;
  margin: 5px; }
  .single-page-content .subscribe-form #subscribe-submit:hover {
    background: #ec1b2f;
    color: #fff;
    border-color: #ec1b2f;
    text-decoration: none; }

.single-page-content .subscribe-form input[type="text"], .single-page-content .subscribe-form input[type="email"] {
  width: 280px; }

.view-all {
  padding: 5px 5px;
  display: inline-block; }

.link-btn {
  cursor: pointer; }
  .link-btn.link-btn-black {
    color: #1a1a1a;
    padding: 2px 0;
    border-bottom: 1px solid;
    font-size: 12px;
    font-family: "effra_medium"; }
    .link-btn.link-btn-black:hover {
      color: #ec1b2f; }
  .link-btn.link-btn-red {
    color: #ec1b2f; }
    .link-btn.link-btn-red:hover {
      text-decoration: underline; }

.section {
  /*  padding-top: 25px;
    padding-bottom: 25px;*/
  min-height: 600px;
  min-height: 100vh;
  position: relative;
  padding-bottom: 42px; }

h2 {
  font-size: 16px;
  font-family: "effra_medium"; }

.hidden {
  display: none; }

.visuals img, .team img {
  width: 100%; }

.loading {
  position: absolute;
  top: 0;
  right: 0; }

.about-wrapper, .community-wrapper, .visuals-wrapper {
  position: relative; }

.cursor {
  cursor: pointer; }

.section-text-wrapper {
  position: relative;
  word-wrap: break-word; }
  .section-text-wrapper h2 {
    text-transform: uppercase; }

/* Media Queries */
/* Desktop */
@media (min-width: 1024px) {
  .container {
    width: 1000px; }

  .col-1 {
    width: 90px; }

  .col-2 {
    width: 190px; }

  .col-2.visual-thumb {
    height: 190px; }

  .col-3 {
    width: 290px; }

  .col-5 {
    width: 490px; }

  .col-6 {
    width: 590px; }

  .col-7 {
    width: 690px; }

  .col-4 {
    width: 390px; }

  .col-9 {
    width: 890px; }

  header .container {
    padding: 36px 0; }

  nav ul a {
    margin-right: 46px; }

  .block {
    width: 175px;
    height: 175px;
    margin: 34px; }

  .block.in-row2 {
    top: -104px;
    left: 124px; }

  .intro-blocks .row {
    margin-top: -220px; }

  .more-visuals {
    height: 200px; }

  .more-visuals-slider {
    min-width: 1350px; }

  .use-form textarea {
    width: 260px; }
  .use-form .use-place input {
    width: 195px; }

  .section-text-wrapper {
    padding: 0 10px 0 5px; }

  .figure-text {
    width: 290px; }

  .single-visual-wrapper.large,
  .visual-side.large {
    width: 990px; }

  .visual-side.large {
    margin-top: 10px; }

  .block .block-content {
    height: 149px;
    width: 160px; }

  .events,
  .jounalists,
  .vol-icons,
  .team-members,
  .press-logos {
    width: 600px; }

  .form input[type='text'],
  .form input[type='email'] {
    width: 268px; }

  .form textarea {
    width: 568px; }

  .form .medium-field {
    width: 298px;
    display: inline-block; }

  .testimonial.vertical .testimonial-text {
    height: 200px; }

  .journalists {
    width: 600px; }

  .journalists .journalist:nth-child(6n+1) {
    clear: left; }

  .distinction-icon:nth-child(3n+1) {
    clear: left; }

  #support .other-amount {
    float: right; } }
/* larger tablet */
@media (max-width: 1023px) and (min-width: 768px) {
  .container {
    width: 750px; }

  .logo {
    width: 740px !important; }

  .col-1 {
    width: 65px; }

  .col-2 {
    width: 140px; }

  .col-2.visual-thumb {
    height: 140px; }

  .col-3 {
    width: 215px; }

  .col-6 {
    width: 440px; }

  .col-7 {
    width: 515px; }

  .col-4 {
    width: 290px; }

  .hide-tablet {
    display: none; }

  .hide-tablet-mobile {
    display: none; }

  .visual-thumb-title {
    height: 125px !important;
    width: 130px !important; }

  header .container {
    padding: 22px 0; }

  nav ul {
    width: 100% !important; }

  nav ul a {
    margin-right: 76px; }

  .block {
    width: 131px;
    height: 131px;
    margin: 25px; }

  .block.in-row2 {
    top: -73px;
    left: 92px; }

  .intro-blocks .row {
    margin-top: -166px; }

  nav {
    width: 740px !important;
    margin-top: 8px; }

  .more-visuals {
    height: 140px; }

  .more-visuals-slider {
    width: 1350px;
    /* to fit 9 visual thumbs */ }

  .visuals-filtering a {
    margin: 0 12px 8px !important; }

  .use-form textarea {
    width: 184px; }
  .use-form .use-place input {
    width: 184px !important;
    margin-top: 4px; }

  .section-text-wrapper {
    padding: 0 10px 0 25px; }

  .figure-text {
    width: 140px; }

  .single-visual-wrapper.large,
  .visual-side.large {
    width: 740px; }

  .visual-side.large {
    margin-top: 10px; }

  .block .block-content {
    height: 105px;
    width: 115px; }
    .block .block-content p {
      font-size: 14px !important; }

  .events,
  .jounalists,
  .vol-icons,
  .team-members,
  .press-logos {
    width: 450px; }

  .form input[type='text'],
  .form input[type='email'] {
    width: 193px; }

  .form textarea {
    width: 418px; }

  .vol-icon p {
    font-size: 8px !important; }

  .testimonial.vertical {
    width: 215px !important; }
    .testimonial.vertical .testimonial-text {
      height: 200px; }

  .testimonial.horizontal {
    width: 440px !important; }

  .journalists {
    width: 450px; }

  .journalists .journalist:nth-child(6n+1) {
    clear: left; }

  .da-slide, .da-slide img, .da-slide .da-img {
    width: 340px !important; }

  .distinction-icon:nth-child(2n+1) {
    clear: left; }

  #join .you-join a, .vp-people a {
    font-size: 12px !important; }

  #support .other-amount {
    margin: 8px 0; } }
/* small tablet */
@media (max-width: 767px) and (min-width: 600px) {
  .container {
    width: 600px; }

  .col-1 {
    width: 90px; }

  .col-2 {
    width: 190px; }

  .col-2.visual-thumb {
    height: 190px; }

  .col-3 {
    width: 590px; }

  .col-6 {
    width: 590px; }

  .col-7 {
    width: 590px; }

  .col-4 {
    width: 590px; }

  .hide-tablet, .zoom.hide-mobile,
  .hide-tablet-mobile, .visual-title-wrapper.hide-mobile {
    display: none !important; }

  nav {
    margin-top: 8px; }

  header .container {
    padding: 22px 0; }

  #panzoom-parent {
    max-height: 50vh; }

  nav ul a {
    margin-right: 46px; }

  .block {
    width: 105px;
    height: 105px;
    margin: 19px; }

  .block.in-row2 {
    top: -52px;
    left: 74px; }

  .intro-blocks .row {
    margin-top: -140px; }

  .more-visuals {
    height: 200px; }

  .more-visuals-slider {
    width: 1800px;
    /* to fit 9 visual thumbs */ }

  .col-3.visual-side {
    width: 590px;
    margin: 10px 0; }

  .use-form textarea {
    width: 560px; }
  .use-form .use-place input {
    width: 200px !important; }

  .side-menu {
    width: 100%;
    margin-bottom: 20px; }

  .side-menu li {
    display: inline-block !important; }

  .figure-text {
    width: 270px; }

  .block .block-content {
    width: 90px;
    height: 79px; }
    .block .block-content p {
      font-size: 12px !important; }

  .events,
  .jounalists,
  .vol-icons,
  .team-members,
  .press-logos {
    width: 600px; }

  .form input[type='text'],
  .form input[type='email'] {
    width: 268px; }

  .form textarea {
    width: 568px; }

  .themes-list, .languages-list, .types-list {
    margin: 0 !important;
    clear: left; }

  .visuals-filtering a {
    margin: 0 5px 8px !important; }

  .section-text-wrapper,
  .products-content .section-text {
    margin-bottom: 28px; }

  .community-wrapper {
    padding-bottom: 120px; }

  .journalists .journalist:nth-child(6n+1) {
    clear: left; }

  .subscribe-form-wrapper input[type="text"],
  .subscribe-form-wrapper input[type="email"] {
    width: 48px !important; }

  .testimonial.vertical .testimonial-text {
    height: 200px; }

  #support .other-amount {
    float: right; } }
/* mobile */
@media (max-width: 599px) {
  .single-page-content {
    padding-top: 60px; }

  .container {
    margin: 0 10px; }

  .col {
    width: 100%;
    padding: 0; }

  .hide-mobile {
    display: none !important; }

  .mobile-only {
    display: block; }

  .logo img {
    width: 75%;
    max-width: 302px; }

  .visual-thumb {
    width: 50%; }

  #contain {
    min-height: 25vh; }

  #panzoom-parent {
    max-height: 50vh; }

  .loading-icon {
    background-position: 88% 0px; }

  header {
    height: 60px !important; }

  .home-content-wrapper {
    box-shadow: none !important;
    top: 35px !important; }

  header .container {
    padding: 20px 0;
    background: #fff; }

  #visuals {
    padding-top: 0 !important; }

  .supporters-content .col-2 {
    margin-bottom: 14px; }

  .mobile-zooming {
    margin-bottom: 6px; }
    .mobile-zooming span {
      margin-right: 8px; }

  .intro-blocks {
    position: relative !important;
    display: none; }

  .more-visuals-slider {
    width: 100% !important;
    margin-left: 0 !important;
    margin-bottom: 10px !important; }

  .section {
    min-height: 0; }

  .section-text-wrapper, .products-content .section-text {
    margin-bottom: 28px; }

  .use-form textarea {
    width: 90%; }
  .use-form .use-place input {
    width: 200px !important; }

  .side-menu {
    width: 100%;
    margin-bottom: 20px; }
    .side-menu li {
      display: inline-block !important; }
    .side-menu a {
      border-left: none !important;
      padding: 5px 12px 5px 0 !important; }

  .figure-text {
    left: 6px !important;
    top: 300px !important; }

  .events,
  .jounalists,
  .vol-icons,
  .team-members,
  .press-logos {
    width: 100%; }

  .vol-icons .col-1 {
    width: 25%; }

  .team-member, .press-logo {
    width: 20%;
    margin-bottom: 0 !important; }

  .journalists .journalist:nth-child(4n+1) {
    clear: left; }

  .jounalists, .vol-icons, .team-members, .press-logos {
    margin-left: 0 !important; }

  .journalist {
    width: 25%; }

  .form textarea {
    width: 90%; }

  .testimonial {
    width: auto !important;
    float: none !important; }

  .single-visual .share-visual {
    left: -10px !important;
    background: rgba(255, 255, 255, 0.7); }

  .products-content .form-header h2 {
    display: none; }

  .slider {
    height: 260px !important; }

  .project-by {
    margin-left: 0 !important; }

  .section-ajax-content {
    float: none !important; }

  .subscribe-form-wrapper {
    margin-bottom: 12px !important; }

  footer .subscribe-form-wrapper input[type="text"], footer .subscribe-form-wrapper input[type="email"] {
    display: block;
    margin: 10px 4px !important;
    width: 90px !important; }

  .mobile-visual-filtering {
    margin: 10px 0;
    text-transform: uppercase; }
    .mobile-visual-filtering .mobile-visual-languages,
    .mobile-visual-filtering .mobile-visual-themes,
    .mobile-visual-filtering .mobile-visual-types {
      display: inline-block;
      margin-right: 2px;
      background: #ec1b2f;
      color: #fff;
      padding: 5px 10px;
      font-family: "effra_medium";
      position: relative;
      width: 76px;
      height: 14px;
      text-align: center; }
    .mobile-visual-filtering .other-languages,
    .mobile-visual-filtering .other-themes,
    .mobile-visual-filtering .other-types {
      display: none;
      position: absolute;
      top: 27px;
      z-index: 1;
      background: #fff;
      left: 0;
      min-width: 78px;
      text-align: center;
      min-width: 100%; }
      .mobile-visual-filtering .other-languages p,
      .mobile-visual-filtering .other-themes p,
      .mobile-visual-filtering .other-types p {
        padding: 8px; }

  .show-testimonial {
    display: none !important; }

  #join .you-join a, .vp-people a {
    font-size: 10px !important; }

  #support .other-amount {
    margin: 8px 0; }

  .single-visual .share-visual {
    width: 100% !important;
    position: relative !important;
    padding: 4px 10px;
    top: 0 !important; }
    .single-visual .share-visual .share-btn {
      display: inline-block !important;
      margin-right: 5px; } }
@media (max-height: 690px) and (min-width: 1000px) {
  .intro-blocks-wrapper .row {
    width: 750px;
    margin: 0 auto; }

  .block {
    width: 131px;
    height: 131px;
    margin: 25px; }

  .block.in-row2 {
    top: -73px;
    left: 92px; }

  .intro-blocks .row {
    margin-top: -166px; }

  .block .block-content {
    height: 105px;
    width: 115px; }
    .block .block-content p {
      font-size: 14px !important; } }
/******************************************************/
/* Mobile Menu */
.mobile-menu {
  background: black;
  color: white;
  padding: 10px;
  display: none; }
  .mobile-menu a {
    color: #fff; }
  .mobile-menu ul {
    text-align: center;
    line-height: 48px;
    font-size: 21px;
    text-transform: uppercase; }

/* header */
header {
  position: fixed;
  width: 100%;
  z-index: 30;
  height: 95px;
  top: 0;
  background: #fff; }
  header .container {
    -webkit-transition: all, 0.4s;
    -moz-transition: all, 0.4s;
    transition: all, 0.4s; }
  header.subscribes-header .visuals-link {
    color: #1a1a1a !important; }
  header .menu-icon {
    width: 20px;
    height: 20px;
    cursor: pointer;
    background: url(/assets/menu-icon-31d56fa12f20e90cfd6c05b88b60c354.png) 0 0 no-repeat;
    position: relative;
    top: -1px; }
    header .menu-icon.close {
      background-position: -20px 0; }
  header nav {
    font-family: "effra_regular"; }
    header nav .nav-wrapper {
      border-top: 2px solid;
      font-size: 12px; }
    header nav ul {
      font-size: 0;
      padding: 0 !important; }
    header nav ul li:last-child {
      float: right; }
      header nav ul li:last-child a {
        margin-right: 0 !important; }
    header nav ul a {
      display: inline-block;
      color: #1a1a1a;
      padding-top: 7px;
      text-transform: uppercase;
      font-size: 12px; }
      header nav ul a:hover, header nav ul a.active {
        color: #ec1b2f; }
    header nav .subscribe-btn {
      background-color: #1a1a1a;
      margin-left: 4px;
      font-family: "effra_medium";
      color: #fff;
      display: inline-block;
      padding: 3px 7px 4px; }
      header nav .subscribe-btn.active {
        background-color: #ec1b2f; }
  header .social-btns {
    position: relative; }

.sm-btn {
  width: 7px;
  background-image: url(/assets/social-cb5d3ea80f45afa5b3548ef73cd7ec25.png);
  background-color: #1a1a1a;
  margin-left: 6px;
  font-family: "effra_medium";
  color: #fff;
  display: inline-block;
  padding: 3px 7px 4px; }
  .sm-btn.facebook {
    background-position: 64px 0; }
  .sm-btn.donate {
    background-position: -42px 0; }
  .sm-btn.mail {
    background-position: -62px 0; }
  .sm-btn:hover {
    background-color: #ec1b2f; }

/* footer */
footer {
  background: #252728;
  color: #999;
  font-size: 12px;
  position: relative;
  min-height: 42px; }
  footer .container {
    overflow: hidden; }
  footer a {
    color: #999; }
    footer a:hover, footer a.active {
      color: #fff; }
  footer .old-website {
    position: absolute;
    top: -72px;
    margin-left: 36px;
    width: 160px; }
  footer .sm-btn {
    background-color: transparent !important;
    border: 1px solid;
    height: 14px; }
    footer .sm-btn:hover {
      background-color: #ec1b2f !important;
      border: 1px solid transparent; }
  footer .footer-city {
    position: absolute;
    top: -56px;
    margin-left: -26px; }
  footer .project-by {
    line-height: 26px;
    padding: 8px 0 0 36px;
    display: inline-block; }
    footer .project-by img {
      position: relative;
      top: 2px;
      left: 1px;
      border-bottom: 1px solid #1a1a1a; }
      footer .project-by img:hover {
        border-bottom: 1px solid #fff; }
  footer.home-footer {
    position: fixed !important;
    width: 100%;
    bottom: -132px;
    z-index: 30;
    -webkit-transition: bottom, 0.4s;
    -moz-transition: bottom, 0.4s;
    transition: bottom, 0.4s; }
  footer .footer-nav {
    position: relative;
    font-family: "effra_regular"; }
    footer .footer-nav .subscribe-btn, footer .footer-nav .donate-btn,
    footer .footer-nav .smbtns-wrapper, footer .footer-nav .subscribe-form-wrapper {
      position: relative; }
    footer .footer-nav .cc {
      position: relative;
      top: 4px;
      margin-left: 4px; }
    footer .footer-nav .subscribe-btn, footer .footer-nav .donate-btn {
      line-height: 26px;
      display: inline-block;
      padding: 8px; }
    footer .footer-nav .subscribe-btn .thanks-bubble {
      position: absolute;
      top: -72px;
      left: 12px;
      width: 60px;
      display: none;
      -webkit-transition: all, 0.4s;
      -moz-transition: all, 0.4s;
      transition: all, 0.4s; }
    footer .footer-nav .subscribe-btn {
      color: #fff;
      background: #ec1b2f; }
  footer .subscribe-form-wrapper {
    /*position: absolute;
    top: 25px;
    right: 0px;
    width: 116px;
    background: $black;
    padding: 5px;
    display: none;*/
    display: none;
    border-right: 1px solid red;
    padding: 10px 4px; }
    footer .subscribe-form-wrapper form {
      position: relative;
      display: inline-block; }
    footer .subscribe-form-wrapper input[type="text"],
    footer .subscribe-form-wrapper input[type="email"] {
      padding: 4px 5px;
      width: 54px;
      margin: 0 4px;
      background: transparent;
      border: 1px solid #fff;
      color: #fff; }
    footer .subscribe-form-wrapper input[type="email"] {
      width: 118px; }
    footer .subscribe-form-wrapper input[type="submit"] {
      width: 66px;
      font-family: "effra_medium";
      padding: 4px 5px;
      background: #E6E6E6;
      cursor: pointer;
      margin: 0 4px;
      display: inline-block;
      border: none; }
    footer .subscribe-form-wrapper input[type="text"]:focus, footer .subscribe-form-wrapper input[type="email"]:focus, footer .subscribe-form-wrapper input[type="submit"]:focus {
      border-color: #ec1b2f; }

.home-content-wrapper footer {
  position: absolute;
  z-index: 8;
  bottom: 0;
  width: 100%; }

/* intro blocks */
.scroll {
  position: absolute;
  bottom: 20px;
  padding: 20px 0;
  text-align: center;
  width: 100%;
  background: url(/assets/scroll-2c6eb9f370b7eecaefed1f635b0473b0.png) no-repeat center; }
  .scroll a {
    color: #1a1a1a; }

.intro-blocks {
  width: 100%;
  height: 100vh;
  z-index: 1; }
  .intro-blocks .container {
    height: 100%; }
  .intro-blocks .row {
    top: 50%;
    position: relative; }

.intro-blocks-wrapper {
  height: 100vh;
  position: fixed;
  width: 100%; }

.block {
  float: left;
  border: 2px solid transparent;
  overflow: hidden;
  top: 20px;
  position: relative;
  -webkit-transition: all, 0.15s;
  -moz-transition: all, 0.15s;
  transition: all, 0.15s;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }
  .block.a-block-holder {
    background: #f4f4f4; }
  .block:hover, .block.active {
    z-index: 10;
    border: 2px solid #fff;
    -webkit-transition: 0.4s ease-out;
    -moz-transition: 0.4s ease-out;
    transition: 0.4s ease-out;
    -webkit-transform: scale(1.3) rotate(45deg);
    -moz-transform: scale(1.3) rotate(45deg);
    -ms-transform: scale(1.3) rotate(45deg);
    -o-transform: scale(1.3) rotate(45deg);
    transform: scale(1.3) rotate(45deg); }
    .block:hover b, .block.active b {
      color: #ec1b2f;
      font-size: 120%; }
    .block:hover .block-content p, .block.active .block-content p {
      color: #1a1a1a;
      -webkit-transform: scale(0.9) rotate(-45deg);
      -moz-transform: scale(0.9) rotate(-45deg);
      -ms-transform: scale(0.9) rotate(-45deg);
      -o-transform: scale(0.9) rotate(-45deg);
      transform: scale(0.9) rotate(-45deg);
      margin-top: -8px;
      line-height: 16px;
      display: block !important; }
    .block:hover .block-content-wrapper, .block.active .block-content-wrapper {
      display: block; }
    .block:hover .block-content, .block.active .block-content {
      background: rgba(255, 255, 255, 0.8); }
  .block .img {
    display: block;
    width: 100%;
    height: 100%;
    background: #c3c3c3;
    color: transparent;
    -webkit-transform: rotate(-45deg) scale(1.6);
    -moz-transform: rotate(-45deg) scale(1.6);
    -ms-transform: rotate(-45deg) scale(1.6);
    -o-transform: rotate(-45deg) scale(1.6);
    transform: rotate(-45deg) scale(1.6); }
    .block .img img {
      width: 100%; }
  .block .block-content-wrapper {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    -webkit-transition: all, 0.4s;
    -moz-transition: all, 0.4s;
    transition: all, 0.4s;
    background: url(/assets/blocks-fd8f4230649bfe9d7a5c8ea507fc90da.jpg); }
    .block .block-content-wrapper.support-block {
      background-position: -92px 268px; }
    .block .block-content-wrapper.workshops-block {
      background-position: center -90px; }
    .block .block-content-wrapper.products-block {
      background-position: center 444px; }
    .block .block-content-wrapper.press-block {
      background-position: 986px 262px; }
    .block .block-content-wrapper.join-block {
      background-position: 276px -280px; }
    .block .block-content-wrapper.awards-block {
      background-position: 624px 625px; }
    .block .block-content-wrapper.announcement-block {
      background: none;
      text-transform: uppercase; }
    .block .block-content-wrapper.students-block {
      background-image: url(/assets/students/students-diamond2-8fadfcb045c6ef368929eacf5af9834f.jpg); }
  .block .block-content {
    text-align: center;
    margin: 8px;
    -webkit-transition: all, 0.4s;
    -moz-transition: all, 0.4s;
    transition: all, 0.4s;
    padding-top: 10px; }
    .block .block-content p {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      transform: rotate(-45deg);
      line-height: 22px;
      font-size: 12px;
      color: #fff;
      position: relative;
      top: 50%;
      margin-top: -12px;
      display: block;
      font-family: "effra_heavy"; }

.visuals-wrapper .btn {
  margin: 24px 0px;
  width: 100%; }

.visual-thumb {
  position: relative;
  -webkit-transition: all, 0.4s;
  -moz-transition: all, 0.4s;
  transition: all, 0.4s; }
  .visual-thumb a {
    padding: 1px;
    display: inline-block;
    vertical-align: top; }
  .visual-thumb img {
    width: 100%;
    vertical-align: top; }
  .visual-thumb:hover .visual-thumb-title {
    opacity: 1; }

.visual-thumb-title {
  position: absolute;
  top: 0;
  left: 0;
  height: 180px;
  width: 180px;
  display: table;
  overflow: hidden;
  text-align: center;
  opacity: 0;
  margin: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-transition: all, 0.4s;
  -moz-transition: all, 0.4s;
  transition: all, 0.4s;
  font-family: "effra_regular"; }
  .visual-thumb-title.video-true {
    background: url(/assets/video-interactive-52e8f88ceeec46fc601e266cbea4af69.png) 0 center no-repeat; }
  .visual-thumb-title.interactive-true {
    background: url(/assets/video-interactive-52e8f88ceeec46fc601e266cbea4af69.png) -190px center no-repeat; }
  .visual-thumb-title p {
    display: table-cell;
    vertical-align: middle;
    padding-left: 10px;
    padding-right: 10px;
    color: #1a1a1a;
    text-transform: uppercase; }

/* single visual */
.visual-side a:hover {
  text-decoration: underline; }
.visual-side .visuals-filtering ul {
  margin: 0; }
  .visual-side .visuals-filtering ul li {
    min-width: 88px;
    text-align: center;
    float: left; }
.visual-side .filter-icon {
  margin: 0 1px 5px !important; }

.donation-amount {
  margin: 10px 0; }
  .donation-amount .donation-amounts {
    margin-bottom: 10px; }
    .donation-amount .donation-amounts p {
      float: left;
      box-sizing: border-box;
      text-align: center;
      border: 1px solid;
      padding: 3px;
      width: 24%;
      margin-right: 1%;
      max-width: 64px;
      font-family: "effra_medium";
      cursor: pointer; }
      .donation-amount .donation-amounts p:hover {
        color: #ec1b2f; }
      .donation-amount .donation-amounts p.active {
        color: #fff;
        background: #ec1b2f;
        border-color: #ec1b2f; }
  .donation-amount input {
    border: 1px solid #1a1a1a;
    padding: 4px;
    background: rgba(255, 255, 255, 0.7);
    font-size: 12px; }

.visual-icon {
  text-transform: uppercase;
  display: inline-block;
  border: 2px solid;
  width: 22px;
  height: 22px;
  border-radius: 16px;
  text-align: center;
  line-height: 24px;
  overflow: hidden; }
  .visual-icon img {
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-top: 4px; }
  .visual-icon.white-icon {
    color: #fff; }
  .visual-icon.black-icon {
    color: #1a1a1a; }
  .visual-icon.inactive {
    opacity: 0.4; }
  .visual-icon.zoominout {
    background-image: url(/assets/zoominout-e2a1caa6d51e5e9599cf035a497b3ada.png);
    cursor: pointer;
    border: none; }
    .visual-icon.zoominout.zoomin {
      background-position: 0 0; }
      .visual-icon.zoominout.zoomin:hover {
        background-position: 0 22px; }
    .visual-icon.zoominout.zoomout {
      background-position: 22px 0; }
      .visual-icon.zoominout.zoomout:hover {
        background-position: 22px 22px; }

.larger-visual {
  position: fixed;
  z-index: 9999;
  width: 100%;
  top: 0;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.1); }
  .larger-visual .larger-visual-wrapper {
    width: 100%; }
    .larger-visual .larger-visual-wrapper img {
      height: 100%; }

.visual-arrow {
  position: fixed;
  width: 44px;
  height: 100px;
  top: 50%;
  margin-top: -50px;
  background: url(/assets/visual-arrows-867d71e7b08351bd456b47632bb9eaf3.png);
  z-index: 9999; }
  .visual-arrow a {
    display: block;
    height: 100%; }
  .visual-arrow.next-visual {
    right: 0;
    background-position: -88px center; }
    .visual-arrow.next-visual:hover {
      background-position: -132px center; }
  .visual-arrow.prev-visual {
    left: 0;
    background-position: 0 center; }
    .visual-arrow.prev-visual:hover {
      background-position: -44px center; }

.single-visual {
  position: relative;
  min-height: 380px; }
  .single-visual .visual-img {
    width: 100%;
    vertical-align: top;
    -webkit-transition: scale, 0.3s;
    -moz-transition: scale, 0.3s;
    transition: scale, 0.3s; }
  .single-visual .zoom {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    right: 0;
    background-color: #ec1b2f;
    cursor: pointer;
    background-image: url(/assets/zoom-f4202b8d390931834b0aaf6949834616.png);
    background-position: 0 0;
    z-index: 9;
    /*&.zoom-out {
    	background-position: 32px 0;
    }*/ }
  .single-visual .embed-this {
    margin: 10px 0; }
  .single-visual .hiring {
    margin-top: 12px; }
  .single-visual .share-visual {
    width: 32px;
    position: absolute;
    top: 0;
    left: -35px;
    z-index: 8;
    -webkit-transition: top, 0.3s;
    -moz-transition: top, 0.3s;
    transition: top, 0.3s; }
    .single-visual .share-visual .share-btn {
      background: url(/assets/social-big-cff14dfacbb829a164e7f595471f162c.png) 0 0 no-repeat #1a1a1a;
      width: 33px;
      height: 33px;
      margin-bottom: 2px;
      display: block; }
      .single-visual .share-visual .share-btn.twitter {
        background-position: -32px 0; }
      .single-visual .share-visual .share-btn.mail {
        background-position: -65px 0; }
      .single-visual .share-visual .share-btn:hover {
        background-color: #ec1b2f; }

.more-visuals {
  /*margin-left: -5px;*/
  overflow: hidden;
  position: relative; }
  .more-visuals .slide-nav {
    position: absolute;
    top: 0;
    width: 44px;
    height: 100%;
    background: url(/assets/visual-arrows-867d71e7b08351bd456b47632bb9eaf3.png) no-repeat;
    background-position: 0 center;
    z-index: 2;
    cursor: pointer;
    background-color: rgba(255, 255, 255, 0.9); }
    .more-visuals .slide-nav.slide-left {
      left: 0;
      display: none; }
      .more-visuals .slide-nav.slide-left:hover {
        background-position: -44px center; }
    .more-visuals .slide-nav.slide-right {
      right: 0;
      background-position: -88px center; }
      .more-visuals .slide-nav.slide-right:hover {
        background-position: -132px center; }

.more-visuals-slider {
  margin-left: -5px;
  position: relative;
  left: 0; }

.single-visual-wrapper, .visual-side {
  -webkit-transition: width, 0.4s;
  -moz-transition: width, 0.4s;
  transition: width, 0.4s; }

.single-visual-wrapper.large .single-visual .visual-title-wrapper {
  display: block; }
.single-visual-wrapper.large .zoom {
  background-position: 32px 0; }

.visual-side.large .visual-title {
  display: block; }

.visual-side.large .visual-title {
  display: none; }

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box; }

.comments {
  margin: 18px 0; }
  .comments h3 {
    margin: 8px 0; }

.visual-title-wrapper {
  background: #E6E6E6; }
  .visual-title-wrapper .pull-right {
    margin-right: 26px; }
  .visual-title-wrapper .visual-icon:not(.inactive):hover {
    color: #ec1b2f; }

.visual-title {
  color: #fff;
  background: #ec1b2f; }

.visual-title, .visual-title-wrapper {
  font-family: "effra_medium";
  padding: 2px 10px 3px;
  line-height: 30px;
  height: 27px;
  overflow: hidden; }
  .visual-title h1, .visual-title-wrapper h1 {
    font-size: 12px;
    text-transform: uppercase; }
  .visual-title .pull-right, .visual-title-wrapper .pull-right {
    height: 30px; }

.accordion-section {
  margin-top: 8px;
  border: 1px solid #E6E6E6;
  /*height: 32px;*/
  overflow: hidden;
  -webkit-transition: all, 0.2s;
  -moz-transition: all, 0.2s;
  transition: all, 0.2s; }
  .accordion-section a {
    cursor: pointer; }
  .accordion-section:hover {
    background: #E6E6E6; }

.accordion h3 {
  font-size: 12px;
  padding: 7px 10px;
  font-family: "effra_medium";
  line-height: 18px;
  cursor: pointer;
  background: url(/assets/plus-minus-460d89daef32cf99c0b4f5e0bdb2153f.png) right 0 no-repeat; }
  .accordion h3.expanded {
    background-position: right -32px; }

.accordion-content {
  display: none;
  padding: 0px 10px 10px; }

.credits .clearfix {
  margin: 0 -3px; }
.credits img {
  float: left;
  width: 60px;
  margin: 4px; }
.credits .visual-partners {
  margin-top: 6px; }

.use-form i {
  color: #ec1b2f; }
.use-form label {
  font-family: "effra_regular"; }
.use-form .field {
  margin-bottom: 18px; }
.use-form textarea {
  margin-top: 4px;
  border: 1px solid #1a1a1a;
  padding: 4px;
  height: 48px;
  background: rgba(255, 255, 255, 0.2);
  width: 100%;
  box-sizing: border-box; }
.use-form .user-info label {
  display: inline-block;
  width: 85px; }
.use-form .user-info input,
.use-form .use-place input,
.use-form .select2-container {
  padding: 3px 4px 4px;
  border: 1px solid #1a1a1a;
  background: rgba(255, 255, 255, 0.2);
  width: 170px;
  margin-bottom: 4px; }
.use-form .select2-container {
  width: 180px !important; }
  .use-form .select2-container.select2-dropdown-open {
    border: 1px solid #5897fb;
    box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }
  .use-form .select2-container .select2-choice, .use-form .select2-container .select2-arrow {
    background: none !important;
    background-color: none !important;
    background-image: none !important;
    border-radius: none !important;
    box-shadow: none !important;
    border: none !important; }
  .use-form .select2-container .select2-choice {
    height: auto !important;
    line-height: 14px !important;
    padding: 0 !important; }
  .use-form .select2-container .select2-arrow {
    width: 14px !important;
    height: 120% !important;
    top: -6px !important; }
  .use-form .select2-container .select2-drop, .use-form .select2-container .select2-drop-active {
    border: 1px solid #1a1a1a !important;
    box-shadow: none !important;
    border-radius: none !important; }
.use-form .select2-results .select2-highlighted {
  background: #ec1b2f !important; }
.use-form .select2-drop-active, .use-form .select2-drop {
  border: 1px solid #1a1a1a !important;
  box-shadow: none !important; }
.use-form .use-place input {
  text-transform: capitalize; }
.use-form #use-visual-used {
  margin: 4px 0; }
.use-form .use-submit a {
  display: inline-block;
  margin: 0 10px; }
  .use-form .use-submit a img {
    position: relative;
    top: 5px; }

/* side menu */
.side-menu {
  font-family: "effra_regular"; }
  .side-menu li {
    margin-bottom: 5px; }
  .side-menu a {
    border-left: 5px solid;
    padding: 4px 5px;
    color: #929497;
    display: inline-block;
    font-size: 11px;
    cursor: pointer; }
    .side-menu a:hover {
      color: #1a1a1a; }
    .side-menu a.active {
      color: #ec1b2f; }

/* slider */
.slider {
  height: 360px; }

.slides {
  height: 100% !important;
  width: 100% !important;
  position: relative;
  overflow: hidden;
  z-index: 9; }
  .slides .slide {
    height: 100%;
    width: 100%; }
    .slides .slide img {
      width: 100%;
      height: auto; }
    .slides .slide .slide-caption {
      position: absolute;
      bottom: 0;
      background: white;
      width: 100%;
      padding: 5px 0; }
  .slides .slide-images {
    height: 100% !important; }

.slider-nav {
  margin: 10px 0; }
  .slider-nav a {
    color: #1a1a1a;
    display: inline-block;
    width: 26px;
    height: 28px;
    text-align: center;
    line-height: 32px; }
    .slider-nav a:hover, .slider-nav a.activeSlide {
      color: #ec1b2f; }
  .slider-nav .slide-nav {
    background: url(/assets/slide-nav-9eb9d131b7a54af9e63e22902930d761.png) no-repeat;
    background-position: -6px center; }
    .slider-nav .slide-nav.next-slide {
      background-position: -54px center; }

.process-slider .slider-nav {
  margin: 0 !important; }

.mobile-section-title {
  margin-top: 32px;
  border-top: 1px solid;
  padding-top: 10px; }
  .mobile-section-title h2 {
    font-size: 24px;
    line-height: 42px; }

/* about */
.section-text {
  margin-top: 24px; }
  .section-text a {
    color: #ec1b2f; }
    .section-text a:hover {
      text-decoration: underline; }

/* vision */
.about-figure {
  position: relative;
  width: 300px;
  height: 310px;
  background: url(/assets/vision-chart-1cd1a40f18aefd79549b94f91f07f688.png) no-repeat 0 0;
  height: 400px; }

.figure-text {
  display: none;
  position: absolute;
  left: 300px;
  top: 44px; }

.figure-link {
  position: absolute;
  width: 180px;
  height: 180px;
  border-radius: 100px;
  cursor: pointer; }
  .figure-link.tech-link {
    left: 58px;
    z-index: 3; }
  .figure-link.design-link {
    z-index: 2;
    left: 118px;
    top: 92px;
    /* background: yellow;*/ }
  .figure-link.data-link {
    z-index: 1;
    left: 5px;
    top: 92px;
    /*background: blue;*/ }

/* team */
.team-member, .press-logo {
  display: flex;
  margin-bottom: 10px; }
  .team-member img, .press-logo img {
    width: 100%;
    vertical-align: top; }

.press-logo .image-wrapper {
  border: 1px solid #ccc; }

.image-wrapper {
  position: relative;
  width: 100%; }
  .image-wrapper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: #ec1b2f;
    opacity: 0;
    width: 100%;
    height: 100%;
    -webkit-transition: all, 0.4s;
    -moz-transition: all, 0.4s;
    transition: all, 0.4s; }
  .image-wrapper:hover .overlay, .image-wrapper.active .overlay {
    opacity: 0.7; }

/* supporters */
.support-us {
  margin: 28px 0; }

.supporters-content {
  font-size: 13px; }
  .supporters-content .col-2 a {
    color: #1a1a1a; }
    .supporters-content .col-2 a:hover {
      text-decoration: underline; }
  .supporters-content .col-2 h2 {
    border-bottom: 1px solid #58595B;
    padding-bottom: 10px; }
  .supporters-content li {
    padding: 14px 0;
    border-bottom: 1px solid #58595B;
    text-transform: uppercase;
    font-size: 12px; }
  .supporters-content .grants {
    font-size: 0; }
    .supporters-content .grants li div {
      margin: -5px; }
    .supporters-content .grants a {
      display: inline-block;
      margin: 5px; }
      .supporters-content .grants a img {
        width: 100%;
        vertical-align: top; }
  .supporters-content .campaigns li img {
    width: 100%;
    vertical-align: top; }

.support-us .btn {
  margin-top: 22px; }

.description-text {
  display: none; }
  .description-text.active {
    display: block; }

.close-description,
.close-form {
  position: absolute;
  top: 0;
  right: 1px;
  cursor: pointer;
  width: 20px;
  height: 20px;
  background: url(/assets/close-04a5cdae8ae07cc739121185d856d1e5.png) 0 center no-repeat; }
  .close-description:hover,
  .close-form:hover {
    background-position: -20px center; }

.team-member-description,
.press-description,
.journalists-details,
.partner-description,
.advisor-description,
.confirmation-msg,
.old-team-member-description {
  position: relative;
  word-wrap: break-word; }
  .team-member-description .team-sm-btn,
  .press-description .team-sm-btn,
  .journalists-details .team-sm-btn,
  .partner-description .team-sm-btn,
  .advisor-description .team-sm-btn,
  .confirmation-msg .team-sm-btn,
  .old-team-member-description .team-sm-btn {
    margin-right: 5px;
    height: 20px;
    width: 20px;
    display: inline-block;
    background: url(/assets/team-social-icons-0357661589c01954b75b251c73c1ca0d.png) no-repeat 0 0; }
    .team-member-description .team-sm-btn.facebook,
    .press-description .team-sm-btn.facebook,
    .journalists-details .team-sm-btn.facebook,
    .partner-description .team-sm-btn.facebook,
    .advisor-description .team-sm-btn.facebook,
    .confirmation-msg .team-sm-btn.facebook,
    .old-team-member-description .team-sm-btn.facebook {
      background-position: -20px 0; }
    .team-member-description .team-sm-btn.linkedin,
    .press-description .team-sm-btn.linkedin,
    .journalists-details .team-sm-btn.linkedin,
    .partner-description .team-sm-btn.linkedin,
    .advisor-description .team-sm-btn.linkedin,
    .confirmation-msg .team-sm-btn.linkedin,
    .old-team-member-description .team-sm-btn.linkedin {
      background-position: -40px 0; }
    .team-member-description .team-sm-btn.mail,
    .press-description .team-sm-btn.mail,
    .journalists-details .team-sm-btn.mail,
    .partner-description .team-sm-btn.mail,
    .advisor-description .team-sm-btn.mail,
    .confirmation-msg .team-sm-btn.mail,
    .old-team-member-description .team-sm-btn.mail {
      background-position: -60px 0; }
    .team-member-description .team-sm-btn.behance,
    .press-description .team-sm-btn.behance,
    .journalists-details .team-sm-btn.behance,
    .partner-description .team-sm-btn.behance,
    .advisor-description .team-sm-btn.behance,
    .confirmation-msg .team-sm-btn.behance,
    .old-team-member-description .team-sm-btn.behance {
      background-position: -80px 0; }
    .team-member-description .team-sm-btn:hover,
    .press-description .team-sm-btn:hover,
    .journalists-details .team-sm-btn:hover,
    .partner-description .team-sm-btn:hover,
    .advisor-description .team-sm-btn:hover,
    .confirmation-msg .team-sm-btn:hover,
    .old-team-member-description .team-sm-btn:hover {
      background-position-y: -20px;
      text-decoration: none; }
  .team-member-description .confirmation-share,
  .press-description .confirmation-share,
  .journalists-details .confirmation-share,
  .partner-description .confirmation-share,
  .advisor-description .confirmation-share,
  .confirmation-msg .confirmation-share,
  .old-team-member-description .confirmation-share {
    margin: 12px 0; }
  .team-member-description h3,
  .press-description h3,
  .journalists-details h3,
  .partner-description h3,
  .advisor-description h3,
  .confirmation-msg h3,
  .old-team-member-description h3 {
    font-size: 12px;
    font-family: "lato_italic"; }

/* press */
.press-links {
  margin: 8px 0;
  font-size: 12px; }
  .press-links li {
    margin-bottom: 6px; }
  .press-links b {
    color: #ec1b2f; }
  .press-links a:hover {
    text-decoration: underline; }

/* distinctions */
.distinction-icons {
  margin: 36px 0;
  font-size: 11px; }
  .distinction-icons a {
    color: #1a1a1a; }
  .distinction-icons .distinction-icon {
    width: 80px;
    margin-right: 9px;
    margin-bottom: 12px; }
    .distinction-icons .distinction-icon .image-wrapper .overlay {
      width: 62px; }
    .distinction-icons .distinction-icon b {
      display: block; }

/* forms */
.form {
  margin: 0 -5px; }
  .form input[type='checkbox'] {
    margin: 5px; }
  .form input[type='text'],
  .form input[type='email'],
  .form textarea {
    border: 1px solid #999;
    padding: 8px 10px;
    margin: 5px;
    color: #999;
    font-size: 13px;
    color: #1a1a1a; }
    .form input[type='text']:focus,
    .form input[type='email']:focus,
    .form textarea:focus {
      border: 1px solid #1a1a1a; }
  .form textarea {
    height: 92px; }
  .form .btn {
    display: block;
    margin: 21px 5px; }
  .form .upload {
    margin: 5px; }
  .form .form-header {
    margin: 0 5px 24px;
    position: relative; }

/* community */
/* events */
.jounalists,
.vol-icons,
.team-members,
.press-logos {
  margin-left: -5px;
  display: flex;
  flex-wrap: wrap; }

.community-wrapper {
  padding-bottom: 100px; }

.journalists {
  margin: 0 -5px; }

.journalist {
  text-transform: uppercase;
  font-size: 12px;
  margin-bottom: 12px;
  cursor: pointer;
  text-align: center; }
  .journalist:hover .overlay {
    opacity: 0.7; }
  .journalist .image-wrapper {
    margin-bottom: 6px; }
  .journalist img {
    width: 100%;
    vertical-align: top; }
  .journalist b {
    display: inline-block; }

.section-text .btn {
  margin-top: 21px; }

.vol-icon {
  text-align: center;
  margin-bottom: 6px;
  cursor: pointer;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s; }
  .vol-icon p {
    margin-bottom: 8px;
    font-size: 11px;
    text-transform: uppercase; }
  .vol-icon img {
    width: 52px;
    margin: 6px; }
  .vol-icon:hover {
    background: #ec1b2f;
    border-color: #ec1b2f; }

.voluteer-title {
  text-align: center; }

/* testimonials */
.testimonials {
  margin: -5px; }

.testimonial {
  float: left;
  margin: 5px;
  overflow: hidden;
  position: relative; }
  .testimonial .show-testimonial {
    position: absolute;
    line-height: 34px;
    text-align: right;
    box-sizing: border-box;
    cursor: pointer;
    color: #ec1b2f;
    bottom: 0;
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    bottom: 1px;
    padding: 0 18px;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    z-index: 9;
    display: none; }

.testimonial-text {
  border: 1px solid #E6E6E6;
  padding: 26px 18px 26px 34px;
  position: relative;
  -webkit-transition: height, 1s;
  -moz-transition: height, 1s;
  transition: height, 1s; }
  .testimonial-text img {
    float: left; }
  .testimonial-text p {
    padding-left: 54px; }

.testimonial.vertical {
  width: 290px; }

.testimonial.horizontal {
  width: 590px; }

.testimonial-by {
  text-align: right;
  margin-top: 8px;
  font-size: 12px;
  font-family: "effra_medium"; }

/* confirmation */
.confirmation .btn {
  margin-top: 32px; }

.confirmation b {
  font-size: 19px;
  line-height: 22px;
  font-family: "effra_heavy"; }

.done-icon {
  width: 52px;
  height: 52px;
  background: url(/assets/thanks-c2680e1d85e685f752f81cb436033b80.png) no-repeat center center; }

.confirmation-msg {
  margin: 28px 0;
  font-size: 15px; }

/* filtering */
.visuals-filtering ul {
  display: inline-block;
  margin: 0 10px; }
.visuals-filtering a {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin: 0 22px;
  border-radius: 15px;
  text-align: center;
  line-height: 26px;
  /*padding: 0 10px;*/
  color: transparent;
  font-family: "effra_medium";
  text-transform: uppercase;
  overflow: hidden; }
  .visuals-filtering a.close {
    background: #1a1a1a; }
    .visuals-filtering a.close:hover {
      background: #fff; }
    .visuals-filtering a.close.active {
      background: #ec1b2f;
      color: #fff; }
  .visuals-filtering a p {
    display: none; }
.visuals-filtering .language-filter {
  position: relative;
  overflow: hidden; }
  .visuals-filtering .language-filter .languages-list-wrapper {
    width: 1800px;
    position: relative;
    left: 0;
    -webkit-transition: left, 0.3s;
    -moz-transition: left, 0.3s;
    transition: left, 0.3s; }
  .visuals-filtering .language-filter .lang-nav {
    display: none;
    position: absolute;
    top: 0;
    width: 28px;
    height: 28px;
    background: red;
    cursor: pointer;
    z-index: 1;
    background: url(/assets/lang-nav-9a6d0ef43aa851c7be7b15e75080d2b4.png) no-repeat;
    background-color: rgba(255, 255, 255, 0.9); }
  .visuals-filtering .language-filter .lang-nav.lang-next {
    right: 0;
    background-position: -28px -2px; }
    .visuals-filtering .language-filter .lang-nav.lang-next:hover {
      background-position: -28px -34px; }
  .visuals-filtering .language-filter .lang-nav.lang-prev {
    left: 0;
    display: none;
    background-position: -8px -2px; }
    .visuals-filtering .language-filter .lang-nav.lang-prev:hover {
      background-position: -8px -34px; }

.language-filter,
.theme-filter,
.type-filter {
  margin-bottom: 3px; }
  .language-filter b,
  .theme-filter b,
  .type-filter b {
    padding-right: 10px;
    border-right: 1px solid;
    line-height: 28px;
    float: left;
    margin-bottom: 10px; }

.themes-list li,
.languages-list li,
.types-list li {
  float: left; }

.filter-icon {
  position: relative;
  border: 2px solid #1a1a1a;
  -webkit-transition: all, 0.3s;
  -moz-transition: all, 0.3s;
  transition: all, 0.3s; }
  .filter-icon .language-icon-img {
    color: #1a1a1a; }
  .filter-icon:hover, .filter-icon.active {
    width: auto;
    cursor: pointer; }
    .filter-icon:hover img, .filter-icon.active img {
      display: none; }
    .filter-icon:hover .language-icon-img, .filter-icon.active .language-icon-img {
      display: none; }
  .filter-icon img {
    width: 16px;
    height: 16px;
    vertical-align: top;
    margin-top: 4px; }
  .filter-icon.active {
    width: auto;
    color: #fff;
    padding: 0 10px;
    background-color: #ec1b2f;
    border-color: #ec1b2f;
    text-decoration: none !important; }
    .filter-icon.active img {
      display: none; }
  .filter-icon:not(.active):hover {
    width: auto;
    color: #1a1a1a;
    border: 2px solid #1a1a1a;
    padding: 0 10px;
    text-decoration: none !important; }

.destinctions-menu .active {
  color: #1a1a1a; }

.destinctions-menu a:not(.active):hover {
  text-decoration: underline; }

.form input[type=checkbox] {
  display: none; }
.form label {
  margin: 5px 5px;
  padding: 2px 25px;
  text-align: left;
  display: inline-block;
  cursor: pointer;
  position: relative;
  color: #1a1a1a; }
.form .checkbox-label:before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  position: absolute;
  left: 0;
  bottom: 1px;
  background-color: white;
  /* border-radius: 3px; */
  border: #7b7c7c solid 1px; }
.form input[type=checkbox]:checked + label:before {
  content: "\2713";
  font-size: 15px;
  color: #1a1a1a;
  text-align: center;
  line-height: 15px; }

/* custom-file-input */
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden; }

.custom-file-input::before {
  content: 'UPLOAD';
  display: inline-block;
  background: #fff;
  color: #1a1a1a;
  border: 2px solid #1a1a1a;
  padding: 4px 10px;
  outline: none;
  white-space: nowrap;
  -webkit-user-select: none;
  cursor: pointer;
  font-size: 13px;
  font-family: "effra_medium"; }

.custom-file-input:hover::before {
  color: #fff;
  background: #ec1b2f;
  border-color: #ec1b2f; }

.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); }

.paypal-confirmation {
  text-align: center;
  margin: 62px 0; }
  .paypal-confirmation .done-icon {
    margin: 0 auto; }
  .paypal-confirmation b {
    font-size: 26px; }

.tip {
  color: #999;
  margin: 2px 0; }

#join .team-member {
  cursor: default; }

.you-join, .vp-people {
  border: 1px solid #1a1a1a;
  box-sizing: border-box;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  text-align: center; }
  .you-join:hover, .vp-people:hover {
    border-color: #ec1b2f;
    background: #ec1b2f; }
  .you-join a, .vp-people a {
    font-size: 14px;
    color: #1a1a1a;
    display: flex;
    flex: 1;
    justify-content: center;
    align-items: center;
    align-self: stretch;
    padding: 10px 0; }
    .you-join a:hover, .vp-people a:hover {
      color: #fff;
      text-decoration: none; }

.buttons {
  margin: 12px 0; }
  .buttons .btn {
    display: inline-block;
    width: 130px;
    box-sizing: border-box;
    margin: 0;
    margin-right: 10px; }
    .buttons .btn:hover {
      text-decoration: none; }
  .buttons select {
    display: inline-block;
    margin-right: 10px;
    border: 2px solid #1a1a1a;
    border-radius: 0;
    height: 27px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 4px 8px;
    min-width: 130px;
    font-size: 13px;
    font-family: "effra_medium"; }
    .buttons select:focus {
      border-color: #ec1b2f;
      background: #ec1b2f;
      color: #fff;
      outline: none; }

#support h3 {
  font-size: 13px;
  font-family: "effra_medium"; }
#support .fund-project {
  margin: 0 5px; }
#support .donation-amounts p {
  border: 2px solid #1a1a1a;
  max-width: 82px; }
  #support .donation-amounts p.active {
    border: 2px solid #ec1b2f; }
#support .donation-amount input {
  border-color: #999;
  height: 24px;
  box-sizing: border-box; }
  #support .donation-amount input:focus {
    border-color: #1a1a1a; }
#support .donation-form .btn {
  margin: 0; }
#support .donation-form .checkbox-label {
  margin: 5px 0; }

.online-store img {
  width: 100%; }
.online-store .buttons .btn {
  width: auto; }

/* loading indicator */
#nprogress {
  z-index: 10100 !important; }
  #nprogress .bar {
    background: #ec1b2f !important; }
    #nprogress .bar .peg {
      box-shadow: 0 0 10px #ec1b2f, 0 0 5px #ec1b2f !important; }

.love-banner {
  padding: 10px 0; }

.admin-form {
  padding-top: 100px;
  padding-bottom: 60px; }
  .admin-form .field {
    float: none;
    margin: 15px 0px;
    padding: 3px; }
  .admin-form input {
    border: solid 1px;
    color: #1a1a1a;
    height: 20px; }
  .admin-form input[type=email], .admin-form input[type=password] {
    margin: 5px 0px;
    width: 55%; }
  .admin-form input[type=checkbox] {
    height: 12px; }
  .admin-form label {
    font-size: 15px; }
  .admin-form input[type=submit] {
    padding: 5px;
    height: auto;
    cursor: pointer; }
  .admin-form h2 {
    margin-left: 15px; }
  .admin-form .new_user {
    width: 200px; }

.vi-fellowship-banner {
  margin-bottom: 10px; }
  .vi-fellowship-banner img {
    width: 100%; }

.fake {
  color: transparent; }

.students-page {
  padding-bottom: 0; }
  .students-page .intro-p {
    font-size: 20px;
    line-height: 24px;
    font-weight: bold; }
  .students-page .text-center {
    text-align: center; }
  .students-page .image-wrapper img {
    width: 100%; }
  .students-page h2 {
    font-size: 18px; }
  .students-page p {
    font-size: 17px;
    margin: 5px 0;
    line-height: 24px; }
  .students-page .caption {
    color: #aaa;
    font-size: 12px;
    margin-bottom: 20px; }
  .students-page .intro {
    padding-top: 32px; }
    .students-page .intro p {
      font-size: 21px;
      line-height: 26px;
      text-align: center; }
  .students-page .description {
    display: flex;
    width: 100%; }
    .students-page .description .col-7 {
      margin: 0 auto; }
    .students-page .description ul {
      list-style: none;
      padding-left: 16px;
      font-size: 17px; }
      .students-page .description ul li {
        margin: 5px 0; }
      .students-page .description ul i {
        color: #777; }
    .students-page .description img {
      width: 100%; }
  .students-page .action {
    margin: 32px 0 52px; }
    .students-page .action .btn {
      padding: 10px 12px; }
      @media (max-width: 400px) {
        .students-page .action .btn {
          font-size: 13px; } }
  .students-page .cover-wrapper {
    position: relative; }
    .students-page .cover-wrapper.main-cover {
      max-height: 700px;
      overflow: hidden; }
    .students-page .cover-wrapper .main-title {
      display: flex; }
    .students-page .cover-wrapper h1 {
      color: #fff;
      text-transform: uppercase;
      text-shadow: 0 0 3px #000;
      font-size: 28px;
      font-family: "effra_medium";
      padding: 86px 10px;
      text-align: center; }
      .students-page .cover-wrapper h1 strong {
        font-family: "effra_heavy";
        font-size: 34px; }
      @media (max-width: 670px) {
        .students-page .cover-wrapper h1 {
          padding: 10px 56px 10px 10px;
          text-align: left;
          font-size: 15px; }
          .students-page .cover-wrapper h1 strong {
            font-size: 22px; } }
    .students-page .cover-wrapper .dimmer {
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.5);
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center; }
      .students-page .cover-wrapper .dimmer .btn {
        background: rgba(255, 255, 255, 0.85); }
        .students-page .cover-wrapper .dimmer .btn:hover {
          background: #ec1b2f; }
        @media (max-width: 670px) {
          .students-page .cover-wrapper .dimmer .btn {
            font-size: 14px; } }
    .students-page .cover-wrapper img {
      width: 100%;
      vertical-align: top; }
  .students-page .students-slider {
    margin: 36px 0 68px; }
    @media (min-width: 800px) {
      .students-page .students-slider {
        height: 260px !important; } }
    .students-page .students-slider .slide-content-wrapper {
      display: table;
      height: 100%; }
    .students-page .students-slider .slide-content {
      display: table-cell;
      vertical-align: middle; }
      @media (max-width: 399px) {
        .students-page .students-slider .slide-content p {
          font-size: 12px; } }
    .students-page .students-slider .slider-nav {
      margin-bottom: 40px; }
    .students-page .students-slider .logo-image {
      text-align: center; }
      .students-page .students-slider .logo-image img {
        width: 160px; }
        @media (max-width: 600px) {
          .students-page .students-slider .logo-image img {
            width: 66px; } }
  .students-page .form {
    padding-bottom: 56px; }
    .students-page .form .btn {
      display: inline-block;
      margin: 20px 0 !important; }
    .students-page .form .field {
      margin-bottom: 20px; }
      .students-page .form .field input, .students-page .form .field label, .students-page .form .field textarea {
        margin: 0; }
      .students-page .form .field label {
        display: block;
        padding: 0;
        margin-bottom: 5px;
        font-size: 15px;
        font-family: "effra_medium"; }
      .students-page .form .field.full {
        padding: 0 5px; }
    .students-page .form .options {
      font-size: 14px; }
      .students-page .form .options .option {
        margin: 10px 0;
        cursor: pointer; }
      .students-page .form .options .other-option input {
        padding: 0;
        padding-bottom: 2px;
        border: none;
        border-bottom: 1px solid #999; }
      .students-page .form .options .radio {
        display: inline-block;
        width: 14px;
        height: 14px;
        border-radius: 50%;
        border: 2px solid;
        vertical-align: middle; }
        .students-page .form .options .radio.checked {
          background: #ec1b2f; }
  .students-page .footer .caption {
    margin: 5px 0; }
/* Make clicks pass-through */
#nprogress {
  pointer-events: none; }

#nprogress .bar {
  background: #2299dd;
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px; }

/* Fancy blur effect */
#nprogress .peg {
  display: block;
  position: absolute;
  right: 0px;
  width: 100px;
  height: 100%;
  box-shadow: 0 0 10px #2299dd, 0 0 5px #2299dd;
  opacity: 1.0;
  -webkit-transform: rotate(3deg) translate(0px, -4px);
  -ms-transform: rotate(3deg) translate(0px, -4px);
  transform: rotate(3deg) translate(0px, -4px); }

/* Remove these to get rid of the spinner */
#nprogress .spinner {
  display: block;
  position: fixed;
  z-index: 100;
  top: 15px;
  right: 15px; }

#nprogress .spinner-icon {
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  border: solid 2px transparent;
  border-top-color: #2299dd;
  border-left-color: #2299dd;
  border-radius: 50%;
  -webkit-animation: nprogress-spinner 400ms linear infinite;
  animation: nprogress-spinner 400ms linear infinite; }

.nprogress-custom-parent {
  overflow: hidden;
  position: relative; }

.nprogress-custom-parent #nprogress .spinner,
.nprogress-custom-parent #nprogress .bar {
  position: absolute; }

@-webkit-keyframes nprogress-spinner {
  0% {
    -webkit-transform: rotate(0deg); }

  100% {
    -webkit-transform: rotate(360deg); } }

@keyframes nprogress-spinner {
  0% {
    transform: rotate(0deg); }

  100% {
    transform: rotate(360deg); } }
/*
Version: 3.5.1 Timestamp: Tue Jul 22 18:58:56 EDT 2014
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle; }

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.
    More Info : http://www.quirksmode.org/css/box.html
  */
  -webkit-box-sizing: border-box;
  /* webkit */
  -moz-box-sizing: border-box;
  /* firefox */
  box-sizing: border-box;
  /* css3 */ }

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  border: 1px solid #aaa;
  white-space: nowrap;
  line-height: 26px;
  color: #444;
  text-decoration: none;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.5, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
  background-image: linear-gradient(to top, #eeeeee 0%, white 50%); }

html[dir="rtl"] .select2-container .select2-choice {
  padding: 0 8px 0 0; }

.select2-container.select2-drop-above .select2-choice {
  border-bottom-color: #aaa;
  border-radius: 0 0 4px 4px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eeeeee), color-stop(0.9, white));
  background-image: -webkit-linear-gradient(center bottom, #eeeeee 0%, white 90%);
  background-image: -moz-linear-gradient(center bottom, #eeeeee 0%, white 90%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
  background-image: linear-gradient(to bottom, #eeeeee 0%, white 90%); }

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px; }

.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto; }

html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
  margin-left: 26px;
  margin-right: 0; }

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  background: url(/assets/select2-ed476647e2f89ef10a6b2e0c2cff5002.png) right top no-repeat;
  cursor: pointer;
  outline: 0; }

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block; }

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer; }

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15); }

.select2-drop-active {
  border: 1px solid #5897fb;
  border-top: none; }

.select2-drop.select2-drop-above.select2-drop-active {
  border-top: 1px solid #5897fb; }

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto; }

.select2-drop-auto-width .select2-search {
  padding-top: 4px; }

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #aaa;
  border-radius: 0 4px 4px 0;
  background-clip: padding-box;
  background: #ccc;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #cccccc), color-stop(0.6, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%);
  background-image: -moz-linear-gradient(center bottom, #cccccc 0%, #eeeeee 60%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
  background-image: linear-gradient(to top, #cccccc 0%, #eeeeee 60%); }

html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px; }

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background: url(/assets/select2-ed476647e2f89ef10a6b2e0c2cff5002.png) no-repeat 0 1px; }

html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px; }

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap; }

.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: 1px solid #aaa;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: white url(/assets/select2-ed476647e2f89ef10a6b2e0c2cff5002.png) no-repeat 100% -22px;
  background: url(/assets/select2-ed476647e2f89ef10a6b2e0c2cff5002.png) no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url(/assets/select2-ed476647e2f89ef10a6b2e0c2cff5002.png) no-repeat 100% -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url(/assets/select2-ed476647e2f89ef10a6b2e0c2cff5002.png) no-repeat 100% -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url(/assets/select2-ed476647e2f89ef10a6b2e0c2cff5002.png) no-repeat 100% -22px, linear-gradient(to bottom, white 85%, #eeeeee 99%) 0 0; }

html[dir="rtl"] .select2-search input {
  padding: 4px 5px 4px 20px;
  background: white url(/assets/select2-ed476647e2f89ef10a6b2e0c2cff5002.png) no-repeat -37px -22px;
  background: url(/assets/select2-ed476647e2f89ef10a6b2e0c2cff5002.png) no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url(/assets/select2-ed476647e2f89ef10a6b2e0c2cff5002.png) no-repeat -37px -22px, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url(/assets/select2-ed476647e2f89ef10a6b2e0c2cff5002.png) no-repeat -37px -22px, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url(/assets/select2-ed476647e2f89ef10a6b2e0c2cff5002.png) no-repeat -37px -22px, linear-gradient(to bottom, white 85%, #eeeeee 99%) 0 0; }

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px; }

.select2-search input.select2-active {
  background: white url(/assets/select2-spinner-4e782457fb9adaf0c407f9474aab801c.gif) no-repeat 100%;
  background: url(/assets/select2-spinner-4e782457fb9adaf0c407f9474aab801c.gif) no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, white), color-stop(0.99, #eeeeee));
  background: url(/assets/select2-spinner-4e782457fb9adaf0c407f9474aab801c.gif) no-repeat 100%, -webkit-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url(/assets/select2-spinner-4e782457fb9adaf0c407f9474aab801c.gif) no-repeat 100%, -moz-linear-gradient(center bottom, white 85%, #eeeeee 99%);
  background: url(/assets/select2-spinner-4e782457fb9adaf0c407f9474aab801c.gif) no-repeat 100%, linear-gradient(to bottom, white 85%, #eeeeee 99%) 0 0; }

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
  -webkit-box-shadow: 0 1px 0 #fff inset;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eee;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, white), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center bottom, white 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to top, white 0%, #eeeeee 50%); }

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border: 1px solid #5897fb;
  border-top-color: transparent;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(0.5, #eeeeee));
  background-image: -webkit-linear-gradient(center top, white 0%, #eeeeee 50%);
  background-image: -moz-linear-gradient(center top, white 0%, #eeeeee 50%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); }

.select2-dropdown-open .select2-choice .select2-arrow {
  background: transparent;
  border-left: none;
  filter: none; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none; }

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -18px 1px; }

html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-position: -16px 1px; }

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px; }

/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

html[dir="rtl"] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px; }

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0; }

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none; }

.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold; }

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.select2-results-dept-1 .select2-result-label {
  padding-left: 20px; }

.select2-results-dept-2 .select2-result-label {
  padding-left: 40px; }

.select2-results-dept-3 .select2-result-label {
  padding-left: 60px; }

.select2-results-dept-4 .select2-result-label {
  padding-left: 80px; }

.select2-results-dept-5 .select2-result-label {
  padding-left: 100px; }

.select2-results-dept-6 .select2-result-label {
  padding-left: 110px; }

.select2-results-dept-7 .select2-result-label {
  padding-left: 120px; }

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff; }

.select2-results li em {
  background: #feffde;
  font-style: normal; }

.select2-results .select2-highlighted em {
  background: transparent; }

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000; }

.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-ajax-error,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px; }

/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default; }

.select2-results .select2-selected {
  display: none; }

.select2-more-results.select2-active {
  background: #f4f4f4 url(/assets/select2-spinner-4e782457fb9adaf0c407f9474aab801c.gif) no-repeat 100%; }

.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, 0.2); }

.select2-more-results {
  background: #f4f4f4;
  display: list-item; }

/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0; }

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none; }

/* multiselect */
.select2-container-multi .select2-choices {
  height: auto !important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  border: 1px solid #aaa;
  cursor: text;
  overflow: hidden;
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eeeeee), color-stop(15%, white));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, white 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, white 15%);
  background-image: linear-gradient(to bottom, #eeeeee 1%, white 15%); }

html[dir="rtl"] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px; }

.select2-locked {
  padding: 3px 5px 3px 5px !important; }

.select2-container-multi .select2-choices {
  min-height: 26px; }

.select2-container-multi.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none; }

html[dir="rtl"] .select2-container-multi .select2-choices li {
  float: right; }

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap; }

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: transparent !important; }

.select2-container-multi .select2-choices .select2-search-field input.select2-active {
  background: white url(/assets/select2-spinner-4e782457fb9adaf0c407f9474aab801c.gif) no-repeat 100% !important; }

.select2-default {
  color: #999 !important; }

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 13px;
  color: #333;
  cursor: default;
  border: 1px solid #aaaaaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(to top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%); }

html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px; }

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default; }

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4; }

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
  background: url(/assets/select2-ed476647e2f89ef10a6b2e0c2cff5002.png) right top no-repeat; }

html[dir="rtl"] .select2-search-choice-close {
  right: auto;
  left: 3px; }

.select2-container-multi .select2-search-choice-close {
  left: 3px; }

html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px; }

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px; }

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px; }

/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4; }

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none; }

/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline; }

.select2-offscreen, .select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important; }

.select2-display-none {
  display: none; }

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll; }

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx) {
  .select2-search input,
  .select2-search-choice-close,
  .select2-container .select2-choice abbr,
  .select2-container .select2-choice .select2-arrow b {
    background-image: url(/assets/select2x2-2eaf57336fd360e7e049fbd2e5f9ddd3.png) !important;
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important; }

  .select2-search input {
    background-position: 100% -21px !important; } }
.use-btn {
  background: #f4f4f4; }
  .use-btn h3 {
    background: none; }

.vpform {
  margin: 40px 0 100px; }
  .vpform .sub-question {
    display: none; }
  .vpform .intro-text {
    margin-bottom: 24px;
    max-width: 572px;
    font-size: 16px;
    color: #ec1b2f; }
  .vpform input {
    padding: 4px;
    border: 1px solid;
    margin: 5px 0; }
  .vpform .choices p {
    font-size: 18px;
    margin: 4px 4px 4px 0;
    display: inline-block;
    color: #1a1a1a;
    border: 1px solid;
    padding: 3px 6px;
    line-height: 20px;
    cursor: pointer; }
    .vpform .choices p:hover {
      color: #ec1b2f; }
    .vpform .choices p.active {
      color: #fff;
      background: #ec1b2f;
      border-color: #ec1b2f; }
  .vpform .select2-container {
    padding: 0 5px;
    font-size: 18px;
    margin: 5px 0;
    border: none; }
    .vpform .select2-container span {
      line-height: 26px; }
    .vpform .select2-container a {
      color: #ec1b2f; }
    .vpform .select2-container .select2-arrow {
      top: -2px !important; }
  .vpform .press-enter {
    color: #ec1b2f;
    opacity: 0.6;
    margin: 10px 0; }
  .vpform .question {
    width: 100%;
    font-size: 16px;
    opacity: 0.2;
    box-sizing: border-box;
    padding-top: 40vh;
    min-height: 60vh;
    transition: all 0.1s; }
    .vpform .question label {
      font-size: 24px;
      display: block;
      margin: 10px 0; }
      .vpform .question label.small-text {
        font-size: 18px; }
    .vpform .question input {
      border: none;
      width: 100%; }
    .vpform .question.active {
      opacity: 1; }
  .vpform .radio-question {
    margin-bottom: 10px;
    display: inline-block; }
    .vpform .radio-question input, .vpform .radio-question label {
      display: inline !important;
      font-size: 18px;
      width: auto;
      margin-right: 5px; }
  .vpform input, .vpform textarea {
    font-size: 18px;
    color: #ec1b2f;
    border: none; }
  .vpform textarea {
    height: auto;
    min-height: 25vh; }
  .vpform .user-info label {
    width: auto;
    display: block;
    margin-bottom: 5px; }
  .vpform .visuals {
    margin: -5px;
    height: 350px;
    overflow: hidden;
    position: relative; }
    @media (min-width: 768px) and (max-width: 1023px) {
      .vpform .visuals {
        height: 260px; } }
    .vpform .visuals .show-more {
      position: absolute;
      left: 0;
      width: 100%;
      bottom: 0;
      height: 30px;
      background: rgba(255, 255, 255, 0.9);
      text-align: center; }
      .vpform .visuals .show-more p {
        line-height: 30px;
        color: #ec1b2f;
        cursor: pointer;
        display: inline-block; }
        .vpform .visuals .show-more p:hover {
          color: #222; }
  .vpform .visual-thumb {
    cursor: pointer; }
    .vpform .visual-thumb .checked {
      display: none; }
      .vpform .visual-thumb .checked input {
        visibility: hidden; }
    .vpform .visual-thumb.selected .visual-thumb-title {
      opacity: 1; }
    .vpform .visual-thumb.selected .checked {
      display: block;
      width: 20px;
      height: 20px;
      position: absolute;
      right: 6px;
      top: 6px;
      background: #ec1b2f;
      z-index: 8;
      padding: 4px;
      text-align: center; }
      .vpform .visual-thumb.selected .checked:before {
        color: #fff;
        content: "\2713"; }
  .vpform .use-submit {
    float: left;
    height: 50px;
    min-width: 100%; }
    .vpform .use-submit .submit-btn {
      display: none;
      padding: 8px 16px; }
  .vpform .form .checkbox-label:before {
    width: 20px;
    height: 20px;
    margin-bottom: 4px; }
  .vpform .form input[type=checkbox]:checked + label:before {
    line-height: 20px;
    background: #ec1b2f;
    color: #fff;
    border-color: #ec1b2f; }

.explanation {
  margin-bottom: 20px;
  font-size: 16px !important; }

.vpform-confirmation {
  margin: 0 !important; }

.vpform-confirmation-table {
  width: 100%;
  min-height: 100vh;
  padding: 100px 5px 0;
  box-sizing: border-box;
  display: table; }
  .vpform-confirmation-table .confirmation-content {
    display: table-cell;
    vertical-align: middle; }
    .vpform-confirmation-table .confirmation-content h2 {
      margin-bottom: 20px; }
  .vpform-confirmation-table .use-visuals {
    margin-bottom: 40px; }
    .vpform-confirmation-table .use-visuals p {
      margin-bottom: 10px; }

.vpform-controls {
  position: fixed;
  bottom: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.85);
  font-size: 12px;
  line-height: 38px; }
  .vpform-controls .status-bar {
    height: 3px;
    background: rgba(236, 27, 47, 0.2);
    padding: 1px;
    box-sizing: border-box; }
    .vpform-controls .status-bar .status-percentage {
      height: 1px;
      background: #ec1b2f;
      width: 1px;
      transition: width 0.3s; }
  .vpform-controls .controls {
    text-align: right; }