/* --- Index Page */

.box-index { border-top: 15px solid #f5812e; background: #f8f8f8; padding: 10px; border-radius: 10px; font-size: 14px; line-height: 18px; }

.box-index figure { height: 150px; line-height: 150px; }

.box-index figure img { vertical-align: middle; }

.box-index:hover { box-shadow: 0 0 40px rgba(0, 0, 0, .5); }

.marca-index { border: solid 1px #f1f1f1; border-radius: 5px; height: 100px; line-height: 100px; }

.marca-index img { vertical-align: middle; -webkit-filter: grayscale(1); }

.marca-index:hover img { -webkit-filter: grayscale(0); }

.arrow-down { position: absolute; bottom: -15px; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #2e2766; }



/* --- Carousel Index */

header { z-index: 2; }

.carousel-index { top: -116px; z-index: 0; }

.carousel-index .bg-blog { z-index: -2; }

.carousel-inner .item .pure-g-r { position: relative; height: 500px; }

@media (max-width:720px) {

	.fix-container.mobile-top { margin-top: -10px !important; }

	.carousel-index { top: 0; z-index: 0; }

	.carousel-inner .item .pure-g-r { height: 450px; }

	.carousel-inner .item .pure-g-r .heading1 { font-size: 200%; }

	.carousel-inner .item .pure-g-r .masterhead2 { font-size: 400%; }

	.carousel-inner .item .pure-g-r .masterhead4 { font-size: 300%; }

	.carousel-inner .item .pure-g-r .heading5 { font-size: 130%; line-height: normal;}

	.carousel-inner .item .pure-g-r .heading4 { font-size: 130%; }

}

[class *="bannerindex-"] { position: absolute; bottom: 0; z-index: -1 }

.bannerindex-01 { right: 100px; }

.bannerindex-02 { right: 5px; }

.bannerindex-03 { left: 5px; }

.bannerindex-04 { left: 5px; }

.bannerindex-05 { left: 5px; }

@media (max-width:400px) {

/*	.bannerindex-01 { right: -60px; }

	.bannerindex-01 figure { width: 80%; }

	.bannerindex-02 { *right: -90px; }

	.bannerindex-02 figure { width: 100%; }

	.bannerindex-04 figure { width: 90%; }

	.bannerindex-05 { right: 0px; }

	.bannerindex-05 figure { width: 150%; }

	.mobile-box { font-size: 150%; }



.heading2 {font-size:150%;}*/ }

@media (max-width: 959px){

	.bannerindex-03,

	.bannerindex-02{max-width: 70%; background-size: 100%;}

}

@media (max-width: 720px){

	.bannerindex-01,.bannerindex-02,.bannerindex-03, .bannerindex-04, .bannerindex-05{text-align: center; width: 100%; right: 0; left: 0;}

	.bannerindex-01 figure{max-width: 300px; display: inline-block;} 

	.bannerindex-04 figure{max-width: 70%; display: inline-block;}

	.bannerindex-02 figure, .bannerindex-03 figure, .bannerindex-05 figure{max-width: 100%; display: inline-block;}

	.bannerindex-03,

	.bannerindex-02{max-width: 100%; background-size: 100%;}

}