@charset "UTF-8";
/* custom.css by TSU Webteam */
/* Start: change main style.css */
 @media all and (min-width:75rem){
	 .hero {
		 padding-bottom: 0px;
	}
}
 h2 {
	/* chaged border color from #3d3935 by HS */
	 border-bottom: solid 1px #eee !important;
}
 .row-full{
	 width: 100vw !important;
	 position: relative;
	 margin-left: -50vw !important;
	 left: 50% 
}
/* Carousel Box Button*/
 .carousel-feature .item .inner-wrap .content a.readmore {
	 width: 60% ;
}
/* Carousel Box Button*/
/* End: change main style.css */
/* Start: Add a custom style */
 .tsu-maroon {
	/* added by MT on 10/2018 */
	 color: #75263b;
}
 .tsu-gray {
	/* added by MT on 10/2018 */
	 color: #606060;
}
/* Accordion*/
 a.accordion-toggle{
	 font-size:inherit;
	 color: #75263b;
	 background-color:#f5f5f5;
	 text-transform:none;
}
 a.accordion-toggle .open{
	 color:#606060;
}
 a.accordion-toggle:visited{
	 color:#606060;
}
 a.accordion-toggle:active,a.accordion-toggle:hover{
	 color:#606060;
}
 .accordion-toggle span.toggle-icon{
	 color:#75263b;
}
 .accordion-content{
	 display:none;
	 padding:20px;
	 overflow:auto;
	 transition:none;
	 border-right:solid 1px #ddd;
	 border-left:solid 1px #ddd;
	 border-bottom:solid 1px #ddd;
}
/* button */
 .btn-primary {
	 color: #fff;
	 background-color: #75263b;
	 border-color: #75263b;
}
 .btn-maroon{
	/* Added by ZA */
	 background-color: #75263b;
	 border:0px solid transparent;
	 padding: 10px 20px;
	 color: #fff;
}
 .btn-maroon:hover{
	/* Added by ZA */
	 background-color: gray;
	 color: #ffffff;
}
 .btn-gray{
	/* Added by ZA */
	 background-color: #606060;
	 border:0px solid transparent;
	 padding: 10px 20px;
	 color: #fff;
}
 .btn-gray:hover{
	/* Added by ZA */
	 background-color: #75263b;
	 color: #ffffff;
}
 .circle {
	/* Added by ZA */
	 width: 80px;
	 height: 80px;
	 background-color: #75263b;
	 border-radius: 100%;
	 display: inline-block;
	 font-size: 200%;
	 color: #fff;
	 vertical-align: middle;
}
 a.btn-maroon, a:visited.btn-maroon , a.btn-gray, a:visited.btn-gray{
	 color: #ffffff;
	 text-decoration: none;
}
 .btn-maroon a, .btn-maroon a:hover, .btn-maroon a:visited{
	 color: #ffffff;
	 text-decoration: none;
}
 .btn-gray a, .btn-gray a:hover, .btn-gray a:visited{
	 color: #ffffff;
	 text-decoration: none;
}
/* Icon box*/
 .icon-buttons a {
	/* chaged padding from 10px by HS */
	 padding: 25px 10px;
	 width: 100%;
}
 .icon-buttons a .details {
	 font-size: .95rem;
	 line-height: 1.2rem;
}
 .icon-buttons a {
	 padding: 40px 10px;
}
 .icon-buttons a {
	 border: solid 1px #c6c6c6;
	 background-color: #f8f8f8;
}
 .inactive-link-box {
	 pointer-events: none;
	 cursor: default;
	 border: solid 1px #f8f8f8 !important;
	 background-color: #f8f8f8;
	 color: #75263b;
}
/* box with image*/
 .content-box, .content-box-v2 {
	 margin-top: 20px;
	 margin-bottom: 10px;
}
 .box-img {
	 padding: 0;
	 position: relative;
}
 .bg-light {
	 background: #f8f8f8;
}
 .box-img .box-body {
	 padding: 15px;
}
 .no-side-spacing {
	 padding-left: 0 !important;
	 padding-right: 0 !important;
	 margin-left: 0 !important;
	 margin-right: 0 !important;
}
 .responsive-image {
	 width: 100%;
	 height: auto;
}
 .no-gutter {
	 margin-right: 0 !important;
	 margin-left: 0 !important;
}
 .no-gutter>[class^='col-'], .no-gutter>[class*='col-'] {
	 padding-right: 0 !important;
	 padding-left: 0 !important;
}
 .bg-transparent-light {
	 color: #3d3d3d;
}
 .bg-parallax {
	 color: #fff;
	 background-size: cover;
	 background-attachment: fixed;
	 background-repeat: no-repeat;
}
 .site-content {
	 padding: 20px 0 40px 0;
}
/* ICON COLOR*/
 *.icon-maroon {
	 color: #75263b;
}
 *.icon-gray {
	 color: #60060;
}
/* A TAG UNDERLINE */
 li a, li.a:visited {
	 text-decoration: underline;
}
 .top-nav-wrap ul.top-nav li a {
	/* LEAVE TOP NAVIGATION LINK WO UNDERLINE */
	 text-decoration: none;
}
 .nav-tabs .nav-link {
	/* LEAVE TOP NAVIGATION LINK WO UNDERLINE */
	 text-decoration: none;
}
 .search-toggle:hover {
	/* LEAVE color to White */
	 color: #fff;
}
 i:hover, a.phlink:hover{
	 color: #606060;
}
 .cardEffect:hover{
	/* Adding box shadaw with transition*/
	 box-shadow: 3px 5px rgba(92, 90, 9, .3);
	 transition: box-shadow 0.4s ease-in;
}
/* TSU SOCIAL with Maroon*/
 a.social {
	 position: relative;
	 display: inline-block;
	 color: #75263b;
	 width: 40px;
	 height: 40px;
	 border: 2px #75263b solid;
	 border-radius: 100%;
}
 a.social.facebook:before{
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin-left: auto;
	 margin-right: auto;
	 top: 0;
	 font-family: "Font Awesome 5 Brands";
	 content: "\f39e";
	 line-height: 35px;
	 font-size: 26px;
	 text-align: center;
	 color: #75263b;
	 transition: all .2s ease-in-out;
}
 a.social.twitter:before {
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin-left: auto;
	 margin-right: auto;
	 top: 0;
	 font-family: "Font Awesome 5 Brands";
	 content: "\f099";
	 line-height: 35px;
	 font-size: 26px;
	 text-align: center;
	 color: #75263b;
	 transition: all .2s ease-in-out;
}
 a.social.instagram:before {
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin-left: auto;
	 margin-right: auto;
	 top: 0;
	 font-family: "Font Awesome 5 Brands";
	 content: "\f16d";
	 line-height: 35px;
	 font-size: 26px;
	 text-align: center;
	 color: #75263b;
	 transition: all .2s ease-in-out;
}
 a.social.linkedin:before {
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin-left: auto;
	 margin-right: auto;
	 top: 0;
	 font-family: "Font Awesome 5 Brands";
	 content: "\f0e1";
	 line-height: 35px;
	 font-size: 26px;
	 text-align: center;
	 color: #75263b;
	 transition: all .2s ease-in-out;
}
 a.social.youtube:before {
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin-left: auto;
	 margin-right: auto;
	 top: 0;
	 font-family: "Font Awesome 5 Brands";
	 content: "\f167";
	 line-height: 35px;
	 font-size: 26px;
	 text-align: center;
	 color: #75263b;
	 transition: all .2s ease-in-out;
}
 a.social.pinterest:before {
	 position: absolute;
	 left: 0;
	 right: 0;
	 margin-left: auto;
	 margin-right: auto;
	 top: 0;
	 font-family: "Font Awesome 5 Brands";
	 content: "\f0d2";
	 line-height: 35px;
	 font-size: 26px;
	 text-align: center;
	 color: #75263b;
	 transition: all .2s ease-in-out;
}
/* Add YouTube with White for the bottom of Home apge*/
 footer .bottomrow .right a.social.youtube:before{
	 position:absolute;
	 left:0;
	 right:0;
	 margin-left:auto;
	 margin-right:auto;
	 top:0;
	 font-family:"Font Awesome 5 Brands";
	 content:"\f167";
	 line-height:35px;
	 font-size:26px;
	 text-align:center;
	 color:#fff;
	 transition:all .2s ease-in-out 
}
 footer .bottomrow .right a.social.youtube:hover:before{
	 color:#cfcfcf 
}
/**/
 caption {
	 position: absolute;
	 left: -999em;
}
/* top margin from 5px to 1px*/
 .nav-tabs .nav-item {
	 margin-right: 0px;
}
/* Add card box font color and weight*/
 .card-title {
	 color: #75263b;
	 font-weight: 600;
}
 .card-body a:visited {
	 color: #606060;
	 text-decoration: none;
}
/* Page Title and Breadcrumbs*/
 .pagetitle h1 {
	 margin-top: 1.0rem;
}
 .breadcrumbs {
	 margin: .2rem 0 .625rem 0;
}
/* Full Width Row */
 .bg-maroon {
	 background-color: #75263b;
	 color: #ffffff !important;
}
 .bg-light {
	 background-color: #f8f8f8;
}
 .bg-dark {
	 background: #3d3d3d;
	 color: #c6c6c6;
}
 .full-row-text {
	 padding: 40px 0px 40px;
	 text-align: center;
}
/* ========= Image hover effect ========= */
 .hovereffect {
	 width: 100%;
	 height: 100%;
	 float: left;
	 overflow: hidden;
	 position: relative;
	 text-align: center;
	 cursor: default;
	 background: #610710;
}
 .hovereffect .overlay {
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 overflow: hidden;
	 top: 0;
	 left: 0;
	 padding: 50px 20px;
}
 .hovereffect img {
	 display: block;
	 position: relative;
	 max-width: none;
	 width: calc(100% + 20px);
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s, transform 0.35s;
	 -webkit-transform: translate3d(-10px,0,0);
	 transform: translate3d(-10px,0,0);
	 -webkit-backface-visibility: hidden;
	 backface-visibility: hidden;
}
 .hovereffect:hover img {
	 opacity: 0.4;
	 filter: alpha(opacity=40);
	 -webkit-transform: translate3d(0,0,0);
	 transform: translate3d(0,0,0);
}
 .hovereffect h2 {
	 text-transform: uppercase;
	 color: #fff;
	 text-align: center;
	 position: relative;
	 font-size: 17px;
	 overflow: hidden;
	 padding: 0.5em 0;
	 background-color: transparent;
}
 .hovereffect h2:after {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 2px;
	 background: #fff;
	 content: '';
	 -webkit-transition: -webkit-transform 0.35s;
	 transition: transform 0.35s;
	 -webkit-transform: translate3d(-100%,0,0);
	 transform: translate3d(-100%,0,0);
}
 .hovereffect:hover h2:after {
	 -webkit-transform: translate3d(0,0,0);
	 transform: translate3d(0,0,0);
}
 .hovereffect a, .hovereffect p {
	 color: #FFF;
	 opacity: 0;
	 filter: alpha(opacity=0);
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s, transform 0.35s;
	 -webkit-transform: translate3d(100%,0,0);
	 transform: translate3d(100%,0,0);
}
 .hovereffect:hover a, .hovereffect:hover p {
	 opacity: 1;
	 filter: alpha(opacity=100);
	 -webkit-transform: translate3d(0,0,0);
	 transform: translate3d(0,0,0);
}
/* ========= Image Hover Effect ========= */
/* ===== YouTube Video Embed ==== */
 .iframe-container {
	 position: relative;
	 width: 100%;
	 padding-bottom: 56.25%;
	 height: 0;
}
 .iframe-container iframe {
	 position: absolute;
	 top:0;
	 left: 0;
	 width: 100%;
	 height: 100%;
}
/* Start: slider title without background color and with full width */
 .hero-carousel .inner-wrap .inner-no-background{
	 z-index:2;
	 padding:0;
	 position:relative;
	 width:100%;
	 color:#fff;
	 text-align:center;
	 font-size:14px font-family: 'Bree Serif', serif;
}
 @media (min-width:48rem){
	 .hero-carousel .inner-wrap .inner-no-background{
		 padding:10px;
		 position:absolute;
		 top:calc(40% - 108px);
		 width:450px;
		 padding:0 75px;
		 font-size:20px;
		 right:0;
		 left:0;
		 margin:0 auto 
	}
}
 @media (min-width:62rem){
	 .hero-carousel .inner-wrap .inner-no-background{
		 width:500px;
		 top:calc(40% - 100px);
		 font-size:30px 
	}
}
 @media (min-width:75rem){
	 .hero-carousel .inner-wrap .inner-no-background{
		 width:90% 
	}
}
 .hero-carousel .inner-wrap .inner .inner-no-background{
	 color:#fff;
	 font-size:48px;
	 font-family: Bree serif;
	 padding:20px 10px 10px 10px;
	 background: 0,0;
	 margin-bottom:0;
	 font-weight:700 
}
 @media (min-width:48rem){
	 .hero-carousel .inner-wrap .inner-no-background .title{
		 background:0,0;
		 padding:15px;
		 font-size:26px;
		 margin-bottom:10px ;
	}
}
 @media (min-width:62rem){
	 .hero-carousel .inner-wrap .inner-no-background .title{
		 font-size:38px ;
	}
}
 @media (min-width:75rem){
	 .hero-carousel .inner-wrap .inner-no-background .title{
		 font-size:250%;
	}
}
 .hero-carousel .inner-wrap .inner-no-background .subtext{
	 color:#fff;
	 font-size:170%;
	 padding:10px 10px 25px 10px;
	 background: 0,0;
	 line-height:16px 
}
 @media (min-width:48rem){
	 .hero-carousel .inner-wrap .inner-no-background .subtext{
		 background: 0,0;
		 font-size:18px;
		 line-height:20px;
		 padding:15px;
		 margin-bottom:0 
	}
}
 @media (min-width:62rem){
	 .hero-carousel .inner-wrap .inner-no-background .subtext{
		 font-size:170%;
		 line-height:24px 
	}
}
 @media (max-width:48rem){
	 .hero-carousel .inner-wrap .inner-no-background p{
		 margin-bottom:0 
	}
}
 .hero-carousel .inner-wrap .inner-no-background .slide-button.cta{
	 font-size:12px 
}
 @media (min-width:62rem){
	 .hero-carousel .inner-wrap .inner-no-background .slide-button.cta{
		 font-size:18px 
	}
}
 @media (min-width:75rem){
	 .hero-carousel .inner-wrap .inner-no-background .slide-button.cta{
		 font-size:20px 
	}
}
 .hero-carousel .inner-wrap .inner-no-background .bottom-line{
	 display:none 
}
 @media (min-width:48rem){
	 .hero-carousel .inner-wrap .inner-no-background .bottom-line{
		 margin:20px 5px 0 0;
		 height:10px;
		 width:200px;
		 display:inline 
	}
}
/* End: slider title without background color and with full width */
/* Start: Counter */
 .counter {
	 background-color: ;
	 text-align: center;
}
 .counter-title {
	 margin-top: 70px;
	 margin-bottom: 70px;
}
 .counter-count {
	 font-size: 36px;
	 background-color: #75263b;
	 border-radius: 50%;
	 position: relative;
	 color: #ffffff;
	 text-align: center;
	 line-height: 160px;
	 width: 160px;
	 height: 160px;
	 -webkit-border-radius: 50%;
	 -moz-border-radius: 50%;
	 -ms-border-radius: 50%;
	 -o-border-radius: 50%;
	 display: inline-block;
}
 .counter-title-p {
	 font-size: 24px;
	 color: #000000;
	 line-height: 34px;
}
/* End: Counter */
/* Animate Carousel Title */
 .atext {
	 font-weight: 700;
	 letter-spacing: -3px;
	 margin-bottom: 20px;
	 position: relative;
	 -webkit-animation animation: text 3s 1;
	 -moz-animation: animation: text 3s 1;
	 -o-animation: animation: text 3s 1;
	 animation: text 3s 1;
}
 @keyframes text {
	 0% {
		 transform: translate(250px, 0);
		 opacity: 0;
	}
	 20%{
		 opacity: .4;
	}
	 40%{
		 opacity: .6;
	}
	 60%{
		 opacity: .8;
	}
	 85% {
		 opacity: 1;
	}
}
/*End of title animation */
/* Image */
 .img-responsive {
	 display: block;
	 max-width: 100%;
	 height: auto;
}
/* Start - black background coursel*/
 .hero-carousel .inner-wrap .inner-onebox{
	 z-index:2;
	 position:relative;
	 width:100%;
	 color:#fff;
	 text-align:center;
	 font-size:14px;
	 background: rgba(0,0,0,0.55);
	 padding: 18px 22px 20px 22px;
	 margin: 0;
	 display: inline-block;
	 border-radius: 4px;
	 -webkit-transition: all ease-in-out 0.2s;
	 transition: all ease-in-out 0.2s;
}
 @media (min-width:48rem){
	 .hero-carousel .inner-wrap .inner-onebox{
		 padding:10px;
		 position:absolute;
		 top:calc(50% - 108px);
		 width:450px;
		 padding:0 75px;
		 font-size:20px;
		 right:0;
		 left:0;
		 margin:0 auto 
	}
}
 @media (min-width:62rem){
	 .hero-carousel .inner-wrap .inner-onebox{
		 width:500px;
		 top:calc(50% - 100px);
		 font-size:30px 
	}
}
 @media (min-width:75rem){
	 .hero-carousel .inner-wrap .inner-onebox{
		 width: 50% 
	}
}
 .hero-carousel .inner-wrap .inner-onebox .title{
	 color:#fff;
	 font-size:20px;
	 padding:20px 10px 10px 10px;
	 margin-bottom:0;
	 font-weight:500 
}
 @media (min-width:48rem){
	 .hero-carousel .inner-wrap .inner-onebox .title{
		 padding:15px;
		 font-size:26px;
		 margin-bottom:10px 
	}
}
 @media (min-width:62rem){
	 .hero-carousel .inner-wrap .inner-onebox .title{
		 font-size:28px 
	}
}
 @media (min-width:75rem){
	 .hero-carousel .inner-wrap .inner-onebox .title{
		 font-size:32px 
	}
}
 .hero-carousel .inner-wrap .inner-onebox .subtext{
	 color:#fff;
	 font-size:16px;
	 padding:10px 10px 25px 10px;
	 line-height:16px 
}
 @media (min-width:48rem){
	 .hero-carousel .inner-wrap .inner-onebox .subtext{
		 font-size:18px;
		 line-height:20px;
		 padding:15px;
		 margin-bottom:0 
	}
}
 @media (min-width:62rem){
	 .hero-carousel .inner-wrap .inner-onebox .subtext{
		 font-size:22px;
		 line-height:24px 
	}
}
 @media (max-width:48rem){
	 .hero-carousel .inner-wrap .inner-onebox p{
		 margin-bottom:0 
	}
}
 .hero-carousel .inner-wrap .inner-onebox .slide-button.cta{
	 font-size:12px 
}
 @media (min-width:62rem){
	 .hero-carousel .inner-wrap .inner-onebox .slide-button.cta{
		 font-size:14px 
	}
}
 @media (min-width:75rem){
	 .hero-carousel .inner-wrap .inner-onebox .slide-button.cta{
		 font-size:16px 
	}
}
 .hero-carousel .inner-wrap .inner-onebox .bottom-line{
	 display:none 
}
 @media (min-width:48rem){
	 .hero-carousel .inner-wrap .inner-onebox .bottom-line{
		 margin:20px 5px 0 0;
		 height:10px;
		 width:200px;
		 display:inline 
	}
}
/* END Black-Background Coursel */
 .office-imgs:hover {
	 webkit-filter: grayscale(100%);
	 -moz-filter: grayscale(100%);
	 -ms-filter: grayscale(100%);
	 filter: grayscale(100%);
	 filter: gray;
	/* IE 6-9 */
}
 .fade-in {
	 animation: fadeIn ease 10s;
	 -webkit-animation: fadeIn ease 10s;
	 -moz-animation: fadeIn ease 10s;
	 -o-animation: fadeIn ease 10s;
	 -ms-animation: fadeIn ease 10s;
}
 @keyframes fadeIn {
	 0% {
		 opacity:0;
	}
	 50% {
		 opacity:1;
	}
}
 @-moz-keyframes fadeIn {
	 0% {
		 opacity:0;
	}
	 50% {
		 opacity:1;
	}
}
 @-webkit-keyframes fadeIn {
	 0% {
		 opacity:0;
	}
	 50% {
		 opacity:1;
	}
}
 @-o-keyframes fadeIn {
	 0% {
		 opacity:0;
	}
	 50% {
		 opacity:1;
	}
}
 @-ms-keyframes fadeIn {
	 0% {
		 opacity:0;
	}
	 50% {
		 opacity:1;
	}
	/* disable pointer when hover*/
	 .inactive-link {
		 pointer-events: none;
		 cursor: default;
	}