h1,h2,h3,h4{
  /* font-family: 'alternate_gothic_no1_dregular'; */
  font-family: 'Fjalla One', sans-serif;
  font-weight: bold;
  font-style: normal;
}

body {
	font-family: 'DM Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 17px;
}

a {
  color: #f7941d;
  transition: 0.5s;
}

a:hover,
a:active,
a:focus {
  color: #0a98c0;
  outline: none;
  text-decoration: none;
}

p {
  padding: 0;
  margin: 0 0 15px 0;
  color: #939598;
}

.font-18{ font-size: 18px; }
.font-48{ font-size: 48px; }

.margin-0{ margin: 0px; }
.margin-none{ margin: 0px; }
.margin-top-20{ margin-top: 20px; }
.margin-top-25{ margin-top: 25px; }
.margin-top-35{ margin-top: 35px; }
.margin-top-40{ margin-top: 40px; }
.margin-top-50{ margin-top: 50px; }
.margin-top-100{ margin-top: 100px; }
.margin-bottom-20{ margin-bottom: 20px; }
.margin-bottom-25{ margin-bottom: 25px; }
.margin-bottom-35{ margin-bottom: 35px; }
.margin-bottom-40{ margin-bottom: 40px; }
.margin-bottom-50{ margin-bottom: 50px; }
.margin-bottom-100{ margin-bottom: 100px; }
.margin-top-bottom-20{ margin-top: 20px; margin-bottom: 20px; }
.margin-top-bottom-25{ margin-top: 25px; margin-bottom: 25px; }
.margin-top-bottom-35{ margin-top: 35px; margin-bottom: 35px; }
.margin-top-bottom-40{ margin-top: 40px; margin-bottom: 40px; }
.margin-top-bottom-50{ margin-top: 50px; margin-bottom: 50px; }
.margin-left-right-10p{ margin-left: 10%; margin-right: 10%; }

.padding-0{ padding: 0px; }
.padding-none{ padding: 0px; }
.padding-top-20{ padding-top: 20px; }
.padding-top-25{ padding-top: 25px; }
.padding-top-35{ padding-top: 35px; }
.padding-top-40{ padding-top: 40px; }
.padding-top-50{ padding-top: 50px; }
.padding-top-75{ padding-top: 75px; }
.padding-top-100{ padding-top: 100px; }
.padding-bottom-20{ padding-bottom: 20px; }
.padding-bottom-25{ padding-bottom: 25px; }
.padding-bottom-35{ padding-bottom: 35px; }
.padding-bottom-40{ padding-bottom: 40px; }
.padding-bottom-50{ padding-bottom: 50px; }
.padding-bottom-100{ padding-bottom: 100px; }
.padding-top-bottom-20{ padding-top: 20px; padding-bottom: 20px; }
.padding-top-bottom-25{ padding-top: 25px; padding-bottom: 25px; }
.padding-top-bottom-35{ padding-top: 35px; padding-bottom: 35px; }
.padding-top-bottom-40{ padding-top: 40px; padding-bottom: 40px; }
.padding-top-bottom-50{ padding-top: 50px; padding-bottom: 50px; }
.padding-top-bottom-75{ padding-top: 75px; padding-bottom: 75px; }
.padding-top-bottom-100{ padding-top: 100px; padding-bottom: 100px; }
.padding-left-right-10p{ padding-left: 10%; padding-right: 10%; }

.dark-before{ position: relative; }
.dark-before::before{ width: 100%; height: 85%; background: #322f31; position: absolute; top: 0px; left: 0px; content: ""; z-index: -1; }
.bg-gray{ background: #e7e7e8; }
.bg-dark-gray{ background: #c7c8ca; }

.color-gray{ color: #939598 !important; }
.color-white{ color: #ffffff; }

.bg-gray p, .bg-dark-gray p{ color: #333; }

.orange-design-line-center:before{ width: 5px; position: absolute; height: 30%; left: 50%; bottom: -15%; background: #f7941d; content: ""; z-index: 9; }
.orange-design-line-center-left:after{ width: 20%; position: absolute; height: 5px; left: calc(50% - 19.75%); bottom: -15%; background: #f7941d; content: ""; z-index: 9; }

.orange-design-line-center2:before{ width: 5px; position: absolute; height: 65%; left: 28%; bottom: -40%; background: #f7941d; content: ""; z-index: 9; }
.orange-design-line-center2:after{ width: 25%; position: absolute; height: 5px; left: calc(50% - 22%); bottom: -40%; background: #f7941d; content: ""; z-index: 9; }

.orange-design-line-center3:before{ width: 5px; position: absolute; height: 40%; left: 28%; bottom: -20%; background: #f7941d; content: ""; z-index: 9; }

.orange-design-line-center4:before{ width: 5px; position: absolute; height: 70%; left: 28%; top: -25%; background: #f7941d; content: ""; z-index: 9; }
.orange-design-line-center4:after{ width: 25%; position: absolute; height: 5px; left: calc(50% - 22%); top: 45%; background: #f7941d; content: ""; z-index: 9; }

#top{ background: #322f31; font-family: 'Fjalla One', sans-serif; }
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{ color: #c7c8ca; }
.navbar-light .navbar-nav .nav-link{ color: #c7c8ca; padding-left: 20px; padding-right: 20px; position: relative; text-transform: uppercase; }
.navbar-light .navbar-nav .active .nav-link:before{ width: 100%; height: 5px; top: -13px; left: 0px; background: #f7941d; position: absolute; content: ""; }
.navbar-light .navbar-nav .nav-link:hover:before{ width: 100%; height: 5px; top: -13px; left: 0px; background: #f7941d; position: absolute; content: ""; }
.navbar-light .navbar-nav .nav-link:hover{ color: #c7c8ca; }

.header-bg{ width: 100%; height: 100vh; background: url(../img/header-image.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden; position: relative; }
.header-bg::before{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; background: rgba(0,0,0,0.60); z-index: 0; }
.header-bg h1{ color: #fff; margin: 0px; padding: 40px 0 15px; font-size: 72px; text-transform: uppercase; letter-spacing: 2px; line-height: 70px; }
.header-bg h2{ color: #fff; margin: 0px; font-size: 44px; font-weight: 400; text-transform: uppercase; color: #f7951d; }
.header-content{ width: 100%; position: absolute; left: 0%; top: 50%; transform: translateY(-80%); -webkit-transform: translateY(-80%); }
.landing-logo{ width: 325px; }

.header-home-bg{ width: 100%; height: calc(100vh - 66px); background: url(../img/header-home.jpg) center center no-repeat; background-size: cover; background-attachment: fixed; overflow: hidden; position: relative; }

#header{ text-align: center; color: #c7c8ca; }
#header h1{ margin-bottom: 35px; font-size: 60px; text-transform: uppercase; letter-spacing: 2px; }
#header h2{ padding-bottom: 35px; font-size: 24px; font-weight: normal; font-family: 'DM Sans', sans-serif; position: relative; }
#header h2::before{ width: 100px; height: 5px; background: #f7941d; content: ""; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

.black-image{ margin-top: -175px; position: relative; z-index: 99; }
.black-image img{ width: 100%; height: auto; }
.black-image iframe{ width: 100%; height: 500px; }
.footer-image{ position: relative; }
.footer-image img{ width: 100%; height: auto; }
.footer-image:before{ width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; content: ""; background: rgba(0,0,0,0.5); z-index: 1; }
.footer-image-content{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%); text-align: center; z-index: 9; font-size: 30px; color: #c7c8ca; font-family: 'Fjalla One', sans-serif; }
.footer-image-content a{ color: #f7941d; text-decoration: none; }
.footer-image-content span{ color: #f7941d; }

/*Team FCC*/
.team-block .team-image{ margin-bottom: 15px; }
.team-block h3{ text-transform: uppercase; margin-bottom: 0px; }

.orange-tag-line{ padding-bottom: 20px; font-family: 'Fjalla One', sans-serif; letter-spacing: 1px; text-transform: uppercase; color: #f7941d; }

.full-width{ position: relative; }
.full-left-box{ max-width: 550px; display: inline-block; text-align: left; }
.full-right-box{ max-width: 600px; padding-right: 100px; display: inline-block; text-align: left; }
.img-full > img{ width: 100%; height: auto; }

.title-design{ text-align: center; padding-bottom: 50px; }
.title-design h3{ margin: 0px; padding-bottom: 20px; text-transform: uppercase; color: #d0cfcd; position: relative; }
.title-design h3::before{ width: 100px; position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); height: 5px; background: #f7941d; content: ""; }

.button-orange a, .button-orange button{ display: inline-block; padding: 6px 15px; color: #f7941d; border: #f7941d solid 1px; }

.button-next a{ display: inline-block; padding: 6px 15px; color: #939598; border-bottom: #f7941d solid 3px; font-weight: bold; font-family: 'Fjalla One', sans-serif; font-size: 20px;}

.number-digit{ padding-bottom: 15px; }
.number-digit span{ width: 40px; height: 40px; border: #f7941d solid 1px; display: inline-block; color: #f7941d; font-weight: bold; line-height: 40px; border-radius: 100%; }

#footer{ padding: 25px 0 10px; background: #322f31; }
#footer p{ color: #939598; }
#footer .footer-right{ text-align: right; }
#footer .footer-right span{ padding: 0 5px; color: #f7941d; text-transform: uppercase; font-size: 14px; }
#footer .footer-right span a{ color: #939598; }

.button-orange.position{ width: 100%; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); text-align: center; }
.study-tag{ text-align: center; }
.study-tag span{ margin: auto; padding: 8px 25px; font-size: 14px; letter-spacing: 2px; display: inline-block; background: #f7941d; color: #ffffff; font-family: 'Fjalla One', sans-serif; font-weight: bold; }

.set-bg-image{ background-size: cover !important; }

.go-to-top{ width: 40px; position: fixed; right: 20px; bottom: 30px; z-index: 999; color: #f7941d; font-size: 36px; text-align: center; cursor: pointer; display: none; }

.just-underline{ width: 100%; padding: 35px 0px 0px; display: inline-block; text-align: center; }
.just-underline:before{ width: 100px; height: 5px; margin-left: -30px; background: #f7941d; content: ""; display: inline-block; }

.quotes{ width: 100%; display: inline-block; margin-top: 35px; margin-bottom: 50px; padding: 5px 20px; border-left: #f7941d solid 5px; border-right: #f7941d solid 5px; }
.quotes p{ margin: 0 0 5px 0px; text-transform: uppercase; font-family: 'Fjalla One', sans-serif; color: #333333; font-weight: bold; }

.quotes-3 p{ margin-top: 15px; text-transform: uppercase; font-family: 'Fjalla One', sans-serif; font-weight: bold; }
.quotes-3 > div:nth-child(2){ padding-left: 25px; padding-right: 25px; }
.quotes-3 > div:nth-child(2):before,.quotes-3 > div:nth-child(2):after{ width: 3px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); left: -1.5px; background: #f7941d; content: ""; display: inline-block; }
.quotes-3 > div:nth-child(2)::after{ left: auto; right: -1.5px; }
/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/

@media (min-width: 991px) {
}

@media (min-width: 992px) {
}

@media (max-width: 991px) {
}

@media (max-width: 768px) {
}

@media (max-width: 767px) {
}

@media (max-width: 574px) {
}

@media (min-width: 1025px) {
  body{ padding-top: 65px; }
  #top{ width: 100%; position: fixed; top: 0px; left: 0px; z-index: 999; }
  h1{ font-size: 48px; }
  .width-70{ max-width: 70%; margin: auto; }
  .width-80{ max-width: 80%; margin: auto; }

  .full-left-box, .full-right-box{ padding-top: 100px; padding-bottom: 100px; padding-right: 100px; }
  .orange-dot-line:before{ width: 110px; height: 3px; position: absolute; top: 25%; left: calc(0% - 20%); background: url(../img/orange-dot-line.png) 0 0 no-repeat; content: ""; }
  .orange-dot-line:after{ width: 110px; height: 3px; position: absolute; top: 25%; right: calc(0% - 15%); background: url(../img/orange-dot-line.png) 0 0 no-repeat; content: ""; }

  .extra-design-small-line:before{ width: 5px; height: 50px; position: absolute; top: -20px; left: 47.3%; background: #f7941d; content: ""; }
}
  
@media (max-width: 767px) {

  .m-margin-auto{ margin: auto; }

  .orange-design-line-center:before{ display: none; }
  .orange-design-line-center-left:after{ display: none; }
  .orange-design-line-center2:before{ display: none; }

  .padding-top-50{ padding-top: 25px; }
  .padding-bottom-50{ padding-bottom: 25px; }
  .padding-top-100{ padding-top: 50px; }
  .padding-bottom-100{ padding-bottom: 50px; }
  .padding-top-bottom-50{ padding-top: 25px; padding-bottom: 25px; }
  .padding-top-bottom-75{ padding-top: 25px; padding-bottom: 25px; }
  .padding-top-bottom-100{ padding-top: 25px; padding-bottom: 25px; }

  .bg-dark-gray{ padding-top: 25px; padding-bottom: 25px; }
  .img-full{ padding: 0px; min-height: 300px; background-size: auto 130% !important; }

  .header-bg h1{ font-size: 60px; line-height: 60px; }
  .header-bg h2{ font-size: 36px; }
  .h1, h1{ font-size: 2rem; }
  .h2, h2{ font-size: 1.5rem; }
  .landing-logo{ width: 275px; }


  nav.navbar{ padding-left: 0px; padding-right: 0px; }
  .navbar-light .navbar-brand{ width: 220px; }
  .navbar-light .navbar-brand img{ width: 100%; }
  #header h1{ font-size: 28px; }
  #header h2{ font-size: 18px; }
  .dark-before .col-xs-12{ margin-bottom: 25px; }

  .team-block{ margin-bottom: 35px; text-align: center; }

  .footer-image-content{ font-size: 18px; }
  #footer p{ font-size: 14px; text-align: center; }
  #footer .footer-right{ text-align: center; }
  #footer .footer-right span{ width: 100%; display: inline-block; font-size: 14px; }
}

@media (max-width: 1024px) {

  .navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.90)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  }

  .orange-design-line-center:before{ display: none; }
  .orange-design-line-center-left:after{ display: none; }
  .orange-design-line-center2:before{ display: none; }

  .orange-design-line-center3:before{ display: none; }
  .orange-design-line-center4:before{ display: none; }
  .orange-design-line-center4:after{ display: none; }

  .padding-top-50{ padding-top: 25px; }
  .padding-bottom-50{ padding-bottom: 25px; }
  .padding-top-100{ padding-top: 50px; }
  .padding-bottom-100{ padding-bottom: 50px; }
  .padding-top-bottom-50{ padding-top: 25px; padding-bottom: 25px; }
  .padding-top-bottom-75{ padding-top: 25px; padding-bottom: 25px; }
  .padding-top-bottom-100{ padding-top: 25px; padding-bottom: 25px; }

  /* .bg-dark-gray{ padding-top: 25px; padding-bottom: 25px; } */

  .full-left-box, .full-right-box{ padding-top: 50px; padding-bottom: 50px; padding-right: 0px; }
  .navbar-light .navbar-nav .active .nav-link:before{ display: none; }
  .navbar-light .navbar-nav .nav-link:hover:before{ display: none; }
  .header-content {
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }
  .dark-before{ padding-top: 50px; }
  .black-image{ margin: 0px; }
  .black-image iframe{ width: 100%; height: 300px; }

  .just-underline:before{ width: 50px; margin: 0px; }
}

@media only screen and (min-width: 768px) and (max-width: 1023px){
#footer .footer-right span{ width: 100%; display: inline-block; }
}

@media only screen and (min-width: 1024px) and (max-width: 1060px){
nav.navbar{ padding-left: 0px; padding-right: 0px; }
.navbar-light .navbar-brand{ width: 275px; }
.navbar-light .navbar-brand img{ width: 100%; }
.navbar-light .navbar-nav .nav-link{ padding-left: 10px; padding-right: 10px; }
}

@media (max-width: 509px) {
.footer-image-content{ font-size: 16px; }
.black-image iframe{ width: 100%; height: 150px; }
}

@media (max-width: 1023px) {
.navbar-light .navbar-nav .nav-link{ text-align: center; }
}