@charset "UTF-8";
/* CSS Document */


/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
img {
    vertical-align: top;
}

.margin {
	margin: 30px;
}
.margin-lg {
	margin: 50px;
}
.margin-sm {
	margin: 15px;
}
/*margin-top*/
.margin-top {
	margin-top: 30px;
}
.margin-top-lg {
	margin-top: 50px;
}
.margin-top-sm {
	margin-top: 15px;
}
/*margin-bottom*/
.margin-bottom {
	margin-bottom: 30px;
}
.margin-bottom-lg {
	margin-bottom: 50px;
}
.margin-bottom-sm {
	margin-bottom: 15px;
}
/*margin-left*/
.margin-left {
	margin-left: 30px;
}
.margin-left-lg {
	margin-left: 50px;
}
.margin-left-sm {
	margin-left: 15px;
}
/*margin-right*/
.margin-right {
	margin-right: 30px;
}
.margin-right-lg {
	margin-right: 50px;
}
.margin-right-sm {
	margin-right: 15px;
}
.padding {
	padding: 30px;
}
.padding-lg {
	padding: 50px;
}
.padding-sm {
	padding: 15px;
}
/*padding-top*/
.padding-top {
	padding-top: 30px;
}
.padding-top-lg {
	padding-top: 50px;
}
.padding-top-xl {
	padding-top: 100px;
}
.padding-top-sm {
	padding-top: 15px;
}
/*padding-bottom*/
.padding-bottom {
	padding-bottom: 30px;
}
.padding-bottom-lg {
	padding-bottom: 50px;
}
.padding-bottom-xl {
	padding-bottom: 100px;
}
.padding-bottom-sm {
	padding-bottom: 15px;
}
/*padding-left*/
.padding-left {
	padding-left: 30px;
}
.padding-left-lg {
	padding-left: 50px;
}
.padding-left-sm {
	padding-left: 15px;
}
/*padding-right*/
.padding-right {
	padding-right: 30px;
}
.padding-right-lg {
	padding-right: 50px;
}
.padding-right-sm {
	padding-right: 15px;
}
/*no margin*/
.margin-none {
	margin: 0px;
}
.margin-top-none {
	margin-top: 0px;
}
.margin-right-none {
	margin-right: 0px;
}
.margin-bottom-none {
	margin-bottom: 0px;
}
.margin-left-none {
	margin-left: 0px;
}
/*no padding*/
.padding-none {
	padding: 0px;
}
.padding-top-none {
	padding-top: 0px;
}
.padding-right-none {
	padding-right: 0px;
}
.padding-bottom-none {
	padding-bottom: 0px;
}
.padding-left-none {
	padding-left: 0px;
}
.bg-black {
	background-color: #000000;
}
.bg-warm-gray-6 {
	background-color: #A59D95;
}
.bg-warm-gray-4 {
	background-color: #B7B1A9;
}
.bg-warm-gray-2 {
	background-color: #D5D2CA;
}
.bg-flame-orange {
	background-color: #C75B12;
}
.bg-eco-green {
	background-color: #008542;
}
.bg-solar-orange {
	background-color: #E98300;
}
.bg-spark-orange {
	background-color: #FFB612;
}
.bg-seedling-green {
	background-color: #C9DD03;
}
.bg-sapling-green {
	background-color: #69BE28;
}
.bg-sky-blue {
	background-color: #5BC6E8;
}
.bg-stratos-blue {
	background-color: #00A1DE;
}
.bg-space-blue {
	background-color: #0039A6;
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/

body {
font-family: "din-2014",sans-serif;
	color: #1A1A1A;
	font-size: 16px;
}
a {
	color: #008542;
}
a:hover {
	color: #E88200;
}


h1, h2, h2 a{
	color:#e98300;
	clear: both;
    background: -webkit-linear-gradient(#e98300, #c75b12);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    font-size: 38px;
    font-weight: bold;
}
h2{
	font-weight:bold;
	margin: 30px;
}

.text-white {
	color: #ffffff;
}
.text-seedling-green {
	color: #C9DD03;
}
.big-1{font-size:20px; font-weight: bold;font-family: "din-2014",sans-serif;}
.big-2{font-size:30px; font-weight: bold; font-family: "din-2014",sans-serif;}
.big-3{font-size:50px; font-weight: bold;font-family: "din-2014",sans-serif;}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/

/* sharp btns */
.btn.sharp {
	border-radius: 0;
}
/* outline btns */
.btn.outline {
	background: none;
	padding: 12px 22px;
}
.btn-primary.outline {
	border: 2px solid #0099cc;
	color: #0099cc;
}
.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
	color: #33a6cc;
	border-color: #33a6cc;
}
.btn-primary.outline:active, .btn-primary.outline.active {
	border-color: #007299;
	color: #007299;
	box-shadow: none;
}
/* gradient btn */
.btn-primary.gradient {
	background: -moz-linear-gradient(top, #33a6cc 50%, #0099cc 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #33a6cc), color-stop(50%, #0099cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #33a6cc 50%, #0099cc 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #33a6cc 50%, #0099cc 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #33a6cc 50%, #0099cc 50%); /* IE10+ */
	background: linear-gradient(to bottom, #33a6cc 50%, #0099cc 50%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a6cc', endColorstr='#0099cc', GradientType=0 ); /* IE6-9 */
}
.btn-primary.gradient:hover, .btn-primary.gradient:focus, .btn-primary.gradient:active, .btn-primary.gradient.active, .open > .dropdown-toggle.btn-primary {
	background: -moz-linear-gradient(top, #66b2cc 50%, #33a6cc 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #66b2cc), color-stop(50%, #33a6cc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #66b2cc 50%, #33a6cc 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #66b2cc 50%, #33a6cc 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #66b2cc 50%, #33a6cc 50%); /* IE10+ */
	background: linear-gradient(to bottom, #66b2cc 50%, #33a6cc 50%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b2cc', endColorstr='#33a6cc', GradientType=0 ); /* IE6-9 */
}
.btn-primary.gradient:active, .btn-primary.gradient.active {
	background: -moz-linear-gradient(top, #267c99 50%, #007299 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #267c99), color-stop(50%, #007299)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #267c99 50%, #007299 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #267c99 50%, #007299 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #267c99 50%, #007299 50%); /* IE10+ */
	background: linear-gradient(to bottom, #267c99 50%, #007299 50%); /* W3C */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267c99', endColorstr='#007299', GradientType=0 ); /* IE6-9 */
}
/* round btn */
.btn-lg.round {
	border-radius: 60px;
}
/* circle btn */
.btn-circle {
	width: 30px;
	height: 30px;
	text-align: center;
	padding: 6px 0;
	font-size: 12px;
	line-height: 1.428571429;
	border-radius: 15px;
}
.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	font-size: 18px;
	line-height: 1.33;
	border-radius: 25px;
}
.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	font-size: 24px;
	line-height: 1.33;
	border-radius: 35px;
}
/* square btn */
.btn-sq-xs {
	width: 25px !important;
	height: 25px !important;
	padding: 2px;
}
.btn-sq-sm {
	width: 50px !important;
	height: 50px !important;
	font-size: 10px;
}
.btn-sq {
	width: 100px !important;
	height: 100px !important;
	font-size: 10px;
}
.btn-sq-lg {
	width: 150px !important;
	height: 150px !important;
}
blockquote footer, blockquote small, blockquote .small {
	display: block;
	font-size: 80%;
	line-height: 1.42857143;
	color: #444444;
}
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/

/* ## Links */
/* ## Menus */
nav {
	margin-bottom: 2px;
}
nav a:focus, nav a:hover, nav a:active, nav a:visited {
	color: white;
}
nav ul li a {
	line-height: initial;
}
#footer-back {
	margin-top: 0;
}
footer, footer li, footer ul, nav, nav ul, nav li, nav a {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
#footer a:focus, #footer a:hover, #footer a:active, #footer a:visited {
	text-decoration: none;
	color: white;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
.hero-intro-video{
	display: block;
position:relative;
	min-height: auto;
	overflow: hidden;
}    
.hero-intro-video.home{
	min-height: 600px;
    width:100%;
}    

.hero-intro-video.home video{
	background-image: url(/home/files/banner.png);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
}    


.hero-caption{    
	position: absolute;
    bottom: 0;
background-color: rgba(0,0,0,.65);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */    
    color: white;
    width: 100%;
    padding: 4rem 4rem;
	font-size: 16px;
    text-align: center;
}
.hero-caption h1 a{
	font-size: 38px; color: white; margin-bottom: 0; font-weight: bold;
    -webkit-text-fill-color: white;

}
.hero-caption p{
	font-size: 18px; padding: 0; margin: 5px; margin-bottom:25px; 
}
.fullscreen-bg {
    position: relative;
    top: 0;
    left: 0;
    z-index: -100;
    width: 100%;
}

.fullscreen-bg__video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.fullscreen-bg.mobile-hide {display: block;}
.fullscreen-bg.mobile-show {display: none;}
@media only screen and (max-width : 1080px) {
    .hero-intro-video.home {min-height: 376px;}
}
    @media only screen and (max-width : 720px) {
	.hero-caption{position: static;background: none;background-color: rgba(79,73,69,1) !important;}
	.fullscreen-bg.mobile-hide {display: none;}
	.fullscreen-bg.mobile-show {display: block;}
}
@media only screen and (min-width : 1400px) {
    .hero-intro-video.home {min-height:650px;}
}
@media only screen and (min-width : 1600px) {
    .hero-intro-video.home {min-height:700px;}
}
@media only screen and (min-width : 1800px) {
    .hero-intro-video.home {min-height: 800px;}
}
@media only screen and (min-width : 2200px) {
    .hero-intro-video.home {min-height: 1000px; }
}
@media only screen and (min-width : 3000px) {
    .hero-intro-video.home {min-height: 1300px;}
}
@media only screen and (min-width : 4000px) {
    .hero-intro-video.home {min-height: 2300px;}
}
@media only screen and (min-width : 5000px) {
    .hero-intro-video.home {min-height: 2800px;}
}
@media only screen and (min-width : 6000px) {
    .hero-intro-video.home {min-height: 3500px;}
}

.more-button{
    color: white;
    display: block;
    width:9em; 
    text-align: center;
    padding:.5em;
    margin:auto;
background: rgb(0,181,51); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,181,51,1) 1%, rgba(0,148,61,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,181,51,1) 1%,rgba(0,148,61,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,181,51,1) 1%,rgba(0,148,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b533', endColorstr='#00943d',GradientType=0 ); /* IE6-9 */
    clear: both;
}
.more-button:hover{color: white;}
.news-center{
    background-color: #EBF7FF;
    padding-bottom:25px; 
}
.news-item{
    display: block;
    width: 31.3333%;
    margin:auto;
    float: left;
    margin:1%;   
    position: relative;
    overflow: hidden;
}
.news-item-text {
    position: absolute;
    bottom: 0;
    padding: 6%;
    color: white;
    background-color: rgba(0,0,0,.65);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#08ffffff', endColorstr='#000000',GradientType=0 ); /* IE6-9 */   
      transition-property: all;
	transition-duration: 1s;
}

.news-item-text .news-category{text-transform: uppercase;}
.news-item-text h3{padding: 0; margin: 0;}
.news-item-text h3, .news-item-text h3{
        color: white;
    font-size: 18px;
    margin: 5px 0 15px 0;
    font-weight: bold;
    display: block;
}

.news-item .news-item-text p{
    display:block; 
    max-height: 0;  
    overflow: hidden;
    transition-property: all;
	transition-duration: 1s;
}

.news-item .news-item-text::before{
    position: absolute;
    width: 200%;
    height: 200%;
    /* top: 0; */
    content: "";
    background-color: rgba(0,0,0,0);
    transition-property: all;
    transition-duration: 1s;
    bottom: 0;
    right: 0;
    z-index: -9;
}
@media only screen and (min-width : 990px) {
    .news-item:hover .news-item-text h3 a{
        color: #FFB612;
    text-decoration: none;
}
.news-item:hover .news-item-text p{
    display:block;
    max-height: 500px;
    height: 50%;
  transition-property: all;
	transition-duration: 1s;
}
.news-item:hover .news-item-text{
    background-color: rgba(0,0,0,0);
    transition-property: all;
	transition-duration: 1s;
    z-index: 9;
}
.news-item:hover .news-item-text::before{
    background-color: rgba(0,0,0,.65);
    transition-property: all;
    transition-duration: 1s;
}
}
@media only screen and (max-width : 720px) {
    .news-item{width: 90%; margin: auto; float: none; margin-bottom: 25px; }
    .news-item-text h3 a, .news-item-text h3 a:hover{font-size:20px;}
}

.comet-calendar .more-button{margin:20px auto;}

.cal-item{display: block; width: 50%; float: left; margin-bottom: 20px;}
.cal-item:nth-child(2n){padding-right: 20px;}
.cal-item:nth-child(2n+1){padding-left: 20px;}
.cal-item img{width: 50%; float: left; padding-right: 20px;}
.cal-item-text{width: 50%; float: right;}
@media only screen and (max-width : 720px) {
.cal-item{width: 100%; clear: both; margin-bottom: 20px; padding:0 20px;}
}
@media only screen and (max-width : 1080px) {
.cal-item h3{font-size:18px; margin-top:0; } 
}


section.feature {
    background: rgb(0,0,0,0.5); /* Old browsers */
    background-image: url(/websvcs/templates/gateway/home/assets/img/campus-mall.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    background-attachment: fixed;
    margin-top: 50px;
}
section.feature .inner{
    background: rgba(0,0,0,0.45);
    text-align: center;
    color: white;
    padding: 7%;
}
section.feature .inner h2{margin-bottom: 0;}
section.feature .inner h2 a{ color: white; -webkit-text-fill-color: white; margin: 0;}
section.feature .inner p{ color: white; font-size:27px; margin-bottom: 25px; margin-top: 5px; }

@media only screen and (max-width : 1028px) {
    section.feature {background-attachment: scroll;}
}
section.links{
    padding-bottom:50px;
}
section.links .quicklinks{
    width: 50%;
    text-align: center;
    margin:20px auto;
    padding: 0;
    position: relative;
    overflow: hidden;
}
section.links ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -1px;
    padding: 0;
}
section.links li {
    list-style: none; 
    display: inline-block; 
    border-left: 1px solid #B7B1A9;
    flex-grow: 1;
    flex-basis: auto;
    margin:2px 0;
    padding: 0 3px;
    text-align: center;
}
section.links li:nth-child(6), section.links li:nth-child(1) {
    border: none;
}

    
#social-wrapper{ text-align: center; width:200px; margin: auto; margin-bottom: 25px }
#social-wrapper a{    
    display: block;
    float: left;
    margin: auto 5px;
    background-color: #20B900;
    width: 40px;
    height: 40px;
    padding: 7px;
    border-radius: 40px;
}

#social-wrapper #m-facebook img {width:25px; }
#social-wrapper #m-youtube img {margin-left: 0;}
#social-container a {
    display: block;
    float: left;
    margin: auto 5px;
    background-color: #20B900;
    width: 60px;
    height: 60px;
    padding: 10px;
    border-radius: 40px;
}
section.links .all-social {
    text-align: center;
    display: block;
    width: 100%;
    clear: both;
    margin-top:70px;; 
}

@media only screen and (max-width : 1200px) {
    section.links .quicklinks{width: 65%;}
}
@media only screen and (max-width : 990px) {
    section.links .quicklinks{width: 90%;}
}
@media only screen and (max-width : 960px) {
    #social-wrapper, .all-social{ display: none !important;}
}
@media only screen and (max-width : 720px) {
    section.links li {
    border-left: 0;
    margin:0;
    padding:0;
}
    section.links ul{display: block; padding: 0;}
}
@media only screen and (max-width : 720px) {
section.links li {
    list-style: none; 
    display: block; 
    border-left:0;
    margin:0;
    padding:0;
    text-align: center;
}
}

img.full-width {
	width: 100%;
	min-width: 100%;
	height: auto;
}
    
@media (min-width: 768px){
.modal-dialog {
    width: 75%;
    margin: 75px auto;
    padding: 25px 25px;
    }}

.modal-content {border-radius: 0;}
    
.modal-content .btn{padding:10px;}
.modal-content .btn {padding:10px; background-color: #b00000;}
.modal-content  h2 {margin: 25px 0; color: #b00000;   
    -webkit-background-clip: text;
    -webkit-text-fill-color: #b00000;}
.modal-content  a{color: #b00000; text-decoration: underline}   
    
    
/* ## Posts and pages */
/* ## Asides */
/* ## Comments */

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/



/**
 * Animations
 */

.fromTopIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, 0);
	opacity: 1.0;
}
.fromTopOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, -10px);
	opacity: 0.0;
}
.fromBottomIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, 0);
	opacity: 1.0;
}

.fromBottomIn1 {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, 0);
	opacity: 1.0;
}

.fromBottomIn2 {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, 0);
	opacity: 1.0;
}

.fromBottomIn3 {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, 0);
	opacity: 1.0;
}
.fromBottomOut {
	transition: transform 3.0s ease, opacity 1.0s ease;
	transform: translate(0, 10px);
	opacity: 0.0;
}
.fromLeftIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, 0);
	opacity: 1.0;
}
.fromLeftOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(-10px, 0);
	opacity: 0.0;
}
.fromRightIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: translate(0, 0);
	opacity: 1.0;
}
.fromRightOut {
	transition: transform 3.0s ease, opacity 3.0s ease;
	transform: translate(20px, 0);
	opacity: 0.0;
}
.scaleUpIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.0, 1.0);
	opacity: 1.0;
}
.scaleUpOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.3, 1.3);
	opacity: 0.0;
}
.scaleDownIn {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(1.0, 1.0);
	opacity: 1.0;
}
.scaleDownOut {
	transition: transform 1.0s ease, opacity 1.0s ease;
	transform: scale(0.7, 0.7);
	opacity: 0.0;
}

/* ## Captions */
/* ## Galleries */