@charset "utf-8";
/* #############################################################################################################
#  Inovazi Agência Criativa                                                                                     
#  Copyright (C) 2013 Inovazi Agência Criativa                                                                  
#  Website:  http://www.inovazi.com                                                                             
#  ########################################################################################################## */

@import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,600,200);

.categCat {
	display:table;
	width:100%;
	min-height:100%;
	position:relative;
}

    .categCat > h1{
        text-align: center;
        font-size: 28px;
        color: #d40202;
        margin: 50px auto;
    }

	.categCat ul{
		height:100%;
		/*padding: 13px;
		display:block;*/
		margin:0 auto;
		text-align:center;
        display: table;
        width: 100%;
	}
	
		.categCat ul li{
            display: table-cell;
			position:relative;
			/*display:block;
			margin:1px;*/
			border:1px solid #fff;
			background:none;
			overflow:hidden;
			min-width:25%;
            margin: 0;
			height:500px;
            height: 80vh;
            box-sizing: border-box;
			/*float:left;*/
            background-size:cover;
            cursor:pointer;
			

			
			/*display:inline-block;*/
			
		}
        .categCat ul li#Polos,
        .categCat ul li#Malhas{ background-position: center 0; }
        .categCat ul li#Calcas { background-position: right; }

		/*.categCat ul li img { min-width:100%; min-height:100%; }*/
		
		
		.categCat ul li a:hover{ text-decoration:none; }
		
		.categCat ul li div.mask{
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;
			background:rgba(0,0,0,0.6);
			opacity:1;
			cursor:pointer;
			-webkit-transition: all .2s; /* For Safari 3.1 to 6.0 */
			transition: all .2s;
			/* Internet Explorer 10 */
			display:-ms-flexbox;
			-ms-flex-pack:center;
			-ms-flex-align:center;
			
			/* Firefox */
			display:-moz-box;
			-moz-box-pack:center;
			-moz-box-align:center;
			
			/* Safari, Chrome, and Opera */
			display:-webkit-box;
			-webkit-box-pack:center;
			-webkit-box-align:center;
			
			/* W3C */
			display:box;
			box-pack:center;
			box-align:center;
		} .categCat ul li:hover div.mask{
			opacity:0;
		 }

        .categCat ul li a{
            position: absolute;
            left: 0;
            top: 50%;
            margin-top: -118px;
            width: 100%;
            background: rgba(0,25,55,.7);
            padding: 50px 40px 30px;
            text-align: center;
            box-sizing: border-box;
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            -ms-transition: all .5s;
            -o-transition: all .5s;
            transition: all .5s;
        }

        .categCat ul li:hover a{
            margin-top: -30px;
            background: #d40202;
        }

        .categCat ul li a:before{
            content:"";
            position: absolute;
            top: 0;
            left: 50%;
            margin-left: -20px;
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 0 20px 0 20px;
            border-color: transparent transparent rgba(0,25,55,.7) transparent;
            -webkit-transition: all .2s;
            -moz-transition: all .2s;
            -ms-transition: all .2s;
            -o-transition: all .2s;
            transition: all .2s;
        }

        .categCat ul li:hover a:before{
            top: -10px;
            border-bottom-width: 10px;
            border-bottom-color: #d40202;
        }

            .categCat ul li a h3{
                font-weight: 300;
                color: #fff;
                font-size: 40px;
                text-transform: uppercase;
            }

            .categCat ul li a span{
                font-weight: 300;
                color: #fff;
                font-size: 12px;
                font-style: italic;
            }

            .categCat ul li a .backToTopLight{
                -webkit-transform: rotate(0deg);
                -moz-transform: rotate(0deg);
                -ms-transform: rotate(0deg);
                -o-transform: rotate(0deg);
                transform: rotate(0deg);
                height: 55px;
                width: 56px;
                margin: 15px auto 0;
                -webkit-transition: all .5s;
                -moz-transition: all .5s;
                -ms-transition: all .5s;
                -o-transition: all .5s;
                transition: all .5s;
            }.categCat ul li a .backToTopLight:hover{
                 background-position: -188px -59px;
             }

            .categCat ul li:hover a .backToTopLight{
                -webkit-transform: rotate(450deg);
                -moz-transform: rotate(450deg);
                -ms-transform: rotate(450deg);
                -o-transform: rotate(450deg);
                transform: rotate(450deg);
            }


			
@-moz-document url-prefix() { 
	.categCat ul li div.mask .maskContent{
		position:relative;
		top:50%;
		margin-top:-57px;	
	}
}
			
			
@media screen and (-webkit-min-device-pixel-ratio:0) { 

	::i-block-chrome, .categCat ul li img{
		height: auto;
	}
		
}