@CHARSET "ISO-8859-1";
/* Reset CSS
 * --------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,
form,fieldset,input,textarea,p,blockquote,th,td {
    padding: 0;
    margin: 0;
}
a{
	text-decoration:none;
}
table {
    border-spacing: 0;
}
fieldset,img {
    border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
    font-weight: normal;
    font-style: normal;
}
textarea, 
input, 
button { 
  outline: none;
}
textarea {
    resize: none;
}
input:not([type=checkbox]):not([type=radio]){
  -webkit-appearance: none;
}
strong{
	font-weight: bold;
}
ol,ul {
    list-style: none;
    margin:0;
    padding:0;
}
caption,th {
    text-align: left;
}
/* set with logo
h1{}
*/
h2,h3,h4,h5,h6 {
  font-weight: 400;
  font-size: 100%;
  margin:0;
  padding:0;
  color:#ffffff;
  text-align: left;
}
q:before,q:after {
    content:'';
}
abbr,acronym { border: 0;
}


/* Custom CSS
 * --------------------------------------- */
html{
  font-size: 16px;
}
@media only screen and (max-width: 1000px) {
   /* For mobile phones: */
    html{
      /*
      THIS is now done with JS - on.resize.js
      font-size: 10px;
      */
    }  
    .section{
    }
}
body{
  font-family: 'Roboto Condensed','Roboto', Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  color: #ffffff;
}
html.fp-enabled,
.fp-enabled body{
/*
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-fill-color: currentcolor;
  -webkit-tap-highlight-color: currentcolor; */
}

#section-3 .section-wrap{
  position: relative;
  background-color: transparent !important;
  z-index: 1;
}
#section-3 .section-wrap:before{
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index: 0;
}
#section-3 .section-wrap p,
#section-3 .section-wrap form div,
#section-3 .section-wrap form,
#section-3 .section-wrap form input,
#section-3 .section-wrap form label,
#section-3 .section-wrap form textarea,
#section-3 .section-wrap form iframe{
  position:relative;
}
/*
body:before{
  content:"";
  display: block;
  width: 50%;
  border: 1px solid red;
  height:50%;
  position: absolute;
  z-index: 999;
  top:0;
  left:0;
}
body:after{
  content:"";
  display: block;
  width: 50%;
  border: 1px solid red;
  height:50%;
  position: absolute;
  z-index: 999;
  bottom:0;
  right:0;
}
*/
header{
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

h1#logo{ 
  font-weight: 400;
  font-size: 100%;
  margin:0;
  padding:0;
  color:#ffffff;
  text-align: left;
  position: absolute;
  top: 15px;
  left: 15px;
  height: 80px;
  width: 300px;
  overflow: hidden;
}  
    /* ONLY under homepage slide */
    body:not(.fp-viewing-section-home) h1#logo{
      width: 80px;
        /* hide all but O */
      -webkit-transition: width 1s ease-out, left 1s ease-out;
      -moz-transition: width 1s ease-out, left 1s ease-out;
      -o-transition: width 1s ease-out, left 1s ease-out;
      transition: width 1s ease-out, left 1s ease-out;
    }
h1#logo a{ 
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}
 h1#logo img{ 
  height: 80px;
  width: auto;
}
    /* ONLY under homepage slide */
    body:not(.fp-viewing-section-home) h1#logo img{
      position: absolute;
      right: 0;
        /* hide all but O */
    }

@media only screen and (max-width: 1000px) {    
     h1#logo img{ 
      /*
      height: 65px;
      width: auto;
      */
    }    
    body:not(.fp-viewing-section-home) h1#logo{
      /* 
      width: 65px;
      */
    }
}



  
/* menu */
/* --------------------------------------- */
/* menu - Button */
/* --------------------------------------- */
.menu-button-wrapper {
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 10px;
  top: 20px;
  right: 10px;
  right: 20px;   
  background-color: rgba(100, 100, 100, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2px 6px;
}

.menu-button-wrapper .bar1,
.menu-button-wrapper .bar2,
.menu-button-wrapper .bar3 {
  width: 35px;
  height: 5px;
  background-color: #FFFFFF;
  margin: 6px 0;
  transition: 0.4s;
}
.menu-button-wrapper.change .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 6px) ;
  transform: rotate(-45deg) translate(-9px, 6px) ;
}
.menu-button-wrapper.change .bar2 {opacity: 0;}
.menu-button-wrapper.change .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -8px) ;
  transform: rotate(45deg) translate(-8px, -8px) ;
}

@media only screen and (max-width: 1000px) {    
    .menu-button-wrapper {
      padding: 2px 6px;
    }
    
    .menu-button-wrapper .bar1,
    .menu-button-wrapper .bar2,
    .menu-button-wrapper .bar3 {
      width: 31px;
      height: 4px;
      margin: 5px 0;
    }
    .menu-button-wrapper.change .bar1 {
      -webkit-transform: rotate(-45deg) translate(-7px, 6px) ;
      transform: rotate(-45deg) translate(-7px, 6px) ;
    }
    .menu-button-wrapper.change .bar3 {
      -webkit-transform: rotate(45deg) translate(-7px, -6px) ;
      transform: rotate(45deg) translate(-7px, -6px) ;
    }
}
/* --------------------------------------- */
/* END - menu button */



/* menu - List */
/* --------------------------------------- */

.dropmenu{
    z-index: 1000000;
    width: auto;
    background: #f1f1f1;
    background: rgba(241, 241, 241, .9);
    position: absolute;
    text-align: center;
    max-width: 200px;
    right: 10px;
    right: 69px;
    top: 54px;
    top: 20px;
}  

@media only screen and (max-width: 1000px) {    
    .dropmenu {
      right:65px;
    }
}
.dropmenu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-image: none;
}
.dropmenu li {
  display: block;
  padding: 0;
  border-bottom: #b9b9b9 1px solid;
}
.dropmenu li.last {
  border-bottom-width: 0;
}
.dropmenu li:hover{
  background:#ffffff;
}
.dropmenu ul li a { 
  text-decoration:none;
  margin: 0px;
  color:#666;
}
.dropmenu ul li a:hover {
  text-decoration:none;
}
.dropmenu a{
  text-decoration:none; 
  color:#666;
}
.dropmenu a:hover{
 text-decoration:none; color:#666;
}
/* --------------------------------------- */
/* END - menu - List */



#menu li.active{
	background:#666;
	background: rgba(0,0,0, 0.5);
  color: #fff;
  background: rgba(0, 0, 0, 0.61);
}
#menu li a{
	text-decoration:none;
	color: #000;
}
#menu li.active a:hover{
	color: #000;
  color: #ed1c24;
}
#menu li:hover{
	background: rgba(255,255,255, 0.8);
}
#menu li a,
#menu li.active a{
  padding: 5px 64px;
  display: block;
  text-align: center;
  font-size: 1.25rem;
  font-weight: 200;
  text-transform: uppercase;
  border: 5px solid transparent;
  border-width: 5px 0;
}
#menu li.active a{
  color: #ed1c24;
  text-shadow: 0px 0px 10px #ffffff;
  font-weight: 600;
  background-color: white;
  border: 3px solid black;
  border-width: 5px 0;
  line-height: 25px;
}
@media only screen and (max-width: 1000px) {    
    #menu li a, #menu li.active a { /* fit to smaller hamburger */
      padding: 3px 64px 1px 64px;
      border-width: 4px 0;
      line-height: 26px;
    }
}






/* --------------------------------------- */
/* END - menu */

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.wrap{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	position: relative;
}
	/* Style for header texts
	* --------------------------------------- */
h1{
	font-size: 5rem;
	text-transform: uppercase;
}
h2{
  font-size: 4rem;
  text-transform: uppercase;
  line-height: .9;
  font-weight: bold;
  margin-bottom: 0rem;
}
h3{
  font-size: 2.3rem;
  font-size: 3rem;
  text-transform: uppercase;
  margin-bottom: .6rem;
  font-weight: 600;
}
h4{
  font-size: 2rem;
  line-height: 1.2;
  text-transform: uppercase;
}
h5{
  font-size: 28px;
  font-size: 1.75rem;
  line-height: 1.5;
  color: #dedede;
  text-transform: initial;
}
h5 a{
  color: #dedede;
  font-weight:bold;
}
h5.instructions{
  font-style: italic;
  text-align: right;
  font-size: 20px;
  font-size: 1.25rem;
}


p,ul,ol,li{
	font-size: 1.75rem;
  text-align: left;
}
.slide p,
.slide ul,
.slide ol,
.slide li{  /* section 2 slides default font setting */
	font-size: 1.75rem;
  font-weight: 400;
}

.section-wrap ul,ol{
  margin-left: 3rem;
}
.section-wrap p{
  margin-bottom: .5rem;
}

ul.half-width-list{
  width: 40%;
  margin: 10px 5%;
  float: left;
}
ul li{
}

.intro p{
	width: 50%;
	margin: 0 auto;
	font-size: 1.5rem;
}




/* structure in each section */
.section{
	text-align:center;
}
.section-wrap{
  padding: 4%;
  margin: 0 auto;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.7);
  width: 85%;
}
.section-wrap.section-wrap-nobg{
  background-color: transparent;
}
.section-wrap.section-wrap-50-left{
 /* margin: 0 10% 20% 10%;
  width: 45%;*/
  min-height: 39%;
}
@media only screen and (max-width: 1000px) {
    .section-wrap.section-wrap-50-left{
      margin: 10%;
      width: 80%;
      margin: 5%;
      width: 90%;    }
}


.section-wrap ul li{  
  font-size: 1.5rem;
  text-align: left;
  list-style: disc outside none;
}
.fp-tableCell {
overflow: hidden;
}


/* section background images */

/*
* Setting the backgrounds semi-trans OVERLAY COLOR for each section / slide
*/
/*
#section-1 .fp-bg:before,
#section-2 .fp-bg:before,
#section-3 .fp-bg:before,
#section-4 .fp-bg:before,
#section-5 .fp-bg:before{
  content: '';
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0.3);
  top:0;
  bottom:0;
  height: 100%;
  width: 100%;
}*/
#section-3 .fp-bg:before{
  content: '';
  position: absolute;
  display: block;
  background: rgba(0, 0, 0, 0.2);
  top:0;
  bottom:0;
  height: 100%;
  width: 100%;
}

.fp-bg{
  background-size: cover;
  background-position: center 80%;
  transform: translate3d(0,0,0);
  transition: all 1000ms ease;
  top: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  z-index: -1;
  -webkit-backface-visibility: hidden; /* Chrome, Safari, Opera */
  backface-visibility: hidden;
}


	/*Adding background for the slides
	DEPRECATED
	* --------------------------------------- 
	#slide1{
		background-color: rgba(218, 197, 0, 0.4);
	}
	#slide2{
		background-color: rgba(27, 188, 155, 0.4);
	}
	#slide3{
		background-color: rgba(126, 143, 124, 0.4);
	}
	#slide4{
		background-color: rgba(218, 197, 0, 0.4);
	}
	#slide5{
		background-color: rgba(27, 188, 155, 0.4);
	}
	#slide6{
		background-color: rgba(126, 143, 124, 0.45);;
	}
	*/
	
#section2 h1{
  color: #fff;
}
#slide3-1 .fp-bg{
  background-image: url('../parallax-3.html');
  background-position: 50% 65%;
}
#slide3-2 .fp-bg{
  background-image: url('../parallax-3-2.html');
}
#slide3-3 .fp-bg{
  background-image: url('../parallax-3-3.html');
}
#slide3-4 .fp-bg{
  background-image: url('../parallax-3-4.html');
}
#section4 .fp-bg{
  background-image: url('../parallax-4.html');
}



/* VERTICAL  arrows */
.fp-vertical-controlArrow{
  -webkit-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -ms-user-select: none;
  position: absolute;
  position:fixed;
  z-index: 4;
  left: 50%;
  cursor: pointer;
  width: 0;
  height: 0;
  border-style: solid;
  -webkit-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  font-size: 0;
  overflow: visible;
  display: block;
  padding: 0;
  background-color:transparent;
  margin-left: -38px;
}
#moveUp{
  top: 8px;
  width: 0;
  border-width: 0 38.5px 34px 38.5px;
  border-width: 0 32.5px 28px 32.5px;
  border-color: transparent transparent #fff transparent;
  border-color: transparent transparent rgba(0, 0, 0, 0.3) transparent;
}
  #moveUp:after{ /* arrow shadow */
      content: "";
      position: absolute;
      right: -30px;
      border-width: 0 18.5px 16px 18.5px;
      border-width: 0 30.5px 26px 30.5px;
      border-color: transparent transparent #ffffff transparent;
      z-index: 999;
      top: 1px;
      cursor: pointer;
      width: 0;
      height: 0;
      border-style: solid;
      margin-top: 0;
      -webkit-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
  }
#moveDown{
  bottom: 8px;
  width: 0;
  border-width: 34px 38.5px 0 38.5px;
  border-width: 26px 30.5px 0 30.5px;
  border-color: #ffffff transparent transparent transparent;
  border-color: rgba(0, 0, 0, 0.3) transparent transparent transparent;
}
  #moveDown:after{ /* arrow shadow */
      content: "";
      position: absolute;
      right: -30px;
      border-width: 16px 18.5px 18.5px;
      border-width: 26px 30.5px 0 30.5px;
      border-color: #ffffff transparent transparent transparent;
      z-index: 999;
      bottom: 1px;
      cursor: pointer;
      width: 0;
      height: 0;
      border-style: solid;
      margin-top: 0;
      -webkit-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
  }
/* hide arrows for top and bottom pages */  
body.fp-viewing-section-address #moveDown,
body.fp-viewing-section-home #moveUp{
  display:none;
}
  

/* slideshow arrows - HORIZONTAL */
.fp-slidesNav {
  position: absolute;
  z-index: 4;
  left: 25%;
}
/* dots HORIZONTAL*/
@media only screen and (max-width: 1000px) {
    .fp-slidesNav.bottom{
      bottom: 1px;      
    }
}

/* arrows HORIZONTAL*/
.fp-controlArrow.fp-prev {
  left: 8px;
  width: 0;
  border-width: 38.5px 34px 38.5px 0;
  border-width: 32.5px 28px 32.5px 0;
  border-color: transparent #fff transparent transparent;
  border-color: transparent rgba(0, 0, 0, 0.3) transparent transparent;
}
  .fp-controlArrow.fp-prev:after{
    content: "";
    position: absolute;
    left: 1px;
    border-width: 18.5px 16px 18.5px 0;
    border-width: 30.5px 26px 30.5px 0;
    border-color: transparent #ffffff transparent transparent;
    z-index: 3;
    top: -11px;
    cursor: pointer;
    width: 0;
    height: 0;
    border-style: solid;
    margin-top: -19px;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }
  
  
  
.fp-controlArrow.fp-next {
  right: 8px;
  border-width: 38.5px 0 38.5px 34px;
  border-width: 32.5px 0 32.5px 28px;
  border-color: transparent transparent transparent #ffffff;
  border-color: transparent transparent transparent rgba(0, 0, 0, 0.3);
}
  .fp-controlArrow.fp-next:after{
      content: "";
      position: absolute;
      right: 1px;
      border-width: 18.5px 0 18.5px 16px;
      border-width: 30.5px 0 30.5px 26px;
      border-color: transparent transparent transparent #ffffff;
      z-index: 3;
      top: -11px;
      cursor: pointer;
      width: 0;
      height: 0;
      border-style: solid;
      margin-top: -19px;
      -webkit-transform: translate3d(0,0,0);
      -ms-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
  }

@media only screen and (max-width: 1000px) {
    .fp-controlArrow.fp-prev{
         /* grey outline */
        left: 5px;
        border-width: 20.5px 19px 20.5px 0;
        border-color:  transparent rgba(0, 0, 0, 0.2) transparent transparent;
    }    
    .fp-controlArrow.fp-prev:after{
         /* white arrow */
        content: "";
        position: absolute;
        left: 2px;
        border-width: 18.5px 16px 18.5px 0;
        border-color: transparent #FFF transparent transparent;
        z-index: 3;
        top: 50%;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -19px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
    .fp-controlArrow.fp-next{
        right: 5px;
        border-width: 20.5px 0 20.5px 19px;
        border-color:  transparent transparent transparent rgba(0, 0, 0, 0.2);
    }
    .fp-controlArrow.fp-next:after{
         /* white arrow */
        content: "";
        position: absolute;
        right: 2px;
        border-width: 18.5px 0 18.5px 16px;
        border-color: transparent transparent transparent #FFF;
        z-index: 3;
        top: 50%;
        cursor: pointer;
        width: 0;
        height: 0;
        border-style: solid;
        margin-top: -19px;
        -webkit-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}




/*  Navigation Dots */

#fp-nav{
  /* below arrows 
  top: auto;
  bottom: 15%;
  */
  /* above arrows */
  top: 25%;
  bottom: auto;
}
#fp-nav ul li a span, 
.fp-slidesNav ul li a span{
  background: #FFFFFF;
}
@media only screen and (max-width: 1000px) {
    #fp-nav.right {
      right: 0px;
    }
}