.rsp h1
{
	font-size: 40px;
	margin: 0 0 10px;
	font-weight: 300;
	color: #009fdc;
	line-height: 46px;
	padding: 10px 5px;
	padding-left: 5px;
}
.rsp h2
{
	font-size: 20px;
  color: #0c1725;
  font-weight: normal;
	padding: 5px;
}
.rsp .main,
.rsp .content-container,
.rsp .how-to-measure
{
	margin: 0 auto;
	min-width: 300px;
	max-width: 1420px;
	padding: 5px;
	font-size: 16px;
}
.rsp .how-to-measure
{
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 20px;
	padding: 0 20px;
}
.rsp .size-info-wrapper,
.rsp .washing-info-wrapper
{
	background: #fff;
	color: #373737;
	max-width: 1420px;
	padding: 0;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.washing-info-wrapper p.warning
{
	padding: 20px 0;
}
.washing-info-wrapper h3
{
	padding: 15px 0 5px 0;
	margin: 0 0 15px 0;
}
.washing-info-wrapper p span
{
	color: red;
	font-weight: bold;
}
.size-info-wrapper > div,
.washing-info-wrapper > div
{
	display: none;
	padding: 25px 25px 25px
}

.rsp input
{
	display: none;
}
.rsp label
{
	display: inline-block;
	padding: 15px 25px;
	font-weight: 600;
	font-size: 15px;
	text-align: center;
	/*margin-right: -4px; fix for inline block whitespace */
	background: #f6f6f6;
	border: 1px solid #dcdcdc;
	position: relative;
	z-index: 2;
  margin: 0 3px 0 0;


}
.rsp label:hover
{
	color: #373737;
	cursor: pointer;
	background: #fff;
	border: 1px solid #dcdcdc;

}
.rsp input:checked + label
{
	background: #fff;
	color: #373737;
	border: 1px solid #dcdcdc;
	border-bottom: 1px solid #fff;

}

.size-info-wrapper .button.main, 
.content-container .button.main
{
	float: none;
    display: inline-block;
    margin: 20px 0;
}

#tab1:checked ~ .size-info-wrapper #content1,
#tab2:checked ~ .size-info-wrapper #content2,
#tab3:checked ~ .size-info-wrapper #content3,
#tab4:checked ~ .size-info-wrapper #content4,
#tab5:checked ~ .size-info-wrapper #content5,
#tab6:checked ~ .size-info-wrapper #content6,
#tab7:checked ~ .size-info-wrapper #content7,
#tab8:checked ~ .size-info-wrapper #content8,
#tab9:checked ~ .size-info-wrapper #content9

{
	display: block;
}

#washingtab1:checked ~ .washing-info-wrapper #washingcontent1,
#washingtab2:checked ~ .washing-info-wrapper #washingcontent2,
#washingtab3:checked ~ .washing-info-wrapper #washingcontent3,
#washingtab4:checked ~ .washing-info-wrapper #washingcontent4,
#washingtab5:checked ~ .washing-info-wrapper #washingcontent5,
#washingtab6:checked ~ .washing-info-wrapper #washingcontent6,
#washingtab7:checked ~ .washing-info-wrapper #washingcontent7,
#washingtab8:checked ~ .washing-info-wrapper #washingcontent8,
#washingtab9:checked ~ .washing-info-wrapper #washingcontent9


{
	display: block;
}



/* ---------------------------------------------------- */
/* Table ---------------------------------------------- */
.rsp h3
{
	color: #009fdc;
	font-size: 21px;
	font-weight: 400;
	padding: 20px 0;
	float: left;
	min-width: 100%;
}
.rsp .image-wrapper
{
	display: inline-block;
	width: 40%;
	padding: 0 0 0 25px;
	box-sizing: border-box;
}
.rsp .image-wrapper img
{
	margin: 0 auto;
	display: block;
}
.rsp .tab-content
{
	text-align: left;
	border:1px solid #dcdcdc;
	position: relative;
	top:-1px;
	z-index: 1;
}

.rwd-table {
  padding: 1em 0;
  min-width: 200px;
	float: left;
	width: 60%;
}
.rwd-table tr {
  border: 1px solid #dcdcdc;
  /*border-bottom: 1px solid #dcdcdc;*/
}
.rwd-table th {
  display: none;
	background: #f6f6f6;
}
.rwd-table td {
  display: block;
}
.rwd-table td:first-child {
  padding-top: .5em;
}
.rwd-table td:last-child {
  padding-bottom: .5em;
}
.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
}
@media (min-width: 550px) {
  .rwd-table td:before {
    display: none;
  }
}
.rwd-table th, .rwd-table td {
  text-align: left;
}
@media (min-width: 550px) {
  .rwd-table th, .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }

  .rwd-table th:first-child, .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child, .rwd-table td:last-child {
    padding-right: 0;
  }
}

.rwd-table {
  background: #fff;
  color: black;
  overflow: hidden;
	margin-bottom: 20px;
}
.rwd-table tr {
  border-color: #dcdcdc;
}
.rwd-table th, .rwd-table td {
  margin: .5em 1em;
}
@media (min-width: 550px) {
  .rwd-table th, .rwd-table td {
    padding: 1em !important;
  }
}
.rwd-table th, .rwd-table td:before {
  color: black;
}

.instruction
{
	width: 140px;
	padding: 0 5px 0 0;
	display: inline-block;
	text-align: center;
	vertical-align: top;
	margin: 0 0 25px 0;
}
.instruction img
{
	display: block;
	margin: 0 auto 8px auto;
}

/*--------------------------------------*/
@media screen and (max-width: 550px) {
.instruction
{
	width: 50px;

}
.instruction img
{
	width: inherit;
}
	.instruction span
	{
		display: none;
	}
	label
	{
		padding: 15px 10px;
	}
	.rwd-table tr:nth-child(even) {
		background-color: #f6f6f6;
	}
}
@media screen and (max-width: 955px) {
	.rsp label
	{
    font-size: 12px
	} 

	.cloth-wrapper h3
	{
		cursor: pointer;
	}

	.cloth-wrapper .image-wrapper,
	.cloth-wrapper .rwd-table
	{
	display: none;

		transition: all 0s, opacity 0.5s linear;
	}
	.cloth-wrapper.open .image-wrapper
	{
		padding-top:5px;
		display: block;
	}
	.size-info-wrapper h3
	{
		background: #f6f6f6;
		padding: 20px;
		margin: 2px 0;
	}
	.size-info-wrapper h3:hover
	{
		background: #f8f8f8;
	}
	.size-info-wrapper h3:after
	{
		content: '\e024';
		color: darkgrey;
    font-family: 'smartphoto';
		float: right;
		transform: rotate(90deg);
		transform-origin: 50% 72%;
	}
	.size-info-wrapper .cloth-wrapper.open  h3:after
	{
		transform: rotate(-90deg);
		transform-origin: 52% 37%;
	}

	.cloth-wrapper.open .rwd-table
	{
		display: table;
	}
	.rsp .image-wrapper
	{
		display: inline-block;
		width: 100%;
		padding: 10px;
	}
	.rsp .image-wrapper img
	{
		padding-left: 0;/* padding container*/
	}
	.rwd-table
	{
		width: 100%;
	}
}
.to-top {
    background: #3e4551;
    display: none;
    color: #fff;
    position: fixed;
    right: 8px;
    bottom: 8px;
    opacity: .5;
    cursor: pointer;
    z-index: 10
}

.to-top.has-wobbler {
    bottom: 48px
}

.to-top span {
    padding: 5px;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.to-top span[data-icon]:before {
    height: auto;
    margin: 0
}

.to-top .to-top:hover {
    opacity: 1
}