.large-view_container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: green; }

.large-view_container.transition {
  transition: opacity 0.4s; }

.large-view_container img {
  flex-shrink: 0;
  flex-grow: 0; }

/*
.large-view_container.solid {
opacity: 1;
}
*/
/*
.large-view_container.transparent {
  opacity: 0.01;
}

.large-view_container.solid {
  opacity: 0.99;
}

*/
.large-view_container.noned {
  display: none; }

/*
@font-face {
  font-family: Montserrat;
  src: url('montserrat/Montserrat-Black.ttf');
  font-weight: 900;
}
*/
@font-face {
  font-family: Montserrat;
  src: url("montserrat/Montserrat-ExtraBold.ttf");
  font-weight: 800; }

@font-face {
  font-family: Montserrat;
  src: url("montserrat/Montserrat-Bold.ttf");
  font-weight: bold; }

/*

@font-face {
  font-family: Montserrat;
  src: url('montserrat/Montserrat-SemiBold.ttf');
  font-weight: 600;
}

@font-face {
  font-family: Montserrat;
  src: url('montserrat/Montserrat-Medium.ttf');
  font-weight: 500;
}
*/
@font-face {
  font-family: Montserrat;
  src: url("montserrat/Montserrat-Regular.ttf");
  font-weight: normal; }

@font-face {
  font-family: Montserrat;
  src: url("montserrat/Montserrat-Light.ttf");
  font-weight: 300; }

/*
@font-face {
  font-family: Montserrat;
  src: url('montserrat/Montserrat-ExtraLight.ttf');
  font-weight: 200;
}
*/
.symbol-slide {
  position: relative; }

.ratio {
  position: relative;
  width: 100%;
  padding-bottom: 56%; }

.background {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%; }

.background svg {
  flex-grow: 0;
  flex-shrink: 0;
  width: 160%; }

.content-wrap {
  position: absolute;
  width: 100%;
  height: 100%; }

.content {
  position: relative; }

@media (max-width: 800px) {
  .ratio {
    padding-bottom: 0px; }
  .content-wrap {
    position: relative; } }

/*
@media (max-width: 850px) {
  .ratio {
    padding-bottom: 165%;
  }

  .content {
    // box-sizing: border-box;
    position: absolute;

    background-image: url('up-bckrd-mobile_01-01plain.svg');
    background-size: cover;
    background-position: center;

    width: 100%;
    height: 100%;
    background-color: grey;
  }
}
*/
.gallery {
  overflow: hidden; }

.gallery-deck {
  position: relative;
  white-space: nowrap;
  line-height: 0px; }

.gallery-deck.transition {
  transition: transform 0.5s ease-out; }

.deck-item {
  display: inline-block;
  position: relative; }

.deck-item-content_wrapper {
  display: block;
  padding: 0px 1px; }

.deck-item img {
  display: block;
  width: auto;
  height: 450px;
  line-height: normal;
  white-space: normal; }

@media (max-width: 850px) {
  .deck-item {
    height: 600px;
    width: 100vw; }
  .deck-item-content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%; }
  .deck-item-content_wrapper {
    position: absolute;
    width: 100%;
    height: 100%; } }

section, nav, header, footer, address {
  display: block; }

address {
  font-style: normal; }

a, a:link, a:visited, a:hover, a:focus, a:active {
  color: inherit;
  text-decoration: none;
  border-style: none;
  all: unset; }

.navigation .logo,
footer .logo {
  margin-left: 15px; }

.sections-container,
.navigation .nav_box,
header .front-wrap,
header .front-wrap .front-background,
footer .footer_inner-box {
  max-width: 1600px;
  margin: 0px auto; }

.sections-container,
footer {
  font-size: 1rem;
  font-weight: 300;
  color: #1a391c; }

.sections-container p,
footer p {
  margin: 1rem 15px; }

.sections-container h1 {
  font-weight: 800;
  font-size: 2rem;
  margin: 2rem 15px; }

span.highlight {
  font-weight: 800;
  color: #5bc561; }

.concept .concept-description .content,
#about .content {
  font-size: 1.5rem;
  margin: 1.5rem 15px; }

.concept .concept-description .content h1,
#about .content h1 {
  margin: 3rem 15px;
  font-size: 4.5rem; }

.concept .concept-description .content,
#front .credo-wrap,
#about .content,
#out .showcases,
#contact .contact_content-wrap,
#staff,
.navigation .header_wrap,
footer .footer_content-wrap {
  margin: 0px 250px;
  padding: 75px 0px; }

#front .credo-wrap,
.navigation .header_wrap {
  padding: 0px; }

.concept {
  overflow: hidden; }

.concept .logo-background {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 0px -200px 0px 0px;
  width: 800px;
  height: 800px; }

.concept .logo-background path {
  fill: rgba(91, 197, 97, 0.2); }

@media (max-width: 1300px) {
  .concept .concept-description .content,
  #front .credo-wrap,
  #about .content,
  #out .showcases,
  #contact .contact_content-wrap,
  #staff,
  .navigation .header_wrap,
  footer .footer_content-wrap {
    margin: 0px 100px;
    padding: 75px 0px; }
  #front .credo-wrap,
  .navigation .header_wrap {
    padding: 0px; } }

.text.noned,
#front .credo-wrap h1.text.noned,
#out .showcase .description-wrap .text.noned {
  display: none; }

@media (max-width: 850px) {
  .concept .concept-description .background svg {
    flex-grow: 0;
    flex-shrink: 0;
    width: 650%; }
  .concept .concept-description .content,
  #front .credo-wrap,
  #about .content,
  #contact .meet-time_wrap,
  #contact .contact-info_wrap,
  #staff,
  .navigation .header_wrap,
  footer .footer_content-wrap {
    margin: 0px 35px;
    padding: 50px 0px; }
  #contact .contact_content-wrap {
    margin: 0px 0px; }
  .navigation .header_wrap,
  #front .credo-wrap,
  #contact .meet-time_wrap,
  #contact .contact-info_wrap {
    padding: 0px; }
  #out .showcases {
    margin: 0px 0px;
    padding: 0px 0px; } }

@media (max-width: 650px) {
  .concept .concept-description .content,
  #front .credo-wrap,
  #about .content,
  #contact .meet-time_wrap,
  #contact .contact-info_wrap,
  #staff,
  .navigation .header_wrap,
  footer .footer_content-wrap {
    overflow: hidden;
    margin: 0px 10px; }
  .concept .logo-background {
    top: 300px;
    margin: 0px -100px 0px 0px;
    width: 400px;
    height: 400px; } }

.ios-safari-click-fix {
  position: relative;
  z-index: 0; }

.sections-container {
  background-color: #e6e6e6; }

#front {
  position: relative;
  height: 500px; }

.front-background {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 500px;
  background-image: url("media/landing/DSC_0034.jpg");
  background-position: center;
  background-size: cover;
  top: 0px; }

#front .credo-wrap {
  margin-top: 64px;
  height: 500px;
  line-height: 500px; }

#front .credo-wrap h1 {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  text-align: center;
  color: transparent;
  -webkit-text-fill-color: transparent;
  background-image: linear-gradient(to right, #e6e84e, #56ff7e);
  -webkit-background-clip: text;
  -moz-background-clip: text;
  -ms-background-clip: text;
  -o-background-clip: text;
  background-clip: text; }

#about {
  position: relative; }

#contact p.meet-time {
  margin-bottom: 0px; }

#contact .contact-info_wrap p {
  margin-top: 0px; }

#contact .street-view {
  float: left;
  box-sizing: border-box;
  padding: 5px;
  width: 50%;
  height: 300px;
  background-image: url("media/locationStreetView.jpeg");
  background-size: cover;
  background-position: center; }

#contact .map {
  display: block;
  float: left;
  position: relative;
  box-sizing: border-box;
  padding: 5px;
  width: 50%;
  height: 300px;
  background-image: url("media/map-cropped.png");
  background-size: cover;
  background-position: center;
  background-clip: content-box;
  cursor: pointer; }

#contact iframe {
  width: 100%;
  height: 100%; }

#staff h1 {
  margin-bottom: 5rem; }

#staff .members-wrap {
  margin: 0px 5px 0px 5px; }

#staff .member {
  box-sizing: border-box;
  float: left;
  width: 33.3%;
  text-align: center;
  padding: 0px 2px 50px 2px; }

#staff .ratio {
  padding-bottom: 100%; }

#staff .member .avatar {
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 50%; }

#staff .member#powell .avatar {
  background-image: url("media/staff/powells.jpg");
  background-position: center;
  background-size: cover; }

#staff .member#crews .avatar {
  background-image: url("media/staff/crews.jpg");
  background-position: center;
  background-size: cover; }

@media (max-width: 850px) {
  #staff .member {
    text-align: center;
    padding-bottom: 50px; } }

@media (max-width: 650px) {
  #front,
  .front-background,
  #front .credo-wrap {
    height: 600px; }
  #front .credo-wrap {
    line-height: 600px; }
  #staff .member {
    float: none;
    width: 100%;
    padding: 0px 15px 75px 15px; }
  #staff .member .info-wrap {
    margin: 50px auto 15px auto; }
  #staff .members-wrap .clearleft {
    display: none; } }

@media (max-width: 350px) {
  #front,
  .front-background,
  #front .credo-wrap {
    height: 550px; }
  #front .credo-wrap {
    line-height: 550px; } }

.concept .concept-description {
  position: relative; }

.concept .concept-description .content-wrap {
  position: relative; }

.concept .concept-description .ratio {
  padding-bottom: 0px; }

.concept .concept-description .background {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 100%;
  height: 100%; }

.concept .concept-description .background svg {
  flex-grow: 0;
  flex-shrink: 0;
  width: 430%; }

.concept .concept-description .background svg path {
  display: inline;
  fill: none;
  stroke: white;
  stroke-width: 25px;
  stroke-linecap: round;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-opacity: 1; }

.concept .concept-description .background svg.mobile {
  display: none; }

#in .background {
  background: linear-gradient(to left, #5bc561, #e6e6e6); }

/*
#in .background svg path {\
  // stroke: linear-gradient(to left, $saturated-green, white);\
  stroke: $light_green_alpha;
}
*/
#in .background svg path {
  stroke: url("#in-gradient-widescreen"); }

#in .concept-description .background svg.widescreen stop.left,
#in .concept-description .background svg.mobile stop.left {
  stop-color: white; }

#in .concept-description .background svg.widescreen stop.right,
#in .concept-description .background svg.mobile stop.right {
  stop-color: rgba(230, 230, 230, 0.3); }

#up {
  position: relative; }

#up .content-wrap {
  z-index: 1; }

/*
#up .background svg path {
  stroke: $light_green_alpha;
}
*/
#up .background svg path {
  stroke: url("#up-gradient-widescreen"); }

#up .concept-description .background svg.widescreen stop.left,
#up .concept-description .background svg.mobile stop.left {
  stop-color: white; }

#up .concept-description .background svg.widescreen stop.right,
#up .concept-description .background svg.mobile stop.right {
  stop-color: rgba(230, 230, 230, 0.3); }

/*
#up .concept-description .background svg.widescreen stop.leftish,
#up .concept-description .background svg.mobile stop.leftish {
  stop-color: $saturated_green;
}
*/
#up .photo {
  background-size: cover;
  background-position: center;
  height: 500px;
  margin: 1px auto; }

#up .photo#audience {
  background-image: url("media/up/21688306_1596531477075367_2999301465771200079_o.jpg"); }

#up .photo#lecturer {
  background-image: url("media/up/23551059_1648234865238361_2582291400729201502_o.jpg"); }

#up .photo#group {
  background-image: url("media/up/21552067_1585036934891488_5713564960741055310_o.jpg"); }

#up .photo:nth-last-child(1) {
  position: relative; }

#out {
  position: relative; }

/*
#out .background svg path {
  // stroke: linear-gradient(to left, $saturated-green, white);
  stroke: $light_green_alpha;
}
*/
#out .background svg path {
  stroke: url("#out-gradient-widescreen"); }

#out .concept-description .background svg.widescreen stop.left,
#out .concept-description .background svg.mobile stop.left {
  stop-color: rgba(230, 230, 230, 0.3); }

#out .concept-description .background svg.widescreen stop.right,
#out .concept-description .background svg.mobile stop.right {
  stop-color: white; }

#out .showcase {
  position: relative;
  margin: 0px auto;
  padding-bottom: 18px;
  z-index: 1; }

#out .showcase .image-thumb {
  float: left;
  width: 450px;
  height: 250px;
  background-position: center;
  background-size: cover; }

#out .showcase#park .image-thumb {
  background-image: url("media/out/bRKZ2X7P_T4.jpg"); }

#out .showcase#playground .image-thumb {
  background-image: url("media/out/22219946_1606186132776568_2916948056513412695_o.jpg"); }

#out .showcase#gifts .image-thumb {
  background-image: url("media/out/25440299_1682244401837407_1959189880887880611_o.jpg"); }

#out .showcase:nth-last-child(1) {
  position: relative; }

#out .showcase .description-wrap {
  float: left;
  width: 150px;
  height: 250px;
  line-height: 250px; }

#out .showcase .description-wrap p {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  margin-left: 15px; }

#out .description-container {
  display: inline-block; }

#in {
  position: relative; }

#in .gallery-wrap {
  position: relative; }

#in .gallery-wrap .icon {
  position: absolute;
  height: 100%;
  display: flex;
  align-items: center;
  top: 0px;
  box-sizing: border-box;
  padding: 75px; }

#in .gallery-wrap .icon svg {
  flex-shrink: 0;
  flex-grow: 0; }

#in .gallery-wrap .icon#fwd {
  right: 0px; }

#in .gallery-wrap .icon#bwd {
  left: 0px; }

@media (max-width: 850px) {
  #out .showcase {
    width: auto; }
  #out .showcase .image-thumb {
    float: none;
    width: 100%;
    height: 450px; }
  #out .showcase .description-wrap {
    float: none;
    width: auto;
    height: auto;
    margin: 10px 75px 10px 75px;
    line-height: normal; }
  #out .showcase .description-wrap p {
    display: inline-block;
    margin: 15px 15px 15px 15px; }
  #out .showcase .clearleft {
    display: none; } }

@media (max-width: 650px) {
  .concept .concept-description .background svg {
    width: 550%; }
  .concept .concept-description .background svg.widescreen {
    display: none; }
  .concept .concept-description .background svg.mobile {
    display: block; }
  #up .background svg path {
    stroke: url("#up-gradient-mobile"); }
  #out .background svg path {
    stroke: url("#out-gradient-mobile"); }
  #in .background svg path {
    stroke: url("#in-gradient-mobile"); }
  #in .gallery-wrap .icon {
    padding: 15px; }
  #contact .location-wrap .street-view,
  #contact .location-wrap .map {
    float: none;
    width: 100%; }
  #contact .location-wrap .clearleft {
    display: none; } }

.navigation {
  z-index: 99;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  background-color: rgba(26, 57, 28, 0.9);
  transition: background-color 0.5s; }

.navigation.larger {
  background-color: white; }

.navigation .header_container {
  margin: 15px 15px 15px 0px; }

.navigation .logo {
  display: inline-block;
  background-image: url("media/leo logo - transparent.png");
  background-size: cover;
  background-position: center;
  width: 135px;
  height: 52px;
  transition: width 0.5s, height 0.5s;
  cursor: pointer; }

.navigation.larger .logo {
  width: 250px;
  height: 96px; }

.navigation .header_container .lang-switch {
  float: right;
  display: inline-block;
  position: relative;
  width: 64px;
  height: 52px;
  cursor: pointer;
  color: white;
  line-height: 52px;
  text-align: center;
  transition: width 0.5s, height 0.5s, line-height 0.5s; }

.navigation.larger .header_container .lang-switch {
  height: 96px;
  line-height: 96px;
  color: #1a391c; }

.navigation .header_container .clearleft {
  display: none; }

.navigation .header_container .lang-switch_inner-wrap {
  position: absolute;
  width: 64px;
  height: 100%;
  transition: height 0.5s; }

.header_container .lang-switch span#en,
.header_container .lang-switch span#ua {
  display: inline-block;
  line-height: normal;
  vertical-align: middle;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 1.250rem;
  font-weight: normal; }

.header_container .lang-switch {
  cursor: pointer; }

.header_container .lang-switch:hover {
  background-color: rgba(91, 197, 97, 0.2); }

.header_container .lang-switch #en.noned,
.header_container .lang-switch #ua.noned {
  display: none; }

.header_container svg {
  width: 64px;
  height: 64px;
  margin: 0px 1px; }

.header_container svg path {
  display: inline;
  opacity: 1;
  fill: #5bc561;
  fill-opacity: 1;
  stroke: none;
  stroke-width: 5.29166651;
  stroke-linecap: square;
  stroke-linejoin: round;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-opacity: 1; }

.header_container svg rect {
  display: inline;
  opacity: 1;
  fill: #1a391c;
  stroke: none;
  stroke-width: 5.29166651;
  stroke-linecap: square;
  stroke-linejoin: round;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-opacity: 1; }

footer {
  padding: 50px 0px;
  background-color: #1a391c;
  color: #e6e6e6; }

footer .logo {
  display: block;
  background-image: url("media/leo logo - transparent.png");
  background-size: cover;
  background-position: center;
  width: 135px;
  height: 52px;
  cursor: pointer; }

@media (max-width: 650px) {
  .header_container .lang-switch:hover {
    background-color: transparent; }
  .header_container .lang-switch:active {
    background-color: rgba(91, 197, 97, 0.2); }
  footer {
    padding: 100px 0px; } }

@media (max-width: 365px) {
  .navigation.larger .logo {
    width: 200px;
    height: 80px; }
  .navigation.larger .header_container .lang-switch {
    height: 80px;
    line-height: 80px; } }

html, body {
  margin: 0px;
  padding: 0px;
  font-family: Montserrat;
  font-size: 16px;
  background-color: #e6e6e6;
  color: black;
  font-weight: 300; }

#throughoutput {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px; }

.large-view_wrap {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 99;
  width: 100%;
  height: 100%; }

.large-view_wrap.noned {
  display: none; }

.large-view_wrap .icon#cross {
  position: absolute;
  right: 0px;
  top: 0px;
  margin: 50px; }

.icon svg {
  width: 64px;
  height: 64px; }

.icon svg path {
  fill: none;
  stroke: #00d264;
  stroke-width: 1.05833328;
  stroke-linecap: butt;
  stroke-linejoin: miter;
  stroke-miterlimit: 4;
  stroke-dasharray: none;
  stroke-opacity: 0.57438013; }

.social-links {
  margin: 25px auto;
  width: 272px; }

.social-links a {
  display: block;
  float: left;
  margin: 5px 2px;
  border-radius: 18px;
  background-color: rgba(91, 197, 97, 0.2); }

  
/* social links, svgs, pics, */
  .social-links .icon-social svg {
    display: block;
    width: 64px;
    height: 64px; }
  
  .icon-social#instagram svg path {
    fill: #5bc561;
    stroke-width: 0.5954231; }
  
  .icon-social#youtube svg path {
    fill: #5bc561;
    fill-opacity: 1;
    fill-rule: nonzero;
    stroke: none; }
  
  .icon-social#facebook svg path {
    fill: #5bc561; }
  
  .icon-social#email svg path {
    fill: #5bc561; }
  
  .icon-social#email svg path {
      fill: #5bc561; }

/* Nick 2019-09-13 = active links on svg :hover*/


.icon-social#instagram:hover svg path {
  fill: #29552b;
  stroke-width: 0.5954231; }

.icon-social#youtube:hover svg path {
  fill: #29552b;
  fill-opacity: 1;
  fill-rule: nonzero;
  stroke: none; }

.icon-social#facebook:hover svg path {
  fill: #29552b; }

.icon-social#email:hover svg path {
  fill: #29552b; }

.icon-social#email:hover svg path {
    fill: #29552b; }
    
.social-links:hover  {

      background-color: rgba(106, 236, 113, 0.144); }    


/* nlink_normal */      
a.nlink_normal {
  color: #4b9b4f; 
  /*text-decoration: underline;*/
  border-bottom: 1px dashed #4b9b4f;
}

a.nlink_normal:hover {
  color: #29552b; 
  cursor: pointer;

}

a.nlink_dark {
  color: #214623; 
  /*text-decoration: underline;*/
  border-bottom: 1px dashed #214623;
}

/* nlink_normal */      
a.nlink_dark:hover {
  color: #1c9222; 
  cursor: pointer;

}

/* active links    */

.clearleft {
  clear: left; }

.clearright {
  clear: right; }

@media (max-width: 650px) {
  body {
    overflow-wrap: break-word; } }