/*@import url("https://fonts.googleapis.com/css?family=Cardo|Pathway+Gothic+One");*/
@import "https://fonts.googleapis.com/css?family=Roboto";
body { overflow-x: hidden; padding: 0; margin: 0; }
.wrapper {
  min-height: 100vh;
  /*font-family: "Pathway Gothic One", sans-serif;*/
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  color: #000;
  position: relative;
}
section {
  min-height: 100vh;
  font-size: 40px;
  font-weight: 100;
  background-color: #f85d13;
  display: block;
    font-size: 16px;
}
/*.section .row { padding: 10% 0; }*/
.sectioncol{
  min-height: 100vh;
  font-size: 40px;
  font-weight: 100;
  padding: 5%;
  background-color: #f85d13;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.sectioncol p, .section p { font-size: 21px; line-height: 34px; }
.d-flex { display: flex; }
.a-center { justify-content: center; align-items: center; }
.w-25 { width: 25%; }
.w-33 { width: 33.33%; }
.w-45 { width: 45%; }
.w-50 { width: 50%; }
.w-75 { width: 75%; }
.w-100 { width: 100%; }

section { background: #fff; }
section:nth-child(1) {
  background: white;
}
section:nth-child(2) {
  background: url('images/headerIntro.jpg') no-repeat center center; background-size: cover;
}
section:nth-child(3) {
  /* background: #F9690E; */
  background: #fff;
  color: #000;
  /* background: url(1.jpeg) no-repeat center center; background-size: cover; */
}
/*
section:nth-child(4) {
  background: #f85d13;
}
section:nth-child(5) {
  background: #F9690E;
}
section:nth-child(6) {
  background: #f85d13;
}
section:nth-child(7) {
  background: #F9690E;
}
*/

.nav__wrapper {
  position: fixed;
  height: 100%;
  padding: 30px;
  z-index:100;
/*
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
*/
}
.nav {
  margin: 47px 0 0 30px;
}
.nav__counter {
  font-size: 17px;
  transition: all 0.15s ease-out;
  color: #000;
  display: block;
}
.nav__title {
/*    display: none;*/
  font-size: 24px;
  font-weight: normal;
  margin: 0;
  width: 220px;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: height 0.3s ease-out, opacity 0.2s ease-out;
}
.nav__body {
/*    display: none;*/
  font-weight: normal;
  font-size: 15px;
  width: 220px;
  height: 0;
  overflow: hidden;
  opacity: 0;
  transition: height 0.3s ease-out, opacity 0.2s ease-out;
}
.nav li {
  position: relative;
  transition: all 0.3s ease-out;
  margin-bottom: 2.25em;
}
.nav li:first-child {
  display: none;
}
.nav li:after {
  content: "";
  display: block;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
  height: 2500px;
  width: 20px;
  position: absolute;
  left: -30px;
  top: 15px;
}
.nav li a {
  display: block;
  padding: 0;
  color: #f7f7f7;
  transition: all 0.15s ease-out;
}
.nav li a:hover {
  background-color: transparent;
  padding-left: 1em;
}
.nav li a:focus {
  background-color: transparent;
}
.nav li.active {
  pointer-events: none;
  padding-left: 1em;
  color: #f85d13;
}
.nav li.active a{
  color: #000 !important;
}
.nav li.active:after {
  width: 35px;
  height: 400px;
  top: 35px;
  border-left: 2px solid #000;
  border-top: 2px solid #000;
}
.nav li.active .nav__counter {
  font-size: 48px;
}
.nav li.active .nav__title {
  height: 40px;
  opacity: 1;
  overflow: visible;
}
.nav li.active .nav__body {
  height: 100px;
  opacity: 1;
  overflow: visible;
}
.text-left { text-align: left !important; }
h1 { font-size: 4rem; color: #f15f22; }
h2 { color: #000; font-size: 16px; margin: 0; line-height: 25px; }
h3 { color: #f15f22; font-size: 2.2rem; font-weight: 100; line-height: normal; }
h4 { color: #506478; font-size: 1.7rem; margin: 0; line-height: 25px; }

section h2 {  color: #f15f22; font-size: 5rem; font-weight: 100; line-height: normal; }
.introp { font-size: 20px; line-height: 3rem; color: #000 }

#bg1 { background: url(images/bg-1.jpg) no-repeat center center; background-size: cover}
#bg2 { background: url(images/bg-2.jpg) no-repeat center center; background-size: cover}
#bg3 { background: url(images/bg-3.jpg) no-repeat center center; background-size: cover}
#bg4 { background: url(images/bg-4.jpg) no-repeat center center; background-size: cover}
#bg5 { background: url(images/bg-5.jpg) no-repeat center center; background-size: cover}
#bg7 { background: url(images/bg-7.jpg) no-repeat center center; background-size: cover}
#bgGrowth { background: url(images/bgGrowth.jpg) no-repeat center center; background-size: cover}
.sec { padding: 0; }
.sec .row { padding-top: 20vh; padding-bottom: 20vh; }
.sec .intro { display: flex; align-content: center; justify-content: center; min-height: 100vh; }
.sec h2 { color: #f15f22; padding: 5px; margin: 5px; text-align: center; }
.sec p { font-size: 19px; line-height: 34px; font-weight: normal; text-align: center; }
section a { color: #f15f22; text-decoration: underline; }
section .bighead { font-size: 3rem !important; margin: 0 0 40px 0; }
section a:hover { color: #000; }
.icons { max-width: 400px; }
.bglight { background: #f1f3f2; }
/*.bglight { background: #f0f0f0; }*/
.logonav { max-width: 150px; height: auto; margin-left: 40px; }

.copypadding { padding: 10% 0 20% 0; }
.copypadding { padding: 0; }
.copypaddingdouble { padding: 20% 0 20% 0; }
.p-0 { padding: 0 !important; }
.p-2 { padding: 40px 0 !important; }
.p-3 { padding: 60px 0 !important; }
.px-4 { padding-left: 20% !important; padding-right: 20% !important; }
.p-5 { padding: 100px 0 !important; }
.pr-1 { padding-right: 10px !important; }
.m-0 { margin: 0 !important; }
.m-2 { margin: 40px 0 !important; }
.m-3 { margin: 60px 0 !important; }
.m-5 { margin: 100px 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.mb-2 { margin-bottom: 40px !important; }
.mb-3 { margin-bottom: 60px !important; }
.mb-5 { margin-bottom: 100px !important; }
#carousel-example-generic .icons { width: 50%; margin: auto; display: block; }
#carousel-example-generic .logonav { width: 150px; margin: auto; display: block; }
.carousel-control.left { background: none !important; } 
.carousel-control.right { background: none !important; display: none; } 
.glyphicon-chevron-right:before, .glyphicon-chevron-left:before { color: #000; }
.twocol { width: 50%; }
/*.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { display: none; }*/
.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { display: none; }                                                                 

@media(max-width: 1000px) { 
.nav { margin: 127px 0 0 20px; }
.nav__wrapper {
    position: fixed;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-start;
}
.nav__counter { font-size: 34px; }
.sectioncol, .sec .intro { min-height: 40vh; }
.sec .row { padding-top: 0vh; padding-bottom: 0vh; }
.copypadding, .copypaddingdouble { padding: 0 0 5% 0 }
.pr-1 { padding: 0 !important; }

.col-lg-3 { padding: 0; }
#myImg { width: auto; max-width: 40%!important; display: block; margin: auto; }
.sec p { max-width: 50%; margin: auto; margin-bottom: 40px; }
.mcopy { width: 50%; margin: 20px auto 10px auto; }
/*.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev { display: none; }*/
section .bighead { margin-top: 50px; }
.carousel { width: 80%; }
.carousel .col-6 { width: 50%; float: left; padding: 0; }
.carousel .w-100 { width: 80%; max-width: 100%; }
#carousel-example-generic .logonav {
    width: 150px;
    margin: 0 auto 100px auto;
    display: block;
}
#bg7 { min-height: 20vh; padding: 50px 0; }
}

@media only screen 
  and (max-device-width: 1000px)
  and (orientation: landscape) { 
      .nav { margin-top: 87px; }
 .nav__counter { font-size: 24px !important; }   
 .nav li { margin-bottom: 1em !important; }
 .carousel .w-100 { width: 70%; max-width: 100%; }

}