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

section#StoreFinder .prodBannerTop {
	background-size:cover !important;
	background-position: 0 0;
	background-attachment:fixed;
	height:190px;
	padding: 2px 40px 80px 150px;
	position:relative;
	overflow:hidden;
}

	section#StoreFinder .prodBannerTop .obliqueLine{
		width: 200px; 
		height: 120px; 
		border-bottom: 1px solid #000; 
		-webkit-transform: translateY(15px) translateX(-221px) rotate(-60deg);
		-moz-transform: translateY(15px) translateX(-221px) rotate(-60deg);
		-o-transform: translateY(15px) translateX(-221px) rotate(-60deg);
		transform: translateY(15px) translateX(-221px) rotate(-60deg);
		display:block;	
		position:relative;
		z-index:2;
	}
	
	section#StoreFinder .prodBannerTop #map{
		position:absolute;
		top:0px;
		left:0;
		bottom:0;
		right:0;
		z-index:1;
		/*min-height:500px;*/
	}
	
	section#StoreFinder .prodBannerTop .mask{
		position:absolute;
		display:block;
		left:0;
		bottom:0;
		width:100%;
		height:32px;
		background:rgba(255,255,255,0.8);
		z-index:2;
		text-align:center;
	}
	
		section#StoreFinder .prodBannerTop .mask div{
			position:relative;
			display:table;
			margin:0 auto;
			text-transform:uppercase;
			opacity:0.4;
			cursor:pointer;
			width: 100px;
			-webkit-transition:all .2s;
			-moz-transition:all .2s;
			-o-transition:all .2s;
			transition:all .2s;
		} section#StoreFinder .prodBannerTop .mask div:hover{
			opacity:1;
		}
			
			section#StoreFinder .prodBannerTop .mask span{
				opacity:0.6;
				-webkit-transition:all .2s;
				-moz-transition:all .2s;
				-o-transition:all .2s;
				transition:all .2s;
				cursor:pointer;
			} section#StoreFinder .prodBannerTop .mask:hover span{
				opacity:1;
			}
		
			section#StoreFinder .prodBannerTop .mask span.icon{
				position:relative;
				display:inline-table;
				top: 6px;
				margin: 0px 5px;
			} section#StoreFinder .prodBannerTop .mask span.icon:hover{
				background-position: -30px -119px;
			}

section#StoreFinder  section{
	position:relative;
	display:block;
}
	
	section#StoreFinder  section .storeInfo{
		position:relative;
		display:block;
		background:#f1efef;
		padding:25px 65px 25px 10%;
		width: 20%;
		min-height:845px;
	} 
	
		section#StoreFinder  section .storeInfo .triangle{
			position: absolute;
			right: -200px;
			top: 0;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 600px 0 0 200px;
			border-color: transparent transparent transparent #f1efef;
		}
	
		section#StoreFinder  section .storeInfo .storeList,
		section#StoreFinder  section .storeInfo .selectedStore{
			position:absolute;
			-webkit-transition:all .3s;
			-moz-transition:all .3s;
			-o-transition:all .3s;
			transition:all .3s;
		}
		
		section#StoreFinder  section .storeInfo .storeList{
			opacity:1;
			left:35%;
            z-index:2;
			-webkit-transform: scale(1);
			-moz-transform: scale(1);
			-o-transform: scale(1);
			transform: scale(1);
		} section#StoreFinder  section .storeInfo.open .storeList{
			opacity:0;
            z-index:1;
			-webkit-transform:scale(0.8);
			-moz-transform:scale(0.8);
			-o-transform:scale(0.8);
			transform:scale(0.8);
		}
		
		section#StoreFinder  section .storeInfo .selectedStore{
			opacity:0;
			left:50%;
            z-index:1;
		} section#StoreFinder  section .storeInfo.open .selectedStore{
			opacity:1;
			left:35%;
            z-index:2;
		}
	
			section#StoreFinder  section .storeInfo .storeList a{
				position:relative;
				display:block;
				color:#6b6b6b;
				font-size:14px;
				line-height:14px;
				margin:10px 0;
				font-weight:200;
			} section#StoreFinder  section .storeInfo .storeList a:hover{
				color:#d40202;
			}
	
		section#StoreFinder  section .storeInfo h1{
			color:#d40202;
			font-size:60px;
			line-height:60px;
			font-weight:200;
			text-transform:uppercase;
		}
		
		section#StoreFinder  section .storeInfo h2{
			color:#d40202;
			font-size:34px;
			margin-bottom:20px;
			line-height:34px;
			font-weight:200;
			text-transform:uppercase;
		}
		
		section#StoreFinder  section .storeInfo .divider{
			position:relative;
			display:block;
			margin-top:30px;
		}
		
			section#StoreFinder  section .storeInfo .divider span.icon{
				display:block;
				opacity:0.7;
				margin-bottom:10px;
			}
			
			section#StoreFinder  section .storeInfo .divider h1{
				display:block;
				font-size:24px;
				color:#6b6b6b;
				margin-bottom:10px;
				line-height:24px;
			}
			
		section#StoreFinder  section .storeInfo p{
			position:relative;
			display:block;
			font-weight:400;
			font-size:12px;
			color:#6b6b6b;
		}
	
			section#StoreFinder  section .storeInfo p b{
				font-size:14px;
				margin-right:10px;
			}
		
		section#StoreFinder  section .storeInfo .storeTools{
			margin:50px 0 25px 0;
		}
		
		section#StoreFinder  section .storeInfo .backToList{
			position:relative;
			display:block;
			border:1px solid #d40202;
			padding:10px 4px;
			font-size:14px;
			line-height:14px;
			color:#d40202;
			text-align:center;
			-webkit-transition:all .2s;
			-moz-transition:all .2s;
			-o-transition:all .2s;
			transition:all .2s;
		} section#StoreFinder  section .storeInfo .backToList:hover{
			border-color:#000;
			color:#000;
			text-decoration:none;
		}
		
			section#StoreFinder  section .storeInfo .backToList span.icon,
			section#StoreFinder  section .storeInfo .backToList span.icon:hover{
				background-position: -53px -119px;
				position:relative;
				float:left;
				top:-3px;
			} section#StoreFinder  section .storeInfo .backToList:hover span.icon{
				background-position: -30px -119px;
			}
			
		section#StoreFinder  section .storeInfo .nextStore{
			position:relative;
			display:block;
			border:1px solid #d40202;
			padding:10px 4px;
			font-size:14px;
			line-height:14px;
			color:#d40202;
			margin-top:5px;
			text-align:center;
			-webkit-transition:all .2s;
			-moz-transition:all .2s;
			-o-transition:all .2s;
			transition:all .2s;
		} section#StoreFinder  section .storeInfo .nextStore:hover{
			border-color:#000;
			color:#000;
			text-decoration:none;
		}
		
			section#StoreFinder  section .storeInfo .nextStore span.icon,
			section#StoreFinder  section .storeInfo .nextStore span.icon:hover{
				background-position: -53px -119px;
				position:relative;
				float:right;
				top:-3px;
			} section#StoreFinder  section .storeInfo .nextStore:hover span.icon{
				background-position: -30px -119px;
			}
	
	section#StoreFinder  section .mapaLojas{
		position:absolute;
		top:0;
		left: 57%;
		width: 35%;
	}
	
		section#StoreFinder  section .mapaLojas .locator{
			position:relative;
			left:-25%;
		}
		
			section#StoreFinder  section .mapaLojas .locator h1{
                margin-top: 25px;
				color:#000;
				font-weight:200;
				text-transform:uppercase;
			}
		
				section#StoreFinder  section .mapaLojas h1 span.big{
					display:block;
					font-size:50px;
                    line-height: 50px;
				}
				
				section#StoreFinder  section .mapaLojas h1 span.small{
					font-size:30px;
				}
				
				section#StoreFinder  section .mapaLojas .locator .cpLocator{
					position:relative;
					margin:40px 0px 20px;
				}
				
					section#StoreFinder  section .mapaLojas .locator .cpLocator p{
						font-size:15px;
						color:#000;
						font-weight:400;
					}
					
					section#StoreFinder  section .mapaLojas .locator .cpLocator input{
						position:relative;
						display:inline-block;
						width:250px;
						padding:8px 7px 7px;
						color:#000;
						border:1px solid #6a6868;
						margin-top:15px;
					}
					
					section#StoreFinder  section .mapaLojas .locator .cpLocator a.searchStore{
						position:relative;
						display:inline-block;
						background:#d40202;
						padding: 5px;
						top: 11px;
						left: -32px;					
					}
		
		section#StoreFinder  section .mapaLojas svg{
			position:absolute;
			top:130px;
			left:35%;
		}
			
		section#StoreFinder  section .mapaLojas svg g.hasStores{	
			cursor:pointer;
		}
		
		section#StoreFinder  section .mapaLojas svg > g > path{
            fill: #ebebeb !important;
        }
		section#StoreFinder  section .mapaLojas svg g.hasStores > path{
			/*fill:#F7F6F6 !important;*/
			-webkit-transition:all .2s;
			-moz-transition:all .2s;
			-o-transition:all .2s;
			transition:all .2s;
		} section#StoreFinder  section .mapaLojas svg g.hasStores:hover > path{
			fill:#b5b5b5 !important;
		}
		
		section#StoreFinder  section .mapaLojas svg g .storeMarker{
			opacity:0 !important;
		} section#StoreFinder  section .mapaLojas svg g.hasStores .storeMarker{
			opacity:0.7 !important;
			-webkit-transition:all .2s;
			-moz-transition:all .2s;
			-o-transition:all .2s;
			transition:all .2s;
		} section#StoreFinder  section .mapaLojas svg g.hasStores:hover .storeMarker{
			opacity:1 !important;
		}
			
		section#StoreFinder  section .mapaLojas svg g.hasStores:hover .storeMarker .marker{
			fill:#8d8d8d !important;
			-webkit-transition:all .2s;
			-moz-transition:all .2s;
			-o-transition:all .2s;
			transition:all .2s;
		} section#StoreFinder  section .mapaLojas svg g.hasStores:hover .storeMarker .marker{
			fill:#FF0000 !important;
		}
		
			section#StoreFinder  section .mapaLojas svg g.hasStores g.lettering g path{
				fill:#6a6a6a !important;
			}