/*@import url('https://fonts.googleapis.com/css2?family=Raleway&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Lato&display=swap');*/
/*@import url('https://fonts.googleapis.com/css2?family=Patua+One&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Nunito&display=swap');

body { border-top: 0px solid #B23F6E; font-family: 'Nunito', sans-serif; margin: 0; padding: 0; font-weight: 400; }

.wrapper { overflow: hidden; }
a, a:hover, a:focus, a:active, .btn-success, .btn-success:hover { color: inherit; text-decoration: none; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms; }

/*.wrap { margin-top: -10px;}*/
/*ul.tabs { width: 600px; height: 80px; margin: 0 auto; list-style: none; overflow: hidden; padding: 0;}*/
/*ul.tabs li {   float: left; width: 200px;}*/
/*ul.tabs li a { position: relative; display: block; height: 30px; margin-top: 40px; padding: 10px 0 0 0; font-family: 'Open Sans', sans-serif; font-size: 18px; text-align: center;  text-decoration: none; color: #ffffff; background: #649DA0; -webkit-box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);    -moz-box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);         box-shadow: 8px 12px 25px 2px rgba(0,0,0,0.4);           border: 0px solid #000000; -webkit-transition: padding 0.2s ease, margin 0.2s ease;      -moz-transition: padding 0.2s ease, margin 0.2s ease;        -o-transition: padding 0.2s ease, margin 0.2s ease;       -ms-transition: padding 0.2s ease, margin 0.2s ease;           transition: padding 0.2s ease, margin 0.2s ease;}*/
/*.tabs li:first-child a { z-index: 3; -webkit-border-top-left-radius: 8px; -moz-border-radius-topleft: 8px;border-top-left-radius: 8px;}*/
/*.tabs li:nth-child(2) a { z-index: 2;}*/
/*.tabs li:last-child a { z-index: 1; -webkit-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);    -moz-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);  box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3); -webkit-border-top-right-radius: 8px;-moz-border-radius-topright: 8px;border-top-right-radius: 8px;}*/
/*ul.tabs li a:hover { margin: 35px 0 0 0; padding: 10px 0 5px 0;}*/
ul.tabs li a.active { margin: 30px 0 0 0; padding: 10px 0 10px 0; background: #545f60; color: #D3FEF5; /*color: #ff6831;*/ z-index: 4; outline: none;}
/*.group:before,*/
.group:after {   content: " "; /* 1 */   display: table; /* 2 */}
/*.group:after {   clear: both;}*/
/*#terms { width: 600px; height: 100px; margin: 0 auto; background: #545f60; -webkit-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3);  -moz-box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3); box-shadow: 2px 8px 25px -2px rgba(0,0,0,0.3); -webkit-border-bottom-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px;border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }*/
/*#terms p{ font-family: 'Open Sans', sans-serif; padding: 30px 40px; color: #ffffff; line-height: 26px; font-size: 18px; margin: 0;}*/
/*#one {  }*/
/*#two { display:none; }*/
/*#three {  display:none; }*/

.tile { width:80%; margin:60px auto;}
#tile-1 .tab-pane{ padding:15px; height:80px;}
#tile-1 .nav-tabs{ position:relative; border:none!important; background-color:#fff; border-radius:6px;}
#tile-1 .nav-tabs li{ margin:0px!important;}
#tile-1 .nav-tabs li a{ position:relative; margin-right:0px!important; padding: 20px 40px!important; font-size:16px; border:none!important; color:#333;}
#tile-1 .nav-tabs a:hover{ background-color:#fff!important; border:none;}
#tile-1 .slider{ display:inline-block; width:30px; height:4px; border-radius:3px; background-color:#39bcd3; position:absolute; z-index:1200; bottom:0; transition:all .4s linear; }
#tile-1 .nav-tabs .active{ background-color:transparent!important; border:none!important; color:#39bcd3!important;}


.bg { background-size: cover; background-position: center; background-repeat: no-repeat; }

.breathe { padding-top: 4em; padding-bottom: 4em; }
.clearfix { clear: both; }

ul.dropdown-menu { z-index: 1; position: absolute;}
li.dropdown:hover ul.dropdown-menu { display: block;}
.open>.dropdown-menu { display: none;}
.navbar-brand>img {display: block;  max-height: 65px;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background: #FFF; color:#F5AF25;  }
.navbar-nav>li>.dropdown-menu {     right: unset !important; margin-top: 0px;}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background: #ec0000; color: #FFF;}
.dropdown-menu li a {color: #000; font-size: 13px; font-weight: 700; letter-spacing: 0.66666px; text-transform: uppercase;  font-family: 'Nunito', sans-serif; line-height: normal; text-decoration: none; padding: 12px 15px 12px 10px; color:#333; border-bottom: 1px solid #e5e5e5;}
.dropdown-menu li:last-child > a { border-bottom: 0;}
.navbar { position: relative; min-height: 98px; margin-bottom: 0px; border: 0px solid transparent; border-bottom: 3px solid #27272730;}
.navbar-nav>li>a { padding-top:30px; font-size: 14px; font-weight: 500; letter-spacing: 0.66666px; text-transform: uppercase;  font-family: 'Nunito', sans-serif; line-height: normal; color: #444242; }
.nav>li>a:hover:before { content: ""; position: absolute;  /*height: 2px;  background-color: #ff0000; width:60%; bottom: 10px; left: 15px;*/ color: #f5af25;}
.nav>li>a:focus, .nav>li>a:hover { text-decoration: none; background-color: #FFF; color: #F5AF25;}
ul.dropdown-menu { text-align: left; background: #fff; z-index: 100; min-width: 270px; border-radius: 0; border: 0; border: 0; padding: 20px; }
a.faqse { text-transform: none !important;}

.carousel.slide img { width:100%; height:auto;}
.slide {padding: 0px;}
.forms {padding: 0 50px 0 50px;}
.forms h2 { color:#000;font-weight: bold;text-align:center; margin-bottom: 0px; }
.btn-primary:hover { color: #fff; background-color: #286090; border-color: #204d74;}
#contact {padding-bottom: 25px !important; padding-top: 20px !important; }
#contactFrm input { background: #000000c7; color: #fff; height: 45px; margin-bottom: 20px;}
#contactFrm .actions { margin-top: 40px;}
#contactFrm textarea { color: #fff; margin-top: 25px; background: #000000c7; resize:none;}
.form-control { border: 1px solid #fff; border-radius: 5px;}
.btn.btn-primary:before { content: ""; width: 30%; height: 200%; position: absolute; top: 0; right: 0; margin: -5px 0 0 -5px; transform: rotate(-20deg); transform-origin: 0 0 0; transition: all 0.3s ease 0s; z-index: 1;}
.btn.btn-primary {background-color: #F5AF25;}
.btn.btn-primary {border:0px; padding: 11px 25px 11px 25px;border-radius: 0;color: #fff;font-size: 14px;border-radius: 30px;text-transform: capitalize;background: #580141;font-weight: 600;overflow: hidden;position: relative;transition: all 0.3s ease 0s;}
.btn.btn-primary:before{content: "";width: 30%;height: 200%;position: absolute;top: 0;right: 0;margin: -5px 0 0 -5px;transform: rotate(-20deg);transform-origin: 0 0 0;transition: all 0.3s ease 0s;z-index: 1;}
.btn.btn-primary:hover:before{width: 40%;}
.btn.btn-primary:focus,  .btn.btn-primary:hover {color: #fff;outline: none;}
.btn.btn-primary:before{background: rgba(255, 255, 255, 0.2);}
.btn.btn-primary{background: #F5AF25;}
.btn.btn-primary:focus
.btn.btn-primary:hover{ outline: none;background: #F5AF25;}
.btn.btn-primary:focus,
.btn.btn-primary {box-shadow: 0px 3px 15px 0px rgba(235,235,235, 0.5);}

.homes {margin-top:40px; width: 540px; margin: 0 auto; border-radius: 8px; text-align: center; padding: 15px; background-color: #FFF; box-shadow: 0 10px 40px rgba(0,0,0,.11); display: flex; align-items: center; justify-content: center; border-top: 4px solid #DDD;}
.homes iframe { border-radius: 8px;}
.container.breathe.homes { margin-top: 40px;}


.grayBG { background-color: #F7F7F7; }
.about-info h1 { text-align: center; color: #0e1f84; font-size: 33px; font-family: 'Nunito', sans-serif; font-weight: 700; text-transform: uppercase; margin-bottom: 15px;}
.about-info p { font-size: 15px; font-family: 'Lato', sans-serif; text-align: center; color: #000; font-family: 'Nunito', sans-serif; }
.offers-box { height: 177px;overflow: hidden; padding: 0px; }
.offers-box .pic { height: 100%; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; transition: all 0.5s ease; margin-bottom: 20px; padding: 0px; margin: 0px; border-radius: 6px;}

.offers-box .pic:hover { transform: scale(1.2);-webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms; transition: all 300ms;}
.our-offerings h2 { color: #0e1f84; font-size: 33px; font-family: 'Nunito', sans-serif; font-weight: 700; margin-bottom:40px; text-align: center; text-transform: uppercase; }

.offers-info h3 { color: #1f9a0e; margin-bottom: 15px; font-size: 28px; font-weight: 600; font-family: 'Nunito', sans-serif; margin-top:70px;}
.offers-info p { font-size: 15px; font-family: 'Nunito', sans-serif; text-align: justify; color: #000; margin-bottom: 20px;}
.offer-img iframe {border-radius:8px; width:100%;}
.offer-img { background-color: #FFF; box-shadow: 0 10px 40px rgba(0,0,0,.11);  padding: 15px;  border-radius: 8px; border-top: 4px solid #DDD; margin-top: 50px;}

.offers-img { background-color: #FFF; box-shadow: 0 10px 40px rgba(0,0,0,.11); padding: 15px;  border-radius: 8px; border-top: 4px solid #DDD; margin-top: 50px;}
.offers-img img {border-radius: 8px;  width:100%; }

.mod { margin-top: 40px;}

ul.offers-arrow li::before { content: "\2192 "; color: #e61b0d; font-weight: bold; display: inline-block; width: 35px; font-size: 25px;}
ul.offers-arrow { list-style: none; text-align: justify; color: #000; font-size: 15px; line-height: 2em; padding-left: 10px;}
/*.offers-info {margin-left: 100px;}*/

/* About Us */
/*.sidebar-contact {transform: translateY(-50%); box-sizing: border-box;  position: fixed; top: 50%; left: 0px; width: 350px; height: auto; padding: 0px; background-color: #FFF; box-shadow: 0 20px 50px rgba(0, 0, 0, .5); }*/
/*.toggle {position: absolute; width: 48px; top: 0; left: 48px; height: 48px; text-align: center;cursor: pointer; background-color: #e61b0d;}*/

.cars iframe { width: 100%; border-radius: 8px;}

/*End Of About Us*/

/* FAQs  */
.tabs h1 {color: #0e1f84; font-size: 33px; font-family: 'Nunito', sans-serif; font-weight: 700; margin-bottom:40px; text-align: center; text-transform: uppercase; }
.panel-group .panel { margin-bottom:15px !important; }
h1.private { color: #0e1f84; font-size: 33px; font-family: 'Nunito', sans-serif; font-weight: 700; margin-bottom: 40px; text-align: center; text-transform: none !important;}
.why.grayBG p { text-align: justify;}

/* End Of FAQs */

/* Blog Page Start */
.blog h1 {color: #0e1f84; font-size: 33px; font-family: 'Nunito', sans-serif; font-weight: 700; margin-bottom:40px; text-align: center; text-transform: uppercase; }
.social-post { position: relative; margin-bottom: 30px; background-color: #FFF; padding: 15px; border-radius: 15px; box-shadow: 0 10px 10px rgba( 0, 0, 0, .3);}
.social-post .pic { border-radius: 5px; background-size: cover; background-repeat: no-repeat; background-position: center; min-height: 250px; position: relative; }
.social-post .pic .when { position: absolute; background-color: #FFF; padding: 5px; top: 20px; right: 0px; font-weight: bold; display: inline-block; }
.social-post h3 { font-weight: bold; font-size: 18px; color:#FF9800; }
.social-post p.author { font-size: 12px; color: #666; }
.social-post p.author span { color: #231442; }


/* End Of Blog Page */

/* Why Stem Education */

.why h3 {color: #1f9a0e; margin-bottom: 15px; font-size: 28px; font-weight: 600; font-family: 'Nunito', sans-serif;}
.why h1 { color: #0e1f84; font-size: 33px; font-family: 'Nunito', sans-serif; font-weight: 700; margin-bottom:40px; text-align: center; text-transform: uppercase; }
.stem p { font-size: 15px; font-family: 'Nunito', sans-serif; text-align: justify; color: #000; }
/*.stem h3 { color: #e61b0d; margin-top: 0px; font-size: 27px;}*/
.why-youtube { background-color: #FFF; box-shadow: 0 10px 40px rgba(0,0,0,.11);  padding: 15px;  border-radius: 8px; border-top: 4px solid #DDD; }
.why-youtube iframe {border-radius:8px; width:100%;}
/*.why-youtube:hover { border:2px solid #0db6ec; }*/
.whys-youtube { background-color: #FFF; box-shadow: 0 10px 40px rgba(0,0,0,.11);  padding: 15px;  border-radius: 8px; border-top: 4px solid #DDD; }
.whys-youtube iframe {border-radius:8px; width:100%;}
.stems p { font-size: 15px; font-family: 'Nunito', sans-serif; text-align: justify; color: #000; }
.stems h3 { color: #e61b0d; margin-top: 0px; font-size: 27px;}
.stems { margin-top: 40px; }

.tube { margin-top: 60px; margin-bottom: 60px; }


/* Tinker Lab  */

p.tinker { font-size: 15px; font-family: 'Nunito', sans-serif; text-align: center; color: #000; }
h4.tinker { color: #0e1f84; font-size: 23px; text-align:left; margin-top: 15px; text-transform: capitalize; font-weight: 600;}

/*ul.tinker-point li::before { content: "\2192 "; color: #1f9a0e; font-weight: bold; display: inline-block; width: 35px; font-size: 25px; padding-left: 39px;}*/
/*ul.tinker-point { list-style: none; text-align:justify; color: #000; font-size: 15px; line-height: 25px; margin: 0; padding: 0; padding-left: 28px;}*/
/*.tinker-point li { padding-left: 1em; text-indent: -2.7em; }*/

ul.tinker-point { margin-left: 15px; padding: 0; font-size: 15px; font-family: 'Nunito', sans-serif; text-align: justify; color: #000; line-height: 25px;}
ul.tinker-points { text-align: center; list-style-position: inside; font-size: 15px; color: #000; margin-bottom: 40px; line-height: 25px;}

ul.offers-arrows { font-size: 15px; list-style-position: inside; text-align: left; line-height: 25px; margin-bottom: 30px; font-family: 'Nunito', sans-serif; margin:0; padding:0;}
ol.offers-arrows { text-align: left; font-size: 15px; line-height: 25px; list-style-position: inside; margin: 0; padding: 0;}
.car { background-color: #FFF; box-shadow: 0 10px 40px rgba(0,0,0,.11);  padding: 15px;  border-radius: 8px; border-top: 4px solid #DDD;  margin-top:35px;}
.car img {border-radius:8px; width:100%;}
.tin { margin-top: 40px; margin-bottom: 60px;}

.cars { background-color: #FFF; box-shadow: 0 10px 40px rgba(0,0,0,.11);  padding: 15px;  border-radius: 8px; border-top: 4px solid #DDD;  margin-top:35px; width:100%;}


/* End Of Tinker Lab Page */

.contact { background-color: #f5af25; padding-top: 20px;}
.footer-img {color:white;margin-top:14px; margin-bottom: 30px;}
.footer-img img{width:200px;background-color:white; margin: 0 auto;}
.copyright {padding-top: 20px;}
.copy_text p { margin: 0px;}
.color_white { color: #FFF; text-align: center; margin-top: 5px;}

/*Contact Us Page Start*/
.blueBG {box-shadow: 0 0 10px #DDD; border-radius: 10px; padding: 65px; background-color: #0e1f84; color: #FFF; line-height: 30px; height: 445px; margin-top: 20px; margin-left: -165px; width: 375px;}
.contacts h2 { color: #0e1f84; font-size: 33px; font-family: 'Nunito', sans-serif; font-weight: 700; margin-bottom: 40px; text-align: left; text-transform: uppercase;}
.contact-forms h3 { color: #0e1f84; font-weight: 600; font-size: 27px;}
.contact-forms p { font-size: 16px; font-weight: 600;}
.contact-forms { padding: 30px;}
.white { background-color: #FFF; padding: 30px; margin: 0 auto; width: 850px; box-shadow: 0 0 10px #DDD; border-radius: 10px;}

.blueBG span { color: #F4AD10; font-size: 17px; font-weight: 700;}

ul.social { display: inline; margin: 0; padding: 0;  list-style: none; align-items: center;}
ul.social li {    display: inline-block; padding: 5px;}
ul.social li a {position: relative; display: inline-block; border: 2px solid #FFF; color: #FFF; line-height: 34px; text-align: center; width: 36px; border-radius: 50px; font-size: 20px;}
ul.social li a:hover {color: #F4AD10; border: 2px solid #F4AD10;}


/*Conatct Us Page End*/

#myBtn { display: none; position: fixed; bottom: 70px; right: 30px; z-index: 99; font-size: 18px; border: none; outline: none; background-color: #e61b0d; color: #FFF; cursor: pointer; padding: 15px; border-radius: 50px; height: 40px;}
#myBtn:hover { background-color: #0e1f84;}
i.fa.fa-angle-double-up { display: flex; justify-content: center; align-items: center; height: 0px; color: #FFF;}
.copyr {background-color: #000;padding: 8px;}

/* Error Page */
.error { background-color: #F5F5F5; padding: 5em 2em;}
.error-message h3 { font-size: 24px; margin-bottom: 20px; font-weight: 600; margin-top: 30px; color: #1C1C1C;}
.error-body .rbtn { background-color: #DF3034; border: 0px; padding: 13px; color: #FFF; border-radius: 30px;}

ul.social-links {padding: 0; margin-top: 0;}
ul.social-links li { width: 40px; height: 40px; border:2px solid #FFF; margin-bottom:8px; border-radius: 50px; color: #EC7024; list-style:none;     display: inline-block;}
ul.social-links li a { display: flex; justify-content: center; align-items: center; height: 37px; color: #FFF; font-size: 19px; }
ul.social-links li:hover { background-color: #e61b0d; color: #FFF; border: 2px solid #e61b0d;}
ul.social-links li:hover a { color: #FFF; }
.social label { color: #FFF; font-size: 17px; margin-top: 17px; }
.footer-img span { font-size: 17px; text-align: center; margin: 0 auto; display: flex; margin-bottom: 10px; justify-content: center;}


.nb-form { position: fixed; z-index: 9999; width: 350px; background: #FFF; right: 0px; bottom: -505px; transition: all .8s cubic-bezier(.22, .67, .43, 1.22) .2s; border-radius: 10px 10px 0 0; box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14),0 1px 5px 0 rgba(0,0,0,0.12),0 3px 1px -2px rgba(0,0,0,0.2);}
.nb-form:hover { bottom: 0px;}
.nb-form .user-icon { position: absolute; top: -49px; right: 12px; display: block; width: 58px; margin: 20px auto 15px; border-radius: 100%;}
.nb-form .title { background: #0e1f84; font-size: 18px !important; padding: 12px 0px !important; color: #fff !important; border-radius: 10px 10px 0 0; text-align: center; font-weight: 700;}
.nb-form p { font-size: 13px; margin: 0; padding: 15px; color: #666;}
.nb-form p.message { margin-left: 7px;}
.nb-form form { padding: 0 15px 15px 15px;}
.nb-form ::-webkit-input-placeholder { color: #ccb0b0;}
.nb-form ::-moz-placeholder{ color: #ccb0b0;}
.nb-form :-ms-input-placeholder { color: #ccb0b0;}
.nb-form :-moz-placeholder { color: #ccb0b0;}
.nb-form input[type='submit'] { background: #03a9f4;}

ul.feat { font-family: 'Nunito', sans-serif; font-size: 15px; color: #000}

#accordion5 .panel{ border: none; border-radius: 0; box-shadow: none; margin: 0 0 15px 50px;}
#accordion5 .panel-title a{font-family: 'Nunito', sans-serif; display: block; padding: 10px 20px 10px 60px; background:#e61b0d; border-radius: 30px; border: 2px solid #e61b0d; font-size: 18px; font-weight:400; color: #fff; position: relative; }
#accordion5 .panel-title a.collapsed{ border: 2px solid #bbb; background: #fff; color: #000;}
#accordion5 .panel-title a:before,
#accordion5 .panel-title a.collapsed:before{ content: "\f068";  font-weight: 900; width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #e61b0d; font-size: 18px; color: #fff; text-align: center; border-right: 3px solid #fff; position: absolute; top: -10px; left: -30px; z-index: 1; transition: all 0.3s ease 0s;}
#accordion5 .panel-title a.collapsed:before{ content: "\f067"; background: #bbb; border: none;}
#accordion5 .panel-body{ padding: 10px 15px 0; margin: 0 0 0 30px; border: none; font-size: 14px; color: #333; line-height: 28px; position: relative;}
#accordion5 .panel-body:before{ content: ""; display: block; width: 5px; height: 90%; background: #e61b0d; position: absolute; top: 0; left: -30px;}
#accordion5 .panel-body:after{ content: ""; border-top: 20px solid #e61b0d; border-left: 20px solid transparent; border-right: 20px solid transparent; position: absolute; bottom: 0; left: -48px;}
.panel-group { margin-bottom: 20px;  margin-top: 16px; margin-left: -40px;}
.panel-default>.panel-heading {background: #FFF; }

.blog { padding-bottom: 30px; background-color: #F7F7F7;}
.blog .entry { padding: 30px; margin-bottom: 60px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1); background-color: #FFF; border-radius: 10px;}
.blog .entry .entry-img { max-height: 440px; margin-bottom:40px; overflow: hidden; border-radius: 10px;}
.blog .entry .entry-title { font-size: 28px; font-weight: bold; padding: 0; margin: 0 0 20px 0;}
.blog .entry .entry-title a { color: #545454; transition: 0.3s;}
.blog .entry .entry-title a:hover { color: #e96b56;}
.blog .entry .entry-meta { margin-bottom: 15px; color: #bababa;}
.blog .entry .entry-meta ul { display: flex; flex-wrap: wrap; list-style: none; padding: 0; margin: 0;}
.blog .entry .entry-meta ul li + li { padding-left: 20px;}
.blog .entry .entry-meta i { font-size: 14px; padding-right: 4px;}
.blog .entry .entry-meta a { color: #a1a1a1; font-size: 14px; display: inline-block; line-height: 1;}
.blog .entry .entry-content p { line-height: 24px;}
.blog .entry .entry-content .read-more { -moz-text-align-last: right; text-align-last: right;}
.blog .entry .entry-content .read-more a { display: inline-block; background: #e96b56; color: #fff; padding: 6px 20px 8px 20px; transition: 0.3s; font-size: 14px; border-radius: 50px;}
.blog .entry .entry-content .read-more a:hover { background: #e6573f;}
.blog .entry .entry-content h3 { font-size: 22px; margin-top: 30px; font-weight: bold;}
.blog .entry .entry-content blockquote { overflow: hidden; background-color: #fafafa; padding: 60px; position: relative; text-align: center; margin: 20px 0;}
.blog .entry .entry-content blockquote p { color: #444444; line-height: 1.6; margin-bottom: 0; font-style: italic; font-weight: 500; font-size: 22px;}
.blog .entry .entry-content blockquote .quote-left { position: absolute; left: 20px; top: 20px; font-size: 36px; color: #e7e7e7;}
.blog .entry .entry-content blockquote .quote-right { position: absolute; right: 20px; bottom: 20px; font-size: 36px; color: #e7e7e7;}
.blog .entry .entry-content blockquote::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: #545454; margin-top: 20px; margin-bottom: 20px;}
.blog .entry .entry-footer { padding-top: 10px; border-top: 1px solid #e6e6e6;}
.blog .entry .entry-footer i { color: #a1a1a1; display: inline;}
.blog .entry .entry-footer a { color: #cecece; transition: 0.3s;}
.blog .entry .entry-footer a:hover { color: #e96b56;}
.blog .entry .entry-footer .cats { list-style: none; display: inline; padding: 0 20px 0 0; font-size: 14px;}
.blog .entry .entry-footer .cats li { display: inline-block;}
.blog .entry .entry-footer .tags { list-style: none; display: inline; padding: 0; font-size: 14px;}
.blog .entry .entry-footer .tags li { display: inline-block;}
.blog .entry .entry-footer .tags li + li::before { padding-right: 6px; color: #6c757d; content: ",";}
.blog .entry .entry-footer .share { font-size: 16px;}
.blog .entry .entry-footer .share i { padding-left: 5px;}
.blog .entry-single { margin-bottom: 30px;}
.blog .blog-author { padding: 20px; margin-bottom: 30px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}
.blog .blog-author img { width: 120px;}
.blog .blog-author h4 { margin-left: 140px; font-weight: 600; font-size: 22px; margin-bottom: 0px; padding: 0;}
.blog .blog-author .social-links { margin: 0 0 5px 140px;}
.blog .blog-author .social-links a { color: #bababa;}
.blog .blog-author p { margin-left: 140px; font-style: italic; color: #b7b7b7;}
.blog .blog-comments { margin-bottom: 30px;}
.blog .blog-comments .comments-count { font-weight: bold;}
.blog .blog-comments .comment { margin-top: 30px; position: relative; display:none;}
.blog .blog-comments .comment .comment-img { width: 50px;}
.blog .blog-comments .comment h5 { margin-left: 65px; font-size: 16px; margin-bottom: 2px;}
.blog .blog-comments .comment h5 a { font-weight: bold; color: #444444; transition: 0.3s;}
.blog .blog-comments .comment h5 a:hover { color: #e96b56;}
.blog .blog-comments .comment h5 .reply { padding-left: 10px; color: #545454;}
.blog .blog-comments .comment time { margin-left: 65px; display: block; font-size: 14px; color: #bababa; margin-bottom: 5px;}
.blog .blog-comments .comment p { margin-left: 65px;}
.blog .blog-comments .comment.comment-reply { padding-left: 40px;}
.blog .blog-comments .reply-form { margin-top: 30px; padding: 30px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}
.blog .blog-comments .reply-form h4 { font-weight: bold; font-size: 22px;}
.blog .blog-comments .reply-form p { font-size: 14px;}
.blog .blog-comments .reply-form input { border-radius: 50px; padding: 20px 10px 20px 20px; font-size: 14px;}
.blog .blog-comments .reply-form input:focus { box-shadow: none; border-color: #f5bab0;}
.blog .blog-comments .reply-form textarea { border-radius: 5px; padding: 10px 12px; font-size: 14px;}
.blog .blog-comments .reply-form textarea:focus { box-shadow: none; border-color: #f5bab0;}
.blog .blog-comments .reply-form .form-group { margin-bottom: 25px;}
.blog .blog-comments .reply-form .btn-primary { border-radius: 50px; padding: 10px 30px; border: 0; background-color: #545454;}
.blog .blog-comments .reply-form .btn-primary:hover { background-color: #e96b56;}
.blog .blog-pagination { color: #878787;}
.blog .blog-pagination ul { display: flex; padding-left: 0; list-style: none;}
.blog .blog-pagination li { border: 1px solid white; margin: 0 5px; transition: 0.3s;}
.blog .blog-pagination li.active { background: white;}
.blog .blog-pagination li a { color: #aaaaaa; padding: 7px 16px; display: inline-block;}
.blog .blog-pagination li.active, .blog .blog-pagination li:hover { background: #e96b56; border: 1px solid #e96b56;}
.blog .blog-pagination li.active a, .blog .blog-pagination li:hover a { color: #fff;}
.blog .blog-pagination li.disabled { background: #fff; border: 1px solid white;}
.blog .blog-pagination li.disabled i { color: #f1f1f1; padding: 10px 16px; display: inline-block;}
.blog .sidebar { padding: 30px; margin: 60px 0 60px 20px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);}
.blog .sidebar .sidebar-title { font-size: 20px; font-weight: 700; padding: 0 0 0 0; margin: 0 0 15px 0; color: #545454; position: relative;}
.blog .sidebar .sidebar-item { margin-bottom: 30px;}
.blog .sidebar .search-form form { background: #fff; border: 1px solid #ddd; padding: 3px 10px; position: relative; border-radius: 50px;}
.blog .sidebar .search-form form input[type="text"] { border: 0; padding: 4px; width: calc(100% - 40px);}
.blog .sidebar .search-form form button { position: absolute; top: 0; right: -2px; bottom: 0; border: 0; background: none; font-size: 16px; padding: 0 25px; margin: -1px; background: #545454; color: #fff; transition: 0.3s; border-radius: 50px;}
.blog .sidebar .search-form form button:hover { background: #e96b56;}
.blog .sidebar .categories ul { list-style: none; padding: 0;}
.blog .sidebar .categories ul li + li { padding-top: 10px;}
.blog .sidebar .categories ul a { color: #949494;}
.blog .sidebar .categories ul a:hover { color: #e96b56;}
.blog .sidebar .categories ul a span { padding-left: 5px; color: #bababa; font-size: 14px;}
.blog .sidebar .recent-posts .post-item + .post-item { margin-top: 15px;}
.blog .sidebar .recent-posts img { width: 80px; float: left;}
.blog .sidebar .recent-posts h4 { font-size: 15px; margin-left: 95px; font-weight: bold;}
.blog .sidebar .recent-posts h4 a { color: #212121; transition: 0.3s;}
.blog .sidebar .recent-posts h4 a:hover { color: #e96b56;}
.blog .sidebar .recent-posts time { display: block; margin-left: 95px; font-style: italic; font-size: 14px; color: #bababa;}
.blog .sidebar .tags { margin-bottom: -10px;}
.blog .sidebar .tags ul { list-style: none; padding: 0;}
.blog .sidebar .tags ul li { display: inline-block;}
.blog .sidebar .tags ul a { color: #949494; font-size: 14px; padding: 6px 15px 8px 15px; margin: 0 6px 8px 0; border: 1px solid #ededed; border-radius: 50px; display: inline-block; transition: 0.3s;}
.blog .sidebar .tags ul a:hover { color: #fff; border-color: #e96b56; background: #e96b56;}
.blog .sidebar .tags ul a span { padding-left: 5px; color: #ededed; font-size: 14px;}


/* National STEM Awards */
.new-bg { background-color:#F7F7F7;}
.caption.container { display: flex; align-items: center; justify-content: center; height: 35vh;}
.caption.body h1 { font-size: 50px; font-weight: bold; color: #000;}
.youtube-bg { background-position: center; background-size: cover; background-repeat: no-repeat; height: 68vh;}
.you-video { align-items: center; display: flex; justify-content: center; margin: 0 auto; border-radius: 8px; width: 540px; padding: 25px; background-color: #FFF;}
.you-video iframe { border-radius: 8px; }
.content { color: #202020;}
.text { font-size: 40px; font-weight: 600;}
.share-btn { position: relative; bottom: 00px; z-index: 1;}
.share-btn span { height: 40px; width: 39px; background: #16a085; line-height: 40px; font-size: 18px; color: #e9fcf8; text-align: center; border-radius: 50%; cursor: pointer; border: 1px solid #159d82;}
.share-btn:hover span { background: #159d82; border-color: #12876f;}
.share-btn a span { position: absolute; right: 10px; bottom: 10px; height: 30px; width: 30px; line-height: 30px; font-size: 18px; border: 1px solid transparent; background: #16a085; z-index: -1; opacity: 0; pointer-events: none; transition: 0.6s;}
#click:checked ~ .share-btn a span { height: 35px; width: 35px; line-height: 40px; font-size: 18px; z-index: 1; opacity: 1; pointer-events: auto;}
#click:checked ~ .share-btn a:nth-child(2) span { right: 0px; background: #1da1f2; border-color: #0e9af1; top: 50px;}
#click:checked ~ .share-btn a:nth-child(3) span {top: 49px; left: 47px; background: #e1306c;border-color: #df2060;}
.share-btn a:nth-child(3) span { transition-delay: 0.2s;}
#click:checked ~ .share-btn a:nth-child(4) span { top:49px; left: 91px; background: #ff0000; border-color: #e60000;}
.share-btn a:nth-child(4) span { transition-delay: 0.4s;}
#click { display: none;}
#click:checked ~ .share-btn a:nth-child(5) span { top:49px; left: 135px; background: #ff0000; border-color: #e60000;}
#click:checked ~ .share-btn a:nth-child(6) span { top:49px; left: 177px; background: #ff0000; border-color: #e60000;}

#clicks:checked ~ .share-btn a span { height: 35px; width: 35px; line-height: 40px; font-size: 18px; z-index: 1; opacity: 1; pointer-events: auto;}
#clicks:checked ~ .share-btn a:nth-child(2) span { right: 0px; background: #1da1f2; border-color: #0e9af1; top: 50px;}
#clicks:checked ~ .share-btn a:nth-child(3) span {top: 49px; left: 47px; background: #e1306c;border-color: #df2060;}
.share-btn a:nth-child(3) span { transition-delay: 0.2s;}
#clicks:checked ~ .share-btn a:nth-child(4) span { top:49px; left: 91px; background: #ff0000; border-color: #e60000;}
.share-btn a:nth-child(4) span { transition-delay: 0.4s;}
#clicks { display: none;}
#clicks:checked ~ .share-btn a:nth-child(5) span { top:49px; left: 135px; background: #ff0000; border-color: #e60000;}
#clicks:checked ~ .share-btn a:nth-child(6) span { top:49px; left: 177px; background: #ff0000; border-color: #e60000;}

#clic:checked ~ .share-btn a span { height: 35px; width: 35px; line-height: 40px; font-size: 18px; z-index: 1; opacity: 1; pointer-events: auto;}
#clic:checked ~ .share-btn a:nth-child(2) span { right: 0px; background: #1da1f2; border-color: #0e9af1; top: 50px;}
#clic:checked ~ .share-btn a:nth-child(3) span {top: 49px; left: 47px; background: #e1306c;border-color: #df2060;}
.share-btn a:nth-child(3) span { transition-delay: 0.2s;}
#clic:checked ~ .share-btn a:nth-child(4) span { top:49px; left: 91px; background: #ff0000; border-color: #e60000;}
.share-btn a:nth-child(4) span { transition-delay: 0.4s;}
#clic { display: none;}
#clic:checked ~ .share-btn a:nth-child(5) span { top:49px; left: 135px; background: #ff0000; border-color: #e60000;}
#clic:checked ~ .share-btn a:nth-child(6) span { top:49px; left: 177px; background: #ff0000; border-color: #e60000;}

#cli:checked ~ .share-btn a span { height: 35px; width: 35px; line-height: 40px; font-size: 18px; z-index: 1; opacity: 1; pointer-events: auto;}
#cli:checked ~ .share-btn a:nth-child(2) span { right: 0px; background: #1da1f2; border-color: #0e9af1; top: 50px;}
#cli:checked ~ .share-btn a:nth-child(3) span {top: 49px; left: 47px; background: #e1306c;border-color: #df2060;}
.share-btn a:nth-child(3) span { transition-delay: 0.2s;}
#cli:checked ~ .share-btn a:nth-child(4) span { top:49px; left: 91px; background: #ff0000; border-color: #e60000;}
.share-btn a:nth-child(4) span { transition-delay: 0.4s;}
#cli { display: none;}
#cli:checked ~ .share-btn a:nth-child(5) span { top:49px; left: 135px; background: #ff0000; border-color: #e60000;}
#cli:checked ~ .share-btn a:nth-child(6) span { top:49px; left: 177px; background: #ff0000; border-color: #e60000;}

.news-box { background-color: #FFF; border: 2px solid #DDD; padding: 20px; border-radius: 8px; height: 270px;}
.ne-box { padding-left: 50px; padding-right: 50px; }
.news-box a h3 { color: #000; text-transform: uppercase; font-size: 19px; line-height: 30px; margin-bottom: 20px; }
.news-box a h3:hover { color: #facc25; }
.content .btn.btn-primary { margin-left: 30px; }

/* End Of National Stem Awards */


@media (max-width: 767px)  {

	.breathe { padding-top: 2em; padding-bottom: 2em; }
    
    .navbar-right .dropdown-menu{right:none !important;}
    .navbar-nav>li>a { padding-top:12px;}
    .navbar-toggle { border: 0px solid #FFF; background-color: #FF0000; margin-top: 20px; }
	.navbar-toggle .icon-bar { background-color: #FFF; height: 3px; }
	.parallaxbanner {min-height: auto; width: 100%; background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; padding: 4em 2em 0em; height:auto; }
	.btn-serach { width: 100%; margin-top: 0px; }

	.our-offerings h2 { margin-bottom: 0px; }
	.offers-info { margin-left: 40px; margin-right: 40px;}
	.btn.btn-primary { margin-bottom: 20px; }
	.offer-img img { margin: 0; }

	.footer-img img{width:200px;background-color:#FFF; margin: 0 auto;}
	.footer-img u { text-align: center; margin: 0 auto; display: flex; align-items: center; justify-content: center; margin-bottom: 10px;}
	ul.dropdown-menu { padding: 0px 20px; }
	.why h2 { margin-bottom: 20px; }
	.why-youtube {margin-left: -5px; width: 400px;}
	.whys-youtube {margin-left: -5px; width: 400px;}
	.stems { margin-left: 0px; }

	.white { width: 400px; }
	.blueBG {padding: 40px; height: 335px; margin-left: -25px;}
	
	.nb-form:hover .user-icon { display: none;}
.nb-form .message { display: none;}
.nb-form form { padding-top: 15px;}
.nb-form{ right: 50%; bottom: -525px; left: 50%; transform: translateX(-50%);}
.copyr {margin-bottom: 50px; }	
.nb-form { width:430px;}
.social label { display: flex; align-items: center; justify-content: center; text-align: center;}
ul.social-links { display: flex; align-items: center; justify-content: center;}
ul.social-links li {     margin-left: 20px; }

.mod { margin-top: 0px;}
.offers-info h3 {     margin-top: 20px;}
.offer-img {margin-top: 30px;}
.offers-img {margin-top: 30px;}
.news-box {margin-bottom:30px; height:275px;}
.ne-box {padding-top:40px;}
.homes {margin-top:10px; width: 380px; margin: 0 auto; border-radius: 8px; text-align: center; padding: 15px; background-color: #FFF; box-shadow: 0 10px 40px rgba(0,0,0,.11); display: flex; align-items: center; justify-content: center; border-top: 4px solid #DDD;}
}
@media (min-width: 768px) {
    
      .navbar-right .dropdown-menu{right:none !important;}
	
}