html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {   margin:0;   padding:0;   border:0;   outline:0;   font-size:100%;   vertical-align:baseline;   background:transparent; } body { line-height: 1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {  display:block; } nav ul {   list-style:none; } a {   margin:0;   padding:0;   font-size:100%;   vertical-align:baseline;   background:transparent; outline: none; } input, select {   vertical-align: middle; } table, tbody, tfoot, thead, tr, th, td {  vertical-align: top; } mark {  background-color: yellow;  color: black; } table { border-spacing: 0; }  .clearfix:before, .clearfix:after {   content: "";   display: table; } .clearfix:after {   clear: both; } .clr { clear: both; }  html {  box-sizing: border-box; } *, *:before, *:after {  box-sizing: inherit; }  .hidden { display: none; } .alignright { text-align: right !important; } .floatright { float: right !important; } .fullwidth { width: 100%; } .nowrap { white-space: nowrap; } .clickable { cursor: pointer; } .grecaptcha-badge {  visibility: hidden; } .notreq { display: none; } html { font-size: 23px; line-height: 1.4; } body { background: #fff; color: #444; font: normal normal 23px/30px "Baloo 2", sans-serif; line-height: 1.4;  background-image: url(../_img/page_BG_50pc.png); background-repeat: repeat-y; background-position: center top;  } html, body{  min-height: 100%; } html.iframe, html.iframe body { height: auto; min-height: 0; } html.iframe #content { padding-bottom: 0; } body {  position: relative; } body .overlay, body #overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1000;  background-color: rgba(0,0,0,0.5);  display: none; } body .overlay .preloader { width: 100%; height: 100%; background-image: url(../_shared/_img/preloader_rubiks.gif); background-repeat: no-repeat; background-position: center center; }  #testmode { position: absolute; top: 5px; left: 5px; z-index: 1000; height: 24px; width: 24px; background: url(../_shared/_img/icons/testmode_icon_24px.png) no-repeat 0 0; opacity: 1; cursor: default; transition: opacity 2s ease-in; } #testmode:hover { opacity: 1; transition: opacity 0.2s ease-in; } @media (max-width: 1100px) { html, body {  font-size: 21px;  line-height: 1.4; } } @media (max-width: 900px) { html, body {  font-size: 20px;  line-height: 1.4; } } @media (max-width: 700px) { html, body {  font-size: 19px;  line-height: 1.4; } #testmode {  display: none;  opacity: 0; } } @media (max-width: 360px) { html, body {  font-size: 17px;  line-height: 1.4; }  }   .wrapper { margin-bottom: 30px; } .wrapper--hidden { display: none; } .wrapper--bg, .wrapper--bg.wrapper--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .wrapper--bg_image { background-size: cover; background-position: center; position: relative; } .wrapper > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 1;  } .wrapper--mb_none { margin-bottom: 0; } .wrapper--mb_hairline { margin-bottom: 5px; } .wrapper--mb_tight { margin-bottom: 10px; } .wrapper--mb_normal { margin-bottom: 30px; } .wrapper--mb_large { margin-bottom: 60px; } .wrapper--mb_xlarge { margin-bottom: 90px; } .wrapper--mb_xxlarge { margin-bottom: 120px; } .wrapper--padding_vert_none, .wrapper--bg.wrapper--padding_vert_none, .wrapper--padding_vert_normal { padding-top: 0px; padding-bottom: 0px; } .wrapper--padding_vert_large, .wrapper--bg.wrapper--padding_vert_large { padding-top: 45px !important; padding-bottom: 45px !important; } .wrapper--padding_vert_xlarge, .wrapper--bg.wrapper--padding_vert_xlarge { padding-top: 60px !important; padding-bottom: 60px !important; } .wrapper--padding_vert_xxlarge, .wrapper--bg.wrapper--padding_vert_xxlarge { padding-top: 90px !important; padding-bottom: 90px !important; }  .wrapper--full.wrapper--limit_width_half  .content, .wrapper--full.wrapper--limit_width_half  .container h1 {  max-width: 705px; } .wrapper--full.wrapper--limit_width_third  .content, .wrapper--limit_width_third .container h1 {  max-width: 465px;  } .wrapper--full.wrapper--limit_width_quarter  .content, .wrapper--full.wrapper--limit_width_quarter  .container h1 {  max-width: 345px; } .wrapper--full.wrapper--limit_width_two_thirds  .content, .wrapper--full.wrapper--limit_width_two_thirds  .container h1 {  max-width: 930px; } .wrapper--full.wrapper--limit_width_three_quarters .content, .wrapper--full.wrapper--limit_width_three_quarters .container h1 {  max-width: 1035px; }  .wrapper--full.wrapper--limit_align_center  .content, .wrapper--full.wrapper--limit_align_center  .container h1 {  margin-left: auto;  margin-right: auto; } .wrapper--full.wrapper--limit_align_right  .content, .wrapper--full.wrapper--limit_align_right  .container h1 {  margin-left: auto;  margin-right: 0; }  .wrapper--limit_width_half   .container {  max-width: 705px; } .wrapper--limit_width_third  .container {  max-width: 465px;  } .wrapper--limit_width_two_thirds  .container {  max-width: 930px; } .wrapper--limit_width_three_quarters .container {  max-width: 1035px; }  .wrapper--full.wrapper--limit_width_half  .container, .wrapper--full.wrapper--limit_width_third  .container, .wrapper--full.wrapper--limit_width_two_thirds  .container, .wrapper--full.wrapper--limit_width_three_quarters .container {  max-width: 1410px; } .container, .container--medium { width: 96%; max-width: 1410px; margin: 0 auto; position: relative; z-index: 2; } .container--medium { max-width: 1170px; } .container--small { max-width: 930px; } .container--infinite { width: 100%; max-width: none; }  .container--bg { padding-top: 30px; padding-bottom: 30px; } .container--bg .section > .column > .content, .container--bg > h1, .container--bg > h2 { padding-left: 30px; padding-right: 30px; } .container--bg_image { background-size: cover; background-position: center; position: relative; } .container > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 3;  } .container--no_gutter .section { margin-left: 0; } .container--no_gutter .section > .column { padding-left: 0; }  .container--gutter_large .section { margin-left: -60px; } .container--gutter_large .section > .column { padding-left: 60px; } .container--gutter_xlarge .section { margin-left: -90px; } .container--gutter_xlarge .section > .column { padding-left: 90px; }   .container--two_col_wide_left > .section > .column:first-of-type {  width: 66.6667% !important; flex: none !important; }  .container--two_col_wide_right > .section > .column:first-of-type { width: 33.3333% !important; flex: none !important; }  .container--two_col_60_40 > .section > .column:first-of-type {  width: 60% !important; flex: none !important; } .container--two_col_70_30 > .section > .column:first-of-type {  width: 70% !important; flex: none !important; }  .container--two_col_625_375 > .section > .column:first-of-type {  width: 62.5% !important; flex: none !important; }   .container--two_col_40_60 > .section > .column:first-of-type { width: 40% !important; flex: none !important; }  .container--two_col_30_70 > .section > .column:first-of-type { width: 30% !important; flex: none !important; }  .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type { width: 25% !important; flex: none !important; }   .section { display: flex; flex-wrap: nowrap;  margin-left: -30px; }  .column { flex: 1; box-sizing: border-box; padding-left: 30px; display: flex;  position: relative; z-index: 4; } .column--align_bottom {  align-self: flex-end; }  .content { width: 100%; box-sizing: border-box; position: relative; z-index: 5; } .content--bg { padding: 30px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .content > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 6;  }   .content > h2:last-child, .content > h3:last-child, .content > p:last-child, .content > hr:last-child, .content > ul:last-child, .content > ol:last-child, .content > table:last-child, .content > .video:last-child { margin-bottom: 0 !important; }  .content > div { position: relative; z-index: 6; }  .content--align_left { text-align: left; } .content--align_center { text-align: center; } .content--align_justify p { text-align: justify; } .content--align_right { text-align: right; }   .content--padding_vert_none { padding-top: 0 !important; padding-bottom: 0 !important; } .content--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .content--padding_vert_large { padding-top: 45px !important; padding-bottom: 45px !important; } .content--padding_vert_xlarge { padding-top: 60px !important; padding-bottom: 60px !important; }  .content--padding_horiz_none { padding-left: 0 !important; padding-right: 0 !important; } .content--padding_horiz_normal { padding-left: 30px; padding-right: 30px; } .content--padding_horiz_large { padding-left: 45px !important; padding-right: 45px !important; } .content--padding_horiz_xlarge { padding-left: 60px !important; padding-right: 60px !important; } .content--padding_horiz_xxlarge { padding-left: 90px !important; padding-right: 90px !important; } .container--full .content--padding_horiz_xlarge { padding-left: 25% !important; padding-right: 25% !important; }  .content--bg div p.stretch_full_width { margin-left: -30px;  margin-right: -30px; } .content--bg div p.stretch_full_width:first-of-type { margin-top: -30px; }   .content--limit_690 { max-width: 690px; } .content--limit_650 { max-width: 650px; }  .limit_width_half { max-width: 705px;  margin-left: auto; margin-right: auto; }   .withsidenav .container--withsidenav { display: flex; flex-wrap: nowrap; margin-left: -30px; } .withsidenav #sidenav_container { flex-grow:0; flex-shrink:1; width:25%; padding-left:30px; } .withsidenav #content_container { flex-grow:0; flex-shrink:1; width:66.666667%; padding-left:30px; }   @media (max-width: 900px) { .withsidenav .container--withsidenav {  display: block;  margin-left: 0; } .withsidenav #sidenav_container {  display: none; }  .withsidenav #content_container {  padding: 0;  width: auto; } }   @media (max-width: 940px) { .section {  display: block;  margin-left: -30px; }  .section .column {  margin-bottom: 30px; } .section > .column:last-of-type {  margin-bottom: 0px; }  .wrapper--mb_none .section > .column.empty {  margin-bottom: 0 !important; }  .section .column, .container--two_col_wide_left > .section > .column:first-of-type, .container--two_col_wide_right > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type,  .container--two_col_60_40 > .section > .column:first-of-type, .container--two_col_70_30 > .section > .column:first-of-type, .container--two_col_625_375 > .section > .column:first-of-type, .container--two_col_40_60 > .section > .column:first-of-type, .container--two_col_30_70 > .section > .column:first-of-type {  width: auto !important; }  .container--four_col > .section {  display: flex;  flex-wrap: wrap;  }  .container--four_col > .section > .column {  flex-basis: 50%; }   .emptybg .content > div {  height: 0;  padding-top: 40%;  } }  @media (max-width: 740px) {  .container, .container--medium {  width: 94%; } .container--infinite {  width: 100%;  }   .wrapper--padding_vert_none,  .wrapper--bg.wrapper--padding_vert_none, .wrapper--padding_vert_normal {  padding-top: 0px;  padding-bottom: 0px; } .wrapper--padding_vert_large, .wrapper--bg.wrapper--padding_vert_large {  padding-top: 45px !important;  padding-bottom: 45px !important; } .wrapper--padding_vert_xlarge, .wrapper--bg.wrapper--padding_vert_xlarge {  padding-top: 45px !important;  padding-bottom: 45px !important; }  .wrapper--padding_vert_xxlarge, .wrapper--bg.wrapper--padding_vert_xxlarge {  padding-top: 45px !important;  padding-bottom: 45px !important; } }  @media (max-width: 540px) { .container, .container--medium {  width: 92%; } .container--infinite {  width: 100%;  } }header { background-image: url(../_img/header.png);  background-position: center top; background-repeat: no-repeat; height: 220px; margin-bottom: 70px; position: relative; } header div.container { display: flex;  position: static; } header div#header-g1 { width: 360px; } header div#header-g1 h3 a { display: block; text-indent: -4500px; width: 360px;  height: 190px; }  header div#header-g2 { flex-grow: 1; } header h2 { color: #fff; font-weight: 500; text-transform: uppercase; font-size: 55px; line-height: 1;  padding-top: 45px; padding-bottom: 15px; word-spacing: 10px; } header nav ul li { display: inline-block;  padding-right: 30px; } header nav ul li:last-of-type { padding-right: 0 !important; } header nav ul li ul { display: none; } header nav ul li a { display: block; text-decoration: none;  text-transform: uppercase; font-weight: 500; line-height: 1;  padding: 6px 10px 5px 10px; color: #000; border-radius: 4px; } header nav ul li a:hover { background: #fff; }  #open_nav, #close_nav { display: none; }  header #member_login {  position: absolute;  z-index: 2;  top: 15px;  right: 15px; font-size: 19px;   line-height: 40px; } header #member_login a { text-decoration: none;   display: inline-block;   color: #000;   line-height: 40px;   height: 40px; padding-right: 45px; padding-left: 20px; position: relative; background: #f7d3b8; border-radius: 50px; border: 2px solid #fff; text-transform: uppercase; font-weight: 600; } header #member_login a i { display: inline-block; height: 40px; width: 40px; background-size: auto 21px; background-position: right center; background-repeat: no-repeat; position: absolute; right: 15px; top: -3px; background-image: url(../_shared/_img/icons/user-regular.svg);  } header #member_login a:hover { color: #fff; background: #109be4; } header #member_login a:hover i {  filter: invert(100%); }  #cloned_nav { display: none;  list-style: none; } #sidenav ul li, #cloned_nav li { border-bottom: 2px solid rgba(255,255,255,0); } #sidenav ul li a, #cloned_nav li a { display: block; background: rgba(164,170,81, 0.45); color: #000; text-decoration: none; padding: 17px 10px 14px 20px; text-transform: uppercase; font-size: 1.05em; max-width: 300px; transition: all 0.1s ease-in-out; font-weight: 600; } #sidenav ul li a:hover, #cloned_nav li a:hover { background-color: #749052; color: #fff; } .who-we-are #sidenav ul li.sn-who-we-are a, .what-we-do #sidenav ul li.sn-what-we-do a, .join-cso #sidenav ul li.sn-join-cso a, .projects #sidenav ul li.sn-projects a, .reports #sidenav ul li.sn-reports a, .vacancies #sidenav ul li.sn-vacancies a, .newsletter #sidenav ul li.sn-newsletter a, .vision #sidenav ul li.sn-vision a, .contacts #sidenav ul li.sn-contacts a { background-color: #749052; color: #fff; }   @media (max-width: 1500px) { header {  background-position: calc(2.5vw - 255px) top; } } @media (max-width: 1330px) { header {  background-position: -240px top; } header div#header-g1, header div#header-g1 h3 a {  width: 310px;  } header h2 {  font-size: 4vw; } header nav ul li {  padding-right: 1vw; } header nav ul li a {  font-size: 1.70vw;  padding: 6px 10px 5px 10px;   } } @media (max-width: 1100px) { header {  background-position: -190px top;  background-size: auto 180px;  height: 180px;  margin-bottom: 50px; } #header_prop {  height: 180px; } header div#header-g1, header div#header-g1 h3 a {  width: 260px;  } header h2 {  padding-top: 45px;  padding-bottom: 0px; }  header #member_login {  top: 10px;  right: 10px;  font-size: 17px;  line-height: 30px; } header #member_login a {  padding-right: 35px;  padding-left:15px; } header #member_login a, header #member_login a i {  height: 30px;  line-height: 30px; } header #member_login a i {  width: 24px;  background-size: auto 19px;  right: 10px; } } @media (max-width: 900px) { header {  background-image: url(../_img/header_tablet.png);  background-size: auto 130px;  background-position: 0 0;  height: 130px;  margin-bottom: 30px; } header div.container {  width: 100%;   } header div#header-g1, header div#header-g1 h3 a {  width: 190px;  height: 130px; } header h2 {  font-weight: 700;  font-size: 4.8vw;  line-height: 1;  padding-top: 32px;  padding-left: 2vw;  padding-bottom: 0;  word-spacing: 10px; }   #sidenav {  display: none;  }  #cloned_nav {  margin-top: 90px;  padding-top: 60px;  clear: both;  display: flex;  flex-wrap: wrap;  justify-content: center;  background-image: url(../_img/dropdown_panel_BG.svg);  background-size: cover;  background-position: right top;  padding: 50px 20px 30px 20px; } #cloned_nav li {  clear: both;  margin-right: 5px;  margin-left: 5px;  margin-bottom: 5px;  width: 40%;  display: flex;  text-align: center;  background-color: rgba(255,255,255,0.8);  align-items: center; } #cloned_nav li a {   padding: 10px;  width: 100%;  font-size: 1.05em;  line-height: 1;  max-width: none;  text-align: center;  background: none; } #cloned_nav li:hover {  background-color: rgba(255,255,255,0.98);  color: #000; } #cloned_nav li:hover a {  background: none;  color: #000; }  .who-we-are #cloned_nav li.sn-who-we-are , .what-we-do #cloned_nav li.sn-what-we-do , .join-cso #cloned_nav  li.sn-join-cso , .projects #cloned_nav  li.sn-projects , .vacancies #cloned_nav li.sn-vacancies , .vision #cloned_nav  li.sn-vision , .contacts #cloned_nav  li.sn-contacts {  background-color: rgba(255,255,255,0.98); }   #open_nav {  position: absolute;  right: 10px;  top: 32px;  display: block;  width: 42px;  height: 42px;  background-image: url(../_shared/_img/burger_white_36px.png);  background-repeat: no-repeat;  background-size: 32px auto;  cursor: pointer; }   #close_nav {  display: block;  color: #fff;  position: absolute;  top: 10px;  right:10px;  font-size: 60px;  line-height: 30px;  cursor: pointer;  }   nav#globalnav {  height: 0;  width: 0;  position: fixed;  z-index: 100;  left: 50%;  top: 50%;  background-color: rgba(0,0,0, 0.9);  overflow-x: hidden;  transition: 0.3s;  opacity: 0; } nav#globalnav.mob_open {  height: 100%;  width: 100%;  left: 0;  top: 0;  opacity: 1; }   nav#globalnav #globalnav_inner {  display: block;  position: absolute;  top: 60px;  width: 100%;  text-align: center;  } nav#globalnav ul {  width: 80%;  margin: auto;  } nav#globalnav ul li {  display: block;   }  #globalnav ul li a {  color: #fff;  display: inline;  width: 100%;  text-align: left;  height: auto;  font-size: 30px;  line-height: 1.5;  text-transform: none; } header nav ul li a:hover {  background: none; } #globalnav ul li ul li a {  color: #fff;  text-transform: none;  font-size: 21px;  font-weight: 400;  line-height: 2; } header #member_login {  top: auto !important;  right: auto;  bottom: 15px;  width: 100%;  font-size: 19px;  line-height: 40px;  text-align: center; } header #member_login a {  background-color: rgba(255,255,255,0.7); } } @media (max-width: 700px) { header {  background-size: auto 100px;  height: 100px; } header div#header-g1, header div#header-g1 h3 a {  width: 150px;  height: 100px; } header h2 {  padding-top: 26px;  word-spacing: 5px; } #open_nav {  right: 8px;  top: 24px; } } @media (max-width: 580px) { header h2 {  font-size: 23px;  padding-top: 28px;  word-spacing: 5px; } } @media (max-width: 510px) { header {  background-size: auto 85px;  height: 85px; } header div#header-g1, header div#header-g1 h3 a {  width: 125px;  height: 85px; } header h2 {  font-size: 18px;  padding-top: 15px; } header h2 span {  display: block;  } #open_nav {  right: 5px;  top: 17px; } } @media (max-width: 350px) { header {  background-size: auto 70px;  height: 70px; } header div#header-g1, header div#header-g1 h3 a {  width: 105px;  height: 70px; } header h2 {  font-size: 17px;  padding-top: 10px; } #open_nav {  top: 13px; } #cloned_nav {  padding: 50px 0px 30px 0px; }   }.content h1 { font-weight: 500; font-size: 2.6em; color: #e8873f; margin-bottom: 1rem; line-height: 1.1; } .content h2 { font-weight: 700; font-size: 1.6em; color: #109be4; margin-bottom: 0.5rem; } .content h3 { font-weight: 600; font-size: 1.2em; color: #333; margin-bottom: 0.2rem; }  .content p, .content hr, .content ul, .content ol, .content table, .content .video_holder, .content .googlemap-wrapper-600 { margin-bottom: 1.4rem; } .content hr { clear: both; height: 0px; border: none; border-bottom: 1px solid #ccc; } .content hr.hard { border-bottom: 2px solid #777; } .content hr.invisible { opacity: 0; } .content a { color: #109be4;  text-decoration: underline; } .content a.subtle { color: #444; } .content a:hover { color: #222; } .content ol, .content ul { margin-left: 30px; } .content .feature_list ul { margin-left: 0; list-style: none; } .content .feature_list ul li { background-image: url(../_img/feature_bullet.png); background-repeat: no-repeat; background-position: 0 0; padding-left: 55px; padding-top: 3px; padding-bottom: 25px; }  .content p.image_right { float: right; padding: 0 0 0px 30px; } .content p.image_left { float: left; padding: 0 30px 00px 0px; } .content p.image_right img, .content p.image_left img, .content p.image_full img { display: block; } .content p.image_full img { max-width: 100%; height: auto; }  .content .mb_none { margin-bottom: 0 !important; } .content .mb_small { margin-bottom: 0.7rem !important; } .content .mb_normal { margin-bottom: 1.4rem !important; } .content .pt_small { padding-top: 0.5rem !important; } .content .pt_medium { padding-top: 1rem !important; } .content .pt_large { padding-top: 1.5rem !important; } .content .pt_xlarge { padding-top: 2rem !important; }  .content .button { padding-top: 0.3em; } .content .button a, .content input[type='submit'] { padding: 0.2em 1em 0.1em 1em; border-radius: 4px; transition: all 0.2s ease-in-out; text-decoration: none; cursor: pointer; color: #fff; text-transform: uppercase; font-weight: 600;  background: #109be4; outline: none; border: none; } .content .button a:hover, .content input[type='submit']:hover { background: #b9c700; } .content .button.altcol a, .content .button.alt a { background: #e8873f; } .content .button.subtle a, .content .button.secondary a { background: #777; } .content .button.altcol a:hover, .content .button.alt a:hover { background: #222; }  .content .panel { background: rgba(159,215,244,0.40); padding: 40px; border-radius: 2px; margin-bottom: 2em; position: relative; padding-bottom: 15px; box-shadow: 10px 10px 0px rgba(159,215,244,0.65); }   .content table tr th { text-align: left; } .content table.layout tr td, .content table.layout tr th { padding: 3px 15px; } .content table.layout tr td:first-of-type, .content table.layout tr th:first-of-type { padding-left: 0 !important; } .content table.layout tr td:last-of-type, .content table.layout tr th:last-of-type { padding-right: 0 !important; } .content table.layout.tight tr td, .content table.layout.tight tr th { padding: 3px 7px; } .content table tr td.tightright { padding-right: 0 !important; } .content table.bordered tr td { border-bottom: 1px solid #ccc; padding-top: 5px; padding-bottom: 5px; }  .content div.video { position: relative; padding-bottom: 56.25% !important; height: 0; overflow: hidden; background-color: rgba(0,0,0,0.05); background-image: url(../_shared/_img/preloader_rubiks.gif); background-position: center center; background-repeat: no-repeat; } .content div.video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; } .content .video_caption { text-align: left; padding: 15px 30px; background: linear-gradient(to bottom, rgba(0,0,0,.1) 0%,rgba(0,0,0,.1) 75%); font-size: 0.8em; } .content .video_caption p { margin-bottom: 0; } .content .video_caption a.fileicon { display: inline-block; background-size: 35px 35px; min-height: 35px; background-repeat: no-repeat; padding-top: 3px; padding-left: 45px; }  .googlemap-wrapper-600 { max-width: 600px; } .content div.googlemap { position: relative; padding-bottom: 75% !important;  height: 0; overflow: hidden; background-color: rgba(0,0,0,0.05); background-image: url(../_shared/_img/preloader_rubiks.gif); background-position: center center; background-repeat: no-repeat;  } .content div.googlemap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }   form.cso_filter { max-width: 930px; background-image: url(../_img/dropdown_panel_BG.svg);  background-size: cover; display: inline-block; } form.cso_filter .form_content { display: flex; justify-content: center; padding: 40px 20px 20px 20px; } form.cso_filter .form_content > div { padding: 0 10px; } form.cso_filter .form_content > div h3 { color: #fff; text-transform: uppercase; line-height: 1.7; } form.cso_filter .form_content > div select { border-color: #fff; font-size: 1.2em; font-weight: 600; padding: 0 0.3em; }  #location_filter .content { max-width: 790px; margin: 0 auto;  text-align: center; }  .wrapper--likes_widget { background: #eee;  padding-top: 30px; padding-bottom: 30px; } #likes_widget { display: flex;  justify-content: space-between; } #likes_widget p.likes_action {  min-width: 100px; position: relative; height: 40px; cursor: pointer; } #likes_widget p.likes_action.selected {  cursor: default; } #likes_widget p.likes_text {  height: 40px; line-height: 40px; font-style: italic; } #likes_widget p.likes_action svg { display: inline; width: 36px; height: 40px; position: absolute; } #likes_widget p.likes_action em { font-style: normal; padding-left: 50px;  font-size: 30px; font-weight: 700; } #likes_widget p.likes_action svg path { fill: #aeaeae;  transition: all 0.2s ease-in-out; } #likes_widget p.likes_action:hover svg path, #likes_widget p.likes_action.selected svg path, #likes_widget p.likes_action.testmode_selected svg path {   fill: #ef2174; } #likes_widget p { margin: 0; } @keyframes rotating {  from {   transform: rotate(0deg) scale(0.7); transform-origin: center center; opacity: 0.7;  }  to {   transform: rotate(360deg) scale(0.7); transform-origin: center center; opacity: 0.7;  } } .wrapper--likes_widget #likes_widget p.likes_action.loading svg path {  animation: rotating 0.3s linear infinite; }   #login_form { max-width: 700px; } .content input, .content textarea, .content select,  .content select option { font-family: inherit; font-size: inherit; line-height: inherit; } .content input[type='text'], .content input[type='email'], .content input[type='url'], .content input[type='password'], .content input[type='number'], .content textarea { box-sizing: border-box; border: 1px solid #A5ACB2; padding: 2px 3px; border-radius: 3px; } .content input[type=checkbox], .content input[type=radio] {  vertical-align: middle;  position: relative;  bottom: 1px; } .content input[type=radio] {  bottom: 3px; } .content form option { padding-right: 0.8em; } .content form .no_minwidth { min-width: 0 !important; } .content form .sz_100 { width: 100%; min-width: 380px; } .content .grid2 form .sz_100 { min-width: 0; } .content form .sz_80 { width: 80%;  min-width: 100px; } .content form .sz_60 { width: 60%;  min-width: 100px; } .content form .sz_40 { width: 40%;  min-width: 100px; } .content form .sz_20 { width: 20%;  min-width: 100px; } .content form .sz_5char { width: 60px; } .content form .sz_3char { width: 40px; } .content form .mw200 { min-width: 200px; } .content form .mw100 { min-width: 100px; } #membership_form .location_fields { display: flex; } #membership_form .location_fields .g1 { padding-right: 2em; } .content form h4.req, .content form p.req, .content form h4.required, .content form p.required , .content form td.required  { text-indent: -12px; } .content form h4.req::before , .content form p.req::before, .content form h4.required::before , .content form p.required::before, .content form td.required::before { content: '* '; } .content .notreq { display: none !important; }  .content a.inlinehelp{ display: inline-block; text-indent: -4550px; background-image: url(../_shared/_img/icons/question_icon_24px.png); background-repeat: no-repeat; background-position: center 6px; width: 24px; height: 1.5em; min-height: 24px; transition: opacity 0.2s linear; opacity: 0.6; cursor: pointer; } .content h4 a.inlinehelp { height: 1.12em; min-height: 27px; background-position: center 3px; } .content p a.inlinehelp { background-position: center 3px; } .content a.inlinehelp:hover { opacity: 1; }   #modal_dialog { width: 100%; height: 100%; position: fixed; left: 0px; top: 0px;  background-color: rgba(0,0,0,0.5);  z-index: 50000; } .dialog { background-color: #ececec; border-radius: 9px; margin-bottom: 24px; cursor: pointer; position: relative; opacity: 0.85; } .dialog span { position: absolute; width: 16px; height: 16px; top: 10px; right: 10px; background-image: url(../_shared/_img/dialogue/dialog_close_black.png);  opacity: 0.2; } .dialog.permanent { background: #ececec; cursor: default; opacity: 1; } .dialog i { position: absolute; left: 14px; top: 16px; width: 48px; height: 48px;  } .dialog.confirm i { background-image: url(../_shared/_img/dialogue/dialog_confirm.png); } .dialog.error i { background-image: url(../_shared/_img/dialogue/dialog_error.png); } .dialog.query i { background-image: url(../_shared/_img/dialogue/dialog_query.png); } .dialog.report i { background-image: url(../_shared/_img/dialogue/dialog_info.png); } .dialog:hover { opacity: 1; } .dialog:hover span { opacity: 0.7; } .content .dialog p { padding: 27px 30px 27px 76px; margin: 0; font-size: 1em; line-height: 1.3; color: #000; } .content .dialog p b { font-weight: 400; color: #000; font-size: 28px; padding-bottom: 2px; display: block; } .fadingOut {  transition:opacity 0.6s linear;   opacity:0 !important; } #overlay .dialog, #modal_dialog .dialog { max-width: 590px; margin: 0 auto; margin-top: 300px; opacity: 1; box-shadow: 5px 5px 30px 0px rgba(0, 0, 0, 0.3); }   .content ul.pagination { padding-left: 0; text-align: center; list-style: none; margin-top: 80px; margin-left: 0; } .content ul.pagination li { display: inline-block; background-image: none; padding: 0;  vertical-align: middle; } .content ul.pagination li a { text-decoration: none; display: block; background: #eaeaea; color: #444; margin: 0 4px; width: 30px; height: 30px; border-radius: 30px; line-height: 30px; text-align: center; } .content ul.pagination li.active a { background: #e8873f; color: #fff; } .content ul.pagination li.prevnext a { font-size: 20px; border: none; } .content ul.pagination li.disabled a { opacity: 0.3; cursor: default; display: none; }   #sign_up_button { max-width: 810px; padding-top: 27.16%; background-image: url(../_img/sign_up_button_BG.jpg); background-repeat: no-repeat; background-size: contain; background-position: center top; position: relative; } #sign_up_button p { position: absolute; padding: 0; bottom: 60px; left: 50%; transform: translateX(-50%); margin-bottom: 0; } #sign_up_button a { background-color: #fd7e00; font-size: 1.3em; transition: all 0.2s ease-in-out; display: inline-block; } #sign_up_button a:hover { background-color: #222; font-size: 1.3em; transform:scale(1.1);  }  #newsletter_widget { margin-top: 60px; margin-bottom: 60px; background: #8f9729; background-image: url(../_img/newsletter_BG.jpg); background-size: cover; background-position: center center; padding: 50px 0 30px 0; box-shadow: 0 20px 20px rgba(0,0,0,0.2); } #newsletter_widget .content h2 { text-transform: uppercase; font-weight: 700;  color: #fff; } #newsletter_widget .content p { color: #fff;  font-size: 1.1em; }   #jobs_widget { margin-top: 60px; margin-bottom: 60px; background: #222; background-image: url(../_img/jobs_BG.jpg); background-size: cover; background-position: center center; padding: 50px 0 50px 0; box-shadow: 0 20px 20px rgba(0,0,0,0.0); } #jobs_widget .content h2 { text-transform: uppercase; font-weight: 700;  color: #fff; } #jobs_widget .content p { color: #fff;  font-size: 1.1em; }  @media(max-width: 1310px) {  .withsidenav .content p.image_right img, .withsidenav .content p.image_left img {  max-width: 100%;  height: auto;  }  .withsidenav .content p.image_right, .withsidenav .content p.image_left {  max-width: 300px; }  #membership_form .location_fields .sz_100 {  min-width: 0;  } #sign_up_button p {  bottom: 20px; } } @media(max-width: 740px) { .content h1 {  font-size: 2.3em; } .content h2 {  font-size: 1.5em; } #membership_form .location_fields {  display: block;  } #membership_form .location_fields .g1 {  padding-right: 0;  } }  @media(max-width: 700px) {  .content h4 a.inlinehelp {  background-position: center top; }  #overlay .dialog, #modal_dialog .dialog {  width: 95%; } .dialog i {  left: 14px;  top: 20px;  width: 32px;  height: 32px;  background-size: 32px 32px;  }  .content .dialog p {  padding: 20px 30px 20px 60px; } .content .dialog p b {  font-weight: 700;  font-size: 23px; } }   @media(max-width: 640px) {  form.cso_filter .form_content {  display: block;  padding: 40px 20px 20px 20px; } form.cso_filter .form_content > div {  padding: 0 10px; } form.cso_filter .form_content > div h3 {  line-height: 1.7; } form.cso_filter .form_content > div select {  font-size: 1.2em; }   .wrapper--likes_widget {  padding-top: 30px;  padding-bottom: 30px;   } #likes_widget {  align-items: center;  justify-content: flex-start; } #likes_widget p.likes_action {  min-width: 90px; }  #likes_widget p.likes_text {  height: auto;  line-height: 1;  font-style: italic; } #likes_widget p.likes_text span {  display: block;  } .withsidenav .content p.image_right, .withsidenav .content p.image_left {  max-width: 200px; }  .content .panel {  padding: 30px;  padding-bottom: 10px;  box-shadow: 5px 5px 0px rgba(159,215,244,0.65); } .content form .sz_100 {  min-width: 0;  } } @media(max-width: 450px) {  .wrapper--likes_widget {  padding-top: 15px;  padding-bottom: 15px; } #likes_widget p.likes_text span {  display: none;  } #sign_up_button {  position: relative; } #sign_up_button p {  text-align: center;  margin-top: -20px;  position: static;  padding: 0;  bottom: auto;  left: auto;  transform: none;  margin-bottom: 0; }   .content .panel {  padding: 20px;  padding-bottom: 10px;  box-shadow: 5px 5px 0px rgba(159,215,244,0.65); }  } @media(max-width: 440px) { .withsidenav .content p.image_right, .withsidenav .content p.image_left {  max-width: none;  float: none;  padding: 0; } } @media(max-width: 360px) {  form.cso_filter .form_content {  padding: 40px 10px 20px 10px; } form.cso_filter .form_content > div {  padding: 0 5px; } form.cso_filter .form_content > div h3 {  font-size: 1.1em; } form.cso_filter .form_content > div select {  font-size: 1.1em; } } .content a.fileicon { display: inline-block; background-size: 45px 45px; min-height: 45px; background-repeat: no-repeat; padding-top: 3px; } .content .download_notes { position: relative; top: -0.8em; display: inline-block; font-size: 0.8em; line-height: 1; color: #5f5f5f; } .content a.fileicon, .content .download_notes { padding-left: 55px; }  .content a.pdf { background-image: url(../_shared/_img/file-icons/pdf.png) } .content a.xls, .content a.xlsx { background-image: url(../_shared/_img/file-icons/xls.png); } .content a.doc, .content a.docx { background-image: url(../_shared/_img/file-icons/doc.png); } .content a.ppt, .content a.pptx { background-image: url(../_shared/_img/file-icons/ppt.png); } .content a.png { background-image: url(../_shared/_img/file-icons/png.png); } .content a.jpeg, .content a.jpg { background-image: url(../_shared/_img/file-icons/jpg.png); } .content a.gif { background-image: url(../_shared/_img/file-icons/gif.png); } .content a.eps { background-image: url(../_shared/_img/file-icons/eps.png); } .content a.ics { background-image: url(../_shared/_img/file-icons/ics.png); } .content a.txt { background-image: url(../_shared/_img/file-icons/txt.png); }  .content a.icon48 { width: 48px; height: 48px; display: inline-block; text-indent: -3456px; background-size: 48px 48px; margin-right: 3px; } .content a.icon.facebook { background-image: url(../_shared/_img/social/facebook.png); } .content a.icon.twitter { background-image: url(../_shared/_img/social/twitter.png); } .content a.icon.linkedin { background-image: url(../_shared/_img/social/linkedin.png); } .content a.icon.youtube { background-image: url(../_shared/_img/social/youtube.png); } .content a.icon.xing { background-image: url(../_shared/_img/social/xing.png); } .content a.icon.googleplus { background-image: url(../_shared/_img/social/googleplus.png); } .content a.instagram { background-image: url(../_shared/_img/social/instagram.png); }footer { background: #e8873f;  padding: 30px 0; } footer .container { display: flex; justify-content: space-between; align-items: flex-end; color: #fff; } footer .container a { color: #fff; text-decoration: none; } footer .container a:hover { color: #000; }  footer .footer-g1 { font-size: 0.75rem; } footer .footer-g2 { font-size: 0.85rem; } footer #footer-logo { margin-bottom: 1rem; } footer #footer-logo img { max-width: 130px; height: auto; display: block; } footer nav ul li { display: inline-block; padding-left: 1em; margin-left: 1em; line-height: 1; border-left: 2px solid rgba(255,255,255,0.4); } footer .footer-g1 nav ul li:first-of-type, footer .footer-g2 nav ul li:first-of-type { padding-left: 0; margin-left: 0; border-left: 0; } footer .footer-g1 nav ul li { padding-left: 0.6em; margin-left: 0.6em; }  #footer_logos { margin-top: 100px; } #footer_logos h3 { padding-top: 60px; text-align: center; background-image: url(../_img/funders_header_BG.png); background-position: center bottom; height: 114px; color: #1a6c97; font-size: 1.9rem; } #footer_logos .wrapper { background: #eee; padding-top: 60px; margin-bottom: 5px; } #footer_logos .content { display: flex; flex-wrap: wrap; align-items: center; } #footer_logos p { flex-grow:0; flex-shrink:1; width:16.66666%; padding-left:30px; margin-bottom: 20px; text-align: center; } #footer_logos p img { max-width: 100%; height: auto; } #footer-socials { display: flex; justify-content:flex-end; } #footer-socials p { padding-left: 10px; }  @media (max-width: 1330px) { footer .container {  display: block; } .footer-g1 {  padding-bottom: 20px;  } .footer-g2 {  padding-top: 20px;  text-align: center;  border-top: 2px solid #fff; } }  @media (max-width: 900px) { #footer_logos h3 {  padding-top: 30px;  background-image: none;  background-color: #eee;  height: auto; } #footer_logos .wrapper {  padding-top: 20px; } #footer_logos p {  width:20%; } } @media (max-width: 500px) { .footer-g2 {  text-align: left;  }  footer nav ul li {  display: block;  padding-left: 0em;  margin-left: 0em;  font-size: 1.3em;  line-height: 1.9;  border-left:none; } #footer_logos h3 {  padding-top: 30px;  font-size: 6vw; } #footer_logos .wrapper {  padding-top: 20px; } #footer_logos p {  width:33.3333%; } }