/* bootstrap slider */

.carousel-inner .item { max-height: 760px; max-height: 100vh;overflow: hidden; }
.carousel-inner .item:before { content: ''; width: 100%; height: 100%; position: absolute; background: rgba(0,0,0,0.3);  }
.carousel-inner .item:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: url('../images/bg-point.png');  }
.carousel-inner .item .carousel-caption { bottom: 15vh; opacity: 0; -webkit-transform: translate(0,20px); transition: 0.5s ease-in-out; }
.carousel-inner .item.active .carousel-caption { opacity: 1; -webkit-transform: translate(0,0); }
.carousel-inner .carousel-caption h2 { color: #fff; font-size: 40px; font-weight: 700; text-transform: uppercase; }
.carousel-inner .carousel-caption span { font-size: 16px; display: block; margin-top: 10px; padding-top: 20px; position: relative; }
.carousel-inner .carousel-caption span:before { content: ''; position: absolute; width: 40px; height: 1px; background: #65c178; left: 50%; margin-left: -20px; top: 0; }

.carousel-control { width: 40px; height: 40px; top: 50%; margin-top: -20px; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; }
.carousel-control .glyphicon-chevron-left, .carousel-control .glyphicon-chevron-right, .carousel-control .icon-next, .carousel-control .icon-prev { font-size: 20px; margin-top: -10px; color: rgba(255,255,255,0.6); text-shadow: none; transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; }
.carousel-control.left { background: rgba(255,255,255,0.2); border-radius: 4px; margin-left: 20px; } 
.carousel-control.right { background: rgba(255,255,255,0.2); border-radius: 4px; margin-right: 20px; } 
.carousel-control.left:hover, .carousel-control.right:hover { background: rgba(255,255,255,0.3); } 
.carousel-control.left:hover .glyphicon-chevron-left { -webkit-transform: translate(-2px, 0);color: rgba(255,255,255,1); } 
.carousel-control.right:hover .glyphicon-chevron-right { -webkit-transform: translate(2px, 0);color: rgba(255,255,255,1); } 
.carousel-control:focus { opacity: 0; }

@media screen and (min-width: 1024px){
	.carousel-control { opacity: 0; }
	.carousel:hover .carousel-control { opacity: 1; }
}