/*custom styles  232731 */

p {
  font-size: 15px;
  line-height: 29px;
  color: #3D4351;
  text-align:justify;
  padding-bottom:15px;}
  
  li {
  font-size: 15px;
  line-height: 29px;
  color: #3D4351;
  text-align:justify; }
  
  .sticky {
  width: 100%;
}

a {
    color: #95001A;
    text-decoration: none
}

a:hover {color:#95001A;
-webkit-transition: 0.5s ease;
            transition: 0.5s ease;}  /* mouse over link */

a:active {
  color: #95001A;
}

.th
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
}
.th:hover
{
opacity:1.0;
filter:alpha(opacity=100);
animation:ease-in;/* For IE8 and earlier */
}

body {
    font-family: 'Open Sans', sans-serif;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ccc;}

button.radius, .button.radius {
  border-radius: 50px;
  color: #95001a;
  border: solid 2px #95001a;
  display: inline-block;
  text-transform: uppercase;
  background-color: transparent; }
  button.round, .button.round {
    border-radius: 1000px; }

  .button.radius:hover, .button.radius:focus {
 border-radius: 50px;
  color: #fff;
  border: solid 2px #95001a;
  display: inline-block;
  text-transform: uppercase;
  background-color: #95001a;}
  

  .video-container {
    width: 80%;
    margin: 100px auto;
  }

  .video-container .columns:first-of-type p {
    font-size: 16px;
  }  

  .plyr {
    border-radius: 4px;
  }

/* ==========================================================================
To top
========================================================================== */
.to-top {
  height: 60px;
  background-color: #000f3a; }
  .to-top .to-top-wrap {
    height: 60px;
    width: 70px;
    position: absolute;
    right: 0;
    text-align: center; }
    .to-top .to-top-wrap a {
      display: block;
      width: 100%;
      height: 100%;
      color: #fff;
      background-color: #00144d; }
    .to-top .to-top-wrap a:hover, .to-top .to-top-wrap a:focus {
      background-color: #00144d; }
    .to-top .to-top-wrap i {
      font-size: 30px;
      line-height: 55px; }
  .to-top .row {
    position: relative; }	
		
/* -------------------------------------------------- 
   footer styles
-----------------------------------------------------*/

footer {
    position: absolute;
	background-color: #74000e;
	width: 100%;
	height: auto;
	padding-top: 20px;
	padding-bottom: 10px;
	font-size: 12px;
}

footer p{ color: #fff; 
font-size: 12px; }

footer p a { color: #fff;
	font-size: 12px; }
	
	  footer a {
    color: #fff; }
  footer a:hover {
    color: #f2f2f3; }

footer ul li {
	color: #fff;
	display: inline-block;
    padding: 5px;
}

footer .ul li a{
   color: #fff;}
   
     footer ul.footer-group {
    padding-top: 25px;
    margin-bottom: 45px; }
  footer ul.footer-group li {
    display: inline-block; }
  footer ul.footer-group li a {
    font-size: 13px;
    text-transform: uppercase; }
  footer ul.footer-group li a:hover {
    color: #f2f2f3; }
  footer ul.footer-group li {
    margin-right: 30px; }
  footer ul.footer-group li:last-child {
    margin-right: 0; }
	
	footer hr{
		    border-top: solid 1px #ffffff;}


/* -------------------------------------------------- 
   footer end
-----------------------------------------------------*/


.top-bar2 {
  z-index:100;
  padding: 0px;
    -webkit-transition: padding 300ms ease-in-out;
          transition: padding 300ms ease-in-out;}
  .top-bar2::before, .top-bar::after {
    display: table;
    content: ' '; }
  .top-bar2::after {
    clear: both; }
  .top-bar2,
  .top-bar2 ul {
    background-color: #fffff; 
	z-index:100;}

  .top-bar2 .top-bar-left,
  .top-bar2 .top-bar-right {
    width: 100%; }
	.top-bar2 ul li > a {
    display: block;
    width: 100%;
    color: #000f3a;
    padding: 1.25rem 1.5rem;
    padding-left: 15px;
	padding-right: 15px;
    font-size: 13px;
	text-transform: uppercase;}
	.top-bar2 ul li > a:hover  {
    display: block;
    width: 100%;
    color: #fff;
	background-color: #000f3a;
    padding: 1.25rem 1.5rem;
    padding-left: 15px;
	padding-right: 15px;
    font-size: 13px;
	text-transform: uppercase;}
	
	.top-bar2 ul li > a:active{
    color: #fff;
	background-color: #000f3a;}
.top-bar2 ul li > a:focus{
    color: #fff;
	background-color: #000f3a;
}
  @media print, screen and (min-width: 40em) {
    .top-bar2 .top-bar-left,
    .top-bar2 .top-bar-right {
      width: auto; } }
  @media screen and (max-width: 63.9375em) {
    .top-bar2.stacked-for-medium .top-bar-left,
    .top-bar2.stacked-for-medium .top-bar-right {
      width: 100%; } }
  @media screen and (max-width: 74.9375em) {
    .top-bar2.stacked-for-large .top-bar-left,
    .top-bar2.stacked-for-large .top-bar-right {
      width: 100%; } }

.top-bar2-title {
  display: inline-block;
  float: left;
  padding: 0.5rem 1rem 0.5rem 0; }
  .top-bar2-title .menu-icon {
    bottom: 2px; }

.top-bar2-left {
  float: left; }

.top-bar2-right {
  float: right; }

@media screen and (max-width: 74.9375em) {
  .menu.medium-horizontal > li.social {
    display: inline-block;
  }
}


/*  About

/* ================================================================== */


#about {
	padding-top:50px;
	padding-bottom:30px;
}
/*  About2

/* ================================================================== */

#about2 {
	padding-top:10px;
	padding-bottom:30px;
}

/*  Plain No background paragraph

/* ================================================================== */

#first {
	padding-top:30px;
	padding-bottom:30px;
}

/*  Background

/* ================================================================== */

#second {
	padding-top:50px;
	padding-bottom:30px;
	background-color:#F3F4F8;
}
 
 /*  Forms

/* ================================================================== */

#forms {
	padding-top:50px;
	padding-bottom:30px;
}

   
 /* ==================================================================
 
 /*  Paragraph

/* ================================================================== */

#instrumentation {
	padding-top:50px;
	padding-bottom:30px;
}

   
 /* ==================================================================
 
  /*  Grey Paragraph

/* ================================================================== */

#faq {
	padding-top:50px;
	padding-bottom:30px;
	background-color:#F3F4F8;
}

   
 /* ==================================================================
 
  /*  Deadlines

/* ================================================================== */

#deadlines {
	padding-top:50px;
	padding-bottom:30px;
}

    /* ==================================================================
 
  /*  Learn More

/* ================================================================== */

#learnmore {
	padding-top:50px;
	padding-bottom:30px;
}

 /* ================================================================== */
 
   /*  Testimonials
   /* ================================================================== */
	
  .orbit-testimonialscontainer {
  position: relative;
   width: auto;  /* set to anything and aspect ratio is maintained - also corrects glitch in Internet Explorer */
    height: 410px;  /* set to anything and aspect ratio is maintained */
    max-width: 100%;
  margin: 0;
  list-style: none;
  background-color:#F3F4F8;
  overflow:hidden;  }
 
  .docs-example-orbit-slide {
 width: auto;  /* set to anything and aspect ratio is maintained - also corrects glitch in Internet Explorer */
    height: auto;  /* set to anything and aspect ratio is maintained */
    max-width: 100%;
  padding: 2rem 4rem;
  background-color:#F3F4F8;}
 
  /*  Registration

/* ================================================================== */

#registration {
	padding-top:50px;
	padding-bottom:30px;
}

    /* ==================================================================
 
  /*  Counselors

/* ================================================================== */

#counselors {
	padding-top:50px;
	padding-bottom:30px;
}

    /* ==================================================================
 
  /*  Camp

/* ================================================================== */

#camp {
	padding-top:50px;
	padding-bottom:30px;
}

    /* ==================================================================
 
  /*  Multimedia

/* ================================================================== */

#multimedia {
	padding-top:50px;
	padding-bottom:30px;
}

.column:hover img {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.12);
	transform: scale(1.12);
}


/*  Information PHB

/* ================================================================== */


#info {
	padding-top:50px;
	padding-bottom:30px;
}
/*  About2

/* ================================================================== */



 /* ==================================================================
   
 Waypoints
========================================================================== */
.wp1, .wp2, .wp3, .wp4, .wp5, .wp6 { visibility: hidden; }
.bounceInLeft, .bounceInRight, .fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }


/*  Contact

/* ================================================================== */

#contact {
    background-color:#121212;
	padding-top: 30px;
	padding-bottom: 50px;}
	
	/* contact form */
#contact form { margin-bottom: 30px; }

#contact label {
   font: 15px/24px 'Homemade Apple', Arial, Helvetica, sans-serif;
   margin: 12px 0;
   color: #fff;
	display: inline-block;
	float: left;
   width: 22%;
}
#contact input,
#contact textarea,
#contact select {

	color: #eee;
	background: #333;
	margin-bottom: 12px;
	border: 0;
	outline: none;
   font-size: 15px;
   line-height: 30px;
   width: 66%;
}
#contact input:focus,
#contact textarea:focus,
#contact select:focus {
	color: #fff;
	background-color: #333;
}
#contact button.submit {
	font: 18px/30px 'Homemade Apple', Arial, Helvetica, sans-serif;
	text-transform: Titlecase;
	letter-spacing: 3px;
	color:#fff;
	background: #333;
   padding: 18px 30px;
	border: none;
   cursor: pointer;
   height: auto;
   display: inline-block;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;

   margin-left: 22%;
}
#contact button.submit:hover {
	color: #fff;
	background: #95001A;
}
#contact span.required {
	color: #95001A;
	font-size: 13px;
}

#message-warning, #message-success {
   display: none;
	background: #95001A;
	padding: 24px 24px;
	margin-bottom: 36px;
   width: 88%;
}
#message-warning { color: #D72828; }
#message-success { color: #95001A; }

#message-warning i,
#message-success i {
   margin-right: 10px;
}

#image-loader {
   display: none;
   position: relative;
   left: 18px;
   top: 12px;
}

/* ================================================================== */

/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: block;     /* undo display:none          */
    height: 0;          /* height:0 is also invisible */ 
    overflow-y: hidden; /* no-overflow                */
}
.tab-content > .active,
.pill-content > .active {
    height: auto;       /* let the content decide it  */
} /* bootstrap hack end */

