table,th,td {
  border: 1px solid black;
  font-size: 10pt;
}
th {
 background-color: #000000;
 color: #ffffff;
 font-family: 'Saira Expanded',sans-serif;
 font-weight: bold;
 text-align: left;
 height: 20px;
 overflow: hidden;
 margin: 2px;
 padding: 4px;
}
td {
 text-align:left;
 height: 20px;
 font-family: 'Saira Expanded',sans-serif;
 overflow: hidden;
 margin: 2px;
 padding: 4px;
}
a {
  color: #000000;
  font-weight: bold;
  font-family: 'Saira Expanded',sans-serif;
  font-size: 12pt;
  text-decoration: none;
}
a:hover {
  color: #02a3d9;
}

.btn, .gform_wrapper .gform_footer .button, .site-header .primary-navigation ul li.aux-btn, input[type=submit] {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    line-height: 1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    position: relative;
    padding: 15px 40px;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-family: 'Saira Expanded',sans-serif;
    font-weight: 500;
    letter-spacing: .5px;
    z-index: 1;
}

.btn:before, .gform_wrapper .gform_footer .button:before, .site-header .primary-navigation ul li.aux-btn:before, input[type=submit]:before {
    content: '';
    background-color: #02a3d9;
    clip-path: polygon(20px 0%,100% 0,calc(100% - 20px) 100%,0% 100%);
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    z-index: -1;
}

.btn:hover {
  color: #c9cacb;
}

@font-face {
    font-family: 'Saira Expanded';
    src: url('fonts/SairaExpanded-Bold.eot');
    src: url('fonts/SairaExpanded-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/SairaExpanded-Bold.woff2') format('woff2'),
        url('fonts/SairaExpanded-Bold.woff') format('woff'),
        url('fonts/SairaExpanded-Bold.ttf') format('truetype'),
        url('fonts/SairaExpanded-Bold.svg#SairaExpanded-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Saira Expanded';
    src: url('fonts/SairaExpanded-Regular.eot');
    src: url('fonts/SairaExpanded-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/SairaExpanded-Regular.woff2') format('woff2'),
        url('fonts/SairaExpanded-Regular.woff') format('woff'),
        url('fonts/SairaExpanded-Regular.ttf') format('truetype'),
        url('fonts/SairaExpanded-Regular.svg#SairaExpanded-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Free3of9';
    src: url('fonts/Free3of9.eot');
    src: url('fonts/Free3of9.eot?#iefix') format('embedded-opentype'),
        url('fonts/Free3of9.woff2') format('woff2'),
        url('fonts/Free3of9.woff') format('woff'),
        url('fonts/CFree3of9.ttf') format('truetype'),
        url('fonts/Free3of9.svg#Free3of9') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan';
    src: url('fonts/Spartan.eot');
    src: url('fonts/Spartan.eot?#iefix') format('embedded-opentype'),
        url('fonts/Spartan.woff2') format('woff2'),
        url('fonts/Spartan.woff') format('woff'),
        url('fonts/Spartan.ttf') format('truetype'),
        url('fonts/Spartan.svg#Spartan') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Spartan Outline';
    src: url('fonts/Spartan.eot');
    src: url('fonts/Spartan.eot?#iefix') format('embedded-opentype'),
        url('fonts/Spartan.woff2') format('woff2'),
        url('fonts/Spartan.woff') format('woff'),
        url('fonts/Spartan.ttf') format('truetype'),
        url('fonts/Spartan.svg#Spartan') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Serpentine';
    src: url('fonts/Serpentine-Bold.eot');
    src: url('fonts/Serpentine-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Serpentine-Bold.woff2') format('woff2'),
        url('fonts/Serpentine-Bold.woff') format('woff'),
        url('fonts/Serpentine-Bold.ttf') format('truetype'),
        url('fonts/Serpentine-Bold.svg#Serpentine-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Serpentine Outline';
    src: url('fonts/Serpentine-Bold.eot');
    src: url('fonts/Serpentine-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Serpentine-Bold.woff2') format('woff2'),
        url('fonts/Serpentine-Bold.woff') format('woff'),
        url('fonts/Serpentine-Bold.ttf') format('truetype'),
        url('fonts/Serpentine-Bold.svg#Serpentine-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Stahls Pro Narrow';
    src: url('fonts/stpronrw.eot');
    src: url('fonts/stpronrw.eot?#iefix') format('embedded-opentype'),
        url('fonts/stpronrw.woff2') format('woff2'),
        url('fonts/stpronrw.woff') format('woff'),
        url('fonts/stpronrw.ttf') format('truetype'),
        url('fonts/stpronrw.svg#stpronrw') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Standard';
    src: url('fonts/stpronrw.eot');
    src: url('fonts/stpronrw.eot?#iefix') format('embedded-opentype'),
        url('fonts/stpronrw.woff2') format('woff2'),
        url('fonts/stpronrw.woff') format('woff'),
        url('fonts/stpronrw.ttf') format('truetype'),
        url('fonts/stpronrw.svg#stpronrw') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Varsity';
    src: url('fonts/VarsityBlockA.eot');
    src: url('fonts/VarsityBlockA.eot?#iefix') format('embedded-opentype'),
        url('fonts/VarsityBlockA.woff2') format('woff2'),
        url('fonts/VarsityBlockA.woff') format('woff'),
        url('fonts/VarsityBlockA.ttf') format('truetype'),
        url('fonts/VarsityBlockA.svg#VarsityBlockA') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Varsity Outline';
    src: url('fonts/VarsityBlockA.eot');
    src: url('fonts/VarsityBlockA.eot?#iefix') format('embedded-opentype'),
        url('fonts/VarsityBlockA.woff2') format('woff2'),
        url('fonts/VarsityBlockA.woff') format('woff'),
        url('fonts/VarsityBlockA.ttf') format('truetype'),
        url('fonts/VarsityBlockA.svg#VarsityBlockA') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Varsity Pinline';
    src: url('fonts/VarsityRegular.eot');
    src: url('fonts/VarsityRegular.eot?#iefix') format('embedded-opentype'),
        url('fonts/VarsityRegular.woff2') format('woff2'),
        url('fonts/VarsityRegular.woff') format('woff'),
        url('fonts/VarsityRegular.ttf') format('truetype'),
        url('fonts/VarsityRegular.svg#VarsityRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Times Bold';
    src: url('fonts/Times-Bold.eot');
    src: url('fonts/Times-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Times-Bold.woff2') format('woff2'),
        url('fonts/Times-Bold.woff') format('woff'),
        url('fonts/Times-Bold.ttf') format('truetype'),
        url('fonts/Times-Bold.svg#Times-Bold') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Times Bold Outline';
    src: url('fonts/Times-Bold.eot');
    src: url('fonts/Times-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Times-Bold.woff2') format('woff2'),
        url('fonts/Times-Bold.woff') format('woff'),
        url('fonts/Times-Bold.ttf') format('truetype'),
        url('fonts/Times-Bold.svg#Times-Bold') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FB Rush';
    src: url('fonts/FacetBoldRush.eot');
    src: url('fonts/FacetBoldRush.eot?#iefix') format('embedded-opentype'),
        url('fonts/FacetBoldRush.woff2') format('woff2'),
        url('fonts/FacetBoldRush.woff') format('woff'),
        url('fonts/FacetBoldRush.ttf') format('truetype'),
        url('fonts/FacetBoldRush.svg#FacetBoldRush') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'FB Rush Outline';
    src: url('fonts/fonts/FacetBoldRush.eot');
    src: url('fonts/FacetBoldRush.eot?#iefix') format('embedded-opentype'),
        url('fonts/FacetBoldRush.woff2') format('woff2'),
        url('fonts/FacetBoldRush.woff') format('woff'),
        url('fonts/FacetBoldRush.ttf') format('truetype'),
        url('fonts/FacetBoldRush.svg#FacetBoldRush') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.header {
  background-color: #000000;
  height: 75px;
  width: 100%;
  color: #ffffff;
  text-align: center;
  font-size: 30pt;
  font-family: 'Saira Expanded',sans-serif;
  font-weight: bold;
  vertical-align: middle;
}
.error {
  margin: auto;
  width: 50%;
  background-color: #c9cacb;
  font-weight: bold;
  font-family: 'Saira Expanded',sans-serif;
  font-size: 10pt;
  color: black;
}
.success {
  margin: auto;
  width: 50%;
  background-color: #c9cacb;
  font-weight: bold;
  font-family: 'Saira Expanded',sans-serif;
  font-size: 10pt;
  color: white;
}
.button {
  display: inline-flex;
  height: 25px;
  width: 100px;
  border: 2px solid #7d212b;
  margin: 20px 20px 20px 20px;
  color: #ffffff;
  background-color: #00214d;
  text-transform: uppercase;
  text-decoration: none;
  font-size: .8em;
  letter-spacing: 1.5px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  border-radius: 25px;
}

.button a {
  position: relative;
  color: #ffffff;
  transition: all .45s ease-Out;
}

#circle {
  width: 0%;
  height: 0%;
  opacity: 0;
  line-height: 40px;
  border-radius: 50%;
  background: #0050c4;
  position: absolute;
  transition: all .5s ease-Out;
  top: 20px;
  left: 70px;
}

.button:hover #circle {
  width: 200%;
  height: 500%;
  opacity: 1;
  top: -70px;
  left: -70px;
}

.button:hover a {
  color: #ffffff;
}

.tooltip {
  font-size: 10pt;
  padding: 10px;
  background-color: #c9cacb;
  width: 250px;
  border-radius: 10px;
  border: 2px solid #00aae2;
  font-weight: bold;
  font-family: 'Saira Expanded',sans-serif;
  color: #black;
}

.decoBlock {
  position: relative;
  display: inline-block;
  border: 1px solid black;
  vertical-align: top;
  text-align: center;
  margin: 5px;
  overflow: hidden;
}
.nocolor { border: 4px dashed black; }
.blue { border: 4px solid #003896; }
.royal { border: 4px solid #003896; }
.columbia { border: 4px solid #63abe4; }
.navy { border: 4px solid #00214d; }
.black { border: 4px solid black; }
.red { border: 4px solid #ba122b; }
.cardinal { border: 4px solid #70212b; }
.scarlet { border: 4px solid red; }
.grey { border: 4px solid grey; }
.anthracite { border: 4px solid #404040; }
.purple { border: 4px solid #7206C4; }
.lavender { border: 4px solid #8273ba; }
.orange { border: 4px solid #f25900; }
.white { border: 4px solid white; }
.gold { border: 4px solid #fcdb30; }
.vegas { border: 4px solid #ba9e66; }
.pink { border: 4px solid #cf63c7; }
.forest { border: 4px solid #1a472b; }
.kelly { border: 4px solid #299926; }
.maroon { border: 4px solid #4F1F26; }
.teal { border: 4px solid #008a80; }
.maize { border: 4px solid #ebe812; }
.lightblue { border: 4px solid #6697c8; }
.txorange { border: 4px solid #a33d05; }
.lime { border: 4px solid #32cd32; }
.ipfw { border: 4px solid #d4af37; }
.fuchsia { border: 4px solid #ff00ff; }
.orchid { border: 4px solid #da70d6; }
.lavender { border: 4px solid #8273ba; }
.silver { border: 4px solid #8c8f91; }
.cerise { border: 4px solid #cf63c7; }
.campgold { border: 4px solid #e8b012; }
.hotpink { border: 4px solid #ff0099; }
.turquoise { border: 4px solid #0099ab; }
.brown { border: 4px solid #52291c; }

.table_header {
 display: table-cell;
 background-color: #000000;
 font-weight: bold;
 color: white;
 font-family: 'Saira Expanded',sans-serif;
 text-align: center;
 height: 20px;
 overflow: hidden;
 margin: 2px;
 padding: 4px;
}
 .table_item {
 display: table-cell;
 background-color: #c9cacb;
 font-family: 'Saira Expanded',sans-serif;
 text-align: center;
 height: 20px;
 overflow: hidden;
 margin: 2px;
 padding: 4px;
}
 .text_input {
 background-color: #ffffff;
 font-family: 'Saira Expanded',sans-serif;
 border: 0px;
 text-align: center;
 height: 20px;
 overflow: hidden;
}
.drag_helper {
 height: 65px;
 width: 65px;
 background-color: #c9cacb;
 border: 1px solid gray;
 text-align: center;
 z-index: 10;
}

.garm_deco {
 height: 65px;
 width: 65px;
 background-color: #c9cacb;
 border: 1px solid gray;
 text-align: center;
 margin-top: auto;
 margin-bottom: auto;
 margin-left: 3px;
 margin-right: 3px;
 display: inline-block;
 font-family: 'Saira Expanded',sans-serif;
}

.sizes {
 width: 30px;
}

#preview{
	position:absolute;
	border:1px solid #00aae2;
	background:#c9cacb;
	padding:5px;
	display:none;
	color:#fff;
}

.dropzone {
  min-height: 150px;
  border: 2px solid rgba(0, 0, 0, 0.3);
  background: white;
 }
  .dropzone.dz-clickable {
    cursor: pointer; }
    .dropzone.dz-clickable * {
      cursor: default; }
    .dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
      cursor: pointer; }
.dropzone.dz-started .dz-message {
  display: none; }
.dropzone.dz-drag-hover {
  border-style: solid; }
  .dropzone.dz-drag-hover .dz-message {
    opacity: 0.5; }
.dropzone .dz-message {
  text-align: center;
  margin: 2em 0; }

  .dropzone .dz-message .dz-button {
    background: none;
    color: inherit;
    border: none;
    padding: 0;
    font: inherit;
    cursor: pointer;
    outline: inherit;
  }