/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* step 1 */
body.page-index #wrapper .container {
     max-width: 100%;
     width: 100%;
     padding-left: 0;
     padding-right: 0;
}
body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
     margin-left: auto;
     margin-right: auto;
     padding-left: 15px;
     padding-right: 15px;
}
@media (min-width: 992px) {
     body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
         max-width: 940px;
    }
}
@media (min-width: 1200px) {
     body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
         max-width: 1140px;
    }
}
@media (max-width: 991px) {
     body.page-index #wrapper .featured-products, body.page-index #wrapper .banner, body.page-index #wrapper #custom-text{
         max-width: 100%;
    }
}
.carousel-control .icon-prev {
     margin-left: 0;
}
.carousel-control .icon-next {
     margin-right: 0;
}

/* step 2 */
.carousel .carousel-inner{height:100%;}
.carousel{box-shadow:none;}

/* Webbax - tuto 27 */
#homepage img{max-width:100%;}
#homepage a img:hover{opacity: 0.8;filter: alpha(opacity=80);}
#homepage #banner{margin-bottom:30px;}
#homepage #arguments h2{margin-top:20px;margin-bottom:20px;}
#homepage #arguments p{font-size:14px;}