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

@font-face {
    font-family: "English157bt";
    src: url("/svg/fonts/english157-bt.eot?#iefix") format("embedded-opentype"), url(/svg/fonts/english157-bt.ttf) format("truetype"), url(/svg/fonts/english157-bt.woff) format("woff"), url(/svg/fonts/english157-bt.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

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

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

@font-face {
font-family: 'Swis721BT-BB';
font-style: normal;
font-weight: normal;
src: url('/svg/fonts/Swiss 721 BT.woff') format('woff');
}



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

@font-face {
    font-family: "SofiaPro";
    src: url("/svg/fonts/sofiapro-light.eot?#iefix") format("embedded-opentype"), url(/svg/fonts/sofiapro-light.ttf) format("truetype"), url(/svg/fonts/sofiapro-light.woff) format("woff"), url(/svg/fonts/sofiapro-light.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

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

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

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

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

@font-face {
    font-family: "Verdana";
    src: url("/svg/fonts/verdana.eot?#iefix") format("embedded-opentype"), url(/svg/fonts/verdana.woff) format("woff"), url(/svg/fonts/verdana.woff2) format("woff2");
    font-weight: 400;
    font-style: normal
}

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

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

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

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

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

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

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

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

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

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


.progress-bar {
    color: #000;
    padding-left: 5px
}

div#ImagePreload {
    display: none
}

a {
    color: #707070
}

.btn-success {
    background: #707070;
    border: #101010
}

.btn-success:hover {
    background: #303030;
    border: #101010
}

.more {
    display: none
}

a.showLink,
a.hideLink {
    text-decoration: none;
    color: #707070;
    padding-left: 8px
}

a.showLink:hover,
a.hideLink:hover {
    border-bottom: 1px dotted #36f
}

input[type=range] {
    -webkit-appearance: none;
    border: 1px solid white;
    width: 150px
}

input[type=range]::-webkit-slider-runnable-track {
    width: 150px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px
}

input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod;
    margin-top: -4px
}

input[type=range]:focus {
    outline: none
}

input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc
}

input[type=range]::-moz-range-track {
    width: 150px;
    height: 5px;
    background: #ddd;
    border: none;
    border-radius: 3px
}

input[type=range]::-moz-range-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod
}

input[type=range]:-moz-focusring {
    outline: 1px solid white;
    outline-offset: -1px
}

input[type=range]::-ms-track {
    width: 150px;
    height: 5px;
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent
}

input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px
}

input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px
}

input[type=range]::-ms-thumb {
    border: none;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    background: goldenrod
}

input[type=range]:focus::-ms-fill-lower {
    background: #888
}

input[type=range]:focus::-ms-fill-upper {
    background: #ccc
}

input[type="file"] {
    display: none
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer
}

#legendclass {
    font-weight: 700;
    color: #333;
    width: 360px
}

#filedrag {
    display: none;
    font-weight: 700;
    text-align: center;
    padding: 1em 0;
    margin: 1em 0;
    color: #555;
    border: 1px dashed #555;
    border-radius: 0;
    cursor: default;
    width: 300px
}

#filedrag.hover {
    color: red;
    border-color: red;
    border-style: solid;
    box-shadow: inset 0 3px 4px #888
}

#messages {
    padding: 0 10px;
    margin: 1em 0;
    border: 1px solid #999;
    width: 300px
}

#progress p {
    display: block;
    width: 300px;
    padding: 2px 5px;
    margin: 2px 0;
    border: 1px inset #446;
    border-radius: 5px;
    background-color: #eee;
	background-image: url(/svg/ext/css/progress.png);
	/*background-position: 100% 0;
	background-repeat: repeat-y;*/
	background-size: 0% 120px;
	
}

@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
#progress p.animate-flicker {
   -webkit-animation: flickerAnimation 1s infinite;
   -moz-animation: flickerAnimation 1s infinite;
   -o-animation: flickerAnimation 1s infinite;
    animation: flickerAnimation 1s infinite;
}


#progress p.success {
    background: #0c0 none 0 0 no-repeat
}

#progress p.failed, #progress p.failure {
    background-color: #c00;
	color: #fff;
	text-decoration: line-through;
}

img {
    max-width: 100%
}

pre {
    width: 95%;
    height: 8em;
    font-family: monospace;
    font-size: .9em;
    padding: 1px 2px;
    margin: 0 0 1em auto;
    border: 1px inset #666;
    background-color: #eee;
    overflow: auto
}

fieldset {
    margin: 0;
    padding: 0;
    display: block;
    position: relative;
    width: 100%;
    border-top: none!important;
    padding-top: 3em
}

fieldset>* {
    width: auto;
    %width: auto!important;
    margin-left: 1.5em;
    margin-left: 1.5em!important
}

fieldset *:first-child + * {
    margin-top: 1.5em
}

fieldset:last-child {
    margin-bottom: 1.5em
}

legend {
    width: 100%;
    position: absolute;
    top: -1px;
    left: -1px;
    margin: 0px!important;
    line-height: 2em;
    text-indent: 1.5em;
}

fieldset,
legend {
    border: 1px solid #ddd;
    background-color: #eee;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px
}

legend {
    font-weight: 400;
    font-size: 1.2em;
    text-shadow: #fff 1px 1px 1px
}

fieldset {
    background-color: #f7f7f7;
    width: 360px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px
}

.nav li a {
    padding: 2px 15px;
    margin: 0;
    overflow: hidden
}

.panel-body-cat {
    padding-top: 5px
}

.panel-body-cat li a {
    padding-left: 2px;
    font-size: 12px;
    text-align: left;
    line-height: 100%
}

.text-left {
    color: #707070
}

#svgid {
    /*margin-left: 20px*/
}

#sliderdiv {
    margin: 5px
}

#rangeValLabel {
    margin: 4px
}

#enlValLabel {
    margin-top: 2px;
    margin-left: 2px
}

#extramarg {
    padding-top: 10px
}

#selnametext {
    margin-top: 5px
}

#checkAll {
    margin-bottom: 10px
}

#labelcheckall {
    margin-bottom: 7px;
    margin-left: 7px
}

#labelcheckCircle0 {
    margin-bottom: 7px;
    margin-left: 7px
}

#labelcheckCircle1 {
    margin-bottom: 7px;
    margin-left: 10px
}

#labelcheckCircle2 {
    margin-bottom: 7px;
    margin-left: 10px
}

.znav-tabs {
    border-bottom: 3px solid #DDD;
    margin-top: 10px
}

.znav-tabs li a {
    border-top: 3px solid #FFF;
    line-height: 40px;
    height: 40px;
    padding-top: 0;
    font-weight: 400
}

.znav-tabs>.active>a {
    border-top: 3px solid #000;
    border-bottom: 3px solid #FFF;
    padding-bottom: 11px;
    padding-top: 0;
    font-weight: 600
}

.znav-tabs>li {
    margin-bottom: -3px
}

.nav > li > a { outline:none; }



#prevorders, #mytemplates
{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}

.containerTSexample {
    position: relative;
}

.imageTSexample {
    opacity: 1;
    display: inline;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden
}
.imageTSexample .img-thumbnail{
border: 0;}
.middleTSexample {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%)
}

.containerTSexample:hover .imageTSexample {
    opacity: .3;
	
}

.containerTSexample:hover .middleTSexample {
    opacity: 1
}

.textTSexample {
    background-color: #fa5255;
    color: white;
    font-size: 16px;
    padding: 10px 30px;
	cursor: pointer;
	width: 100%;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 
{
    padding: 0;
}