/*!
 * 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.
 */

/*!------4RStudents----------*/

.btn-xlg {padding: 2rem 3rem;font-size: 1.3rem;border-radius: 0;}
.btn-xlg2 {padding: 1.2rem 2rem;font-size: 1.3rem;border-radius: 0;}
.btn-full {width:100%;padding-top:1.2rem;padding-bottom:1.2rem;font-size: 1.3rem;border-radius: 0;}

li.bg-news a {background-color:#1e64a6; }
li.bg-news a:hover {background-color:#91c04a;text-decoration: none; }
ul.navbar-nav li a {padding:0.7rem 0.7rem;}

.navbar a:focus, a:hover {text-decoration:none; color:#999999!important;}

.fourRS-home a:hover {opacity:0.85;}

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

.footernav li a{color:#f48920;}
.footernav li a:hover {opacity:0.5;    -webkit-transition: all .75s ease;
    -moz-transition: all .75s ease;
    -o-transition: all .75s ease;
    -ms-transition: all .75s ease;
	transition: all .75s ease;}

.bg-lightblue {background-color:#e4e8f3;}
.bg-lightgray {background-color:#f2f7ea;}
.navBox {width: 100%;padding: 20px 30px;}

a .navBox h4 span:hover {text-decoration: none;}

.nodecor:hover {text-decoration: none;}

.btn-color1 {
  background-color:#f48920; 
   border-color: #f48920;
  font-size: 1.5rem;
  height: 70px;
}

.btn-color1:hover {
  background-color:#f48920; 
  border-color: #f48920;
  opacity:0.70; 
  height: 70px;
}

.btn-color2 {
	background-color:#1f64a5; 
	 border-color: #1f64a5;
  font-size: 1.5rem;
  height: 70px;
}
.btn-color2:hover {
	background-color:#1f64a5; 
	border-color: #1f64a5;
	opacity:0.70;
  height: 70px;
}

.btn-color3 {
	background-color:#a356a0; 
	 border-color: #a356a0;
	font-size: 1.5rem;
  height: 70px;
}
.btn-color3:hover {
	background-color:#a356a0; 
	border-color: #a356a0;
	opacity:0.70;
  height: 70px;
}

.btn-color4 {
  background-color:#90c049; 
   border-color: #90c049;
  font-size: 1.5rem;
  height: 70px;
}
.btn-color4:hover {
  background-color:#90c049; 
  border-color: #90c049;
  opacity:0.70; 
  height: 70px;
}

.giving {
  background-color:#f48920; 
  border-color: #f48920;
  opacity:0.70; 
  height: 50px;
}

/*.giving:hover {
  animation: glow 1s ease-in infinite;
  background-color:#90c049; 
  border-color: #90c049;
  opacity:0.70; 
  height: 30px;
}*/


.font-weight-light {font-weight: 200;}

.caption {font-size: 0.875rem;}

.navBox:hover {
    -webkit-filter: brightness(80%);
    -webkit-transition: all .75s ease;
    -moz-transition: all .75s ease;
    -o-transition: all .75s ease;
    -ms-transition: all .75s ease;
	transition: all .75s ease;}

.grow-orange {color:#ff8e00;}
.grow-yellow {color:#fbdc05;}
.grow-purple {color:#2b285d;}
.grow-blue {color:#4a426b;}
.text-ElecticBlue {color:#8B57BD;}
.text-Mustard {color:#BF9603;}
.text-Green {color:#967500;}
.text-mag {color:#a456a1;}
.text-4RSblue{color:#5b8dbd;}
.bg-ElecticBlue {background: #8B57BD;}
.bg-Mustard {background: #f4c20d;}
.bg-Green {background: #967500;}
.bg-blue2 {background: #9702ac!important;}
.bg-orange {background: #ff8e00!important;}
.bullet-pink{color:#db5795;}

blockquote {
    position: relative;
    margin: 0.5em;
    padding: 0.5em 2em 0.5em 3em;
}

blockquote:before {
    font-family: Georgia, serif;
    position: absolute;
    font-size: 6em;
    line-height: 1;
    top: 0;
    left: 0;
    content: "\201C";
	color:#90c049;
}
blockquote:after {
    font-family: Georgia, serif;
    position: absolute;
   /* display: block; don't use this, it raised the quote too high from the bottom - defeated line-height? */
    float:right;
    font-size:6em;
    line-height: 1;
    right:0;
    bottom:-0.5em;
    content: "\201D";
		color:#90c049;
}
blockquote footer {
    padding: 0 2em 0 0;
    text-align:right;
	background-color: white;
	font-weight: bold;
	color:#000;
	margin-top:0.5em;
}
blockquote cite:before {
    content: "\2013";
}

/********hover video box *******/

.overlay-play {
    position: relative;
}

.image-vid {
  opacity: 1;
  display: block;
  transition: .5s ease;
  backface-visibility: hidden;
}

.play-icon {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.overlay-play:hover .image-vid {
  filter: brightness(50%);
}

.overlay-play:hover .play-icon {
  opacity: 1;
}

.vidBorder {border: 1px solid #5b5b5b;background: #eee;padding:10px;}

.navbar a {color:#fff;font-size:0.75em;}


.grownav a {text-decoration: none;}
.grownav a:hover {opacity: 0.7;text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.6); }

.table th {font-size:14px;line-height:1.2em;}
.table td {font-size:14px;line-height:24px;padding:0.45rem;}
.table td  ul {margin-bottom:0;line-height:23px;}
.notes {font-size:14px;line-height:24px;}

.fourrs_table td {padding:0.15rem 0.55rem 0.15rem 0.15rem!important;vertical-align: middle;}
.font-size-16 {font-size: 16px!important;line-height: 1.3rem!important;}
.font-size-14 {font-size: 14px!important;line-height: 1.2rem!important;}
.font-size-18 {font-size: 18px!important;}
.strategy-table td {vertical-align: middle;text-align: center;}
.strategy-table td ul li {text-align: left!important;}


.ul-custom .fa-li {top: 0.385714em!important;}


.growcoach a:hover {text-decoration: none;}
.fa-chevron-right:hover {color:#000;}




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

}

b, strong {
    font-weight: bold;
}

.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/bg-bible.jpg') no-repeat top 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;
}

.bg-grey {background-color: #D3D3D3;}

.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;}

.color-m {color:#005887;}

.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-primary {
	background-color:#f48920; 
	 border-color: #f48920;
}
.btn-primary:hover {
	background-color:#f48920; 
	border-color: #f48920;
	opacity:0.70;
}

.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;}
	.btn-xlg {padding: 2rem 2rem;font-size: 1rem;}
.btn-xlg2 {padding: 1.2rem 2rem;font-size: 1rem;}

}


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

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


}