/*=========================================================		    							   
VARIABLES
=========================================================*/
/*=========================================================		    							   
CUSTOM  COLORS							                                                                                                                                                                                                            							                     
=========================================================*/
/*=========================================================		    							   
CUSTOM  FONT-SIZE						                                                                                                                                                                                                            							                     
=========================================================*/
body {
  background: #fff;
}
.isAbsolute {
  position: absolute;
  width: 100%;
}
/*=======================================================================			  
				TOP BANNER SLIDESHOW
=========================================================================*/
.topBannerSlider {
  top: -140px;
  margin-bottom: -140px;
  position: relative;
  z-index: 1;
  min-height: 400px;
}
.topBannerSlider .lightSlider .item {
  background: #333;
  padding: 0;
  margin: 0;
}
.topBannerSlider .lightSlider .item:hover .topBannerItem {
  transform: scale(1.05);
}
.topBannerSlider .topBannerWrap {
  position: relative;
}
.topBannerSlider .topBannerItem {
  background-size: cover;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  background-repeat: no-repeat;
  background-position: center center;
  transform: scale(1);
  -moz-transition: all 5s ease-in-out;
  -o-transition: all 5s ease-in-out;
  -webkit-transition: all 5s ease-in-out;
  transition: all 5s ease-in-out;
  width: 100%;
  padding-top: 56.25%;
}
.topBannerSlider .lSAction {
  position: absolute;
  width: 100%;
  bottom: 110px;
  z-index: 20;
}
.topBannerSlider .lSAction .lSPrev {
  left: 20px;
  opacity: 1;
}
.topBannerSlider .lSAction .lSNext {
  right: 20px;
  opacity: 1;
}
.topBannerSlider .lSAction .lSNext:before,
.topBannerSlider .lSAction .lSPrev:before {
  color: #fff;
}
.topBannerSlider .lSAction .lSNext:hover:before,
.topBannerSlider .lSAction .lSPrev:hover:before {
  color: #00aaff;
}
.topBannerSlider .lSPager {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 20px;
}
.topBannerSlider .lSPager.lSpg > li a {
  background: #fff;
  width: 10px;
  height: 10px;
}
.topBannerSlider .lSPager.lSpg > li:hover a,
.topBannerSlider .lSPager.lSpg > li.active a {
  background: #00aaff;
}
.topBannerSlider .topBannerExtras {
  background: rgba(51, 51, 51, 0.9);
  -webkit-box-shadow: inset 0 0 25px #000000;
  -moz-box-shadow: inset 0 0 25px #000000;
  box-shadow: inset 0 0 25px #000000;
  padding: 30px 75px 40px;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  float: left;
  min-height: 220px;
}
.topBannerSlider .topBannerExtras .topBannerInfo {
  width: 34%;
  float: left;
  margin-right: 3%;
}
.topBannerSlider .topBannerExtras .topBannerInfo h1,
.topBannerSlider .topBannerExtras .topBannerInfo h2,
.topBannerSlider .topBannerExtras .topBannerInfo h3,
.topBannerSlider .topBannerExtras .topBannerInfo .description {
  font-family: 'proxima-nova', sans-serif;
  font-weight: 100;
  margin: 0;
  text-transform: uppercase;
  color: #fff;
}
.topBannerSlider .topBannerExtras .topBannerInfo h1 {
  color: #acf36b;
  font-size: 36px;
  line-height: 36px;
  margin-bottom: 5px;
}
.topBannerSlider .topBannerExtras .topBannerInfo h1 a {
  color: #acf36b;
}
.topBannerSlider .topBannerExtras .topBannerInfo h1 a:hover {
  color: #fff;
}
.topBannerSlider .topBannerExtras .topBannerInfo h2 {
  font-size: 24px;
}
.topBannerSlider .topBannerExtras .topBannerInfo h3 {
  font-size: 18px;
  color: #bcbdbd;
}
.topBannerSlider .topBannerExtras .topBannerInfo .description {
  font-size: 14px;
  color: #bcbdbd;
}
.topBannerSlider .topBannerExtras .topBannerItems {
  float: left;
  width: 63%;
}
.topBannerSlider .topBannerExtras .topBannerItems .topBannerItemsLink {
  width: 28%;
  color: #fff;
  font-family: 'open-sans', sans-serif;
  font-size: 14px;
  font-weight: 100;
  line-height: 16px;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 20px;
  margin-right: 4%;
}
.topBannerSlider .topBannerExtras .topBannerItems .topBannerItemsLink:hover {
  color: #acf36b;
}
/*=======================================================================
				PAGE CONTENT
=========================================================================*/
.homepage {
  border-left: 0;
  border-right: 0;
  background: #b0e2fd;
}
.homepage .pageContent {
  border-right-color: #b0e2fd;
  border-left-color: #b0e2fd;
}
.homepage .mastheadWrap {
  z-index: 10;
}
.hpContent .hpLeft.col-md-8 {
  width: auto;
}
.hpContent .hpRight.col-md-4 {
  width: 300px;
}
.homePageContent {
  background: #f8f8fa;
}
.hpBottomContent {
  padding-left: 75px;
  padding-right: 75px;
  padding-bottom: 40px;
  text-align: center;
}
.hpTopItems {
  padding: 40px 75px 10px;
}
.list-title {
  font-family: 'proxima-nova', sans-serif;
  font-size: 24px;
  color: #404040;
  text-align: center;
  font-weight: 300;
  line-height: 28px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #97dbff;
}
.centerBlock {
  padding: 40px 0;
}
.hpRight .list-title,
.hpLeft .list-title {
  text-align: left;
  padding-bottom: 20px;
  border-bottom: 1px solid #97dbff;
  margin-bottom: 27px;
  line-height: 22px;
}
.topItems li {
  border-color: #b6e2fc;
}
.topItems li:last-child {
  border: 0;
}
.feature-box .header-box .txt-head {
  padding: 25px 20px;
}
/*=======================================================================
			EVENTS
=========================================================================*/
.eventsFeature {
  margin-bottom: 40px;
}
.tplEvent .ctIcon.event {
  width: 60px;
  height: 65px;
  padding: 6px;
}
.tplEvent .ctIcon.event span {
  color: #00aaff;
}
.tplEvent .ctIcon.event span.eventMonth {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
}
.tplEvent .ctIcon.event span.eventDay {
  font-size: 28px;
  line-height: 30px;
  font-weight: 900;
}
.tplEvent .ctIcon.event span.eventYear {
  font-size: 12px;
  line-height: 12px;
  font-weight: 100;
}
/*=======================================================================
			BRIDGE SLIDER
=========================================================================*/
.homepage .hpBridgeControl {
  margin-right: 0;
  margin-left: 0;
}
/*=======================================================================
				SPONSOR LIST
=========================================================================*/
.sponsor li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 50px;
}
.sponsor li:last-child {
  margin-right: 0;
}
.sponsor .secondRow li {
  margin-right: 30px;
}
.sponsor .secondRow li:last-child {
  margin-right: 0;
}
.sponsor .sponsorBanner {
  display: block;
  vertical-align: middle;
  margin-bottom: 15px;
  margin: 0 auto 25px;
}
.sponsor .sponsorBanner.egirl {
  background: url('/images/sponsors/egirl.png') no-repeat;
  background-size: 100% auto;
  width: 142px;
  height: 93px;
}
.sponsor .sponsorBanner.egirl:hover {
  background-position: left bottom;
}
.sponsor .sponsorBanner.frontiers {
  background: url('/images/sponsors/frontiers.png') no-repeat;
  background-size: 100% auto;
  width: 178px;
  height: 48px;
}
.sponsor .sponsorBanner.frontiers:hover {
  background-position: left bottom;
}
.sponsor .sponsorBanner.linkEngineering {
  background: url('/images/sponsors/linkEngineering.png') no-repeat;
  background-size: 100% auto;
  width: 200px;
  height: 57px;
}
.sponsor .sponsorBanner.linkEngineering:hover {
  background-position: left bottom;
}
.sponsor .sponsorBanner.eFourYou {
  background: url('/images/sponsors/e4u3.png') no-repeat;
  background-size: 100% auto;
  width: 99px;
  height: 101px;
}
.sponsor .sponsorBanner.eFourYou:hover {
  background-position: left bottom;
}
.sponsor .sponsorBanner.oecLogo {
  background: url('/images/sponsors/oec.png') no-repeat;
  background-size: 100% auto;
  width: 269px;
  height: 48px;
}
.sponsor .sponsorBanner.oecLogo:hover {
  background-position: left bottom;
}
.sponsor .sponsorBanner.grandChallenges {
  background: url('/images/sponsors/grandChallenges.png') no-repeat;
  background-size: 100% auto;
  width: 307px;
  height: 49px;
}
.sponsor .sponsorBanner.grandChallenges:hover {
  background-position: left bottom;
}
.sponsor .sponsorBanner.naeFoeeLogo {
  background: url('/images/sponsors/foee.png') no-repeat;
  background-size: 100% auto;
  width: 214px;
  height: 47px;
}
.sponsor .sponsorBanner.naeFoeeLogo:hover {
  background-position: left bottom;
}
.sponsor .sponsorBanner.engineerYourLife {
  background: url('/images/sponsors/EngineerLifeLogo.png') no-repeat;
  background-size: 100% auto;
  width: 255px;
  height: 85px;
}
.sponsor .sponsorBanner.engineerYourLife:hover {
  background-position: left bottom;
}
.sponsor .sponsorBanner.greatAchivments {
  background: url('/images/sponsors/GA-logo.png') no-repeat;
  background-size: 100% auto;
  width: 106px;
  height: 62px;
}
.sponsor .sponsorBanner.greatAchivments:hover {
  background-position: left bottom;
}
.sponsor .sponsorBanner.ctcLogo {
  background: url('/images/sponsors/CTCLogo.png') no-repeat;
  background-size: 100% auto;
  width: 104px;
  height: 58px;
}
.sponsor .sponsorBanner.ctcLogo:hover {
  background-position: left bottom;
}
.shareBlock .blockContent {
  text-align: center;
}
.shareBlock .blockContent a {
  display: inline-block;
  vertical-align: middle;
  color: #404040;
  font-size: 16px;
  line-height: 18px;
  padding: 0 15px;
}
.shareBlock .blockContent a:before {
  font-family: FontAwesome;
  font-size: 18px;
  color: #333;
  line-height: 20px;
  padding-right: 10px;
}
.shareBlock .blockContent a.twitter:before {
  content: "\f099";
}
.shareBlock .blockContent a.youtube:before {
  content: "\f16a";
}
.shareBlock .blockContent a.linkedin:before {
  content: "\f08c";
}
.shareBlock .blockContent a:hover,
.shareBlock .blockContent a:focus {
  color: #00aaff;
}
.shareBlock .blockContent a:hover:before,
.shareBlock .blockContent a:focus:before {
  color: #00aaff;
}
/*=======================================================================
				DONOR SPOTLIGHT
=========================================================================*/
.donorSpotlight {
  background: #f5faff;
  border-bottom: 1px solid #87d6ff;
  padding: 70px 60px 50px;
}
.donorSpotlight .donor-pic {
  border: 1px solid #fff;
  background-size: 100% auto;
  -webkit-box-shadow: 0 0 10px 0px rgba(64, 64, 64, 0.5);
  -moz-box-shadow: 0 0 10px 0px rgba(64, 64, 64, 0.5);
  box-shadow: 0 0 10px 0px rgba(64, 64, 64, 0.5);
}
.donorSpotlight .name a {
  color: #404040;
}
.donorSpotlight .name a:hover {
  color: #00aaff;
}
@media (max-width: 1200px) {
  .homepage .pageContent {
    border-left-width: 0;
    border-right-width: 0;
  }
}
@media (max-width: 1170px) {
  .homepage .pageContent {
    border: 0;
  }
  .homepage .topBannerSlider {
    margin-top: 0;
    margin-bottom: 0;
  }
  .homepage .topBannerSlider .topBannerExtras {
    background: #333333;
    position: relative;
    bottom: unset;
    margin-top: -200px;
  }
  .homepage .topBannerSlider .topBannerExtras .topBannerInfo {
    width: 40%;
  }
  .homepage .topBannerSlider .topBannerExtras .topBannerItems {
    width: 55%;
  }
  .homepage .topBannerSlider .topBannerExtras .topBannerItems .topBannerItemsLink {
    width: 44%;
  }
}
@media (max-width: 1170px) {
  .homepage .topBannerSlider {
    top: 0;
  }
}
@media (max-width: 780px) {
  .homepage .topBannerSlider {
    top: 0;
  }
  .homepage .topBannerSlider .topBannerExtras {
    margin-top: 0;
  }
  .homepage .topBannerSlider .topBannerExtras .topBannerInfo {
    width: 100%;
    float: none;
  }
  .homepage .topBannerSlider .topBannerExtras .topBannerItems {
    width: 100%;
    float: none;
  }
  .homepage .topBannerSlider .topBannerExtras .topBannerItems .topBannerItemsLink {
    width: 100%;
    display: block;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .topBannerSlider .lightSlider .item:hover .topBannerItem {
    transform: scale(1);
  }
}