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

/* CAROUSEL ITEMS */

.carousel-indicators{
bottom:5px;	
}


#myCarousel .standard-monthly{
background-color:#cc0099;	
}


#myCarousel #vrdefault, #myCarousel #vredrs{
background-color:transparent;
}

@media all and (min-width:992px){


.carousel-caption-dph-home{
max-width:375px;
  background-color:rgba(51,122,183,1);
  border-radius:4px;
  z-index: 0;
  color: #fff;
  text-align: left;
  box-shadow:4px 4px 10px #333;
  padding:12px;

}

#myCarousel .standard-monthly .carousel-caption-dph-home{
	margin:110px auto;	
	box-shadow:4px 4px 10px #333;
}

#myCarousel #vrdefault .carousel-caption-dph-home{
	margin:70px auto;	
	box-shadow:4px 4px 10px #333;
	max-width:370px;
	border:1px solid #fff;
	max-height:420px;
	overflow-y: auto;
}

#myCarousel #vredrs .carousel-caption-dph-home{
	margin:70px auto;	
	box-shadow:4px 4px 10px #333;
	max-width:370px;
	border:1px solid #fff;
	max-height:320px;
	overflow-y: auto; /* not enough text for scroll */
}

#myCarousel .standard-monthly .carousel-image-dph-home{
	margin:118px auto;
	text-align:center;
}

#myCarousel .col-md-6 {
width:50%;	
/*border:1px solid green;*/
/*max-height:240px;
min-height:200px;*/
}


}

@media all and (max-width:991px){

#myCarousel #vrdefault .carousel-caption-dph-home, #myCarousel #vredrs .carousel-caption-dph-home{
min-width:200px;
max-width:500px;
  background-color:rgba(51,122,183,1);
  border-radius:4px;
  /*border:1px solid red;*/
  z-index: 0;
  color: #fff;
  text-align: left;
  box-shadow:4px 4px 10px #333;
  padding:12px;
margin:2em auto;
max-height:420px;
overflow-y:auto !important;	
width:90%;
border:1px solid #fff;
}

#myCarousel .standard-monthly .carousel-caption-dph-home{
/*min-width:230px;*/
max-width:450px;
  background-color:rgba(51,122,183,1);
  border-radius:4px;
  /*border:1px solid red;*/
  z-index: 0;
  color: #fff;
  text-align: left;
  box-shadow:4px 4px 10px #333;
  padding:12px;
margin:1.5em auto;	
}

#myCarousel .standard-monthly .carousel-image-dph-home{
	margin:15px auto;
	max-width:300px;
	min-width:230px;	
}

/* force vertical scrollbars to display by default in webkit browsers on the carousel divs with corresponding ids */
/* this applies to both desktop webkit and mobile webkit; the scrollbar style will adjust on desktop when minimized */

#myCarousel ::-webkit-scrollbar {
    -webkit-appearance: none;
}
#myCarousel ::-webkit-scrollbar:vertical {
    width: 14px;
}

#myCarousel ::-webkit-scrollbar:horizontal {
    height: 14px;
}

#myCarousel ::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 2px;
    border:2px solid #ffffff;
}

#myCarousel ::-webkit-scrollbar-track {
    border-radius: 0;
    background-color: #f1f1f1;
	margin-bottom:0 !important;
}


}


@media all and (min-width:700px){

#myCarousel #vrdefault, #myCarousel #vredrs{
background-position:top;	
}

}

@media all and (max-width:699px){

#myCarousel #vrdefault, #myCarousel #vredrs{
background-position:center;	
}

}

#myCarousel #vrdefault p, #myCarousel #vredrs p{
font-weight:normal;
}

.carousel-caption-dph-home{
border:1px solid white;
}

#myCarousel .item {
border-radius:4px
}

#myCarousel .standard-monthly .carousel-image-dph-home img{
	box-shadow:4px 4px 10px #333;
	border-radius:4px;
}

.carousel-caption-dph-home ul{
margin-left:0.8em;
padding-left:0.8em;	
padding-bottom:0;
/*margin-bottom:12px;*/
}




@media all and (max-width:550px){

#myCarousel #vrdefault .carousel-caption-dph-home, #myCarousel #vredrs .carousel-caption-dph-home
 {
width:auto; /* if set to 100% (of container), then *appearance* of font-flicker in some mobile devices as caption width renders its size */
  background-color:#337ab7;
  margin-top:0;
  border-radius:4px;
  z-index: 0;
  color: #fff;
  text-align: left;
  padding:8px;
  max-height:220px;
  /*position:absolute;*/
/*bottom:0;*/
margin-bottom:0;
box-shadow:none;
border-bottom:1px solid white;
border-top:1px solid white;
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-left:none;
border-right:none;
overflow-y: scroll;
}

}

@media all and (max-width:499px){
#myCarousel .standard-monthly .carousel-caption-dph-home{
margin:0;
box-shadow:none;	
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-top:1px solid white;
border-bottom:1px solid white;
border-left:none;
border-right:none;

}

}