.sizing {
background:#fffcf4;
}

.sizingwrap {
max-width: 1200px;
margin: 0 auto;
padding: 25px 10px;
}

.sizingtable {
padding:20px;
}

.sizingtable span {
font-size:12px;
}

.tb_border {
border:1px solid #000;
}

.tb_row0 {
width:100%;
background:#000;
}

.tb_cellt {
width:calc(100% - 10px);
padding:5px;
text-align:center;
color:#fff;
font-weight:700;
background:#000;
}

.tb_row1 {
width:100%;
display: flex;
}

.tb_cell1 {
float:left;
width: calc( calc( 100% / 14 ) - 12px);
padding:5px;
border:1px solid #000;
text-align:center;
background:#ffd915;
background: linear-gradient(110deg, #ffd915 86%, #e4c10e 86%);
}

.tb_cell2 {
float:left;
width: calc( calc( 100% / 14 ) - 12px);
min-height:18px;
padding:5px;
border:1px solid #000;
text-align:center;
background:#fff;
background: linear-gradient(110deg, #fff 86%, #e8e8e8 86%);
}
.tb_cellh {
float:left;
width: calc( calc( 100% / 14 ) - 12px);
min-height:18px;
padding:5px;
border:1px solid #000;
text-align:center;
background:#ffd915;
background: linear-gradient(110deg, #ffd915 86%, #e4c10e 86%);
}
.tb_cellz {
float:left;
width: calc( calc( 100% / 14 ) - 12px);
min-height:18px;
padding:5px;
border:1px solid #000;
text-align:center;
color:#fff;
background: #694900;
}

.cel_xs {
background:#efd18e;
background: linear-gradient(110deg, #efd18e 86%, #dcbe7a 86%);
}
.cel_s {
background:#eac165;
background: linear-gradient(110deg, #eac165 86%, #dab257 86%);
}
.cel_m {
background:#e8b43d;
background: linear-gradient(110deg, #e8b43d 86%, #d8a632 86%);
}
.cel_l {
background:#d09305;
background: linear-gradient(110deg, #d09305 86%, #bb8403 86%);
}

/* jquery size finder */

.outputwrap {
display:table;
background:#efd18e;
padding: 14px;
margin: 5px;
width:calc(100% - 40px);
text-align:center;
border-radius: 5px;
}

#output {
color:#6d1e1e;
font-size:18px;
font-weight:700;
}

#output:before {
content:'Your Size:';
padding-right: 10px;
}

.sizeformwrap {
position:relative;
}
.sizeformwrap:before {
content:'';
position:absolute;
width:100%;
height:80%;
margin:auto;
background:#611919;
background: linear-gradient(to right, #3e1313, #611919, #3e1313);
top:0;
bottom:0;
}

.sizingwrap h1 {
text-align: center;
font-size: 38px;
color: #6d1e1e;
margin: 0;
}
.sizingwrap h2 {
text-align: center;
margin-top: 0;
}
.sizingwrap p {
text-align: center;
}

.proditemwrap .sizeformwrap {
margin: 20px auto;
}

.sizeform {
position: relative;
display: table;
padding:20px;
background:#6d1e1e;
background: linear-gradient(110deg, #6d1e1e 60%, #521515 60%);
margin: auto;
box-shadow: 0px 2px 2px #000;
}

.sizeform h1 {
color:#efd18e;
text-align:center;
font-size: 28px;
margin-bottom: 8px;
font-weight: 700;
}

.sizeform h3 {
color:#efd18e;
text-align:center;
font-size: 14px;
margin-bottom: 8px;
}

.sizeform label {
font-family: 'Cuprum', sans-serif;
font-size: 16px;
}

#szwtvalue {
width: 42px;
}

.sizeform input {
font-family: 'Cuprum', sans-serif;
border:0;
background: #efd18e;
color: #6d1e1e;
font-weight: 700;
font-size: 16px;
padding:4px 5px;
border-radius: 5px;
-webkit-appearance: none;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.sizeform select {
border:0;
font-family: 'Cuprum', sans-serif;
background: #efd18e;
color: #6d1e1e;
border-radius: 5px;
font-weight: 700;
cursor:pointer;
padding:6px 20px 5px 5px;
-webkit-appearance: none;
position:relative;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.sizeform select:hover {
background:#e8b43d;
}

.sizeform select:before {
position:absolute;
content:'';
background-image:url('../images/dropdown.png');
background-size:8px 8px;
background-repeat:no-repeat;
background-position:center center;
width:8px;
height:8px;
top:2px;
right:2px;
margin: auto;
}

.sizeform input[type="button"] {
background: #efd18e;
color: #6d1e1e;
font-weight: 700;
cursor:pointer;
border-radius: 5px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.sizeform input[type="submit"]:hover {
cursor:pointer;
}

.sizeform input:hover {
background:#e8b43d;
}

.sizeform input[type="submit"]:hover {
background:#e8b43d;
}

.inputwrap {
position: relative;
display:table;
float:left;
padding:13px 5px 5px 5px;
}
.inputwrap span {
position:absolute;
font-size:10px;
color:#efd18e;
text-align: center;
top:0;
right:0;
left:0;
margin:auto;
}

.selectwrap {
position: relative;
display:table;
float:left;
padding:13px 5px 5px 5px;
}
.selectwrap span {
position:absolute;
font-size:10px;
color:#efd18e;
text-align: center;
top:0;
right:0;
left:0;
margin:auto;
}

.selectwrap:after {
content: '';
position: absolute;
top: 21px;
right: 11px;
pointer-events: none;
background-image:url('../images/select.png');
background-position: center;
background-size:8px 8px;
background-repeat:no-repeat;
width:8px;
height:8px;
}

@media all and (max-width: 1220px) and (min-width: 0px) {
.tb_cell2 {
font-size: 1.3vw;
}
}
@media all and (max-width: 800px) and (min-width: 0px) {
.sizingtable {
display:none;
}
}

/* IE10+ CSS */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.tb_cell2 {
flex-grow: 1;
flex-basis: 0;
}
.tb_cell1 {
flex-grow: 1;
flex-basis: 0;
}
.tb_cellz {
flex-grow: 1;
flex-basis: 0;
}
.tb_cellh {
flex-grow: 1;
flex-basis: 0;
}
}