@font-face {
    font-family: 'DejaVu Sans';
    src: url('../fonts/dejavu-sans-webfont.eot'); /* IE9 Compat Modes */
    src: url('../fonts/dejavu-sans-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('../fonts/dejavu-sans-webfont.woff2') format('woff2'), /* Super Modern Browsers */
         url('../fonts/dejavu-sans-webfont.woff') format('woff'), /* Pretty Modern Browsers */
         url('../fonts/dejavu-sans-webfont.ttf') format('truetype'), /* Safari, Android, iOS */
         url('../fonts/dejavu-sans-webfont.svg#dejavu_sansregular') format('svg'); /* Legacy iOS */
}
.none {
	display:none;
}
.hidden {
	visibility:hidden;
}
.absolute {
	position:absolute;
}
.stepwizard-step p {
    margin-top: 10px;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;     
    width: 100%;
    position: relative;
    margin-bottom: 30px;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
    cursor: default;
}
.stepwizard-row:before {
    top: 25px;
    bottom: 0;
    position: absolute;
    left: 0px;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #e9ecf0;
    z-order: 0;
}

.stepwizard-step {    
    display: table-cell;
    text-align: center;
    position: relative;
    width:20%;
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #2769F0;
    border-color: #2769F0;
    cursor: default;
}

h2 {
    color: #2769F0;
}
.dropzoneicon {
	font-size: 150px;
	color: #eaeff4;
	position:absolute;
    top: 30px;
    left: 60px;
	opacity:1;
	margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.dropzoneicon:hover {
	opacity:0.8	!important;
}
.dropzonemsg {
	z-index: 1;
    position: absolute;
    width: 300px;
    margin-top: 10%;
    opacity: 0.5;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    text-align: center;
}
.dropzone {
	background-color: #ffffff !important;
	position:relative;
	min-height: 200px;
	border: 1px solid #eaeff4;
	/* padding: 20px 20px; */
	padding: 20px 50px 20px 20px;
	margin-bottom: 10px;
	border-radius: 2px;
}


/* remove flashed on number fields */

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}
#map_zone {
	height: 210px;
	border: 1px solid #eaeff4;
	display:none;
	border-radius: 10px;
	overflow: hidden;
    width: 100%;
}
.senderfield {
    position: absolute;
    top: 40px;
    right: 40px;
    height: 125px;
    width: 180px;
    line-height: 1.1;
    font-size: 0.687em;;
    overflow: hidden;
    background: transparent;
    border: 0px solid;
    padding: 0px;
    -webkit-text-size-adjust: auto;
}
.addressfield {
	position: absolute;
	top: 185px;
    left: 70px;
    height: 78px;
    width: 270px;
    line-height: 1.1;
    font-size: 11px;
	line-height: 1.2;
	overflow: hidden;
	background-color #000;
	border: 0px solid;
	padding: 0px;
	-webkit-text-size-adjust: auto;
}
.cart {
	border: 1px solid #2769F0;
    padding: 20px;
    border-radius: 25px;
}
.cardtitle {
	font-weight: 400;	
}
.orderplate, .confplate {
    background-color: #2769F0;
    color: #fff;
    padding: 20px;
    border-radius: 10px;
}
.conforderadress {
	line-height: 1.3;
}
.orderline {
	border-bottom: 1px solid;
    padding-bottom: 10px;
}
.ordernumber {
	font-weight: bold;
}
.orderpages {
	text-align: right;
	font-weight: bold;
}
.ordertotal {
	text-align: right;
	font-weight: bold;
}
.orderremark {
	line-height: 1.2;
	text-align: justify;
	font-size: 11px;
	margin-top: 5px;
}
.note-editable {
	line-height: 1.3;
}
.conforderadress {
	text-align: right;
}
.stepinfo {
	line-height: 1.3;
}
.signature-pad {
	width:100%;
	height:120px;
	background-color: white;
	border: 1px solid #eaeff4;
	border-radius: 10px;
}
.offcanvas {
	position: absolute;
	top: -1000;
}
#msg_preview {	
	border-radius: 10px;
	width: 100%;
	/* font-size: 0.687em; */
	line-height: 1.1;
	padding: 345px 40px 20px 40px;
	-webkit-text-size-adjust: auto;
}
#msg_preview p, #sub_preview p, #sen_preview p, .note-editable p {
	margin: 0px;	
}
#msg_preview, #sub_preview, #sen_preview {
	margin: 0px;
	color: #000;
}
#sub_preview {
	border-radius: 10px;
	width: 100%;
	line-height: 1.1;
	padding: 0px 40px 0px 40px;
	font-size: 0.687em;
}
#sig_preview {
	margin-top: -40px;
	width: 200px;
	padding-left: 40px;
}
.letterpreview {
	position: relative;
	width: 649px;
	height: 917px;
	overflow: hidden;
	border-radius: 10px;
    transform: scale(0.62);
    -moz-transform: scale(0.62);
    transform-origin: left top;
    /*
	background: url("../img/layouts/preview/white.png") no-repeat;
	*/
    background-size:cover;
    
}

/* Lenas Anpassungen */
body{
	background-image: url("../img/background-order.svg");
	background-size:cover;
	background-repeat: repeat;
	background-color: #01030f;
	font-family: sofia-pro, sans-serif;
	color: #fdfdfd;
	}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	    font-family: sofia-pro-soft, sans-serif;
}


h2 {
    color: #fdfdfd;
}

a, a:hover, a:focus  {
    color: rgba(225, 108, 70, 0.92);
}



.blue a, .blue a:hover, .blue a:focus {
    color: #549ea6;
}

.btn{
	color: #c9ccce;
}

.btn-primary.disabled, .btn-primary:disabled {
    background-color: rgba(225, 108, 70, 1);
    border-color: rgba(225, 108, 70, 1);
    color: #fdfdfd;
}
    
.btn-secondary.disabled, .btn-secondary:disabled {
    background-color: #373a47;
    border-color: #373a47;
    color: #fdfdfd; 
}

.stepwizard-row:before {
    background-color: rgb(255 255 255 / 0%);
    border: 1px dashed #373a47;
    width:90%
}

.stepwizard-row:after{
		top: -25px;
    bottom: 0;
    position: absolute;
    right: 0px;
    content: " ";
    height: 52px;
    width: 83px;
    background-image: url("../img/send-letter-order.svg");
    background-size: cover;
}


.blue .stepwizard-row:after{
		background-image: url("../img/send-letter-order-blue.svg");
}


.stepwizard-step{
	z-index:1;
	}

.btn-primary, .btn-secondary {
    text-transform: inherit;
    outline: none;    
    padding: 15px 25px;
    border-radius: 50px;
    border-color: rgba(225, 108, 70, 0.92);
    background-color: rgba(225, 108, 70, 0.92);
    opacity: 0.95;
    font-family: sofia-pro-soft, sans-serif;
    color: #fdfdfd;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0.7px;
    transition: all 400ms ease;
}

.blue .btn-primary, .blue .btn-primary:hover, .blue .btn-primary:focus {
   	border-color: #549ea6;
    background-color: #549ea6;
    color: #fdfdfd;
}

.btn-secondary, .blue .btn-secondary{
    background-color: #373a47;
    border-color: #373a47;
    color: #fdfdfd;
    
}

.btn-primary:hover, .btn-secondary:hover{
	background-color: #e16c46;
    opacity: 1;
    -webkit-transform: translate(0px, -3px);
    -ms-transform: translate(0px, -3px);
    transform: translate(0px, -3px);
    color: #eaebf5;
    border-color: rgba(225, 108, 70, 0.92);
    box-shadow: none;
}

.blue .btn-primary:hover{
		background-color: #549ea6;
    border-color: #549ea6;
}

.btn-secondary:hover, .blue .btn-secondary:hover, .btn-secondary:focus, .blue .btn-secondary:focus, .btn-secondary:active, .blue .btn-secondary:active{
	background-color: #373a47;
    border-color: #373a47;
    color: #fdfdfd;
}

.stepwizard-step .btn-primary:hover, .stepwizard-step .btn-secondary:hover{
	-webkit-transform: translate(0px, 0px);
	-ms-transform: translate(0px, 0px);
	transform: translate(0px, 0px);
}

.btn-primary:not([disabled]):not(.disabled):active, .btn-primary:not([disabled]):not(.disabled).active, .show>.btn-primary.dropdown-toggle {
	color: #fdfdfd;
	border-color: rgba(225, 108, 70, 0.92);
	background-color: rgba(225, 108, 70, 0.92);
	box-shadow: none;
 }

.blue .btn-primary:not([disabled]):not(.disabled):active, .blue .btn-primary:not([disabled]):not(.disabled).active, .blue .show>.btn-primary.dropdown-toggle {
	border-color: #549ea6;
	background-color: #549ea6;
 }

.orderplate, .confplate {
    background-color: #373a47;
    border-color: #373a47;
    color: #fdfdfd; 
}

.cart {
	border: none;
	border-radius: 0;
    border-left: 1px solid rgb(255 255 255 / 10%);
    padding: 20px;
}

.tit_preview{
	margin-top: -5px;
    margin-bottom: 10px;
    position: relative;
    z-index: 10;
}

.tit_preview::after{
	content: " ";
    width: 63px;
    height: 35px;
    display: inline-block;
    background-image: url(../img/arrow-orange.svg);
    position: relative;
    top: 30px;
    
}


.blue .tit_preview::after{
		background-image: url(../img/arrow-blue.svg);
    
}

.btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active, .btn-group-vertical>.btn:focus, .btn-group-vertical>.btn:active, .btn-group-vertical>.btn.active, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active:hover{
	color: rgba(225, 108, 70, 0.92);
}

.btn-group>.btn:hover, .btn-group-vertical>.btn:hover {
	color: #fdfdfd;
}

.note-editor.note-airframe, .note-editor.note-frame {
    border: none!important;
    border-radius: 0;
    padding: 0;
}

.note-editor.note-airframe .note-editing-area .note-editable, .note-editor.note-frame .note-editing-area .note-editable {
    background-color: #373a47!important;
    border-radius: 10px 10px 0 0!important;
    color: #fdfdfd!important;
    padding: 10px 15px!important;
}

.btn-group>.btn, .btn-group-vertical>.btn {
    background-color: #373a47;
    border-radius: 10px;
}

.dropdown-menu .btn-group>.btn, .dropdown-menu .btn-group-vertical>.btn {
    background-color: rgba(255,255,255,0);
    border-radius: 0;
    margin-right:0;
}

.dropdown-menu {
	background-color: #585b67;
}

.note-popover .popover-content, .note-toolbar {
    padding: 0 0 5px 0px!important;
}

.note-editor.note-airframe .note-statusbar, .note-editor.note-frame .note-statusbar {
    background-color: rgb(255 255 255 / 27%)!important;
    border-top: 0px!important;
}

.btn-group>.btn:not(:last-child):not(.dropdown-menu), .btn-group>.btn-group:not(:last-child)>.btn {
    margin-right: 3px!important;
}

.btn-group>.btn:not(.dropdown-menu){
    margin-right: 3px!important;
}

.dropzone {
    background-color: rgb(255 255 255 / 20%)!important;
    padding: 20px 50px 20px 20px;
    border:0px;
    border-radius: 20px;
}

.dropzone::before {
    content: "";
    display: block;
    position: absolute;
    width: 96%;
    height: 92%;
    border: 2px dashed rgba(225, 108, 70, 0.92);
    border-radius: 20px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.blue .dropzone::before {
    border: 2px dashed #549ea6;
}

.dropzoneicon {
	color: rgb(234 239 244 / 10%);
}

.dropzone .dz-message {
    color: #fdfdfd;
}

.step4 .form-control,.step3 .form-control, .step2 .form-control{
    color: #fdfdfd;
    background-color: #373a47;
    border: 1px solid #373a47;
    border-radius: 10px;
}

.step4 .form-control,.step3 .form-control:focus, .step2 .form-control:focus {
    background-color: rgb(255 255 255 / 20%);
    border-color: #f1f2f394;
    color: #fdfdfd;
}

.letterpreview {
	color: #999;
    background-color: #fff;
    border: 0px solid #eaeff4;
}

.switch-input:checked ~ .switch-label::after {
	background: rgba(225, 108, 70, 0.92);
}

.blue .switch-input:checked ~ .switch-label::after {
	background: #549ea6;
}

.switch-input:checked ~ .switch-label::before {
    border-color: rgba(225, 108, 70, 0.50);;
}

.blue .switch-input:checked ~ .switch-label::before {
    border-color: #549ea6;
}

#button1 {
	background-image: url("../img/step1-uploud-order-white.svg");
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;

}
	
.blue #button1 {
	background-image: url("../img/step1-order-white.svg");
}	

#button2 {
	background-image: url("../img/step3-order-white.svg");
	background-size: 70%;
	 background-position: center;
	background-repeat: no-repeat;
}

#button3 {
	background-image: url("../img/step1-order-white.svg");
	background-size: 70%;
	background-position: center;
	background-repeat: no-repeat;
}

.blue #button3 {
	background-image: url("../img/step2-order-white.svg");
}

#button4 {
	background-image: url("../img/step4-order-white.svg");
	background-size: 70%;
	  background-position: center;
	 background-repeat: no-repeat;
	}

#button5 {
	background-image: url("../img/step5-order-white.svg");
	background-size: 70%;
	 background-position: center;
	 background-repeat: no-repeat;
}

.trashplate{
    height: 42.5px;
    color: #fafafa;
    background-color: transparent;
    padding: 0px 0px 0px 8px;
    font-size: 22px;
    border-radius: 2px;
}

.dropdown-toggle::after, .dropup .dropdown-toggle::after{
	content: initial;
}

	
/*-----------Header ---------------*/

.container.nav {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 1200px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-right: 24px;
    padding-left: 24px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.sticky-navbar {
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0px;
    z-index: 1000;
    display: block;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid transparent;
    background-color: rgba(28, 28, 38, 0);
    box-shadow: none;
}

.container.nav {
    z-index: 10;
}

.w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

.grid-4 {
    grid-column-gap: 0px;
    grid-row-gap: 5px;
    -ms-grid-columns: 1.75fr 1.75fr 0.75fr 1.75fr 1.75fr;
    grid-template-columns: 1.75fr 1.75fr 0.75fr 1.75fr 1.75fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.w-nav-menu {
    position: relative;
    float: right;
}

.nav-menu {
    z-index: 3;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 0px;
    padding-bottom: 15px;
    opacity: 1;
}

.nav-menu.mobile {
    display: none;
}

.w-nav-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #222222;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.nav-link {
    margin-top: 0px;
    margin-right: 25px;
    margin-left: 0px;
    padding: 33px 0px 20px 15px;
    opacity: 1;
    color: #eaebf5!important;
    text-transform: none;
    font-family: sofia-pro-soft, sans-serif;
}

.nav-link:hover {
	color: rgba(225, 108, 70, 0.92)!important;
}

.blue .nav-link:hover {
	color: #549ea6!important;
}


#w-node-b2e9eeac-966b-ef4a-b5e6-030339e5068e-39e5068a {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
}

.logo-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 375px;
    padding-top: 20px;
    padding-bottom: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.w-nav-brand {
    position: relative;
    float: left;
    text-decoration: none;
    color: #333333;
}

.brand {
    display: block;
    width: 175px;
    margin-top: -4px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: none;
    color: #000;
    font-weight: 700;
    text-align: left;
}

.brand .logo-dark, .brand .logo-light{
	width:inherit;
	height:inherit;
	}

.logo-icon {
    display: none;
    width: 30px;
    height: auto;
}

.logo-light {
    display: none;
}

.nav-menu.right {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

#w-node-b2e9eeac-966b-ef4a-b5e6-030339e5069b-39e5068a {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row-align: center;
    align-self: center;
    -ms-grid-column-align: end;
    justify-self: end;
}

.dark-mode-toggle {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 115px;
    height: 34px;
    margin-top: 12px;
    padding: 5px;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    border-radius: 20px;
    background-color: rgba(0, 0, 0, 0.8);
    cursor: pointer;
}

.toggle-switch {
    position: absolute;
    right: 5px;
    width: 45%;
    height: 75%;
    border-radius: 20px;
    background-color: #373a47;
}

.toggle-switch {
    background-color: rgb(55, 58, 71);
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    transition: 1s;
}

.toggle-icons {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 92%;
    height: 70%;
}

.toggle-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.light-active {
    display: none;
}

.dark-inactive {
    display: none;
}

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

/*-----------Footer ---------------*/

.footer{
		padding:0;
		border-top: 0px;
		background-color: transparent;
	}

.section.footer {
    overflow: hidden;
    margin-top: 50px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #1b1c26;
}

.section.footer hr {
    border-top: 1px solid hsla(0, 0%, 100%, 0.1);
    border-bottom: 0px;
    margin-top:0;
}

.container.footer-content {
    padding-top: 75px;
    padding-bottom: 75px;
}

.section.footer .w-layout-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-columns: 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
    -ms-grid-rows: auto auto;
    grid-template-rows: auto auto;
    grid-row-gap: 16px;
    grid-column-gap: 16px;
}

.section.footer .grid-2 {
    -webkit-box-align: end;
    -webkit-align-items: end;
    -ms-flex-align: end;
    align-items: end;
    grid-auto-flow: column;
    grid-column-gap: 5px;
    -ms-grid-columns: 1.25fr 1.25fr 1fr 1.25fr 1.25fr;
    grid-template-columns: 1.25fr 1.25fr 1fr 1.25fr 1.25fr;
}

.section.footer #w-node-ed5d56ae-e581-76e8-2a6d-1c1ef5286172-dc4d4726 {
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
}

.section.footer .w-button {
    display: inline-block;
    padding: 9px 15px;
    background-color: #3898EC;
    color: white;
    border: 0;
    line-height: inherit;
    text-decoration: none;
    cursor: pointer;
    border-radius: 0;
}

.section.footer .button {
    height: auto;
    margin-top: 35px;
    margin-right: 25px;
    padding: 15px 25px;
    border-radius: 50px;
    background-color: rgba(225, 108, 70, 0.92);
    opacity: 0.95;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    font-family: sofia-pro-soft, sans-serif;
    color: #fdfdfd;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.7px;
}


.section.footer .button.small {
    width: 220px;
    padding: 12px;
    font-size: 14px;
}

.section.footer .button.blue {
    background-color: #549ea6;
    color: #eaebf5;
}

.section.footer .button.small {
    width: 220px;
    padding: 12px;
    font-size: 14px;
}


.section.footer #w-node-acd0de54-fab5-d41d-7a4f-2db179959363-dc4d4726 {
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row-align: end;
    align-self: end;
}

.section.footer .logo-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 375px;
    padding-top: 15px;
    padding-bottom: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.section.footer .logo-container.footer {
    width: 100%;
}

.section.footer .logo-ring {
    position: absolute;
    top: -350px;
    width: 473px;
    height: 473px;
    border-style: solid;
    border-width: 1px;
    border-color: hsla(0, 0%, 100%, 0.1);
    border-radius: 50%;
}

.section.footer .logo-ring.footer {
    top: auto;
    bottom: -248px;
    width: 420px;
    height: 420px;
}

.section.footer .brand {
    display: block;
    width: 175px;
    margin-top: -4px;
    padding-top: 15px;
    padding-bottom: 15px;
    float: none;
    color: #000;
    font-weight: 700;
    text-align: left;
}

.section.footer .logo-light {
    display: none;
}

.section.footer .brand.w--current {
    margin-top: -4px;
    float: left;
}

.section.footer #w-node-ac58d26a-6b13-2848-a45e-77a8e84958c3-dc4d4726 {
    -ms-grid-row: span 2;
    grid-row-start: span 2;
    -ms-grid-row-span: 2;
    grid-row-end: span 2;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
    -ms-grid-row-align: auto;
    align-self: auto;
}

.section.footer .copyright {
    color: hsla(0, 0%, 98%, 0.4);
    font-size: 13px;
    line-height: 20px;
    text-align: right;
}

.section.footer a {
    padding-right: 0px;
    padding-left: 0px;
    font-family: sofia-pro-soft, sans-serif;
    color: rgba(225, 108, 70, 0.8);
    line-height: 25.5px;
    text-decoration: none;
}

.section.footer .sub-footer {
    position: relative;
    z-index: 10;
    padding-top: 25px;
    padding-bottom: 25px;
    border-top-color: #ebebeb;
    background-color: rgba(0, 0, 0, 0.4);
}

.section.footer .sub-footer-grid {
    -ms-grid-row-align: stretch;
    align-self: stretch;
    grid-auto-flow: column;
    -ms-grid-columns: 1fr 0.25fr 0.25fr 1fr;
    grid-template-columns: 1fr 0.25fr 0.25fr 1fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
}

.section.footer .w-dropdown {
    display: inline-block;
    position: relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    z-index: 900;
}

.section.footer .nav-link.footer {
		margin-top:0;
		margin-left:0;
		padding: 21px 0px;
		opacity: 1;
		color: #eaebf5;
		text-transform: none;
    display: inline-block;
    margin-right: 10px;
    padding-top: 0px;
    padding-right: 10px;
    padding-bottom: 0px;
    border-right: 1px solid hsla(0, 0%, 100%, 0.1);
}

.section.footer .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
    position: relative;
    vertical-align: top;
    text-decoration: none;
    color: #222222;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap;
}

.section.footer .w-dropdown-toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer;
    padding-right: 40px;
}

.section.footer .dropdown-toggle {
    padding: 0px;
    color: #eaebf5;
}

.section.footer .flag {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -3px;
    margin-right: 0px;
}

.section.footer .footer-links {
    display: inline-block;
    margin-left: 10px;
    font-size: 13px;
    line-height: 22px;
    font-weight: 400;
}

.section.footer .w-dropdown-list {
    position: absolute;
    background: #dddddd;
    min-width: 100%;
}

.dropdown-list.w--open {
    bottom: 44px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: auto;
    padding-top: 0px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 20px;
    background-color: #2e323b;
}

.section.footer .dropdown-list {
    padding-top: 10px;
    background-color: #1f222c;
    color: #eaebf5;
}

.section.footer .dropdown-link {
    display: block;
    padding: 7px 20px 10px;
    color: #eaebf5;
    cursor: pointer;
}

.section.footer .dropdown-link-text {
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    opacity: 1;
    font-size: 12px;
    line-height: 12px;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: none;
}

.section.footer .footer-links.no-margin {
    margin-left: 0px;
}

.section.footer #w-node-aa671c0d-c8ca-fc48-aaa9-8c1409dd0003-dc4d4726 {
    -ms-grid-row: span 1;
    grid-row-start: span 1;
    -ms-grid-row-span: 1;
    grid-row-end: span 1;
    -ms-grid-column: span 2;
    grid-column-start: span 2;
    -ms-grid-column-span: 2;
    grid-column-end: span 2;
}

.section.footer .empty {
    height: 0px;

}

.section.footer #w-node-_810b619e-263f-07ee-c546-206bc77d370e-dc4d4726 {
    -ms-grid-column-align: end;
    justify-self: end;
}

.section.footer .dropdown-toggle::after {
    display:none;
}

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


/*-----------Light ---------------*/


.logo-light {
    display: none;
}

.logo-dark.light {
    display: none;
}

.logo-light.light {
    display: block;
}

.dark-mode-toggle.light {
    background-color: rgba(54, 53, 53, 0.098);
}

.toggle-switch.light {
    background-color: rgb(255, 255, 255);
    transform: translate3d(-100%, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
}



.light-inactive.light, .dark-active.light {
    display: none;
}

.light-active.light, .dark-inactive.light {
    display: block;
}

.light-inactive.light, .dark-active.light {
    display: none;
}

.light-active.light, .dark-inactive.light {
    display: block;
}


body.light{
	background-image: url("../img/background-order-light.svg");
	background-color: #fff;
	color: #363535;
}

h2.light {
    color: #363535;
}
/*
.btn.light, .mb-5.light .btn{
	color: #686a6b;
	}
*/

.mb-5.light .btn-group.light>.btn:focus, .mb-5.light .btn-group>.btn:active, .mb-5.light .btn-group>.btn.active, .mb-5.light .btn-group-vertical>.btn:focus, .mb-5.light .btn-group-vertical>.btn:active, .mb-5.light .btn-group-vertical>.btn.active, .mb-5.light .btn-group>.btn:focus, .mb-5.light .btn-group>.btn:active, .mb-5.light .btn-group>.btn.active:hover {
    color: rgba(225, 108, 70, 0.92);
}

.mb-5.light .dropdown-menu{
	background-color: #fff;
}

    
.btn-secondary.light.disabled, .btn-secondary.light:disabled {
    background-color: #fff;
    border-color: #fff;
    color: #363535;
}

.btn-primary.light, .btn-secondary.light {
    text-transform: inherit;
    outline: none;
    
    padding: 15px 25px;
    border-radius: 50px;
    border-color: rgba(225, 108, 70, 0.92);
    background-color: rgba(225, 108, 70, 0.92);
    opacity: 0.95;
    font-family: sofia-pro-soft, sans-serif;
    color: #fdfdfd;
    font-size: 14px;
    line-height: 18px;
    font-weight: 700;
    letter-spacing: 0.7px;
    transition: all 400ms ease;
}

.blue .btn-primary.light, .blue .btn-secondary.light {
    border-color: #549ea6;
    background-color: #549ea6;
}


.btn-secondary.light, .blue .btn-secondary.light {
    background-color: #fff;
    border-color: #fff;
    color: #363535;
    
}

.btn-secondary.light:hover, .blue .btn-secondary.light:hover{
		background-color: #fff;
    border-color: #fff;
}


.orderplate.light, .confplate.light {
    background-color: #fff;
    border-color: #fff;
    color: #363535; 
}

.cart.light {
		border-left: 1px solid rgb(255 255 255 / 100%);
}

.btn-group.light>.btn.light:hover, .btn-group-vertical.light>.btn.light:hover {
	color: #363535;
}

.note-editor.note-airframe.light .note-editing-area.light .note-editable.light, .note-editor.note-frame.light .note-editing-area.light .note-editable.light {
    background-color: #fff!important;
    color: #373a47!important;
}

.btn-group.light>.btn.light, .btn-group-vertical.light>.btn.light {
    background-color: #fff;
}

.dropdown-menu.light {
	background-color: #fff;
}

.note-editor.note-airframe.light .note-statusbar.light, .note-editor.note-frame.light .note-statusbar.light, .mb-5.light .note-editor.note-airframe .note-statusbar, .mb-5.light .note-editor.note-frame .note-statusbar {
    background-color: rgb(0 0 0 / 27%)!important;
}

.mb-5.light .note-editor.note-airframe .note-editing-area .note-editable, .mb-5.light .note-editor.note-frame .note-editing-area .note-editable {
    background-color: #fff!important;
    color: #363535!important;
}

.mb-5.light .btn-group .btn, .mb-5.light .btn-group-vertical .btn {
    background-color: #fff;
}

.mb-5.light .note-editor.note-airframe .note-statusbar, .mb-5.light .note-editor.note-frame .note-statusbar {
    background-color: rgb(0 0 0 / 16%)!important;
}

.mb-5.light .note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar, .mb-5.light .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
		border-top: 1px solid #686a6b;
}

.dropzone.light {
    background-color: rgb(255 255 255 / 100%)!important;
}

.dropzone.light .dz-message {
    color: #373a47;
}


.dropzoneicon.light {
	color: rgb(55 58 71 / 8%);
}

.switch-label.light::before{
    border: 2px solid #363535;
}

.switch-label.light::after {
    background: #363535;
}

.step3.light .form-control.light, .step2.light .form-control.light {
    color: #363535;
    background-color: rgb(255 255 255 / 85%);
    /* border: 1px solid rgb(255 255 255 / 85%); */
}

.step3.light .form-control:focus.light, .step2.light .form-control:focus.light {
    background-color: rgb(255 255 255 / 100%);
    border-color: #f1f2f394;
    color: #363535;
}

.letterpreview.light {
		color: #999;
    background-color: #fff;
    border: 0px solid #eaeff4;
}

.switch-input.light:checked ~ .switch-label.light::after {
	background: rgba(225, 108, 70, 0.92);
}

.switch-input.light:checked ~ .switch-label.light::before {
    border-color: rgba(225, 108, 70, 0.50);
}

#button1.light {
	background-image: url("../img/step1-uploud-order-dark.svg");
	}

.blue #button1.light {
	background-image: url("../img/step1-order-dark.svg");
	}

#button2.light {
	background-image: url("../img/step3-order-dark.svg");
	}

.blue #button2.light {
	background-image: url("../img/step2-order-dark.svg");
	}

#button3.light {
	background-image: url("../img/step1-order-dark.svg");
	}

.blue #button3.light {
	background-image: url("../img/step3-order-dark.svg");
	}

#button4.light {
	background-image: url("../img/step4-order-dark.svg");
	}

#button5.light {
	background-image: url("../img/step5-order-dark.svg");
	}

.trashplate.light{
    color: #363535;
}

.section.footer.light{
	    background-color: #f0f0f0;
}

.section.footer.light .copyright{
	 color: #363535;
	}

.section.footer.light .logo-ring.footer {
    border-color: rgba(54, 53, 53, 0.1);
}

.section.footer.light hr {
    border-top: 1px solid rgba(54, 53, 53, 0.1);
}

.section.footer.light .logo-light{
    display: block;
}

.section.footer.light .logo-dark{
    display: none;
}

.section.footer.light .sub-footer{
	background-color: rgba(255, 255, 255, 0.77);
	}

.section.footer.light .nav-link, .section.footer.light .dropdown-toggle {
	    color: #363535;
}

.section.footer.light .nav-link.footer {
    border-color: rgba(54, 53, 53, 0.1);
}

.section.footer.light .dropdown-list.w--open {
    background-color: #fff;
}

.section.footer.light .dropdown-link {
    color: #363535;
}



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

/*-----------Responsive Header / Footer ---------------*/

@media screen and (max-width: 991px){
	.nav-menu {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    overflow: visible;
	    width: 100%;
	    padding: 0px;
	    -webkit-box-pack: center;
	    -webkit-justify-content: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	}

	.dark-mode-toggle {
	    width: 90px;
	    margin-top: 0px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	}
	
	.toggle-icons {
	    width: 88%;
	    height: 66%;
	}
	
	.logo-container{
		width:auto;
		}
		
	.section.footer {
	    padding-right: 0px;
	    padding-left: 0px;
	}
	
	.section.footer .container.footer-content {
	    padding-top: 25px;
	    padding-bottom: 25px;
	    padding-right: 0px;
	    padding-left: 0px;
	    margin-right:0;
	    margin-left:0;
	    width:100%;
	    max-width:100%
	}
	
	.section.footer .sub-footer .container{
		width: 100%;
		max-width: 100%;
		padding-left:0;
		padding-right:0;
		
	}
	
	.section.footer .grid-2 {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    width: 100%;
	    padding-right: 30px;
	    padding-left: 30px;
	    -webkit-box-pack: justify;
	    -webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	    -webkit-box-align: end;
	    -webkit-align-items: flex-end;
	    -ms-flex-align: end;
	    align-items: flex-end;
	}
	
	.section.footer .flex-vertikal {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}
	
	.section.footer .button.small {
	    width: 180px;
	    font-size: 12px;
	}
	
	.section.footer .logo-container.footer {
	    width: auto;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	}
	
	.section.footer .logo-ring.footer {
	    bottom: -139px;
	    width: 250px;
	    height: 250px;
	}
	
	.section.footer .brand.w--current {
	    margin-top: 69px;
	}
	
	.section.footer .sub-footer {
	    width: 100%;
	    margin-top: 0px;
	    padding: 15px 30px;
	    -webkit-box-pack: justify;
	    -webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	}
	
	.section.footer .sub-footer-grid {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    width: 100%;
	    -webkit-box-pack: justify;
	    -webkit-justify-content: space-between;
	    -ms-flex-pack: justify;
	    justify-content: space-between;
	}
	
	.section.footer .logo-icon {
	    display: block;
	}
	
	.section.footer .logo-dark {
	    display: none;
	}
	
	.empty {
	    display: none;
	}
	
	
	.stepwizard-row:after, .blue .stepwizard-row:after{
			background-image: none;
	}
	
	.section{
		padding-top:6rem;
	}
	
	.section.footer .brand {
	    display: -webkit-box;
	    display: -webkit-flex;
	    display: -ms-flexbox;
	    display: flex;
	    width: 95px;
	    height: auto;
	    margin-top: 0px;
	    padding-top: 21px;
	    padding-bottom: 21px;
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-box-pack: center;
	    -webkit-justify-content: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	}
}
@media screen and (max-width: 767px){
	.section.footer .grid-2 {
	    -webkit-box-orient: vertical;
	    -webkit-box-direction: normal;
	    -webkit-flex-direction: column;
	    -ms-flex-direction: column;
	    flex-direction: column;
	    -webkit-box-align: center;
	    -webkit-align-items: center;
	    -ms-flex-align: center;
	    align-items: center;
	}
	
	.section.footer .button.small {
	    margin-right: 0px;
	}
	
	.section.footer .logo-container.footer {
	    position: static;
	    top: auto;
	    bottom: 0px;
	    margin-right: auto;
	    margin-left: auto;
	    -webkit-align-self: center;
	    -ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	    -webkit-box-ordinal-group: 2;
	    -webkit-order: 1;
	    -ms-flex-order: 1;
	    order: 1;
	}
	
	.section.footer .logo-ring.footer {
	    bottom: -190px;
	    width: 300px;
	    height: 300px;
	}
	
	.section.footer .brand {
	    width: 170px;
	    margin-top: 15px;
	    margin-left: -8px;
	    padding-top: 0px;
	    padding-bottom: 0px;
	}
	
	.section.footer .logo-icon {
	    display: none;
	}
	
	.section.footer .logo-dark {
	    display: block;
	    width: 100%;
	}
	
	.section.footer .copyright {
	    text-align: center;
	}
	
	.section.footer .sub-footer {
	    margin-top: 20px;
	}
	
	.section.footer .sub-footer-grid {
	    -webkit-box-pack: center;
	    -webkit-justify-content: center;
	    -ms-flex-pack: center;
	    justify-content: center;
	    -webkit-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	}
	
	.section.footer .subfooter-nav {
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	
	.section.footer .div-block {
	    margin-top: 10px;
	    margin-bottom: 10px;
	}
	
	.section.footer .nav-link.footer {
	    width: auto;
	    padding-left: 0px;
	}
	
	.stepwizard-step p{
		font-size: 0.8rem;
		line-height: 1.3rem;
		}
}
@media screen and (max-width: 479px){
	.container {
	    height: auto;
	}
	
	#w-node-b2e9eeac-966b-ef4a-b5e6-030339e5068e-39e5068a{
		display:none;
		}
	
	#w-node-b2e9eeac-966b-ef4a-b5e6-030339e5069b-39e5068a {
	    /* grid-row-start: span 4; */
	    grid-row-end: span 4;
	   	grid-column-end: span 4;
	   	    grid-column-start: span 4;
	}
	
	.btn-primary.btn-circle, .btn-secondary.btn-circle {
	    width: 45px;
	    height: 45px;
	    padding: 15px 20px;
	}
	
	.stepwizard-step .mhide{
		display: none;
	}
	
	.letterpreview, .tit_preview{
		display:none;
		}
}

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

.qrdummy {
	max-height: 100%;
	float: left;
}
.qrdummytxt {
    float: right;
    text-align: left;
	font-size: 10px;
    width: 160px;
    line-height: 1;
}

.qrdummytxt a {
	cursor: pointer;
}

@media all and (max-width: 976px) {
	.tit_preview {
		display:none;
	}
	.letterpreview {
		position:absolute;
		top: -5000px;
		z-index: -10000;
	}
}

@media all and (min-width: 977px) {
	.letterpreview.hover {
		position:absolute;
		top: -220px;
		right: 15px;
		transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		z-index: 1001;
		width: 649px;
	    box-shadow: 5px 10px 18px #aaa;
	    margin-bottom: 5px;
		transform-origin: left top;
	}	
}

/*
@media all and (max-width: 1200px) {
	.letterpreview {
		transform: scale(0.5);
		-moz-transform: scale(0.5);
		-webkit-transform: scale(0.5);
		transform-origin: left top;
	}
}
@media all and (max-width: 990px) {
	.letterpreview {
		transform: scale(1);
		-moz-transform: scale(1);
		-webkit-transform: scale(1);
		transform-origin: left top;
	}
	.qrdummytxt {
		font-size: 5px;
	}
	.qrdummytxt:hover {
		font-size: 10px;
	}
}
@media all and (max-width: 768px) {
	.letterpreview {
		transform: scale(0.72);
		-moz-transform: scale(0.72);
		-webkit-transform: scale(0.72);
		transform-origin: left top;
	}
}
@media all and (max-width: 576px) {
	.letterpreview {
		transform: scale(0.68);
		-moz-transform: scale(0.68);
		-webkit-transform: scale(0.68);
		transform-origin: left top;
	}
}
@media all and (max-width: 415px) {
	.letterpreview {
		transform: scale(0.52);
		-moz-transform: scale(0.52);
		-webkit-transform: scale(0.52);
		transform-origin: left top;
	}
}
*/


.letterback {
	/* background: url("../img/letter_bg_new.png") no-repeat; */
	background-size:contain;
}
.logo-dark, .logo-light {
	width: 30px;
	height: 30px;
}
.inline {
	display:inline;
}

.infobox {
	border: 1px solid #ccc;
	padding: 20px;
}
h3 {
	font-size: 18px;
}
.postage {
    position: absolute;
    width: 271px;
    top: 122px;
    left: 68px;
}
.qrplate {
	position: absolute;
    border: 1px solid #ccc;
    padding: 10px;
    right: 62px;
    top: 185px;
    width: 248px;
    height: 75px;
    background-color: #fff;
    z-index: 10;
}
/*
.qrplate:hover {
	right: 31px;
    top: 92px;
    zoom: 2.0;
}
*/

.tooltip {
	line-height: 1.1 !important:
}
.moreaddr:hover {
	cursor: pointer;
}

.trashplate:hover {
	cursor:pointer;
}
.alert {
	border-radius: 10px;
}
.tosline {
    margin-left: 60px;
    left: 60px;
    line-height: 1.3;
}
.senderfield, .qrdummytxt, #sen_preview p, .addressfield {
	font-family: 'DejaVu Sans' !important;
	font-weight: normal  !important;
    font-style: normal  !important;
    color: #000;
}

/*
.senderfield, .qrdummytxt, #msg_preview, #sub_preview {
	font-family: 'DejaVu Sans' !important;
}
*/

/* fixes for safari */
.letterpreview.hover .qrdummytxt {
	-webkit-transform: scale(1);
}

.coupon-input {
    width: 100px !important;
    height: calc(.75rem + .75rem + 2px) !important;
    text-align:right;
    float:right !important;
    font-weight: bold;
    border-radius: 2px 0px 0px 2px !important;
}
#coupon_code {
    width: 100px !important;
    height: calc(.75rem + .75rem + 2px) !important;
    text-align:right;
    font-weight: bold;
    border-radius: 2px 0px 0px 2px !important;
    float:left;
}

.btn-coupon {
    padding: 6px 10px 6px 10px !important;
    border-radius: 0px 25px 25px 0px !important;
    float:right;
    line-height: 12px !important;
}

.btn-coupondelete {
    padding: 6px 10px 6px 10px !important;
    border-radius: 0px 25px 25px 0px !important;
    line-height: 12px !important;
    float:left;
}
.papermax {
    width: 100px;
    height: 100px;
    position: absolute;
    padding: 0px 0px 0px 30px;
    top: 0px;
    right: 0px;
    font-size: 48px;
    border-radius: 100px;
    cursor:pointer;
    z-index: 10;
}
.papermax .fa-search-plus {
	position: absolute;
    font-size: 300px;
    left: -390px;
    top: 270px;
    opacity: 0.1;
    background-color: #666;
    color: #fff;
    border-radius: 180px;
    height: 360px;
    width: 360px;
    text-align: center;
}

.papermax .fa-search-plus:hover {
    opacity: 0.4;
}

.papermax .fa-search-minus {
	position: absolute;
    right: 5px;
    top: 5px;
    opacity: 0.2;
    background-color: #000;
    color: #fff;
    height: 60px;
    width: 60px;
    border-radius: 30px;
    text-align: center;
}

.papermax .fa-search-minus:hover {
    opacity: 0.5;
}
.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #ff4954 !important;
}

.chosen-container-single .chosen-search input[type="text"] {
    padding: 8px 20px 8px 5px;
    border: none;
    background-color: #00000069;
    color: #fafafa;
    border-radius: 5px;
}

.chosen-container-single.light .chosen-search.light input[type="text"] {
    background-color: #0000000f;
    color: #363535;
}

.chosen-container .chosen-drop {
	background: #373a47;
	padding: 10px 5px 5px 5px;
	border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.chosen-container .chosen-drop.light {
	background: #fff;
	box-shadow: none;
	border:none;
}

.chosen-container .chosen-results {
	color: #fafafa;
	max-height: 350px;
}

.chosen-container .chosen-results.light {
	color: #363535;
}

.chosen-container-single .chosen-single {
    font-size: .9375rem;
    font-family: inherit;
    font-weight: 300;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 12px;
    height: auto;
    border: 1px solid #373a47;
    border-radius: 10px;
    background-color: #373a47;
    background-image: none;
    background-clip: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fdfdfd;
    text-decoration: none;
    white-space: nowrap;
    line-height: 2.7;
}

.chosen-container .chosen-results li.highlighted {
  background-color: rgba(225, 108, 70, 0.90);
  background-image: none;
}

.blue .chosen-container .chosen-results li.highlighted {
  background-color: #549ea6;
}

.chosen-container-single .chosen-single.chosen-default span{
		color: #fdfdfdcf;
	}

.chosen-container-single.light .chosen-single.chosen-default.light span{
	color: #3635353d;
}

.chosen-container-single.light .chosen-single.light {
    border: 1px solid #373a47;
    background-color: #fff;
    color: #363535;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    color: #fdfdfd;
    border: 1px solid #373a47;
    border-bottom-right-radius: none;
    border-bottom-left-radius:none;
    background-image: none;
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    
    background-color: rgb(255 255 255 / 20%);
    border-color: #f1f2f394;
    color: #fdfdfd;
}

.chosen-container-active .chosen-single {
    border: 1px solid #373a47;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: #fff;
}

.chosen-container-single .chosen-single {
    font-size: .9375rem;
    font-family: inherit;
    font-weight: 300;
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 13px;
    height: auto;
    border: none;
    border-radius: 10px;
    background-color: #373a47;
    background-image: none;
    background-clip: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fdfdfdcf;
    text-decoration: none;
    white-space: nowrap;
    line-height: 2.7;
}

.chosen-container-single .chosen-single div {
	top:8px;
}

.chosen-container-active.chosen-with-drop.light .chosen-single.light {
    color: #fdfdfd;
    border: 1px solid #373a47;
    background-color: #fff;;
    border-color: #ffff;
}

.chosen-container-single .chosen-single span {
	color: #fdfdfd;
}

.chosen-container-single .chosen-single.light span {
	color: #363535;
	font-weight: 600;
}

.chosen-container-single .chosen-single.invalid, .chosen-container-single.light .chosen-single.invalid.light, .chosen-container-single .chosen-single.chosen-default.invalid, .chosen-container-single.light .chosen-single.chosen-default.invalid.light {
	border:1px solid #ff4954;
}

.chosen-container-single .chosen-single.chosen-default.invalid span, .chosen-container-single.light .chosen-single.chosen-default.invalid.light span {
	color: #ff4954;
}

.chose-image {
	width:55px;
	max-height:55px;
	padding: 2px 5px 3px 0px;
	vertical-align:middle;
}

.chose-image.rtl {
	padding: 2px 0px 3px 5px;
}

/* Image for Single mode */
.chose-image-small {
	width: 16px;
	max-height: 16px;
	vertical-align: middle;
	margin: -3px 10px 0 0;
	border-radius: 3px;
}

.chose-image-small.rtl {
	margin: -3px 0 0 3px;
}

/* Images appended to the li(s) */
.chose-image-list {
	width: 16px;
	max-height: 16px;
	vertical-align: middle;
	margin: -3px 10px 0 0;
	border-radius: 3px;
}

.chose-image-list.rtl {
	margin: -3px 0 0 3px;
}

/* Grey-out image for Multi mode */
.chosen-container-multi .result-selected img {
	opacity: 0.3;
}

.chosen-container .chosen-results li.disabled-result {
    filter: grayscale(100%);
}

.chosen-container .chosen-results li.group-result {
    margin-top: 10px;
}

.font-picker .fp-modal {
    height: fit-content !important;
	top: 50%;
    transform: translate(-50%, -50%);
}
.font-picker.fp-select {
	display: block !important;
	border: 1px solid transparent;
    color: #fdfdfd;
    background-color: #373a47;
	border-radius: 10px;
	font-size: .9375rem;
	font-family: inherit;
    font-weight: 300;
    padding: 0 0 0 13px;
    line-height: 2.7;
}

.font-picker.fp-select.light {
	border: 1px solid #373a47;
    background-color: #fff;
    color: #363535;
    font-weight: 600;
}

/* avoid "jumping" of elements below */
.chosen-container-single .chosen-single {
	border: 1px solid transparent;
}
.layout_font {
	font-family: 'DejaVu Sans';
    font-weight: normal;
    font-style: normal;
    font-size: 0.687em;
}