﻿.banner,.carousel,.banner-img{
    position: relative;
    overflow: hidden;  
}
.banner .carousel-item,.banner .banner-img{	
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
	text-align: center;
}
.banner .carousel-caption,.banner .banner-txt{
    text-align: left;
    width:100%;
    margin:0 auto;
    margin-top:-54px;
    position: absolute;
    left:0%;
    top:45%;
    color:#fff;
    padding:0 15px;
}
.banner .pa{
	position: absolute;
    left:0%;
    bottom:200px;
    color:#fff;
    padding:0 15px;
}
.banner .carousel-caption h1,.banner .banner-txt h1{
    font-size: 70px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Roboto,sans-serif;
}
.banner .carousel-caption p,.banner .banner-txt p{
    font-size: 40px;
    margin:5px 0 0 0;
    font-family: Lato,sans-serif;
}
@media not all, (-webkit-transform-3d) {
    .carousel-inner>.item{
        -webkit-transition: none;
        -o-transition: none;
        transition: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-perspective: 1000px;
        perspective: 1000px;
    }
}

@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.2); transform: scale(1.2); }
    to { -webkit-transform: scale(1); transform: scale(1);}
}

@keyframes scaleUpDown {
    from { -webkit-transform: scale(1.2); transform: scale(1.2);}
    to { -webkit-transform: scale(1); transform: scale(1);}
}
.banner .carousel-inner .carousel-item img,.banner .banner-img img{	
	max-width: 100%;
    -webkit-animation: scaleUpDown 3.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
    animation: scaleUpDown 3.2s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940);
}

.carousel-indicators li{
	width: 90px;
}
.carousel-indicators .active{
	background-color: #ea3800;
}


@media only screen and (max-width: 768px) {
.banner .carousel-caption h1, .banner .banner-txt h1 {
    font-size: 40px;    
}
.banner .carousel-caption p, .banner .banner-txt p {
    font-size: 20px;  
}

.banner .banner-txt{
	position: absolute;
	width: 100%;
	top: 50%;	
}
.banner .banner-txt h3{
	font-size: 20px;
	font-weight: bolder;
	color: #fff;
	margin-top: -30px;
}

}






