html {
	margin-top: 0;
	height: 100%;
}
body {
	margin: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	font-family: 'Quicksand', sans-serif;
	-webkit-text-stroke: 0.2px;
}
#wrapper {
	position: relative;
	height: 100%;
	width: 100%;
	 min-height: 550px;
}

.block {
  text-align: center;
  }
  
 .block:before {
  content: '';
  display: inline-block;
  height: 100%; 
  vertical-align: middle;
    
  /* For visualization 
  background: #808080; width: 5px;
  */
 }
 
.centered {
  display: inline-block;
  vertical-align: middle;
  max-width:800px;
  max-height:80%;
 } 

.vert_pai {display: table;} 

.vert_filho{
    display: table-cell;
    vertical-align: middle;
}

.meio_pai{
    margin: 0 auto;
    float: left;
    left: 50%;
    position: relative;
}

.meio_filho{
    float: left;
    position: relative;
    right: 50%;
}

.vert2_pai{
display: table; height: 100%; position: relative; overflow: hidden;  width:100%; position: relative;
}

.vert2_filho{
   display: table-cell; vertical-align: middle; height:100%; width:100%;  position: relative;
}


.vert3_pai {
    display: table;
    height: 100%;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: 1000;
}

.vert3_filho  {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

/*
************
* =main
************
*/

.main { 
    display: block;
    height: 100%;
    margin-left: 20%;
    overflow: hidden;
    position: relative;
}

.img_modal{
height: 100%; 
width: auto;
}

.main_principal h2 {
    font-size: 80px;
    font-weight: 300;
    letter-spacing: -0.1em;
    margin: 0;
    position: absolute;
    text-transform: uppercase;
	text-shadow: 3px 0px 6px rgba(0, 0, 0, 0.5);
}

.slider li {
width:100%;
height:100%;
}

.slider {
height:100%
}

.preto{
color:black;
}

.branco{
color:white;
}

.tc_esq_baixo{
 bottom: 50px;
 left: 100px;
}

.tc_dir_baixo{
 bottom: 50px;
 right: 50px;
}

.tc_dir_cima{
 top: 25px;
 right: 50px;
}

.tc_esq_cima{
 top: 25px;
 left: 80px;
}







#foto_principal {
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	width:100%;
	height:100%
  
}

/*
************
* =pagina inicial coleções
************
*/
.colecoes {
	width: 100%;
	height: 100%;
	position: relative;
}

.colecoes  li{
    background-position: 50% 50%;
    background-repeat: no-repeat;
    float: left;
    height: 100%;
    list-style: none outside none;
    transition: all 0.4s ease 0s;
    width: 25%;
	position: relative;
		box-shadow: 6px 0px 15px rgb(30,30,30);
		
}

.colecoes > a > li > div:hover{
opacity: 1;
}

.colecoes > li > div:hover{
opacity: 1;
}

a.cada_colecao{
	width: 25%;
	height: 100%;
	display: table-cell;
	box-shadow: 6px 0px 15px rgb(30,30,30);
	position: relative;
}
div.cada_colecao{
	width: 100%;
	height: 100%;
	filter: alpha(opacity=40);
	opacity:0.4;
	transition: opacity 0.5s ease-in-out 0s;
}
div.cada_colecao:hover{
	opacity: 1;
	transition: opacity 0.5s ease-in-out 0s;
}


.colecoes_menu_foto{
opacity:0.7;
	transition: opacity 0.5s ease-in-out 0s;
}

#primeiros_passos {
	background: url(assets/img/bg-baby.jpg) no-repeat scroll center center  rgba(0, 0, 0, 0);

	z-index: 50;
	-webkit-background-size: cover;
		background-size: cover;
	
}

#infantil-girls{
	background: url(assets/img/bg-girls.jpg)  no-repeat scroll center center  rgba(0, 0, 0, 0);

	z-index: 40;
	-webkit-background-size: cover;
		background-size: cover;

}

#infantil{
	background: url(assets/img/bg-kids.jpg)  no-repeat scroll center center  rgba(0, 0, 0, 0);

	z-index: 40;
	-webkit-background-size: cover;
		background-size: cover;

}

#infantil-boys{
	background: url(assets/img/bg-boys.jpg)  no-repeat scroll center center  rgba(0, 0, 0, 0);

	z-index: 40;
	-webkit-background-size: cover;
		background-size: cover;

}

#tween{
	background: url(assets/img/bg-tween.jpg)  no-repeat scroll center center rgba(0, 0, 0, 0);
	z-index: 30;
	-webkit-background-size: cover;
	background-size: cover;
}
#acessorios{
	background: url(assets/img/bg-acessorio.jpg)  no-repeat scroll center center rgba(0, 0, 0, 0);
	z-index: 20;
	-webkit-background-size: cover;
	background-size: cover;
}

.colecoes > a > li > div > div > h2{
	color: black;
	width:70%;
	background-color: white;
	padding: 12px;
	text-transform: lowercase;
	line-height: 25px;
	font-size: 1.2em;
	display: inline-block;\	
	/* pointer-events: none; */
}

#id_infantil > li:hover > #infantil div {
display:none;
}

.colecoes > a > li:hover > .colecoes_menu_foto{
opacity:1;
}



/*
************
* =menu_colecoes / página dos itens
************
*/
.menu-colecoes-container{
	width: 102%;
	height: 50px;
	display: table;
	position: relative;
	margin-left: -10px;
}
.menu-colecoes-container li.menu-item{
	width: 20%;
	display: table-cell;
	vertical-align: middle;
	-webkit-box-shadow: inset 2px -2px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 2px -2px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 2px -2px 3px rgba(0, 0, 0, 0.5);
}
.menu-colecoes-container li.current-menu-item{
	-webkit-box-shadow: 0px 4px 0px white, -2px -2px 3px rgba(50,50,50, 0.6);
	-moz-box-shadow: 0px 4px 0px white, -2px -2px 3px rgba(50,50,50, 0.6);
	box-shadow: 0px 4px 0px white, -2px -2px 3px rgba(50,50,50, 0.6);
}

.menu-colecoes-container li:first-child:not(.current-menu-item){
	-webkit-box-shadow:inset 3px 3px 6px white, inset 2px -2px 3px #646464 inset;
	-moz-box-shadow:inset 3px 3px 6px white, inset 2px -2px 3px #646464 inset;
	box-shadow: inset 3px 3px 6px white, inset 2px -2px 3px #646464 inset;
}

.menu-colecoes-container li.menu-item a{
	display: block;
	padding: 25px;
	text-align: center;
	font-size: 1.2em;
}
/*
************
* =catálogos
************
*/
#capas{
	width: 180px; 
 position: absolute;  
	height: 100%;
	float: left;
	padding: 20px 10px 0;
	z-index: 1000;
	padding: 0 10px;
	 box-shadow: 6px 0px 9px 0px rgba(50, 50, 50, 0.28);
	 -webkit-box-shadow: 6px 0px 9px 0px rgba(50, 50, 50, 0.28);
-moz-box-shadow:    6px 0px 9px 0px rgba(50, 50, 50, 0.28);
}
.royalSlider{
	float: left;
}



.catalogo_thumb_box{
float:left;
width:100%;
margin-bottom:20%;
padding: 0 10px;
}

.catalogo_thumb_titulo {
    text-align: center;
	margin-top:5px;
	padding: 0 10px;
}

.catalogo_thumb_box img{
width:75%;
height:auto;
margin-left: 12.5%;
}

/*
************
* =menu_lojas
************
*/
.menu-cidades_lojas-container {
	width: 200px;
	height: 100%;
	float: left;
	text-align: center;
	box-shadow: 1px 0 7px rgba(0, 0, 0, 0.5);
	z-index: 80;
	display: table;
}
ul.menu_cidades{
	display: table-cell;
	vertical-align: middle;
	overflow:hidden;
}
ul.menu_cidades a{
	text-decoration: none;
	font-family: 'Quicksand', sans-serif;
	color: black;
	position:relative;
}
ul.menu_cidades a:hover {
	color: #afafaf;
}
.menu_cidades li{
	margin: 20px 0;
	font-size: 1.1em;
	line-height: 1.1;
}
.menu-lojas_sp-container, .menu-lojas_ribeirao-container{
	display: table;
	width: 200px;
	height: 100%;
	position: absolute;
	text-align: center;
	box-shadow: 1px 0px 15px rgb(30,30,30);
	z-index: 70;
	left: 300px;
}
.menu-cidades_lojas-container ul li#menu-item-42 a:hover ~ .menu-lojas_sp-container{
	position: absolute;
	left: 200px;
	background-color: green;
	color: green;
}
li#menu-item-45 a:active + .menu-lojas_ribeirao-container{
	left: 0;
}


.loja_box {
display: table;
    margin: 50px auto 0;
    max-width: 850px;
    width: 90%;
}
.loja_box *{
	-webkit-text-stroke: 0.3px;
	}

.loja_box img {
width:100%;
height:auto;
}

.content_contato{
background-color: #FFFFFF;
   padding: 25px;
line-height:20px;
text-align:justify;
margin-left:5%;
max-width: 800px;
margin-right: 5%;
    max-height: 80%;
	transition: all 0.2s ease-in-out 0s;
}

.content_contato form{
font-size:0.8em;
}

.content_contato hr {    background-color: #F16A6D;
    color: #F16A6D;
    height: 1px;
    width: 60%;
	margin-top: 15px;
	margin-bottom:15px;

}


.content_contato a:hover {
    border-bottom: 1px solid #808080;
}

.loja_box h1 {
    font-size: 30px;
    letter-spacing: -0.1em;
    margin-bottom: 16px;
    margin-left: 5px;
    text-align: left;
	border-bottom: 1px solid #F16A6D;
}

.lojas_conteudo {
    height: 100%;
    overflow: auto;
	position:relative;
	display:block;
}


.loja_box_conteudo {
    border: 1px dashed #464547;
    display: table;
    float: left;
    font-size: 16px;
    height: 285px;
    line-height: 26px;
    margin-right: 15px;
    margin-top: 30px;
padding: 0 10px;
    text-align: center;
	letter-spacing: -0.5px;
    width: 48%;
}

.loja_box_conteudo h5 {
     word-break: break-all;

}


.loja_box_conteudo hr {
    background-color: #F16A6D;
    color: #F16A6D;
    height: 1px;
    width: 30%;
	margin-top: 15px;
	margin-bottom:15px;
}


.loja_box_mapa {
    float: right;
    margin-top: 30px;
	width: 48%;
	height: 285px;
}

.loja_box_mapa iframe {
width:100%;
height:100%;
}

.slider_wrapper { 
    display: block;
    float: left;
    height: 100%;
    position: relative;
    width: 100%;
	 padding-left: 180px;
}
 
.content_histfranq {
background-color: #FFFFFF;
   padding: 25px;
line-height:20px;
text-align:justify;
margin-left:5%;
max-width: 800px;
margin-right: 5%;
}

.content_franq {
padding:0px;
max-width: 800px;
line-height:20px;
 overflow: hide;
 max-height:80%; 
 position:relative;
border-style:solid;
border-color:white;
border-width:8px;
border-left-width: 20px;
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}



.content_histfranq img:first-child {
    height: auto;
    margin-bottom: 20px;
    width: 100%;
}

.content_histfranq h1 {
    border-bottom: 1px solid #F16A6D;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
    padding-bottom: 5px;
	 margin-top: 30px;
}

.content_histfranq  p{
margin-bottom:15px;
margin-top:5px;
line-height:20px;
}

.content_histfranq li {
   margin-bottom:5px;
   font-size:0.95em;
    margin-left: 20px;
}

.content_histfranq ul { 
   list-style-type: disc; 
   list-style-position: inside; 
   margin-bottom:10px;
   
}
.content_histfranq ol { 
   list-style-type: decimal; 
   list-style-position: inside; 
      margin-bottom:10px;
}
.content_histfranq  ul ul, ol ul { 
   list-style-type: circle; 
   list-style-position: inside; 
   margin-left: 15px; 
}
.content_histfranq ol ol, ul ol { 
   list-style-type: lower-latin; 
   list-style-position: inside; 
   margin-left: 15px; 
}

.content_franquia h1{
cursor: pointer;
transition: all 0.4s ease 0s;
  width: 100%;
}

.content_franquia h1:hover{
opacity:0.5;
  width: 50%;
  
}

.content_franquia div:first-of-type{
 display: block;
}

.accordion{
 display: none;
}


.content_contato h1{
cursor: pointer;
transition: all 0.4s ease 0s;
  width: 100%;
      border-bottom: 1px solid #F16A6D;
    font-size: 1.5em;
    font-weight: 400;
    letter-spacing: -0.05em;
    margin-bottom: 20px;
    padding-bottom: 5px;
	 margin-top: 30px;
}

.content_contato h1:hover{
opacity:0.5;
  width: 50%;
  
}

.content_contato div:first-of-type{
 display: block;
}

#gallery-1 {
  width: 100%;
  height:100%;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}

.ldg{
position:absolute;
display:none;
width:100%;
height:100%;
z-index:1000;
}
 

.ldg img {
    border: 5px solid #FFFFFF;
    border-radius: 10px;
    height: 60px;
    left: 50%;
    margin-left: -30px;
    margin-top: -30px;
    position: absolute;
    right: 0;
    top: 50%;
    width: 60px;
    z-index: 999;
}

.load_more {
    border-top: 1px dashed #F16A6D;
    height: 30px;
    padding-top: 10px;
    text-align: center;
}

.linha_pontilhada{
    border-top: 1px dashed #F16A6D;
    display: inline-block;
    padding-top: 10px;
    text-align: center;
    width: 100%;
}

#capas {
overflow:auto;
padding: 20px 0;
display:block;
}

#form_busca{
    display: block;
    float: left;
}


.fomulario  label {
    float: left;
    margin-right: 10px;
    overflow: hidden;
    text-align: right;
    width: 120px;
}


.formulario > h2 {
    border-bottom: 1px solid #F16A6D;
    font-size: 1.3em;
    margin: 20px 0;
    padding-bottom: 5px;
}

.rsDefault .rsThumb.rsNavSelected {
	background: none repeat scroll 0 0 #fdfffe;
}

/** initial setup **/
.nano {
  position : relative;
  width    : 100%;
  height   : 100%;
  overflow : hidden;
}
.nano > .nano-content {
  position      : absolute;
  overflow      : scroll;
  overflow-x    : hidden;
  top           : 0;
  right         : 0;
  bottom        : 0;
  left          : 0;
  padding: 25px; 
}
.nano > .nano-content:focus {
  outline: thin dotted;
}
.nano > .nano-content::-webkit-scrollbar {
  visibility: hidden;
}
.has-scrollbar > .nano-content::-webkit-scrollbar {
  visibility: visible;
}
.nano > .nano-pane {
  background : rgba(0,0,0,.25);
  position   : absolute;
  width      : 10px;
  right      : 0;
  top        : 0;
  bottom     : 0;
  visibility : hidden\9; /* Target only IE7 and IE8 with this hack */
  opacity    : .01;
  -webkit-transition    : .2s;
  -moz-transition       : .2s;
  -o-transition         : .2s;
  transition            : .2s;
  -moz-border-radius    : 5px;
  -webkit-border-radius : 5px;
  border-radius         : 5px;
}
.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0,0,0,.5);
  position              : relative;
  margin                : 0 1px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}
.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility : visible\9; /* Target only IE7 and IE8 with this hack */
  opacity    : 0.99;
}