/*Fun begins*/

.tab_container {

	width: 100%;

	margin: 0 auto;

	position: relative;

}



input, .tab-content {

  clear: both;

  padding-top: 10px;

  display: none;

}



label {

  font-weight: 700;

  font-size: 14px;

  display: block;

  float: left;

  width: 25%;

  margin:0;

  padding: 1.5em;

  color: #757575;

  cursor: pointer;

  text-decoration: none;

  text-align: center;

  background: #fff;

}

label img{

	width:50%;

	margin:0 auto;

	padding-bottom:10px;

}

label span{

    width: 100%;

    display: inline-block;

}

#tab1:checked ~ #content1,

#tab2:checked ~ #content2,

#tab3:checked ~ #content3,

#tab4:checked ~ #content4,

#tab5:checked ~ #content5 {

  display: block;

  padding: 20px;

  background: #fff;

  color: #999;

  border: 2px solid #f0f0f0;

}



.tab_container .tab-content p,

.tab_container .tab-content h3,

.tab_container .tab-content h5 {

  -webkit-animation: fadeInScale 0.7s ease-in-out;

  -moz-animation: fadeInScale 0.7s ease-in-out;

  animation: fadeInScale 0.7s ease-in-out;

}

.tab_container .tab-content h3  {

	color:#656565;

	font-weight:700;

}

.tab_container .tab-content h5, .product-detail h5  {

	color:#ed3237;

	font-weight:700;

}

.tab_container .tab-content p, .product-detail ul li, .product-detail .table-bordered tbody tr td {

	color:#777;

	font-size:14px;

	line-height:22px;

}

.tab_container .tab-content a, .product-detail a  {

	font-size:13px;

	display:inline-block;

	margin-top:5px;

	padding:5px 10px;

	border:1px solid #ed3237;

	background:#ed3237;

	color:#fff;

	border-radius:5px;

}

.tab_container .tab-content a:hover, .product-detail a:hover {

	background:#fff;

	color:#ed3237;

}

.tab_container .tab-content a i{

	margin-right:5px;

}



.tab_container [id^="tab"]:checked + label {

    

        background: #c5c2c2;

    /* box-shadow: inset 0 3px #ed3237; */

    background: #f0f0f0;

    /* box-shadow: inset 0 3px #00a0e3; */

    /* border-top-left-radius: 20px; */

    /* border-top-right-radius: 20px; */

    border: 2px solid #ccbfbf;

}



.tab_container [id^="tab"]:checked + label .fa {

  color: #0CE;

}



label .fa {

  font-size: 1.3em;

  margin: 0 0.4em 0 0;

}



/*Media query*/

@media only screen and (max-width: 930px) {

  label span {

    font-size: 14px;

  }

  label .fa {

    font-size: 14px;

  }

}



@media only screen and (max-width: 768px) {

  label span {

    display: none;

  }



  label .fa {

    font-size: 16px;

  }



  .tab_container {

    width: 98%;

  }

}



/*Content Animation*/

@keyframes fadeInScale {

  0% {

  	transform: scale(0.9);

  	opacity: 0;

  }

  

  100% {

  	transform: scale(1);

  	opacity: 1;

  }

}