@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');




.container-fluid{padding: 0; margin: 0}
.container-1{width: 90%; margin-left: 5%}
	

/* 
.container-fluid{background-color: antiquewhite}
.container{background-color: red}
.container1{background-color: yellow}
.row{background-color:#E2E0E0}
.p2{background-color: darkviolet}

*/ 

	

#progressbarJS {background-color: #000 !important;height: 5px; position: fixed; top: 0; left: 0;width: 0%; z-index: 9999}













html{font-size: 1.125rem; scroll-behavior: smooth;}
body{font-family: 'Montserrat', sans-serif; font-weight: 300; color: #1E1E1E }

h1, h2, h3{font-weight: 800; margin-bottom: 5%; color: #110C24}
h4, h5 {font-weight: 700; color: #110C24}
h6 {font-weight: 600; color: #444243}


a{font-weight: 200; color: #5A5757}
a:hover{text-decoration: none; color:#7D7B7B;}

.font-1{font-size: .7rem;  color: #110C24}
.font-2{font-size: .6rem;}
.font-3{font-size: .7rem;}


.bt-1 {font-weight: 600}

.btn-2 {font-weight: 800; border: 1px solid #707070; width: 80px; margin: 2% 3% 0 0 }

.fendi{color: #A47864}

.bg-fendi{background-color: #9C8786}
.bg-cinza{background-color: #F6F6F6}

.bgd-cinza              

{/* ff 3.6+ */
    background:-moz-linear-gradient(180deg, #F6F6F6 58%, #FFFFFF 58%); 

    /* safari 5.1+,chrome 10+ */
    background:-webkit-linear-gradient(180deg, #F6F6F6 58%, #FFFFFF 58%);

    /* opera 11.10+ */
    background:-o-linear-gradient(180deg, #F6F6F6 58%, #FFFFFF 58%);

    /* ie 6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F6F6F6', GradientType=1 );

    /* ie 10+ */
    background:-ms-linear-gradient(180deg, #F6F6F6 58%, #FFFFFF 58%);

    /* global 94%+ browsers support */
    background:linear-gradient(180deg, #F6F6F6 58%, #FFFFFF 58%);

}
    

strong{font-weight: 600}
            

.row{padding: 0; margin: 0}
.col-sm{padding: 0; margin: 0}



/*margins*/

.my-10{margin-top: 7%; margin-bottom: 7%}
.ml-10{margin-left: 7%}
.mt-10{margin-top: 7%}
.mb-10{margin-bottom: 7%}

/*tamanhos*/
.w-35{width: 35%}


.card{background-color: transparent; border-left: none; border-right: 0}


.card button{background-color: transparent; border: none; font-family: 'Montserrat', sans-serif; color: #88878A;}

.card-body {padding: 5% 0;}

.card .table {margin-bottom: 0}



.blog .card{background-color:#FAFAFA}
.blog .card-body {padding: 0 0;}


.absolute{position: absolute; z-index:999}

.card-text{height: 90px}





.form-control {font-weight: 600; border: 1px solid #DBDBDB; border-radius: 6px; font-size: 0.7rem; color: #88878A; width: 90%; margin-left: 5%}

.bt-form{font-weight: 600; border: 1px solid #DBDBDB; border-radius: 6px; font-size: 0.7rem; color:#110C24; width: 162px;height: 40px; margin: 2% 2%; background: none }


.banner-produtos h1 {text-transform: uppercase}

.menu-migalha a{margin: 3px; font-weight: 500; color: #9C8786}

.menu-migalha a:hover{color: #000}



.cores{padding: 7px}


.logo{top: 1.5rem; left: 2rem;}
.logo-nav{width: 60%; margin-bottom: 20%; }

.logo2{width: 20%}


.w-logo{width: 70%; margin-bottom: 30%}

.a-banner{width: 100%; text-align: left; padding-left: 10%; position: absolute;z-index: 888888}

.btn-outline-secondary:hover{background-color:#EDEDED;}
/*.a-banner h1{text-transform: uppercase}*/

.font-migalha{font-size: .6rem; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"}

  .whats-footer {
          position: fixed;
          bottom: 5px;
          right: 5px;
	  z-index: 9999999999999999999999999;}

@media (max-width: 575.98px) {
	
	.container-fluid{text-align: center}
	.container-2{width: 80%; margin-left: 10%}
	
	p{width: 90%; font-size: 0.7rem; margin: 0 0 0 5%}
	
	h1{font-size: 1.5rem}
	h2{font-size: 1.3rem}
	h6{font-size: 0.7rem}
	
	.card .table {width: 400px; font-size: 0.7rem}
	
	.seta{width: 20%}
	
	.blog{margin-left: 5%}

	.bt-form{ margin: 5%}
	
	.banner-produtos h1 {padding-left: 8%}

	
	.medidas{max-width: 90%;  margin-top: 20%;}
	
	.banner-produtos .btn {padding: 7px;  font-size: 0.7rem;}
	
	.ml-mb1{margin-left: 2%}
	.ml-mb2 {margin-left: 4%}
	
	.logo{top: 1.2rem; left: 1rem; width: 50%}
	.logo-ropade{width: 80%}

  	.banner-mobile{text-align: left; margin-left: 10%; margin-top: -10%;}
  	.w-logo{width: 30%; margin-bottom: 11%}
  	.seta-mobile {margin-top: -10%}	
	
	.card-text{height: 120px}
	.m-logo{width: 30%}
	
	.a-banner .p2{margin: 0}
	
	
	.btn-m{padding: 0.375rem 0.65rem; font-size: .8rem;}
}
@media (min-width: 768px) {

	.container-text{width: 70%;}
	
	.container-2{width: 90%; margin-left: 5%}
	
	p{font-size: 0.6rem;}
	
	h1{font-size: 1.5rem}
	h1{font-size: 2.2rem} .banner-produtos h1{font-size: 3.2rem}
	h2{font-size: 1.238rem}
	h6{font-size: 0.7rem}

	.p1{width: 70%}
	.p2{width: 40%}
	
	
	.pl2{padding-left: 2%}
	.pr2{padding-right: 2%}
	
	.pl5{padding-left: 5%}
	.pr5{padding-right: 5%}
	
	.pl-8{padding-left: 8%}
	.pr-8{padding-right: 8%}
	
	.pt-6{padding-top: 6%}
	.pb-6{padding-bottom: 6%}
	
	.ml-right{margin-left: 30%}
	
	.txt-right{text-align: right}
	
	.accordion{width: 80%; margin-left: 20%}
	
	.card .table {width: 400px; font-size: 0.7rem}
	
	.ipad{
	background-image: url("../img/ipad.jpg");	
	background-repeat: no-repeat;
	background-size: 770px;
    background-position-x: -320px;
	}
	
	.poltrona{width: 66%}
	.poltrona2{width: 86%}
	
		.ml-mb1{margin-left: 5%}
	
	hr{margin-top: -10px}
	
}
@media (min-width: 992px) {
	
	.container-2{width: 70%; margin-left: 15%}
	
	.container-text{width: 60%;}
	

	
	h1{font-size: 2rem}
	h1{font-size: 3rem} .banner-produtos h1{font-size: 4rem}
	h2{font-size: 1.538rem}
	
	.p1{width: 70%}
	.p2{width: 30%}
	
	.ipad{
	background-size: 920px;
    background-position-x: -140px;
	}
	
	.poltrona2{width: 66%}
	


	
.campo{  height: auto;
    width: 96%;
	margin-left: 2%;}




	
}
@media (min-width: 1200px)  {  
	

	
	p{font-size: 1rem;}
	h1{font-size: 3.5rem}  .banner-produtos h1{font-size: 4.5rem}
	h2{font-size: 1.938rem}
	
	.p1{width: 65%}
	.ml-right{margin-left: 35%}
		
	.card .table {width: 500px; font-size: 0.7rem}
	
	.ipad{background-size: 1050px}
	
	.poltrona2{width: 58%}
	
	.w-logo{width: 70%; margin-bottom: 40%}
	
.d-none-1200{display: none}
	
}
@media (min-width: 1919px)  { 
	
	.container-2{width: 50%; margin-left: 25%}
	
	p{font-size: 1rem}
	h1{font-size: 5rem}	.banner-produtos h1{font-size: 6rem}
	h2{font-size: 2.938rem}

	
	.card .table {width: 750px; font-size: 1.3rem}
	.ipad{background-size: 1200px}
	
 	.w-logo{width: 70%; margin-bottom: 60%}
	.d-none-1200{display: block}
	
}
@media (min-width: 2300px) { 
	
	

	.container-text{width: 1200px;}
	
	.img-full{width: 2560px}
	
	p{font-size: 1.3rem}
	
	h1{font-size: 8rem} .banner-produtos h1{font-size: 9rem}
	h2{font-size: 3.938rem}
	
	.card .table {width: 1000px; font-size: 1.3rem}
	.ipad{background-size: 1600px}
	
	.faixa{width: 1500px}
	
	font-migalha{font-size: .8rem; }
	
	
	
	
}





















/*
banner-home banner-home*{margin:0;padding:0;box-sizing:border-box}

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

nav{width: 100%; background-color: darkgray;} .menu{margin: 28px}








.font-15{font-size: 15px}






.ml-100{margin-left: 100px}
.w100{width: 100%; margin: 0}





.c1{padding: 10% 0}
.c1 p{font-size: 12px}
.c1-col1{padding: 5% 0 0 10% }


.c3{margin: 10% 0}
.c3 button {width: 100%; background: none; border: none; padding: 0;}
.card{border-left: none; border-right: none;background-color: transparent}

.table{margin-bottom: 0}
.card-body{padding: 5% 0; font-size: 12px; text-align: center; background-color: white}



.c4{margin: 8% 0}

.c5 {width: 80%; margin-left: 10%}
.c5 p{width: 80%;}
.c5-col2{text-align: right}
	
	
.c6{margin: 10% 0}


.c7-col1{text-align: right;}
.c7-col2{text-align: right}
.c7 h4{margin-right: 10%}
.c7-text{width: 70%; margin-left: 20%}

.faixa{margin-top: 15%}

.c8{width: 60%; margin-left: 20%; margin-top: 10%}

.c8 .card-body{width: 100%; margin: 0; background-color: #F7F3F3}
.c8 h6{padding: 5%}
.c8 a{font-size: 12px; font-weight: 600}
.c8 a:hover{color: #605D5E}


.banner-text{position: absolute; z-index: 9999; left: 5%}



.row{margin: 0; padding: 0;}
.col-sm{margin: 0; padding: 0}



.c10-col1{margin-right: 1%}
.c10-col2{margin-left: 1%}

.c10-col1 p{width: 50%; margin-left: 45%; text-align: right}
.c10-col2 p{width: 50%; margin-left: 5%;}


.c11{width: 90%; margin-left: 2%; margin-top: 10%}
.c12{width: 60%; margin-left: 20%}




@media (max-width: 575.98px) {

	h1{font-size: 1.8rem; font-weight: 700;}
	h2{font-size: 1.5rem; font-weight: 700;}
	h5{font-size: 1rem; font-weight: 700;}
	
	p{font-size: 13px}
	
	.c1{text-align: center}
	.c1 p{width: 80%; margin-left: 10%}
	.c1-col1{padding: 0%}


	.c3{text-align: center}
	.c3-text{width: 80%; margin-left: 10%}
	.c3 p{font-size: 12px}
	.c3-foto{width: 90%}
	
	.c5{text-align: center; }
	.c5 p{width: 100%}
	.c5-col2{text-align: center}
	
	.seta{width: 30%; margin-top: 10%}
	.faixa{margin-left: -20%; margin-top: 2%}

	
	.c7-col1{text-align: center}
	.c7-col2{text-align: center}	
	.c7-text{width: 80%; margin-left: 10%}
	.c7-foto{width: 100%; display: none}
	
	
	.banner-text{top: 6%}
	.seta1{width: 40%}
	
	.bloco-text {width: 90%; margin: 15% 0 15% 5%}
	
	.c10 h2 {text-align: center}
	.c10-col1 p{width: 90%; margin-left: 5%; text-align: center}
	.c10-col2 p{width: 90%; margin-left: 5%; text-align: center}


	
	.seta3{display: none}
}
@media (min-width: 768px) and (max-width: 991.98px) {		
	
	h1{font-size: 3rem;}
	h2{font-size: 1.8rem; font-weight: 700;}
	h4{font-size: 1.6rem}
	h5{font-size: 1rem; font-weight: 700;}

	.c1-col1{padding-top: 2%}


	.c3-text{width: 80%; margin-left: 10%; text-align: center}
	.c3 p{font-size: 12px}
	
	.c5 p{width: 100%}
	.c5-col2{text-align: center}
	
	.seta{width: 30%; margin-top: 10%; margin-left: 30%}
	.faixa{margin-top: 5%}
	
	.c8{width: 90%; margin-left: 5%}
	.c8 .card{width: 100%}
	
	
	.banner-text{top: 6%}
	.seta1{width: 50%}
	
	.bloco-text {width: 80%; margin: 10% 0 10% 10%}
	

	
	.c10-col1 p{width: 90%; margin-left: 5%;}
	.c10-col2 p{width: 90%; margin-left: 5%;}


}
@media (min-width: 992px) and (max-width: 1199.98px) { 
	
	h4{font-size: 2rem}
	
	p{font-size: 15px}
	
	.c1-col1{padding-top: 5%}
	.c1 p{width: 70%}
	
	
	
	.c3{text- margin-right:  align: right}
	.c3-text{width: 40%; position: absolute; z-index: 9999; right: 10%; top: 114%;}
	.c3 p{font-size: 12px; width: 80%; margin-left: 20%;}

	.c3-foto{width: 60%}
	
	.accordion{width: 85%; margin-left: 25%;}
	.card-body{width: 90%; margin-left: 5%}
	
	.c5 p{width: 90%}
	
	.c8{width: 80%; margin-left: 10%}
	
	.banner-text{top: 10%}
	.seta1{width: 50%}
	
	.bloco-text {width: 70%; margin: 10% 0 10% 15%}
	
	
	
	.c10-col1 p{width: 90%; margin-left: 5%;}
	.c10-col2 p{width: 90%; margin-left: 5%;}
	
}
@media (min-width: 1200px) and (max-width: 1899.98px) {  

	h1{font-size: 4rem}
	h4{font-size: 2rem}
	
	.c1-col1{padding-top: 7% }
	.c1 p{width: 80%}

	.c3{text-align: right}
	.c3-text{width: 40%; position: absolute; z-index: 9999; right: 10%; top: 2030px;}
	.c3 p{font-size: 12px; width: 80%; margin-left: 20%;}

	.c3-foto{width: 70%}
	
	.accordion{width: 85%; margin-left: 25%;}
	.card-body{width: 90%; margin-left: 5%}
	
	.c5 p{width: 90%}
	
	.banner-text{top: 22%}
	.seta1{width: 50%}

	.bloco-text {width: 70%; margin: 10% 0 10% 15%}

	
	
	
}

@media (min-width: 1390px) and (max-width: 1500.98px) {  /* VERIFICAR ////////////////// 
	
	.c3-text{; top: 2310px;}
	
	
	
}
@media (min-width: 1919px) and (max-width: 2000.98px) { 
	
	h1{font-size: 5rem}
	h4{font-size: 3rem}
	
	.c1-col1{padding-top:9%;}
	.c1 p{width: 80%; font-size: 1rem; margin-top: 5% }
	
	
	.c3{text-align: right}
	.c3-text{width: 40%; position: absolute; z-index: 9999; right: 10%; top: 3050px;}
	.c3 p{font-size: 1rem; width: 70%; margin-left: 30%;}

	.c3-foto{width: 70%}
	
	.accordion{width: 85%; margin-left: 25%;}
	.card-body{width: 90%; margin-left: 5%}

	.banner-text{top: 25%}
	.seta1{width: 50%}

	.bloco-text {width: 60%; margin: 10% 0 10% 20%}














/*






h1{text-transform: uppercase; font-weight: 800; line-height: 120%}
h2{font-weight: 800; line-height: 120%}
h3{font-weight: 400;}






.bg-fendi{background-color: #9C8786}


.font-15{font-size: 15px}



.banner-interno	{width: 80%}

.btn2 a{font-weight: 700;}

	
.render-interno{ padding: 0}



.galeria-cores-interno{width: 80%; margin-left: 10%; margin-top: 10%}
.cores{width: 80%; margin: 10px 0}

.galeria-cores-interno hr{margin-top: -2px}
.couros{padding-top: 50px}










@media (max-width: 575.98px) {
	.banner-interno	{width: 80%; text-align: center}
	 
	button{width: 100%}
	.p1{font-size: .8rem}
	.btn1{margin: 8px 0; font-size: .8rem}
	.foto1{margin-top: 20%}
	
	.informacoes-interno{width: 100%; margin-top:  10%; text-align: center} 

	.btn2{margin: 8px 15px; font-size: .8rem}
	.informacoes-interno button{width: 25%}
	.foto2{width: 90%; margin-top: 10%}
	
	
	
	.galeria-cores-interno{width: 96%; margin-left: 2%; margin-top: 10%; font-size: 12px; margin: 0; padding: 0}
	
	.foto-cores{width: 50%; margin-left: 35%}
	.tilte-cores{text-align: center; margin-top: 30px}
	

	
	
}
@media (min-width: 768px) and (max-width: 991.98px) {
	
	p {font-size: .6rem}
	h1{font-size: 3.4rem; margin-top: -30px}
	
	.banner-interno	{width: 90%}
	
	.p1{width: 75%; font-size: .6rem}
	.btn1{font-size: .6rem; padding: 1% 4%; margin-right: 2%}
	.seta1{width: 30%}
	

	.detalhe-interno {width: 90%; margin-left: 5%; margin-top: 5%}
	
	.informacoes-interno{width: 80%; margin-top: 10%;}
	.foto2{width: 300px;margin-top: 15%}

	.btn2{font-size: .6rem; padding: 1% 8%; margin-right: 3%}

	
	.galeria-cores-interno{width: 95%; margin-left: 2%; margin-top: 10%; font-size: 12px; margin: 0; padding: 0}
	
	.foto-cores{width: 90%; margin-top: 80px}

	.couros{padding-top: 50px}
	
}
@media (min-width: 992px) and (max-width: 1199.98px) { 
	
	h1{font-size: 4.5rem;}
	
	.banner-interno	{width: 90%}

	
	.p1{width: 75%; font-size: .7rem}
	.btn1{font-size: .7rem; padding: 1% 6%; margin-right: 2%}
	
	.detalhe-interno {width: 90%; margin-left: 5%; margin-top: 10%}
	.informacoes-interno{width: 70%; margin-top: 10%;}
	.foto2{width: 350px}
	.btn2{ padding: 1% 8%; margin: 3% 6% 0 0 }

	
	.galeria-cores-interno{width: 90%; margin-left: 10%; margin-top: 10%; font-size: 12px; margin: 0; padding: 0}
	
	.foto-cores{width: 60%; margin-top: 130px;margin-left: 30%}

	
	

}
@media (min-width: 1200px) and (max-width: 1899.98px) {  
	

	h1{font-size: 5.5rem;}

	.p1{width: 65%;font-size: .7rem}
	.btn1{font-size: .7rem; padding: 1% 6%; margin-right: 3%}
	.seta1{padding-top: 10%}

	.detalhe-interno {width: 80%; margin-top: 5%}
	.informacoes-interno{width: 60%; margin-top: 10%;}
	.foto2{width: 350px; margin-top: 8%}
	.btn2{ padding: 1% 8%; margin: 3% 6% 0 0 }
	
	.galeria-cores-interno{width: 90%; margin-left: 10%; margin-top: 10%; font-size: 12px; margin: 0; padding: 0}
	
	.foto-cores{width: 60%; margin-top: 130px;margin-left: 30%}
	


	
	
	
	
}
@media (min-width: 1919px) and (max-width: 2000.98px) { 
	
	h1{font-size: 7.4rem;}
	
	.p1{width: 60%;font-size: .9rem}
	.btn1{font-size: .9rem; padding: 1% 7.5%; margin-right: 3%}
	.seta1{padding-top: 10%}

	.detalhe-interno {width: 80%; margin-left: 10%; margin-top: 5%}

	.informacoes-interno{width: 50%; margin-top: 10%;}
	.foto2{width: 450px}
	.btn2{ padding: 1% 8%; margin: 3% 6% 0 0 }

	
	
	.mt5{margin-top: 5%}
	
	
	
	
	
	
}
@media (min-width: 2300px) {
	
	h1{font-size: 10rem;}
		
	.p1{width: 60%;font-size: 1.3rem}
	.btn1{font-size: 1.3rem; padding: 1% 7%; margin-right: 3%}
	.seta1{padding-top: 20%; width: 30%} 
	.foto1{width: 90%}

	.detalhe-interno { margin-top: 5%; text-align: center}

	.informacoes-interno{width: 100%; margin-top: 10%;}

	.btn2{ padding: 1% 8%; margin: 3% 6% 0 0 }



}




/*




/* 




.col-left-1{margin-top: 7%; background-color: darkmagenta}


/* 

.detalhe-interno	{width: 90%;}


.detalhe-interno 	.col-left{background-color:aquamarine;}
.detalhe-interno	.col-center{background-color: beige;}
.detalhe-interno	.col-right{background-color: bisque}











@media (max-width: 575.98px) {
	
	
.banner-interno {text-align: center}
	
.banner-interno 	
	.btn-1{ margin: 3% 0; font-size: 13px ; width: 100%}

	
	
	
	
	
	.banner-interno 	img{ margin-top: 15%}




}

/*@media (min-width: 576px) and (max-width: 767.98px) { ... }






@media (min-width: 768px) and (max-width: 991.98px) {
	
p{font-size: 12px; width: 90%}
a{font-size: 10px}

	
	
.banner-interno 	{width: 90%}
.banner-interno 	h1{font-size: 3.5rem;}
.banner-interno 	.btn{padding-left: 0.6rem; padding-right: 0.6rem; font-size: 13px}
.banner-interno 	img{ margin-top: 50%;}


	
	
	
	
}

@media (min-width: 992px) and (max-width: 1199.98px) { 

p{font-size: 14px;}
a{font-size: 12px}

	
.banner-interno		
.banner-interno 	p{width: 90%;}
.banner-interno 	.btn{padding-left: .8rem; padding-right: .8rem; font-size: 12px}
.banner-interno 	.foto1{margin-top: 10%}




	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}
@media (min-width: 1200px) and (max-width: 1899.98px) {  
	
p{font-size: 14px;}
a{font-size: 14px}
	
	
.banner-interno		
.banner-interno 	p{width: 85%;}
.banner-interno 	.btn{padding-left: 1rem; padding-right: 1rem; font-size: 13px}
.banner-interno 	.foto1{margin-top: 10%}


}












@media (min-width: 1919px) and (max-width: 2000.98px) {  
	
	
.banner-interno		h1{font-size: 7rem;}
.banner-interno		p{width: 60%;}
.banner-interno		.btn{padding-left: 3rem; padding-right: 3rem;}



	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}
	@media (min-width: 2300px) { /* PARA DEIXAR O BRUNO FELIZ! 

p{font-size: 30px;}
a{font-size: 30px}
		
		
.banner-interno 	h1{font-size: 11rem;}
.banner-interno 	p{width: 70%;}
.banner-interno 	.btn{padding-left: 3rem; padding-right: 3rem; margin: 3% 0}
.banner-interno 	.setas{width: 20%}
.banner-interno 	.foto1{width: 150%; margin-top: 20%}


		
		
		
		
		
	}
	
	
	
	
}