body{
font-family: 'Raleway', sans-serif;
}
a:hover{
	text-decoration:none;
}
/* Header Style */
#header{
	padding:0px 0 26px;
}
.header-text h2{
 color:#c91638;
 font-size:18px;
 text-transform:uppercase;
 margin:0;
 font-weight:700;
}
.header-designed h3{
 color:#424242;
 font-size:18px;
 margin:0;
 text-align:right;
}


/* -------------- */

/* Footer Style */
#footer{
  padding:135px 0 10px;
  background:#c91638;  
  text-align:center;
}
#footer img.footer-logo{
	 margin:0 auto 55px;
}
.footer-nav ul{
	list-style:none;
	padding:0;
	margin:0;
}
.footer-nav ul li{
	display:inline-block;
}
.footer-nav ul li a{
	color:#fff;
	font-weight:600;
	display:block;
	margin:0 15px;
}

/* ------------ */

.your-product-design-view{
	background:#f8f8f8;
	padding:20px;
	margin:0 0 35px;
}
.your-jacket-description form label{
	color:#222222;
	font-size:18px;
	font-weight:normal;
	vertical-align:middle;
	margin:15px 0 0;
}
.your-jacket-description form .custom-select, .your-jacket-description form select{
	font-size:16px;
	color:#c91638;
	font-weight:normal;
	padding:15px 10px;
	border:0;
	-webkit-appearance:none;
	-moz-appearance:none;
	vertical-align:middle;
	background:#fff url(../images/select-icon.png) no-repeat 95% center;
	margin: 0 0 25px;
}

.your-jacket-description form a.jacket-add-text,.your-jacket-description form a.jacket-add-patches,.your-jacket-description form a.jacket-add-artwork{
	display:block;
	margin: 15px 0 15px;
	font-size:15px;
	color:#424242;
	height:50px;
	line-height:50px;
	width:100%;
	border:0;
	padding-left:15px;
	border:1px solid #fff;
	background:#fff url(../images/input-icon.png) no-repeat 98% center;
}
.your-jacket-description form a.jacket-add-text.active,.your-jacket-description form a.jacket-add-patches.active,.your-jacket-description form a.jacket-add-artwork.active,
.your-jacket-description form a.jacket-add-text:hover,.your-jacket-description form a.jacket-add-patches:hover,.your-jacket-description form a.jacket-add-artwork:hover
{
	border-color:#d5526b;
	color:#d5526b;
	background:#fff url(../images/input-icon-focus.png) no-repeat 98% center;
}
.your-jacket-description form input::-webkit-input-placeholder { opacity:1;}
.your-jacket-description form input::-moz-placeholder {opacity:1; }
.your-jacket-description form input:-moz-placeholder { opacity:1;
 }
.jacket-input-field{
	background:#fff;
	position:relative;
	background:#fff url(../images/input-icon.png) no-repeat 98% center;
}
.jacket-input-field span{
	position:absolute;
	left:10px;
	top:8px;
	font-size:15px;
	color:#424242;
}
.jacket-input-field input{
	opacity:0;
}
.front-top-left,.front-top-left{
	margin-right:0 !important;
}
.your-jacket-description form .jacket-start-again{
	 background:#424242;
	 text-transform:uppercase;
	 color:#fff;
	 font-size:16px;
	 font-weight:700;
	 border-radius:0;
	 height:53px;
	 border:1px solid #424242;  
}
.your-jacket-description form .jacket-start-again:hover{
	 background:#fff;
	 color:#424242;
	 transition:0.4s;
	 -webkit-transition:0.4s;
}
.your-jacket-description form .jacket-save{
	 background:#c91638;
	 text-transform:uppercase;
	 color:#fff;
	 font-size:16px;
	 font-weight:700;
	 border-radius:0;
	 height:53px;
	 line-height:41px;
	 border:1px solid #c91638;  
}
.your-jacket-description form .jacket-save:hover{
	background:#fff;
	color:#c91638;
	 transition:0.4s;
	 -webkit-transition:0.4s;
}
.jacket-add-text-wrapper,.add-patches-wrapper,.add-clipart-wrapper, design-options{
	/*display:none;*/
	position: absolute;
	top: -1px;
   left: 0;
   width: 100%;
   height:calc(100% + 2px);
   background:#f7f7f7;
   /*padding:55px 0 75px;*/
   z-index:11;
}
.jacket-add-text-wrapper h3,.add-patches-wrapper h3,.add-clipart-wrapper h3{
	color:#222222;
	font-size:18px;
	margin: 0 0 30px;
}
.jacket-add-text-wrapper input[type='text']{
	color:#424242;
	font-size:15px;
	background:#fff;
	height:50px;
	line-height:50px;
	padding-left:15px;
	display:block;
	width:100%;
	border:0;
	border-radius:0;
	margin:0 0 25px;
}
.jacket-add-text-wrapper .custom-select{
	width:100% !important;
	border:1px solid #c91638 !important;
}
.jacket-add-text-wrapper.active,.add-patches-wrapper.active,.add-clipart-wrapper.active{
	display:block;
}
.color{
	display:inline-block;
	width:20px;
	height:20px;
	margin-right:5px;
	margin-bottom:7px;
	cursor:pointer;
}
.color.white{
	background:#fff;
}
.color.blue{
	background:#0000ff;
}
.color.red{
	background:#ff0000;
}
.color.yellow{
	background:#FFFF00;
}
.color.green{
	background:#00ff00;
}
.color.orange{
	background:#ffa500;
}
.jacket-color-picker{
	margin: 0 30px 35px;
}
.choose-patch-wrapper,.choose-clipart-wrapper{
	padding:20px 25px;
	background:#fff;
	height: 275px;
    overflow-x: scroll;
	margin:0 0 35px;
}
.choose-patch-wrapper h4,.choose-clipart-wrapper h4{
	color:#424242;
	font-size:14px;
	margin:0 0 15px;
}
.choose-patch-wrapper a,.choose-clipart-wrapper a{
	float:left;
	padding:15px;
	border-right:1px solid  #e7e3e6;
	border-bottom:1px solid #e7e3e6;
	width:20%;
}
.choose-patch-wrapper a img,.choose-clipart-wrapper a img{
	height:55px;
	width:55px;
}
.your-jacket img{
	width:100%;
}



[jacket-pin] > *{width:30px;height:30px;fill:url('#pinImg')}

/*
.active-path{
	stroke-dasharray: 8px, 3px, 8px, 3px;
	stroke-width : 3;
	stroke-opacity: 1;
	stroke: #c91638;
}*/

.no-float{float: none !important;display:block}

.jacket-add-text-inner{display: none}

.your-jacket-description{position: relative}
[text-center]{text-align: center}

.clear{clear:both}
.pd-t-20{padding-top:20px}



.direction-button{
	background:#fff;
	color:#424242;
	font-size:15px;
	margin-bottom:15px;
	height:55px;
	border:1px solid #fff;
	border-radius:0;
	width:48%;
	line-height: 54px;
    text-align: center;
	float:left;
	position: relative;
}

.direction-button input[type="file"]{
	display: block;position: absolute;left:0;top:0;width:100%;height:100%;opacity: 0;
}



.direction-button:nth-child(2n){
	float: right;
}
/*
.your-jacket-description form a.front-top-left{
	float:right;
}
.your-jacket-description form a.front-bottom-left{
	float:right;
}*/
.direction-button:focus{
	text-decoration:none;
}
.direction-button.active, .direction-button:hover{
	border-color:#c91638;
	color:#c91638;
}

design-options{display: block}
.your-jacket svg:not(:root), .preview-images svg:not(:root){max-height:500px;min-height:450px}


.design-views{margin-right: -15px;margin-bottom: 15px}
.design-view-single{padding:0px;;font-size: 13px}
.design-view-single.active, .design-view-single:hover{color:#c91638;}
.design-view-single.active > div, .design-view-single:hover > div{box-shadow: 0 0 0 1px #c91638}
.design-view-single > div{padding:20px;background: #fff;margin-right: 15px}

.design-place-outline.out.active-path{stroke:#000000;stroke-miterlimit:10}
.design-place-outline.in.active-path{stroke:#000000;stroke-miterlimit:10;stroke-dasharray:3;}


/*.preview-images > div > * > *{max-height:400px;min-height:350px}*/

/*.st11{fill:none;stroke:#000000;stroke-miterlimit:10;}*/
/*.st11, .st12, .st13{fill:none;}*/
/*.st13{fill:none;stroke:#000000;stroke-miterlimit:10;stroke-dasharray:3;}*/




#front-part, #back-part, #left-part, #right-part, #inner-part{position: relative;}
#front-part div, #back-part div, #left-part div, #right-part div, #inner-part div{
    position: relative;z-index: 2;background:none !important
}
#front-part:after, #back-part:after, #left-part:after, #right-part:after, #inner-part:after, #basic-part:after{
    content:"";position: absolute;left:0;top:0;width: calc(100% - 15px);height: 100%;z-index: 1;opacity: .3
}

#basic-part:after{
	background:#fff url('../imgs/basic.jpeg') no-repeat center center /100% auto;opacity: .2;
}

#front-part:after{
    background:#fff url('../imgs/front.png') no-repeat center center /100% auto
}
#back-part:after{
    background:#fff url('../imgs/back.png') no-repeat center center /100% auto
}
#left-part:after{
    background:#fff url('../imgs/left.png') no-repeat center center /100% auto
}
#right-part:after{
    background:#fff url('../imgs/right.png') no-repeat center center /100% auto
}
#inner-part:after{
    background:#fff url('../imgs/inner.png') no-repeat center center /100% auto
}

#fixed-content{
	display: block;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 11;
    background: #fff;left:0;top:0;text-align: center;
}

#fixed-content .loader{height: 80px;display: inline-block;position: fixed;padding-left: 80px;padding-right: 20px;
	background: url('../imgs/image-loader-carrier.svg') no-repeat center left/auto 100%;line-height: 80px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,.4);border-radius: 5px;top:0;bottom:0;margin: auto;

	margin: auto;width: 250px;left: 0;right: 0;
}

#fixed-content .message{height: 80px;display: inline-block;position: fixed;padding:0 20px;
	/*line-height: 80px;*/
	box-shadow: 0 0 10px 0 rgba(0,0,0,.4);border-radius: 5px;top:0;bottom:0;margin: auto;

	margin: auto;
	left: 50%;
    transform: translateX(-50%);padding-top: 20px;
}

#fixed-content .loader-btn{background: #c91638;padding:7px 15px;border-radius: 50px;color:#fff;font-size: 10px;margin-left: 20px;cursor: pointer}

.add-user-details{text-align: left;max-width: 400px;
    margin: auto;
    margin-top: 100px;}

.design-view-single, .direction-button{cursor: pointer}

.btn.col-xs-5.col-xs-offset-1.jacket-save{float:right}

.preview-upper{
	float: left;
    width: 100%;
    clear: both;
    text-align: center;
}
.preview-upper a{
	float: none !important;
    margin: auto;
	width: auto;
}


.customWrap{background-color: #f0f0f0;}
.customise_this{padding: 30px;}
.customise_scale{background-color: #ffffff;padding: 20px;}
.customise_scale .btn{width: 100%;background-color: #424242;border-radius: 0;color: #ffffff;text-transform: uppercase;height: 44px;transition: all .3s;font-size: 16px;}
.customise_scale .btn:hover{color: #c91638;background-color: #ffffff;border: 1px solid #c91638;}

.movers_trigger{position: relative;min-height: 250px;}
.move_btn{display: block;text-align: center;height: 94px;width: 94px;color: inherit;font-size: 12px;border: 1px solid;padding: 18px;text-decoration: none !important;}
.move_btn img{display: block;margin-left: auto;margin-right: auto;}
.move_btn .active_img_move{display: none;}
.move_btn_over{color: #c91638 !important;border: 1px solid #c91638;}
.move_btn_over .def_img_move{display: none;}
.move_btn_over .active_img_move{display: block;}
.move_top{margin-bottom: 15px;}
.move_right{margin-right: auto;margin-top: 45px;position: relative;right: 30px;}
.move_bottom{}
.move_left{margin-left: auto;margin-top: 45px;}
.close_btn{width: 100%;background-color: #424242;border-radius: 0;color: #ffffff;text-transform: uppercase;height: 44px;transition: all .3s;font-size: 16px;}
.close_btn:hover{color: #c91638;background-color: #ffffff;border: 1px solid #c91638;}

.col-selector{background: #fff;position: relative;z-index: 11;}

/*#header{display:none !important}*/
#header #nav a:last-child{display:none !important}