.font-light {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
}
.font-regular {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.font-medium {
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
}
.font-bold {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
.font-italic {
  font-family: 'Roboto', sans-serif;
  font-style: italic;
  font-weight: 400;
}
.font-secondary-regular {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
}
.font-secondary-bold {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}
.opacity-hover:hover {
  opacity: 0.6;
}
.opacity-hover-transition {
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.opacity-hover-transition:hover {
  opacity: 0.6;
}
.asty-bold {
  font-family: 'cf_asty_probold';
}
.asty-bold-oblique {
  font-family: 'cf_asty_probold_oblique';
}
.asty-book {
  font-family: 'cf_asty_probook';
}
.asty-book-oblique {
  font-family: 'cf_asty_probook_oblique';
}
.asty-light {
  font-family: 'cf_asty_prolight';
}
.asty-light-oblique {
  font-family: 'cf_asty_prolight_oblique';
}
.asty-medium {
  font-family: 'cf_asty_promedium';
}
.asty-medium-oblique {
  font-family: 'cf_asty_promedium_oblique';
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.make-full {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.table {
  display: table;
  width: 100%;
  height: 100%;
}
.table .table-cell {
  display: table-cell;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.text-left {
  text-align: left !important;
}
.text-right {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.default-em {
  font-size: 10px;
}
@media screen and (max-width: 1023px) {
  .default-em {
    font-size: 9px;
  }
}
@media screen and (max-width: 767px) {
  .default-em {
    font-size: 8px;
  }
}
.page-wrapper {
  max-width: 1260px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .page-wrapper {
    padding: 0 30px;
  }
}
.header-pad {
  padding-top: 4.1em;
}
@media screen and (max-width: 767px) {
  .header-pad {
    padding-top: 1.4em;
  }
}
.post-smaller-wrapper {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.bigger-wrapper {
  padding-left: 10px;
  padding-right: 10px;
  margin-right: -10px;
  margin-left: -10px;
}
h1 {
  font-size: 5.192em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  letter-spacing: -0.015em;
}
@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
  }
}
.top-area {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  letter-spacing: -0.015em;
  padding-bottom: 7.3em;
}
@media screen and (max-width: 500px) {
  .top-area {
    padding-bottom: 6em;
  }
}
.top-area h1 a {
  color: #343434;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.top-area h1 a:hover {
  opacity: 0.6;
}
.top-area h1 a.current-cat {
  color: #337b59;
}
.top-area h1 span {
  color: #337b59;
}
.top-area .txt-col {
  margin: 0 -63px;
  margin-top: 4.3em;
}
.top-area .txt-col .content-column {
  padding: 0 63px;
}
.top-area .txt {
  margin-top: 1em;
  max-width: 48em;
}
.top-area p {
  margin: 0;
  font-size: 1.698em;
  line-height: 1.236749116607774em;
  margin-bottom: 1.1778563015312131em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.top-area p:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .top-area p {
    font-size: 15px;
  }
}
.page-template-default .top-area h1 {
  margin-bottom: 0.5778120184899845em;
}
.page-template-default #main-content img {
  width: 100%;
  height: auto;
}
#main-content {
  padding-top: 9.7em;
  width: 100%;
  /*height: 100%;
  overflow: hidden;*/
}
@media screen and (max-width: 1100px) {
  #main-content {
    padding-top: 60px;
  }
}
body:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 300px;
  background-color: white;
  z-index: 5;
  bottom: 100%;
}
.btn {
  font-size: 1.5em;
  letter-spacing: 0.085em;
  color: white;
  height: 4em;
  line-height: 4em;
  padding: 0 3.3333333333333335em;
  display: inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.btn.btn_red {
  background-color: #6e7671;
}
.hidden-title {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.return-to-site-wrapper {
  text-align: center;
  margin: 9em 0;
}
@media screen and (max-width: 767px) {
  .return-to-site-wrapper {
    margin: 6em 0;
  }
}
.return-to-site {
  display: inline-block;
  font-size: 2em;
  color: #337b59;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  background-color: #43936d;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  height: 2.9em;
  line-height: 2.9em;
  padding: 0 2em;
}
#social-buttons .social-btn {
  float: left;
  margin-right: 7px;
}
@media screen and (max-width: 600px) {
  #social-buttons .social-btn {
    margin-bottom: 7px;
  }
}
.resp-video-container {
  position: relative;
  height: 0;
  padding-top: 56.25%;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
}
.resp-video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.rel {
  position: relative;
}
.no-overflow {
  overflow: hidden;
}
.hidden-el {
  display: none;
}
.checkbox-area p {
  cursor: pointer;
}
.fade-in-out {
  opacity: 1;
  -webkit-animation: fade-in-out 0.6s linear 0s infinite;
  -moz-animation: fade-in-out 0.6s linear 0s infinite;
  -o-animation: fade-in-out 0.6s linear 0s infinite;
  -ms-animation: fade-in-out 0.6s linear 0s infinite;
  animation: fade-in-out 0.6s linear 0s infinite;
}
@-webkit-keyframes fade-in-out {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
@keyframes fade-in-out {
  0%,
  100% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
[class^="icon-new"],
[class*=" icon-new"] {
  font-family: "icons" !important;
  display: block;
}
[class^="icon-new"]:before,
[class*=" icon-new"]:before {
  display: inline-block;
}
@font-face {
  font-family: "icons";
  src: url("../../../../../../../../../themes/iw_theme/assets/css/icon-fonts/icons.eot?e0db830f8844e19388df829a48e83cda?#iefix") format("embedded-opentype"), url(../../../../../../../../../themes/iw_theme/assets/css/icon-fonts/icons.woff2?e0db830f8844e19388df829a48e83cda) format("woff2"), url(../../../../../../../../../themes/iw_theme/assets/css/icon-fonts/icons.woff?e0db830f8844e19388df829a48e83cda) format("woff"), url(../../../../../../../../../themes/iw_theme/assets/css/icon-fonts/icons.ttf?e0db830f8844e19388df829a48e83cda) format("truetype"), url("../../../../../../../../../themes/iw_theme/assets/css/icon-fonts/icons.svg?e0db830f8844e19388df829a48e83cda#icons") format("svg");
}
.icon-new {
  line-height: 1;
}
.icon-new:before {
  font-family: icons !important;
  font-style: normal;
  font-weight: normal !important;
  vertical-align: top;
}
.icon-new-checkbox:before {
  content: "\f101";
}
.icon-new-facebook:before {
  content: "\f102";
}
.icon-new-upload-file:before {
  content: "\f103";
}
header {
  background-color: white;
  height: 9.7em;
  border-bottom: 1px solid #e4eee8;
  position: fixed;
  z-index: 4;
  width: 100%;
}
header .page-wrapper {
  height: 100%;
  position: relative;
}
header .page-wrapper .logo {
  display: inline-block;
  border-right: 1px solid #e4eee8;
  height: 100%;
  line-height: 9.7em;
  float: left;
  margin-right: 1.7em;
}
header .page-wrapper .logo img {
  height: 4.5em;
  vertical-align: middle;
  display: inline-block;
  margin-right: 4.3em;
}
header .page-wrapper .right-area {
  float: right;
  height: 100%;
}
header .page-wrapper .icon-for-search {
  font-size: 3.4em;
  color: #6e7671;
  width: 2.6176470588235294em;
  border-right: 1px solid #e4eee8;
  border-left: 1px solid #e4eee8;
  display: inline-block;
  text-align: center;
  margin-right: 0.8529411764705882em;
  height: 100%;
  line-height: 2.8529411764705883em;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 0;
  -webkit-transition: color 0.3s linear 0s;
  -moz-transition: color 0.3s linear 0s;
  -o-transition: color 0.3s linear 0s;
  transition: color 0.3s linear 0s;
}
header .page-wrapper .icon-for-search:hover {
  color: #3d3d3d;
}
header .page-wrapper .icon-for-search.icon-x {
  display: none;
}
header .page-wrapper .icon-for-search.icon-search_desk {
  display: inline-block;
}
header .page-wrapper .icon-psk {
  font-size: 5em;
  color: #00984a;
  display: inline-block;
  vertical-align: middle;
  line-height: 1.94em;
  display: none;
}
header .page-wrapper .icon-psk.mob {
  display: none;
}
header .page-wrapper .icon-psk.desktop {
  display: inline-block;
}
@media screen and (max-width: 1100px) {
  header {
    height: 60px;
  }
  header .page-wrapper {
    padding: 0 14px;
    padding-right: 0;
  }
  header .page-wrapper .logo {
    line-height: 60px;
    margin-right: 9px;
    border-right: 0;
    position: relative;
  }
  header .page-wrapper .logo:before {
    width: 1px;
    content: '';
    position: absolute;
    top: 13px;
    right: 0;
    bottom: 13px;
    background-color: #e4eee8;
    display: none;
  }
  header .page-wrapper .logo img {
    height: 30px;
    margin-right: 14px;
  }
  header .page-wrapper .right-area {
    padding-right: 89px;
    border-left: 1px solid #e4eee8;
  }
  header .page-wrapper .icon-for-search {
    font-size: 2.5em;
    width: 46px;
    line-height: 60px;
    margin-right: 0;
  }
  header .page-wrapper .icon-for-search.icon-search_desk {
    position: absolute;
    right: 44px;
  }
  header .page-wrapper .icon-for-search.icon-x {
    position: absolute;
    right: 44px;
  }
  header .page-wrapper .icon-psk {
    font-size: 31px;
  }
  header .page-wrapper .icon-psk.mob {
    display: none;
    line-height: 60px;
  }
  header .page-wrapper .icon-psk.desk {
    display: none;
  }
}
.burger-area {
  height: 60px;
  line-height: 60px;
  position: absolute;
  top: 0;
  right: 0;
  width: 45px;
  z-index: 5;
  display: none;
}
@media screen and (max-width: 1100px) {
  .burger-area {
    display: block;
  }
}
.burger-area .burger {
  width: 17px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.burger-area .burger span {
  width: 100%;
  height: 3px;
  background-color: #6e7671;
  position: relative;
  display: block;
  margin-top: 5px;
  -webkit-transition: background-color 0.3s linear 0s;
  -moz-transition: background-color 0.3s linear 0s;
  -o-transition: background-color 0.3s linear 0s;
  transition: background-color 0.3s linear 0s;
}
.burger-area .burger span:before,
.burger-area .burger span:after {
  content: '';
  width: 100%;
  height: 100%;
  background-color: #6e7671;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  -o-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.burger-area .burger span:before {
  top: calc(-3px - 3px);
}
.burger-area .burger span:after {
  bottom: calc(-3px - 3px);
}
#main-nav {
  float: left;
  height: 100%;
}
#main-nav > ul {
  height: 100%;
}
#main-nav > ul > li {
  height: 100%;
  display: inline-block;
}
#main-nav > ul > li > a {
  height: 100%;
  display: block;
  line-height: 6.466666666666666em;
  font-size: 1.5em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #6e7671;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0 0.84em;
  -webkit-transition: color 0.3s linear 0s;
  -moz-transition: color 0.3s linear 0s;
  -o-transition: color 0.3s linear 0s;
  transition: color 0.3s linear 0s;
}
#main-nav > ul > li > a:hover {
  color: #337b59;
}
@media screen and (max-width: 1400px) {
  #main-nav > ul > li > a {
    line-height: 7.461538461538461em;
    font-size: 1.3em;
  }
}
@media screen and (max-width: 1100px) {
  #main-nav {
    height: 500px;
    overflow: auto;
    background-color: #343434;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 44px;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    z-index: 1;
  }
  #main-nav:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #6e7671;
    position: absolute;
    top: 59px;
    left: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
  #main-nav > ul {
    height: auto;
    border-right: 0;
    padding-bottom: 100px;
    padding-top: 85px;
    position: relative;
    min-height: 100%;
  }
  #main-nav > ul:after {
    content: '';
    width: 1px;
    height: 100%;
    background-color: #6e7671;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
  }
  #main-nav > ul > li {
    width: 100%;
    border-bottom: 1px solid #6e7671;
  }
  #main-nav > ul > li:last-of-type {
    border-bottom: 0;
  }
  #main-nav > ul > li > a {
    font-size: 19px;
    line-height: normal;
    padding: 19px 0;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    max-width: 190px;
  }
}
body.mob-nav-open {
  overflow: hidden;
}
body.mob-nav-open #main-nav {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
body.mob-nav-open #main-nav:before {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
body.mob-nav-open .burger-area .burger span {
  background-color: rgba(162, 31, 45, 0);
}
body.mob-nav-open .burger-area .burger span:before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
}
body.mob-nav-open .burger-area .burger span:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  bottom: 0;
}
#main-nav.with-transition {
  -webkit-transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -moz-transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -o-transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
}
#main-nav.with-transition:before {
  -webkit-transition: transform 1s cubic-bezier(0.47, 0.95, 0, 0.99) 1.1s;
  -moz-transition: transform 1s cubic-bezier(0.47, 0.95, 0, 0.99) 1.1s;
  -o-transition: transform 1s cubic-bezier(0.47, 0.95, 0, 0.99) 1.1s;
  transition: transform 1s cubic-bezier(0.47, 0.95, 0, 0.99) 1.1s;
}
header.bring-to-front {
  z-index: 5;
}
header.bring-to-front .page-wrapper .icon-for-search.icon-search_desk {
  display: block;
}
footer .top-footer {
  height: 12.1em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  footer .top-footer {
    height: auto;
  }
}
footer .top-footer .page-wrapper {
  height: 100%;
  position: relative;
}
@media screen and (max-width: 767px) {
  footer .top-footer .page-wrapper {
    padding: 0;
  }
}
footer .top-footer .page-wrapper:before {
  content: '';
  width: 2000px;
  background-color: #2b2b2b;
  height: calc(100% + 10px);
  position: absolute;
  top: 0;
  right: calc(100% - 45px);
  z-index: -1;
  -webkit-transition: background 0.3s linear 0s;
  -moz-transition: background 0.3s linear 0s;
  -o-transition: background 0.3s linear 0s;
  transition: background 0.3s linear 0s;
}
@media screen and (max-width: 767px) {
  footer .top-footer .page-wrapper:before {
    right: -40px;
  }
}
footer .top-footer .page-wrapper:after {
  content: '';
  width: 2000px;
  background-color: #3d3d3d;
  height: calc(100% + 10px);
  position: absolute;
  top: 0;
  left: calc(100% - 45px);
  z-index: -1;
  -webkit-transition: background 0.3s linear 0s;
  -moz-transition: background 0.3s linear 0s;
  -o-transition: background 0.3s linear 0s;
  transition: background 0.3s linear 0s;
}
@media screen and (max-width: 767px) {
  footer .top-footer .page-wrapper:after {
    left: -40px;
  }
}
footer .top-footer .column {
  width: 50%;
  height: 100%;
  float: left;
  text-align: center;
  position: relative;
  cursor: pointer;
  -webkit-transition: background 0.3s linear 0s;
  -moz-transition: background 0.3s linear 0s;
  -o-transition: background 0.3s linear 0s;
  transition: background 0.3s linear 0s;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column {
    width: 100%;
    padding: 0 30px;
  }
}
footer .top-footer .column.with-transition {
  -webkit-transition: width 0.7s linear 0s, left 0.7s linear 0s, background 0.3s linear 0s;
  -moz-transition: width 0.7s linear 0s, left 0.7s linear 0s, background 0.3s linear 0s;
  -o-transition: width 0.7s linear 0s, left 0.7s linear 0s, background 0.3s linear 0s;
  transition: width 0.7s linear 0s, left 0.7s linear 0s, background 0.3s linear 0s;
}
footer .top-footer .column .table {
  white-space: nowrap;
}
footer .top-footer .column:first-child {
  background-color: #2b2b2b;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column:first-child {
    background-color: #2b2b2b;
  }
  footer .top-footer .column:first-child:hover {
    background-color: #2b2b2b;
  }
}
footer .top-footer .column:last-child {
  background-color: #3d3d3d;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column:last-child {
    background-color: #3d3d3d;
  }
}
footer .top-footer .column:hover:before {
  background-color: #2b2b2b;
}
footer .top-footer .column span {
  font-size: 2.5em;
  letter-spacing: -0.035em;
  line-height: 0.96em;
  float: left;
  width: 50%;
  -webkit-transition: width 0.7s linear 0s, color 0.7s linear 0s;
  -moz-transition: width 0.7s linear 0s, color 0.7s linear 0s;
  -o-transition: width 0.7s linear 0s, color 0.7s linear 0s;
  transition: width 0.7s linear 0s, color 0.7s linear 0s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 1000px) {
  footer .top-footer .column span {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  footer .top-footer .column span {
    font-size: 2.5em;
    width: 100%;
    float: none;
    padding: 1.6em 0;
    display: block;
  }
}
footer .top-footer .column .group-outer {
  -webkit-transition: transform 0.7s linear 0s;
  -moz-transition: transform 0.7s linear 0s;
  -o-transition: transform 0.7s linear 0s;
  transition: transform 0.7s linear 0s;
  -webkit-transform: translateX(25%);
  -moz-transform: translateX(25%);
  -o-transform: translateX(25%);
  -ms-transform: translateX(25%);
  transform: translateX(25%);
}
footer .top-footer .column .group-outer .group {
  -webkit-transition: transform 0.7s linear 0s;
  -moz-transition: transform 0.7s linear 0s;
  -o-transition: transform 0.7s linear 0s;
  transition: transform 0.7s linear 0s;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  overflow: hidden;
}
footer .top-footer .column .group-outer .group .group-inner {
  -webkit-transition: all 0.7s linear 0s;
  -moz-transition: all 0.7s linear 0s;
  -o-transition: all 0.7s linear 0s;
  transition: all 0.7s linear 0s;
  -webkit-transform: translateX(50%);
  -moz-transform: translateX(50%);
  -o-transform: translateX(50%);
  -ms-transform: translateX(50%);
  transform: translateX(50%);
}
@media screen and (max-width: 767px) {
  footer .top-footer .column .group-outer {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  footer .top-footer .column .group-outer .group {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  footer .top-footer .column .group-outer .group .group-inner {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
footer .top-footer .column.column_social .social-icons {
  overflow: hidden;
  text-align: left;
  position: relative;
  z-index: 1;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.column_social .social-icons {
    text-align: center;
    padding-bottom: 4em;
    display: none;
    opacity: 1;
  }
}
footer .top-footer .column.column_social .social-icons .social {
  display: inline-block;
  height: 100%;
  line-height: 1.5999999999999999em;
  font-size: 3em;
  margin-right: 0.9666666666666667em;
  color: white;
  -webkit-transition: color 0.3s linear 0s;
  -moz-transition: color 0.3s linear 0s;
  -o-transition: color 0.3s linear 0s;
  transition: color 0.3s linear 0s;
}
footer .top-footer .column.column_social .social-icons .social.icon-twiiter {
  font-size: 2.8em;
  line-height: 1.7142857142857144em;
  margin-right: 1.0357142857142858em;
}
footer .top-footer .column.column_social .social-icons .social.icon-inst {
  font-size: 3.3em;
  line-height: 1.4545454545454546em;
  margin-right: 0.8787878787878788em;
}
footer .top-footer .column.column_social .social-icons .social.icon-yt {
  font-size: 2.8em;
  line-height: 1.7142857142857144em;
  margin-right: 1.0357142857142858em;
}
footer .top-footer .column.column_social .social-icons .social:last-child {
  margin-right: 0;
}
footer .top-footer .column.column_social .social-icons .social:hover {
  color: #337b59;
}
footer .top-footer .column.column_social.active .group-outer {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
footer .top-footer .column.column_social.active .group-outer .group {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
footer .top-footer .column.column_social.active .group-outer .group .group-inner {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
footer .top-footer .column.column_social.active .social-icons .social {
  opacity: 1;
}
footer .top-footer .column.column_newsletter .newsletter {
  opacity: 0;
}
footer .top-footer .column.column_newsletter span {
  width: 50%;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.column_newsletter span {
    width: 100%;
    padding-top: 1.6em;
    padding-bottom: 1.6em;
  }
}
footer .top-footer .column.column_newsletter .newsletter {
  overflow: hidden;
  margin: 0;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.column_newsletter .newsletter {
    padding-bottom: 4em;
    display: none;
    opacity: 1;
  }
}
footer .top-footer .column.column_newsletter .newsletter .form-area {
  padding: 0;
  border-top: 0;
  border-bottom: 0;
  margin: 0;
}
footer .top-footer .column.column_newsletter .newsletter .form-area form {
  height: 84px;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.column_newsletter .newsletter .form-area form {
    height: auto;
  }
}
footer .top-footer .column.column_newsletter .newsletter .form-area form .input-area {
  height: auto;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.column_newsletter .newsletter .form-area form .input-area {
    padding-top: 0;
    padding-bottom: 0;
  }
}
footer .top-footer .column.column_newsletter .newsletter .form-area form .input-area input {
  background: none;
  color: white;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.column_newsletter .newsletter .form-area form .input-area input {
    display: block;
    margin-right: 0;
    margin-bottom: 0.5em;
  }
}
footer .top-footer .column.column_newsletter .newsletter .form-area form .input-area label {
  top: calc(100% - 15px);
  text-align: left;
}
@media screen and (max-width: 900px) {
  footer .top-footer .column.column_newsletter .newsletter .form-area form .input-area label {
    font-size: 0.8em;
  }
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.column_newsletter .newsletter .form-area form .input-area label {
    margin-bottom: 1em;
    display: block;
    font-size: 8px;
  }
}
footer .top-footer .column.column_newsletter .newsletter .form-area form .submit {
  width: 3.5714285714285716em;
  background-color: #337b59;
  border: 1px solid #337b59;
  text-align: center;
  margin-top: 20px;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
footer .top-footer .column.column_newsletter .newsletter .form-area form .submit:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.column_newsletter .newsletter .form-area form .submit {
    margin-top: 0;
    float: right;
  }
}
footer .top-footer .column.column_newsletter .newsletter .form-area form .submit span {
  float: none;
  font-size: 2em;
  line-height: normal;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.column_newsletter .newsletter .form-area form .submit span {
    padding: 0;
  }
}
footer .top-footer .column.column_newsletter .newsletter .form-area .response-msgs {
  background-color: #3d3d3d;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.column_newsletter .newsletter .form-area .response-msgs {
    background-color: #2b2b2b;
  }
}
footer .top-footer .column.column_newsletter.active .group-outer {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
footer .top-footer .column.column_newsletter.active .group-outer .group {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
footer .top-footer .column.column_newsletter.active .group-outer .group .group-inner {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
footer .top-footer .column.column_newsletter.active span {
  width: 30%;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.column_newsletter.active span {
    width: 100%;
  }
}
footer .top-footer .column.column_newsletter.active .newsletter .form-area form .submit_desk {
  opacity: 1;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
footer .top-footer .column.column_newsletter.active .newsletter .form-area form .submit_desk:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.active {
    background-color: #2b2b2b;
  }
}
footer .top-footer .column.active span {
  color: white;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.active span {
    float: none;
  }
}
footer .top-footer .column.active:before {
  background-color: #2b2b2b;
}
@media screen and (max-width: 767px) {
  footer .top-footer .column.active:before {
    background-color: #2b2b2b;
  }
}
footer .top-footer.active-child .column:first-child.active {
  width: 75%;
}
@media screen and (max-width: 767px) {
  footer .top-footer.active-child .column:first-child.active {
    width: 100%;
  }
}
footer .top-footer.active-child .column:first-child.active span {
  width: 50%;
}
@media screen and (max-width: 767px) {
  footer .top-footer.active-child .column:first-child.active span {
    width: 100%;
  }
}
footer .top-footer.active-child .column:last-child {
  width: 25%;
}
@media screen and (max-width: 767px) {
  footer .top-footer.active-child .column:last-child {
    width: 100%;
  }
}
footer .top-footer.active-child .column:last-child span {
  width: 100%;
}
footer .top-footer.active-child .column:last-child .group-outer {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
footer .top-footer.active-child .column:last-child .group-outer .group {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
footer .top-footer.active-child .column:last-child .group-outer .group .group-inner {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
footer .top-footer.active-child .column:last-child.active {
  width: 75%;
}
@media screen and (max-width: 767px) {
  footer .top-footer.active-child .column:last-child.active {
    width: 100%;
  }
}
footer .top-footer.active-child .column:last-child.active span {
  width: 30%;
}
@media screen and (max-width: 767px) {
  footer .top-footer.active-child .column:last-child.active span {
    width: 100%;
  }
}
footer .top-footer.active-child .column:first-child {
  width: 25%;
}
@media screen and (max-width: 767px) {
  footer .top-footer.active-child .column:first-child {
    width: 100%;
  }
}
footer .top-footer.active-child .column:first-child span {
  width: 100%;
}
footer .top-footer.active-child .column:first-child .group-outer {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
footer .top-footer.active-child .column:first-child .group-outer .group {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
footer .top-footer.active-child .column:first-child .group-outer .group .group-inner {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
footer .small-footer {
  background-color: white;
  font-size: 11px;
  color: #b4bbb7;
  height: 4em;
  line-height: 4em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 767px) {
  footer .small-footer {
    height: auto;
    line-height: 100%;
  }
}
footer .small-footer .area {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  footer .small-footer .area {
    padding: 0 0;
  }
}
footer .small-footer .area nav {
  float: left;
}
@media screen and (max-width: 767px) {
  footer .small-footer .area nav {
    float: none;
    padding: 2.5em 0;
  }
}
footer .small-footer .area nav #menu-small-footer-menu li {
  display: inline-block;
  font-size: 1.1em;
}
footer .small-footer .area nav #menu-small-footer-menu li:after {
  content: "|";
  display: inline-block;
  margin: 0 10px;
}
footer .small-footer .area nav #menu-small-footer-menu li:last-of-type:after {
  display: none;
}
footer .small-footer .area nav #menu-small-footer-menu li a {
  color: #b4bbb7;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
footer .small-footer .area nav #menu-small-footer-menu li a:hover {
  opacity: 0.6;
}
footer .small-footer .area .copyright {
  float: right;
}
@media screen and (max-width: 767px) {
  footer .small-footer .area .copyright {
    float: none;
    padding-bottom: 2.2727272727272725em;
    display: block;
  }
}
footer .main-footer {
  background-color: #343434;
  padding-top: 3.3em;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  footer .main-footer {
    padding-bottom: 3.3em;
  }
}
footer .main-footer nav {
  position: relative;
}
footer .main-footer nav:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 9.7em;
  left: 100%;
}
@media screen and (max-width: 767px) {
  footer .main-footer nav:before {
    display: none;
  }
}
footer .main-footer nav:after {
  content: '';
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 9.7em;
  right: 100%;
}
@media screen and (max-width: 767px) {
  footer .main-footer nav:after {
    display: none;
  }
}
footer .main-footer nav #menu-footer-menu {
  border-right: 1px solid rgba(255, 255, 255, 0.2);
  display: flex;
  position: relative;
}
@media screen and (max-width: 767px) {
  footer .main-footer nav #menu-footer-menu {
    display: block;
  }
}
footer .main-footer nav #menu-footer-menu:before {
  content: '';
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 9.7em;
  left: 0;
}
@media screen and (max-width: 767px) {
  footer .main-footer nav #menu-footer-menu:before {
    display: none;
  }
}
footer .main-footer nav #menu-footer-menu > li {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
  min-width: 25%;
}
@media screen and (max-width: 767px) {
  footer .main-footer nav #menu-footer-menu > li {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  footer .main-footer nav #menu-footer-menu > li:last-of-type {
    padding-bottom: 0;
  }
}
footer .main-footer nav #menu-footer-menu > li:first-of-type a:before {
  content: '';
  width: 2000px;
  height: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: 0;
  right: 100%;
}
@media screen and (max-width: 767px) {
  footer .main-footer nav #menu-footer-menu > li:first-of-type a:before {
    display: none;
  }
}
footer .main-footer nav #menu-footer-menu > li > a {
  font-size: 2.2em;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto', sans-serif;
  font-weight: 600;
  letter-spacing: -0.015em;
  padding-bottom: 1.0454545454545452em;
  padding-left: 1.0454545454545452em;
  padding-right: 1.0454545454545452em;
  display: block;
  height: 4.409090909090908em;
  display: table-cell;
  vertical-align: bottom;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
  max-width: 12.272727272727272em;
}
footer .main-footer nav #menu-footer-menu > li > a:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  footer .main-footer nav #menu-footer-menu > li > a {
    position: relative;
    display: block;
    max-width: 100%;
    height: 2.2727272727272725em;
  }
  footer .main-footer nav #menu-footer-menu > li > a:after {
    content: '';
    width: calc(100% + 60px);
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    bottom: 0;
    left: -30px;
  }
}
footer .main-footer nav #menu-footer-menu .sub-menu li a {
  color: white;
  opacity: 0.4;
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
footer .main-footer nav #menu-footer-menu .sub-menu li a:hover {
  opacity: 0.6;
}
footer .main-footer nav #menu-footer-menu .sub-menu li .sub-menu {
  margin-top: 6px;
}
footer .main-footer nav #menu-footer-menu .sub-menu li .sub-menu li a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 1.6em;
  padding: 0.18749999999999997em 0;
  display: block;
}
footer .main-footer nav #menu-footer-menu > li > .sub-menu {
  padding: 2.3em;
  padding-bottom: 3.7em;
}
footer .main-footer nav #menu-footer-menu > li > .sub-menu > li {
  margin-top: 2em;
}
footer .main-footer nav #menu-footer-menu > li > .sub-menu > li:first-of-type {
  margin-top: 0;
}
.go-nowhere > a:hover {
  cursor: default;
  opacity: 1 !important;
}
.single #main-content,
.page-template-promo-page #main-content,
.page-template-cookies-policy #main-content {
  overflow: auto;
}
.single h1,
.page-template-promo-page h1,
.page-template-cookies-policy h1 {
  font-size: 5.192em;
  margin: 0;
  letter-spacing: -0.015em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
.single .top-area,
.page-template-promo-page .top-area,
.page-template-cookies-policy .top-area {
  border-bottom: 1px solid #e4eee8;
  padding-bottom: 3.6em;
}
.single .top-area .inner,
.page-template-promo-page .top-area .inner,
.page-template-cookies-policy .top-area .inner {
  max-width: 60em;
}
.single .top-area p,
.page-template-promo-page .top-area p,
.page-template-cookies-policy .top-area p {
  font-size: 1.9em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  letter-spacing: -0.019em;
  line-height: 1.368421052631579em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  margin-top: 0.4736842105263158em;
}
@media screen and (max-width: 767px) {
  .single .top-area p,
  .page-template-promo-page .top-area p,
  .page-template-cookies-policy .top-area p {
    font-size: 15px;
  }
}
.single .details-area,
.page-template-promo-page .details-area,
.page-template-cookies-policy .details-area {
  padding: 20px 0;
}
@media screen and (max-width: 600px) {
  .single .details-area.without-details .category-area,
  .page-template-promo-page .details-area.without-details .category-area,
  .page-template-cookies-policy .details-area.without-details .category-area {
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  .single .details-area,
  .page-template-promo-page .details-area,
  .page-template-cookies-policy .details-area {
    height: auto;
    line-height: normal;
    padding: 3em 0;
  }
}
.single .details-area .date,
.page-template-promo-page .details-area .date,
.page-template-cookies-policy .details-area .date {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 15px;
  color: #b4bbb7;
  letter-spacing: -0.015em;
  margin-right: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: normal;
}
.single .details-area .author,
.page-template-promo-page .details-area .author,
.page-template-cookies-policy .details-area .author {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15px;
  color: #b4bbb7;
  letter-spacing: -0.015em;
  margin-right: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: normal;
}
.single .details-area .category-area,
.page-template-promo-page .details-area .category-area,
.page-template-cookies-policy .details-area .category-area {
  float: right;
  width: calc(100%  - 200px);
  text-align: right;
}
@media screen and (max-width: 600px) {
  .single .details-area .category-area,
  .page-template-promo-page .details-area .category-area,
  .page-template-cookies-policy .details-area .category-area {
    float: none;
    width: 100%;
    margin-top: 2em;
    text-align: left;
  }
}
.single .details-area .category-area .category,
.page-template-promo-page .details-area .category-area .category,
.page-template-cookies-policy .details-area .category-area .category {
  font-size: 15px;
  color: #337b59;
  letter-spacing: -0.015em;
  line-height: normal;
  margin-right: 0.13333333333333333em;
  line-height: 20px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.single .details-area .category-area .category:after,
.page-template-promo-page .details-area .category-area .category:after,
.page-template-cookies-policy .details-area .category-area .category:after {
  content: ',';
  display: inline-block;
  color: #337b59;
}
.single .details-area .category-area .category:last-of-type:after,
.page-template-promo-page .details-area .category-area .category:last-of-type:after,
.page-template-cookies-policy .details-area .category-area .category:last-of-type:after {
  display: none;
}
.single .details-area .category-area .category,
.page-template-promo-page .details-area .category-area .category,
.page-template-cookies-policy .details-area .category-area .category {
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.single .details-area .category-area .category:hover,
.page-template-promo-page .details-area .category-area .category:hover,
.page-template-cookies-policy .details-area .category-area .category:hover {
  opacity: 0.6;
}
.single .details-area .category-area span,
.page-template-promo-page .details-area .category-area span,
.page-template-cookies-policy .details-area .category-area span {
  margin-right: 3px;
  margin-left: -2px;
}
.single .details-area .category-area .icon-tag,
.page-template-promo-page .details-area .category-area .icon-tag,
.page-template-cookies-policy .details-area .category-area .icon-tag {
  font-size: 15px;
  color: #337b59;
  line-height: normal;
  margin-left: 0.1em;
  margin-right: 0;
}
.single .main-content,
.page-template-promo-page .main-content,
.page-template-cookies-policy .main-content {
  margin-bottom: 12em;
}
@media screen and (max-width: 768px) {
  .single .main-content,
  .page-template-promo-page .main-content,
  .page-template-cookies-policy .main-content {
    margin-bottom: 9em;
  }
}
@media screen and (max-width: 500px) {
  .single .main-content,
  .page-template-promo-page .main-content,
  .page-template-cookies-policy .main-content {
    margin-bottom: 6em;
  }
}
.single .main-content p,
.page-template-promo-page .main-content p,
.page-template-cookies-policy .main-content p {
  font-size: 2.3em;
  letter-spacing: -0.015em;
  line-height: 1.4782608695652175em;
  margin: 0;
  margin-bottom: 1.7391304347826089em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .single .main-content p,
  .page-template-promo-page .main-content p,
  .page-template-cookies-policy .main-content p {
    font-size: 16px;
  }
}
.single .main-content p:last-of-type,
.page-template-promo-page .main-content p:last-of-type,
.page-template-cookies-policy .main-content p:last-of-type {
  margin-bottom: 0;
}
.single .main-content p strong,
.page-template-promo-page .main-content p strong,
.page-template-cookies-policy .main-content p strong {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}
.single .main-content p a,
.page-template-promo-page .main-content p a,
.page-template-cookies-policy .main-content p a {
  color: #3d3d3d;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.single .main-content p a:hover,
.page-template-promo-page .main-content p a:hover,
.page-template-cookies-policy .main-content p a:hover {
  opacity: 0.6;
}
.single .main-content ul,
.page-template-promo-page .main-content ul,
.page-template-cookies-policy .main-content ul {
  margin-bottom: 4.5em;
  margin-top: 5.6em;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.single .main-content ul li,
.page-template-promo-page .main-content ul li,
.page-template-cookies-policy .main-content ul li {
  font-size: 2.3em;
  letter-spacing: -0.015em;
  line-height: 1.4782608695652175em;
  margin: 0;
  margin-bottom: 0.30434782608695654em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (max-width: 767px) {
  .single .main-content ul li,
  .page-template-promo-page .main-content ul li,
  .page-template-cookies-policy .main-content ul li {
    font-size: 16px;
  }
}
.single .main-content ul li:before,
.page-template-promo-page .main-content ul li:before,
.page-template-cookies-policy .main-content ul li:before {
  content: '';
  width: 0.4347826086956522em;
  height: 0.13043478260869565em;
  background-color: #3d3d3d;
  display: inline-block;
  vertical-align: middle;
  margin-right: 1.0869565217391306em;
}
.single .main-content h2,
.page-template-promo-page .main-content h2,
.page-template-cookies-policy .main-content h2 {
  font-size: 4.4em;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  letter-spacing: -0.015em;
  line-height: 1.2272727272727273em;
  margin-top: 1.1363636363636362em;
  margin-bottom: 1.1363636363636362em;
  max-width: 860px;
}
.single .main-content img,
.page-template-promo-page .main-content img,
.page-template-cookies-policy .main-content img {
  width: 100%;
  height: auto;
  margin-bottom: 0.1739130434782609em;
  margin-top: 1.7391304347826089em;
}
.single .main-content img.featured-img,
.page-template-promo-page .main-content img.featured-img,
.page-template-cookies-policy .main-content img.featured-img {
  margin: 0;
  margin-bottom: 8.7em;
}
@media screen and (max-width: 600px) {
  .single .main-content img.featured-img,
  .page-template-promo-page .main-content img.featured-img,
  .page-template-cookies-policy .main-content img.featured-img {
    margin-bottom: 6em;
  }
}
.single .main-content #social-buttons,
.page-template-promo-page .main-content #social-buttons,
.page-template-cookies-policy .main-content #social-buttons {
  margin-top: 3.8em;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.single .main-content .newsletter .page-wrapper,
.page-template-promo-page .main-content .newsletter .page-wrapper,
.page-template-cookies-policy .main-content .newsletter .page-wrapper {
  padding: 0;
}
.page-template-about .top-area {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .page-template-about .top-area {
    overflow: visible;
  }
  .page-template-about .top-area .txt-col {
    margin-left: 0;
    margin-right: 0;
  }
  .page-template-about .top-area .txt-col .content-column {
    width: 100%;
    margin-bottom: 1.6em;
    padding: 0;
  }
  .page-template-about .top-area .txt-col .content-column:last-of-type {
    margin-bottom: 0;
  }
}
.page-template-about .bio-events {
  border-bottom: 1px solid #e4eee8;
}
.page-template-about .bio-events .page-wrapper {
  max-width: 1380px;
}
.page-template-about .bio-events .year-row {
  display: flex;
}
.page-template-about .bio-events .year-row .year-cln {
  width: 19.23%;
  min-height: 100px;
  float: left;
  border-right: 1px solid #b4bbb7;
  padding-right: 5.8em;
  text-align: right;
}
.page-template-about .bio-events .year-row .year-cln span {
  font-size: 6.1em;
  color: #43936d;
  letter-spacing: -0.1em;
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 0.7em;
}
@media screen and (max-width: 1380px) {
  .page-template-about .bio-events .year-row .year-cln span {
    font-size: 4.420289855072464vw;
  }
}
.page-template-about .bio-events .year-row .event-cln {
  width: 26.92%;
  min-height: 100px;
  float: left;
  border-right: 1px solid #b4bbb7;
  position: relative;
  padding-left: 2.5em;
  padding-right: 7.1em;
  padding-top: 2.8em;
  padding-bottom: 2.8em;
}
.page-template-about .bio-events .year-row .event-cln:before {
  content: '';
  width: 5em;
  height: 1px;
  background-color: #43936d;
  position: absolute;
  top: 0;
  left: -2.5em;
}
.page-template-about .bio-events .year-row .event-cln:last-of-type {
  border-right: 0;
}
.page-template-about .bio-events .year-row .event-cln .event {
  margin-bottom: 5.5em;
}
.page-template-about .bio-events .year-row .event-cln .event .photo img {
  width: 100%;
  height: auto;
  margin-bottom: 2.3em;
}
.page-template-about .bio-events .year-row .event-cln .event .title {
  font-size: 13px;
  letter-spacing: -0.015em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0.31007751937984496em;
}
.page-template-about .bio-events .year-row .event-cln .event .content p {
  margin: 0;
  font-size: 15px;
  letter-spacing: -0.015em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-template-about .bio-events .year-row.year-row-titles {
  position: relative;
  padding-top: 37em;
}
@media screen and (max-width: 1340px) {
  .page-template-about .bio-events .year-row.year-row-titles {
    padding-top: 27.612%;
  }
}
.page-template-about .bio-events .year-row.year-row-titles .page-wrapper {
  width: 1380px;
  display: flex;
}
.page-template-about .bio-events .year-row.year-row-titles .bg-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.7;
}
.page-template-about .bio-events .year-row.year-row-titles .bg-img-color {
  width: 100%;
  height: 100%;
  background-color: black;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -2;
}
.page-template-about .bio-events .year-row.year-row-titles .event-cln {
  padding-top: 0;
  padding-bottom: 11.5em;
}
.page-template-about .bio-events .year-row.year-row-titles .event-cln:before {
  display: none;
}
.page-template-about .bio-events .year-row.year-row-titles .event-cln .event-category {
  font-size: 7.294em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 0.78em;
  color: white;
}
@media screen and (max-width: 1380px) {
  .page-template-about .bio-events .year-row.year-row-titles .event-cln .event-category {
    font-size: 5.285507246376811vw;
  }
}
@media screen and (max-width: 662.1880998080615px) {
  .page-template-about .bio-events .year-row.year-row-titles .event-cln .event-category {
    font-size: 35px;
  }
}
.page-template-about .bio-events .year-row.year-row-helper {
  height: 9em;
}
.page-template-about .bio-events .year-row.year-row-helper .event-cln {
  padding: 0;
}
.page-template-about .bio-events .year-row.year-row-helper .event-cln:before {
  display: none;
}
@media screen and (max-width: 700px) {
  .page-template-about .bio-events .page-wrapper {
    padding: 0 20px;
  }
  .page-template-about .bio-events .year-row .year-cln {
    width: 35px;
    text-align: left;
    padding-right: 0;
    padding-top: 10px;
  }
  .page-template-about .bio-events .year-row .year-cln span {
    font-size: 1.7em;
  }
  .page-template-about .bio-events .year-row .event-cln {
    display: none;
    width: calc(100% - 35px);
    padding-right: 2.5em;
    cursor: pointer;
  }
  .page-template-about .bio-events .year-row .event-cln:before {
    width: 3em;
    left: -1.5em;
  }
  .page-template-about .bio-events .year-row .event-cln .event .photo img {
    max-width: 50%;
  }
  .page-template-about .bio-events .year-row .event-cln.cln-0 {
    display: block;
  }
  .page-template-about .bio-events .year-row.year-row-titles .event-cln {
    display: block;
    width: calc(33.333% - 11.16px);
    padding-bottom: 6.5em;
  }
  .page-template-about .bio-events .year-row.year-row-helper {
    height: 4em;
  }
}
@media screen and (max-width: 500px) {
  .page-template-about .bio-events .year-row .event-cln {
    padding-right: 1em;
    padding-left: 1em;
  }
  .page-template-about .bio-events .year-row.year-row-titles .event-cln .event-category {
    font-size: 20px;
    line-height: 17px;
  }
}
@media screen and (max-width: 400px) {
  .page-template-about .bio-events .year-row .event-cln .event .photo img {
    max-width: 100%;
  }
  .page-template-about .bio-events .year-row.year-row-titles .event-cln {
    min-height: 100%;
    padding-bottom: 5em;
  }
  .page-template-about .bio-events .year-row .year-cln {
    min-height: 100%;
  }
}
.featured-posts-area {
  margin: 13em 0;
}
@media screen and (max-width: 500px) {
  .featured-posts-area {
    margin: 6em 0;
  }
}
.featured-posts-area .row {
  display: flex;
}
@media screen and (max-width: 1000px) {
  .featured-posts-area .row {
    display: block;
  }
}
.featured-posts-area article {
  border-right: 1px solid #43936d;
  padding-bottom: 2.9em !important;
  padding-top: 2.9em !important;
  padding-right: 8.8em !important;
}
.featured-posts-area article:last-of-type {
  border-right: 0;
}
@media screen and (max-width: 1000px) {
  .featured-posts-area article:last-of-type {
    padding-bottom: 0 !important;
  }
}
.featured-posts-area article .title {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 4em;
  color: #343434;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0.475em;
  display: block;
}
.featured-posts-area article p {
  font-size: 15px;
  color: #b4bbb7;
  text-transform: uppercase;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
}
.featured-posts-area article .more {
  font-size: 5.6em;
  color: #43936d;
  margin-top: 0.4107142857142857em;
  display: block;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.featured-posts-area article .more:hover {
  opacity: 0.6;
}
.featured-posts-area article .more span {
  display: block;
}
@media screen and (max-width: 900px) {
  .featured-posts-area article {
    padding-right: 2.5em !important;
  }
}
@media screen and (max-width: 1000px) {
  .featured-posts-area article {
    width: 100% !important;
    border-right: 0;
    border-bottom: 1px solid #43936d;
  }
  .featured-posts-area article:last-of-type {
    border-bottom: 0;
  }
}
.newsletter .form-area {
  padding: 4em 0;
  padding-bottom: calc(4em  - 20px);
  border-top: 1px solid #e4eee8;
  border-bottom: 1px solid #e4eee8;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: -10px;
  margin-left: -10px;
}
@media screen and (max-width: 767px) {
  .newsletter .form-area {
    padding: 5em 0;
    padding-bottom: 5em;
  }
}
.newsletter .form-area .title {
  font-size: 2.1em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 7.78%;
  float: left;
}
@media screen and (max-width: 767px) {
  .newsletter .form-area .title {
    float: none;
    text-align: center;
    margin-bottom: 0.9523809523809523em;
  }
  .newsletter .form-area .title br {
    display: none;
  }
}
.newsletter .form-area form {
  overflow: hidden;
}
.newsletter .form-area form .input-area {
  overflow: hidden;
  padding-right: 2px;
  position: relative;
  height: 60px;
}
@media screen and (max-width: 767px) {
  .newsletter .form-area form .input-area {
    height: auto;
    margin-bottom: 2em;
  }
}
.newsletter .form-area form .input-area .input {
  font-size: 14px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  letter-spacing: -0.015em;
  border: 1px solid #b4bbb7;
  height: 3.1428571428571432em;
  padding: 0 1.4em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 1.5px;
  float: left;
  width: calc(33.333%  - 1.5px);
  opacity: 0.5;
}
.newsletter .form-area form .input-area .input:focus {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .newsletter .form-area form .input-area .input {
    width: 100%;
    margin-bottom: 0.7142857142857143em;
    float: none;
  }
}
.newsletter .form-area form .input-area label {
  position: absolute;
  width: calc(33.333%  - 1.5px);
  left: calc(33.333%*0  - 1.5px);
  top: calc(100% - 10px);
  opacity: 1;
}
.newsletter .form-area form .input-area label#LNAME-error {
  left: calc(33.333%  - 1.5px);
}
@media screen and (max-width: 767px) {
  .newsletter .form-area form .input-area label#LNAME-error {
    left: 0;
  }
}
.newsletter .form-area form .input-area label#EMAIL-error {
  left: calc(33.333%*2  - 1.5px);
}
@media screen and (max-width: 767px) {
  .newsletter .form-area form .input-area label#EMAIL-error {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .newsletter .form-area form .input-area label {
    position: relative;
    top: -4px;
    left: 0;
  }
}
.newsletter .form-area form .checkbox-hidden-wrapper {
  height: 0;
  overflow: hidden;
}
.newsletter .form-area form .submit {
  font-size: 14px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  letter-spacing: 0.085em;
  color: white;
  background-color: #6e7671;
  border: 0;
  height: 3.1428571428571432em;
  border: 1px solid #6e7671;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 9.428571428571429em;
  float: right;
  padding: 0;
  cursor: pointer;
  border-radius: 0;
  -webkit-transition: border 0.3s linear 0s, background 0.3s linear 0s;
  -moz-transition: border 0.3s linear 0s, background 0.3s linear 0s;
  -o-transition: border 0.3s linear 0s, background 0.3s linear 0s;
  transition: border 0.3s linear 0s, background 0.3s linear 0s;
}
.newsletter .form-area form .submit:hover {
  background-color: #3d3d3d;
  border: 1px solid #3d3d3d;
}
.newsletter .form-area form .submit.submit_mob {
  display: none;
}
@media screen and (max-width: 767px) {
  .newsletter .form-area form .submit.submit_mob {
    display: block;
    float: none;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .newsletter .form-area form .submit.submit_desk {
    display: none;
  }
}
.newsletter .form-area .response-msgs {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
  background-color: white;
}
.newsletter .form-area .response-msgs .table-cell {
  text-align: center;
}
.newsletter .form-area .response-msgs .response-msg {
  font-size: 2.1em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: none;
}
.newsletter .form-area.error .response-msgs,
.newsletter .form-area.success .response-msgs {
  opacity: 1;
}
.newsletter .form-area.error .error-msg {
  display: block;
}
.newsletter .form-area.success .thx-msg {
  display: block;
}
.newsletter .val_error {
  display: none;
}
.page-template-about .newsletter .form-area {
  border: 0;
}
@media screen and (max-width: 1000px) {
  .page-template-contact .row-gap-77 {
    margin-left: -4em;
    margin-right: -4em;
  }
}
@media screen and (max-width: 767px) {
  .page-template-contact .row-gap-77 {
    margin: 0;
  }
}
@media screen and (max-width: 1000px) {
  .page-template-contact .row-gap-77 .col {
    padding: 0 4em;
  }
}
@media screen and (max-width: 767px) {
  .page-template-contact .row-gap-77 .col {
    width: 100%;
    padding: 0;
  }
}
.page-template-contact .row-gap-77 .col:first-of-type {
  margin-bottom: 5em;
}
.page-template-contact .top-area {
  padding-bottom: 13em;
  overflow: hidden;
}
.page-template-contact .top-area .txt {
  max-width: 100%;
}
@media screen and (max-width: 767px) {
  .page-template-contact .top-area {
    padding-bottom: 10em;
  }
}
@media screen and (max-width: 500px) {
  .page-template-contact .top-area {
    padding-bottom: 6em;
  }
}
#contact-form {
  margin-top: 3.5em;
}
#contact-form label,
#contact-form input,
#contact-form textarea {
  display: block;
  width: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#contact-form .form-row {
  margin-bottom: 6.7em;
  position: relative;
}
#contact-form .form-row.form-row_last {
  margin-bottom: 4em;
}
#contact-form input {
  border: 0;
  border-bottom: 1px solid #eaedeb;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-size: 24px;
  letter-spacing: -0.01em;
}
#contact-form input:focus {
  border-bottom: 1px solid #343434;
}
#contact-form textarea {
  border: 1px solid #eaedeb;
  min-height: 8.666666666666668em;
  letter-spacing: -0.01em;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  font-size: 2.4em;
}
#contact-form label {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 14.2px;
  color: #b4bbb7;
  margin-bottom: 0.9859154929577465em;
  letter-spacing: 0.085em;
}
#contact-form label.error {
  position: absolute;
  top: calc(100% + 0.5em);
  left: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  letter-spacing: -0.025em;
}
#contact-form .checkbox-area {
  float: left;
  height: 5em;
  line-height: 5em;
  position: relative;
  z-index: 1;
}
#contact-form .checkbox-area input[type="checkbox"] {
  display: none;
}
#contact-form .checkbox-area input[type="checkbox"] + label {
  display: inline-block;
  width: 1.6901408450704225em;
  height: 1.6901408450704225em;
  margin-bottom: 0;
  float: left;
  margin-right: 0.8450704225352113em;
  margin-top: 0.915492957746479em;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #contact-form .checkbox-area input[type="checkbox"] + label {
    margin-top: 0;
  }
}
#contact-form .checkbox-area input[type="checkbox"] + label span {
  background-image: var(--wpr-bg-b67edca7-53b3-487c-863d-4cb58af9cd94);
  background-size: contain;
  display: block;
  height: 100%;
}
#contact-form .checkbox-area input[type="checkbox"]:checked + label span {
  background-image: var(--wpr-bg-df747882-93de-42cd-a3c9-0727488b7313);
}
#contact-form .checkbox-area p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #b4bbb7;
  font-size: 1.52em;
  display: inline-block;
  height: 1.5789473684210527em;
  line-height: 1.5789473684210527em;
}
@media screen and (max-width: 767px) {
  #contact-form .checkbox-area p {
    max-width: 10em;
    line-height: normal;
  }
}
@media screen and (max-width: 1150px) {
  #contact-form .checkbox-area {
    float: none;
    text-align: left;
    margin-bottom: 2em;
  }
}
@media screen and (max-width: 767px) {
  #contact-form .checkbox-area {
    margin-bottom: 4em;
  }
}
#contact-form .bottom-area {
  text-align: right;
  margin-top: 4em;
  position: relative;
}
#contact-form .bottom-area .btn-area {
  position: relative;
}
#contact-form .bottom-area .btn-area button {
  font-size: 17px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  background-color: #43936d;
  border: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  letter-spacing: 0.045em;
  height: 2.9411764705882355em;
  padding: 0 2.3529411764705883em;
  cursor: pointer;
  -webkit-transition: background 0.3s linear 0s;
  -moz-transition: background 0.3s linear 0s;
  -o-transition: background 0.3s linear 0s;
  transition: background 0.3s linear 0s;
  border-radius: 0;
}
#contact-form .bottom-area .btn-area button:hover {
  background-color: #343434;
}
@media screen and (max-width: 767px) {
  #contact-form .bottom-area .btn-area button {
    width: 100%;
  }
}
@media screen and (max-width: 1150px) {
  #contact-form .bottom-area {
    margin-top: 2em;
  }
}
#contact-form .response-msgs {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  left: 0;
  top: -1px;
  height: calc(100% + 2px);
  width: calc(100% + 2px);
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
  background-color: white;
}
#contact-form .response-msgs .table-cell {
  text-align: right;
}
#contact-form .response-msgs .response-msg {
  font-size: 2.1em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  opacity: 0;
  display: none;
}
#contact-form.error .response-msgs,
#contact-form.success .response-msgs {
  opacity: 1;
}
#contact-form.error button,
#contact-form.success button {
  pointer-events: none;
}
#contact-form.error .checkbox-area,
#contact-form.success .checkbox-area {
  pointer-events: none;
  opacity: 0;
}
#contact-form.error .error-msg {
  display: block;
  opacity: 1;
}
#contact-form.success .thx-msg {
  display: block;
  opacity: 1;
}
.quote-area {
  padding-top: 8em;
  padding-bottom: 6em;
  margin: 1.7em 0;
}
@media screen and (max-width: 767px) {
  .quote-area {
    padding-top: 6em;
    padding-bottom: 5em;
  }
}
@media screen and (max-width: 500px) {
  .quote-area {
    padding-top: 3em;
    padding-bottom: 1em;
  }
}
.quote-area .content {
  max-width: 830px;
  margin: 0 auto;
  position: relative;
  padding: 5.3em 0;
}
.quote-area .content h2 {
  margin: 0;
  font-size: 3.8em;
  letter-spacing: -0.015em;
  color: #343434;
  font-family: 'Roboto', sans-serif;
  font-style: italic;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.quote-area .content p {
  color: #6e7671;
  font-size: 3.1em;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  margin-top: 0.4516129032258064em;
  margin-left: 3.3870967741935485em;
}
@media screen and (max-width: 400px) {
  .quote-area .content p {
    margin-left: 0;
  }
}
.quote-area .content .icon-quotes {
  font-size: 22em;
  color: #343434;
  opacity: 0.07;
  position: absolute;
  top: 0.05em;
  right: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
}
.page-template-about .quote-area {
  background-color: #43936d;
  margin: 0;
}
.page-template-about .quote-area .content h2 {
  color: white;
}
.page-template-about .quote-area .content p {
  color: white;
}
.page-template-about .quote-area .content .icon-quotes {
  color: white;
  opacity: 0.2;
}
.page-template-contact .quote-area {
  border-top: 1px solid #eaedeb;
}
.listing-post {
  margin-bottom: 6.5em;
}
@media screen and (max-width: 767px) {
  .listing-post.col-4 {
    width: 100%;
  }
}
.listing-post:nth-of-type(3n+1) {
  clear: left;
}
.listing-post .img {
  width: 100%;
  display: block;
  height: 28em;
  position: relative;
  margin-bottom: 1.6em;
  height: 0;
  padding-bottom: 71.19%;
}
@media screen and (max-width: 767px) {
  .listing-post .img {
    padding-bottom: 45%;
  }
}
.listing-post .img > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.listing-post .img .img-bg {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-position: center;
}
.listing-post .txt {
  padding: 0 2em;
  position: relative;
}
@media screen and (max-width: 900px) {
  .listing-post .txt {
    padding: 0 1em;
  }
}
.listing-post .txt .post-top-area {
  height: 4.5em;
}
.listing-post .txt .date {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #b4bbb7;
  font-size: 13px;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-bottom: 0.23237800154918667em;
}
.listing-post .txt .author {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #b4bbb7;
  font-size: 13px;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
}
.listing-post .txt .category {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  color: #337b59;
  font-size: 12px;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  position: absolute;
  top: -4px;
  right: 2em;
  text-transform: uppercase;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.listing-post .txt .category:hover {
  opacity: 0.6;
}
@media screen and (max-width: 900px) {
  .listing-post .txt .category {
    right: 1em;
  }
}
@media screen and (max-width: 767px) {
  .listing-post .txt .category {
    right: 0;
  }
}
.listing-post .txt .category span {
  margin-left: 0.4615384615384615em;
  font-size: 1.3em;
  position: relative;
  top: 0.23076923076923075em;
}
.listing-post .txt .title {
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #6e7671;
  font-size: 29px;
  border-top: 1px solid #e4eee8;
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.0655172413793104em;
  margin-top: 0;
  padding-top: 0.5517241379310345em;
  margin-bottom: 0.5517241379310345em;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.listing-post .txt .title:hover {
  opacity: 0.6;
}
@media screen and (max-width: 800px) {
  .listing-post .txt .title {
    font-size: 2.7em;
  }
}
@media screen and (max-width: 767px) {
  .listing-post .txt .title {
    font-size: 2.9em;
  }
}
.listing-post .txt p {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0;
}
.featured-post {
  background-color: #4ba178;
  height: 0;
  padding-bottom: 50% !important;
  margin-bottom: 6.6em;
  position: relative;
}
@media screen and (max-width: 900px) {
  .featured-post {
    padding-bottom: 0 !important;
    height: auto;
  }
}
.featured-post > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 900px) {
  .featured-post > div {
    position: relative;
  }
}
.featured-post .img {
  width: 66.8%;
  display: block;
  float: left;
  height: 100%;
}
@media screen and (max-width: 900px) {
  .featured-post .img {
    height: 0;
    padding-bottom: 45%;
    width: 100%;
    float: none;
    position: relative;
  }
}
@media screen and (max-width: 900px) {
  .featured-post .img > span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}
.featured-post .img .img-bg {
  width: 100%;
  height: 100%;
  display: block;
  background-size: cover;
  background-position: center;
}
.featured-post .txt {
  width: 33.2%;
  float: left;
  height: 100%;
  padding-left: 4.5%;
  max-width: 28%;
}
@media screen and (max-width: 900px) {
  .featured-post .txt {
    width: 100%;
    max-width: 100%;
    padding: 3em;
    position: relative;
  }
}
.featured-post .txt .table-cell {
  text-align: left;
}
.featured-post .txt .date {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #337b59;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.015em;
  display: block;
  font-size: 13px;
  margin-bottom: 0.23255813953488372em;
}
.featured-post .txt .author {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #337b59;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.015em;
  display: block;
}
.featured-post .txt .cat-area-wrapper {
  margin-top: 9px;
  margin-bottom: 1.2em;
}
.featured-post .txt .category {
  color: #337b59;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  letter-spacing: -0.015em;
  display: inline-block;
  text-transform: uppercase;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
  line-height: 15px;
}
.featured-post .txt .category:hover {
  opacity: 0.6;
}
.featured-post .txt .icon-tag {
  font-size: 13px;
  margin-right: 0.4615384615384615em;
  top: -0.07692307692307693em;
  position: relative;
  float: left;
}
.featured-post .txt span {
  color: #337b59;
  font-size: 12px;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  display: inline-block;
}
.featured-post .txt .title {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 31px;
  letter-spacing: -0.015em;
  display: block;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.featured-post .txt .title:hover {
  opacity: 0.6;
}
@media screen and (max-width: 900px) {
  .featured-post .txt .title {
    margin-top: 0.46451612903225803em;
    padding-top: 0.4129032258064516em;
  }
}
.featured-post .txt p {
  font-size: 15px;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.015em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  margin: 0;
  margin-top: 1em;
  margin-bottom: 1.4864864864864866em;
}
.featured-post .txt .more {
  font-size: 12px;
  color: #337b59;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.015em;
  display: block;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.featured-post .txt .more:hover {
  opacity: 0.6;
}
.featured-post .txt .more span {
  margin-right: 0.25em;
}
.category .top-area {
  padding-bottom: 3.5em;
}
.category .top-area h1 {
  max-width: calc(100% - 450px);
}
@media screen and (max-width: 1000px) {
  .category .top-area h1 {
    max-width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .category .news-area .featured-post {
    width: calc(100% + 60px);
    margin-left: -30px;
  }
}
@media screen and (max-width: 767px) {
  .category .news-area .listing-post .txt {
    padding: 0;
  }
}
#load-more,
#load-more-search {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 1.6em;
  color: #343434;
  height: 3.125em;
  line-height: 3.125em;
  display: block;
  background-color: #e4eee8;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.035em;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
  margin-bottom: 6.25em;
  margin-top: 1.3125em;
}
#load-more:hover,
#load-more-search:hover {
  opacity: 0.6;
}
@media screen and (max-width: 500px) {
  #load-more,
  #load-more-search {
    margin-top: 0;
    margin-bottom: 3.75em;
  }
}
.search-area .search-form {
  height: 7em;
}
@media screen and (max-width: 767px) {
  .search-area .search-form {
    height: auto;
  }
}
.search-area .search-form .input-wrapper {
  overflow: hidden;
  height: 100%;
  padding-right: 0.2em;
}
@media screen and (max-width: 767px) {
  .search-area .search-form .input-wrapper {
    height: 7em;
    margin-bottom: 0.8em;
    padding-right: 0;
  }
}
.search-area .search-form .input-wrapper input {
  height: 100%;
  border: 0;
  width: 100%;
  border: 1px solid #b4bbb7;
  font-size: 2.7em;
  padding: 0 1.111111111111111em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #343434;
}
.search-area .search-form button {
  height: 100%;
  color: white;
  font-size: 2.1em;
  line-height: 3.333333333333333em;
  width: 13.761904761904761em;
  float: right;
  background-color: #43936d;
  border: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.025em;
  padding: 0;
  cursor: pointer;
  -webkit-transition: background 0.3s linear 0s;
  -moz-transition: background 0.3s linear 0s;
  -o-transition: background 0.3s linear 0s;
  transition: background 0.3s linear 0s;
}
.search-area .search-form button:hover {
  background-color: #343434;
}
@media screen and (max-width: 767px) {
  .search-area .search-form button {
    width: 100%;
  }
}
.search-area .search-form button.submit_desk {
  display: block;
}
@media screen and (max-width: 767px) {
  .search-area .search-form button.submit_desk {
    display: none;
  }
}
.search-area .search-form button.submit_mob {
  display: none;
}
@media screen and (max-width: 767px) {
  .search-area .search-form button.submit_mob {
    display: block;
  }
}
.search-results-inner {
  margin: 9em 0;
}
@media screen and (max-width: 500px) {
  .search-results-inner {
    margin: 6em 0;
  }
}
.search-no-results .search-message p {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 2.69em;
  letter-spacing: -0.015em;
  margin: 0;
}
@media screen and (max-width: 767px) {
  .search-no-results .search-message p {
    font-size: 18px;
  }
}
.bottom-posts-area {
  margin-bottom: 6em;
  background-color: white;
  position: relative;
}
.bottom-posts-area .row-gap-30:after {
  content: '';
  width: calc(100%  - 40px);
  height: 1px;
  background-color: #e4eee8;
  margin: 0 auto;
}
.bottom-posts-area .top-group {
  margin-bottom: 5em;
}
.bottom-posts-area .cat-link {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #343434;
  font-size: 4.1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 0.926829268292683em;
  letter-spacing: -0.035em;
  margin: 0;
  display: block;
  margin-bottom: 0.12195121951219513em;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.bottom-posts-area .cat-link:hover {
  opacity: 0.6;
}
.bottom-posts-area p {
  color: #6e7671;
  font-size: 1.7em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
.bottom-posts-area .first-group-cat {
  border-right: 1px solid #e4eee8;
  padding-top: 10.6em !important;
}
.bottom-posts-area .first-group-cat .cat-link {
  margin-bottom: 0.24390243902439027em;
}
.bottom-posts-area .first-group-cat article {
  margin-bottom: 4em;
}
.bottom-posts-area .first-group-cat article a {
  display: block;
}
.bottom-posts-area .first-group-cat article:last-of-type {
  margin-bottom: 0;
}
.bottom-posts-area .first-group-cat article .img {
  width: 19em;
  height: 12.3em;
  background-size: cover;
  background-position: center;
  float: left;
  margin-right: 2.8em;
  background-color: #eaedeb;
}
.bottom-posts-area .first-group-cat article .txt {
  border-top: 1px solid #e4eee8;
  padding-top: 2.1em;
  overflow: hidden;
  display: block;
}
.bottom-posts-area .first-group-cat article .txt h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 25px;
  letter-spacing: -0.015em;
  color: #6e7671;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-bottom: 0.4em;
  margin-top: 0;
  -webkit-transition: color 0.3s linear 0s;
  -moz-transition: color 0.3s linear 0s;
  -o-transition: color 0.3s linear 0s;
  transition: color 0.3s linear 0s;
}
.bottom-posts-area .first-group-cat article .txt h2:hover {
  color: #343434;
}
.bottom-posts-area .first-group-cat article .txt p {
  font-size: 14.9px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  letter-spacing: -0.015em;
  line-height: 1.2857142857142858em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
.bottom-posts-area .first-group-cat .more {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  color: #337b59;
  font-size: 1.7em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.035em;
  float: right;
  display: block;
  margin-top: 2.6842105263157894em;
  margin-bottom: 5.157894736842106em;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
  letter-spacing: 0.045em;
}
.bottom-posts-area .first-group-cat .more:hover {
  opacity: 0.6;
}
.bottom-posts-area .second-group-cat {
  padding-top: 10.6em !important;
}
.bottom-posts-area .second-group-cat article {
  border-bottom: 1px solid #e4eee8;
  padding-bottom: 3.3em;
  margin-bottom: 3.3em;
}
.bottom-posts-area .second-group-cat article:last-of-type {
  margin-bottom: 0;
}
.bottom-posts-area .second-group-cat article .date {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 35px;
  letter-spacing: -0.035em;
  color: #b4bbb7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0.2857142857142857em;
}
.bottom-posts-area .second-group-cat article .time {
  color: #b4bbb7;
  font-size: 15px;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bottom-posts-area .second-group-cat article .place,
.bottom-posts-area .second-group-cat article .divider {
  color: #b4bbb7;
  font-size: 15px;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bottom-posts-area .second-group-cat article h2 {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 27px;
  letter-spacing: -0.015em;
  color: #2b2b2b;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-top: 0.1111111111111111em;
}
.bottom-posts-area .second-group-cat .more {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  color: #337b59;
  font-size: 1.7em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.035em;
  float: right;
  display: block;
  margin-top: 2.6842105263157894em;
  margin-bottom: 5.157894736842106em;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
  letter-spacing: 0.045em;
}
.bottom-posts-area .second-group-cat .more:hover {
  opacity: 0.6;
}
.bottom-posts-area .third-group-cat {
  padding-top: 7.8em !important;
  position: relative;
}
.bottom-posts-area .third-group-cat .cat-link {
  font-size: 3.5em;
  margin-bottom: 0.39999999999999997em;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.bottom-posts-area .third-group-cat .cat-link:hover {
  opacity: 0.6;
}
.bottom-posts-area .third-group-cat p {
  font-size: 14px;
  line-height: 1.2857142857142858em;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
}
.bottom-posts-area .third-group-cat article {
  padding-bottom: 5.454545454545454em;
}
.bottom-posts-area .third-group-cat article .txt {
  padding-bottom: 6.4em;
}
.bottom-posts-area .third-group-cat article .txt:before {
  content: '';
  width: calc(25%  - 2em - 2em);
  height: 1px;
  background-color: #e4eee8;
  position: absolute;
  bottom: 0;
}
.bottom-posts-area .third-group-cat article .txt .cat-link {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.015em;
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #337b59;
  text-transform: uppercase;
  margin-bottom: 1.0909090909090908em;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.bottom-posts-area .third-group-cat article .txt .cat-link:hover {
  opacity: 0.6;
}
.bottom-posts-area .third-group-cat article .txt .title {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 21px;
  letter-spacing: -0.015em;
  line-height: 1.0952380952380951em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #6e7671;
  display: block;
  margin-bottom: 0.2857142857142857em;
  -webkit-transition: color 0.3s linear 0s;
  -moz-transition: color 0.3s linear 0s;
  -o-transition: color 0.3s linear 0s;
  transition: color 0.3s linear 0s;
}
.bottom-posts-area .third-group-cat article .txt .title:hover {
  color: #343434;
}
@media screen and (max-width: 767px) {
  .bottom-posts-area .row.row-gap-30 {
    margin-left: 0;
    margin-right: 0;
  }
  .bottom-posts-area .row.row-gap-30:after {
    display: none;
  }
  .bottom-posts-area .row.row-gap-30 .col {
    padding: 0;
  }
  .bottom-posts-area .first-group-cat {
    width: 100%;
    border-right: 0;
    margin-bottom: 6em;
    float: none;
  }
  .bottom-posts-area .first-group-cat .more {
    margin-bottom: 0;
  }
  .bottom-posts-area .second-group-cat {
    padding-top: 0 !important;
    width: 100%;
    float: none;
  }
  .bottom-posts-area .second-group-cat .more {
    margin-bottom: 0;
  }
  .bottom-posts-area .third-group-cat {
    margin-left: 0;
    margin-right: 0;
  }
  .bottom-posts-area .third-group-cat .col {
    padding: 0;
    width: 100%;
  }
  .bottom-posts-area .third-group-cat div.col:first-of-type {
    margin-bottom: 5em;
  }
  .bottom-posts-area .third-group-cat .cat-link {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    color: #343434;
    font-size: 4.1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 0.926829268292683em;
    letter-spacing: -0.035em;
    margin: 0;
    display: block;
    margin-bottom: 0.19512195121951223em;
  }
  .bottom-posts-area .third-group-cat article {
    padding-bottom: 5.454545454545454em;
  }
  .bottom-posts-area .third-group-cat article:after {
    display: none;
  }
  .bottom-posts-area .third-group-cat article:last-of-type .txt {
    padding-bottom: 0;
  }
  .bottom-posts-area .third-group-cat article .txt:before {
    display: none;
  }
  .bottom-posts-area .third-group-cat article .txt a {
    font-size: 2.5em;
    line-height: 0.9199999999999999em;
    margin-bottom: 0.2857142857142857em;
  }
}
@media screen and (max-width: 500px) {
  .bottom-posts-area .first-group-cat {
    padding-top: 6em !important;
  }
  .bottom-posts-area .first-group-cat article {
    margin-bottom: 6.4em;
  }
  .bottom-posts-area .first-group-cat article .img-wrapper {
    height: 0;
    padding-bottom: 60%;
    position: relative;
    width: 100%;
    display: block;
  }
  .bottom-posts-area .first-group-cat article .img-wrapper .img {
    float: left;
    margin-right: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .bottom-posts-area .first-group-cat article .txt {
    overflow: visible;
  }
  .bottom-posts-area .third-group-cat article .txt {
    padding-bottom: 5em;
  }
}
.top-posts-area {
  height: 0;
  padding-bottom: 44%;
  position: relative;
  overflow: hidden;
  background-color: #43936d;
}
@media screen and (min-width: 1340px) {
  .top-posts-area {
    padding-bottom: 0;
    height: 589.594px;
  }
}
@media screen and (max-width: 1000px) {
  .top-posts-area {
    padding-bottom: 55%;
  }
}
.top-posts-area .row {
  height: 100%;
}
.top-posts-area .row .col {
  height: 100%;
}
.top-posts-area .page-wrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.top-posts-area .first-col {
  width: 75.5%;
}
.top-posts-area .first-col article {
  height: 100%;
}
.top-posts-area .first-col article .img {
  width: calc(100vw - ( (1366px * 24.5 ) / 100 ) - 30em - ((100vw - 1366px) / 2) );
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: calc((-100vw + 1366px + 80px) / 2 );
}
.top-posts-area .first-col article .img .img-bg {
  display: block;
  height: 100%;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1446px) {
  .top-posts-area .first-col article .img {
    width: calc( 75.5% - 30em - 2em);
    left: 0;
  }
}
.top-posts-area .first-col article .txt {
  width: 30em;
  background-color: #4ba178;
  float: right;
  height: 100%;
  padding-left: 2.5em;
}
.top-posts-area .first-col article .txt .txt-wrapper {
  max-width: 23em;
  text-align: left;
}
.top-posts-area .first-col article .txt .txt-wrapper .date {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #337b59;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-bottom: 0.23255813953488372em;
  font-size: 13px;
}
.top-posts-area .first-col article .txt .txt-wrapper .author {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #337b59;
  letter-spacing: -0.015em;
  font-size: 13px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
}
.top-posts-area .first-col article .txt .txt-wrapper .cat-area-wrapper {
  margin-top: 9px;
  margin-bottom: 1.2em;
}
.top-posts-area .first-col article .txt .txt-wrapper .cat-link {
  color: white;
  font-size: 12px;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  display: inline-block;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
  line-height: 15px;
}
.top-posts-area .first-col article .txt .txt-wrapper .cat-link:hover {
  opacity: 0.6;
}
.top-posts-area .first-col article .txt .txt-wrapper .icon-tag {
  font-size: 1.2em;
  color: white;
  margin-right: 0.5em;
  top: 0.1em;
  position: relative;
  float: left;
}
.top-posts-area .first-col article .txt .txt-wrapper span {
  color: white;
  font-size: 12px;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  display: inline-block;
}
.top-posts-area .first-col article .txt .txt-wrapper .title {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: white;
  font-size: 31px;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  margin-bottom: 0.5483870967741935em;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.top-posts-area .first-col article .txt .txt-wrapper .title:hover {
  opacity: 0.6;
}
.top-posts-area .first-col article .txt .txt-wrapper p {
  font-size: 14.9px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.015em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: white;
  margin: 0;
  margin-bottom: 1.5436241610738255em;
}
.top-posts-area .first-col article .txt .txt-wrapper .more,
.top-posts-area .first-col article .txt .txt-wrapper .more span {
  color: #337b59;
  font-size: 12px;
  letter-spacing: 0.045em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
}
.top-posts-area .first-col article .txt .txt-wrapper .more:hover,
.top-posts-area .first-col article .txt .txt-wrapper .more span:hover {
  opacity: 0.6;
}
.top-posts-area .second-col {
  width: 24.5%;
}
.top-posts-area .second-col article {
  height: 50%;
  position: relative;
}
.top-posts-area .second-col article:before {
  content: '';
  width: 1000px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
}
.top-posts-area .second-col article:first-of-type:before {
  background-color: #43936d;
}
.top-posts-area .second-col article:last-of-type:before {
  background-color: #489b73;
}
.top-posts-area .second-col article .txt {
  height: 100%;
}
.top-posts-area .second-col article .txt .txt-wrapper {
  text-align: left;
  padding-left: 3.5em;
  max-width: 24em;
}
.top-posts-area .second-col article .txt .txt-wrapper .date {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 13px;
  letter-spacing: -0.015em;
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #337b59;
  margin-bottom: 0.23255813953488372em;
}
.top-posts-area .second-col article .txt .txt-wrapper .author {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 13px;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  color: #337b59;
}
.top-posts-area .second-col article .txt .txt-wrapper .cat-area-wrapper {
  margin-top: 9px;
  margin-bottom: 1.2em;
}
.top-posts-area .second-col article .txt .txt-wrapper .cat-link {
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: -0.015em;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
  line-height: 15px;
}
.top-posts-area .second-col article .txt .txt-wrapper .cat-link:hover {
  opacity: 0.6;
}
.top-posts-area .second-col article .txt .txt-wrapper .icon-tag {
  font-size: 1.2em;
  color: white;
  margin-right: 0.4166666666666667em;
  top: 0.1em;
  position: relative;
  float: left;
}
.top-posts-area .second-col article .txt .txt-wrapper span {
  color: white;
  font-size: 12px;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  display: inline-block;
}
.top-posts-area .second-col article .txt .txt-wrapper .title {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 23px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.015em;
  display: block;
  color: white;
  margin-bottom: 0.782608695652174em;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.top-posts-area .second-col article .txt .txt-wrapper .title:hover {
  opacity: 0.6;
}
.top-posts-area .second-col article .txt .txt-wrapper .more,
.top-posts-area .second-col article .txt .txt-wrapper .more span {
  font-size: 12px;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
  color: #337b59;
  letter-spacing: 0.045em;
}
.top-posts-area .second-col article .txt .txt-wrapper .more:hover,
.top-posts-area .second-col article .txt .txt-wrapper .more span:hover {
  opacity: 0.6;
}
@media screen and (max-width: 767px) {
  .top-posts-area {
    padding-bottom: 0;
    height: auto;
  }
  .top-posts-area .page-wrapper {
    position: relative;
    padding: 0;
  }
  .top-posts-area .first-col {
    width: 100%;
    height: auto;
  }
  .top-posts-area .first-col article {
    position: relative;
    height: 100%;
  }
  .top-posts-area .first-col article .img {
    width: 50%;
    left: 0;
  }
  .top-posts-area .first-col article .txt {
    width: 50%;
    padding: 2.5em;
    padding-right: 30px;
    padding-top: 3em;
    padding-bottom: 3em;
  }
  .top-posts-area .first-col article .txt .txt-wrapper {
    max-width: 100%;
  }
  .top-posts-area .second-col {
    width: 100%;
  }
  .top-posts-area .second-col article {
    width: 50%;
    float: left;
    height: 30em;
  }
  .top-posts-area .second-col article:before {
    width: 100%;
    left: 0;
    height: 100%;
  }
  .top-posts-area .second-col article .txt {
    padding: 3em;
  }
  .top-posts-area .second-col article .txt .txt-wrapper {
    padding: 0;
    max-width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .top-posts-area .first-col {
    width: 100%;
    height: auto;
  }
  .top-posts-area .first-col article .img {
    width: 100%;
    height: 0;
    padding-bottom: 50%;
    position: relative;
  }
  .top-posts-area .first-col article .img .img-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .top-posts-area .first-col article .txt {
    float: none;
    width: 100%;
  }
  .top-posts-area .second-col article {
    width: 100%;
    float: none;
    height: auto;
  }
}
.no-events-msg-home {
  color: #6e7671;
  font-size: 1.7em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
}
.top-area-filters .page-wrapper {
  position: relative;
}
.top-area-filters .filters-area-wrapper {
  position: absolute;
  top: 20px;
  right: 40px;
  width: 45em;
  z-index: 2;
}
@media screen and (max-width: 1000px) {
  .top-area-filters .filters-area-wrapper {
    position: relative;
    margin-top: 4em;
    height: 51px;
    top: 0;
    right: auto;
    width: 67%;
  }
}
@media screen and (max-width: 767px) {
  .top-area-filters .filters-area-wrapper {
    width: 100%;
    height: 118px;
  }
}
.top-area-filters .filters-area .filter {
  cursor: pointer;
  border-right: 1px solid white;
  border-left: 1px solid white;
  border-bottom: 1px solid white;
}
.top-area-filters .filters-area .filter:first-child {
  padding-right: 0;
  margin-right: 1em;
}
.top-area-filters .filters-area .filter > ul {
  border-top: 1px solid #b4bbb7;
  -webkit-transition: border 0.3s linear 0s;
  -moz-transition: border 0.3s linear 0s;
  -o-transition: border 0.3s linear 0s;
  transition: border 0.3s linear 0s;
}
.top-area-filters .filters-area .filter > ul .current-cat > a {
  color: #343434;
}
.top-area-filters .filters-area .filter > ul > li:first-child {
  border-top: 0;
  position: relative;
}
.top-area-filters .filters-area .filter > ul > li:first-child a {
  display: inline-block;
}
.top-area-filters .filters-area .filter > ul > li:first-child:before {
  content: '\e903';
  width: 4.545454545454545em;
  line-height: 4.545454545454545em;
  height: 4.545454545454545em;
  display: block;
  font-family: 'icomoon';
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  cursor: pointer;
  font-size: 1.1em;
  color: #b4bbb7;
  -webkit-transition: transform 0.3s linear 0s;
  -moz-transition: transform 0.3s linear 0s;
  -o-transition: transform 0.3s linear 0s;
  transition: transform 0.3s linear 0s;
}
.top-area-filters .filters-area .filter > ul > li:first-child:before:hover {
  color: #343434;
}
.top-area-filters .filters-area .filter > ul > li:last-child > ul.children > li:first-child {
  border-top: 0;
}
.top-area-filters .filters-area .filter li {
  list-style: none;
  border-top: 1px solid #b4bbb7;
  background-color: white;
}
.top-area-filters .filters-area .filter li a,
.top-area-filters .filters-area .filter li span {
  font-size: 15px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #b4bbb7;
  padding: 15px 1.2666666666666666em;
  display: block;
  -webkit-transition: color 0.3s linear 0s;
  -moz-transition: color 0.3s linear 0s;
  -o-transition: color 0.3s linear 0s;
  transition: color 0.3s linear 0s;
}
.top-area-filters .filters-area .filter li a:hover,
.top-area-filters .filters-area .filter li span:hover {
  color: #343434;
}
.top-area-filters .filters-area .filter .toggle-ul {
  display: none;
}
.top-area-filters .filters-area .filter > ul > li > ul > li > ul > li > a {
  padding-left: 1.2666666666666666em;
  font-size: 14px;
}
.top-area-filters .filters-area .filter > ul > li > ul > li > ul > li > ul > li > a {
  padding-left: 2.3333333333333335em;
}
.top-area-filters .filters-area .filter.cat-filter {
  width: 25.5em;
}
.top-area-filters .filters-area .filter.cat-filter .toggle-ul > .current-cat {
  border-top: 0;
}
.top-area-filters .filters-area .filter.type-filter {
  width: 18.5em;
}
.top-area-filters .filters-area .filter.filter-open {
  border-right: 1px solid #b4bbb7;
  border-left: 1px solid #b4bbb7;
  border-bottom: 1px solid #b4bbb7;
}
.top-area-filters .filters-area .filter.filter-open > ul > li:first-child:before {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
@media screen and (max-width: 767px) {
  .top-area-filters .filters-area .filter {
    width: 100%;
    padding-right: 0;
    margin-bottom: 2em;
    position: absolute;
    top: 0;
    left: 0;
  }
  .top-area-filters .filters-area .filter:first-child {
    margin-right: 0;
  }
  .top-area-filters .filters-area .filter.cat-filter {
    width: 100%;
  }
  .top-area-filters .filters-area .filter.type-filter {
    width: 100%;
  }
  .top-area-filters .filters-area .filter:first-of-type {
    z-index: 1;
  }
  .top-area-filters .filters-area .filter:last-of-type {
    top: calc(51px + 2em);
    margin-bottom: 0;
  }
}
@media screen and (max-width: 1000px) {
  .top-area-filters .filters-area {
    position: absolute;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .top-area-filters.single-filter .filters-area-wrapper {
    height: 51px;
  }
}
.top-area-filters.single-filter .filters-area .filter {
  float: right;
}
@media screen and (max-width: 1000px) {
  .top-area-filters.single-filter .filters-area .filter {
    float: none;
    top: 0;
  }
}
.posts-navigation {
  width: 100%;
  height: 11.9em;
  position: fixed;
  background-color: #43936d;
  top: 9.6em;
  left: 0;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: transform 0.3s linear 0s;
  -moz-transition: transform 0.3s linear 0s;
  -o-transition: transform 0.3s linear 0s;
  transition: transform 0.3s linear 0s;
  z-index: 1;
}
@media screen and (max-width: 1260px) {
  .posts-navigation {
    top: 60px;
    padding-top: 9.445%;
    height: 0;
  }
}
@media screen and (max-width: 1000px) {
  .posts-navigation {
    display: none;
  }
}
.posts-navigation .page-wrapper {
  height: 100%;
}
@media screen and (max-width: 1260px) {
  .posts-navigation .page-wrapper {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
}
.posts-navigation .page-wrapper .row {
  height: 100%;
}
.posts-navigation .page-wrapper .row .col {
  height: 100%;
}
.posts-navigation .page-wrapper .row .col.col-left .img-wrapper {
  right: 50%;
  left: auto;
}
.posts-navigation .page-wrapper .row .col.col-left .img-wrapper .image {
  background-position: right;
}
.posts-navigation .page-wrapper .row .col.col-left .txt {
  padding-right: 7.5em;
}
.posts-navigation .page-wrapper .row .col.col-right .img-wrapper {
  left: 50%;
  right: auto;
}
.posts-navigation .page-wrapper .row .col.col-right .img-wrapper .image {
  background-position: left;
}
.posts-navigation .page-wrapper .row .col.col-right .txt {
  padding-left: 7.5em;
}
.posts-navigation .page-wrapper .row .col .table-cell {
  text-align: left;
}
.posts-navigation .page-wrapper .txt {
  position: relative;
  z-index: 1;
}
.posts-navigation .page-wrapper .txt .cat-link {
  font-size: 1em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: white;
  text-transform: uppercase;
  letter-spacing: -0.015em;
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0.2em;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.posts-navigation .page-wrapper .txt .cat-link:hover {
  opacity: 0.6;
}
.posts-navigation .page-wrapper .txt .title {
  font-size: 1.6em;
  letter-spacing: -0.015em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: white;
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1em;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
}
.posts-navigation .page-wrapper .txt .title:hover {
  opacity: 0.6;
}
.posts-navigation .page-wrapper .img-wrapper {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  overflow: hidden;
}
.posts-navigation .page-wrapper .img-wrapper .image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 0.2;
  -webkit-filter: blur(3px);
  -moz-filter: blur(3px);
  -o-filter: blur(3px);
  -ms-filter: blur(3px);
  filter: blur(3px);
  background-size: cover;
}
.sticky-post-nav .posts-navigation {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.content-slider {
  height: 100%;
  margin: 0;
}
.content-slider .slick-list,
.content-slider .slick-track {
  height: 100%;
}
.content-slider .img {
  background-size: cover;
  background-position: center;
  height: 100%;
}
.content-slider .slick-next,
.content-slider .slick-prev {
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  font-size: inherit;
  width: 5em;
  height: 7em;
  border-radius: 0;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
  background-color: #3d3d3d;
  text-align: center;
}
.content-slider .slick-next:hover,
.content-slider .slick-prev:hover {
  opacity: 0.6;
}
.content-slider .slick-next:before,
.content-slider .slick-prev:before {
  font-family: 'icomoon' !important;
  font-size: 3em;
  opacity: 1;
  display: block;
}
.content-slider .slick-next {
  right: 0em;
  left: auto;
}
.content-slider .slick-next:before {
  content: "\e90a";
}
.content-slider .slick-prev {
  left: 0em;
  right: auto;
}
.content-slider .slick-prev:before {
  content: "\e90d";
}
.content-slider-outer {
  width: 100%;
  height: 0;
  padding-top: 50%;
  position: relative;
  margin-top: 4em;
  margin-bottom: 4em;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}
.content-slider-outer .content-slider-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.main-search-sticky {
  position: fixed;
  z-index: 3;
  height: 9em;
  width: calc(1446px - 80px);
  left: 50%;
  top: 9.7em;
  -webkit-transform: translateY(-100%) translateX(-50%);
  -moz-transform: translateY(-100%) translateX(-50%);
  -o-transform: translateY(-100%) translateX(-50%);
  -ms-transform: translateY(-100%) translateX(-50%);
  transform: translateY(-100%) translateX(-50%);
  -webkit-transition: transform 0.3s linear 0s;
  -moz-transition: transform 0.3s linear 0s;
  -o-transition: transform 0.3s linear 0s;
  transition: transform 0.3s linear 0s;
}
@media screen and (max-width: 1446px) {
  .main-search-sticky {
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 1100px) {
  .main-search-sticky {
    width: 100%;
    top: 60px;
    height: 60px;
  }
}
.main-search-sticky .search-wrapper {
  width: calc(100% - 9em);
  background-color: #b4bbb7;
}
@media screen and (max-width: 1100px) {
  .main-search-sticky .search-wrapper {
    width: calc(100% - 45px);
  }
}
.main-search-sticky:before {
  width: 1000px;
  height: 100%;
  content: '';
  position: absolute;
  top: 0;
  right: 100%;
  background-color: #b4bbb7;
}
.main-search-sticky .search-form {
  height: 100%;
  /* .hide-submit{
       display: none;
       @media screen and (max-width: 767px) {
         .transform(translateY(100%));
         display: block;
         width: 46px;
         height: 100%;
         position: absolute;
         right: 0;
         top: 0;
         z-index: 1;
       }
     }*/
}
.main-search-sticky .search-form .input-wrapper {
  overflow: hidden;
  height: 100%;
}
.main-search-sticky .search-form .input-wrapper input {
  width: 100%;
  border: 0;
  height: 100%;
  font-size: 2.5em;
  font-family: 'Roboto', sans-serif;
  font-style: italic;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: white;
  background: none;
  letter-spacing: -0.015em;
}
.main-search-sticky .search-form .input-wrapper input::-webkit-input-placeholder {
  color: #ffffff;
  -webkit-opacity: 1 !important;
}
.main-search-sticky .search-form .input-wrapper input::-moz-placeholder {
  color: #ffffff;
  -moz-opacity: 1 !important;
}
.main-search-sticky .search-form .input-wrapper input::-moz-placeholder {
  color: #ffffff;
  -moz-opacity: 1 !important;
}
.main-search-sticky .search-form .input-wrapper input::-ms-placeholder {
  color: #ffffff;
  -moz-opacity: 1;
  -khtml-opacity: 1;
  -webkit-opacity: 1;
  opacity: 1;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;
  filter: alpha(opacity=100) !important;
}
@media screen and (max-width: 1100px) {
  .main-search-sticky .search-form .input-wrapper input {
    padding-left: 14px;
  }
}
.main-search-sticky .search-form .submit {
  width: 2.6176470588235294em;
  float: right;
  font-size: 3.4em;
  color: white;
  border: 0;
  height: 100%;
  border-right: 1px solid #b4bbb7;
  border-left: 1px solid #b4bbb7;
  background: none;
  cursor: pointer;
}
@media screen and (max-width: 1100px) {
  .main-search-sticky .search-form .submit {
    border-left: 0;
    border-right: 1px solid #b4bbb7;
    display: inline-block;
    text-align: center;
    height: 100%;
    vertical-align: middle;
    cursor: pointer;
    font-size: 2.5em;
    width: 46px;
    line-height: 60px;
    margin-right: 0;
  }
}
.main-search-sticky.with-transition .search-form .submit {
  -webkit-transition: transform 0.3s linear 0s;
  -moz-transition: transform 0.3s linear 0s;
  -o-transition: transform 0.3s linear 0s;
  transition: transform 0.3s linear 0s;
}
.main-search-open .main-search-sticky {
  -webkit-transform: translateY(0) translateX(-50%);
  -moz-transform: translateY(0) translateX(-50%);
  -o-transform: translateY(0) translateX(-50%);
  -ms-transform: translateY(0) translateX(-50%);
  transform: translateY(0) translateX(-50%);
}
.main-search-open .main-search-sticky .search-form .submit {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.main-search-open .page-wrapper .right-area .icon-for-search.icon-search {
  display: none;
}
.main-search-open .page-wrapper .right-area .icon-for-search.icon-x {
  display: inline-block;
}
.calendar-section {
  margin-bottom: 8em;
}
.calendar-section .col-7-custom {
  width: 14.28%;
}
.calendar-section .calendar-area .row-calendar {
  display: table;
  width: 100%;
}
.calendar-section .calendar-area .row-helper {
  position: relative;
  top: 1px;
}
.calendar-section .calendar-area .row-helper .cal-day {
  float: left;
}
.calendar-section .calendar-area .cal-day {
  position: relative;
  border: 0;
  float: none;
  display: table-cell;
  vertical-align: top;
}
.calendar-section .calendar-area .cal-day:before {
  content: '';
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  position: absolute;
  top: -0.5px;
  left: -0.5px;
  border: 1px solid #eaeceb;
  pointer-events: none;
}
.calendar-section .calendar-area .cal-day.has-event {
  border: 0;
}
.calendar-section .calendar-area .cal-day.has-event:before {
  content: '';
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  position: absolute;
  top: -0.5px;
  left: -0.5px;
  border: 1px solid #b4bbb7;
  z-index: 1;
}
.calendar-section .calendar-area .cal-day.not-active-before .content {
  opacity: 0.3;
}
.calendar-section .calendar-area .cal-day.not-active-before .date {
  opacity: 0.1;
}
.calendar-section .calendar-area .cal-day.not-active-before:before {
  opacity: 0.3;
}
.calendar-section .calendar-area .cal-day.not-active-after .content {
  opacity: 0.3;
}
.calendar-section .calendar-area .cal-day.not-active-after .date {
  opacity: 0.1;
}
.calendar-section .calendar-area .cal-day.not-active-after:before {
  opacity: 0.3;
}
.calendar-section .calendar-area .cal-day.has-more-events .content .place {
  margin-bottom: 0.3846153846153846em;
}
.calendar-section .calendar-area .cal-day.has-more-events .content .name {
  font-size: 1.6em;
  margin-bottom: 10px;
}
.calendar-section .calendar-area .cal-day.has-more-events .content p {
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 1.5384615384615383em;
  border-bottom: 1px solid #eaeceb;
}
.calendar-section .calendar-area .cal-day.has-more-events .content p:last-of-type {
  border: 0;
  padding-bottom: 0;
}
@media screen and (max-width: 900px) {
  .calendar-section .calendar-area .cal-day.has-more-events .content p {
    padding-bottom: 1em;
  }
}
.calendar-section .calendar-area .cal-day.has-more-events .content .time {
  margin-top: 20px;
  display: block;
}
.calendar-section .calendar-area .cal-day.has-more-events .content .time:first-of-type {
  margin-top: 0;
}
@media screen and (max-width: 900px) {
  .calendar-section .calendar-area .cal-day.has-more-events .content .time {
    margin-top: 0.7692307692307692em;
  }
}
.calendar-section .calendar-area .cal-day .content {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 1.9em;
  position: relative;
  min-height: 300px;
  word-break: break-word;
}
.calendar-section .calendar-area .cal-day .content .time {
  font-size: 1.3em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #b4bbb7;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0.3076923076923077em;
}
.calendar-section .calendar-area .cal-day .content .place {
  font-size: 1.3em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #b4bbb7;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 0.3076923076923077em;
  margin-bottom: 1.6153846153846154em;
}
.calendar-section .calendar-area .cal-day .content .name {
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  font-size: 2.1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.015em;
  color: #2b2b2b;
  line-height: 1.0952380952380951em;
  margin-bottom: 0.19047619047619047em;
}
@media screen and (max-width: 1100px) {
  .calendar-section .calendar-area .cal-day .content .name {
    font-size: 1.7em;
    line-height: 1.1764705882352942em;
    margin-bottom: 0.23529411764705885em;
  }
}
.calendar-section .calendar-area .cal-day .content p {
  font-size: 1.3em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.015em;
  color: #2b2b2b;
}
.calendar-section .calendar-area .cal-day .content a {
  color: #2b2b2b;
}
.calendar-section .calendar-area .cal-day .date {
  font-size: 7.1em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #b4bbb7;
  letter-spacing: -0.075em;
  opacity: 0.3;
  position: absolute;
  bottom: 0.3098591549295775em;
  right: 0.28169014084507044em;
  line-height: 0.619718309859155em;
}
.calendar-section .calendar-area .cal-day .date.with-zero .zero {
  display: none;
}
.calendar-section .calendar-area .cal-day .day {
  font-size: 9px;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #b4bbb7;
  letter-spacing: -0.015em;
  opacity: 0.5;
  position: absolute;
  left: 22px;
  top: 64px;
  display: none;
}
.calendar-section .calendar-area .cal-day.cal-day-helper {
  padding-top: 0;
  border: 0;
  height: 23px;
}
.calendar-section .calendar-area .cal-day.cal-day-helper:before {
  border: 0;
}
.calendar-section .calendar-area .cal-day.cal-day-helper span {
  font-size: 1.5em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #b4bbb7;
}
@media screen and (max-width: 767px) {
  .calendar-section.no-posts {
    display: none;
  }
  .calendar-section .calendar-area .row-helper {
    display: none;
  }
  .calendar-section .calendar-area .row-helper .date {
    opacity: 0.3;
  }
  .calendar-section .page-wrapper {
    padding: 0;
  }
  .calendar-section .page-wrapper .cal-day {
    width: 100%;
    float: none;
    display: none;
  }
  .calendar-section .page-wrapper .cal-day.has-event {
    display: block;
  }
  .calendar-section .page-wrapper .cal-day.has-event:last-of-type {
    border: 0;
  }
  .calendar-section .page-wrapper .cal-day:before {
    display: none;
  }
  .calendar-section .page-wrapper .cal-day.has-event:before {
    display: none;
  }
  .calendar-section .page-wrapper .cal-day.not-active-before {
    display: none;
  }
  .calendar-section .page-wrapper .cal-day.not-active-after {
    display: none;
  }
  .calendar-section .page-wrapper .cal-day .content {
    min-height: 100px;
    padding-left: 90px;
    padding-top: 20px;
    position: relative;
  }
  .calendar-section .page-wrapper .cal-day .content:before {
    content: '';
    width: calc(100% - 90px);
    height: 1px;
    background-color: #eaeceb;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .calendar-section .page-wrapper .cal-day .content .time {
    font-size: 12px;
  }
  .calendar-section .page-wrapper .cal-day .content .place {
    font-size: 12px;
    margin-top: 3px;
    margin-bottom: 11px;
  }
  .calendar-section .page-wrapper .cal-day .content .name {
    font-size: 20px;
  }
  .calendar-section .page-wrapper .cal-day .content p {
    font-size: 13px;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    margin-top: 8px;
    line-height: 15px;
    margin-bottom: 25px;
  }
  .calendar-section .page-wrapper .cal-day .date {
    font-size: 50px;
    right: auto;
    left: 20px;
    bottom: auto;
    top: 25px;
  }
  .calendar-section .page-wrapper .cal-day .date.with-zero {
    padding-left: 28px;
  }
  .calendar-section .page-wrapper .cal-day .date.with-zero .zero {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
  }
  .calendar-section .page-wrapper .cal-day .day {
    display: block;
  }
}
.no-events-msg {
  display: none;
  margin: 40px 0;
}
.no-events-msg h3 {
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #b4bbb7;
  letter-spacing: -0.025em;
}
@media screen and (max-width: 767px) {
  .no-events-msg {
    display: block;
  }
  .no-events-msg .page-wrapper {
    padding: 0 20px;
  }
}
.page-template-events .top-area .page-wrapper {
  position: relative;
}
.page-template-events .top-area .select-months-area {
  height: 50px;
  position: absolute;
  top: 0;
  right: 40px;
  width: 100%;
}
.page-template-events .top-area .select-months-ghost {
  display: none;
  height: 50px;
}
.page-template-events .top-area .select-months {
  position: absolute;
  bottom: 0;
  right: 0;
  height: 3.1em;
  line-height: 3.1em;
  padding-right: 6.7em;
}
.page-template-events .top-area .select-months .month {
  font-size: 1.5em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: #343434;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: text-bottom;
  display: inline-block;
}
.page-template-events .top-area .select-months .arrows {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  right: 0;
  top: 0;
}
.page-template-events .top-area .select-months .icon {
  color: #c6ccc9;
  font-size: 2.5em;
  display: inline-block;
}
.page-template-events .top-area .select-months .icon.icon-arrow_left {
  margin-right: 1em;
}
@media screen and (max-width: 767px) {
  .page-template-events .top-area {
    padding-bottom: 0;
  }
  .page-template-events .top-area .page-wrapper {
    padding: 0;
  }
  .page-template-events .top-area h1 {
    padding-left: 20px;
  }
  .page-template-events .top-area .select-months-area {
    margin-top: 17px;
    position: relative;
    right: 0;
  }
  .page-template-events .top-area .select-months {
    position: static;
    height: 50px;
    line-height: 50px;
    padding-left: 20px;
    border-bottom: 1px solid #eaeceb;
    background-color: white;
  }
  .page-template-events .top-area .select-months .arrows {
    right: 20px;
  }
  .page-template-events .top-area .select-months .month {
    font-size: 13px;
  }
  .page-template-events .top-area .select-months .icon {
    height: 100%;
    vertical-align: top;
    line-height: 50px;
    font-size: 27px;
  }
}
body.fixed-month.page-template-events .select-months {
  position: fixed;
  top: 60px;
  width: 100%;
  left: 0;
  z-index: 1;
}
body.fixed-month.page-template-events .select-months-ghost {
  display: block;
}
.megamenu {
  position: fixed;
  top: 9.7em;
  left: 0;
  z-index: 1;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
}
.megamenu.with-transition .megamenu-outer {
  -webkit-transition: transform 0.6s linear 0s;
  -moz-transition: transform 0.6s linear 0s;
  -o-transition: transform 0.6s linear 0s;
  transition: transform 0.6s linear 0s;
}
.megamenu .megamenu-outer {
  -webkit-transform: translateY(calc(-100% - 1px));
  -moz-transform: translateY(calc(-100% - 1px));
  -o-transform: translateY(calc(-100% - 1px));
  -ms-transform: translateY(calc(-100% - 1px));
  transform: translateY(calc(-100% - 1px));
  background-color: #343434;
}
.megamenu .page-wrapper {
  display: flex;
}
.megamenu .left-col {
  width: 18.3%;
  float: left;
  padding-top: 6em;
  padding-right: 30px;
}
.megamenu .left-col h3 {
  font-family: 'Roboto', sans-serif;
  font-weight: 300;
  font-size: 2.9em;
  letter-spacing: -0.035em;
  color: #b4bbb7;
  line-height: 0.896551724137931em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  margin-bottom: 0.5862068965517241em;
}
.megamenu .left-col p {
  font-size: 1.5em;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #b4bbb7;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  margin: 0;
}
.megamenu .middle-col {
  width: 22.035%;
  float: left;
  border-left: 1px solid #6e7671;
  border-right: 1px solid #6e7671;
  padding-top: 6em;
}
.megamenu .middle-col ul.main li a {
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  -webkit-transition: color 0.3s linear 0s;
  -moz-transition: color 0.3s linear 0s;
  -o-transition: color 0.3s linear 0s;
  transition: color 0.3s linear 0s;
}
.megamenu .middle-col ul.main li a:hover {
  color: #337b59;
}
.megamenu .middle-col ul.main > li > a,
.megamenu .middle-col ul.main > li span {
  font-size: 1.9em;
  letter-spacing: -0.015em;
  color: #ffffff;
  line-height: 0.8947368421052632em;
  padding-left: 1.3157894736842106em;
  padding-right: 1.3157894736842106em;
  padding-top: 0;
  padding-bottom: 0;
  height: 3.2105263157894735em;
  padding-right: 20%;
}
.megamenu .middle-col ul.main > li span {
  display: block;
}
.megamenu .middle-col ul.main > li ul li:last-of-type a {
  border-bottom: 1px solid #6e7671;
}
.megamenu .middle-col ul.main > li ul li a {
  font-size: 1.5em;
  letter-spacing: -0.015em;
  color: #b4bbb7;
  padding-left: 1.6666666666666667em;
  padding-top: 1.4000000000000001em;
  padding-bottom: 1.4000000000000001em;
  border-top: 1px solid #6e7671;
}
.megamenu .right-col {
  width: 59.665%;
  float: left;
  padding-top: 6em;
  padding-bottom: 6.5em;
}
.megamenu .right-col .row-gap-20 {
  padding-left: 14.21%;
}
.megamenu .listing-post {
  margin-bottom: 0;
}
.megamenu .listing-post .img {
  padding-bottom: 61.6%;
  margin-bottom: 2em;
}
.megamenu .listing-post .txt {
  padding: 0;
}
.megamenu .listing-post .txt .title {
  border-top: 0;
  font-size: 2.7em;
  color: #ffffff;
  letter-spacing: -0.015em;
  line-height: 1em;
  padding-top: 0.2222222222222222em;
}
.megamenu .listing-post .txt .date {
  margin-bottom: 0.3872966692486445em;
}
.megamenu .listing-post .txt .category {
  color: #b4bbb7;
}
.megamenu .listing-post .txt .category span {
  color: #b4bbb7;
}
.megamenu .listing-post .txt p {
  color: #ffffff;
  margin-top: 0.7333333333333334em;
}
@media screen and (max-width: 1264px) {
  .megamenu .left-col h3 {
    font-size: 2.2943037974683542vw;
  }
  .megamenu .middle-col ul.main > li > a {
    font-size: 1.5031645569620253vw;
  }
}
@media screen and (max-width: 1000px) {
  .megamenu .right-col {
    padding-left: 40px;
  }
  .megamenu .right-col .row-gap-20 {
    padding-left: 0;
    margin: 0;
  }
  .megamenu .right-col .row-gap-20 .col {
    padding: 0;
  }
  .megamenu .right-col .listing-post {
    width: 100%;
  }
  .megamenu .right-col .listing-post:last-of-type {
    display: none;
  }
}
@media screen and (max-width: 1100px) {
  .megamenu {
    position: relative;
    top: 0;
    margin-top: 8px;
  }
  .megamenu .megamenu-outer {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: none 0.2s ease-out 0s;
    -moz-transition: none 0.2s ease-out 0s;
    -o-transition: none 0.2s ease-out 0s;
    transition: none 0.2s ease-out 0s;
  }
  .megamenu .megamenu-outer .page-wrapper {
    display: block;
    padding: 0;
  }
  .megamenu .megamenu-outer .middle-col {
    width: 100%;
    padding-top: 0;
    border-left: 0;
    border-right: 0;
  }
  .megamenu .megamenu-outer .middle-col ul.main > li > span {
    display: none;
  }
  .megamenu .megamenu-outer .middle-col ul.main > li > ul li a {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    color: white;
    padding-left: 0;
  }
  .megamenu .megamenu-outer .left-col {
    display: none;
  }
  .megamenu .megamenu-outer .right-col {
    display: none;
  }
}
.megamenu.shown {
  pointer-events: all;
}
.megamenu.shown .megamenu-outer {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.modal-area {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 4;
  padding: 0 10em;
  overflow: auto;
  padding: 12em 8em 12em 4em;
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.modal-area.closing-transition {
  -webkit-transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -moz-transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -o-transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
}
.modal-area .modal-wrapper {
  -webkit-box-shadow: 0px 0px 54px -1px rgba(0, 0, 0, 0.47);
  -moz-box-shadow: 0px 0px 54px -1px rgba(0, 0, 0, 0.47);
  box-shadow: 0px 0px 54px -1px rgba(0, 0, 0, 0.47);
  max-width: 90em;
  height: auto;
  background-color: white;
  text-align: left;
  position: relative;
  margin: 0 auto;
}
.modal-area .modal_first {
  padding: 4em;
  padding-top: 3.1em;
}
.modal-area .modal_first .title {
  font-size: 4.1em;
  letter-spacing: -0.035em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  color: #337b59;
  margin-top: 0;
  margin-bottom: 0.12195121951219513em;
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal-area .modal_first p {
  font-size: 1.7em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  color: #343434;
  line-height: 1.4705882352941178em;
  margin: 0;
  margin-bottom: 1.4705882352941178em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.modal-area .modal_first img {
  width: 100%;
  height: auto;
  padding-top: 0;
}
.modal-area .modal_first .video-wrapper {
  width: 100%;
  height: 0;
  padding-top: 56%;
  position: relative;
}
.modal-area .modal_second {
  padding: 2.8em;
  position: relative;
}
.modal-area .modal_second .overlay {
  background-color: #343434;
}
.modal-area .modal_second .content {
  position: relative;
}
.modal-area .modal_second .img {
  width: 100%;
  opacity: 0.6;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.modal-area .modal_second .txt {
  max-width: 75.5em;
  margin: 0 auto;
  padding-top: 13.3em;
  padding-bottom: 13.3em;
  position: relative;
  z-index: 1;
  padding-left: 5em;
  padding-right: 5em;
}
.modal-area .modal_second .icon-quotes {
  font-size: 15.8em;
  color: white;
  opacity: 0.2;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(25%, -45%);
  -moz-transform: translate(25%, -45%);
  -o-transform: translate(25%, -45%);
  -ms-transform: translate(25%, -45%);
  transform: translate(25%, -45%);
  left: 50%;
}
.modal-area .modal_second .title {
  font-size: 6em;
  font-family: 'Roboto', sans-serif;
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1em;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 50%;
  margin: 0;
}
.modal-area .modal_second p {
  font-size: 2.6em;
  color: white;
  letter-spacing: -0.015em;
  line-height: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 0.8076923076923077em;
  margin-bottom: 1.6153846153846154em;
  line-height: 1.1923076923076923em;
}
@media screen and (max-width: 500px) {
  .modal-area .modal_second .txt {
    font-size: 5px;
  }
}
@media screen and (max-width: 400px) {
  .modal-area .modal_second {
    padding: 2em;
  }
  .modal-area .modal_second .txt {
    padding-top: 10em;
    padding-bottom: 10em;
  }
  .modal-area .modal_second .title {
    font-size: 5em;
  }
  .modal-area .modal_second .btn {
    padding: 0 12px;
    font-size: 9px;
    width: 100%;
    text-align: center;
  }
}
.modal-area .close-btn {
  width: 6.5em;
  height: 6.5em;
  cursor: pointer;
  position: absolute;
  top: 2.7em;
  left: 100%;
  background-color: #343434;
  text-align: center;
}
.modal-area .close-btn .icon-x {
  color: white;
  font-size: 2em;
  display: block;
  width: 100%;
  height: 100%;
  line-height: 3.25em;
}
@media screen and (min-width: 767px) {
  .modal-area {
    padding: 8em 8em 8em 4em;
  }
}
body.modal-open {
  overflow: hidden;
}
body.modal-open .modal-area {
  -webkit-transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -moz-transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -o-transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
#share-buttons {
  text-align: center;
}
#share-buttons .inner {
  border-top: 1px solid #e4eee8;
  padding: 9em 0;
  padding-top: 8em;
  padding-left: 10px;
  padding-right: 10px;
  margin-right: -10px;
  margin-left: -10px;
}
#share-buttons .title {
  font-size: 4.1em;
  letter-spacing: -0.035em;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#share-buttons .btns-area {
  margin-top: 3em;
}
#share-buttons .btn {
  font-size: 1.68em;
  letter-spacing: 0.045em;
  display: inline-block;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  height: 3.333333333333333em;
  line-height: 3.333333333333333em;
  border: 1px solid #eaedeb;
  color: #6e7671;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
#share-buttons .btn:hover {
  color: white;
  background-color: #6e7671;
  border: 1px solid #6e7671;
}
@media screen and (max-width: 600px) {
  #share-buttons .inner {
    padding-top: 6em;
  }
}
@media screen and (max-width: 550px) {
  #share-buttons .btn {
    display: block;
    margin-bottom: 10px;
  }
  #share-buttons .btn:last-of-type {
    margin-bottom: 0;
  }
}
.page-template-promo-page .newsletter {
  margin-top: 6em;
  margin-bottom: 6em;
}
.page-template-promo-page .newsletter .form-area {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}
.page-template-promo-page footer,
.page-template-promo-page #main-nav,
.page-template-promo-page .right-area .icon-search.icon-search_desk,
.page-template-promo-page .burger-area {
  display: none;
}
.page-template-promo-page .main-content {
  margin-bottom: 9em;
}
.page-template-promo-page .main-content img.featured-img {
  margin-top: 8.7em;
}
.page-template-promo-page .top-area {
  border-bottom: 0;
  padding-bottom: 0;
}
.page-template-promo-page header .page-wrapper .icon-psk {
  padding-left: 0.58em;
  border-left: 1px solid #e4eee8;
}
.page-template-promo-page #main-content {
  padding-top: calc(9.7em + 10px);
  padding-bottom: 6em;
}
@media screen and (max-width: 767px) {
  .page-template-promo-page .newsletter .form-area {
    padding: 6em 0;
  }
  .page-template-promo-page #main-content {
    padding-top: calc(10px + 60px);
  }
  .page-template-promo-page .header-pad {
    padding-top: 4.4em;
  }
  .page-template-promo-page .main-content img.featured-img {
    margin-top: 6em;
    margin-bottom: 6em;
  }
  .page-template-promo-page header .page-wrapper .icon-psk {
    padding-left: 0;
    border-left: 0;
  }
  .page-template-promo-page header .page-wrapper .right-area {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  .page-template-promo-page .main-content {
    margin-bottom: 6em;
  }
}
@media screen and (max-width: 650px) {
  .page-template-promo-page #main-content {
    padding-bottom: 100px;
  }
}
.page-template-promo-page .sticky-area {
  background-color: #43936d;
  height: 6em;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.page-template-promo-page .sticky-area .page-wrapper {
  position: relative;
}
.page-template-promo-page .sticky-area .return-to-site-small-wrapper {
  text-align: left;
}
.page-template-promo-page .sticky-area .return-to-site-small {
  font-size: 1.6em;
  color: #337b59;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  height: 2.25em;
  line-height: 2.25em;
  position: absolute;
  top: 0;
  right: 40px;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
  -webkit-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -o-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}
.page-template-promo-page .sticky-area .return-to-site-small.shown {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  opacity: 1;
}
.page-template-promo-page .sticky-area .return-to-site-small:hover {
  color: white;
}
.page-template-promo-page .sticky-area #share-buttons .page-wrapper {
  padding: 0;
}
.page-template-promo-page .sticky-area #share-buttons .inner {
  padding: 0;
  text-align: left;
  margin: 0;
  border-top: 0;
}
.page-template-promo-page .sticky-area #share-buttons .btns-area {
  margin-top: 0;
}
.page-template-promo-page .sticky-area #share-buttons .title {
  display: inline-block;
  font-size: 2em;
  margin-right: 1em;
  color: #337b59;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.page-template-promo-page .sticky-area #share-buttons .btn {
  font-size: 1.5em;
  height: 2.3333333333333335em;
  line-height: 2.3333333333333335em;
  padding: 0;
  text-align: center;
  width: 9.333333333333334em;
  border: 1px solid #337b59;
  margin-right: 0.3333333333333333em;
  color: #337b59;
}
.page-template-promo-page .sticky-area #share-buttons .btn:last-of-type {
  margin-right: 0;
}
.page-template-promo-page .sticky-area #share-buttons .btn:hover {
  background-color: #43936d;
  color: white;
  border: 1px solid white;
}
.page-template-promo-page .sticky-area #share-buttons .btns-area {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .page-template-promo-page .sticky-area .return-to-site-small {
    right: 30px;
  }
}
@media screen and (max-width: 650px) {
  .page-template-promo-page .sticky-area {
    height: auto;
    padding: 22px 0;
  }
  .page-template-promo-page .sticky-area .return-to-site-small {
    position: static;
    height: auto;
    line-height: normal;
  }
  .page-template-promo-page .sticky-area #share-buttons .title {
    display: none;
  }
  .page-template-promo-page .sticky-area #share-buttons .btns-area {
    margin-bottom: 13px;
  }
  .page-template-promo-page .sticky-area #share-buttons .inner {
    display: inline-block;
  }
}
@media screen and (max-width: 550px) {
  .page-template-promo-page .sticky-area #share-buttons .btn {
    display: inline-block;
    margin-bottom: 0;
  }
}
@media screen and (max-width: 420px) {
  .page-template-promo-page .sticky-area #share-buttons .btn {
    display: inline-block;
    margin-bottom: 0;
    width: 81px;
  }
}
.progress-bar-wrapper {
  height: 10px;
  background-color: #43936d;
  position: fixed;
  top: 9.7em;
  width: 100%;
  z-index: 1;
}
.progress-bar-wrapper .progress-bar {
  background-color: #337b59;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .progress-bar-wrapper {
    top: 60px;
  }
}
.newsletter .checkbox-area {
  float: left;
}
.newsletter .form-area form .input-area input[type="checkbox"] {
  -webkit-appearance: checkbox;
}
#cookie-consent {
  z-index: 999999999999;
  position: fixed;
  bottom: 0;
  left: 0;
  padding: 1em 1.8em;
  flex-wrap: wrap;
  pointer-events: all;
  background: #1f492f;
  color: #fff;
  text-align: left;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  -webkit-transition: all 1s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -moz-transition: all 1s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -o-transition: all 1s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  transition: all 1s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  display: none;
}
#cookie-consent ul {
  display: inline;
}
#cookie-consent ul li {
  display: inline;
}
@media screen and (max-width: 500px) {
  #cookie-consent {
    padding: 1em 8px;
  }
}
#cookie-consent.before-shown {
  display: flex;
}
#cookie-consent.shown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
#cookie-consent .top-side {
  display: flex;
}
#cookie-consent .left-side {
  font-size: 1.3em;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding-right: 10px;
  line-height: 14px;
  padding-left: 10px;
}
#cookie-consent .left-side a {
  color: #fff;
  text-decoration: underline;
}
#cookie-consent .right-side div {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
#cookie-consent .left-side .show-cookie-preferences {
  text-decoration: underline;
  cursor: pointer;
}
#CybotCookiebotDialog {
  display: none !important;
}
.gdpr-popup-wrapper {
  position: fixed;
  pointer-events: none;
  background-color: rgba(255, 255, 255, 0);
  z-index: 999999999999;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  -o-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: all 1s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -moz-transition: all 1s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -o-transition: all 1s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  transition: all 1s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  display: none;
}
.gdpr-popup-wrapper.before-shown {
  display: block;
}
.gdpr-popup-wrapper.shown {
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  pointer-events: all;
}
.gdpr-popup-wrapper.active {
  background-color: rgba(255, 255, 255, 0.8);
}
.gdpr-popup-wrapper.active .gdpr-popup .close-popup {
  opacity: 1;
}
.gdpr-popup {
  pointer-events: none;
  position: relative;
  height: 100%;
}
.gdpr-popup .gdpr-popup-inner-wrapper {
  max-width: 700px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 6.5em 0;
  margin: 0 auto;
  pointer-events: all;
}
.gdpr-popup .inner {
  background: #fff;
  border: 1px solid #1f492f;
  padding: 5em;
  flex-shrink: 0;
  position: relative;
}
.gdpr-popup .title {
  font-size: 2.5em;
  letter-spacing: -0.02em;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  color: #1f492f;
  margin-bottom: 0.4em;
}
.gdpr-popup .subtitle {
  font-weight: 400;
}
.gdpr-popup .line {
  width: 100%;
  height: 1px;
  background-color: #1f492f;
  margin: 3em 0;
}
.gdpr-popup .line + .checkbox-area {
  border-top: 0;
  padding-top: 0;
}
.gdpr-popup p {
  text-align: justify;
  font-size: 15px;
  color: #1f492f;
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.2380952380952381em;
}
.gdpr-popup a {
  color: #1f492f;
  text-decoration: underline;
}
.gdpr-popup .btn-area {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 3em;
}
.gdpr-popup .btn-area .btn-gdpr {
  margin: 0;
}
.gdpr-popup .close-popup {
  position: absolute;
  top: 3em;
  right: 3em;
  width: 2.3em;
  height: 2.3em;
  cursor: pointer;
  opacity: 0;
  -webkit-transition: opacity 0.4s linear 0s;
  -moz-transition: opacity 0.4s linear 0s;
  -o-transition: opacity 0.4s linear 0s;
  transition: opacity 0.4s linear 0s;
}
.gdpr-popup .close-popup:before,
.gdpr-popup .close-popup:after {
  content: '';
  width: 3em;
  height: 1px;
  background-color: #1f492f;
  position: absolute;
  top: 0;
  left: 50%;
}
.gdpr-popup .close-popup:before {
  -webkit-transform: translateY(1.15em) translateX(-50%) rotate(45deg);
  -moz-transform: translateY(1.15em) translateX(-50%) rotate(45deg);
  -o-transform: translateY(1.15em) translateX(-50%) rotate(45deg);
  -ms-transform: translateY(1.15em) translateX(-50%) rotate(45deg);
  transform: translateY(1.15em) translateX(-50%) rotate(45deg);
}
.gdpr-popup .close-popup:after {
  -webkit-transform: translateY(1.15em) translateX(-50%) rotate(-45deg);
  -moz-transform: translateY(1.15em) translateX(-50%) rotate(-45deg);
  -o-transform: translateY(1.15em) translateX(-50%) rotate(-45deg);
  -ms-transform: translateY(1.15em) translateX(-50%) rotate(-45deg);
  transform: translateY(1.15em) translateX(-50%) rotate(-45deg);
}
.gdpr-popup .checkbox-area {
  display: flex;
  flex-wrap: wrap;
  margin-top: 1.5em;
  margin-bottom: 2em;
  align-items: center;
  border-top: 1px solid rgba(162, 170, 183, 0.3);
  padding-top: 2em;
}
.gdpr-popup .checkbox-area p {
  font-weight: 500;
  margin: 0.1em 0;
}
.gdpr-popup .checkbox-area.inactive {
  pointer-events: none;
}
.gdpr-popup .checkbox-area.inactive label {
  opacity: 0.3;
}
.gdpr-popup .checkbox-area label {
  width: 1.8em;
  height: 1.8em;
  margin-right: 1em;
  cursor: pointer;
}
.gdpr-popup .checkbox-area label span {
  border: 1px solid #1f492f;
}
.gdpr-popup .checkbox-area label span:before {
  content: '';
  display: block;
  background: #1f492f;
  position: absolute;
  height: 0.1em;
  width: 0.4em;
  top: 1.2em;
  left: 0.7em;
  transform: rotate(-140deg);
  transform-origin: left top;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .gdpr-popup .checkbox-area label span:before {
    left: 0.6em;
  }
}
.gdpr-popup .checkbox-area label span:after {
  content: '';
  display: block;
  transform: rotate(-55deg);
  width: 0.9em;
  height: 0.1em;
  top: 1.2em;
  left: 0.7em;
  background: #1f492f;
  position: absolute;
  transform-origin: left top;
  opacity: 0;
}
@media screen and (max-width: 767px) {
  .gdpr-popup .checkbox-area label span:after {
    left: 0.6em;
  }
}
.gdpr-popup .checkbox-area input[type="checkbox"] {
  display: none;
}
.gdpr-popup .checkbox-area input[type="checkbox"]:checked + label span:before {
  opacity: 1;
}
.gdpr-popup .checkbox-area input[type="checkbox"]:checked + label span:after {
  opacity: 1;
}
.gdpr-popup .error {
  display: none;
  font-size: 11px;
  margin-right: 20px;
  color: #343434;
}
.gdpr-popup .error.shown {
  display: block;
}
@media screen and (max-width: 767px) {
  .gdpr-popup {
    padding: 20px;
  }
  .gdpr-popup .cookie-popup-inner-wrapper {
    padding: 0;
  }
  .gdpr-popup .cookie-popup-inner-wrapper .inner {
    padding: 30px;
  }
  .gdpr-popup .cookie-popup-inner-wrapper .close-popup {
    top: 2em;
    right: 2em;
  }
}
@media screen and (max-width: 500px) {
  .gdpr-popup .inner {
    padding: 5em 3em 4em;
  }
  .gdpr-popup .close-popup {
    top: 2em;
    right: 2em;
  }
  .gdpr-popup p {
    text-align: left;
  }
  .gdpr-popup .error {
    text-align: right;
  }
}
.btn-gdpr {
  display: inline-block;
  border: 1px solid #ffffff;
  cursor: pointer;
  height: 3.6em;
  line-height: 3.4em;
  padding: 0 2.8em;
  margin: 10px 10px;
}
.btn-gdpr span {
  font-size: 11px;
}
.btn-gdpr.dark {
  border: 1px solid #1f492f;
}
.btn-gdpr.dark span {
  color: #1f492f;
}
.btn-gdpr.secondary {
  border: 0;
  padding: 0;
}
.btn-gdpr.secondary span {
  text-decoration: underline;
}
.btn-gdpr.secondary.dark span {
  color: #1f492f;
}
.show-cookie-preferences-outer {
  display: none;
  margin-bottom: 0.8695652173913044em;
}
.show-cookie-preferences-outer .show-cookie-preferences {
  color: #3d3d3d;
  cursor: pointer;
}
.show-cookie-preferences-outer.shown {
  display: block;
}
.show-cookie-preferences-outer + iframe {
  background-color: #c6ccc9;
}
/* page */
.CookieDeclaration {
  font-size: 10px;
}
.CookieDeclaration p {
  font-size: 1.6em !important;
  line-height: 1.5em !important;
}
.CookieDeclaration > p {
  margin-bottom: 14px;
}
@media screen and (max-width: 1023px) {
  .CookieDeclaration {
    font-size: 9px;
  }
}
@media screen and (max-width: 767px) {
  .CookieDeclaration {
    font-size: 8px;
  }
}
.CookieDeclaration .show-cookie-preferences {
  color: #3d3d3d;
  cursor: pointer;
}
.CookieDeclarationType {
  border: 0 !important;
  padding: 0 !important;
  margin-bottom: 7em !important;
}
.CookieDeclarationType:last-of-type {
  margin-bottom: 0 !important;
}
.CookieDeclarationType p {
  margin: 0 0 1.8em 0 !important;
}
.CookieDeclarationType .CookieDeclarationTypeHeader {
  font-weight: 400 !important;
  margin: 0 0 1.3em 0 !important;
}
.CookieDeclarationTable {
  font-size: 1.4em !important;
  line-height: 1.3em !important;
  font-weight: 300 !important;
}
.CookieDeclarationTableCell {
  border-bottom: 1px solid #1f492f !important;
  padding: 9px 4px 9px 4px !important;
}
.CookieDeclarationTableHeader {
  border-bottom: 1px solid #1f492f !important;
}
/* popup */
#CybotCookiebotDialog {
  display: none !important;
}
#CookieDeclarationUserStatusPanel {
  display: none !important;
}
body.participation-form-open {
  overflow: hidden;
}
.general-form {
  width: 100%;
  font-family: 'cf_asty_probook';
  /*
  .ui-menu-container {
    position: relative;
    max-height:  15em;
    position: absolute;
    top: 8.8em;
    right: 1em;
    left: 0;
    @media screen and (max-width: 767px){
      right: 0;
    }

    .ui-menu{
      border-left: 1px solid @color-yellow;
      border-right: 1px solid @color-yellow;
      //border-top: 1px solid @color-yellow;
      position: relative;
      z-index: 2;
      left: 0em !important;
      right: auto !important;
      //top: 3px !important;

      //overflow: auto;
      top: 0 !important;
      width: 100% !important;
      background: @txt-color;
      padding: 2/2em;
      padding: 0;
      max-height: none;
      li{
        padding: 0;
        color: @color-yellow;
        padding: 1/2em 20px;
        line-height: 1.2;
        div{
          .antialiased();
        }
      }
    }


  }

  .form-btn, .submit-button{
    background: @color-yellow;
    display: inline-block;
    font-size: 1.9em;
    height: 6/1.9em;
    line-height: 6/1.9em;
    padding: 0 4/1.9em;
    color: @txt-color;
    cursor: pointer;
    .transition(all,0.3s);
    font-weight: 400;
    .asty-medium();
    &:hover{
      .opacity(075);
    }
    &.white{
      background-color: white;
    }
  }
  */
}
.general-form .hidden {
  display: none;
}
.general-form .form-row {
  /*&:last-of-type, &.last{
      margin-bottom: 0;
    }*/
  /*&:first-of-type{
      margin-top: -3.3/2.1em;
    }*/
}
.general-form .form-row.focus,
.general-form .form-row.always-on-focus {
  opacity: 1;
}
.general-form .form-row.focus input[type="text"],
.general-form .form-row.always-on-focus input[type="text"] {
  border: 1px solid #e2d7a3;
  color: #e2d7a3;
}
.general-form .form-row.focus label:nth-child(1),
.general-form .form-row.always-on-focus label:nth-child(1) {
  color: #e2d7a3;
  -webkit-transform: scale(0.75);
  -moz-transform: scale(0.75);
  -o-transform: scale(0.75);
  -ms-transform: scale(0.75);
  transform: scale(0.75);
}
.general-form .form-row.focus .select-drop-down .ui-selectmenu-button,
.general-form .form-row.always-on-focus .select-drop-down .ui-selectmenu-button {
  border: 1px solid #e2d7a3;
  color: #e2d7a3;
}
.general-form .form-row.focus .select-drop-down .ui-selectmenu-button:before,
.general-form .form-row.always-on-focus .select-drop-down .ui-selectmenu-button:before {
  color: #e2d7a3;
}
.general-form .form-row.always-on-focus label:nth-child(1) {
  -webkit-transform: scale(1) !important;
  -moz-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}
.general-form .form-row.always-on-focus.focus textarea {
  border: 1px solid #e2d7a3;
  color: #e2d7a3;
}
.general-form .form-row.with-custom-select label {
  pointer-events: none;
  opacity: 0;
}
.general-form .form-row.with-custom-select.focus label {
  opacity: 1;
}
.general-form .form-row.with-custom-select.focus .select-drop-down .ui-selectmenu-button {
  color: white;
  border: 1px solid white;
}
.general-form .form-row.with-custom-select.focus .select-drop-down .ui-selectmenu-button:before {
  color: white;
}
.general-form .form-row.with-age-combo label {
  pointer-events: none;
}
.general-form .form-row.with-age-combo label.custom-error {
  display: none;
}
.general-form .form-row.with-age-combo #birth-date.custom-error label.custom-error {
  display: inline;
}
.general-form .form-row.with-age-combo.focus .age-combo {
  border: 1px solid #e2d7a3;
}
.general-form .form-row.with-age-combo.focus .age-combo input {
  color: #e2d7a3;
  opacity: 1;
}
.general-form .form-row.with-age-combo.focus .age-combo span {
  opacity: 0.4;
}
.general-form .form-row.with-age-combo.focus .age-combo input {
  opacity: 1;
}
.general-form .form-row.with-age-combo.focus .age-combo input::-webkit-input-placeholder {
  color: #e2d7a3;
  -webkit-opacity: 0.4 !important;
}
.general-form .form-row.with-age-combo.focus .age-combo input::-moz-placeholder {
  color: #e2d7a3;
  -moz-opacity: 0.4 !important;
}
.general-form .form-row.with-age-combo.focus .age-combo input::-moz-placeholder {
  color: #e2d7a3;
  -moz-opacity: 0.4 !important;
}
.general-form .form-row.with-age-combo.focus .age-combo input::-ms-placeholder {
  color: #e2d7a3;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  filter: alpha(opacity=40);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40) !important;
  filter: alpha(opacity=40) !important;
}
.general-form .form-row input[type="text"],
.general-form .form-row textarea {
  font-family: 'cf_asty_probook';
  width: 100%;
  background-color: #343434;
  border: 1px solid rgba(226, 215, 163, 0.6);
  color: rgba(226, 215, 163, 0.6);
  font-size: 2.1em;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 2.619047619047619em;
  padding: 0 0.9523809523809523em;
}
.general-form .form-row input[type="text"]:-webkit-autofill,
.general-form .form-row textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #343434 inset;
  -webkit-text-fill-color: #e2d7a3 !important;
}
.general-form .form-row textarea {
  resize: none;
  height: 4.095238095238095em;
  padding: 0.9523809523809523em;
}
.general-form .form-row label:nth-child(1) {
  display: block;
  color: rgba(226, 215, 163, 0.6);
  font-size: 2.1em;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transform: translate(0.9523809523809523em, 2.3333333333333335em);
  -moz-transform: translate(0.9523809523809523em, 2.3333333333333335em);
  -o-transform: translate(0.9523809523809523em, 2.3333333333333335em);
  -ms-transform: translate(0.9523809523809523em, 2.3333333333333335em);
  transform: translate(0.9523809523809523em, 2.3333333333333335em);
  -webkit-transition: transform 0.3s ease-out 0s;
  -moz-transition: transform 0.3s ease-out 0s;
  -o-transition: transform 0.3s ease-out 0s;
  transition: transform 0.3s ease-out 0s;
  margin-bottom: 0.42857142857142855em;
  -webkit-transform-origin: left bottom;
  -moz-transform-origin: left bottom;
  -o-transform-origin: left bottom;
  -ms-transform-origin: left bottom;
  transform-origin: left bottom;
  pointer-events: none;
}
.general-form .form-row label.error {
  font-size: 11px;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 5px;
  margin-bottom: 10px;
  left: 0;
  display: block;
}
.general-form .errorTxt {
  font-size: 11px;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 5px;
  margin-bottom: 10px;
  left: 0;
  display: block;
}
.general-form.loading .submit-button {
  opacity: 1;
  -webkit-animation: fade-in-out 0.6s linear 0s infinite;
  -moz-animation: fade-in-out 0.6s linear 0s infinite;
  -o-animation: fade-in-out 0.6s linear 0s infinite;
  -ms-animation: fade-in-out 0.6s linear 0s infinite;
  animation: fade-in-out 0.6s linear 0s infinite;
}
.general-form button {
  font-size: 1.9em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #343434;
  background-color: #e2d7a3;
  border: 0;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 400;
  height: 3.1578947368421053em;
  padding: 0 2.368421052631579em;
  cursor: pointer;
  -webkit-transition: opacity 0.3s linear 0s;
  -moz-transition: opacity 0.3s linear 0s;
  -o-transition: opacity 0.3s linear 0s;
  transition: opacity 0.3s linear 0s;
  border-radius: 0;
}
.general-form button:hover {
  opacity: 0.8;
}
@media screen and (max-width: 767px) {
  .general-form button {
    width: 100%;
  }
}
.general-form .checkbox-area {
  margin-top: 30px;
  margin-bottom: 30px;
}
.general-form .checkbox-area input[type="checkbox"] {
  display: none;
}
.general-form .checkbox-area input[type="checkbox"] + label {
  display: inline-block;
  width: 2.4em;
  height: 2.4em;
  cursor: pointer;
  position: relative;
  margin-right: 1em;
}
.general-form .checkbox-area input[type="checkbox"] + label span {
  background-image: url(../../../../../../../../../themes/iw_theme/assets/images/svg/checkbox_empty-yellow.svg);
  background-size: contain;
  display: block;
  height: 100%;
}
.general-form .checkbox-area input[type="checkbox"]:checked + label span {
  background-image: url(../../../../../../../../../themes/iw_theme/assets/images/svg/checkbox-yellow.svg);
}
.general-form .checkbox-area p {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #e2d7a3;
  font-size: 2em;
  display: inline-block;
  margin: 0;
  user-select: none;
  overflow: hidden;
}
.general-form .checkbox-area.medium {
  font-size: 8px;
}
.general-form .checkbox-area.small {
  font-size: 6.5px;
}
.general-form .clearfix-form-row {
  margin-top: -1.7em;
  margin-bottom: -1.7em;
}
.general-form .clearfix-form-row.no-margin-top {
  margin-top: 0;
}
.general-form .checkbox-group {
  margin-bottom: 3em;
}
.general-form .checkbox-group .checkbox-area:last-of-type {
  margin-bottom: 0;
}
.general-form .btn-area {
  margin-top: 7em;
}
.general-form .btn-area.align-right {
  text-align: right;
}
.general-form .select-drop-down {
  height: 6em;
  position: relative;
}
.general-form .select-drop-down .ui-selectmenu-button {
  width: 100%;
  background-color: #343434;
  border: 1px solid rgba(226, 215, 163, 0.6);
  color: rgba(226, 215, 163, 0.6);
  font-size: 2.1em;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 2.619047619047619em;
  line-height: 2.619047619047619em;
  padding: 0 0.9523809523809523em;
  display: block;
  outline: none;
  position: relative;
}
.general-form .select-drop-down .ui-selectmenu-button.ui-selectmenu-button-open {
  border: 1px solid #e2d7a3;
  color: #e2d7a3;
}
.general-form .select-drop-down .ui-selectmenu-button.ui-selectmenu-button-open:before {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  color: #e2d7a3;
}
.general-form .select-drop-down .ui-selectmenu-button:before {
  content: '\e903';
  width: 2.380952380952381em;
  display: block;
  font-family: 'icomoon';
  position: absolute;
  top: 0;
  right: 0.9523809523809523em;
  text-align: center;
  cursor: pointer;
  font-size: 0.5238095238095238em;
  color: rgba(226, 215, 163, 0.6);
  -webkit-transition: transform 0.3s linear 0s;
  -moz-transition: transform 0.3s linear 0s;
  -o-transition: transform 0.3s linear 0s;
  transition: transform 0.3s linear 0s;
  -webkit-transform-origin: 50% 47%;
  -moz-transform-origin: 50% 47%;
  -o-transform-origin: 50% 47%;
  -ms-transform-origin: 50% 47%;
  transform-origin: 50% 47%;
}
.general-form .select-drop-down .ui-selectmenu-button:before:hover {
  color: #343434;
}
.general-form .select-drop-down .ui-selectmenu-menu {
  position: absolute;
  top: 100%;
  background: #343434;
  display: none;
  max-height: 7.5em;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
  z-index: 1;
  border-bottom: 1px solid #e2d7a3;
  font-size: 2em;
}
.general-form .select-drop-down .ui-selectmenu-menu.ui-selectmenu-open {
  display: block;
}
.general-form .select-drop-down .ui-selectmenu-menu ul {
  border-left: 1px solid #e2d7a3;
  border-right: 1px solid #e2d7a3;
  border-top: 0;
}
.general-form .select-drop-down .ui-selectmenu-menu ul li {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  letter-spacing: -0.015em;
  color: #e2d7a3;
  cursor: pointer;
}
.general-form .select-drop-down .ui-selectmenu-menu ul li:hover {
  opacity: 0.5;
}
.general-form .select-drop-down .ui-selectmenu-menu ul li:first-of-type {
  display: none;
}
.general-form .select-drop-down .ui-selectmenu-menu ul li .ui-menu-item-wrapper {
  padding: 0.5em 20px;
}
.general-form .select-drop-down .ui-selectmenu-menu .mCSB_inside > .mCSB_container {
  margin-right: 0 !important;
}
.general-form .select-drop-down .custom-select + .error {
  opacity: 1;
}
.general-form .select-drop-down.small {
  width: 9.5em;
  margin-left: 1.5em;
  margin-right: 1.5em;
  display: inline-block;
  font-size: 9.33px;
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  .general-form .select-drop-down.small {
    font-size: 8.33px;
  }
}
@media screen and (max-width: 767px) {
  .general-form .select-drop-down.small {
    font-size: 7.33px;
  }
}
.general-form .age-combo {
  height: 5.5em;
  line-height: 5.5em;
  border: 1px solid rgba(226, 215, 163, 0.6);
  padding: 0 2em;
}
.general-form .age-combo input[type=number]::-webkit-inner-spin-button,
.general-form .age-combo input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.general-form .age-combo span {
  font-size: 2.1em;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #e2d7a3;
  opacity: 0;
}
.general-form .age-combo input {
  background: none;
  border: 0;
  font-size: 2.1em;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #e2d7a3;
  max-width: 2.857142857142857em;
  min-width: 1.9047619047619047em;
  text-align: center;
  opacity: 0;
}
.general-form .age-combo input::-webkit-input-placeholder {
  color: #e2d7a3;
  -webkit-opacity: 0.4 !important;
}
.general-form .age-combo input::-moz-placeholder {
  color: #e2d7a3;
  -moz-opacity: 0.4 !important;
}
.general-form .age-combo input::-moz-placeholder {
  color: #e2d7a3;
  -moz-opacity: 0.4 !important;
}
.general-form .age-combo input::-ms-placeholder {
  color: #e2d7a3;
  -moz-opacity: 0.4;
  -khtml-opacity: 0.4;
  -webkit-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  filter: alpha(opacity=40);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40) !important;
  filter: alpha(opacity=40) !important;
}
.general-form .age-combo label.error {
  display: none !important;
  line-height: normal;
}
.general-form .age-combo #birth-date-error {
  display: inline !important;
}
.general-form .line {
  width: 100%;
  height: 1px;
  margin: 6em 0;
}
.general-form .line.small {
  margin: 3.2em 0;
}
.general-form p {
  color: #e2d7a3;
  font-size: 2em;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  margin-bottom: 1.5em;
}
.general-form p.small {
  font-size: 13px;
  margin-bottom: 30px;
}
.general-form p a {
  color: #e2d7a3;
  text-decoration: underline;
  -webkit-transition: opacity 0.3s ease-out 0s;
  -moz-transition: opacity 0.3s ease-out 0s;
  -o-transition: opacity 0.3s ease-out 0s;
  transition: opacity 0.3s ease-out 0s;
}
.general-form p a:hover {
  opacity: 0.7;
}
.general-form .required-one-option-error {
  font-size: 11px;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-top: 8px;
  margin-bottom: 10px;
  display: none;
}
.general-form .required-one-option-error.shown {
  display: block;
}
.general-form .upload-file-area {
  align-items: center;
  flex-wrap: wrap;
  margin: 30px 0;
}
.general-form .upload-file-area input[type="file"] {
  display: none;
}
.general-form .upload-file-area label {
  display: block;
  cursor: pointer;
  color: #e2d7a3;
  align-items: center;
}
.general-form .upload-file-area label .icon {
  margin-right: 0.48148148148148145em;
  font-size: 2.7em;
  display: inline-block;
  vertical-align: middle;
  float: left;
}
.general-form .upload-file-area label .text {
  font-size: 2em;
  display: inline-block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  display: block;
  position: relative;
  top: 0.25em;
}
.general-form .upload-file-area .file-name {
  width: 100%;
  font-size: 1.5em;
  margin-top: 1.3333333333333333em;
  display: none;
  color: #e2d7a3;
}
.general-form .upload-file-area .file-name.shown {
  display: block;
}
.general-form .input-focus .ui-menu-container {
  border-bottom: 1px solid #e2d7a3;
}
.general-form .ui-menu-container .ui-menu {
  background: #343434;
  border-left: 1px solid #e2d7a3;
  border-right: 1px solid #e2d7a3;
}
.form-row.two:nth-child(odd) .ui-menu-container {
  right: 1em;
}
@media screen and (max-width: 767px) {
  .form-row.two:nth-child(odd) .ui-menu-container {
    right: 0;
  }
}
.form-row.two:nth-child(even) .ui-menu-container {
  left: 1em;
}
@media screen and (max-width: 767px) {
  .form-row.two:nth-child(even) .ui-menu-container {
    left: 0;
  }
}
.ui-menu-container {
  font-size: 10px;
  font-family: 'cf_asty_probook';
  position: absolute;
  top: 8.8em;
  right: 0;
  left: 0;
  max-height: 15em;
  /*
  &.mCS_no_scrollbar{
    overflow-y: scroll;
  }*/
}
@media screen and (max-width: 1023px) {
  .ui-menu-container {
    font-size: 9px;
  }
}
@media screen and (max-width: 767px) {
  .ui-menu-container {
    font-size: 8px;
  }
}
.ui-menu-container .ui-menu {
  background: #ffffff;
  border-left: 1px solid #343434;
  border-right: 1px solid #343434;
  position: relative;
  z-index: 2;
  font-size: 2em;
  line-height: 2em;
  top: 0 !important;
  width: 100% !important;
  left: 0 !important;
}
.ui-menu-container .ui-menu li {
  color: #e2d7a3;
  padding: 0 10px;
  cursor: pointer;
}
.ui-menu-container .ui-menu li .ui-state-active {
  -moz-opacity: 0.5;
  -khtml-opacity: 0.5;
  -webkit-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
}
.ui-menu-container .mCSB_scrollTools {
  z-index: 3 ;
}
.ui-menu-container .mCSB_inside > .mCSB_container {
  margin-right: 0;
}
.ui-menu-container .mCSB_scrollTools .mCSB_draggerContainer {
  top: 20px;
  bottom: 20px;
}
.qa-container .ui-menu-container {
  top: 8.5em;
}
.qa-container.input-focus .ui-menu-container {
  border-bottom: 1px solid #000000;
}
.fullscreen-form-wrapper {
  background-color: #343434;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -moz-transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  -o-transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  transition: transform 1.2s cubic-bezier(0.47, 0.95, 0, 0.99) 0s;
  padding: 0 30px;
  font-family: 'cf_asty_probook';
}
.fullscreen-form-wrapper .inner-wrap {
  padding: 6.5em 0;
}
.fullscreen-form-wrapper.shown {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.fullscreen-form-wrapper .inner {
  max-width: 428px;
  margin: 0 auto;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.fullscreen-form-wrapper.become-volunteer .checkbox-area[data-type="become-volunteer"] {
  display: none;
}
.fullscreen-form-wrapper.stay-informed .checkbox-area[data-type="stay-informed"] {
  display: none;
}
@media screen and (max-width: 767px) {
  .fullscreen-form-wrapper .inner {
    max-width: 100%;
  }
  .fullscreen-form-wrapper .inner-wrap {
    padding: 9em 0;
  }
  .fullscreen-form-wrapper .txt {
    margin-bottom: 2em;
  }
}
.close-btn-gen-form {
  width: 6.7em;
  height: 6.7em;
  position: absolute;
  top: 7.8em;
  right: 9em;
  z-index: 1;
  cursor: pointer;
}
.close-btn-gen-form:before,
.close-btn-gen-form:after {
  content: '';
  width: 140%;
  height: 1px;
  background-color: #e2d7a3;
  position: absolute;
  top: 29%;
  left: 50%;
}
.close-btn-gen-form:before {
  -webkit-transform: translateY(1.15em) translateX(-50%) rotate(45deg);
  -moz-transform: translateY(1.15em) translateX(-50%) rotate(45deg);
  -o-transform: translateY(1.15em) translateX(-50%) rotate(45deg);
  -ms-transform: translateY(1.15em) translateX(-50%) rotate(45deg);
  transform: translateY(1.15em) translateX(-50%) rotate(45deg);
}
.close-btn-gen-form:after {
  -webkit-transform: translateY(1.15em) translateX(-50%) rotate(-45deg);
  -moz-transform: translateY(1.15em) translateX(-50%) rotate(-45deg);
  -o-transform: translateY(1.15em) translateX(-50%) rotate(-45deg);
  -ms-transform: translateY(1.15em) translateX(-50%) rotate(-45deg);
  transform: translateY(1.15em) translateX(-50%) rotate(-45deg);
}
@media screen and (max-width: 767px) {
  .close-btn-gen-form {
    width: 40px;
    height: 40px;
    top: 30px;
    right: 30px;
  }
}
.response-msg {
  font-size: 2.1em;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #e2d7a3;
  display: none;
  text-align: left;
}
.mCSB_scrollTools .mCSB_draggerRail {
  background: none;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  width: 7px;
  background: #e2d7a3;
}
@media screen and (max-width: 1000px) {
  .col-mobile-full {
    width: 100% !important;
    max-width: 600px;
    margin: 0 auto !important;
    float: none !important;
  }
}
.page-wrapper {
  max-width: 1446px;
}
.circle-stamp-area {
  position: relative;
  font-size: 10px;
}
.circle-stamp-area.on-header {
  height: 100%;
  width: 9em;
  float: right;
}
.circle-stamp-area.on-header .circle-stamp {
  margin-left: 1.5em;
}
.circle-stamp-area .circle-stamp {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 5.9em;
  height: 5.9em;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  bottom: auto;
}
.circle-stamp-area .circle-stamp .txt {
  font-size: 1em;
}
@media screen and (max-width: 1100px) {
  .circle-stamp-area.on-header {
    width: 60px;
  }
  .circle-stamp-area.on-header .circle-stamp {
    margin-left: 0;
  }
  .circle-stamp-area .circle-stamp {
    width: 4.5em;
    height: 4.5em;
  }
  .circle-stamp-area .circle-stamp .txt {
    font-size: 0.7em;
  }
}
#circle-stamp,
.circle-stamp {
  position: absolute;
  bottom: 1.5em;
  right: 0;
  width: 11em;
  height: 11em;
}
#circle-stamp text,
.circle-stamp text,
#circle-stamp .txt,
.circle-stamp .txt {
  font-size: 1.6em;
  letter-spacing: 0.219em;
  font-family: 'cf_asty_probook';
}
#circle-stamp .txt,
.circle-stamp .txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  letter-spacing: 0.1em;
  margin-right: -0.1em;
}
#circle-stamp.white .txt,
.circle-stamp.white .txt {
  color: white;
}
#circle-stamp.white text,
.circle-stamp.white text {
  fill: white;
}
#circle-stamp,
.circle-stamp {
  font-size: 10px;
}
@media screen and (max-width: 1023px) {
  #circle-stamp,
  .circle-stamp {
    width: 9.9em;
    height: 9.9em;
  }
  #circle-stamp .txt,
  .circle-stamp .txt {
    font-size: 1.44em;
  }
}
@media screen and (max-width: 767px) {
  #circle-stamp,
  .circle-stamp {
    width: 8.8em;
    height: 8.8em;
  }
  #circle-stamp .txt,
  .circle-stamp .txt {
    font-size: 1.28em;
  }
}
.campaign-questionnaire-landing .bg-color-1 {
  background: #e2d7a3;
}
.campaign-questionnaire-landing .color-1 {
  color: #e2d7a3;
}
.campaign-questionnaire-landing .intro-area {
  padding-top: 8.6em;
  background: #e2d7a3;
}
.campaign-questionnaire-landing .intro-area h1 {
  font-size: 4.5em;
  line-height: 1.1333333333333333em;
  letter-spacing: 0;
  font-family: 'cf_asty_prolight';
}
@-webkit-keyframes rotate-stamp {
  from {
    -webkit-transform: rotate(-360deg);
  }
  to {
    -webkit-transform: rotate(0);
  }
}
@keyframes rotate-stamp {
  from {
    transform: rotate(-360deg);
  }
  to {
    transform: rotate(0);
  }
}
.campaign-questionnaire-landing .intro-area img {
  width: 100% !important;
  max-width: 653px;
  height: auto !important;
  float: right;
  margin-right: 5.5em;
  margin-top: -8.3em;
  margin-bottom: -8em;
  display: block;
}
@media screen and (max-width: 1024px) {
  .campaign-questionnaire-landing .intro-area img {
    width: calc(100% - 11em) !important;
    margin-left: auto;
    margin-right: auto;
    float: none;
  }
}
@media screen and (max-width: 550px) {
  .campaign-questionnaire-landing .intro-area img {
    margin-top: 8em;
    width: 100% !important;
  }
}
@media screen and (max-width: 1280px) {
  .campaign-questionnaire-landing .intro-area .col-1:first-child {
    display: none;
  }
  .campaign-questionnaire-landing .intro-area .col-8 {
    width: 83.33333333333333%;
  }
}
@media screen and (max-width: 550px) {
  .campaign-questionnaire-landing .intro-area #circle-stamp {
    top: 207px;
  }
  .campaign-questionnaire-landing .intro-area .col-8 {
    width: 100%;
  }
}
.campaign-questionnaire-landing .campaign-promo.the-content {
  padding-top: 22.3em;
  padding-bottom: 10em;
}
.campaign-questionnaire-landing .about-me .row {
  display: flex;
  margin-bottom: 8em !important;
}
.campaign-questionnaire-landing .about-me .row .col:first-child {
  display: flex;
  vertical-align: center;
  align-items: center;
}
@media screen and (max-width: 1280px) {
  .campaign-questionnaire-landing .about-me .row .col {
    width: 58.333333333333336%;
  }
  .campaign-questionnaire-landing .about-me .row .cont {
    width: 100%;
    padding: 40px 20% 20px 10%;
    margin-left: 0;
  }
  .campaign-questionnaire-landing .about-me .row .col:nth-child(2) .bg-img {
    padding-top: 116%;
  }
}
@media screen and (max-width: 767px) {
  .campaign-questionnaire-landing .about-me .row {
    display: block;
  }
  .campaign-questionnaire-landing .about-me .row .col:first-child {
    width: 80%;
  }
  .campaign-questionnaire-landing .about-me .row .col:first-child .cont {
    width: auto;
    padding: 10em 5em 15em;
    margin: 0 auto;
    max-width: 315px;
  }
  .campaign-questionnaire-landing .about-me .row .col:nth-child(2) {
    padding-left: 0;
    width: 80%;
    float: right;
  }
  .campaign-questionnaire-landing .about-me .row .col:nth-child(2) img {
    margin-top: -10em;
  }
  .campaign-questionnaire-landing .about-me .row .col:nth-child(2) .bg-img {
    margin-top: -10em;
    width: 100%;
  }
}
@media screen and (max-width: 550px) {
  .campaign-questionnaire-landing .about-me .row .col {
    width: 95% !important;
  }
}
.campaign-questionnaire-landing .about-me .cont {
  width: 60%;
  margin-left: 0;
  padding-right: 50px;
  margin: 0 auto;
}
.campaign-questionnaire-landing .about-me h2 {
  text-align: center;
  color: #fff;
  font-size: 1.6em;
  letter-spacing: 0.175em;
  font-weight: 400;
  margin: 0 0 1.25em 0;
  font-family: 'cf_asty_probook';
}
.campaign-questionnaire-landing .about-me p {
  text-align: center;
  font-size: 1.7em;
  line-height: 1.5882352941176472em;
  font-weight: 500;
  margin: 0;
  color: #343434;
  font-family: 'cf_asty_promedium';
}
.campaign-questionnaire-landing .about-me img {
  width: 100%;
  max-width: 100%;
  display: block;
  margin-top: 8em;
  margin-bottom: -8em;
}
.campaign-questionnaire-landing .about-me .bg-img {
  width: calc(100% + 50px);
  float: right;
  max-width: none;
  display: block;
  margin-top: 8em;
  margin-bottom: -8em;
  padding-top: 119%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.campaign-questionnaire-landing .questionnaire .col-5 {
  padding-left: 0;
}
.campaign-questionnaire-landing .questionnaire .form {
  padding: 6.8em 0 0 0;
}
.campaign-questionnaire-landing .questionnaire h2 {
  font-weight: 400;
  font-size: 4.1em;
  line-height: 1.3902439024390245em;
  letter-spacing: -0.025em;
  margin: 0;
  font-family: 'cf_asty_probook';
}
@media screen and (max-width: 1280px) {
  .campaign-questionnaire-landing .questionnaire h2 {
    font-size: 3.1em;
    line-height: 1.5161290322580645em;
  }
}
.campaign-questionnaire-landing .questionnaire .qa-container {
  font-size: 2.7em;
  background: linear-gradient(transparent, transparent 1.259259259259259em, #000000 1.259259259259259em, transparent 1.2962962962962963em);
  background-size: 1px 1.8518518518518516em;
  line-height: 1.8518518518518516em;
  letter-spacing: -0.02em;
  position: relative;
  cursor: pointer;
  color: #343434;
  font-family: 'cf_asty_probook';
}
@media screen and (max-width: 1446px) {
  .campaign-questionnaire-landing .questionnaire .qa-container {
    font-size: 1.8672199170124482vw;
    background: linear-gradient(transparent, transparent 2.351313969571231vw, #000000 2.351313969571231vw, transparent 2.420470262793914vw);
    background-size: 1px 3.4578146611341634vw;
    line-height: 3.4578146611341634vw;
  }
}
@media screen and (max-width: 900px) {
  .campaign-questionnaire-landing .questionnaire .qa-container {
    font-size: 17px;
    background: linear-gradient(transparent, transparent 21px, #000000 21px, transparent 22px);
    background-size: 1px 32px;
    line-height: 32px;
  }
}
.campaign-questionnaire-landing .questionnaire .qa-container.three-lines {
  min-height: 5.555555555555555em;
}
.campaign-questionnaire-landing .questionnaire .qa-container span.q {
  cursor: default;
  display: inline-block;
  float: left;
  padding-right: 10px;
  background: #FFF;
  position: relative;
  float: none;
  display: block;
}
.campaign-questionnaire-landing .questionnaire .qa-container span.answer {
  outline: 0;
  display: block;
}
.campaign-questionnaire-landing .questionnaire .qa-container span.answer .no-overflow {
  overflow: hidden;
}
.campaign-questionnaire-landing .questionnaire .qa-container input {
  font-family: 'cf_asty_probook';
  display: block;
  width: 100%;
  font-size: 1em;
  border: none;
  background: linear-gradient(transparent, transparent 1.259259259259259em, #000000 1.259259259259259em, transparent 1.2962962962962963em);
  background-size: 1px 1.8518518518518516em;
  line-height: 1.8518518518518516em;
  height: 1.8518518518518516em;
}
@media screen and (max-width: 1446px) {
  .campaign-questionnaire-landing .questionnaire .qa-container input {
    font-size: 1.8672199170124482vw;
    background: linear-gradient(transparent, transparent 2.351313969571231vw, #000000 2.351313969571231vw, transparent 2.420470262793914vw);
    background-size: 1px 3.4578146611341634vw;
    line-height: 3.4578146611341634vw;
  }
}
@media screen and (max-width: 900px) {
  .campaign-questionnaire-landing .questionnaire .qa-container input {
    font-size: 17px;
    background: linear-gradient(transparent, transparent 21px, #000000 21px, transparent 22px);
    background-size: 1px 32px;
    line-height: 32px;
  }
}
.campaign-questionnaire-landing .questionnaire .qa-container input::-webkit-input-placeholder {
  color: #343434;
  -webkit-opacity: 0.3 !important;
}
.campaign-questionnaire-landing .questionnaire .qa-container input::-moz-placeholder {
  color: #343434;
  -moz-opacity: 0.3 !important;
}
.campaign-questionnaire-landing .questionnaire .qa-container input::-moz-placeholder {
  color: #343434;
  -moz-opacity: 0.3 !important;
}
.campaign-questionnaire-landing .questionnaire .qa-container input::-ms-placeholder {
  color: #343434;
  -moz-opacity: 0.3;
  -khtml-opacity: 0.3;
  -webkit-opacity: 0.3;
  opacity: 0.3;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30) !important;
  filter: alpha(opacity=30) !important;
}
.campaign-questionnaire-landing .questionnaire .qa-container .half {
  background: #FFF;
  width: 50%;
  display: block;
  float: left;
}
.campaign-questionnaire-landing .questionnaire .qa-container .half:nth-child(2n+1) {
  padding-right: 10px;
}
.campaign-questionnaire-landing .questionnaire .qa-container .half:nth-child(2n) {
  padding-left: 10px;
}
.campaign-questionnaire-landing .questionnaire .form-btn {
  background: #e2d7a3;
  display: inline-block;
  font-size: 1.9em;
  height: 3.1578947368421053em;
  line-height: 3.1578947368421053em;
  padding: 0 2.1052631578947367em;
  margin-top: 2.8947368421052633em;
  color: #343434;
  cursor: pointer;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  font-weight: 400;
  font-family: 'cf_asty_promedium';
}
.campaign-questionnaire-landing .questionnaire .form-btn:hover {
  -moz-opacity: 75;
  -khtml-opacity: 75;
  -webkit-opacity: 75;
  opacity: 75;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=7500);
  filter: alpha(opacity=7500);
}
@media screen and (max-width: 900px) {
  .campaign-questionnaire-landing .questionnaire .col-5,
  .campaign-questionnaire-landing .questionnaire .col-7 {
    clear: both;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.campaign-questionnaire-landing .volunteer .row {
  display: flex;
}
.campaign-questionnaire-landing .volunteer .col-4 {
  padding: 0;
  z-index: 1;
}
.campaign-questionnaire-landing .volunteer .col-6 {
  position: relative;
}
.campaign-questionnaire-landing .volunteer .col-3 {
  padding: 0;
  align-self: flex-end;
}
.campaign-questionnaire-landing .volunteer .col:nth-child(4) {
  padding: 0;
  margin-left: -4.166666666666667%;
  padding-top: 16.8em;
}
@media screen and (max-width: 1280px) {
  .campaign-questionnaire-landing .volunteer .col:nth-child(4) {
    padding-top: 13.125vh;
  }
}
.campaign-questionnaire-landing .volunteer .text-right {
  position: absolute;
  right: 2em;
  bottom: 2em;
}
.campaign-questionnaire-landing .volunteer h2 {
  color: #343434;
  font-size: 3.1em;
  line-height: 1.129032258064516em;
  letter-spacing: 0;
  font-weight: 300;
  margin: 0;
  font-family: 'cf_asty_probook';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-top: 1.3658536585365855em;
}
.campaign-questionnaire-landing .volunteer img {
  display: block;
  width: 100% !important;
  max-width: 573px;
  margin: 0 auto;
}
.campaign-questionnaire-landing .volunteer .bg-img {
  display: block;
  margin: 0 auto;
  height: auto;
  padding-top: 142%;
  background-position: center;
  background-size: cover;
  width: calc(100% + 140px);
  float: right;
  margin-right: -3.4em;
}
.campaign-questionnaire-landing .volunteer .i-want-btn {
  cursor: pointer;
  margin-left: -5em;
  position: relative;
  letter-spacing: -0.025em;
  color: #231f20;
  font-weight: 500;
  background: #e2d7a3;
  top: -30px;
  width: calc(100% + 52px);
  float: right;
}
.campaign-questionnaire-landing .volunteer .i-want-btn:nth-child(1) {
  background-color: #e2d7a3;
}
.campaign-questionnaire-landing .volunteer .i-want-btn:nth-child(2) {
  background-color: #e7ddac;
}
.campaign-questionnaire-landing .volunteer .i-want-btn:nth-child(3) {
  background-color: #ebe1b3;
}
.campaign-questionnaire-landing .volunteer .i-want-btn .txt {
  font-size: 2em;
  line-height: 1.35em;
  font-family: 'cf_asty_promedium';
}
.campaign-questionnaire-landing .volunteer .i-want-btn .rel {
  padding-top: 48.645%;
}
.campaign-questionnaire-landing .volunteer .i-want-btn .make-full {
  padding: 0 2.5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.campaign-questionnaire-landing .volunteer .i-want-btn:nth-child(2) {
  background: #e8deae;
}
.campaign-questionnaire-landing .volunteer .i-want-btn .circle-arrow {
  display: inline-block;
  margin-top: 6em;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .campaign-questionnaire-landing .volunteer .i-want-btn .circle-arrow {
    margin-top: 10px;
  }
}
.campaign-questionnaire-landing .volunteer .i-want-btn .circle-arrow .circle {
  background: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 3.7em;
  height: 3.7em;
}
.campaign-questionnaire-landing .volunteer .i-want-btn .circle-arrow .arrow-cont {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 4.9em;
  -webkit-transform: translate(-13px, 8px);
  -moz-transform: translate(-13px, 8px);
  -o-transform: translate(-13px, 8px);
  -ms-transform: translate(-13px, 8px);
  transform: translate(-13px, 8px);
}
.campaign-questionnaire-landing .volunteer .i-want-btn .circle-arrow .arrow-cont.up-right {
  -webkit-transform: translate(7px, -7px);
  -moz-transform: translate(7px, -7px);
  -o-transform: translate(7px, -7px);
  -ms-transform: translate(7px, -7px);
  transform: translate(7px, -7px);
}
.campaign-questionnaire-landing .volunteer .i-want-btn .circle-arrow .arrow {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  height: 2.8em;
  width: 4.9em;
  background: var(--wpr-bg-eb15d696-a577-4bdf-91c3-f955202cd059);
  -webkit-background-size: contain;
  background-size: contain;
}
.campaign-questionnaire-landing .volunteer .i-want-btn:hover .circle-arrow .arrow-cont {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.campaign-questionnaire-landing .volunteer .i-want-btn:hover .circle-arrow .arrow-cont.up-right {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
@media screen and (max-width: 1280px) {
  .campaign-questionnaire-landing .volunteer .col-1 {
    display: none;
  }
  .campaign-questionnaire-landing .volunteer .col-4 {
    width: 41.666666666666664%;
    z-index: 1;
  }
  .campaign-questionnaire-landing .volunteer .col-3 {
    width: 30%;
  }
  .campaign-questionnaire-landing .volunteer .col-6 {
    width: 58.233333333333336%;
  }
}
@media screen and (max-width: 1000px) {
  .campaign-questionnaire-landing .volunteer .bg-img {
    width: calc(100% + 200px);
    margin-right: -10em;
    padding-top: 210%;
  }
  .campaign-questionnaire-landing .volunteer .i-want-btn {
    margin-left: 0;
    width: 100%;
    top: -30px;
  }
  .campaign-questionnaire-landing .volunteer .col-3 {
    width: 50%;
    margin-bottom: -30px;
  }
}
@media screen and (max-width: 767px) {
  .campaign-questionnaire-landing .volunteer .row {
    display: block;
  }
  .campaign-questionnaire-landing .volunteer h2 {
    line-height: 1.2em;
    margin-bottom: 30px;
    padding-top: 0;
  }
  .campaign-questionnaire-landing .volunteer .col-4 {
    width: 100%;
  }
  .campaign-questionnaire-landing .volunteer .col-6 {
    width: 100%;
    padding: 0;
  }
  .campaign-questionnaire-landing .volunteer .col-3 {
    width: 60% !important;
    float: left;
    margin-top: -50px;
  }
  .campaign-questionnaire-landing .volunteer .bg-img {
    width: 80%;
    margin-right: 0;
    padding-top: 100%;
  }
}
@media screen and (max-width: 600px) {
  .campaign-questionnaire-landing .volunteer .bg-img {
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .campaign-questionnaire-landing .volunteer .col-3 {
    width: 90% !important;
    margin-bottom: 0;
  }
  .campaign-questionnaire-landing .volunteer .i-want-btn {
    top: 0;
  }
}
.campaign-promo.the-content {
  max-width: 635px;
  margin: 0 auto;
  padding-top: 14.5em;
  padding-bottom: 15em;
  padding-top: 0;
  padding-bottom: 0;
}
.campaign-promo.the-content p {
  font-size: 1.9em;
  line-height: 1.4210526315789476em;
  letter-spacing: -0.025em;
  margin: 0 0 1.4210526315789476em 0;
  font-weight: 500;
  color: #343434;
  font-family: 'cf_asty_probook';
}
.campaign-promo.the-content p:last-of-type {
  margin-bottom: 0;
}
.campaign-promo.the-content .circle-cross {
  margin-right: 30%;
}
.signature {
  margin-top: 3.4em;
  width: 26.1em;
}
.circle-cross {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  width: 5.8em;
  height: 5.8em;
  margin-top: 3em;
  background: #e2d7a3;
  position: relative;
}
.circle-cross.white {
  background: #FFF !important;
}
.circle-cross:hover div.rel {
  -webkit-transform: translate(-0.5em, 1.2em);
  -moz-transform: translate(-0.5em, 1.2em);
  -o-transform: translate(-0.5em, 1.2em);
  -ms-transform: translate(-0.5em, 1.2em);
  transform: translate(-0.5em, 1.2em);
}
.circle-cross:hover.bottom-left div.rel {
  -webkit-transform: translate(0.5em, -1.2em);
  -moz-transform: translate(0.5em, -1.2em);
  -o-transform: translate(0.5em, -1.2em);
  -ms-transform: translate(0.5em, -1.2em);
  transform: translate(0.5em, -1.2em);
}
.circle-cross div.rel {
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  -webkit-transform: translate(0.5em, -1.2em);
  -moz-transform: translate(0.5em, -1.2em);
  -o-transform: translate(0.5em, -1.2em);
  -ms-transform: translate(0.5em, -1.2em);
  transform: translate(0.5em, -1.2em);
}
.circle-cross div.rel div.cross {
  width: 4.8em;
  height: 4.8em;
  position: relative;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.circle-cross div.rel div.cross:before {
  content: '';
  display: block;
  width: 1px;
  height: 100%;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.circle-cross div.rel div.cross:after {
  content: '';
  display: block;
  height: 1px;
  width: 100%;
  background: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.circle-cross.bottom-left div.rel {
  -webkit-transform: translate(-0.5em, 1.2em);
  -moz-transform: translate(-0.5em, 1.2em);
  -o-transform: translate(-0.5em, 1.2em);
  -ms-transform: translate(-0.5em, 1.2em);
  transform: translate(-0.5em, 1.2em);
}
.ui-helper-hidden-accessible {
  display: none;
}
.general-form .checkbox-area input[type="checkbox"] + label {
  display: block;
  float: left;
  top: 0;
}
.general-form .checkbox-area p {
  display: block;
  line-height: 1.2em;
  margin-top: 0;
}
/*
.general-form .checkbox-area .errorTxt {
  font-size: 11px;
  color: white;
  display: block;
  position: absolute;
  top: ~"calc(100% + 8px)";
  .antialiased();
}*/
.general-form .checkbox-area {
  position: relative;
}
.questionnaire.other-styles {
  padding-top: 0;
}
.questionnaire.other-styles form {
  padding: 0;
}
.questionnaire.other-styles .qa-container {
  color: white;
  background: linear-gradient(transparent, transparent 1.259259259259259em, #ffffff 1.259259259259259em, transparent 1.2962962962962963em);
  background-size: 1px 1.8518518518518516em;
}
@media screen and (max-width: 1446px) {
  .questionnaire.other-styles .qa-container {
    background: linear-gradient(transparent, transparent 2.351313969571231vw, #ffffff 2.351313969571231vw, transparent 2.420470262793914vw);
  }
}
@media screen and (max-width: 900px) {
  .questionnaire.other-styles .qa-container {
    background: linear-gradient(transparent, transparent 21px, #ffffff 21px, transparent 22px);
  }
}
.questionnaire.other-styles .qa-container span.q {
  background: #343434;
}
.questionnaire.other-styles .qa-container input {
  color: white;
  background: linear-gradient(transparent, transparent 1.259259259259259em, #ffffff 1.259259259259259em, transparent 1.2962962962962963em);
}
@media screen and (max-width: 1446px) {
  .questionnaire.other-styles .qa-container input {
    background: linear-gradient(transparent, transparent 2.351313969571231vw, #ffffff 2.351313969571231vw, transparent 2.420470262793914vw);
  }
}
@media screen and (max-width: 900px) {
  .questionnaire.other-styles .qa-container input {
    background: linear-gradient(transparent, transparent 21px, #ffffff 21px, transparent 22px);
  }
}
.campaign-promo .layer {
  background-color: #e2d7a3;
  width: 61%;
}
.campaign-promo .layer:before {
  content: '';
  background-color: #e2d7a3;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 100%;
}
.campaign-promo .circle-arrow {
  display: inline-block;
  position: relative;
  margin-top: 0;
}
.campaign-promo .circle-arrow .circle {
  background: #FFF;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  width: 3.7em;
  height: 3.7em;
}
.campaign-promo .circle-arrow .arrow-cont {
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 4.9em;
  -webkit-transform: translate(-13px, 8px);
  -moz-transform: translate(-13px, 8px);
  -o-transform: translate(-13px, 8px);
  -ms-transform: translate(-13px, 8px);
  transform: translate(-13px, 8px);
}
.campaign-promo .circle-arrow .arrow-cont.up-right {
  -webkit-transform: translate(7px, -7px);
  -moz-transform: translate(7px, -7px);
  -o-transform: translate(7px, -7px);
  -ms-transform: translate(7px, -7px);
  transform: translate(7px, -7px);
}
.campaign-promo .circle-arrow .arrow {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  height: 2.8em;
  width: 4.9em;
  background: var(--wpr-bg-29d54d78-6c74-48dd-9b03-fd3d54ef78b4);
  -webkit-background-size: contain;
  background-size: contain;
}
.campaign-promo .btn-wrapper.align-right {
  text-align: right;
}
.campaign-promo .btn-wrapper.align-right .i-want-btn {
  display: inline-block;
  text-align: left;
}
.campaign-promo .btn-wrapper:hover .circle-arrow .arrow-cont {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.campaign-promo .btn-wrapper:hover .circle-arrow .arrow-cont.up-right {
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  -ms-transform: none;
  transform: none;
}
.campaign-promo.i-want-btn {
  width: 30em;
  cursor: pointer;
  position: relative;
  font-weight: 500;
  background: #e2d7a3;
}
.campaign-promo.i-want-btn .txt {
  font-size: 1.9em;
  line-height: 1.3157894736842106em;
  font-family: 'cf_asty_promedium';
}
.campaign-promo.i-want-btn .make-full {
  display: flex;
  align-items: center;
  padding: 0 2.5em;
}
.campaign-promo.i-want-btn .rel {
  padding-top: 33%;
}
.campaign-promo.i-want-btn .text-right {
  position: absolute;
  right: 2em;
  bottom: 2em;
}
.campaign-promo.intro-area {
  padding-top: 0;
  background-color: white;
  overflow: hidden;
}
.campaign-promo.intro-area img {
  margin-top: -34em;
}
.campaign-promo.intro-area .bg-img {
  width: 100%;
  max-width: 476px;
  margin-right: 3.4em;
  float: right;
  margin-top: -43em;
  height: 538px;
  background-size: cover;
  background-position: top;
}
.campaign-promo.intro-area .btn-wrapper {
  width: 30em;
  height: 9.8em;
  margin-left: 12.5em;
  margin-top: 2em;
}
.campaign-promo.intro-area .btn-wrapper.volunteer {
  padding-top: 0;
  padding-bottom: 0;
}
.campaign-promo.intro-area .btn-wrapper .i-want-btn {
  padding: 2.6em 3em 2em;
  margin-left: 0;
  display: flex;
  justify-content: space-between;
  background-color: #d9cf97;
}
.campaign-promo.intro-area .btn-wrapper .i-want-btn .txt {
  font-size: 1.9em;
  line-height: 1.3157894736842106em;
  font-family: 'cf_asty_promedium';
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.campaign-promo.intro-area .right-col {
  margin-left: -10em;
  margin-top: 24em;
  width: 100%;
}
.campaign-promo.intro-area .right-col h2 {
  text-align: center;
  color: #e2d7a3;
  font-size: 1.6em;
  letter-spacing: 0.175em;
  font-weight: 400;
  margin: 0 0 1.25em 0;
  font-family: 'cf_asty_probook';
}
.campaign-promo.intro-area .right-col p {
  text-align: center;
  font-size: 1.7em;
  line-height: 1.5882352941176472em;
  font-weight: 500;
  margin: 0;
  color: #343434;
  font-family: 'cf_asty_promedium';
}
.campaign-promo.intro-area .left-col {
  padding-top: 15.6em;
}
.campaign-promo.intro-area h2 {
  font-weight: 400;
  font-size: 4.1em;
  line-height: 1.3902439024390245em;
  letter-spacing: -0.025em;
  margin: 0;
  font-family: 'cf_asty_probook';
}
@media screen and (max-width: 1280px) {
  .campaign-promo.intro-area h2 {
    font-size: 3.1em;
    line-height: 1.5161290322580645em;
  }
}
@media screen and (max-width: 1280px) {
  .campaign-promo.intro-area .row {
    display: flex;
  }
  .campaign-promo.intro-area .col-3 {
    display: flex;
    align-items: center;
  }
  .campaign-promo.intro-area .col-1 {
    width: 3%;
    display: block !important;
  }
  .campaign-promo.intro-area .col-8 {
    width: 83.33333333333333%;
  }
  .campaign-promo.intro-area .right-col {
    margin-top: 0;
    width: 130%;
    margin-left: -30%;
  }
  .campaign-promo.intro-area .btn-wrapper .i-want-btn .txt {
    line-height: 1.2em;
  }
}
@media screen and (max-width: 1000px) {
  .campaign-promo.intro-area .btn-wrapper {
    margin-left: 5%;
  }
  .campaign-promo.intro-area .col-1 {
    display: none !important;
  }
  .campaign-promo.intro-area .bg-img {
    width: 36vw;
  }
}
@media screen and (max-width: 600px) {
  .campaign-promo.intro-area .layer {
    display: none;
  }
  .campaign-promo.intro-area .row {
    display: block;
  }
  .campaign-promo.intro-area .col-3 {
    width: 100%;
  }
  .campaign-promo.intro-area .col-8 {
    width: 100vw;
    margin-left: -30px;
    padding: 0 30px;
    height: calc(100vh - 59px);
    position: relative;
    display: flex;
    align-items: flex-end;
  }
  .campaign-promo.intro-area .col-8:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    width: 60%;
    left: -30px;
    background-color: #e2d7a3;
  }
  .campaign-promo.intro-area .right-col {
    margin-left: 0;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
  }
  .campaign-promo.intro-area .left-col {
    z-index: 1;
    padding-top: 0;
    margin-bottom: 50px;
  }
  .campaign-promo.intro-area .bg-img {
    width: 50vw;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    height: 100%;
  }
  .campaign-promo.intro-area .btn-wrapper {
    margin-left: 0;
  }
}
.campaign-promo.intro-area.intro-area-third-layout .row {
  display: flex;
}
.campaign-promo.intro-area.intro-area-third-layout .bg-img {
  margin-top: 0;
  height: 64em;
  max-width: 100%;
  margin-right: 0;
  width: 100%;
  margin-top: 10em;
  max-width: none;
  width: calc(100% + 50px);
  background-position: center;
}
.campaign-promo.intro-area.intro-area-third-layout .left-column {
  padding-top: 18em;
}
.campaign-promo.intro-area.intro-area-third-layout .btn-wrapper {
  margin-left: 0;
}
.campaign-promo.intro-area.intro-area-third-layout h2 {
  font-size: 4.9em;
  line-height: 1.0816326530612244em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.campaign-promo.intro-area.intro-area-third-layout .title-wrapper {
  min-height: 214px;
  margin-bottom: 5.3em;
}
@media screen and (max-height: 650px) and (max-width: 1000px) {
  .campaign-promo.intro-area.intro-area-third-layout .title-wrapper {
    min-height: auto;
  }
}
.campaign-promo.intro-area.intro-area-third-layout .title-wrapper h2 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.campaign-promo.intro-area.intro-area-third-layout .layer {
  width: 100%;
  height: 50em;
}
@media screen and (max-width: 1280px) {
  .campaign-promo.intro-area.intro-area-third-layout .left-column {
    margin-left: 0;
    width: 58.333333333333336%;
  }
  .campaign-promo.intro-area.intro-area-third-layout .right-column {
    margin-right: 0;
    width: 58.333333333333336%;
  }
}
@media screen and (max-width: 1023px) {
  .campaign-promo.intro-area.intro-area-third-layout .layer {
    height: 54.7em;
  }
}
@media screen and (max-width: 768px) {
  .campaign-promo.intro-area.intro-area-third-layout .layer {
    height: 57.7em;
  }
}
@media screen and (max-width: 600px) {
  .campaign-promo.intro-area.intro-area-third-layout {
    height: calc(100vh - 59px);
    background: #e2d7a3;
  }
  .campaign-promo.intro-area.intro-area-third-layout .page-wrapper,
  .campaign-promo.intro-area.intro-area-third-layout .row,
  .campaign-promo.intro-area.intro-area-third-layout .col,
  .campaign-promo.intro-area.intro-area-third-layout .right-column,
  .campaign-promo.intro-area.intro-area-third-layout .left-column,
  .campaign-promo.intro-area.intro-area-third-layout .campaign-promo-wrapper {
    height: 100%;
  }
  .campaign-promo.intro-area.intro-area-third-layout .right-column,
  .campaign-promo.intro-area.intro-area-third-layout .left-column {
    margin-left: 0;
    margin-right: 0;
    width: 50vw;
  }
  .campaign-promo.intro-area.intro-area-third-layout .left-column {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 50px;
  }
  .campaign-promo.intro-area.intro-area-third-layout .right-column {
    margin-right: -30px;
  }
  .campaign-promo.intro-area.intro-area-third-layout .bg-img {
    position: static;
    height: 100%;
    margin-top: 0;
  }
}
.campaign-promo.campaign-promo-cta {
  height: 49em;
  margin: 1.7em 0 8.7em;
  padding: 0;
}
.campaign-promo.campaign-promo-cta .circle-stamp {
  position: absolute;
  right: -6.5em;
  z-index: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.campaign-promo.campaign-promo-cta .page-wrapper,
.campaign-promo.campaign-promo-cta .row,
.campaign-promo.campaign-promo-cta .col {
  height: 100%;
}
.campaign-promo.campaign-promo-cta .left-col {
  width: 62%;
  background-color: #e2d7a3;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 20px;
}
.campaign-promo.campaign-promo-cta .left-col h2 {
  color: #343434;
  font-size: 4.1em;
  line-height: 1.1463414634146343em;
  letter-spacing: 0;
  font-weight: 300;
  margin: 0;
  font-family: 'cf_asty_prolight';
  padding-top: 1.3658536585365855em;
}
@media screen and (max-width: 1280px) {
  .campaign-promo.campaign-promo-cta .left-col h2 {
    font-size: 3.1em;
    line-height: 1.5161290322580645em;
  }
}
.campaign-promo.campaign-promo-cta .right-col {
  width: 38%;
}
.campaign-promo.campaign-promo-cta .right-col .make-full {
  padding: 0 5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.campaign-promo.campaign-promo-cta h2 br:first-child,
.campaign-promo.campaign-promo-cta h2 br:last-child {
  display: none;
}
.campaign-promo.campaign-promo-cta .i-want-btn {
  height: 50%;
  margin-left: 0;
  cursor: pointer;
}
.campaign-promo.campaign-promo-cta .i-want-btn:first-of-type {
  background-color: #d9cf97;
}
.campaign-promo.campaign-promo-cta .i-want-btn:last-of-type {
  background-color: #dcd29a;
}
.campaign-promo.campaign-promo-cta .i-want-btn .circle-arrow {
  margin-right: -2em;
  margin-top: 1em;
}
.campaign-promo.campaign-promo-cta .i-want-btn .txt {
  margin-top: 1.5em;
  font-size: 2.5em;
  line-height: 1.2em;
  font-family: 'cf_asty_promedium';
}
@media screen and (max-width: 1280px) {
  .campaign-promo.campaign-promo-cta .i-want-btn .txt {
    font-size: 1.8em;
    line-height: 1.6666666666666665em;
  }
}
.campaign-promo.campaign-promo-cta .i-want-btn .make-full {
  padding: 0 11em;
}
.campaign-promo.campaign-promo-cta .i-want-btn .rel {
  padding-top: 0;
  padding: 0 11em;
}
@media screen and (max-width: 1000px) {
  .campaign-promo.campaign-promo-cta .i-want-btn .make-full {
    padding: 0 8em;
  }
}
@media screen and (max-width: 768px) {
  .campaign-promo.campaign-promo-cta .i-want-btn .make-full {
    padding: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .campaign-promo.campaign-promo-cta .i-want-btn {
    width: auto;
    min-width: 0;
  }
  .campaign-promo.campaign-promo-cta .circle-stamp {
    right: -4.5em;
  }
}
@media screen and (max-width: 600px) {
  .campaign-promo.campaign-promo-cta {
    height: auto;
  }
  .campaign-promo.campaign-promo-cta .page-wrapper {
    padding: 0;
  }
  .campaign-promo.campaign-promo-cta .circle-stamp {
    top: auto;
    bottom: -4.8em;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    right: 20px;
  }
  .campaign-promo.campaign-promo-cta .left-col {
    width: 100%;
    padding: 30px 20px;
    padding-bottom: 40px;
  }
  .campaign-promo.campaign-promo-cta .right-col {
    width: 100%;
  }
  .campaign-promo.campaign-promo-cta .i-want-btn .circle-arrow {
    margin-right: 0;
    margin-top: 0;
  }
  .campaign-promo.campaign-promo-cta .i-want-btn .txt {
    margin-top: 0;
  }
  .campaign-promo.campaign-promo-cta .i-want-btn .rel.make-full {
    position: relative;
    padding: 20px;
    max-width: 320px;
    margin: 0 auto;
  }
  .campaign-promo.campaign-promo-cta .i-want-btn .text-right {
    position: absolute;
    right: 20px;
    bottom: 20px;
  }
}
.campaign-go-back-btn {
  display: flex;
}
.campaign-go-back-btn .txt {
  font-family: 'cf_asty_probook';
  font-size: 1.7em;
  line-height: 1.823529411764706em;
  display: block;
  color: #343434;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.campaign-go-back-btn .arrow {
  -webkit-transform: translate(0) rotate(180deg);
  -moz-transform: translate(0) rotate(180deg);
  -o-transform: translate(0) rotate(180deg);
  -ms-transform: translate(0) rotate(180deg);
  transform: translate(0) rotate(180deg);
  height: 2.8em;
  width: 4.9em;
  background: var(--wpr-bg-1bda667e-63d1-4629-a48b-9497c428981b);
  -webkit-background-size: contain;
  background-size: contain;
  display: block;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
  margin-right: 1.2em;
}
.campaign-go-back-btn:hover .arrow {
  -webkit-transform: translate(-7px, 0) rotate(180deg);
  -moz-transform: translate(-7px, 0) rotate(180deg);
  -o-transform: translate(-7px, 0) rotate(180deg);
  -ms-transform: translate(-7px, 0) rotate(180deg);
  transform: translate(-7px, 0) rotate(180deg);
}
.campaign-go-back-btn.desktop {
  margin-top: 5em;
}
@media screen and (max-width: 767px) {
  .campaign-go-back-btn.desktop {
    display: none;
  }
}
.campaign-go-back-btn.mobile {
  margin-top: 50px;
  display: none;
}
@media screen and (max-width: 767px) {
  .campaign-go-back-btn.mobile {
    display: flex;
  }
}
.without-learn-more-btn .campaign-go-back-btn.desktop {
  margin-top: 16.8em;
}
.remove-margins-from-children:first-child {
  margin-top: 0;
}
.remove-margins-from-children:last-child {
  margin-bottom: 0;
}
.campaign-promo.main-content h2 {
  font-size: 2.1em;
  margin-bottom: 1.380952380952381em;
  font-family: 'cf_asty_promedium';
  margin-top: 1.380952380952381em;
}
.campaign-promo.main-content h2:first-child {
  margin-top: 0;
}
.campaign-promo.main-content h2:last-child {
  margin-bottom: 0;
}
.campaign-promo.main-content h3 {
  font-size: 2.7em;
  font-family: 'cf_asty_promedium';
  margin-top: 1.074074074074074em;
  margin-bottom: 1.074074074074074em;
}
.campaign-promo.main-content h3:first-child {
  background-color: pink;
  margin-top: 0;
}
.campaign-promo.main-content h3:first-child {
  margin-top: 0;
}
.campaign-promo.main-content h3:last-child {
  margin-bottom: 0;
}
.campaign-promo.main-content p {
  font-size: 1.9em;
  line-height: 1.4210526315789476em;
  font-family: 'cf_asty_probook';
  margin-top: 1.5263157894736843em;
  margin-bottom: 1.5263157894736843em;
}
.campaign-promo-wrapper {
  max-width: 950px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .campaign-promo-wrapper {
    padding: 0 30px;
  }
}
.campaign-promo-wrapper.big {
  max-width: 1160px;
}
.bg-grey {
  background-color: #343434;
}
.h2-campaign-form {
  font-size: 4.1em;
  line-height: 1.1463414634146343em;
  letter-spacing: -0.025em;
  font-family: 'cf_asty_probook';
  margin: 0;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  margin-bottom: 0.3658536585365854em;
}
.h3-campaign-form {
  font-size: 2.7em;
  line-height: 1.1851851851851851em;
  letter-spacing: -0.015em;
  font-family: 'cf_asty_prolight';
  margin: 0;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  margin-bottom: 0.8518518518518517em;
}
.h4-campaign-form {
  font-size: 2.4em;
  line-height: 1.2083333333333333em;
  font-family: 'cf_asty_probook';
  margin: 0;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: normal;
  margin-bottom: 1.1666666666666667em;
  margin-top: 0.125em;
}
.campaign-padding {
  padding-top: 5em;
  padding-bottom: 5em;
}
.campaign-padding.no-top {
  padding-top: 0;
}
.campaign-padding.bigger-bottom {
  padding-bottom: 10em;
}
.campaign-padding.bigger-top {
  padding-top: 10em;
}
.campaign-padding.no-bottom {
  padding-bottom: 0;
}
@media screen and (max-width: 767px) {
  .campaign-padding.bigger-bottom {
    padding-bottom: 5em;
  }
  .campaign-padding.bigger-top {
    padding-top: 5em;
  }
}
.general-form .select-drop-down .ui-selectmenu-menu.ui-selectmenu-open {
  width: 100% !important;
}
@media screen and (max-width: 767px) {
  .general-form .select-drop-down .ui-selectmenu-menu.ui-selectmenu-open {
    width: 100% !important;
  }
}
.general-form .select-drop-down .ui-selectmenu-menu ul,
.mCustomScrollBox,
.general-form .select-drop-down .ui-selectmenu-menu .mCSB_inside > .mCSB_container {
  width: 100% !important;
}
.campaign-volunteer-form {
  background: #343434;
  padding: 12.4em;
  color: #FFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: 'cf_asty_probook';
}
.campaign-volunteer-form form {
  padding-top: 2em;
}
.campaign-volunteer-form h2 {
  font-size: 4.1em;
  line-height: 1.1463414634146343em;
  letter-spacing: -0.025em;
  font-weight: 300;
  margin: 0;
}
.campaign-volunteer-form h3 {
  font-size: 2.7em;
  letter-spacing: -0.015em;
  font-weight: 400;
  margin: 0;
  color: #FFF;
}
.campaign-volunteer-form p {
  font-size: 2em;
  color: #e2d7a3 !important;
}
.campaign-volunteer-form .intro-txt p {
  margin-top: 0;
  margin-bottom: 0;
}
.campaign-volunteer-form .checkbox-area p,
.campaign-volunteer-form p.small {
  color: #e2d7a3 !important;
}
.campaign-volunteer-form .row {
  display: flex;
  align-items: flex-end;
}
.campaign-volunteer-form .response-msg {
  margin-top: 20px;
  text-align: left;
}
@media screen and (max-width: 1300px) {
  .campaign-volunteer-form {
    padding: 12.4em 6vw 12.4em;
  }
  .campaign-volunteer-form h2 br {
    display: none;
  }
  .campaign-volunteer-form .col.col-1,
  .campaign-volunteer-form .col.col-2 {
    display: none;
  }
  .campaign-volunteer-form .col.col-3 {
    width: 30%;
  }
  .campaign-volunteer-form .col.col-6 {
    width: 60%;
  }
}
@media screen and (max-width: 900px) {
  .campaign-volunteer-form {
    padding: 12.4em 0 12.4em;
  }
  .campaign-volunteer-form h2 {
    margin-bottom: 30px;
  }
  .campaign-volunteer-form h3 {
    margin-bottom: 15px;
  }
  .campaign-volunteer-form .row {
    display: block;
  }
  .campaign-volunteer-form .col.col-1,
  .campaign-volunteer-form .col.col-2 {
    display: none;
  }
  .campaign-volunteer-form .col.col-3,
  .campaign-volunteer-form .col.col-6 {
    width: 100%;
  }
}
.form-row {
  width: 50%;
  display: block;
  float: left;
  margin-bottom: 1.7em;
  position: relative;
}
.form-row.one {
  width: 100%;
}
.form-row.two:nth-child(2n+1) {
  padding-right: 1em;
  clear: left;
}
.form-row.two:nth-child(2n) {
  padding-left: 1em;
  clear: right;
}
@media screen and (max-width: 650px) {
  .form-row.two {
    width: 100%;
  }
  .form-row.two:nth-child(2n) {
    padding-left: 0;
  }
  .form-row.two:nth-child(2n+1) {
    padding-right: 0;
  }
}
.form-row.four {
  width: 25%;
}
.form-row.four:nth-child(4n+1) {
  padding-right: 2em;
  clear: left;
}
.form-row.four:nth-child(4n+2) {
  padding-right: 1em;
}
.form-row.four:nth-child(4n+3) {
  padding-left: 1em;
}
.form-row.four:nth-child(4n) {
  padding-left: 2em;
  clear: right;
}
@media screen and (max-width: 650px) {
  .form-row.four {
    width: 100%;
  }
  .form-row.four:nth-child(4n+1) {
    padding-right: 0;
    clear: left;
  }
  .form-row.four:nth-child(4n+2) {
    padding-right: 0;
  }
  .form-row.four:nth-child(4n+3) {
    padding-left: 0;
  }
  .form-row.four:nth-child(4n) {
    padding-left: 0;
    clear: right;
  }
}
.custom-checkbox-wrapper {
  display: inline-block;
  margin-right: 1em;
  margin-bottom: 2em;
  user-select: none;
}
input.custom-checkbox {
  display: none;
}
input.custom-checkbox + label {
  display: inline-block;
  cursor: pointer;
  height: 2.3529411764705883em;
  line-height: 2.235294117647059em;
  font-size: 1.7em;
  padding: 0 1.4705882352941178em;
  -webkit-border-radius: 1.1111111111111112em;
  -moz-border-radius: 1.1111111111111112em;
  border-radius: 1.1111111111111112em;
  border: 1px solid #e2d7a3;
  color: #e2d7a3;
  -webkit-transition: all 0.4s ease-out 0s;
  -moz-transition: all 0.4s ease-out 0s;
  -o-transition: all 0.4s ease-out 0s;
  transition: all 0.4s ease-out 0s;
}
input.custom-checkbox + label:hover {
  color: #FFF;
  border-color: #FFF;
}
input.custom-checkbox + label .icon-new {
  display: none;
  font-size: 0.5882352941176471em;
  margin-left: 0.17301038062283738em;
}
input.custom-checkbox:checked + label {
  background: #e2d7a3;
  color: #343434 !important;
  border: 1px solid #e2d7a3 !important;
}
input.custom-checkbox:checked + label .icon-new {
  display: inline-block;
}
.skills {
  margin-bottom: -2em;
}
html {
  width: 100%;
  height: 100%;
}
body {
  width: 100%;
  height: 100%;
  margin: 0;
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 10px;
  color: #343434;
}
@media screen and (max-width: 1023px) {
  body {
    font-size: 9px;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 8px;
  }
}



.listing-post .img .img-bg, .featured-post .img .img-bg {
    background-size: contain!important;
    background-position: center center!important;
	background-repeat: no-repeat!important;
}

div#posts-container > article {
    padding: 10px;
}