.carousel, .item, .active {
height:100%;
}
.carousel-inner {
height:100%;
}
.carousel-caption {
z-index: 10;
}
.carousel .item {
background-color: #777;
}
.carousel .carousel-inner .item {
background-repeat:no-repeat !important;
background-size:cover !important;
background-position: center bottom;
}

.carousel-inner,
#myCarousel, #myCarousel2{
	position:relative;
}
#myCarousel, #myCarousel2{
	height:100vh;
}

.item:before {
    content:"";
	background-image: url('../../images/slider-triangles.png');
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:100% auto;
	width:44vw;
	height:25vw;
	position:absolute;
	z-index:1	;
	bottom:10vw;
	right:0;
	opacity:0.75;
}

.playvid{
	position: absolute;
    top: 50%;
    left: 50%;
    color: #fff;
    font-size: 60px;
    margin-top: -30px;
    margin-left: -30px;
		-webkit-transition:all 0.8s;
	-moz-transition:all 0.8s;
	-o-transition:all 0.8s;
	transition:all 0.8s;
}
.playvid:hover{

color:#af2027;

}
div#myCarousel>ol,
div#myCarousel>a {
	z-index:3;
}
div#myCarousel2>ol,
div#myCarousel2>a {
	z-index:3;
}
ol.carousel-indicators > li{
	background-color:white;
	border-color:transparent;
}
ol.carousel-indicators > li.active {
	background-color:#b01f24;
	border-color:#b01f24;
}


.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
		  transition:all 1s;
	-webkit-transition:all 1s;
	-moz-transition:all 1s;
	-o-transition:all 1s;
}
.carousel-fade .carousel-control {
  z-index: 2;
}


.left-triangle{
	position:absolute;
	bottom:0;
	left:-11%;
	height:30vw;
	width:19%;
	background-color:#af2027;
	z-index:2;
	transform:skew(30deg);
}

#aboutus-container {
	background-color: #af2027;
	color:white;
	position:relative;
	padding-top:60px;
	padding-bottom:80px;
}
#aboutus-container >.row>div{
	padding:10px;
	z-index:1;
}


@media screen and (max-width:600px){
	.right-triangle{
		transform:skew(10deg);
	}
    #myCarousel2{
	display:block !important;
	height:auto !important;
	margin-top:64px;
}
	#myCarousel{
	display:none !important;
	}
}
@media screen and (max-width:767px){
	.video{
		visibility:hidden;
		display:none;
	}
	.carousel-caption{
		font-size:18px;
		background-color:rgba(84,14,15,0.8);
		margin-bottom:25px;
	}
	.item:before {
		display:none;
	}
}
@media screen and (max-width:767px) and (min-width:600px){
	.right-triangle{
		transform:skew(15deg);
	}
}
@media screen and (min-width:768px){

	.carousel-caption {
		font-size:3.6vw;
		width:20vw;
		bottom: 9vw;
		left:62%;
		text-align:center;
		line-height:4vw;
	}
	.right-triangle{
	transform:skew(20deg);
	}

	#news-events .col-xs-7{
		padding-bottom:10px;
		height:150px;
	}
	#news-events .col-xs-7 p:last-child{
		margin-top:5px;
	}
}
@media screen and (min-width:999px){
	.right-triangle{
	transform:skew(25deg);
	}
	.second-ev{
		 visibility: hidden;
		 display:none;
	 }
	 .vid-preview{
	 	margin-top:-100px;
	 }
}
@media screen and (max-width:999px){
 .vid-preview{
 	margin-top:20px;
 }
}
@media screen and (max-width:999px) and (min-width:600px){
	 .second-ev{
		 visibility: visible;
		 display:block;
	 }
 }
.right-triangle{
	position:absolute;
	right:-11%;
	bottom:0;
	width:19%;
	height:100%;
	z-index:0;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#540e0f+0,d42526+100 */
	background: rgb(84,14,15); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(84,14,15,1) 0%, rgba(212,37,38,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(84,14,15,1) 0%,rgba(212,37,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(84,14,15,1) 0%,rgba(212,37,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#540e0f', endColorstr='#d42526',GradientType=1 ); /* IE6-9 */
	
}

#news-events {
	padding-right:0;
	padding-left:130px;
	padding-top:35px;
	padding-bottom:35px;
	background-color:#e8e9ea;
}

.top-tri{
	top:17px;
	left:-27px;
	width:100px;
	height:70px;
	transform:skew(-50deg);
}

.bottom-tri{
	bottom:17px;
	left:183px;
	width:70px;
	height:60px;
	transform:skew(-50deg);
}

#news-events > div >.row >.row{
    transform : skew(30deg);
	padding-left:16px;
	padding-right:16px;
	padding-bottom: 16px;
	padding-top: 16px;
	z-index:1;
	
}
.photo{
    transform : skew(-30deg);
	left: -50%;
	height:100%;
	width:350px;
}

#news-events .col-xs-5 {
    -webkit-backface-visibility : hidden; 
    overflow                    : hidden;
    position                    : relative;
	width:200px;
	height:168px;
	z-index:1;
}

#news-events p{
	padding:0;
	margin:0;
	font-size:14px;
}
#news-events a:not(.link){
	text-decoration:none;
}
#news-events h4:hover{
	-webkit-transition:all 0.6s;
	-moz-transition:all 0.6s;
	-o-transition:all 0.6s;
	transition:all 0.6s;
	color:black;
}
#news-events p:last-child{
	color:#666;
}

#news-events h4{
	color:#af2027;
	font-size:23px;
}
#news-events p,
#news-events h4 {
    transform : skew(-30deg);
}

#news-events .col-xs-7 {
	background-color:#c9cbcd;
	z-index:1;
	
}
#programs-container p,
#aboutus-container p{
	
	font-size:16px;
}
#programs-container p:first-child{
	margin-top:20px;
}
#programs-container{
	background-image:url('../../images/programs.png');
	background-size: cover;
	background-repeat: no-repeat;
	color:white;
	padding-top:60px;
	padding-bottom:60px;
}
#programs-container .btn{
	font-size:18px;
	padding:8px 14px;
	margin-left:18px;
}
#branches-container{
	position:relative;
	background-color: #7a7a7a;
	color:white;
/*	background-image: url('../../images/map.png');*/
	background-position: 300px 0px;
	background-repeat:no-repeat;
}
#map-container{
/*	position:relative;*/
}

.mob img{
	cursor:pointer;
	width:95%;
}
#news-events .content{
	max-width:1000px;
}
#news-events .mob{
	margin : 0px auto;
	margin-bottom:35px;
	width:90%;
}
#map2 { 	
	min-height: 440px;
	height:100%;
	position:static;
	width: 100%;
}
@media screen and (max-width:767px){
	
	.mob{
		display:block;
		visibility:visible;
	}
	.desk{
		display:none;
		visibility:hidden;
	}
	.descrip{
		margin-left:10px;
	}
	.content{
		margin-left:-20px;
	}
#news-events .col-xs-7 {
	height:150px;
	margin: auto;
}

	#map:before{
		visibility:hidden;
		display:none;
	}
	.g-triangle,
	.right-triangle{
		display:none;
		visibility:hidden;
	}

	#news-events h4,
	.photo,
	#news-events > div >.row >.row,
	p{
	 -webkit-transform: none !important;
	 transform: none !important;
	}
	#news-events{
		padding-left:30px;
	}
}
#map { 	
	position:absolute;
	min-height: 440px;
	height:100%;
	bottom:0;
	right:0;
	width: 60%;
	z-index:0;
}
#map:before{
	content:"";
	position:absolute;
	display:block;
	visibility:visible;
	background-color: #7a7a7a;
	width:100%;
	height:100%;
	z-index:1;
	top:0px;
	left:-78%;
	transform:skew(-30deg);
}
@media screen and (min-width:768px){
	
	.desk{
		display:block;
		visibility:visible;
	}
	.mob{
		display:none;
		visibility:hidden;
	}
#news-events {
	padding-top:60px;
	padding-bottom:60px;
}
.branches-list h2{
	font-size:27px;
}

.branches-list{
	width:22%;
}
}
.branches-list p{
	margin-top:-11px;
}
.branches-list li:first-child{
	margin-top:0;
}
.branches-list li{
	margin-bottom:40px;
	margin-top:40px;
}
#news-events{
	background-image:url('../../images/tri-bg.png');
	background-size: auto 100%;
}