@charset "UTF-8";
/* CSS Document */


	/* Style for our header texts
	* --------------------------------------- */
/* <weight>: Use a value from 1 to 900
<uniquifier>: Use a unique and descriptive class name*/

.hepta-slab-<uniquifier> {
  font-family: "Hepta Slab", serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}



.signoff_icons_mobile {
	opacity:.8;
	 position: absolute;
	width: 100%;
	height: 30px;
float:left;
	margin-right: 0%;
	margin-left: 10%;
bottom:10px;
 
	z-index: 1999;
	display: block;

}

	h1{
		font-family: 'Hepta Slab', serif;
		  font-weight: 600;
letter-spacing: .03em;
		font-size: 2em;

		color: #fff;
		margin-left: 10%
	}

	h3{
		font-size: 1.25em;
font-weight: 400;

		color: #fff;
		margin-left: 10%
	}
	h6{
		font-size: .8em;
font-weight: 300;
		color: #fff;
		margin-left: 10%;
		margin-right: 25%;
		letter-spacing: .01em;
		line-height: 1.5em;
	}
	.btn{
		
				margin-left: 10%;
		text-color: #FFF;
}

	.intro p{
				font-size: 1em;

		color: #fff;
				margin-left:15%;

	}
.logo-tab {
    background-color: #FF5500;
    display: block;
    height: 50px;
    width: 50px;
 
    position: fixed;
    z-index: 1300;
	padding: 5px;
    top: 50px;
    right: 0px;
    bottom: auto;
	opacity: .8;
}


.resume-tab {
    background-image:url("../img/RPW_res_icon_pink.png");
	  background-repeat: no-repeat;
    display: block;
    height: 50px;
    width: 50px;
 
    position: fixed;
    z-index: 1301;
	padding: 5px;
    top: 100px;
    right: 0px;
    bottom: auto;
	opacity: .8;
}
	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:left;
		margin: 0;
				background-size: cover;


	}

	/* Overwriting styles for control arrows for slides
	* --------------------------------------- */
	.controlArrow.prev {
		left: 50px;
	}
	.controlArrow.next{
		right: 50px;
	}

	/* Overwriting styles for navigation bullets
	* --------------------------------------- */
	#fp-nav ul li a span, 
	.fp-slidesNav ul li a span{
		background: white;
	}


	/* Bottom menu
	* --------------------------------------- */
	#infoMenu li a {
		color: #fff;
	}

	
.row_home_btns{
	position: relative;
	
}
 .intro_bkg{
	display: block;
	min-width: 100%;
		min-height: 100%;
/*		opacity:.3;
			background-color: #333;*/
						background: rgba(17, 24, 84, 0.5);

	index:20;
		}



		#section1 .intro{
			left: -130%;
			position:relative;
      transition: all 600ms ease;
		}

		#section2 .intro{
			bottom: -130%;
			position:relative;
      transition: all 600ms ease;
		}

   /* #section2 .intro{
      left: -130%;
      position:relative;
      transition: all 600ms ease;
    }*/
			#section3 .intro{
			bottom: -130%;
			position:relative;
      transition: all 600ms ease;
		}
	
			#section4 .intro{
			bottom: -130%;
			position:relative;
      transition: all 600ms ease;
		}

#section5 .intro{
			bottom: -130%;
			position:relative;
      transition: all 600ms ease;
		}

#section6 .intro{
			bottom: -130%;
			position:relative;
      transition: all 600ms ease;
		}

#section7 .intro{
			bottom: -130%;
			position:relative;
      transition: all 600ms ease;
		}

#section8 .intro{
			bottom: -130%;
			position:relative;
      transition: all 600ms ease;
		}
#section9 .intro{
			bottom: -130%;
			position:relative;
      transition: all 600ms ease;
		}
#section10 .intro{
			bottom: -130%;
			position:relative;
      transition: all 600ms ease;
		}


   /* #section3 .intro{
      left: -130%;
      position:relative;
      transition: all 600ms ease;
    }*/

    /**
    * Here we fire the animation for section 3.
    * As the fp-viewing class in the body changes on each section and slide.
    */
body.fp-viewing-firstPage #section1 .intro {
  bottom: 0%;
}
.fp-viewing-secondPage #section2 .intro {
  bottom: 0%;
}
.fp-viewing-3rdPage #section3 .intro {
  bottom: 0%;
}
.fp-viewing-4thPage #section4 .intro {
  bottom: 0%;
}
.fp-viewing-5thPage #section5 .intro {
  bottom: 0%;
}
.fp-viewing-6thPage #section6 .intro {
  bottom: 0%;
}
.fp-viewing-7thPage #section7 .intro {
  bottom: 0%;
}
.fp-viewing-8thPage #section8 .intro {
  bottom: 0%;
}
.fp-viewing-9thPage #section9 .intro {
  bottom: 0%;
}
.fp-viewing-10thPage #section10 .intro {
  bottom: 0%;
}
/*		@import "compass/css3";
*/
html,body {margin:0; padding:10px; -webkit-backface-visibility:hidden;}

html {
  font-family: "Calibri", "Trebuchet MS", "Helvetica", sans-serif;
}
h3 {
  margin-top: 0;
		font-size: 1.25em;
	font-weight: 400;

}
a,
  a:visited {
    color: #1760BF;
    text-decoration: none;
  }
  a:hover {
    color: #c00;
  }
.links {
  ul {
    
  }
  li {
   margin-bottom: 5px; 
  }
}
h4 {
  margin: 24px 0 0 0;
}

.bottom-text {
  margin-top: 40px;
  border-top: 2px solid #e5e7e9;
  a {
    border-bottom: 1px solid #e5e7e9;
  }
  p {
   max-width: 650px; 
  }
}

.hidden {
  overflow: hidden;
  display: none;
  visibility: hidden;
}

.btn-gallery img {
  max-width: 300px;
  height: auto;
}
		
		
.btn-gallery_2 btn {
  max-width: 300px;
  height: auto;
}
		
img.mfp-img {
   background-color: rgba(155, 255, 255, 0.0 );
   background-clip: content-box;
}
		.mfp-figure:after {

  background: rgba(255, 255, 255, 0.0); /* white background */
}



@media only screen and (min-width: 600px) {
	
	
		h1{
font-family: 'Hepta Slab', serif;
		  font-weight: 600;
		font-size: 2em;

		color: #fff;
		margin-left: 10%
	}

		.btn{
		
				margin-left: 10%
}

@media only screen and (min-width: 768px) {


	h1{
		font-family: 'Hepta Slab', serif;
		  font-weight: 600;
		font-size: 2em;
		color: #fff;
		margin-left: 10%
	}

	h3{
		font-size: 1.25em;
font-weight: 400;
		color: #fff;
		margin-left: 10%
	}
	h6{
		font-size: .8em;
font-weight: 300;

		color: #fff;
		margin-left: 10%;
		margin-right: 25%;
	}
	.btn{
		
				margin-left: 10%

	}


}
	
	
	@media only screen and (min-width: 992px) {

	h6{
		font-size:.8em;
font-weight: 300;

		color: #fff;
		margin-left: 10%;
		margin-right: 50%;
	}
		
			.btn{
				margin-left: 10%;
		text-color: #FFF;
}
		@media only screen and (min-width: 1200px){
			
			h6{
		font-size: .8em;
font-weight: 300;

		color: #fff;
		margin-left: 10%;
		margin-right: 50%;
	}
}