/* lato-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v24-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lato-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v24-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* html, body */
html,
body
				{
				margin:0;
				padding:0;
				min-height: 100vh;
				background: #f6f4f2;
				}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}


/* default */
*
				{
				padding:0px;
				margin:0px;
				text-align:left;
				font-family: 'Lato', sans-serif, Tahoma, Arial, Verdana;
				font-size:100%;
				font-weight: 400;
				line-height: 1em;
				color:#000;
				background-repeat: no-repeat;
				outline: none;
				text-decoration:none;
				}

img
				{
				display: block;
				max-width: 100%;
				height: auto;
				border:0px;
				}

a
				{
				text-decoration:none;
				transition: all 500ms;
				}

b,
strong
				{
				font-weight: 500;
				}
			
p,
ul li,
th,
td
				{
				font-size: .9rem;
				line-height: 2em;
				margin-bottom: 30px;

				}

p a,
th a,
td a
				{
				text-decoration: underline;
				}

p a:Hover
				{
				text-decoration: none;
				}

a span
				{
				display: none;
				}

h1
				{
				font-size: 2.4rem;
				text-transform: uppercase;
				line-height: .85em;
				margin-bottom: 10px;
				font-weight: 600;
				color:#000;
				}

h2
				{
				font-size: 1rem;
				text-transform: uppercase;
				font-weight: 700;
				margin-bottom: 20px;
				}

h3
				{
				font-size: 1rem;
				text-transform: uppercase;
				font-weight: 700;
				margin-bottom: 20px;
				}

h4
				{
				font-size: 1.4rem;
				line-height: 2em;
				font-weight: 500;
				}

h5
				{
				font-size: 1.1rem;
				line-height: 1.2em;
				margin-bottom: 10px;
				}

h6
				{
				font-size: .8rem;
				font-weight: 700;
				text-transform: uppercase;
				margin-bottom: 10px;
				}

ul
				{
				margin: 0 0 20px 20px;
				}

.btn,
form input[type="submit"]
				{
				display: inline-block;
				background-color: #000;
				color:#fff;
				font-size: .75rem;
				font-weight: 700;
				text-transform: uppercase;
				border: none;
				text-decoration: none;
				padding: 15px 30px;
				box-sizing: border-box;
				-webkit-border-radius: 60px;
				-moz-border-radius: 60px;
				border-radius: 60px;
				text-align: center;
				transition: all 500ms;
				}

.btn.btn-small
				{
				background-color: #299d8c;
				padding: 8px 15px;
				}

td .btn
				{
				margin: 0 1%;
				background-color: #444;
				}

.btn.approved,
.btn.rejected,
.btn.email
				{
				width: 48%;
				margin: 0 1%;
				box-sizing: border-box;
				padding: 5px 0;
				background-color: #fff;
				}


.form-submit .btn,
.form-submit input[type="submit"]
				{
				margin-left: 10px;
				}

.form-submit .btn.btn-save
				{
				background-color: #5f2db0;
				}

.form-submit .btn.btn-print
				{
				background-color: #888!important;
				}

.form-submit .btn.btn-email
				{
				background-color: #ff9200;
				}

.form-submit .btn:Hover
				{
				color: #000!important;
				background-color: #FFF!important;
				}

.btn.email
				{
				width: 98%;
				background-color: #ff9200;
				}

.btn.approved
				{
				background-color: #15a038;
				}

.btn.rejected
				{
				background-color: #be1622;
				}

.btn:Hover,
form input[type="submit"]:Hover
				{
				color: #000;
				background-color: #FFF;
				cursor: pointer!important;
				}

.btn.active:Hover,
.btn.active
				{
				color: #FFF;
				background-color: #444;
				text-decoration: underline;
				cursor: default!important;
				}

.btn.btn-plus,
.btn.btn-view-edit
				{
				width:40px;
				height: 40px;
				padding: 0;
				background-position: center center;
				background-size: 20px;
				}

.btn.btn-plus
				{
				background-image: url('../images/icons/plus.svg');
				}

.btn.btn-plus:Hover
				{
				background-image: url('../images/icons/plus-invert.svg');
				}

.btn.btn-add
				{
				padding-right: 34px!important;
				background-image: url('../images/icons/plus.svg');
				background-position: center right +10px;
				background-size: 14px;
				}

.btn.btn-add:Hover
				{
				background-image: url('../images/icons/plus-invert.svg');
				}

hr
				{
				height: 1px;
				margin: 30px 0;
				border: none;
				background: #444;
				}

.align-right
				{
				text-align: right;
				}

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

.sizes
				{
				display: flex;
				flex-wrap: wrap;
				margin-top: 10px;
				}

table.order-table .sizes
				{
				margin-top: 0;
				}

.sizes .form-group
				{
				width: 24%;
				margin-right: 1%;
				}

.reorder-product-size-set .sizes .form-group
				{
				width: 13.28%;
				margin-right: 1%;
				}

.sizes .form-group input
				{
				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
				padding-left: 10px;
				padding-right: 10px;
				}

.sizes .form-group .form-label
				{
				left: 10px;
				}

table.order-table .sizes .form-group
				{
				width: 11%;
				margin: 5px 1% 5px 0;
				}

table.order-table .sizes.socks .form-group
				{
				width: 18%;
				}

table.order-table .sizes.belts .form-group
				{
				width: 9%;
				}

table.order-table .sizes.onesize .form-group
				{
				width: 100%;
				}

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

.content-header,
.box-footer
				{
				position: relative;
				z-index: 20;
				}

.content-header
				{
				min-height: 56px;
				display: flex;
				flex-wrap: wrap;
				justify-content: space-between;
				align-items: baseline;
				}

.content-header p
				{
				margin: 0;
				}

.content-header p:last-of-type
				{
				margin: 0 0 20px 0;
				}

.content-header.no-flex
				{
				display: block;
				}

.content-header-actions
				{
				margin-bottom: 10px;
				}

.content-header-actions div
				{
				margin-left: 10px;
				}

.content-header-actions .btn
				{
				padding: 14px 20px;
				}


.content-header-actions div select
				{
				margin: 0;
				}

.content-header-actions div input
				{
				padding: 11px;
				margin: 0;
				}

.search
				{
				background-image: url('../images/icons/search.svg');
				background-position: center right +15px;
				background-size: 16px;
				}

.box-footer
				{
				padding-top: 10px;
				text-align: center;
				}

.box-footer *
				{
				font-size: .8rem;
				}

table
				{
				width: 100%;
				border-collapse: collapse;
				}

table p
				{
				margin: 0;
				}

table th
				{
				font-weight: 600;
				}

table th,
table td
				{
				padding: 10px 10px 10px 0;
				border-bottom: 1px solid #000;
				vertical-align: middle;
				}

table th:last-child,
table td:last-child
				{
				width: 10%;
				padding-right: 0;
				}

table th.fixed-width,
table td.fixed-width
				{
				width: 10%;
				}

table.order-table th.fixed-width,
table.order-table td.fixed-width
				{
				width: 1%;
				}

table.order-table th.more-width,
table.order-table td.more-width
				{
				width: 15%;
				}

table.order-table td.more-width .form-group,
table.order-table td.more-width  .form-group input
				{
				display: block;
				width: 100%;
				}

table td select
				{
				width: 100%;
				max-width: 180px;
				padding: 6px;
				margin: 0;
				}

table.order-table td select
				{
				padding: 15px;
				width: 70px;
				margin: 0;
				}
				
table td input
				{
				margin-bottom: 0!important;
				}
				
table td img
				{
				max-width: 120px;
				}
				
table td .btn
				{
				width: 100%;
				padding: 10px;
				}

table td div
				{
				display: table-cell;
				vertical-align: middle;
				}

table td .icon
				{
				margin: 0 10px;
				}

table td .btn .icon
				{
				margin: 0;
				}

.td-contact
				{
				width:100%;
				justify-content:space-between;
				}

table.delivery-table th,
table.delivery-table td
				{
				border-color: #000;
				}

table.delivery-table tr:last-child td
				{
				border:none;
				}

table.summary
				{
				border-top: 1px solid #444;
				margin: 30px 0;
				}

table.summary *
				{
				font-size: 1rem;
				border-color: #444;
				}

table.summary td
				{
				width: 50%;
				}

table.summary td:first-child
				{
				font-weight: 600;
				}

table.summary td:last-child,
.btn-wrapper,
.btn-wrapper *
				{
				text-align: right;
				}

table.summary td .form-group,
table.summary td .form-group input,
table.brands-table td .form-group,
table.brands-table td input[type="text"]
				{
				display: inline-block;
				width: 100%;
				}

#id_toggle_content
				{
				display: none;
				}

table.brands-table
				{
				border-top: 1px solid #FFF;
				}

table.brands-table td
				{
				width: 33.33%;
				}

table.status-table
				{
				border-top: 1px solid #FFF;
				}

table.status-table td
				{
				width: 25%;
				vertical-align: top;
				}

table.status-table td:last-child
				{
				width: 75%;
				}

table a.down
				{
				background-image: url('../images/icons/down.svg');
				padding-right: 20px;
				background-repeat: no-repeat;
				background-size: 12px 12px;
				background-position: right center;
				}

table a.up
				{
				background-image: url('../images/icons/up.svg');
				padding-right: 20px;
				background-repeat: no-repeat;
				background-size: 12px 12px;
				background-position: right center;
				}

.new
				{
				background-image: url('../images/icons/new.svg');
				padding-left: 24px;
				background-repeat: no-repeat;
				background-size: 18px 18px;
				background-position: left center;
				}

table.location-table td
				{
				width: 50%;
				vertical-align: top;
				}

table.location-table td ul
				{
				margin-bottom: 0;
				}

table.location-table td ul li
				{
				margin: 0;
				}

/* ------------------------------------------------------------------------------------------------------------ */
							
.accordeon
				{
				list-style: none;
				position: relative;
				padding: 0!important;
				margin: 0 0 1px 0;
				border-bottom: 1px solid #000;
				}
				
.accordeon input[type=checkbox]
				{
				position: absolute;
				cursor: pointer;
				width: 100%;
				height: 100%;
				z-index: 1;
				opacity: 0;
				}
				
.accordeon h4
				{
				padding: 10px 40px 10px 0;
				font-size: 1.4rem;
				/*font-weight: 700;
				color: #8ea0b0;
				background-color: #d7e6f4;*/
				background-image: url('../images/icons/accordeon-t.svg');
				background-position: right center;
				background-repeat: no-repeat;
				background-size: 30px;
				margin: 0 0 10px 0;
				transition: all 500ms;
				}
				
.accordeon div.accordeon-content
				{
				position: relative;
				overflow: hidden;
				max-height: 2000px;
				opacity: 1;
				transform: translate(0, 0);
				margin-top: 0;
				z-index: 2;
				transition: all 0.25s ease-in-out;
				padding: 0;
				margin-bottom: 0;
				}
				
.accordeon div.accordeon-content p
				{
				margin-bottom: 40px;
				}
			
.accordeon input[type=checkbox]:checked ~ h4
				{
				background-image: url('../images/icons/accordeon-b.svg');
				margin: 0;
				}
				
.accordeon input[type=checkbox]:checked ~ div.accordeon-content
				{
				margin-top: 0;
				max-height: 0;
				opacity: 0;
				padding-bottom: 0;
				transform: translate(0, 50%);
				}
				
.accordeon-content .accordeon-content-inner
				{
				padding: 30px;
				}
				
/* ------------------------------------------------------------------------------------------------------------ */

.back-total
				{
				margin: 0 0 20px 0;
				}

.back-total a
				{
				display: inline-block;
				font-size: .8rem;
				text-transform: uppercase;
				}

.back-total h3
				{
				margin: 0;
				}

.submenu
				{
				margin: 0 0 30px 0;
				position: relative;
				z-index: 20;
				}

.submenu a
				{
				display: inline-block;
				font-size: .8rem;
				text-transform: uppercase;
				margin: 0 20px 0 0;
				}

.submenu a.active
				{
				text-decoration: underline;
				}

.profile
				{
				display: block;
				max-width: 60px;
				}

.rounded-image
				{
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				}

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

.statustext
				{
				display: inline-block;
				font-size: .8rem;
				background-repeat: no-repeat;
				background-position: left center;
				background-size: 14px;
				padding-left: 20px;
				margin: 0 10px;
				}

.icon
				{
				width: 20px;
				height: 20px;
				display: inline-block;
				background-repeat: no-repeat;
				background-position: center center;
				background-size: 80%;
				transition: all 500ms;
				}

.icon.deactive
				{
				opacity: .3;
				}

a.icon
				{
				display: block;
				}

a.icon:Hover
				{
				background-size: 100%;
				}

.note
				{
				background-image: url('../images/icons/note.svg');
				}

.settings
				{
				width: 24px;
				height: 24px;
				background-image: url('../images/icons/settings.svg');
				}

.copy
				{
				width: 24px;
				height: 24px;
				background-image: url('../images/icons/copy.svg');
				}

.logout
				{
				width: 24px;
				height: 24px;
				background-image: url('../images/icons/logout.svg');
				}

.info
				{
				font-size: .9rem;
				display: inline-block;
				padding: 0 0 4px 28px;
				background-size: 20px;
				background-position: left 4px;
				background-image: url('../images/icons/info.svg');
				}

.profil
				{
				display: inline-block;
				font-size: .9rem;
				display: inline-block;
				padding: 4px 0 4px 28px;
				background-size: 20px;
				background-position: left center;
				background-image: url('../images/icons/info.svg');
				}

.document
				{
				font-size: .9rem;
				display: inline-block;
				padding: 2px 0 2px 22px;
				background-size: 18px;
				background-position: center left;
				background-image: url('../images/icons/document.svg');
				text-decoration: underline;
				}

.reorder
				{
				display: inline-block;
				padding: 4px 0 4px 32px;
				background-size: 24px;
				background-position: center left;
				}

.map
				{
				font-size: .9rem;
				display: inline-block;
				padding: 2px 0 2px 22px;
				background-size: 18px;
				background-position: center left;
				background-image: url('../images/icons/map.svg');
				margin: 0;
				}

.back
				{
				font-size: .9rem;
				display: inline-block;
				padding: 2px 0 2px 22px;
				background-size: 18px;
				background-position: center left;
				background-image: url('../images/icons/back.svg');
				margin: 0;
				}

.icon.warehouse
				{
				background-image: url('../images/icons/warehouse.svg');
				}

.icon.production
				{
				background-image: url('../images/icons/production.svg');
				}

.icon.print
				{
				background-image: url('../images/icons/print.svg');
				}

.icon.view
				{
				background-image: url('../images/icons/view.svg');
				}

.icon.edit
				{
				background-image: url('../images/icons/edit.svg');
				}

.icon.delete
				{
				background-image: url('../images/icons/delete.svg');
				}

.icon.up
				{
				background-image: url('../images/icons/up.svg');
				}

.icon.down
				{
				background-image: url('../images/icons/down.svg');
				}

.icon.email
				{
				background-image: url('../images/icons/email.svg');
				}

.btn.email:Hover .icon.email
				{
				background-image: url('../images/icons/email-invert.svg');
				}

.icon.approved,
.statustext.approved
				{
				color:#15a038;
				background-image: url('../images/icons/approved.svg');
				}

.icon.open,
.statustext.open
				{
				color:#ff9200;
				background-image: url('../images/icons/open.svg');
				}

.icon.admin,
.statustext.admin
				{
				color:#ff9200;
				background-image: url('../images/icons/admin.svg');
				}

.icon.rejected,
.statustext.rejected
				{
				color:#be1622;
				background-image: url('../images/icons/rejected.svg');
				}

.statustext.phone
				{
				color:#FFF;
				background-image: url('../images/icons/phone.svg');
				}

.statustext.store
				{
				color:#FFF;
				background-image: url('../images/icons/store.svg');
				}

.btn.approved .icon.approved
				{
				background-image: url('../images/icons/approved-invert.svg');
				}

.btn.approved:Hover .icon.approved
				{
				background-image: url('../images/icons/approve.svg');
				}

.btn.rejected .icon.rejected
				{
				background-image: url('../images/icons/rejected-invert.svg');
				}

.btn.rejected:Hover .icon.rejected
				{
				background-image: url('../images/icons/rejected.svg');
				}

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

.box
				{
				position: relative;
				margin-bottom: 30px;
				}
				
.box-inner
				{
				position: relative;
				background: #fff;
				z-index: 1;
				padding: 40px;
				box-sizing: border-box;
				-webkit-border-radius: 40px;
				-moz-border-radius: 40px;
				border-radius: 40px;
				}

.box-temp .box-inner
				{
				padding: 20px;
				background: none;
				border: 2px dotted #fd0; 
				}

.box-temp .box-inner p
				{
				margin: 0;
				}
				
.box:after
				{
				position: absolute;
				content: '';
				top: 0;
				left: 0;
				right: 0;
				z-index: 0;
				height: 100%;
				width: 100%;
				margin: 0 auto;
				filter: blur(100px);
				transform: scale(1.3);
				background: #eeeeee;
				/*background: linear-gradient(90deg, #51127f, #d70a84);*/
				/*animation: animateGlow 10s ease infinite;*/
				opacity: .6;
				}

@keyframes animateGlow
				{
					0% 
					{
					background-position: 0% 50%
					}
				
					50%
					{
					background-position: 100% 50%
					}
				
					100%
					{
					background-position: 0% 50%
					}
				}

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

.view .form-group input, .view .form-group select, .view .form-group textarea { background: #222!important; color:#FFF!important; }
.view .form-group.focused .form-label { color:#CCC!important; }

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

.form-group 
				{
				position: relative;
				}
				
.form-label
				{
				position: absolute;
				left: 20px;
				top: 15px;
				color: #888;
				font-weight: 300;
				z-index: 0;
				transition: transform 150ms ease-out, font-size 150ms ease-out;
				}
				
.focused .form-label,
.stay-focused .form-label
				{
				transform: translateY(-120%);
				font-size: 0.65em;
				font-weight: 400;
				color: #000;
				}
				
.form-input
				{
				position: relative;
				width: 100%;
				outline: 0;
				border: 0;
				transition: box-shadow 150ms ease-out;
				}

.form-submit
				{
				display: flex;
				justify-content: flex-end;
				}

.form-submit.additional-link
				{
				justify-content:space-between;
				}

.form-submit.additional-link a
				{
				font-size: .9rem;
				color: #888;
				}

.form-submit.additional-link a:Hover
				{
				color: #FFF;
				}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="number"],
input[type="password"],
input[type="date"],
select,
textarea
				{
				width: 100%;
				padding: 15px 20px;
				box-sizing: border-box;
				-webkit-border-radius: 60px;
				-moz-border-radius: 60px;
				border-radius: 60px;
				background-color: #FFF;
				border: none;
				color: #000;
				margin-bottom: 10px;
				font-size: .9rem;
				font-weight: 400;
				transition: all 500ms;
				}
				
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
select:focus,
textarea:focus
				{
				box-shadow: inset 0 0 0 #000, 0 0 30px 0 #000;
				}

input[type="text"]:read-only
				{
				color: #000;
				background-image: url('../images/icons/lock.svg');
				background-position: center right +10px;
				background-size: 14px 14px;
				}

textarea
				{
				height: 80px;
				-webkit-border-radius: 30px;
				-moz-border-radius: 30px;
				border-radius: 30px;
				}

select
				{
				font-size: .9rem;
				line-height: 1.2em;
				font-weight: 400;
				-webkit-appearance: none;
				-moz-appearance: none;
				appearance: none;
				border:none;
				box-shadow: none;
				background-color: rgba(255,255,255,1);
				background-image:url('../images/icons/select.svg');
				background-position: right 10px center;
				background-size: 16px;
				padding: 16px 20px;
				padding-right: 40px!important;
				-webkit-border-radius: 50px;
				-moz-border-radius: 50px;
				border-radius: 50px;
				}

.content-header-actions select
				{
				padding: 11px 10px;
				}

.switch-field
				{
				display: flex;
				overflow: hidden;
				}

.box-content .switch-field
				{
				margin-bottom: 0;
				}
				
.switch-field input
				{
				position: absolute;
				clip: rect(0, 0, 0, 0);
				height: 1px;
				width: 1px;
				border: 0;
				overflow: hidden;
				}
				
.switch-field label
				{
				background-color: #444;
				color: #FFF;
				font-size: 14px;
				line-height: 1;
				text-align: center;
				padding: 6px 12px;
				margin-right: -1px;
				border: 1px solid rgba(0, 0, 0, 0.2);
				box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.1);
				transition: all 0.1s ease-in-out;
				}
				
.switch-field label:hover
				{
				cursor: pointer;
				}
				
.switch-field input:checked + label
				{
				background-color: #299d8c!important;
				box-shadow: none;
				}
				
.switch-field label:first-of-type
				{
				-webkit-border-radius: 30px 0 0 30px;
				-moz-border-radius: 30px 0 0 30px;
				border-radius: 30px 0 0 30px;
				}
				
.switch-field label:last-of-type
				{
				-webkit-border-radius: 0 30px 30px 0;
				-webkit-border-radius: 0 30px 30px 0;
				-webkit-border-radius: 0 30px 30px 0;
				}
				
.switch-field input:checked + label:last-of-type
				{
				background-color: #222;
				}

.switch-field label .icon
				{
				width: 12px;
				height: 12px;
				background-size: 100%;
				}

.btn-wrapper.view-edit
				{
				display: flex;
				justify-content: flex-end;
				margin-bottom: 20px;
				}

.flex-wrapper .btn-wrapper.view-edit
				{
				margin-bottom: 0;
				}
				
.btn-wrapper.view-edit .switch-field input:checked + label:last-of-type
				{
				background-color: #5f2db0;
				}

.btn-wrapper.view-edit .switch-field label .icon
				{
				width: 16px;
				height: 16px;
				}


.flex-wrapper .form-group.form-66
				{
				width: 66%;
				}

.flex-wrapper .form-group.form-33
				{
				width: 33%;
				}

.flex-wrapper .form-group.form-33 input
				{
				width: 100%;
				}

.flex-wrapper .form-group.form-66:first-child,
.flex-wrapper .form-group.form-33:first-child
				{
				margin-right: 1%;
				}

.check-list
				{
				display: inline-block;
				}

.check-list .radio-checkbox-wrapper
				{
				min-height: 20px;
				}

.reorder-product-size-set,
.order-product-size-set
				{
				display: none;
				}

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

.upload_container
				{
				text-align: center;
				}

.drop_zone
				{
				display: inline-block;
				/*border: 2px dotted #FFF!important;*/
				background: #444;
				position: relative;
				-webkit-border-radius: 20px;
				-moz-border-radius: 20px;
				border-radius: 20px;
				padding: 24px 20px;
				width: 100%;
				box-sizing: border-box;
				text-align: center;
				transition: all 1000ms;
				}

.drop_zone.dragover
				{
				/*border-color: #15a038!important;
				border: 2px dotted #15a038!important;*/
				background: #15a038;
				}

.upload_link
				{
				display: block;
				text-align: center;
				font-size: .9rem;
				color: #FFF;
				font-weight: 600;
				padding: 60px 0 0 0;
				margin-bottom: 10px;
				background-image: url('../images/upload/plus.svg');
				background-position: top center;
				background-repeat: no-repeat;
				background-size: 40px auto;
				}

.file_info
				{
				display: inline-block;
				text-align: center;
				font-size: 1rem;
				font-weight: 600;
				margin-top: 20px;
				}
				
.file_info.error
				{
				font-size: .9rem;
				font-weight: 400;
				padding: 5px 0 5px 30px;
				color: #be1622;
				background-image: url('../images/icons/rejected.svg');
				background-position: left center;
				background-repeat: no-repeat;
				background-size: 20px auto;
				}

.file_info.success
				{
				font-size: .9rem;
				font-weight: 400;
				padding: 5px 0 5px 30px;
				color: #15a038;
				background-image: url('../images/icons/approved.svg');
				background-position: left center;
				background-repeat: no-repeat;
				background-size: 20px auto;
				}
	
.loading
				{
				text-align: center;
				}	
	
.loading span
				{
				display: inline-block;
				font-size: .9rem;
				color: #FFF;
				font-weight: 400;
				margin: 20px 0 0 0;
				padding: 5px 0 5px 40px;
				background-image: url('../images/upload/loading.svg');
				background-position: left center;
				background-repeat: no-repeat;
				background-size: 30px auto;
				}

span.upload-box-title
				{
				display: block;
				text-align: center;
				font-size: .9rem;
				color: #FFF;
				font-weight: 400;
				padding: 60px 0 0 0;
				margin-bottom: 10px;
				background-image: url('../images/upload/plus.svg');
				background-position: top center;
				background-repeat: no-repeat;
				background-size: 40px auto;
				}

span.upload-box-text
				{
				display: block;
				text-align: center;
				font-size: .8rem;
				color: #FFF;
				font-weight: 400;
				}

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

.radio-checkbox-wrapper
				{
				margin: 0;
				}

.flex-wrapper .radio-checkbox-wrapper
				{
				margin: 0 20px 20px 0;
				}

.radio-checkbox-wrapper label
				{
				display: inline-block;
				position: relative;
				padding: 3px 0 0 30px;
				margin: 0 30px 10px 0;
				cursor: pointer;
				-webkit-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
				float: left;
				}
				
.radio-checkbox-wrapper input
				{
				position: absolute;
				opacity: 0;
				cursor: pointer;
				height: 0;
				width: 0;
				}
				
.radio-checkbox-wrapper .checkmark
				{
				position: absolute;
				top: 0;
				left: 0;
				height: 20px;
				width: 20px;
				border: 1px solid #CCC;
				background-color: #FFF;
				-webkit-border-radius: 50%;
				-moz-border-radius: 50%;
				border-radius: 50%;
				transition: 500ms all;
				}
				
.radio-checkbox-wrapper :hover input ~ .checkmark
				{
				border: 1px solid #121426;
				}
				
.radio-checkbox-wrapper  input:checked ~ .checkmark
				{
				border: 1px solid #121426;
				box-shadow: 0 0 2px 2px #121426;
				}
				
.radio-checkbox-wrapper .checkmark:after
				{
				content: "";
				position: absolute;
				display: none;
				}
				
.radio-checkbox-wrapper  input:checked ~ .checkmark:after
				{
				display: block;
				}
				
.radio-checkbox-wrapper  .checkmark:after
				{
				top: 5px;
				left: 5px;
				width: 10px;
				height: 10px;
				border-radius: 50%;
				background: #121426;
				}
				
.radio-checkbox-wrapper .checkmark.checkmark-checkbox
				{
				-webkit-border-radius: 6px;
				-moz-border-radius: 6px;
				border-radius: 6px;
				}

.radio-checkbox-wrapper .checkmark.checkmark-checkbox:after
				{
				top: 4px;
				left: 4px;
				width: 12px;
				height: 12px;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				}

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

#id_topbar
				{
				position: relative;
				box-sizing: border-box;
				width: 100%;
				padding: 20px;
				transition: all 500ms;
				z-index: 10;
				display: flex;
				align-content: space-between;
				}

#id_topbar #id_ci,
#id_topbar #id_menu
				{
				width: 50%;
				}

#id_topbar #id_ci
				{
				display: flex;
				flex-wrap: wrap;
				}

#id_topbar #id_ci img
				{
				display: inline-block;
				max-height: 80px;
				}

#id_topbar #id_menu
				{
				text-align: right;
				}

#id_topbar #id_menu ul
				{
				display: flex;
				align-items: center;
				justify-content: flex-end;
				margin: 0;
				}

#id_topbar #id_menu ul li
				{
				display: inline;
				line-height: 0;
				margin-left: 20px;
				}

#id_topbar #id_menu ul li a
				{
				color: #000;
				font-size: .8rem;
				font-weight: 700;
				text-transform: uppercase;
				}

#id_topbar #id_menu ul li a:Hover,
#id_topbar #id_menu ul li a.active
				{
				text-decoration: underline;
				}

.left
				{
				position: relative;
				width: 48%;
				margin-right: 2%;
				}

.right
				{
				position: relative;
				width: 48%;
				margin-left: 2%;
				}

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

#id_page
				{
				width:100%;
				margin: auto;
				box-sizing: border-box;
				overflow: hidden;
				}

.section
				{
				min-height: 100vh;
				padding-top: 100px;
				box-sizing: border-box;
				}

.module
				{
				position: relative;
				width: 100%;
				}
				
.inner
				{
				width: 96%;
				margin: 0 2%;
				max-width: 1580px;
				box-sizing: border-box;
				padding: 0;
				margin: auto;
				}
				
.inner.inner-small
				{
				max-width: 480px;
				}
				
.inner.inner-medium
				{
				max-width: 990px;
				}
				
.inner.inner-big
				{
				max-width: 1240px;
				}

.flex-wrapper
				{
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				}

.flex-wrapper.flex-top
				{
				align-items: flex-start;
				}

.flex-wrapper.flex-strech
				{
				justify-content: space-between;
				}

.flex-wrapper.flex-end
				{
				justify-content: flex-end;
				gap: 10px;
				}

 .flex-wrapper.flex-teaser
				{
				align-items:stretch;
				align-content:stretch;
				width: 101%;
				margin-left: -.5%;
				}

 .flex-wrapper.flex-teaser .box .box-inner
				{
				height: 100%;
				}

 .flex-wrapper.flex-teaser .box-image
				{
				z-index: 20;
				height: 0;
				overflow: hidden;
				padding-top: 100%;
				position: relative;
				background-color: #000;
				background: linear-gradient(0deg, #111, #000);
				transition: 500ms all;
				}

 .flex-wrapper.flex-teaser .box .box-image .box-image-inner
				{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-repeat: no-repeat;
				background-size: 100%;
				background-position: center center;
				transition: 500ms all;
				}

 .flex-wrapper.flex-teaser .box:Hover .box-inner .box-image .box-image-inner
				{
				background-size: 110%;
				}

 .flex-wrapper.flex-teaser .box
				{
				width: 19%;
				margin: 0 .5% 30px .5%;
				}

 .flex-wrapper.reorder-teaser .box
				{
				width: 24%;
				margin: 0 .5% 30px .5%;
				}

 .flex-wrapper.flex-teaser .box .box-inner
				{
				padding: 0;
				overflow: hidden;
				-webkit-border-radius: 20px;
    			-moz-border-radius: 20px;
    			border-radius: 20px;
				}

 .flex-wrapper.flex-teaser .box .box-inner .box-content
				{
				padding: 20px;
				}

 .flex-wrapper.flex-teaser .box .box-inner .box-content p,
  .flex-wrapper.flex-teaser .box .box-inner .box-content ul
				{
				margin-bottom: 0;
				}

 .flex-wrapper.flex-teaser .box .box-inner .box-content ul li
				{
				font-size: .8rem;
				line-height: 1.4em;
				margin-bottom: 0;
				}

 .flex-wrapper.flex-teaser.flex-teaser-small .box .box-image
				{
				padding-top: 50%;
				}

 .flex-wrapper.flex-teaser.flex-teaser-small .box .box-image .box-image-inner
				{
				background-size: 70%;
				}

 .flex-wrapper.flex-teaser.flex-teaser-small .box:Hover .box-inner .box-image-inner
				{
				background-size: 80%;
				}

.appointment
				{
				display: inline-block;
				font-size: 1.2rem;
				font-weight: 600;
				line-height: 1.4em;
				padding-right: 30px;
				background-image: url('../images/icons/appointment.svg');
				background-repeat: no-repeat;
				background-size: 20px;
				background-position: right center;
				transition: 500ms all;
				}

.appointment:Hover
				{
				color: #299d8c;
				}

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

#id_footer
				{
				position: relative;
				padding-top: 100px;
				}

#id_footer .inner
				{
				padding: 30px 0;
				display: flex;
				align-items: center;
				}

#id_footer .footer-section
				{
				width: 33.33%;
				}

#id_footer .footer-section.footer-center,
#id_footer .footer-section.footer-center *
				{
				text-align: center;
				}

#id_footer .footer-section.footer-right,
#id_footer .footer-section.footer-right *
				{
				text-align: right;
				}

#id_footer ul
				{
				list-style: none;
				margin: 0;
				}

#id_footer ul li
				{
				display: inline;
				margin: 0 10px;
				}

#id_footer .footer-section.footer-right ul li
				{
				margin:0 0 0 20px;
				}

#id_footer p,
#id_footer p span,
#id_footer a
				{
				font-size: .75rem;
				color: #666;
				font-weight: 300;
				margin: 0;
				}

#id_footer a:Hover,
#id_footer a.active
				{
				color: #e8e3dc;
				}

#id_footer a.active
				{
				cursor: default;
				}

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

.modal
				{
				display: none;
				width: 80%;
				max-height: 80vh;
				max-width: 800px;
				box-sizing: border-box;
				padding: 40px;
				margin: 0;
				-webkit-border-radius: 40px;
				-moz-border-radius: 40px;
				border-radius: 40px;
				background-color: #000;
				}
/*
.modal *
				{
				color: #FFF;
				}

.modal.modal-invert
				{
				background-color: #000;
				}		

.modal-inner
				{
				padding-bottom: 200px;
				}	
*/
.modal .fancybox-close-small
				{
				display: none;
				}

.add-note
				{
				}
		
/* ------------------------------------------------------------------------------------------------------------ */

.not-mobile
				{
				display: inline-block;
				}

.only-mobile
				{
				display: none;
				}

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

@media screen and (max-width: 1200px) {
	
	.sizes .form-group input
				{
				padding-left: 5px;
				padding-right: 5px;
				}
	
	.sizes .form-group .form-label
				{
				left: 5px;
				}
	
	table.order-table th.more-width,
	table.order-table td.more-width
				{
				width: auto;
				}
				
}

@media screen and (max-width: 960px) {
	
	.not-mobile
				{
				display: none;
				}

	.only-mobile
				{
				display: inline-block;
				}
	
	.flex-wrapper.flex-teaser .box
				{
				width: 49%;
				}
	
	.flex-wrapper.flex-teaser.reorder-teaser .box
				{
				width: 100%;
				margin-left: 0;
				margin-right: 0;
				}
	
	
		
	.left,
	.right
				{
				width: 100%;
				margin: 0 0 30px 0;
				}
				
}

@media screen and (max-width: 768px) {
	
	h1
				{
				font-size: 1.8rem;
				line-height: 1.2em;
				}
	
	form input[type="submit"],
	.btn-wrapper .btn
				{
				width: 100%;
				text-align: center;
				}
	
	#id_topbar #id_ci img
				{
				display: inline-block;
				max-height: 12px;
				}
	
	#id_topbar #id_menu ul li
				{
				font-size: .7rem;
				}
	
	.section
				{
				padding-top: 40px;
				}

	.appointment
				{
				margin: 20px 0 30px 0;
				}
				
				
				
				
}