/*!
 * Start Bootstrap - One Page Wonder HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */



body {
  font-family: Open Sans, Helvetica, Arial," sans-serif";
  font-size: 20px;
  line-height: 34px;
	color:#373d3f;
  background-color: #fff;
  font-weight: 200;
	

}

.modal-body p {font-size:14px;}
.modal-header {border-bottom:none;background-color:#202b5d;}
.modal-header h5, .modal-header span {color:#fff;}
.modal-body {}
.modal-footer a {color:#8e3663;}
.modal-footer a:hover {color:#420825;}

.imgborder{border:1px #f1f1f1 solid;}

.jumbotron-billboard .img {
    margin-bottom: 0px;
    opacity: 0.2;
    color: #fff;
    background: #000 url("https://bootstrapcreative.com/wp-bc/wp-content/uploads/2017/03/learning-story.png") center center;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
  
  
  position:absolute;
  top:0;left:0;
  z-index:1;
}
.jumbotron {position:relative;padding:50px;}
.jumbotron .container {z-index:2;
 position:relative;
  z-index:2;
}

.header-image {
    display: block;
    width: 100%;
    text-align: center;
    background: url(' images/nj4pr-hero1.jpeg') no-repeat center center scroll;   
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.hdrimage-height {height:370px;padding-top:50px;}
  .bg-mobileimage {padding:200px 0;}

.periscope-image {
    display: block;
    width: 100%;
    text-align: center;
    /*background: url('images/damage011.jpg') no-repeat bottom center scroll;*/
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.periscope-old h1 {
    background-image: url("images/Public-Speaking_hero.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 80px;
    margin: 0 auto;
    max-width: 360px;
    overflow: hidden;
    text-indent: -9000px;
    width: 80%;
}

.periscope h1 {font-size:40px; text-shadow: 2px 2px #000000;}
.periscope h2 {text-shadow: 2px 2px #000000;}

.jumbotron h1, .jumbotron .h1 {
    font-size: 42px;
}

.bg-image {
    display: block;
    width: 100%;
    text-align: center;
    background: url('../images/blurredBG.jpg') no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.navbar-brand {padding:.5rem 0 0 0;}

.navbar-inverse {
    background-color: #000;
    border-color: #000;
}

.navbar {padding:0.5rem 1rem;}

/* ==================================================
  Sticky
  ================================================== */
.sticky.navbar {
  border-radius: 0;
  padding-top: 5px;
  padding-bottom: 15px;
  -webkit-transition: all 0.1s ease-out;
  -moz-transition: all 0.1s ease-out;
  -o-transition: all 0.1s ease-out;
  transition: all 0.1s ease-out;
	  background-color: #000;
}
.sticky .show-is-sticky,
.sticky .show-not-sticky {
  -webkit-transition: all 0.7s ease-out;
  -moz-transition: all 0.7s ease-out;
  -o-transition: all 0.7s ease-out;
  transition: all 0.7s ease-out;
  opacity: 0;
  visibility: hidden;
}
.sticky .show-not-sticky {
  opacity: 1;
  visibility: visible;
}
.sticky.is-sticky {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 1000;
  width: 100%;
	  padding-top: 0px;
  padding-bottom: 8px;
}
.sticky.is-sticky.navbar {
  background-color: #000;
}

.sticky.is-not-sticky.navbar {
  background-color: #000;
}

.sticky.is-sticky .show-is-sticky {
  opacity: 1;
  visibility: visible;
}
.sticky.is-sticky .show-not-sticky {
  opacity: 0;
  visibility: hidden;
}

.modal-challenge {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 7px solid rgba(177, 58, 38, 1.0);
  border-radius: 0px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-challenge .modal-header {
  padding: 15px;
  border-bottom: none;
}


.modal.fade .modal-dialogChapter {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialogChapter {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}

.modal-dialogChapter {
  position: relative;
  width: auto;
  margin: 10px;
}

a.link-white:link {color:#fff!important;}
a.link-white:visited {color:#fff;}
a.link-white:visited {color:#fff;}
a.link-white:hover {color:#fff;}

.headline {
    padding: 10px 0;
}

.btm-border{border-bottom:5px solid #232323;}

h1, h2, h3, h4, h5, h6 {  font-family: Oswald, sans-serif;}

.headline h1 {
    font-size: 130px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

.headline h2 {
    font-size: 77px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

.headline h3 {
    font-size: 45px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

.headline h4 {
    font-size: 35px;
    background: #fff;
    background: rgba(255,255,255,0.9);
}

.h1 {font-size:4em;}

.h2 {font-size:2.2em;text-align: center;}

.display-4 {color:#202b5d;}

.schedule h4 {font-weight:100;opacity:0.7;font-size: 1.75rem;}
.schedule h3 {font-weight:bold;}

.color-m {color:#8e3663;}

.card-header .display-4 {font-size:2.2rem;color:#fff;}
.student-cardbg {background-color:rgba(142,54,99,1.00)}
.early-cardbg {background-color:rgba(45,204,112,1.00)}
.ind-cardbg {background-color:rgba(229,76,60,1.00)}

 .early-cardbg .display-4 {color:#202b5d;}

.btn-student {background-color: rgba(142,54,99,1.00);color:#fff;}
.btn-student:hover {background: rgba(142,54,99,0.70);color:#fff;}
.btn-student:focus {background: rgba(142,54,99,0.70);color:#fff;}

.btn-earlybird {background-color: rgba(250,222,85,1.00);color:#202b5d;}
.btn-earlybird:hover {background: rgba(196,112,22,1.00);color:#fff;}
.btn-earlybird:focus {background: rgba(196,112,22,1.00);color:#fff;}


.btn-individual {background-color: rgba(170,34,19,1.00);color:#fff;}
.btn-individual:hover {background: rgba(170,34,19,0.70);color:#fff;}
.btn-individual:focus {background: rgba(170,34,19,0.70);color:#fff;}

.btn-success     {background-color: #8e3663;border-color: #bf86a3;}
.btn-success:hover     {background-color: #202b5d;border-color: #bf86a3;}
.btn-success:focus     {background-color: #202b5d;border-color: #bf86a3;color:#fff;}
.btn-success.focus, .btn-success:focus    {background-color: #8e3663;border-color: #bf86a3;color:#fff;}

.capLetter{font-size:1.2em;}

.space {line-height: 2.5em;}

.hidden { display: none; }

.unhidden { display: block; }

.btn-small {

    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 3px 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

}

.btn-gray {

    -moz-user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 3px 40px 3px 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;

}

.btn-primary2:hover {
  color: #fff;
  background-color: #207aa0;
  border-color: #207aa0;
}

.btn-primary2 {
  color: #fff;
  background-color: #857A4B;
  border-color: #857A4B;
	margin-bottom: 15px;
}
.btn-primary3:hover {
  color: #fff;
  background-color: #207aa0;
  border-color: #207aa0;
}

.btn-primary3 {
  color: #fff;
  background-color: #ff8000;
  border-color: #ff8000;
		margin-bottom: 15px;
}

.btn-register {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0px;
  font-family: Arial;
  color: #ffffff;
  font-size: 25px;
  background: #3498db;
  padding: 15px 40px 15px 40px;
  text-decoration: none;
}

.btn-register:hover {
  background: #3cb0fd;
  text-decoration: none;
}

a {color:#007bff;;}


.featurette-divider {
    margin: 80px 0;
}

.featurette {
    overflow: hidden;
}

.featurette-image.pull-left {
    margin-right: 40px;
}

.featurette-image.pull-right {
    margin-left: 40px;
}

.featurette-heading {
    font-size: 50px;
}

.copyright {font-size: 12px;}

footer {
    margin: 50px 0 0 0;
	padding: 20px 0 0 0;
	background-color:#000; 
	color:#fff;
}

.white {color:#fff;}
.bg-dark {background-color: #000;}

.periscope_outline {border:1px solid #42a3c4;}

ol li {margin-bottom: 30px;}
ul {margin-bottom: 30px;}
.accept ul li {margin-bottom: 30px;}

.app-periscope {

    display: block;

    margin: 30px auto;
    text-align: center;
    width: 100%;
}

.applink {
    background-image: url("../images/badge-appstore.png");
    background-repeat: no-repeat;
    border: 4px solid rgba(0, 0, 0, 0);
    border-radius: 8px;
    box-sizing: content-box;
    display: inline-block;
    font-size: 0;
    height: 40px;
    line-height: 0;
    margin: 10px 0;
    width: 135px;
}

.playstore {
    background-image: url("../images/badge-playstore.png");
    background-size: 115px 40px;
    height: 40px;
    margin-left: 12px;
    width: 115px;
}

.mfp-title {
  position:absolute;
  color: #FFF;
  background: red;
}


.center {text-align: center !important;}

.topBot_padding {padding-top:50px;padding-bottom:50px;}
.topBotHero_padding {padding-top:130px;padding-bottom:130px;}
.bottompadding {padding-bottom:50px;}

.sm_margin_right{margin-right:15px;}

.sm_margin_bottom{margin-bottom:15px;}

.printShow{display: none;}

.reflection_hr{border-top-color:#999;}

.txtShadow {text-shadow: 2px 2px 1px #000000;}

.txtShadow-lgt {text-shadow: 2px 2px 1px #777;}

.txtspacing-1 {letter-spacing: 1px;}

.darkBG {background-color: rgba(0,0,0,0.5)}

.allmargin { margin: 50px !important; }

.leftmargin { margin-left: 50px !important; }

.btn-margin { margin-right: 10px !important;margin-top: 10px !important; }

.rightmargin { margin-right: 50px !important; }

.topmargin { margin-top: 50px !important; }

.bottommargin { margin-bottom: 50px !important; }

.clear-bottommargin { margin-bottom: -50px !important; }

.allmargin-sm { margin: 30px !important; }

.leftmargin-sm { margin-left: 30px !important; }

.rightmargin-sm { margin-right: 30px !important; }

.topmargin-sm { margin-top: 30px !important; }

.bottommargin-sm { margin-bottom: 30px !important; }

.clear-bottommargin-sm { margin-bottom: -30px !important; }

.allmargin-lg { margin: 80px !important; }

.leftmargin-lg { margin-left: 80px !important; }

.rightmargin-lg { margin-right: 80px !important; }

.topmargin-lg { margin-top: 80px !important; }

.bottommargin-lg { margin-bottom: 80px !important; }

.clear-bottommargin-lg { margin-bottom: -80px !important; }

.nomargin {margin: 0 !important; }

.noleftmargin { margin-left: 0 !important; }

.norightmargin { margin-right: 0 !important; }

.notopmargin { margin-top: 0 !important; }

.nobottommargin { margin-bottom: 0 !important; }
.fullbannerpadding {padding: 200px 0;}

.center {margin:0 auto;}

clearfix{clear: both;}

.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    text-align:left;
    /* inline-block space fix */
    margin-right:-4px;
}


@media only screen and (max-width: 575px)  {	
	body {font-size: 16px;}
	.display-1{font-size: 3rem;}
	.display-4{font-size: 1.75rem;}
	h4 {font-size:1rem;}
	h3 {font-size:1.2rem;}
	h2 {font-size:1.2rem;}



}


// Extra small devices (portrait phones, less than 576px)
@media (max-width: 575px) { ... }

// Small devices (landscape phones, 576px and up)
@media (max-width: 767px) { 


}