/*********SUNROOM SLIDER**********/

div#carousel-sunroom {
    max-height: 545px;
    overflow: hidden;
}

div#carousel-home {
/*    max-height: 800px; */
    overflow: hidden;
}
#page-identify.home-slider {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
header.home-slider .background-slider * {
    height: 100%;
}

header.home-slider {
	background-image: none;
    height:100%;
}
.PageHeaderSlider .home-content-block * {
    text-shadow: 0px 0px 15px rgba(0,0,0,.8);
}

#page-identify.home-slider .orange-wrapper {
	margin-top: 0;
}
.background-slider > div.DnnModule {
    margin-bottom: 0;
}

#page-identify.home-slider main {
	margin-top: 0;
}

#page-identify.home-slider .background-slider {
	height: 100%;
}

#page-identify.home-slider .background-slider {
    background-size: cover;
}

.PageHeaderSlider .home-content-block h1 {
	color: #FFF;
	padding-top: 40px;
	background: rgba(0, 0, 0, 0) url(/Portals/_default/Skins/dbr01/images/header-line_w722.png) no-repeat center bottom;
	padding-bottom: 50px;
}
.PageHeaderSlider .home-content-block p.tag {
	font-size: 30px;
	color: #FFF;
	font-style: italic;
	padding-bottom: 20px;
}
.PageHeaderSlider .home-content-block .btn-info {
	background: rgba(65, 50, 30, 0.5);
	border: 1px solid #fff;
	font-size: 14px;
}
.PageHeaderSlider .orange-wrapper {
	margin: 0;
}
#page-identify.home-slider .orange-wrapper h3.title {
	border-bottom: 1px solid rgba(255,255,255,.3);
	padding: 5px 0 10px;
	margin: 0 0 10px;
}

header.sunroom-slider {
    background-image: none;
} 
/* 
.background-slider {
    height: 100%;
    width: 100%;
}
*/
#carousel-sunroom, #carousel-home {
    background-color: #888;
} 

#carousel-sunroom .item > img {
    width: 100%;
}

#carousel-home .item > img {
    width: 100%;
}
div#dnn_HeaderPane.PageHeaderSlider .PageHeaderContainer {
    position: relative;
    z-index: 1;
}
div#dnn_HeaderPane.PageHeaderSlider .PageHeaderContainer:after {
/*    content: ''; */
    background: rgba(0, 0, 0, 0.2);
    width: 30%;
    height: 30%;
    position: absolute;
    left: 35%;
    top: 50%;
    z-index: 0;
    border-radius: 50%;
    box-shadow: 0 0 50px 70px rgba(0, 0, 0, 0.2);
}

#carousel-sunroom .carousel-inner > .item {
    height: 545px;
}
div#dnn_BGHeaderPane {
    height: 100%;
}

#carousel-home .carousel-inner > .item {
    height: 100%;   
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


.carousel-inner .item-inner {
    position: absolute;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    right: 0; 
    bottom: 0; 
    top: 0; 
    left: 0;
}



.carousel-inner>.item.active .item-inner {
    animation-name: zoomIn; 
    animation-duration: 20s;
    animation-delay: .3s;
    animation-iteration-count: 1;
}



/* override behavior in dnn default.css */

.carousel .left, .carousel .right { 
    float: none; 
}
@media screen and (min-width: 768px) {
	.carousel-indicators {
		bottom: 50px;
	}
}
/**** crossfade hack on slider - jld ******/

.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
    transition-duration: 1.5s;
}
.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);
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/**** Ken Burns effect on slider - jld ****/

@-webkit-keyframes zoomIn {
  from {
    -webkit-transform: scale(1)
    }
  to {
    -webkit-transform: scale(1.1)
    }
}






/* FROM THE http://www.ppasr.com/ SITE */
/* .home-hero .slideshow .slide img {
		transform: scale(1.05);
	}
	.home-hero .slideshow .slide.current img {
		animation-name: enlarge;
		animation-duration:6s;
		animation-iteration-count:1;
		-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
/*		animation-fill-mode: forwards;
	}
	
	.home-hero .slideshow .slide.current {
		animation-name: fadeIn;
		animation-duration:1s;
		animation-iteration-count:1;
		-webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
/*		animation-fill-mode: forwards;
	}

	@keyframes enlarge {
		from {
			-moz-transform: scale(1);
			-webkit-transform: scale(1);
			-o-transform: scale(1);
			-ms-transform: scale(1);
			transform: scale(1);
		}
		to {
			-moz-transform: scale(1.05);
			-webkit-transform: scale(1.05);
			-o-transform: scale(2);
			-ms-transform: scale(1.05);
			transform: scale(1.05);
		}
	}
	@keyframes fadeIn {
		from {opacity: 0;}
		to {opacity: 1;}
	}
}
*/



/* from a codepen: https://codepen.io/Silverink/pen/gbGKoZ */
/* .item img {
  animation:move 4s ease infinite; /* Change this to alternate to stop the loop. */
/*  -ms-animation:move 4s ease infinite;
  -webkit-animation:move 4s ease infinite;
  -0-animation:move 4s ease infinite;
  -moz-animation:move 4s ease infinite;
  position: absolute;
  left:-150px;
  top:-150px;
}

@-webkit-keyframes move {
  from {
  	transform: scale(0.9);
    -ms-transform: scale(0.9); /* IE 9 */
 /*   -webkit-transform: scale(0.9); /* Safari and Chrome */
/*    -o-transform: scale(0.9); /* Opera */
/*    -moz-transform: scale(0.9); /* Firefox */
/*  }
  to {
  	transform: scale(1.05);
    -ms-transform: scale(1.05); /* IE 9 */
/*    -webkit-transform: scale(1.05); /* Safari and Chrome */
 /*   -o-transform: scale(1.05); /* Opera */
  /*  -moz-transform: scale(1.05); /* Firefox */
/*  }
}
*/

/********* Complementary Page Styles **********/
/**********************************************/

/* RESPONSIVE */
/*
@media (max-width: 640px) {
	#page-identify.home, #page-identify.home .main-home-panel {
		min-height: 480px;
	}
	/*footer .copyright-links span {
		display: block;
	}
}

@media (min-width: 580px) {

}
*/
@media (min-width: 768px) {

.PageHeaderSlider .home-content-block h1 {
	font-size: 60px;
	padding-bottom: 70px;
}

.PageHeaderSlider .home-content-block .btn-info {
	font-size: 18px;
}
}
/*
@media (min-width:992px) {

    
}
@media (min-width:1200px) {
	
}


@media(max-width:1150px) {

	
}
@media(max-width:1130px) {
	
}
@media(max-width:450px) {
	
	
} */