/*
 * Start Bootstrap - Full Slider (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

html,
body {
    height: 100%;
}

.carousel,
.item,
.active {
    height: 94%;
    margin-top: 39px;
}

.carousel-inner {
    height: 100%;
}

/* Background images are set within the HTML using inline CSS, not here */

.fill {
    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

footer {
    margin: 50px 0;
}

.carousel-indicators li{
    -webkit-transition-duration: 0.3s; 
    -o-transition-duration: 0.3s; 
    -moz-transition-duration: 0.3s; 
    transition-duration: 0.3s;
}

.carousel-indicators li.active{
    width: 40px;
    background: #C75491;
    border: 1px solid #C75491;
}

.carousel-caption{
    height: 300px!important;
    top: 50%;
    margin-top: -150px;
}

.carousel-caption h2{
    font-size: 42px;
    text-transform: uppercase;
}

.carousel-caption p{
    font-size: 18px;
}

/* Pseudo elements for icons */
.carousel-caption .zakaz {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	color: #fff;
	background-color: #EC008C;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 17px;
	padding: 10px 20px;
	border-radius: 10px;
	margin-top: 20px;
}

.carousel-caption .zakaz:hover {
	color: #EC008C;
	background-color: #fff;
	text-decoration: none;
	text-shadow: none;
}



@media (min-width: 992px) {
    .sl2 .carousel-caption, .sl3 .carousel-caption{
        left: 10%;
        width: 630px;
    }
   .sl3 .carousel-caption{
        left: 4%;
        margin-top: -230px;
    }

    .sl2 .carousel-caption, .sl1 .carousel-caption{
        left: 10%;
        width: 630px;
    }

}

@media (max-width: 768px) {
    .sl1 .carousel-caption, .sl2 .carousel-caption, .sl3 .carousel-caption{
        margin-top: -185px;
        top: 50%;
        height: 370px;
    }
}