/* Import Fonts */

  
  @font-face {
	font-family: college;
	src: url(college.ttf);
  }
  @font-face {
        font-family: varsity;
        src: url(varsity_regular.ttf);
    }
  
  @font-face {
	font-family: baseball;
	src: url(Beantown.ttf);
  }
  
  @font-face {
	font-family: "Arial Rounded MT";
	src: url("unicode.arialr.ttf");
  }
  
  @font-face {
	font-family: "varsity";
	src: url("varsity_regular.ttf");
  }
  
  @font-face {
	font-family: agressive;
	src: url(Agressive-OVVzO.ttf);
  }
  
  @font-face {
	font-family: brush script;
	src: url(BrushScriptOpti-Regular.otf);
  }
  
  @font-face {
	font-family: bullpen;
	src: url(Bullpen3D.ttf);
  }
  
  @font-face {
	font-family: vast;
	src: url(VastShadow-Regular.ttf);
  }
  
  @font-face {
	font-family: roman;
	src: url(Times-New-Romance.ttf);
  }
  @font-face {
	font-family: merienda one;
	src: url(MeriendaOne-Regular.ttf);
  }
  
  @font-face {
	font-family: pacifico;
	src: url(Pacifico.ttf);
  }
  
  @font-face {
	font-family: courgette;
	src: url(Courgette-Regular.ttf);
  }
  
  /* Design Your Jacket */
  a {
	outline: 0 !important;
	color: #f26522;
  }
  
  #page {
	margin: 0;
  }
  #page .main1 {
	min-height: 570px;
  }
  
  #page .main2 #content .shortcode-row {
	padding-bottom: 2px;
  }
  .hide {
	display: none;
  }
  .clear {
	clear: both;
  }
  
  .border_box {
	box-sizing: border-box;
  }
  .border_radius {
	border-radius: 5px;
  }
  .shadow_box {
	box-shadow: 0 0 3px #f0f0f0;
  }
  
  /* Text Function */
  .text-center {
	text-align: center;
  }
  
  /* Loading */
  #loading_screen {
	background: url(images/loader.gif) 50% 50% no-repeat;
	width: 100%;
	height: 452px;
  }
  
  /* Main Wrap */
  .design_your_jacket_app {
	background: #fff;
	border: 1px solid #d1d1d1;
	height: auto;
	box-sizing: border-box;
	/*padding: 20px 20px 20px 205px;*/
	padding: 20px 20px 20px 20px;
	position: relative;
  }
  
  #submit_order {
	position: relative;
  }
  
  .design_your_jacket_app_header {
	background: #fff;
	border: 1px solid #d1d1d1;
	margin-bottom: 10px;
	height: 56px;
	line-height: 56px;
	overflow: hidden;
  }
  
  #content .container .row .design_your_jacket_app_header h2 {
	line-height: 53px;
	padding: 0 20px;
	margin-bottom: 0;
	cursor: pointer;
	font-weight: 700;
	font-size: 14px;
	border-right: 1px solid #d1d1d1;
	text-transform: uppercase;
  }
  
  #content .container .row .design_your_jacket_app_header .steps h2 a {
	color: #252525;
	text-decoration: none;
  }
  
  #content .container .row .design_your_jacket_app_header h2.active {
	background: #f5f5f5;
	font-weight: bold;
	color: #f26522;
  }
  
  #content .container .row .design_your_jacket_app_header button[type="submit"] {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-left: 1px solid #d1d1d1;
	border-radius: 0;
	box-shadow: 0 0 0;
	color: #f26522 !important;
	display: inline-block;
	font-size: 18px;
	height: 55px;
	line-height: 57px;
	margin: 0;
	padding: 0 20px;
	text-transform: inherit;
	display: none;
  }
  
  #content .container .row .design_your_jacket_app_header div.price {
	font-size: 16px;
	color: #f26522;
	padding-right: 25px;
	font-weight: 700;
	text-transform: uppercase;
  }
  
  /** Left Side Small Views **/
  .jacket_views {
	border: 1px solid #cfd4d8;
	border-radius: 5px;
	width: 58px;
	position: absolute;
	left: 20px;
	top: 137px;
  }
  
  .jacket_views a {
	width: 58px;
	height: 55px;
	border-bottom: 1px solid #cfd4d8;
	display: block;
	background: url(images/views.png) 0 0 no-repeat;
	background-position: -93px 0;
  }
  
  .jacket_views a:last-child {
	border-bottom: 0;
  }
  
  .jacket_views a.front_view {
	background-position: -93px 0;
  }
  
  .jacket_views a.front_view.active_view {
	background-position: -5px 0;
  }
  
  .jacket_views a.left_view {
	background-position: -93px -55px;
  }
  
  .jacket_views a.left_view.active_view {
	background-position: -5px -55px;
  }
  
  .jacket_views a.right_view {
	background-position: -93px -110px;
  }
  
  .jacket_views a.right_view.active_view {
	background-position: -5px -110px;
  }
  
  .jacket_views a.back_view {
	background-position: -93px -165px;
  }
  
  .jacket_views a.back_view.active_view {
	background-position: -5px -165px;
  }
  
  /* Front */
  #front_svg svg,
  #back_svg svg {
	width: 390px;
	height: 400px;
	margin-top: 30px;
  }
  
  #front_svg svg,
  #back_svg svg {
	width: 390px;
	height: 400px;
	margin-top: 30px;
  }
  
  #right_svg svg,
  #left_svg svg {
	width: 390px;
	height: 400px;
	margin-top: 30px;
  }
  
  .svg_element {
	float: left;
  }
  
  /* Right Controls */
  .jacket_step {
	display: none;
  }
  
  .jacket_step.show {
	display: inherit;
  }
  
  .widget_box {
	width: 252px;
	margin-bottom: 20px;
  }
  
  .jacket_widget {
	border: 1px solid #d1d1d1;
  }
  
  .widget_header {
	background: #f3f3f3;
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	font-weight: 700;
	border-bottom: 1px solid #d1d1d1;
	overflow: hidden;
	border-radius: 5px 5px 0 0;
	text-align: left;
  }
  
  .widget_header span {
	color: #2e2e2e;
	font-size: 16px;
	padding-left: 13px;
	display: inline-block;
  }
  
  .close_widget,
  .close_note {
	float: right;
	border-left: 1px solid #d1d1d1;
	width: 48px;
	text-align: center;
	color: #2e2e2e;
	text-indent: -9999px;
	background: url(images/close.png) 50% 50% no-repeat;
  }
  
  .widget_content {
	padding: 14px 13px;
	text-align: left;
  }
  
  /* Widget Elements */
  .jwidget_section {
	border-bottom: 1px solid #e3e3e3;
	margin: 0 -13px 12px;
	padding: 0 13px 12px;
  }
  
  .jwidget_middle_section {
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
	margin: 12px -13px 12px;
	padding: 12px 13px 12px;
  }
  
  .widget_content .jwidget_section:last-child {
	border-bottom: 0;
  }
  
  .jwidget_label {
	display: inline-block;
	font-size: 12px;
	line-height: 27px;
	font-weight: 700;
	margin: 0;
	text-align: left;
	color: #252525;
  }
  
  .widget_box .jwidget_select {
	width: 133px;
	height: 30px;
	padding: 3px 6px;
	border-radius: 3px;
	text-align: left;
	background: #fff;
	border: 1px solid #c2c2c2;
	margin-left: 0px;
  }
  
  .page-template-page-design-your-jacket-php
	.widget_box
	.jwidget_select
	.selectize-input {
	padding: 5px 13px;
	border-radius: 5px;
	background: #fff;
  }
  
  .selectize-input.full > input[type="text"] {
	display: none;
  }
  
  .page-template-page-design-your-jacket-php
	.widget_box
	.jwidget_select
	.selectize-control.single
	.selectize-input:after {
	right: 8px;
  }
  
  .page-template-page-design-your-jacket-php
	.widget_box
	.jwidget_select
	.selectize-input
	input[type="text"] {
	/*display: none; */
	/*visibility: hidden;*/
  }
  
  .widget_box .jwidget_input_text {
	height: 28px;
	line-height: 28px;
	padding: 0 8px;
	width: 118px;
  }
  
  .jwidget_row_field {
	margin-bottom: 13px;
  }
  
  /* Grid */
  .jwidget_row .one-third {
	width: 33.33333333333333%;
	float: left;
	margin: 0;
  }
  
  /* Color Selector */
  .color_selector_wrap > span {
	padding-left: 4px;
	font-size: 11px;
	font-weight: 700;
  }
  
  .color_wrap {
	border: 1px solid #c2c2c2;
	width: 55px;
	height: 30px;
	padding: 3px;
	cursor: pointer;
  }
  
  .color_wrap > span {
	height: 22px;
	display: inline-block;
  }
  
  .color_wrap > span.color_show {
	width: 30px;
	height: 22px;
	background: #000;
	border: 1px solid #ccc;
  }
  
  .color_wrap > span.color_arrow {
	width: 12px;
	height: 22px;
	background: url(images/arrow_down.png) 100% 50% no-repeat;
  }
  
  .color_selector_wrap {
	position: relative;
  }
  
  .color_selection {
	background: none repeat scroll 0 0 #f3f3f3;
	border: 1px solid #c2c2c2;
	left: 1px;
	position: absolute;
	top: 31px;
	width: 160px;
	height: 229px;
	overflow-y: scroll;
	z-index: 10;
  }
  
  .color_selection div {
	padding: 5px 10px;
	border-bottom: 1px solid #c2c2c2;
  }
  
  .color_selection div:last-child {
	border-bottom: 0;
  }
  
  .color_selection div:hover,
  .color_selection div.active {
	background: #fff;
  }
  
  .color_selection div span {
	border: 1px solid #f3f3f3;
	display: inline-block;
	height: 20px;
	margin-right: 6px;
	vertical-align: middle;
	width: 20px;
  }
  
  /* Trim Styles */
  .trim_styles_wrap {
	float: right;
  }
  
  .trim_style,
  .collar_style {
	width: 44px;
	height: 28px;
	border: 1px solid #6c6c6c;
	border: 1px solid #c2c2c2;
	display: inline-block;
	margin-right: 8px;
	border-radius: 3px;
	background-image: url(images/trim_patterns.gif);
	background-color: #f3f3f3;
  }
  
  .trim_style.trim_1 {
	background-position: 0 0;
  }
  
  .trim_style.trim_2 {
	background-position: -54px 0;
  }
  
  .trim_style.trim_3 {
	background-position: -107px 0;
  }
  
  .trim_style.active,
  .trim_style:hover,
  .collar_style.active,
  .collar_style:hover {
	border: 1px solid #6c6c6c;
	background-color: #fff;
  }
  
  .trim_styles_wrap .trim_style:last-child,
  .collar_styles_wrap .collar_style:last-child {
	margin-right: 0;
  }
  
  /* Collar Styles */
  .collar_style {
	background-image: url(images/collar_patterns.gif);
	background-position: 0 50%;
  }
  
  .collar_style.standup_collar {
	background-position: -1px 50%;
  }
  
  .collar_style.shirt_collar {
	background-position: -59px 50%;
  }
  
  .collar_style.hoodie_collar {
	background-position: -118px 50%;
  }
  
  .collar_style.zipper_collar {
	background-position: -176px 50%;
  }
  
  /* Button Box */
  .jacket_button_box {
	border: 1px solid #d1d1d1;
	position: relative;
  }
  
  .jacket_button_box div.prev_step_div,
  .jacket_button_box div.next_step_div {
	width: 50%;
	display: inline-block;
	float: left;
	font-size: 14px;
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	text-align: center;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
  }
  
  .jacket_button_box div.prev_step_div {
	border-right: 1px solid #d1d1d1;
  }
  
  .jacket_button_box div.next_step_div {
	/*margin-left: -1px;*/
  }
  
  .jacket_button_box a,
  .jacket_button_box a:hover,
  .jacket_button_box a:active,
  .jacket_button_box a:visited {
	display: block;
	color: #656565;
	text-decoration: none;
  }
  
  .jacket_button_box > div.add_note_div:hover,
  .jacket_button_box > div.next_step_div:hover {
	background: #f3f3f3;
  }
  
  .add_note_popup {
	margin-left: -350px;
	position: absolute;
	width: 340px;
	border: 1px solid #c2c2c2;
	background: #fff;
	display: none;
  }
  
  .add_note_popup_triangle {
	background: url("images/arrow_right.gif") no-repeat scroll 0 0
	  rgba(0, 0, 0, 0);
	height: 14px;
	position: absolute;
	right: -7px;
	top: 10px;
	width: 8px;
  }
  
  /* Image & Text Functions */
  .upload_image_button {
	line-height: 28px;
	display: inline-block;
	padding: 0 16px;
	border: 1px solid #c2c2c2;
	color: #656565;
  }
  
  #right_chest_text {
	border: 1px solid #ccc;
  }
  
  .data_step_click {
	cursor: pointer;
  }
  
  /* Text Style */
  a.text-type,
  a.obj-text-type,
  a.letter-type {
	width: 83px;
	line-height: 28px;
	border: 1px solid #c2c2c2;
	display: inline-block;
	text-align: center;
	color: #656565;
	text-decoration: none;
  }
  
  a.text-type.active,
  a.obj-text-type.active,
  a.letter-type.active {
	background: #656565;
	color: #fff;
  }
  
  a.obj-text-type {
	width: 110px;
  }
  
  .letters_widget {
	position: relative;
  }
  
  .letter-type-image {
	position: absolute;
	z-index: 1;
	top: -90px;
	display: none;
  }
  
  .letter-type-image.Interlocking {
	right: 0;
  }
  
  /* Hacks */
  /*div[data-target="#bottom_middle"] .jwidget_row:first-child,
  div[data-target="#bottom_middle"] div[data-type="Text"] {
	  display: none!important;
  }
  
  div[data-target="#bottom_top"] .jwidget_row:first-child,
  div[data-target="#bottom_top"] div[data-type="Image"] {
	  display: none!important;
  }
  
  div[data-target="#bottom_bottom"] .jwidget_row:first-child,
  div[data-target="#bottom_bottom"] div[data-type="Image"] {
	  display: none!important;
  }
  
  div[data-target="#bottom_top"] .jwidget_middle_section,
  div[data-target="#bottom_middle"] .jwidget_middle_section,
  div[data-target="#bottom_bottom"] .jwidget_middle_section {
	  margin-top: 0;
	  border-top: 0;	
  }
  */
  
  /* Jacket Size */
  
  #content .design_your_jacket_app_size .size_left {
	width: 37%;
  }
  
  #content .design_your_jacket_app_size .size_right {
	border-left: 1px solid #d1d1d1;
	margin-left: 1.5%;
	padding-left: 1.5%;
	width: 60.6%;
  }
  
  #content .design_your_jacket_app_size h4 {
	font-size: 16px;
  }
  
  #content .design_your_jacket_app_size .gender_select,
  #content .design_your_jacket_app_size .size_select {
	background-image: url(images/men_women.png);
	background-repeat: no-repeat;
	width: 50%;
	line-height: 60px;
	color: #131313;
	float: left;
	border: 1px solid #d1d1d1;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: bold;
	text-align: center;
  }
  
  #content .design_your_jacket_app_size .gender_select.men {
	background-position: 40% -105px;
	border-right: 0;
	border-radius: 5px 0 0 5px;
  }
  
  #content .design_your_jacket_app_size .gender_select.women {
	background-position: 40% -14px;
	border-radius: 0 5px 5px 0;
  }
  
  #content .design_your_jacket_app_size .size_select {
	background-image: none;
	width: 9.1%;
	border-radius: 5px;
	padding: 0;
	text-align: center;
	line-height: 40px;
	margin: 0 1% 10px 0;
  }
  
  #content
	.design_your_jacket_app_size
	.size_buttons
	> .size_select:nth-last-child(4) {
	margin-right: 0;
  }
  
  #content .design_your_jacket_app_size .size_select[href="#custom"] {
	width: 100%;
  }
  
  #content .design_your_jacket_app_size .gender_select.active,
  #content .design_your_jacket_app_size .size_select.active,
  #content .design_your_jacket_app_size .gender_select:hover,
  #content .design_your_jacket_app_size .size_select:hover {
	background-color: #e9e9e9;
  }
  
  .form_inline label,
  .form_inline input[type="text"] {
	display: inline-block;
  }
  
  .form_inline label {
	width: 100px;
  }
  
  .form_inline input[type="text"] {
	width: 80px;
  }
  
  .form_inline input[type="text"].editable {
	background: #fff;
	border: 1px solid #f26522;
  }
  
  .line_note {
	color: #858585;
	padding-left: 20px;
  }
  
  a.submit_size,
  a.choose_jacket_size {
	width: 100%;
	line-height: 40px;
	border: 1px solid #f26522;
	display: inline-block;
	color: #656565;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: #f26522;
	color: #fff;
  }
  
  a.submit_size:hover {
	background: #fff;
	color: #858585;
	border: 1px solid #858585;
  }
  
  /* Jacket_left_buttons_extra */
  .jacket_left_buttons_extra {
	left: 20px;
	position: absolute;
	overflow: hidden;
	border: 1px solid #cfd4d8;
  }
  
  .jacket_left_buttons_extra a {
	float: left;
	text-decoration: none;
	color: #656565;
	width: 104px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	border-right: 1px solid #cfd4d8;
  }
  
  .jacket_left_buttons_extra a.disabled {
	background: #f5f5f5;
	color: #ccc;
  }
  
  .jacket_left_buttons_extra a.reset_button {
	border-right: 0;
  }
  
  .jacket_left_buttons_extra a:hover {
	color: #f26522;
  }
  
  /* File Upload */
  .file_uploaded {
  }
  
  .file_uploaded .upload_total_progress {
	background: #f3f3f3;
	height: 6px;
	width: 100%;
	position: relative;
	margin-top: 10px;
	margin-bottom: 4px;
  }
  
  .file_uploaded .upload_progress {
	width: 0%;
	top: -6px;
	background: #ff5d5e;
	height: 6px;
  }
  
  a.remove_file {
	float: right;
	font-family: Arial;
  }
  
  /* Error Messages */
  .error_message,
  .success_message {
	position: absolute;
	top: 66px;
	left: 0;
	width: 100%;
	z-index: 9999;
  }
  
  .error_message div,
  .success_message div {
	background: rgba(255, 93, 93, 0.95);
	height: 50px;
	line-height: 50px;
	color: #fff;
	padding: 0 20px;
	font-size: 15px;
	margin-bottom: 1px;
	border: 1px solid #e03e3e;
	border-radius: 5px 5px 0 0;
	overflow: hidden;
  }
  
  .success_message div {
	background: rgba(124, 214, 58, 0.95);
	border: 1px solid #439e00;
  }
  
  .error_message div a.close_error_msg,
  .success_message div a.close_error_msg {
	color: #fff;
	float: right;
	text-decoration: none;
  }
  
  .sharing_tool {
	text-align: right;
	margin-bottom: 15px;
  }
  
  .sharing_tool span,
  .sharing_tool span:before,
  .sharing_tool span:after {
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
  }
  
  .sharing_tool .stMainServices img {
	display: none;
  }
  
  .custom_size_wrap {
	text-align: center;
  }
  
  .custom_size_wrap .size_details_wrap .jwidget_row {
	display: inline-block;
	margin-right: 15px;
	margin-top: 25px;
  }
  
  a.upload_image_button {
	border: 1px solid #ccc;
  }
  
  @media only screen and (max-width: 1170px) {
	.wrap {
	  max-width: 100%;
	  padding: 0 1%;
	}
  
	.footer-widgets .wrap {
	  padding: 50px 1%;
	  overflow-x: hidden;
	}
  
	.footer-widgets-1,
	.footer-widgets-2,
	.footer-widgets-3,
	.footer-widgets-4 {
	  width: 158px;
	}
  
	.genesis-nav-menu .menu-item:nth-child(4) {
	  margin-left: 9%;
	}
  
	.genesis-nav-menu .menu-item:nth-child(3) {
	  margin-right: 9%;
	}
  
	/* Homepage */
	#design_jacket_content p br {
	  display: none;
	}
  }
  
  @media only screen and (max-width: 550px) {
	.jacket_views {
	  left: 16px !important;
	}
	.mobile_body {
	  margin-left: 24% !important;
	}
	#front_svg svg,
	#back_svg svg {
	  width: 100% !important;
	  height: 306px !important;
	  margin-top: 57px !important;
	}
	#right_svg svg,
	#left_svg svg {
	  width: 100% !important;
	  height: 306px !important;
	  margin-top: 62px !important;
	}
	.design_your_jacket_app {
	  padding: 20px 0 !important;
	}
  }
  @media only screen and (max-width: 480px) {
	#front_svg svg,
	#back_svg svg {
	  width: 100% !important;
	  height: 319px !important;
	  margin-top: -47px !important;
	  margin-left: 17px !important;
	}
	#right_svg svg,
	#left_svg svg {
	  width: 100% !important;
	  height: 319px !important;
	  margin-top: -47px !important;
	  margin-left: 17px !important;
	}
	.jacket_views {
	  left: 16px !important;
	}
	.jacket_views {
	  top: -1px !important;
	}
	.card_head {
	  height: 0px !important;
	}
	table {
	  display: block;
	  max-width: -moz-fit-content;
	  max-width: fit-content;
	  margin: 0 auto;
	  overflow-x: auto;
	  white-space: nowrap;
	}
  }