@charset "utf-8";
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:"("attr(href) ")"}abbr[title]:after{content:"("attr(title) ")"}a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff!important}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}:before,:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:inherit;font-weight:500;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small{font-weight:400;line-height:1;color:#999}h1,.h1,h2,.h2,h3,.h3{margin-top:20px;margin-bottom:10px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10px;margin-bottom:10px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}p{margin:0 0 10px}
html, body {
	margin: 0!important;
	padding: 0!important;
	width: 100%;
	height: 100%;
}
body {
	background:#fff;
	font-size:18px;
	font-weight: 400;
	font-family: "Montserrat", sans-serif;
	color:#676767;
}
a, a:visited, a:link, a:active {
	color:#5a8191;
	text-decoration:none;
	outline:none
}
a:hover {color: #e26854; text-decoration:none}
img{border:0;}
ul{list-style:none}
h1, h2, h3, h4, h5, h6, p, ul, li, div{
	display:block;
	padding:0;
	margin:0;
}
.container{
	max-width: 840px;
	margin: 20px auto;
	padding-bottom: 30px;
}
.container.tyc{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	height: 100%;
}
.mixo-order, .mixo-payment{
	padding: 0;
	background: #ebebeb;
	border-radius: 20px;
	overflow: hidden;
	margin: 20px 0;
}
.form-logo{
	display: block;
	margin: 0 auto 20px;
	text-align: center;
}
.form-logo img{
	width: 157px;
	height: auto;
}
.mixo-order-title{
	position: relative;
	font-size: 30px;
	font-weight: 700;
	color: #fff;
	background: #7c7c7c;
	text-align: center;
	padding: 20px;
	text-transform: uppercase;
}
i.arrow-up, i.arrow-down{
	position: absolute;
	top: 50%;
	left: 25px;
	width: 24px;
	height: 15px;
	background: url(../images/arrow-up.png) no-repeat;
	background-size: contain;
	cursor: pointer;
	transform: translateY(-50%);
}
i.arrow-down{
	transform: translateY(-50%) rotate(180deg);
}
.mixo-order input, .drp-slt{
	position: relative;
	display: block;
	width: 100%;
	border: 2px solid #dadada;
	font-size: 18px;
	background: #fff;
	padding: 11px 15px;
	border-radius: 10px;
	margin-bottom: 15px;
}
.drp-slt::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 17px;
	width: 18px;
	height: 13px;
	background: url(../images/drp-arrow.png) no-repeat;
	background-size: contain;
	transform: translateY(-50%);
	pointer-events: none;
}
.drp-slt select {
	display: block;
	width: 100%;
	border: 0;
	background: transparent;
	appearance: none;
}
.mixo-order label {
	display: block;
	padding: 15px 0 5px;
	font-size: 18px;
	text-shadow: 2px 2px 0 rgba(255,255,255,1);
}
.mixo-final-preview {
	position: relative;
	display: inline-block;
	width: 360px;
	height: 360px;
}
.mixo-final-preview:before, .mixo-side-preview:before {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/circle_pin.png) no-repeat center center;
	background-size: contain;
	z-index: 88;
}
.mixo-side-preview:after{
	position: absolute;
	top: 0;
	left: -66%;
	width: 100%;
	height: 100%;
	content: "";
	background: url(../images/front-back-txt.png) no-repeat top center;
	background-size: contain;
	z-index: 99;
}
.mixo-final-preview img, .mixo-side-preview img {
	display: block;
	width: 100%;
	height: auto;
	display: none;
	border-radius: 100%;
	z-index: 77;
}
.mixo-final-preview.square_50 img, .mixo-side-preview.square_50 img {
	border-radius: 0;
}
.mixo-final-preview.square_50:before {
	background: url(../images/square_pin.png) no-repeat center center;
	background-size: contain;
}
.mixo-side-preview {
	position: relative;
	display: inline-block;
	width: 200px;
	height: 200px;
	background-color: #c7c7c7;
	margin: 15px 15px 15px 0;
}
.mixo-side-preview:before {
	background: url(../images/circle_pin_small.png) no-repeat center center;
	background-size: contain;
}
.mixo-side-preview.square_50:before {
	background: url(../images/square_pin_small.png) no-repeat center center;
	background-size: contain;
}
.mixo-actions button{
	width: 100%;
	display: block;
	padding: 15px;
	background: #000;
	color: #fff;
	border: 0;
	font-size: 20px;
	font-weight: 700;
	margin: 15px 0;
	border-radius: 10px;
}
.mixo-actions button#mixo_submit_btn {
	background: #ef9f00;
}
label.mixo-upload-box {
	border: 2px dashed #ff9800;
	border-radius: 12px;
	padding: 35px 20px;
	text-align: center;
	font-size: 20px;
	color: #ff9800;
	cursor: pointer;
	background: #fffaf3;
	transition: all 0.2s ease;
	margin-bottom: 15px;
}
.mixo-upload-box:hover {
	background: #fff3e0;
}
.mixo-upload-box input[type="file"], .mixo-upload-btn input[type="file"]{
	display: none;
}
.mixo-order-content{
	padding: 30px 50px;
	font-size: 0;
}
.form-lft, .form-ryt {
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 50%;
}
.form-ryt {
	padding-left: 30px;
	text-align: right;
}
.form-ryt h3{
	position: relative;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	color: #232323;
	text-shadow: 2px 2px 0 rgba(255,255,255,.7);
	margin: 15px 0 -20px 30px;
	z-index: 99;
}
.imgtxt{
	position: absolute;
	left: 0;
	top: 0;
}
button.mixo_edit_crop{display: none;}
button.mixo_edit_crop, button.mixo_apply_crop{
	background: #000;
	width: 100%;
	color: #fff;
	border: 0;
	font-size: 18px;
	font-weight: 700;
	padding: 10px 15px;
	border-radius: 10px;
	cursor: pointer;
	margin: 15px 0;
}
.remove-btn{
	position: relative;
	padding: 25px 0 0;
	text-align: center;
	margin-top: 20px;
}
.remove-btn::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: #d5d5d5;
	border-bottom: 1px solid #fff;
}
button.mixo_remove_order{
	display: inline-block;
	background: #8a8a8a;
	color: #fff;
	border: 0;
	font-size: 18px;
	font-weight: 700;
	padding: 10px 15px;
	border-radius: 10px;
	cursor: pointer;
}
.mixo-payment{
	padding: 40px 50px;
	text-align: center;
	text-shadow: 0 2px 2px rgba(255,255,255,1);
}
.top-payment{
	font-size: 30px;
	color: #7c7c7c;
}
.top-payment strong{
	color: #000;
}
.price-box{
	display: inline-block;
	padding: 20px 60px;
	border-radius: 20px;
	border: 1px solid #d3d3d3;
	margin: 30px auto 10px;
	color: #7c7c7c;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 700;
	box-shadow: 2px 2px 0px 0px rgba(255,255,255,0.6), 2px 2px 0px 0px rgba(255,255,255,0.6) inset;
}
.ttl-price{
	font-size: 60px;
	line-height: 60px;
	color: #e27431;
}
.upload-qr p{
	font-size: 18px;
	color: #505050;
	font-weight: 700;
	margin:20px 10%;
}
label.mixo-upload-btn {
	display: inline-block;
	border-radius: 12px;
	padding: 10px 20px;
	text-align: center;
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	cursor: pointer;
	background: #ef9f00;
	transition: all 0.2s ease;
	margin-bottom: 25px;
	text-shadow: none;
}
.mixo-upload-submit{
	display: inline-block;
	background: #8a8a8a;
	color: #fff;
	border: 0;
	font-size: 28px;
	font-weight: 700;
	padding: 10px 15px;
	border-radius: 10px;
	cursor: pointer;
	margin-left: 5px;
}
.qr-cont{
	margin: 20px 0;
}
.qr-cont span{
	display: inline-block;
	margin: 0 20px;
	width: calc(49% - 40px);
}
.qr-cont span img{
	display: block;
	width: 100%;
	height: auto;
}
.ftr-cont{
	padding: 20px 0 40px;
	text-align: center;
	font-size: 19px;
	color: #a3a2a2;
}
.sm{padding: 20px 0;}
.sm a{margin: 0 5px;}
.sm svg{
	width: 30px;
	height: 30px;
}
.cls-1i {
    fill: #7c7c7c;
    fill-rule: evenodd;
}
.logo-f img{
	width: 217px;
	height: auto;
}
.ty-page{
	text-align: center;
	width: 680px;
	height: 100%;
	margin: 0 auto;
	font-size: 0;
}
.ty-page:before{
	content: '';
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
.tp-inner{
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	padding: 30px 0 0;
}
.ty-msg{
	margin: 60px 0;
}
.ty-msg h2{
	font-size: 32px;
	color: #ef9f00;
	font-weight: 700;
	margin-bottom: 40px;
}
.ty-msg p{
	font-size: 26px;
	line-height: 36px;
	color: #505050;
	margin: 0 10%;
}
.ty-msg span{
	display: block;
	margin: 50px auto 30px;
}
.ty-msg span img{
	width: 200px;
	height: auto;
}
a.org-btn{
	display: inline-block;
	background: #ef9f00;
	width: auto;
	font-size: 24px;
	padding: 13px 40px;
	color: #fff;
	font-weight: 700;
	border-radius: 10px;
	margin-top: 30px;
}
.mixo-form-message{
	width: 100%;
	margin-top: 20px;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}

.mixo-crop-modal__body img{max-height:70vh}

|:-moz-any-link:focus {outline: none;}
input[type="image"]:focus {outline: none;}
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {border: none;}
abbr[title], acronym[title] {border-bottom: none;}
*:focus {outline : none;}