.sidebar-cta {
        text-align: center;
        display: block !important;
        border: 1px solid #cccccc;
        border-radius: 10px;
        background-image: url("/Static/css/images/cta-brochure-bg.jpg");
        background-size: 575px;
        background-repeat: no-repeat;
        background-position: bottom center;
        min-height: 200px;
        position: relative;
        clear: both;
        margin-top: 60px;
        margin-bottom: 30px;
        text-decoration: none !important;
        -webkit-transition: linear 0.25s;
        transition: linear 0.25s;
    }

        .sidebar-cta h3 {
            color: #008A5E;
        }

        .sidebar-cta .btn {
            position: absolute;
            bottom: 30px;
            left: 0;
            right: 0;
            margin-left: 30%;
            margin-right: 30%;
            font-size: 16px;
            padding: 10px;
            background-color: #008A5E;
            color: #FFF;
        }

        .sidebar-cta:hover .btn {
            background-color: #ccc;
            color: #666;
            border-color: #666;
        }

        .sidebar-cta h3 {
            font-size: 25px;
            line-height: 1.1em;
            margin-top: 25px;
        }

        .sidebar-cta .fa {
            color: #fff;
        }

        .sidebar-cta:hover .fa {
            color: #666;
        }

        .sidebar-cta .btn {
            background-color: #ea5e2e;
            color: #fff;
            border-color: #fff;
        }


        .sidebar-cta:hover {
            background-size: 595px;
        }


.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0;
}

.nypro-home-banner {
	width: 100%;
	background-color: rgba(255, 255, 255, 0.9);
}
.home-callout {
	position: absolute;
	bottom: 25px;
	background-color: #ea5e2e ;
	border-color: #fff;
	color: #fff;
	font-size: 25px;
	padding: 15px 50px;
	border-radius: 50px;
}
.home-callout i {
	color: #fff;
}




/* New Version */
.outer-left, .outer-right {
  display: block;
  position: relative;
  overflow: hidden;
  height: 100%;
  width: 100%;
  text-decoration: none;
}
.outer-left:hover, .outer-right:hover {
  text-decoration: none;
}

.outer-left-bg, .outer-right-bg {
  position:absolute;
  z-index:-999;
  bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  overflow: hidden;
  -webkit-transition: ease-out 0.8s;
  -moz-transition: ease-out 0.8s;
  transition: ease-out 0.8s;
  -moz-transform: scale(1,1);
  -webkit-transform: scale(1,1);
  -ms-transform: scale(1,1);
  transform: scale(1,1);
}
.outer-left:hover .outer-left-bg, .outer-right:hover .outer-right-bg {
  -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -ms-transform: scale(1.05,1.05);
  transform: scale(1.1,1.1);
}
	.nypro-home-banner {
		position: relative;
		padding: 25px;
		top: 0;
	}	
	.home-callout {
		position: relative;
		bottom: 0;
	}
	.nypro-home-banner-text p {
	font-size: 15px;
	line-height: 23px;
	margin-top: 10px;
	color: #005288;
}

.nypro-home-banner-text h2 {
	color: #ea5e2e;
}
.nypro-home.callout-container {
  text-align: center;
  clear:both;
  bottom: 0px;
}
.outer-left .nypro-home.callout-container {
  right: 0px;
}
.outer-right .nypro-home.callout-container {
  left: 0px;
}
.outer-left:hover .home-callout,
.outer-right:hover .home-callout {
  background-color: #e6e6e6;
  color: #333;
}
	#overview-video .modal-dialog {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
	}
	#overview-video .modal-content {
		height: 100%;
		border-radius: 0;
	}
	#overview-video .video-container {
		max-width: 1024px;
		max-height: 768px;
		margin: 0 auto;
	}
.play-overview {
	text-align: center;
}

.play-overview i {
	font-size: 6em;
	color: #ea5e2e;
	margin-left: 4px;
}
.play-overview a {
  display: block;
  font-size: 20px;
  color: #ea5e2e;
  text-decoration: none;
  -webkit-transition: ease-out 0.25s;
  -moz-transition: ease-out 0.25s;
  transition: ease-out 0.25s;
}

.play-overview a:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.05);
}

#overview-video .og-close {
  top: 30px;
  right: 30px;
  z-index: 99;
  filter: alpha(opacity=50);
  opacity: 0.5;
}

#overview-video .og-close:hover {
  filter: alpha(opacity=100);
  opacity: 1;
}

#overview-video .modal-content {
  box-shadow: none;
  -webkit-box-shadow: none;
  background-color: rgba(255, 255, 255, 0);
  border: none;
}

#overview-video .video-content {
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
}
	
	/* Desktop/Tablet >768px */
	@media (min-width: 768px) {
		html, body {
			height: 100%;
		}
		.outer {
			height: 80%
		}	
		.nypro-home {
			/* width: 750px; */
			width: 360px;
			margin-top: 50px;
		}
		.outer-left {
			float: left;
		}
		.outer-right {
			float: right;
		}
		.outer-left, .outer-right {
			width: 50%;
		}
		.outer-left .nypro-home {
			float: right;
		}
		.outer-right .home-callout {
			float: right;
		}
		.outer-right .nypro-home-banner-text {
			float: right;
			margin-right: 25px;
		}
		.outer-left .nypro-home-banner-text {
			margin-left: 25px;
		}
		.nypro-home-banner {
			height: 250px;
			padding: 0;
		}				
		.nypro-home-banner-text {
			width: 290px;
			height: 250px;
			padding-top: 50px;
		}
		.nypro-home.callout-container {
			text-align: left;
			margin-top: 300px;
		}
  .nypro-home-banner {
    /* position: absolute; */
    top: 10%;
    height: 250px;
  }	
  .nypro-home-right .home-callout {
    right: 0px;
    margin-right: 25px;
  }
  .nypro-home-left .home-callout {
    left: 0px;
    margin-left: 25px;
  }
		
  .play-overview {
     position: absolute;
     z-index: 999;
     left: 50%;
     top: 200px;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
  }
  .nypro-home.callout-container {
    position: absolute;
    margin-bottom: 50px;
  }
}
	
.block-large h3 {
      font-size: 25px;
    } 
    .block-large .photo-tile .caption  {
      margin-left:0px;
      top: 70%;
      width: 100%;
      height: 25%;
    }
    @media screen and (max-width: 992px) {
      .block-large h3 {
      font-size: 18px;
      }
      
      .block-large .photo-tile .caption  {
      top: 55%;
      height: 40%;
      }
    }
/* Desktop */
@media (min-width: 992px) {
		.nypro-home {
			width: 470px;
		}
		.callout-container {
			margin-top: 25px;
		}
		.outer-right .nypro-home-banner-text {
			margin-right: 50px;
		}
		.outer-left .nypro-home-banner-text {
			margin-left: 50px;
		}
		.nypro-home-banner-text {
			width: 300px;
		}				
	}

@media (min-width: 1200px) {
  .nypro-home {
    width: 570px;
  }	
}
	
/* Mobile */
@media (max-width: 992px) {
  .nypro-home-banner-text {
    width: 260px;
  }
  .nypro-home-banner-text h2 {
    font-size: 25px;
  }
  .play-overview a {
    font-size: 18px;
  }  
}

@media (max-width: 768px) {
  .nypro-home-banner {
    margin-bottom: 50%;
    padding: 15px;
    padding-top: 30px;
  }
  .nypro-home-banner-text {
    width: 100%;
  }
  .play-overview {
    position: relative;    
    margin-top: 30px;
  }
  .nypro-home.callout-container {
    margin-bottom: 30px;
  }
}