.bloco-interno{
	padding-top: 50px;
}
.tit-pagina2{
	margin: 0px auto 65px auto;
	font-size: 22px;
	color: #b0b0b0;
	text-align: center;
	line-height: 1;
}
.bloco-designer{
	width: 100%;
	max-width: 720px;
	height: auto;
	display: table;
	margin: 0px auto;
	padding-bottom: 130px;
}
.coluna-1{
	width: 208px;
	height: auto;
	display: table;
	float: left;
}
.img-designers{
	width: 208px;
	height: auto;
	display: block;
	margin: 0px 0px 25px 0px;
	background-color: #ededed;
}
.img-designers img{
	width: 208px;
	height: auto;
	display: block;
}
.nome-designer{
	color: #616163;
	font-size: 18px;
	text-align: left;
	line-height: 1.2;
	margin: 0px auto 20px;
}
.nome-designer span{
	width: 100%;
	display: inline-block;
	color: #b0b0b0;
}
.midias-designer{
	width: 100%;
	height: auto;
	display: table;
	text-align: left;
}
.midia-designer{
  display: inline-block;
  vertical-align: top;
  width: 23px;
  height: 23px;
  margin: 0px 14px 0px 0px;
}
.midia-designer:before, .midia-designer:after{
  content: '';
  width: 23px;
  height: 23px;
  position: absolute;
  top: 0px;
  left: 0px;
  background-repeat: no-repeat;
  background-image: url(../img/sprite-1.png);
  background-size: 28px auto;
  -webkit-transition: all 300ms ease;
  -o-transition: all 300ms ease;
  transition: all 300ms ease;
} 
.midia-designer:after{
  opacity: 0;
}
.designer-face:before{
  background-position: 50% -63px;
}
.designer-face:after{
  background-position: 50% -162px;
}
.designer-pint:before{
  background-position: 50% -194px;
}
.designer-pint:after{
  background-position: 50% -293px;
}
.designer-insta:before{
  background-position: 50% -328px;
}
.designer-insta:after{
  background-position: 50% -427px;
}
.designer-blog:before{
  background-position: 50% -460px;
}
.designer-blog:after{
  background-position: 50% -559px;
}
.designer-twitter:before{
  background-position: 50% -824px;
}
.designer-twitter:after{
  background-position: 50% -925px;
}
.coluna-2{
	width: 450px;
	height: auto;
	display: table;
	float: right;
}
.texto-designer{
	width: 100%;
	height: auto;
	display: block;
	font-size: 16px;
	margin: 0px auto 50px auto;
	text-align: left;
	line-height: 1.6;
	color: #5c5c5c;
}
.texto-designer p{
	margin: 0px auto 25px auto;
}
.carrossel-designer{
	display: table;
	width: 100%;
	height: auto;
	margin: 0px auto
}
.tit-designer{
	margin: 0px auto 10px auto;
	font-size: 18px;
	color: #5c5c5c;
	text-align: left;
}
.inner-carrossel{
	width: 100%;
	height: auto;
	display: table;
	margin: 0px auto;
}
.carr-designer{
	width: 100%;
	height: 285px;
	overflow: hidden;
	display: block;
}
.box-produto{
	width: 190px;
	height: 285px;
	display: block;
	margin: 0px 5px auto;
	float: left;
}
.tb-boxprod{
	width: 100%;
	height: 230px;
	display: table;
	vertical-align: middle;
	text-align: center;
	margin: 0px auto 5px auto;
}
.tb-boxprod img{
	width: auto;
	max-width: 185px;
	height: auto;
	max-height: 220px;
	display: inline-block;
	vertical-align: middle;
}
.ref-prod{
	text-align: center;
	font-size: 18px;
	color: #595959;
	line-height: 1;
	padding: 0px 3px;
	margin: 0px auto 4px;
	text-transform: uppercase;
}
.linha-boxprod{
	text-align: center;
	font-size: 12px;
	color: #595959;
	line-height: 1.1;
	padding: 0px 3px;
	margin: 0px;
	text-transform: uppercase;
}
.tarja{
	width: 46px;
  height: 46px;
  display: block;
  position: absolute;
  top: 20px;
  right: 60px;
  background-color: #454545;
  color: #fff;
  font-size: 35px;
  text-align: center;
  vertical-align: middle;
  line-height: 46px;
  border-radius: 999px;
  opacity: 0;
  -webkit-transition: all 400ms linear;
  -o-transition: all 400ms linear;
  transition: all 400ms linear;
}
.seta-designer{
	display: block;
	width: 10px;
	height: 22px;
	position: absolute;
	top: 100px;
	border: none;
	box-shadow: none;
	border-radius: 0px;
	background-color: transparent;
	padding:0px;
}
.designer-esq{
	left: 1%;
}
.designer-dir{
	right: 1%;
}
.seta-designer:before{
	content: '';
	width: 15px;
	height: 1px;
	display: block;
	position: absolute;
	top:11px;
	background-color: #616163;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.seta-designer:after{
	content: '';
	width: 15px;
	height: 1px;
	display: block;
	position: absolute;
	bottom:10px;
	background-color: #616163;
	-webkit-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.designer-esq:before, .designer-esq:after{
	left: 0px;
}
.designer-esq:before{
	-webkit-transform: rotate(49deg);
	transform: rotate(49deg);
  -webkit-transform-origin: 0% 100%;
  transform-origin: 0% 100%;
}
.designer-esq:after{
	-webkit-transform: rotate(-49deg);
	transform: rotate(-49deg);
  -webkit-transform-origin: 0% 0%;
  transform-origin: 0% 0%;
}
.designer-dir:before, .designer-dir:after{
	right: 0px;
}
.designer-dir:before{
	-webkit-transform: rotate(49deg);
	transform: rotate(49deg);
  -webkit-transform-origin: 100% 100%;
  transform-origin: 100% 100%;
}
.designer-dir:after{
	-webkit-transform: rotate(-49deg);
	transform: rotate(-49deg);
  -webkit-transform-origin: 100% 0%;
  transform-origin: 100% 0%;
}
@media only screen and (max-width: 320px){
.bloco-designer {
  max-width: 450px;
}
.coluna-1 {
  width: 100%;
  margin: 0px auto 25px auto;
}
.coluna-2 {
  width: 100%;
}
.texto-designer {
  text-align: justify;
  line-height: 1.4;
}
.texto-designer p {
  margin: 0px auto 15px auto;
}


}
@media only screen and (min-width: 321px) and (max-width: 480px){
.bloco-designer {
  max-width: 450px;
}
.coluna-1 {
  width: 100%;
  margin: 0px auto 25px auto;
}
.coluna-2 {
  width: 100%;
}
.texto-designer {
  text-align: justify;
  line-height: 1.4;
}
.texto-designer p {
  margin: 0px auto 15px auto;
}

}
@media only screen and (min-width: 481px) and (max-width: 600px){
.bloco-designer {
  max-width: 450px;
}
.coluna-1 {
  width: 100%;
  margin: 0px auto 25px auto;
}
.coluna-2 {
  width: 100%;
}
.texto-designer {
  text-align: justify;
  line-height: 1.4;
}
.texto-designer p {
  margin: 0px auto 15px auto;
}

}
@media only screen and (min-width: 601px) and (max-width: 767px){
.bloco-designer {
  max-width: 450px;
}
.coluna-1 {
  width: 100%;
  margin: 0px auto 25px auto;
}
.coluna-2 {
  width: 100%;
}
.texto-designer {
  text-align: justify;
  line-height: 1.4;
}
.texto-designer p {
  margin: 0px auto 15px auto;
}

}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.bloco-interno{
	padding-top: 85px;
}

}
@media only screen and (min-width: 1025px){
.bloco-interno{
	padding-top: 85px;
}
.midia-designer:hover:before{
  opacity: 0;
}
.midia-designer:hover:after{
  opacity: 1;
}
.seta-designer:hover:before {
  -webkit-transform: rotate(59deg);
  transform: rotate(59deg);
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.seta-designer:hover:after {
  -webkit-transform: rotate(-59deg);
  transform: rotate(-59deg);
	-webkit-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.box-produto:hover .tarja{
	opacity: 1;
}
}