  .text-grey{
	 color:#636467;
}
 .text-black{
	 color:#000 !important;
}
 .text-orange{
	 color:#f15a22;
}
 .text-white{
	 color:#fff;
}
 .blue-bg {
	 background-color: #0c2340;
}
 .grey-bg {
	 background-color: #eee;
}
 .dk-grey-bg {
	 background-color: #8b93a4;
}
 #global-header, #global-footer {
	 font-family: "ff-meta-web-pro", sans-serif;
}
 p, ul {
	 font-size: 1rem;
}
 .headline {
	 font-size: 1.35rem;
	 line-height: 1.2;
}
 h2 {
	 font-size: 2rem;
}
hr {
    margin-bottom: 1rem!important;
    margin-top: 1rem!important;
    border-color: #6c757d!important;
        border-top: 0!important;
        border-bottom: 1px solid #6c757d!important;
}
h1, h2, h3, h4, h5, h6, p, span.slide-left, ul {
    color: #000;
}
/* -------------------------------------------------------- Custom application specific styles -------------------------------------------------------- */
 html, body {
	 height: 100%;
	 -webkit-font-smoothing: anialiased;
	 text-rendering: optimizeLegibility;
	 font-family: "ff-meta-web-pro", sans-serif;
}
/* body{*/
/*	 background-color: #0c2340;*/
/*}*/
 .maintext p{
	 font-size:1.35rem;
	 line-height: 1.85;
	 font-family: "freight-text-pro", serif;
}
 #mainStory{
	 background-color: #fff;
}
 p.alttext{
	 font-size:1.1rem;
	 line-height: 1.85;
	 font-family: "freight-sans-pro", sans-serif;
	 color:black;
}
 .gradient {
	 max-height: 25%;
	 background-image: linear-gradient( 0deg, rgba(12, 35, 64, 1), 70%, rgba(0, 0, 0, 0));
	 background-repeat: repeat-x;
	 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F2727', endColorstr='#1a82f7', gradientType='0');
}
 .gradient2 {
	 z-index: 1;
	 height: 30%;
	 background-image: linear-gradient( 0deg, rgba(12, 35, 64, 1), 80%, rgba(0, 0, 0, 0));
	 background-repeat: repeat-x;
	 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=0);
	 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2F2727', endColorstr='#1a82f7', gradientType='0');
}
 .sans-serif {
	 font-family: "ff-meta-web-pro", sans-serif;
}
 .sans-serif .by {
	 letter-spacing: 1.75px;
}
 .sans-serif .smlr {
	 font-size: .9rem;
}
 .modal .sans-serif{
	 color: black !important;
	 font-size: 1.5 rem !important;
}
 .moda p {
	 font-size: 1rem !important;
	 line-height: 1.25 !important;
	 margin-top: 5px;
}
 a#fdbk_tab {
	 background-image: url('http://haldev.utsa.edu/sombrilla/fall2016/img/feedback_trans_tab_black.png');
	 background-size: 100%;
	 cursor: pointer;
	 height: 102px;
	 width: 42px;
	 left: 0;
	 margin-left: -7px;
	 overflow: hidden;
	 position: fixed;
	 text-indent: -100000px;
	 top: 30%;
	 z-index: 100000;
}
 a.fdbk_tab_right {
	 left: auto !important;
	 margin-left: auto !important;
	 margin-right: -7px !important;
	 right: 0 !important;
}
 a {
	 transition: all .2s ease-in;
	 -webkit-transition: all .2s ease-in;
	 -moz-transition: all .2s ease-in;
	 -ms-transition: all .2s ease-in;
	 -o-transition: all .2s ease-in;
}
 i {
	 transition: all .3s ease-in;
	 -webkit-transition: all .2s ease-in;
	 -moz-transition: all .2s ease-in;
	 -ms-transition: all .2s ease-in;
	 -o-transition: all .2s ease-in;
}
 ul {
	 font-size: 1rem;
	 line-height: 1.6em;
}
 a:hover {
	 text-decoration: none;
}
 .orangetext {
	 color: #f15a22;
}
 a:hover, h1, h1 a, h2, h2 a, h3, h3 a {
	 color: #0c2340;
}
 h1, h2, h3, h5 {
	 margin: .3em 0 .3em;
}
 h1{
	 font-size: 4rem;
}
 @media screen and (max-width: 1200px) {
	 h1.long{
		 font-size: 3rem !important;
	}
}
 @media screen and (max-width: 1000px) {
	 h1.long{
		 font-size: 2.75rem !important;
	}
}
 @media screen and (max-width: 900px) {
	 h1.long{
		 font-size: 2.5rem !important;
	}
}
 @media screen and (max-width: 785px) {
	 h1.long{
		 font-size: 2.25rem !important;
	}
}
 @media screen and (max-width: 991px) {
	 h1{
		 font-size: 2.5rem;
	}
}
 .maintext p{
	 font-family: "freight-text-pro", serif;
}
 .headline {
	 font-size: 1.35rem;
	 line-height: 1.2;
}
 .sans, .card-body p.sans {
	 font-family: "freight-sans-pro", sans-serif !important;
}
 .maintext .modal p, .maintext .modal h4 {
	 margin-left: 0%;
	 margin-right: 0%;
}
 .maintext .related p, .maintext .related h4 {
	 margin-left: 0%;
	 margin-right: 0%;
}
 .maintext .small {
	 font-size: .75rem;
}
 .maintext p {
	 font-size: 1.2rem;
}
 .z-999 {
	 z-index:999 !important;
}
 .z-9999 {
	 z-index:9999 !important;
}
 .sans{
	 font-family: sans-serif;
}
 #foot {
	 font-family: sans-serif;
	 color: #f15a22;
	 background-color: #55595c;
	 padding: 1em 0;
}
 #foot h2 {
	 font-size: 2rem;
	 font-weight: 200 !important;
}
 #foot h4 {
	 padding-bottom: 5px;
	 font-weight: 200 !important;
}
 #foot .top a {
	 font-size: 1.25rem;
}
 @media screen and (max-width: 600px) {
	 #foot .top a {
		 font-size: 1.15rem;
	}
}
 #foot .top .table {
	 vertical-align: text-top;
}
 #foot ul {
	 list-style: none;
	 margin-left: 0;
}
 #foot ul li {
	 font-size: .8rem;
	 line-height: 1.1rem;
	 margin-bottom: 10px;
	 padding-bottom: 5px;
	 border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
 #foot ul li:last-child {
	 border-bottom: none;
}
 #foot a, #foot p {
	 color: #fff !important;
}
 #foot a:hover {
	 color: #f15a22 !important;
}
 .card{
	 border-radius:4px !important;
}
 .card img {
	 border:none;
	 border-top-left-radius:4px;
	 border-top-right-radius:4px;
}
 .card img.img-fluid {
	 border:none;
	 border-top-left-radius:0px;
	 border-top-right-radius:0px;
}
 .imagetoappear {
	 visibility: hidden;
}
 .fadeIn {
	 -webkit-animation: animat_show 0.8s;
	 animation: animat_show 0.8s;
	 visibility: visible !important;
}
 @-webkit-keyframes animat_show{
	 0%{
		opacity:0
	}
	 100%{
		opacity:1
	}
}
 .smlcaps{
	 font-variant:small-caps;
}
 p.pull-quote{
	 font-weight:bold;
	 font-size: 1.5rem !important;
	 line-height: 1.75rem !important;
	 letter-spacing:1.5px !important;
	 font-family:sans-serif !important;
}
 @media screen and (min-width:876px) and (max-width:1109px){
	 p.pq150{
		 font-size: 1.75vmin !important;
		 line-height: 2.25vmin !important;
	}
}
 @media screen and (min-width:1109px){
	 p.pq150{
		 font-size: 1.5vmin !important;
		 line-height: 2vmin !important;
	}
}
 @media screen and (min-width:876px){
	 p.pq225{
		 font-size: 2.25vmin !important;
		 line-height: 2.75vmin !important;
	}
	 p.pq200{
		 font-size: 2vmin !important;
		 line-height: 2.5vmin !important;
	}
	 p.pq175{
		 font-size: 1.75vmin !important;
		 line-height: 2.25vmin !important;
	}
}
 a.pull-box{
	 color:#000;
}
 a.pull-box:hover{
	 color:#0088dd;
}
 @media screen and (min-width:1200px){
	 .p-left{
		 padding-left:95px;
	}
	 .p-right{
		 padding-right:95px;
	}
}
 @media screen and (min-width:992px) and (max-width:1199px){
	 .p-left{
		 padding-left:82px;
	}
	 .p-right{
		 padding-right:82px;
	}
}
 p.sans {
	 font-family: "ff-meta-web-pro", sans-serif !important;
}
 .sans.smlr {
	 font-size: .95rem !important;
	 line-height: 1.4 !important;
}
 .rounded-corners{
	 border-radius: 5px;
}
 a.nav-link{
	 color:#fff !important;
}
 a.nav-link:hover{
	 color:#f15a22 !important;
}
 .sans.lgr{
	 font-size: 1.75rem !important;
	 line-height: 1.25 !important;
}
 a.card-link {
	 color:black;
}
 a.card-link:hover {
	 color:#0088dd;
}
 .dk-grey-bg{
	 color:#fff !important;
}
 .dk-grey-bg:hover{
	 color:#0c2340 !important;
	 transition: all .2s ease-in;
	 -webkit-transition: all .2s ease-in;
	 -moz-transition: all .2s ease-in;
	 -ms-transition: all .2s ease-in;
	 -o-transition: all .2s ease-in;
}
 @media screen and (min-width:991px){
	 .mt-10{
		 margin-top:4.75rem;
	}
}
 .mt-6 {
	 margin-top: 1rem !important;
}
 @media screen and (min-width:991px){
	 .mt-6 {
		 margin-top: 2.25rem !important;
	}
}
 .bb2px{
	 border-bottom:2px solid !important;
}
 .bb2px-right{
	 border-right:2px solid !important;
}
 .bb2px-right-share{
	 border-right:2px solid !important;
}
 @media screen and (max-width: 991px) {
	 .bb2px-right{
		 border-right:0px !important;
	}
}
 @media screen and (max-width: 767px) {
	 .bb2px-right-share{
		 border-right:0px !important;
	}
}
 .delayedAnimation {
	 visibility: hidden;
}
 .slideLeft,.slideRight {
	 visibility: hidden;
}
 .texttoappear {
	 visibility: hidden;
}
 .slide-left, div.slide-left, .slide-left p,.slide-left img {
	 width:100%;
	 overflow:hidden;
	 visibility: visible !important;
	 animation: slide-left 2s;
}
 @keyframes slide-left {
	 from {
		 margin-left: 100%;
		 width: 100%;
		 opacity: 0;
	}
	 to {
		 margin-left: 0%;
		 width: 100%;
		 opacity: 1;
		 visibility: visible !important;
	}
}
 div.slide-right, .slide-right p, .slide-right, .slide-right img, .slide-right ul, .slide-right ul li {
	 width:100%;
	 overflow:hidden;
	 font-size: 2rem;
	 animation: 2s slide-right;
	 visibility: visible !important;
}
 @keyframes slide-right {
	 from {
		 margin-left: -100%;
		 width: 100%;
		 opacity: 0;
	}
	 to {
		 margin-left: 0%;
		 width: 100%;
		 opacity: 1;
		 visibility: visible !important;
	}
}
 div.fade-in, .fade-in p, .fade-in, .fade-in img {
	 animation: 2s fade-in;
	 visibility: visible !important;
}
 @keyframes fade-in {
	 from {
		 opacity: 0;
	}
	 to {
		 opacity: 1;
	}
}
.carousel-caption {
 
 
    text-align: center;
  }
  
  .carousel-caption p {
    color: #fff;
  }
  
    @media screen and (min-width:900px){
                      .sans.smlr {
                          font-size: .9rem !important;
                          line-height: 1.4 !important;
                      }
                    }
 