@import url(' https://fonts.googleapis.com/css?family=Playfair+Display:400,700');


@font-face {
    font-family: "Isento-Bold";
    src: url("../fonts/Isento-Bold2.woff") format('woff');
}

@font-face {
    font-family: "Isento-Medium";
    src: url("../fonts/Isento-Medium2.woff2") format('woff2');
}
* {
    font-family: "Isento-Medium";
    color: #3f3f3f;
    line-height: 1.5;
}

html {
  height: 100%;
  /*overflow: hidden;*/
}
body {
  margin: 0;
  height: 100%;
  /*
  overflow-y: scroll;
  overflow-x: hidden;
  perspective: 1px;
  transform-style: preserve-3d;
  */
  font-family:"Playfair Display";

}
a, h1, h2, h3, p { text-decoration:none; color:#3f3f3f; font-family:"Isento-Medium" }

h1, h2, h3 { letter-spacing:-0.055em; color:#000;}

h3 { font-size:24px; line-height:24px; }

p { font-size:18px; line-height:26px; }

strong, p strong { font-family:"Isento-Bold" }

a { color:#125901;}
a:hover { color: #224210;}
.clear-float { clear:both; height:1px; width:1px; overflow:hidden;}
.cell {  width:1000px; margin:0 auto;   }
.cell-full-width { width:100%; }
.full-width { width:100%; }
.text-centered { text-align:center; }
.grey-bg { background-color:#edf0eb;}
.mt-1 { margin-top:4px!important;}
.mt-2 { margin-top:6px!important;}
.mt-3 { margin-top:10px!important;}
.mt-4 { margin-top:15px!important;}
.mt-5 { margin-top:20px!important;}
.pt-1 { padding-top:4px!important;}
.pt-2 { padding-top:6px!important;}
.pt-3 { padding-top:10px!important;}
.pt-4 { padding-top:15px!important;}
.pt-5 { padding-top:20px!important;}
.pt-6 { padding-top:20px!important;}

/*.pt-internal { padding-top:150px; }*/

.pb-1 { padding-bottom:4px!important;}
.pb-2 { padding-bottom:6px!important;}
.pb-3 { padding-bottom:10px!important;}
.pb-4 { padding-bottom:15px!important;}
.pb-5 { padding-bottom:20px!important;}

.centered { margin:0 auto; }

/* BEGIN FORMS STYLING */

.bg-white { background-color:#fff;}
.mobileonly { display:none; }
button {
    height: 48px;
    width: 180px;
    text-align: center;
    color: #000;
    font-size: 1rem;
    font-weight: 200;
    background: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    margin: 20px 0;
    cursor: pointer;
    transition: all 0.3s ease;
    outline: none;
}
.btn-primary {
    border: 1px solid #0e4700;
    background: #0e4700;
    color: #fff;
}
.btn-primary:hover {
    background: #125901;
    border: 1px solid #125901;
}

input[type=text], select {
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

textarea {
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}


/* END FORMS STYLING */

.content-body {
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

.margin-neg-adjust-1 { /*margin-top:-30px;*/}

.internal-content {  }
.internal-content img { width:100%; }


.internal-content .main-image { width:60%; margin:0 auto;  }
.internal-content .main-image img { width:100%; border-radius:50%; }


body.internal-page .header {  }



    /* BEGIN HEADER */

.header { display:block; background-color:#fff;}

    .header .topNav { display:block; padding:0; margin:0; background-color: #FFF; width:100%; height:auto; min-height:60px;  z-index:2; }
     .header .bottomNav { display:block; padding:0; margin:0; right:0; text-align:center; background-color: #FFF; width:100%; height:auto; min-height:60px; z-index:1;}
    .header ul {
      margin: 0;
      padding: 0;
      list-style: none;
      overflow: hidden;
      /*background-color: #fff;*/
    }

    .header li { display:inline-block; }
    .header li a {
      display: block;
      padding: 10px 10px 10px 20px;
      /*border-right: 1px solid #f4f4f4;*/
      text-decoration: none;
      color:#818496;
      text-transform:uppercase;
      font-size:14px;
      line-height:14px;
      font-weight:bold;
    }

    .header li a:hover,
    .header .menu-btn:hover {
      color: #224210;
    }

    .header .logo {
      display: block;
      width:200px;
      font-size: 2em;
      padding: 10px 20px 0 20px;
      text-decoration: none;
      margin:0 auto;
    }

    /* menu */

    .header .menu {
      clear: both;
      max-height: 0;
      transition: max-height .2s ease-out;
      height:100vh;
    }

    .header .menu li:first-child { margin-top:20px; }

    /* menu icon */

    .header .menu-icon {
      cursor: pointer;
      display: inline-block;
      float: right;
      padding: 50px 20px;
      position: relative;
      user-select: none;
    }

    .header .menu-icon .navicon {
      background: #224210;
      display: block;
      height: 2px;
      position: relative;
      transition: background .2s ease-out;
      width: 18px;
    }

    .header .menu-icon .navicon:before,
    .header .menu-icon .navicon:after {
      background: #224210;
      content: '';
      display: block;
      height: 100%;
      position: absolute;
      transition: all .2s ease-out;
      width: 100%;
    }

    .header .menu-icon .navicon:before {
      top: 5px;
    }

    .header .menu-icon .navicon:after {
      top: -5px;
    }

    /* menu btn */

    .header .menu-btn {
      display: none;
    }

    .header .menu-btn:checked ~ .menu {
      max-height: 60px;
      padding-bottom:10px;
    }

    .header .menu-btn:checked ~ .menu-icon .navicon {
      background: transparent;
    }

    .header .menu-btn:checked ~ .menu-icon .navicon:before {
      transform: rotate(-45deg);
    }

    .header .menu-btn:checked ~ .menu-icon .navicon:after {
      transform: rotate(45deg);
    }

    .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
    .header .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
      top: 0;
    }


    .header .logo img { width:100%; }
    /* END HEADER */



.cd-auto-hide-header {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
  -webkit-transition: -webkit-transform .5s;
  transition: -webkit-transform .5s;
  transition: transform .5s;
  transition: transform .5s, -webkit-transform .5s;
}




.parallax {
 /* The image used */

  /* Set a specific height */
  height: 100vh;

   margin: 0px;
   padding:0;


  /* Create the parallax scrolling effect */
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
      -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

.parallax:after{
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}

.parallax.parallax-home:after {
  background-image: url("../images/home_main_image.jpg");

}

.parallax.parallax-home.add-margin:after { top:100px; }
.parallax.parallax-about.add-margin:after { top:200px; }



.parallax.parallax-about::after {
  background-image: url("../images/yk-bio-image.jpg");
}

section.parallax {
  /*padding: 25vh 10%;*/
  position: relative;
  min-height: 100vh;
  width: 100vw;
  transform-style: inherit;
}

section.parallax, section.parallax:before {
  background: 50% 50% / cover;
}

section.parallax:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

/* The brightest duotone color */
.darken::before {
  background-color: rgba(221, 204, 0, 1);
}

/* The darkest duotone color */
.lighten::after {
  background-color: rgba(221, 0, 0, 1);
}



#home-parallax-1:before {
  background-image: url("../images/home_main_image.jpg");
  transform: translateZ(-1px) scale(2);
  z-index: -1;
}

#about-parallax-1:before {
  background-image: url("../images/yk-bio-image.jpg?v=2");
  transform: translateZ(-1px) scale(2);
  z-index: -1;
}

#hero-1:before {
  background-image: url("../images/home_main_image.jpg");
  transform: translateZ(-1px) scale(2);
  z-index: -1;
}

#hero-2:before {
  background-image: url("http://cdn.bmwblog.com/wp-content/uploads/MINI-Rocketman-Concept-10.jpg");
  transform: translateZ(-1px) scale(2);
  z-index: -2;
}

#home-parallax-2:before {
  background-image: url("http://cdn.bmwblog.com/wp-content/uploads/mini-rocketman-261.jpg");
	background-attachment: fixed;
  z-index: -3;
}

.normal-scroll {
  background: #fff;
  transform: translateZ(0);
}

.parallax-container {
  color: #fff;
  font-size: 4vw;
  margin: 0 auto;
  padding: 25vh 0;
  text-align: center;

}

.btn-more { padding:4px 10px; border:1px solid #ccc;}
.btn-more:hover { background-color:#2a3189; color:#fff; }

.content-item { color:#3f3f3f; font-size:18px; display:block; }
.content-item h1 { color:#000; font-size: 35px; line-height: 30px; letter-spacing:-0.055em; display:block; padding:0; margin:0;  }

.slick-slide img { width:100%; }
.slider-item .caption { padding:10px 0 0 0; text-align:center }
.slider-item .caption .title { font-weight:bold; display:block;  font-size:18px; line-height:18px; text-align:center; font-family:"Isento-Bold"; letter-spacing: -0.055em; }
.slider-item .caption .author { font-size:17px; line-height:17px; text-align:center; display:block; letter-spacing: -0.055em; }

.about-menu-container {  margin:20px 0; padding:20px 0; }
.about-menu-container ul { width:100%; display:block; margin: 0; padding: 0; text-align:center;  }
.about-menu-container ul li { list-style:none; display:inline-block; text-align:center; padding:0; margin:0; width:32%;vertical-align: top; }
.about-menu-container ul li a {   }
.about-menu-container ul li a img { width:36%;  }
.about-menu-container ul li a:hover { font-weight:bold; color:#224210; font-weight:bold; }
.about-menu-container ul li a:hover img { filter:drop-shadow(-4px 6px 0 #224210) saturate(2); }
.about-menu-container ul li a span { display:block; width:90%; margin:10px auto; font-size:25px;line-height: 25px; letter-spacing:-0.055em; font-weight:bold; }

.slider-container { position:relative; width: 100%; margin:0 auto; }
.slider-container .slider-item { position:relative; width:200px; }
.slider-container .slider-item img { width:100%; filter: opacity(0.5); }

.slider-container .caption {
    display:block;
    font-size: 20px;
    line-height: 20px;
    padding:2px 0 20px 0;
    }


.slider-item .slider-info { display:none; }
.slider-item.slick-active.slick-active img { filter: opacity(0.5); }
.slider-item.slick-active.slick-current img { width:100%; filter: opacity(1);  }


.slick-next:before {content: ''; background:url('../images/icon_next.png') no-repeat; margin-left:30px; background-size:cover; display:block; width:30px; height:50px; }
.slick-prev:before {content: ''; background:url('../images/icon_prev.png') no-repeat; background-size:cover; display:block; width:30px; height:50px; }

ul.list-books { list-style:none; display:block; padding: 0; margin: 0; }
ul.list-books li { display: block; float:left; width:25%; cursor:pointer; margin:10px 0; }
ul.list-books li:hover::before { background-color:#224210; }
ul.list-books li::before { float:left; content:''; display:block; margin:4px 0 0 0; width:20px; height:20px; background-color:#edf0eb; }
ul.list-books li div { float:left; display:block; padding:0 0 0 10px; width:80%; }
ul.list-books li span.title {font-family:'Isento-Bold'}
ul.list-books li span { display:block; font-size:18px; line-height:18px; letter-spacing: -0.055em;  }

.testimonial-info-container {  position:relative; }
.testimonial-info-container:before {
    content:"";
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-bottom: 30px solid #edf0eb;
    position: relative;
    display:block;
    margin:0 auto;
    top: -30px;
 }
.testimonial-info { text-align:center; min-height:200px; opacity:0 }
.testimonial-info h2, .testimonial-info h3 { font-size:25px; line-height:25px; padding:0; margin:0; }
.testimonial-info h3 { font-weight:normal; }
.testimonial-info.active { animation: taadaa ease-in-out 1s; animation-fill-mode: forwards;   }

ul.partners-list { list-style:none; padding:0; margin:0; width:100%; display:table;  }
ul.partners-list li {list-style:none; padding:0; margin:0; display: table-cell; vertical-align: middle; }
ul.partners-list li a { display:block; }
ul.partners-list li a img { width:100%; }

ol {  padding: 0 10px 0 30px; margin:0; }
ol li { font-weight:bold; }
ol li p { font-weight:normal; }

.toggle-more-content { display:none; }
.toggle-moreless-button { padding:2px 10px; text-transform: lowercase; }
.toggle-moreless-button:before { content:'\25BC'; font-size:12px; margin-right:4px;}
.toggle-moreless-button.expanded:before { content:'\25B2'; font-size:12px; margin-right:4px;}

ul.styled-list {}
ul.styled-list li strong { color: #224210; font-family:"Isento-Bold" }

.tight-title {padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0;}


/* BEGIN ANIMATION */
@keyframes taadaa {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
/* END ANIMATION */


@media screen and (-webkit-min-device-pixel-ratio: 2) {
    #section-5:before {
        background-attachment: scroll;
    }
}

/* BEGIN STYLING FOR DESKTOP MENU */


@media (min-width: 769px) {

  .header { padding-bottom:0; }
  .header .topNav { }
  .header .bottomNav {  }
  .header li {
  }
  .header li a {
    padding: 10px 50px;
    font-size:14px;
    line-height:14px;
  }
  .header .menu {
    clear: none;
    min-height: 60px;
    /*margin-top:30px;
    margin-right: 30px;*/
  }
  .header .menu-icon {
    display: none;
  }
  .header .menu li:first-child { margin-top:0; }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .cell { width:98%; }
  .header li a {
    padding: 8px 8px;

  }
    .header .menu {
       margin-right:10px;
       min-height: 80px;
        /*border:1px solid red;*/
    }

    .slick-prev { left:-5px; }
    .slick-next { right:-5px;}
}

/* END STYLING FOR DESKTOP MENU */



@media (max-width: 768px) {

    h3 { font-size:18px; line-height:18px; }
        .header {  width:100vw; }
        .content-body { position:relative; z-index:1; width:100%; margin-top:120px; /*overflow-x:hidden;*/ }
        .internal-page { margin-top:130px;}
        .normal-scroll { width:100%; overflow-x:hidden; }
        .margin-neg-adjust-1 { /*margin-top:0;*/}
        .parallax.parallax-home:after {
          /*background-image: url("../images/home_main_image_mobile.jpg");*/
        }

        .parallax.parallax-about::after {
          /*background-image: url("../images/yk-bio-image_mobile.jpg");*/
        }



    .header { position:fixed; top:0; display:flex; z-index:99}
    .header .topNav {width:50%; display:inline-block;}
    .header .bottomNav {  width:50%; display:inline-block; position:absolute; top:0; right:0;}

    .header .bottomNav .menu { display:block; text-align:right; }
    .header .bottomNav .menu li { display:block; }

    .header .logo img  {width:auto; height:100px;}

    .header .menu-btn:checked ~ .menu {
      max-height: 100vh;
    }
      /*.content-body { width:100%; overflow-x:hidden; }*/

      .cell {  width:98%; padding-left:1%; padding-right:1%;}
    p { font-size:16px; line-height:22px; }

     ol {
            padding: 0 10px 0 30px;
            margin: 0;
        }


    .toggle-moreless-button { font-size:16px; }
     .content-item { font-size:16px; line-height: 22px; }
    .content-item h1 {font-size: 24px; line-height:24px; /*padding: 0; margin: 0;*/ }


    .testimonial-info h2, .testimonial-info h3 { font-size:18px; line-height:18px; }
    .about-menu-container ul li a span { font-size:16px; line-height:16px; }

    .slider-container { width:90%; padding:0; }
      .testimonial-info-container:before {
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-bottom: 20px solid #edf0eb;
        top: -20px;
     }


    .slick-next, .slick-prev  { top: 30%; visibility:hidden; }
    .slider-container .caption { font-size: 14px; line-height: 14px; }

.slick-next { z-index:9999; }
.slick-prev { z-index:9999; }
.slick-next:before { margin-left:10px; width:10px; height:30px; }
.slick-prev:before { margin-right:10px; width:10px; height:30px; }
.mobileonly { display:block;}


ul.list-books li { width:50%; }
ul.list-books li div { width:80%; }
ul.list-books li span { display:block; font-size:16px; line-height:16px; }

.slider-item .caption .title { font-size:16px; line-height:16px; }
.slider-item .caption .author { font-size:15px; line-height:15px; }

.mainImage { width:100vw;}
.mainImage img { width:100%; height:auto; }
.parallax { display:none; height:1px width:1px; }
.parallax.parallax-home.add-margin:after { top:0; }
.parallax.parallax-about.add-margin:after { top:0; }


}