/*****************************************/
/* producttab */
/*****************************************/
body {
 width:100%;
}

.tableborder {
border-color:#c2c2c2;
border-width:1px;
border-style:solid;
}

.producttab {
padding:5%;
background-color: rgb(255, 255, 255);
}

.producttab section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

.producttab label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #bbb;
  border: 1px solid transparent;
  font-size:0.8em;
}

.producttab label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

.producttab label[for*='1']:before {
  content: '\f1cb';
}

.producttab label[for*='2']:before {
  content: '\f17d';
}

.producttab label[for*='3']:before {
  content: '\f16b';
}

.producttab label[for*='4']:before {
  content: '\f1a9';
}

.producttab label[for*='5']:before {
  content: '\f1a7';
}

.producttab label:hover {
  color: #888;
  cursor: pointer;
}

#content1 {
display:block;
}

#label1 {
  color: #555;
  border: 1px solid #ddd;
  border-top: 2px solid orange;
  border-bottom: 1px solid #fff;
}

/*@media screen and (max-width: 650px) {
.producttab label {
    font-size: 0;
  }*/

.producttab label:before {
    margin: 0;
    font-size: 1.2em;
  }

@media screen and (max-width: 400px) {
.producttab label {
    padding: 15px;
  }
}




.avatar image {
     cursor: pointer; 
     -webkit-transform:scale(1);
     -moz-transform:scale(1);
     -o-transform:scale(1);
     transform:scale(1);
     -webkit-transition:all 2s ease;
     -moz-transition:all 2s ease;
     -o-transition:all 2s ease;
     transition:all 2s ease;
    /*height:15em;
    width:20em;*/
}

.avatar {
    display: block;
    overflow: hidden;
}

.avatar img:hover{
    transform: scale(1.2);
}


.tableborder figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 10px 1%;
	width: 100%;
	text-align: center;
	cursor: pointer;
}


.tableborder figure figcaption::before,
.tableborder figure figcaption::after {
	pointer-events: none;
}

.tableborder figure figcaption,
.tableborder figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tableborder figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.tableborder figure h4 {
	word-spacing: -0.15em;
	font-weight: 300;
    color:#ddd;
}

.tableborder figure h4,
.tableborder figure p {
	margin: 0;
}

/*---------------*/
/***** Zoe *****/
/*---------------*/

figure.effect-zoe figcaption {
	top: auto;
	bottom: 0;
    padding-top:0.5em;
    padding-left:2em;
	height: 2.5em;
	background: #000;
    color:#ddd;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,100%,0);
	transform: translate3d(0,100%,0);
}

figure.effect-zoe h4 {
	float: left;
}

figure.effect-zoe p.icon-links a {
	float: right;
	color: #ddd;
	font-size: 1.2em;
}

figure.effect-zoe:hover p.icon-links a:hover,
figure.effect-zoe:hover p.icon-links a:focus {
	color: #ff6a00;
}


figure.effect-zoe p.icon-links a {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,200%,0);
	transform: translate3d(0,200%,0);
}

figure.effect-zoe p.icon-links a span::before {
	display: inline-block;
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-family: 'fontawesome';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-eye::before {
	content: '\f0e0';
}

.icon-heart::before {
	content: '\f004';
}

figure.effect-zoe:hover figcaption,
figure.effect-zoe:hover p.icon-links a {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-zoe:hover p.icon-links a:nth-child(2) {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

figure.effect-zoe:hover p.icon-links a:first-child {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}