/* General styles */
 html {
	 scroll-behavior: smooth;
}
 #sidr-container .fw-section-bgImage {
	 background-position: top center !important;
	 background-attachment: scroll !important;
}
 .background-blue {
	 background-color: #001f45 !important;
}
 .background-gray {
	 background-color: #edf2f9 !important;
	 color: #041e42;
}
 .background-gray p {
	 color: #041e42;
}
 @media (max-width: 576px) {
	 #container + .fw-section {
		 background-size: auto 300 !important;
		 background-attachment: scroll !important;
		 background-position: center top !important;
	}
}
 .fw-section h1 {
	 color: #ffffff;
	 font-family: "BebasNeue", "Open Sans", sans-serif;
	 font-size: 120px;
	 font-weight: 400;
	 line-height:110px;
	 text-transform: uppercase;
	 text-align: center;
}
 .fw-section h2 {
	 font-family: "Open Sans", sans-serif;
	 font-size: 42px;
	 font-weight: 800;
	 line-height: 54px;
	 text-align: left;
	 margin-top:0;
	 margin-bottom:30px;
}
 .fw-section h3 {
	 font-family: "Open Sans", sans-serif;
	 font-size: 20px;
	 font-weight: 800;
	 line-height: 26px;
	 text-align: center;
}
 .fw-section h4 {
	 font-family: "Open Sans", sans-serif;
	 font-size: 18px;
	 font-weight: 800;
	 line-height: 20px;
}
 .fw-section .hl-large {
	 font-family: "BebasNeue", "Open Sans", sans-serif;
	 font-size: 96px;
	 font-weight: 400;
	 line-height: .9;
	 text-transform: uppercase;
	 text-align: left;
	 margin-top:0;
}
 .fw-section .hl-small {
	 font-family: "BebasNeue", "Open Sans", sans-serif;
	 font-size: 50px;
	 font-weight: 400;
	 line-height: 50px;
	 font-family: "BebasNeue", "Open Sans", sans-serif;
}
 .fw-section .stat-title {
	 font-family: "BebasNeue", "Open Sans", sans-serif;
	 font-size: 70px;
	 font-weight: 600;
	 line-height: 54px 
}
 .fw-section p {
	 font-family: "Open Sans", sans-serif;
	 font-size: 20px;
	 font-weight: 400;
	 line-height: 32px;
}
 .fw-section .psmall {
	 font-family: "Open Sans", sans-serif;
	 font-size: 16px !important;
	 font-weight: 400;
	 line-height: 26px;
}
 .fw-section .btn-primary, .fw-section a.btn-primary {
	 background-color: #041e42;
	 color: #fff!important;
	 font-weight: bold;
	 text-transform: uppercase;
	 text-align: center;
	 border: none;
	 letter-spacing: 1px;
	 padding: 15px;
	 font-size: 16px;
	 margin: 12px auto 0;
	 border-radius: 6px !important;
}
 .fw-section .btn-primary:hover, .fw-section a.btn-primary:hover {
	 background-color: #ff8200;
	 color: #041e42!important;
}
 .fw-section .btn-primary-white, .fw-section a.btn-primary-white {
	 background-color: #ffffff;
	 color: #041e42!important;
	 font-weight: bold;
	 text-transform: uppercase;
	 text-align: center;
	 border: none;
	 letter-spacing: 1px;
	 padding: 15px;
	 font-size: 16px;
	 margin: 12px auto 0;
	 border-radius: 6px !important;
	 display: block;
}
 .fw-section .btn-primary-white:hover, .fw-section a.btn-primary-white:hover {
	 color: #041e42 !important;
	 background-color: #ff8200 !important;
	 text-decoration:none !important;
}
 .fw-section .btn-primary-orange, .fw-section a.btn-primary-orange {
	 color: #041e42;
	 background-color: #ff8200 !important;
	 font-weight: bold;
	 text-transform: uppercase;
	 text-align: center;
	 border: none;
	 letter-spacing: 1px;
	 padding: 15px;
	 font-size: 16px;
	 margin: 12px auto 0;
	 border-radius: 6px !important;
}
 .fw-section .btn-primary-orange:hover, .fw-section a.btn-primary-orange:hover {
	 color: #ffffff;
	 background-color: #041e42 !important;
	 text-decoration:none !important;
}
 .nopadding {
	 margin: 0;
	 padding: 0;
}
 .fw-section .background-blue h2 {
	 color: #ffffff;
}
 @media only screen and (max-width: 991px) {
	 .fw-section h1 {
		 font-size: 96px;
		 line-height: 84px;
	}
	 .fw-section h2 {
		 font-size: 32px;
		 line-height: 48px;
	}
	 .fw-section h3 {
		 font-size: 18px;
		 line-height: 24px 
	}
	 .fw-section h4 {
		 font-size: 16px;
		 line-height: 24px 
	}
	 .fw-section .hl-large {
		 font-size: 60px;
	}
	 .fw-section .hl-small {
		 font-size: 45px;
	}
	 .fw-section .stat-title {
		 font-size: 60px;
		 line-height: 44px 
	}
	 .fw-section .btn-primary, .fw-section a.btn-primary, .fw-section .btn-primary-cards, .fw-section a.btn-primary-cards, .fw-section .btn-primary-orange, .fw-section a.btn-primary-orange {
		 margin: 10px 15px;
	}
}
 @media only screen and (max-width: 768px) {
	 #sidr-container .fw-section-bgImage {
		 background-image: none !important;
	}
}
 @media only screen and (max-width: 576px) {
	 .fw-section {
		 padding-top: 20px;
		 padding-bottom: 30px;
	}
	 .fw-section h1 {
		 font-size: 50px;
		 line-height: 44px;
		 margin-bottom: 20px;
	}
	 .fw-section h2 {
		 font-size: 26px;
		 line-height: 32px;
		 margin-bottom:20px;
	}
	 .fw-section h3 {
		 font-size: 16px;
		 line-height: 24px 
	}
	 .fw-section h4 {
		 font-size: 14px;
		 line-height: 22px 
	}
	 .fw-section p {
		 font-family: "Open Sans", sans-serif;
		 font-size: 18px;
		 line-height: 1.7;
	}
	 .fw-section .hl-large {
		 font-size: 50px;
	}
	 .fw-section .hl-small {
		 font-size: 40x;
	}
	 .fw-section .stat-title {
		 font-size: 44px;
		 line-height: 34px 
	}
	 .fw-section .psmall {
		 font-family: "Open Sans", sans-serif;
		 font-size: 14px !important;
		 font-weight: 400;
		 line-height: 22px;
	}
	 .fw-section .btn-primary, .fw-section a.btn-primary {
		 font-size: 16px;
		 margin: 10px 0;
	}
	 .fw-section .btn-primary-orange, .fw-section a.btn-primary-orange, .fw-section .btn-primary-white, .fw-section a.btn-primary-white {
		 font-size: 16px;
	}
	 .fw-section .btn-outline, .fw-section a.btn-outline {
		 font-size: 14px;
	}
	 .fw-section .btn-outline:hover, .fw-section a.btn-outline:hover {
		 color: #041e42;
		 background-color: #ff8200 !important;
		 text-decoration:none;
	}
}
 @media only screen and (max-width: 500px) {
	 .fw-section p {
		 font-size: 16px;
	}
}
 small {
	 font-size: 90%;
}
/* Hero Banner */
 #heroBanner {
	 background-image: url('https://www.utep.edu/student-affairs/admissions/admitted/_Files/images/nm-banner.jpg');
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-attachment: scroll !important;
	 background-position: center !important;
	 height: 90vh;
	 width: 100%;
	 display: -webkit-box;
	 display: -webkit-flex;
	 display: -ms-flexbox;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 margin-top: -80px;
}
 .hb-content {
	 margin-left: auto;
	 margin-right: auto;
	 padding: 300px 15px 0 15px;
}
 #heroBanner h1 {
	 color: #ffffff;
	 font-family: "BebasNeue", "Open Sans", sans-serif;
	 font-size: 220px;
	 font-weight: 600;
	 line-height: 0.9;
	 text-transform: uppercase;
	 text-align: center;
}
 #heroBanner .hb-subheader {
	 text-align: center;
	 margin-top: 40px;
	 margin-bottom: 40px;
}
 #heroBanner span.hb-item {
	 color: #ff8200;
	 font-family: "BebasNeue", "Open Sans", sans-serif;
	 font-size: 75px;
	 font-weight: 400;
	 line-height: 0.5;
	 text-align: center;
	 text-transform: uppercase;
}
 #heroBanner .hb-wrap-intro {
	 text-align: center;
	 margin-top: 20px;
}
 @media screen and (max-width: 1920px) {
	 #heroBanner {
		 background-image: url('https://www.utep.edu/student-affairs/admissions/admitted/_Files/images/nm-banner.jpg');
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-attachment: scroll !important;
		 background-position: center top !important;
		 height: 680px;
		 width: 100%;
		 display: -webkit-box;
		 display: -webkit-flex;
		 display: -ms-flexbox;
		 display: flex;
		 justify-content: center;
		 align-items: center;
		 margin-top: -60px;
	}
	 .hb-content {
		 margin-left: auto;
		 margin-right: auto;
		 padding: 340px 15px 0 15px;
	}
}
 @media only screen and (max-width: 1249px) {
	 #heroBanner h1 {
		 font-size: 200px;
		 line-height: 0.9;
	}
}
 @media only screen and (max-width: 991px) {
	 #heroBanner h1 {
		 font-size: 160px;
		 line-height: 0.9;
	}
	 #heroBanner span.hb-item {
		 font-size: 65px;
	}
}
 @media only screen and (max-width: 768px) {
	 #heroBanner {
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-attachment: scroll !important;
		 background-position: top !important;
		 width: 100%;
		 max-height: 768px;
	}
	 #heroBanner h1 {
		 font-size: 120px;
		 line-height: 0.9;
	}
	 .hb-content {
		 margin-left: auto;
		 margin-right: auto;
		 padding: 260px 15px 0 15px;
	}
	 #heroBanner .hb-wrap-intro {
		 margin-top: 10px;
	}
	 #heroBanner .hb-subheader {
		 margin-top: 20px;
		 margin-bottom: 20px;
	}
}
 @media only screen and (max-width: 576px) {
	 #heroBanner h1 {
		 font-size: 80px;
		 line-height: 0.5;
	}
	 #heroBanner span.hb-item {
		 font-size: 40px;
		 line-height: 0.9;
	}
}
 @media only screen and (max-width: 375px) {
	 #heroBanner h1 {
		 font-size: 70px;
		 line-height: 0.5;
	}
}
/*Blue space sec*/
 #blueSec {
	 height: 240px;
}
 @media screen and (max-width: 1920px) {
	 #blueSec {
		 height: 240px;
	}
}
/*Spirit Strip*/
 #spiritSec {
	 background-image: url('https://www.utep.edu/student-affairs/admissions/admitted/_Files/images/spirit_strip.jpg');
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-attachment: scroll !important;
	 background-position: center !important;
	 height: 330px;
}
 @media only screen and (max-width: 768px) {
	 #spiritSec {
		 background-image: url('https://www.utep.edu/student-affairs/admissions/admitted/_Files/images/spirit_strip_m.jpg');
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-attachment: scroll !important;
		 background-position: center !important;
		 height: 230px;
		 width: 100%;
		 padding-top: 20px;
	}
}
/*Intro Section*/
 #introSec {
	 text-align: center;
}
 #introSec .introGrid {
	 display: flex;
}
 #introSec .ig-item {
	 flex-basis: 100%;
}
 #introSec h2 {
	 margin-top:40px;
	 color: #041e42;
	 font-family: "BebasNeue", "Open Sans", sans-serif;
	 font-size: 90px;
	 font-weight: 600;
	 line-height:0.9;
	 text-transform: uppercase;
	 text-align: center;
}
 #introSec p:first-of-type {
	 margin-bottom: 80px;
	 margin-top: 20px;
}
 #introSec .fw-shadow p {
	 margin-bottom: 30px;
}
 .formWrapper {
	 background-color: #ffffff;
	 border-radius: 15px !important;
	 padding: 30px 15px;
	 min-height: 150px;
	 font-size: 15px;
	 box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
	 text-align: center;
}
 .fw-shadow {
	 background-color: #ffffff;
	 border-radius: 15px !important;
	 box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.20);
	 padding: 30px;
	 text-align: center;
	 min-height: 330px;
	 position: relative;
}
 .fw-number {
	 margin-top: -60px;
}
 .fw-shadow .btn-primary-orange, .fw-shadow a.btn-primary-orange {
	 display: block;
	 margin-top: 30px;
}
 .fw-link .btn-primary-orange {
	 display:block;
	 text-align:center;
	 position: absolute;
	 bottom: 30px;
	 left:30px;
	 right:30px;
}
 .fw-shadow p {
	 font-size: 15px;
	 text-align:center;
}
 span.fw-headline {
	 color: #041e42;
	 font-family: "Open Sans", sans-serif;
	 font-size: 30px;
	 font-weight: 800;
	 line-height: 1.4;
	 text-align: center;
}
 @media only screen and (max-width: 1249px) {
	 #introSec .fw-shadow {
		 min-height: 600px;
	}
	 #introSec iframe {
		 height: 490px;
	}
}
 @media only screen and (max-width: 991px) {
	 #introSec iframe {
		 height: 300px;
	}
	 #introSec .fw-shadow {
		 min-height: 530px;
	}
}
 @media only screen and (max-width: 768px) {
	 #introSec .fw-shadow {
		 margin-bottom: 0;
	}
	 #introSec .fw-shadow p {
		 margin-bottom: 20px;
	}
	 #introSec h2 {
		 margin-top:0;
	}
}
 @media only screen and (max-width: 726px) {
	 #introSec iframe {
		 height: 510px;
	}
	 #introSec .fw-shadow {
		 min-height: 710px;
	}
}
 @media only screen and (max-width: 576px) {
	 #introSec h2 {
		 font-size: 70px;
		 line-height: 0.9;
	}
	 #introSec p:first-of-type {
		 padding-left: 15px;
		 padding-right: 15px;
	}
	 span.fw-headline {
		 font-size: 26px;
		 line-height: 1.4;
	}
	 .fw-shadow {
		 padding: 15px;
	}
	 .fw-shadow p {
		 font-size: 16px;
	}
	 #introSec .fw-shadow {
		 margin-bottom: 30px;
	}
}
/*Regular Section*/
 #regSec, #regSec h2 {
	 text-align: center;
}
 #regSec p:first-of-type {
	 margin-bottom: 40px;
	 margin-top: 20px;
}
 .s-text {
	 color: #041e42;
	 font-family: "Open Sans", sans-serif;
	 font-size: 18px;
	 font-weight: 800;
	 line-height: 0.9;
	 margin-left: 7px;
	 padding-top: 4px;
}
 .s-text:hover {
	 color: #2F6FA7;
	 text-decoration:none;
}
 @media only screen and (max-width: 1249px) {
	 #regSec .fw-shadow {
		 min-height: 420px;
	}
}
 @media only screen and (max-width: 991px) {
	 #regSec .fw-shadow {
		 min-height: 340px;
	}
	 #regSec .fw-first {
		 margin-bottom: 80px;
	}
}
 @media only screen and (max-width: 768px) {
	 #regSec .fw-shadow {
		 min-height: 340px;
	}
	 .sm-wrapper div:nth-child(1) {
		 padding-bottom: 20px;
	}
	 .sm-wrapper div:nth-child(2) {
		 padding-bottom: 20px;
	}
	 #regSec p:first-of-type {
		 margin-bottom: 20px;
	}
}
 @media only screen and (max-width: 576px) {
	 #regSec p:first-of-type {
		 padding-left: 15px;
		 padding-right: 15px;
	}
	 #regSec .col-md-6:nth-child(1) .fw-shadow {
		 min-height: 400px;
	}
	 #regSec .col-md-6:nth-child(2) .fw-shadow {
		 min-height: 440px;
	}
}
/*Calendar Section*/
 #calSec, #calSec h2 {
	 text-align: center;
}
 .dates-wrapper {
	 margin-top: 30px;
}
 .dw-item {
	 background-color: #ffffff;
	 border-radius: 15px !important;
	 padding: 10px;
	 text-align: center;
	 font-size: 24px;
	 font-weight: 800;
	 line-height: 1.2;
	 width: 80px;
	 height: auto;
	 color: #041e42;
	 margin: 15px auto;
}
 .dw-event {
	 font-size: 18px;
	 font-weight: 800;
	 text-align: center;
}
 .dw-link-grid {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 margin-top: 30px;
	 margin-bottom: 15px;
}
 .dw-text, a .dw-text {
	 color: #ff8200;
	 font-weight: 800;
	 font-size: 14px;
	 line-height: 0.7;
	 text-transform: uppercase;
	 text-align: center;
	 text-decoration: none;
}
 .dw-text:hover, a:hover .dw-text {
	 color: #ffffff;
	 text-decoration: none !important;
}
 .dw-arrow {
	 width: 25px;
	 height: 25px;
	 margin-left: 7px;
	 margin-top: 5px;
}
 @media only screen and (max-width: 768px) {
	 #calSec .cl-wrapper {
		 margin-top: 20px;
		 margin-bottom: 0;
	}
}
/*Celebrate Section*/
 #celSec, #celSec h2 {
	 text-align: left;
}
 #celSec p:first-of-type {
	 font-size: 20px;
	 margin-bottom: 30px;
}
 .cel-grid a.div_a {
	 margin-left: 0;
}
 .cel-grid a.div_a:hover, .cel-text:hover {
	 text-decoration:none;
	 color: #2F6FA7;
}
 .cel-text {
	 color: #041e42;
	 font-weight: 800;
	 text-align:left;
	 font-size: 18px;
}
 #celSec .cel-grid {
	 margin-bottom: 10px;
}
 @media only screen and (max-width: 768px) {
	 #celSec, #celSec h2, #celSec p {
		 text-align: center;
	}
	 #celSec .cel-grid {
		 display: table;
		 margin-left: auto;
		 margin-right: auto;
	}
}
/*Decider Section*/
 #decSec .fw-shadow {
	 height: 800px;
	 background-image: url('https://www.utep.edu/student-affairs/admissions/admitted/_Files/images/utep-campus.jpg');
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-attachment: scroll !important;
	 background-position: center !important;
}
 #decSec .container-narrow {
	 margin-left: auto;
	 margin-right: auto;
	 max-width: 1000px;
	 padding-top: 60px;
}
 #decSec, #decSec h2, #decSec p {
	 text-align: center;
	 color: #ffffff;
}
 #decSec p:first-of-type {
	 margin-bottom: 30px;
}
 #decSec .fw-shadow p {
	 font-size: 20px;
}
 @media only screen and (max-width: 576px) {
	 #decSec .container-narrow {
		 padding-top: 20px;
	}
	 #decSec .fw-shadow {
		 height: 600px;
	}
	 #decSec .fw-shadow p {
		 font-size: 18px;
	}
}
 a.div_a {
	 display: table;
	 margin-left: auto;
	 margin-right: auto;
}
 a.div_a:hover {
	 text-decoration:none;
	 color: #2F6FA7;
}
 .wrapper {
	 display: table-cell;
	 vertical-align: middle;
}
 .celebrate {
	 display: flex;
	 align-items: center;
}
 @media only screen and (max-width: 768px) {
	 .celebrate {
		 flex-direction: column;
	}
	 .celebrate h2 {
		 margin-top: 30px;
	}
	 .col-md-6:nth-child(1) {
		 margin-bottom: 30px;
	}
	 .admitted {
		 margin-bottom: 20px;
		 margin-top: 20px;
	}
}
 #showSec .fw-shadow {
	 min-height: 630px;
	 background-image: url('https://www.utep.edu/student-affairs/admissions/admitted/_Files/images/AdmittedMiner_Showyourspirit_web.jpg');
	 background-size: cover;
	 background-repeat: no-repeat;
	 background-attachment: scroll !important;
	 background-position: center !important;
	 margin-bottom: 80px;
}
 @media only screen and (max-width: 768px) {
	 #showSec .fw-shadow {
		 min-height: 315px;
		 background-image: url('https://www.utep.edu/student-affairs/admissions/admitted/_Files/images/AdmittedMiner_Showyourspirit_web.jpg');
		 background-size: cover;
		 background-repeat: no-repeat;
		 background-attachment: scroll !important;
		 background-position: center !important;
		 margin-left: 15px;
		 margin-right: 15px;
		 margin-bottom: 40px;
	}
}