/************************************************
$ Page Home Content
************************************************/

.page-home-content {
    background: #2980b9 url('../images/home-hero-image.jpg') no-repeat scroll center;
    background-size: cover;
    height: 100vh;
    position: relative;
}

.page-home-content .table-cell {
    text-align: center;
}

.page-home-content h1 {
    color: #ffffff;
    font-size: 50px;
    text-align: center;
    max-width: 1000px;
    margin: 0 auto 0;
}

.page-home-content h1 .top,
.page-home-content h1 .bottom {
    display: block;
    font-family: "ProximaNovaLight", sans-serif;
    font-weight: normal;
}

.page-home-content h1 .top {
    border-bottom: 3px solid #ed612a;
    padding-bottom: 15px;
    letter-spacing: .023em;
	font-size: 35px;
}

.page-home-content h1 .bottom {
    font-family: "ProximaNovaSemiBold", sans-serif;
	padding-top: 15px;
    letter-spacing: 0.040em;
	font-size: 50px;
	font-weight: bold;
}

.page-home-content .border-box {
    border: 3px solid #ffffff;
    margin: 0 auto;
    max-width: 1000px;
    padding: 20px 40px 15px;
    width: 100%;
}

.page-home-content p {
    color: #ffffff;
    font-size: 18px;
    margin: 0 auto;
    max-width: 1000px;
    padding: 0 0 10px;
    text-align: center;
}

.page-home-content .table-wrap p {
    padding-top: 15px;
}

.page-home-content .cta-video {
    color: #fff;
    display: inline-block;
    width: 220px;

    -webkit-transition: color 0.3s linear 0s;
    -moz-transition: color 0.3s linear 0s;
    -o-transition: color 0.3s linear 0s;
    transition: color 0.3s linear 0s;
}

.page-home-content .cta-video:hover,
.page-home-content .cta-video:active,
.page-home-content .cta-video:focus {
    color: #ed612a;
}

.page-home-content .icon-play {
    border: solid 4px #fff;
    border-radius: 45px;
    display: inline-block;
    height: 60px;
    margin: 0 auto 10px;
    position: relative;
    width: 60px;

    -webkit-transition: border-color 0.3s linear 0s;
    -moz-transition: border-color 0.3s linear 0s;
    -o-transition: border-color 0.3s linear 0s;
    transition: border-color 0.3s linear 0s;
}

.page-home-content .cta-video:hover .icon-play,
.page-home-content .cta-video:active .icon-play,
.page-home-content .cta-video:focus .icon-play {
    border-color: #ed612a;
}

.page-home-content .icon-play .ss-icon {
    font-size: 20px;
    margin-left: 5px;
    margin-top: -11px;
    top: 50%;
    text-align: center;
}

/*.page-home-content .icon-play:before,
.page-home-content .icon-play:after {
	border: solid 2px #fff;
	border-radius: 45px;
	content: "";
	display: block;
	height: 90px;
	left: 50%;
	margin-left: -45px;
	margin-top: -45px;
	position: absolute;
	top: 50%;
	width: 90px;
}

.page-home-content .icon-play:after {
	border-width: 1px;
}*/

/*.page-home-content .cta-video:hover .icon-play:before,
.page-home-content .cta-video:active .icon-play:before,
.page-home-content .cta-video:focus .icon-play:before,
.page-home-content .cta-video:hover .icon-play:after,
.page-home-content .cta-video:active .icon-play:after,
.page-home-content .cta-video:focus .icon-play:after {
	
	border-color: #ed612a;
	border-radius: 60px;
	height: 120px;
	margin-left: -60px;
	margin-top: -60px;
	opacity: 0;
	width: 120px;
	
	/-webkit-transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    transition: all 0.5s ease-in 0s;
}

/*.page-home-content .cta-video:hover .icon-play:after,
.page-home-content .cta-video:active .icon-play:after,
.page-home-content .cta-video:focus .icon-play:after {

	border-radius: 90px;
	height: 180px;
	margin-left: -90px;
	margin-top: -90px;
	width: 180px;

}*/

.page-home-content .cta-video h3 {
    color: #ffffff;
    font-size: 22px;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-transform: uppercase;

    -webkit-transition: color 0.3s linear 0s;
    -moz-transition: color 0.3s linear 0s;
    -o-transition: color 0.3s linear 0s;
    transition: color 0.3s linear 0s;
}

.page-home-content .cta-video:hover h3,
.page-home-content .cta-video:active h3,
.page-home-content .cta-video:focus h3 {
    color: #ed612a;
}

.scroll-down {
    border: solid 16px transparent;
    border-bottom: 0;
    border-top-right-radius: 44px; /* this is per iphone finger tap http://stackoverflow.com/questions/1928991/minimum-sensible-button-size-on-iphone */
    border-top-left-radius: 44px;
    bottom: 0;
    background-color: #fff;
    display: block;
    height: 44px;
    left: 50%;
    margin-left: -44px;
    position: absolute;
    text-align: center;
    width: 88px;

    -moz-background-clip: content-box;
    -o-background-clip: content-box;
    -webkit-background-clip: content-box;
    background-clip: content-box;
}

.scroll-down:hover,
.scroll-down:active,
.scroll-down:focus {
    /* 	border-width: 0; */
}

/*@-webkit-keyframes scroll-down-animation {
  0%   { opacity: 1; top: 5px; }
  50% { opacity: 0; top: 15px; }
  51% { opacity: 0; top: -5px; }
  100% { opacity: 1; top: 5px; }
}
@-moz-keyframes scroll-down-animation {
  0%   { opacity: 1; top: 5px; }
  50% { opacity: 0; top: 15px; }
  51% { opacity: 0; top: -5px; }
  100% { opacity: 1; top: 5px; }
}
@-o-keyframes scroll-down-animation {
  0%   { opacity: 1; top: 5px; }
  50% { opacity: 0; top: 15px; }
  51% { opacity: 0; top: -5px; }
  100% { opacity: 1; top: 5px; }
}
@keyframes scroll-down-animation {
  0%   { opacity: 1; top: 5px; }
  50% { opacity: 0; top: 15px; }
  51% { opacity: 0; top: -5px; }
  100% { opacity: 1; top: 5px; }
}*/

.scroll-down .ss-icon {
    font-size: 16px;
    color: #2980b9;
    left: 0px;
    position: relative;
    top: 5px;

    /* Animations */
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    /* 	-webkit-transition: opacity 0.5s ease-out 0s, top 0.5s ease-out 0s;
        -moz-transition: opacity 0.5s ease-out 0s, top 0.5s ease-out 0s;
        -o-transition: opacity 0.5s ease-out 0s, top 0.5s ease-out 0s;
        transition: opacity 0.5s ease-out 0s, top 0.5s ease-out 0s; */
}

.scroll-down:hover .ss-icon,
.scroll-down:active .ss-icon,
.scroll-down:focus .ss-icon {
    color: #ed612a;
    /*-webkit-animation: scroll-down-animation 0.5s;*/
    /*-moz-animation: scroll-down-animation 0.5s;*/
    /*-o-animation: scroll-down-animation 0.5s;*/
    /*animation: scroll-down-animation 0.5s;*/
}

/* Large desktop */
@media (min-width: 1200px) {
    .page-home-content h1 {
        font-size: 40px;
    }

    .page-home-content .border-box {
        max-width: 1000px;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 991px) {
    .page-home-content h1 {
        font-size: 40px;
    }
}

@media (max-height: 639px) {

    .page-home-content {
        min-height: 476px;
    }

    .page-home-content .border-box {
        border: 3px solid #e2e0e0;
        margin: 0 auto;
        max-width: 540px;
        padding: 15px 20px 0;
        width: 100%;
    }

    .page-home-content h1 {
        font-size: 40px;
    }

    .page-home-content p {
        display: none;
    }

    .page-home-content .cta-video {
        padding-top: 30px;
    }
}

/* Landscape phone to portrait tablet OR window is too tall for the hero content */
@media (max-width: 767px), (max-height: 439px) {

    .page-home-content .border-box {
        border: 3px solid #e2e0e0;
        margin: 0 auto;
        max-width: 370px;
        padding: 15px 20px 0px;
        width: 100%;
    }

    .page-home-content h1 {
        font-size: 25px;
    }

}

/* Landscape phones and down */
@media (max-width: 480px) {

}

/**************************************************
	$ RETINA DISPLAY IMAGES
**************************************************/

/* Retina Display Images */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {

}

/* Retina Display Images - Mobile */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (max-width: 767px) {

}