/*
@gray-darker:  lighten(#000, 13.5%); // #222
@gray-dark:    lighten(#000, 20%);   // #333
@gray:         lighten(#000, 33.5%); // #555
@gray-light:   lighten(#000, 46.7%); // #777
@gray-lighter: lighten(#000, 93.5%); // #eee

@brand-primary: darken(#428bca, 6.5%); // #337ab7
@brand-success: #5cb85c;
@brand-info:    #5bc0de;
@brand-warning: #f0ad4e;
@brand-danger:  #d9534f;
*/

h1,h2 {    
    color: #333333;
}
h3,h4 {
    color: #555555;
}
h5,h6 {
    color: #777777;
}
p {
    color: #999999;
}
label {
    color: #777777;
}
a:hover {
    text-decoration: none;  
}
/** * * * * * * * * * * * * * * * * * **/
.fixed-center
{
    position: fixed;
    top: 50%;
    left: 50%;
    width: auto;
    height: auto;
    -webkit-transform: translate3d(-50%,-50%,0);
    -moz-transform: translate3d(-50%,-50%,0);
    -ms-transform: translate3d(-50%,-50%,0);
    -o-transform: translate3d(-50%,-50%,0);
    transform: translate3d(-50%,-50%,0);
}

.my-loading
{
    visibility: hidden;  
    width: 128px;
    height:128px;    
    background-image: url(../theme/circle-loading128X128.gif);
    background-repeat: no-repeat;    
}

.my-loading-text{
    color: #000;
    font-size: 14px;
    margin-top:57px;
    text-align: center;
}


.border-red {
    border: solid thin red;
}
.border-green {
    border: solid thin green;
}
.border-blue {
    border: solid thin blue;
}
.border-purple {
    border: solid thin purple;
}
.border-yellowgreen {
    border: solid thin yellowgreen;
}
.border-success {
    border: solid thin #5cb85c;
}
.border-ddd {
    border: solid thin #dddddd;  
}
.border-eee {
    border: solid thin #eeeeee;  
}
/** * * * * * * * * * * * * * * * * * **/

.bg-white {
    background-color: #FFF;
}
.bg-slogan {    
    padding-top: 20px; 
    background-color: #f2f3f8;
    background-image: url(../site/images/stickercover-light.jpg); 
    background-repeat: no-repeat;
    background-position: center;
    background-size:  cover;    
}
.bg-bar {
    background-color: #f5f5f5;
    border-bottom: solid thin #ddd;
}
.bg-logo-blue {
    background-color: #3a5997;
}
.bg-logo-red {
    background-color: #d04041;
}
.bg-logo-blue-light {
    background-color: #ced5e5;
}
.bg-logo-red-light {
    background-color: #f1c5c6;
}
.bg-333{
    background-color: #333;
}
.bg-555{
    background-color: #555;
}
.bg-777{
    background-color: #777;
}
.bg-999{
    background-color: #999;
}
.bg-bbb{
    background-color: #bbb;
}
.bg-ccc{
    background-color: #ccc;
}
.bg-ddd{
    background-color: #ddd;
}
.bg-success {
    background-color: #5cb85c;
}
.bold {
    font-weight: bold;
}
.font-white {
    color: #FFF;
}
.font-333 {
    color: #333;
}
.font-555 {
    color: #555;
}
.font-777 {
    color: #777;
}
.font-999 {
    color: #999;
}
.font-bbb {
    color: #bbb;
}
.font-logo-blue {
    color: #3a5997;
}
.font-logo-red {
    color: #d04041;
}
.font-logo-blue-light {
    color: #ced5e5;
}
.font-logo-red-light {
    color: #f1c5c6;

}
.font-black {
    color: #333;
}
.font-blue {
    color: #0063e5;
}
.font-purple {
    color: #7100e4;
}
.font-pink {
    color: #e300e5;
}
.font-red {
    color: #e40001;
}
.font-sucesss {
    color: #5cb85c;
}
.no-padding {
    padding: 0px;
}
.no-padding-left {
    padding-left: 0px;
}
.no-padding-top {
    padding-top: 0px;
}
.no-margin-top {
    margin-top : 0px;
}
.no-margin-bottom {
    margin-bottom : 0px;
}
.with-margin-top {
    margin-top : 15px;
}
.with-margin-bottom {
    margin-bottom : 15px;
}
.border-no-radius {
    border-radius: 0px;
}
.with-margin-left {
    margin-left : 10px;
}       
.with-margin-right {
    margin-right : 10px;
}            
.my-left-shadow {
    border-left: solid thin #ccc;
    box-shadow: -2px 0px 2px #ddd;    
}
.my-right-shadow {
    border-right: solid thin #ccc;
    box-shadow: 2px 0px 2px  #ddd;
}
.my-up-shadow {
    border-left: solid thin #ccc;
    box-shadow: 0px -2px 2px #ddd;
}
.my-down-shadow {
    border-right: solid thin #ccc;
    box-shadow: 0px 2px 2px  #ddd;
}
.my-box-shadow:hover {
    box-shadow: 0px 0px 15px 0px #ccc;
    cursor: pointer;
}

.cursor-pointer:hover {  
    cursor: pointer;
}

.clr {
    clear: both;
}
/*
Back to top button 
*/
#go-top {
    position: fixed;    
    /*bottom: 159px;*/
    /*margin-left: -36px;*/
    bottom: 137px;
    margin-left: 2px;
    z-index: 1000;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.25), 0 6px 20px 0 rgba(0, 0, 0, 0.25);   
}
#go-top a {
    width: 48px;
    display: block;
    text-align: center;
    text-decoration: none;
    color:  #ffffff;
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#go-top a:hover {
    color: #ffffff;
}
/* arrow icon (span tag) */
#go-top span {
    width: 48px;
    height: 48px;
    display: block;    
    padding-top: 30px;   
    background: #ced5e5 url(../theme/up-arrow.png) no-repeat center center;
    /* rounded corners */
    /*    -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;*/
    /* background color transition */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#go-top a:hover span {
    color: #ffffff;
    background-color: #3a5997;
}

.form_error p {
    color: #d04041;
}
.my-tab {
    padding-top: 20px;
    border-left:solid thin #e6e6e6;
    border-right:solid thin #e6e6e6;
    border-bottom:solid thin #e6e6e6;
}
.nav-space {
    width: 2px;
    height: 50px;
    background-image: url(../theme/nav-space.png); 
}

.social-div {
    margin-bottom: 10px;
    font-size: 32px;
}

.social-fb:link, .social-fb:visited, social-fb:active {
    color: #FFF;
}

.social-fb:hover {
    color: #ced5e5;
    cursor: pointer;
}

.fa-instagram, .fa-twitter-square, .fa-google-plus-square {
    color: #FFF;
}


/** * * * * * * * * * * * * * * * * * **/

.badge-logoblue{
    border: solid thin #3a5997;
    background-color: #fff;
    color: #3a5997;
    margin-right: 5px;
}
.badge-logolightblue{
    border: solid thin #ced5e5;
    background-color: #fff;    
    color: #ced5e5;
    margin-right: 5px;
}
.order-procedure {
    border-radius: 4px;
    padding:5px;
}
.order-procedure-font-true,.order-procedure-font-false {
    /*    font-family: 'Raleway', sans-serif;*/
    font-size: 16px;                
    float: left;
    margin-left: 5px;
    color: #3a5997;
}
.order-procedure-font-false {
    color: #ced5e5;

}
/* Breadcrumbs * * * * * * * * **/
.breadcrumb {
    border: 0px;
    display: block;
}
.breadcrumb li {
    font-size: 14px;
}
.breadcrumb a {
    color: #428bca;
}
.breadcrumb a:hover {
    color: #2a0a96;
}
.breadcrumb>.active {
    color: #999999;
}
.breadcrumb>li+li:before {
    color: #cccccc;
    content: "\002F\00a0";
}
/* end Breadcrumbs * * * * * * * * **/
/* product-menu * * * * * * * * **/

/*menu brand*/
.my-dropdown-header {
    background-color: #283e69;;
    color:#FFF;
    border-top: solid 3px #345087;
}

#product-menu.navbar-default .navbar-brand,
#bottom-menu.navbar-default .navbar-brand {    
    background-color: #3a5997;
    color: #FFF;
}
/*menu*/
#product-menu.navbar-default,
#bottom-menu.navbar-default {
    font-size: 18px;   
    background-color: #3a5997;
    color: #ced5e5;
    border-width: 0px;
    border-radius: 0px;
}
#bottom-menu.navbar-default {
    font-size: 14px;
}
/*menu a*/ 
#product-menu.navbar-default .navbar-nav>li>a,
#bottom-menu.navbar-default .navbar-nav>li>a {    
    background-color: #3a5997;
    color: #ced5e5;    
}
/*menu a hover*/ 
#product-menu.navbar-default .navbar-nav>li>a:hover,
#product-menu.navbar-default .navbar-nav>li>a:focus,
#bottom-menu.navbar-default .navbar-nav>li>a:hover,
#bottom-menu.navbar-default .navbar-nav>li>a:focus {
    background-color: #D04041;
    color: #FFF;

}
/*????*/
#product-menu.navbar-default .navbar-nav>.active>a,
#product-menu.navbar-default .navbar-nav>.active>a:hover,
#product-menu.navbar-default .navbar-nav>.active>a:focus,
#bottom-menu.navbar-default .navbar-nav>.active>a,
#bottom-menu.navbar-default .navbar-nav>.active>a:hover,
#bottom-menu.navbar-default .navbar-nav>.active>a:focus {
    background-color: #D04041;
    color: #FFF;
}
/*xs button bg*/
#product-menu.navbar-default .navbar-toggle,
#bottom-menu.navbar-default .navbar-toggle {
    background-color: #3a5997;    
}
/*xs button hover*/
#product-menu.navbar-default .navbar-toggle:hover,
#product-menu.navbar-default .navbar-toggle:focus,
#bottom-menu.navbar-default .navbar-toggle:hover,
#bottom-menu.navbar-default .navbar-toggle:focus {   
    background-color: #D04041;
}
/*xs button bar*/
#product-menu.navbar-default .navbar-toggle .icon-bar,
#bottom-menu.navbar-default .navbar-toggle .icon-bar {
    background-color: #ced5e5;
}
/*xs button bar hover*/
#product-menu.navbar-default .navbar-toggle:hover .icon-bar,
#product-menu.navbar-default .navbar-toggle:focus .icon-bar,
#bottom-menu.navbar-default .navbar-toggle:hover .icon-bar,
#bottom-menu.navbar-default .navbar-toggle:focus .icon-bar{
    background-color: #FFF;    
}
/* end product-menu * * * * * * * * **/
/* product-menu-collapse * * * * * * * * **/
/*dropdown*/ 
#product-menu-collapse ul li ul {
    background-color: #2e4777;    
    color: #ced5e5;
}
/*dropdown a*/ 
#product-menu-collapse ul li ul li a {
    color: #ced5e5;   
}
/*dropdown a hover*/ 
#product-menu-collapse ul li ul li a:hover,
#product-menu-collapse ul li ul li a:focus
{
    background-color: #D04041;    
    color: #FFF;
}
/* end product-menu-collapse * * * * * * * * **/
/*.my-hr {
    background-image: url(../theme/my-hr.jpg);
    background-repeat:  repeat-x;
    background-position:  bottom;
}*/
/** * home * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

.slider1-container {
    display: none;
    position: relative;
    margin: 0 auto;
    width: 1140px;
    height: 442px;
    overflow: hidden;  
}

.slider1-loading {
    position: absolute;
    top: 0px;
    left: 0px; 
}

.slider1-loading-filter {
    filter: alpha(opacity=70);
    opacity:0.7;
    position: absolute;
    display: block;
    background-color: #FFF;
    top: 0px;
    left: 0px;
    width: 100%;
    height:100%;
}

.slider1-loading-loading {
    position: absolute;
    display: block;
    background: url(../theme/loading32.gif) no-repeat center center;
    top: 0px;
    left: 0px;
    width: 100%;
    height:100%;
}

.slider1-slides {
    cursor: move;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 1140px;
    height: 442px;
    overflow: hidden; 
}
/* jssor slider bullet navigator skin 05 css */
/*
.jssorb05 div           (normal)
.jssorb05 div:hover     (normal mouseover)
.jssorb05 .av           (active)
.jssorb05 .av:hover     (active mouseover)
.jssorb05 .dn           (mousedown)
*/
.jssorb05 {
    position: absolute;
    bottom: 16px;
    right: 6px;
}
.jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
    position: absolute;
    /* size of bullet elment */
    width: 16px;
    height: 16px;    
    background: url(../theme/b05.png) no-repeat;
    overflow: hidden;
    cursor: pointer;
}
.jssorb05 div {
    background-position: -7px -7px;
}
.jssorb05 div:hover, .jssorb05 .av:hover { 
    background-position: -37px -7px;
}
.jssorb05 .av {
    background-position: -67px -7px;
}
.jssorb05 .dn, .jssorb05 .dn:hover {
    background-position: -97px -7px;
}

/* jssor slider arrow navigator skin 11 css */
/*
.jssora11l                  (normal)
.jssora11r                  (normal)
.jssora11l:hover            (normal mouseover)
.jssora11r:hover            (normal mouseover)
.jssora11l.jssora11ldn      (mousedown)
.jssora11r.jssora11rdn      (mousedown)
*/
.jssora11l, .jssora11r {
    display: block;
    position: absolute;
    /* size of arrow element */
    width: 37px;
    height: 37px;
    cursor: pointer;
    background: url(../theme/a11.png) no-repeat;
    overflow: hidden;
}
.jssora11l {
    background-position: -11px -41px;
    top: 123px;
    left: 8px;
}
.jssora11r {
    background-position: -71px -41px;
    top: 123px;
    right: 8px;
}
.jssora11l:hover {
    background-position: -131px -41px;
}
.jssora11r:hover {
    background-position: -191px -41px; 
}
.jssora11l.jssora11ldn {
    background-position: -251px -41px;
}
.jssora11r.jssora11rdn {
    background-position: -311px -41px;
}
/** find us * * * *  * * * **/ 
#mapCanvas {
    background: #E4E4E4;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    border: solid 6px #e0e0e0;
    border-radius: 3px;
    width: 100%;
    height: 50%;
    margin-bottom: 40px;
}


.row-title {
    font-size: 18px;
    color : white;
    background-color: #3a5997;
    margin-bottom: 20px;
    padding-top: 6px;
    padding-bottom: 6px;

}

.more-btn {
    background: #ced5e5;
    border-color: #ced5e5;
    color: #3a5997;
    font-size: 14px;
    border-radius: 0px;
    border-width: 0px;
}
.more-btn:hover,
.more-btn:active,
.more-btn:focus {
    background: #3a5997;
    border-color: #3a5997;
    color: #FFF;
}
/** * management * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/ 


#management_header ul li a{
    color:  white;   
}
#management_header ul li a:hover{
    background-color: #f1c5c6;
    color: #d04041;
}

/** * category and promotion * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/ 
.on-sale
{
    position: absolute;
    z-index: 2;
    left:-8px;
    top:-8px;
    width: 33%;
    max-width: 200px;
    min-width: 42px;
}

/** * * product(design) * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
.design-step {
    color: #FFF;
    background-color: #3a5997;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 15px;
    border-radius: 5px;
}

.design-step:hover {
    cursor: pointer;
}

.magnifying-glass {
    position: absolute;
    z-index: 2;
    left: 0px;
    top: 0px;    
}
.cursor-zoom-in :hover {
    cursor:zoom-in;   
}

.design-font {
    border: solid thin #ddd;
    border-radius: 5px;
    color:#aaa;
    word-wrap: break-word;
    font-size:24px;

}

.design-font-xs {
    font-size:16px;
    font-size:4.8vw;
}

.sticker-preview {
    position: relative;
    padding:0px;
    overflow: auto;
    background-color: #FFF;
}

.name-preview {
    position: relative;
    padding:0px;
    background-repeat: no-repeat;
    min-width: 620px;
}

.name-preview2 {
    position: relative;
    padding:0px;
    background-repeat: no-repeat;
    min-width: 320px;
}

.html2canvas-size {
    font-size:60px;
    padding-top: 15px;
    padding-right:10px;
    white-space: nowrap;
}

/*use at pareant*/
.v-align-95 {
    -ms-transform:translate3d(0,-95%,0); /* IE */
    -moz-transform:translate3d(0,-95%,0); /* Firefox */
    -webkit-transform:translate3d(0,-95%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-95%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-95%,0);    
    transform:translate3d(0,-95%,0);
    position: relative;
    top: 95%;
    vertical-align:top;
}
.v-align-90 {
    -ms-transform:translate3d(0,-90%,0); /* IE */
    -moz-transform:translate3d(0,-90%,0); /* Firefox */
    -webkit-transform:translate3d(0,-90%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-90%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-90%,0);    
    transform:translate3d(0,-90%,0);
    position: relative;
    top: 90%;
    vertical-align:top;
}
.v-align-85 {  
    -ms-transform:translate3d(0,-85%,0); /* IE */
    -moz-transform:translate3d(0,-85%,0); /* Firefox */
    -webkit-transform:translate3d(0,-85%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-85%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-85%,0);    
    transform:translate3d(0,-85%,0);
    position: relative;
    top: 85%;
    vertical-align:top;
}
.v-align-80 {
    -ms-transform:translate3d(0,-80%,0); /* IE */
    -moz-transform:translate3d(0,-80%,0); /* Firefox */
    -webkit-transform:translate3d(0,-80%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-80%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-80%,0);    
    transform:translate3d(0,-80%,0);
    position: relative;
    top: 80%;
    vertical-align:top;
}
.v-align-75 {                         
    -ms-transform:translate3d(0,-75%,0); /* IE */
    -moz-transform:translate3d(0,-75%,0); /* Firefox */
    -webkit-transform:translate3d(0,-75%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-75%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-75%,0);    
    transform:translate3d(0,-75%,0);
    position: relative;
    top: 75%;
    vertical-align:top;
}
.v-align-70 {                         
    -ms-transform:translate3d(0,-70%,0); /* IE */
    -moz-transform:translate3d(0,-70%,0); /* Firefox */
    -webkit-transform:translate3d(0,-70%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-70%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-70%,0);    
    transform:translate3d(0,-70%,0);
    position: relative;
    top: 70%;
    vertical-align:top;
}
.v-align-65 {                         
    -ms-transform:translate3d(0,-65%,0); /* IE */
    -moz-transform:translate3d(0,-65%,0); /* Firefox */
    -webkit-transform:translate3d(0,-65%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-65%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-65%,0);    
    transform:translate3d(0,-65%,0);
    position: relative;
    top: 65%;
    vertical-align:top;
}
.v-align-60 {                         
    -ms-transform:translate3d(0,-60%,0); /* IE */
    -moz-transform:translate3d(0,-60%,0); /* Firefox */
    -webkit-transform:translate3d(0,-60%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-60%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-60%,0);    
    transform:translate3d(0,-60%,0);
    position: relative;
    top: 60%;
    vertical-align:top;
}
.v-align-55 {                         
    -ms-transform:translate3d(0,-55%,0); /* IE */
    -moz-transform:translate3d(0,-55%,0); /* Firefox */
    -webkit-transform:translate3d(0,-55%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-55%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-55%,0);    
    transform:translate3d(0,-55%,0);
    position: relative;
    top: 55%;
    vertical-align:top;
}
.v-align-50 {                         
    -ms-transform:translate3d(0,-50%,0); /* IE */
    -moz-transform:translate3d(0,-50%,0); /* Firefox */
    -webkit-transform:translate3d(0,-50%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-50%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-50%,0);    
    transform:translate3d(0,-50%,0);
    position: relative;
    top: 50%;
    vertical-align:top;
}
.v-align-45 {                         
    -ms-transform:translate3d(0,-45%,0); /* IE */
    -moz-transform:translate3d(0,-45%,0); /* Firefox */
    -webkit-transform:translate3d(0,-45%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-45%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-45%,0);    
    transform:translate3d(0,-45%,0);
    position: relative;
    top: 45%;
    vertical-align:top;
}
.v-align-40 {                         
    -ms-transform:translate3d(0,-40%,0); /* IE */
    -moz-transform:translate3d(0,-40%,0); /* Firefox */
    -webkit-transform:translate3d(0,-40%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-40%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-40%,0);    
    transform:translate3d(0,-40%,0);
    position: relative;
    top: 40%;
    vertical-align:top;
}
.v-align-35 {                         
    -ms-transform:translate3d(0,-35%,0); /* IE */
    -moz-transform:translate3d(0,-35%,0); /* Firefox */
    -webkit-transform:translate3d(0,-35%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-35%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-35%,0);    
    transform:translate3d(0,-35%,0);
    position: relative;
    top: 35%;
    vertical-align:top;
}
.v-align-30 {                         
    -ms-transform:translate3d(0,-30%,0); /* IE */
    -moz-transform:translate3d(0,-30%,0); /* Firefox */
    -webkit-transform:translate3d(0,-30%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-30%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-30%,0);    
    transform:translate3d(0,-30%,0);
    position: relative;
    top: 30%;
    vertical-align:top;
}
.v-align-25 {                         
    -ms-transform:translate3d(0,-25%,0); /* IE */
    -moz-transform:translate3d(0,-25%,0); /* Firefox */
    -webkit-transform:translate3d(0,-25%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-25%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-25%,0);    
    transform:translate3d(0,-25%,0);
    position: relative;
    top: 25%;
    vertical-align:top;
}
.v-align-20 {                         
    -ms-transform:translate3d(0,-20%,0); /* IE */
    -moz-transform:translate3d(0,-20%,0); /* Firefox */
    -webkit-transform:translate3d(0,-20%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-20%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-20%,0);    
    transform:translate3d(0,-20%,0);
    position: relative;
    top: 20%;
    vertical-align:top;
}
.v-align-15 {                         
    -ms-transform:translate3d(0,-15%,0); /* IE */
    -moz-transform:translate3d(0,-15%,0); /* Firefox */
    -webkit-transform:translate3d(0,-15%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-15%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-15%,0);    
    transform:translate3d(0,-15%,0);
    position: relative;
    top: 15%;
    vertical-align:top;
}
.v-align-10 {                         
    -ms-transform:translate3d(0,-10%,0); /* IE */
    -moz-transform:translate3d(0,-10%,0); /* Firefox */
    -webkit-transform:translate3d(0,-10%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-10%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-10%,0);    
    transform:translate3d(0,-10%,0);
    position: relative;
    top: 10%;
    vertical-align:top;
}
.v-align-5 {                         
    -ms-transform:translate3d(0,-5%,0); /* IE */
    -moz-transform:translate3d(0,-5%,0); /* Firefox */
    -webkit-transform:translate3d(0,-5%,0); /* Safari and Chrome */
    -o-transform:translate3d(0,-5%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(0,-5%,0);    
    transform:translate3d(0,-5%,0);
    position: relative;
    top: 5%;
    vertical-align:top;
}
/*use at child*/
.h-align-center {
    -ms-transform:translate3d(-50%,-50%,0); /* IE */
    -moz-transform:translate3d(-50%,-50%,0); /* Firefox */
    -webkit-transform:translate3d(-50%,-50%,0); /* Safari and Chrome */
    -o-transform:translate3d(-50%,-50%,0); /* Opera */
    -webkit-transform: -webkit-translate3d(-50%,-50%,0);
    transform:translate3d(-50%,-50%,0);
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
}

/** small sticker*********************/
.sticker-border-top {
    border-left: solid thin #ddd;
    border-right: solid thin #ddd;
    border-top: solid thin #ddd;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;   
}
.sticker-border-bottom {
    border-left:solid thin #ddd;
    border-right:solid thin #ddd;
    border-bottom:solid thin #ddd;
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
}
.sticker-bottom {
    margin-bottom: 12px;
}

.max-height-58 {
    max-height: 58px;
}
.max-height-29 {
    max-height: 29px;
}
.small-12-out,
.small-24-out {
    width: 141px;
    float:left;
    padding-left: 55px;    
    padding-right: 3px;
    margin-right: 12px;    
}
.small-12-out {
    border: solid thin #ddd;
    border-radius: 5px;
    height: 58px;    
}
.small-24-out {    
    height: 29px;     
}
.small-24-up{   
    padding: 0px;    
}
.small-24-down {   
    padding: 0px;    
}
.small-12 {   
    padding: 0px;    
}
/** small monochrome****/
.small-monochrome{
    width: 55px;
    height:58px;
    float:left;
    margin-left: -53px;
    position: relative;
}
.small-monochrome-img{
    max-height:50px;
}
/** medium sticker*********************/
.max-height-84 {
    max-height: 84px;
}
.max-height-42 {
    max-height: 42px;
}
.medium-9-out,
.medium-18-out {    
    width: 192px;
    float:left;
    margin-right:12px;
    padding-left: 75px;
    padding-right: 5px;    
}
.medium-9-out {
    border: solid thin #ddd;
    border-radius: 5px;
    height: 84px;    
}
.medium-18-out {    
    height: 42px;
}
.medium-18-up{   
    padding: 0px;    
}
.medium-18-down {   
    padding: 0px;    
}
.medium-9 {   
    padding: 0px;    
}

/** large sticker*********************/
.max-height-97 {
    max-height: 97px;
}
.max-height-49 {
    max-height: 49px;
}
.large-6-out,
.large-12-out {    
    width: 294px;
    float:left;
    margin-right:12px;
    padding-left: 98px; 
    padding-right: 15px;
}
.large-6-out {
    border: solid thin #ddd;
    border-radius: 5px;
    height: 97px;
}
.large-12-out {    
    height: 49px;
}
.large-12-up{   
    padding: 0px;    
}
.large-12-down {   
    padding: 0px;    
}
.large-6 {   
    padding: 0px;    
}
/** extra large sticker*********************/
.extra-large-sticker-border-top {
    border-left: solid thin #ddd;
    border-right: solid thin #ddd;
    border-top: solid thin #ddd;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;   
}
.extra-large-sticker-border-bottom {
    border-left:solid thin #ddd;
    border-right:solid thin #ddd;
    border-bottom:solid thin #ddd;
    border-bottom-left-radius:18px;
    border-bottom-right-radius:18px;
}
.extra-large-sticker-bottom {
    margin-bottom: 17px;
}
.max-height-122 {
    max-height: 122px;
}
.max-height-61 {
    max-height: 61px;
}
.extra-large-6-out,
.extra-large-12-out {    
    width: 294px;
    float:left;
    margin-right:13px;
    padding-left: 94px;
    padding-right: 20px;    
}
.extra-large-6-out {
    border: solid thin #ddd;
    border-radius: 18px;
    height: 122px;
}
.extra-large-12-out {    
    height: 61px;
}
.extra-large-12-up{   
    padding: 0px;    
}
.extra-large-12-down {   
    padding: 0px;    
}
.extra-large-6 {   
    padding: 0px;    
}
/** square cartoon sticker 22X23******/
.square-22X23-12-out,
.square-22X23-24-out {
    width: 141px;
    height: 147px;  
    float:left;
    padding-left: 7px;
    padding-right: 7px;    
    margin-right: 12px;
    padding-top: 89px;
    border: solid thin #ddd;
    border-radius: 5px;      
}
.square-22X23-24-in-up{   
    padding: 0px;
}
.square-22X23-24-in-down {   
    padding: 0px;
}
.square-22X23-12 {   
    padding: 0px;
}
/** multiple size cartoon sticker 30X11 30X20******/
.max-height-77 {
    max-height: 77px;
}
.max-height-71 {
    max-height: 71px;
}
.max-height-38{
    max-height: 38px;
}
.max-height-35{
    max-height: 35px;
}

.multiple-30X11-30X20-18-up-out,
.multiple-30X11-30X20-36-up-out
{
    display: block;
    width: 192px;    
    height: 126px;
    float:left;
    margin-right:12px;
    border: solid thin #ddd;
    border-radius: 5px;
    padding: 0px;
    position: relative;
}

.multiple-30X11-30X20-18-down-out,
.multiple-30X11-30X20-36-down-out
{    
    display: block;
    width: 192px;    
    height: 72px;
    float:left;
    margin-right:12px;
    border: solid thin #ddd;
    border-radius: 5px;    
    padding: 0px;
    padding-left: 85px;
    padding-right: 5px;
    position: relative;        
}

.multiple-30X11-30X20-18-up-in,
.multiple-30X11-30X20-36-up-in
{    
    display: block;
    position: relative;
    padding: 0px;
    width: 110px;
    height:77px;
    margin-left: 92px;
    margin-top: 24px;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}

.multiple-30X11-30X20-18-down-in {    
    display: block;
    padding: 0px;
}

.multiple-30X11-30X20-36-up-in-up,
.multiple-30X11-30X20-36-up-in-down,
.multiple-30X11-30X20-36-down-in-up,
.multiple-30X11-30X20-36-down-in-down
{    
    display: block;
    padding:0px;
}
/** multiple size cartoon sticker 22X10 24X21******/
.max-height-62 {
    max-height: 62px;
}
.max-height-31 {
    max-height: 31px;
}
.multiple-22X10-24X21-24-firstout,
.multiple-22X10-24X21-48-firstout {
    width: 154px;
    height: 134px;
    float:left;
    padding-left: 7px;
    padding-right: 7px;
    margin-right: 10px;
    border: solid thin #ddd;
    border-radius: 10px;
}
.multiple-22X10-24X21-24-otherout,
.multiple-22X10-24X21-48-otherout  {
    width: 138px;
    height: 134px;
    float:left;
    margin-right: 10px;
}
.multiple-22X10-24X21-48-firstin-up {
    height:62px;
    padding:0px;
    margin-bottom: 9px;
}
.multiple-22X10-24X21-48-firstin-down {
    height:62px;
    padding:0px;
}
.multiple-22X10-24X21-48-otherin-up{    
    border: solid thin #ddd;
    border-radius: 10px;
    height:62px;
    margin-bottom: 9px;
    padding-left:55px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom: 5px;

}
.multiple-22X10-24X21-48-otherin-down{
    border: solid thin #ddd;
    border-radius: 10px;
    height:62px;
    padding-left:55px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom: 5px;
}
.multiple-22X10-24X21-48-otherin-up-reverse{    
    border: solid thin #ddd;
    border-radius: 10px;
    height:62px;
    margin-bottom: 9px;
    padding-left:5px;
    padding-right:55px;
    padding-top:5px;
    padding-bottom: 5px;

}
.multiple-22X10-24X21-48-otherin-down-reverse{
    border: solid thin #ddd;
    border-radius: 10px;
    height:62px;
    padding-left:5px;
    padding-right:55px;
    padding-top:5px;
    padding-bottom: 5px;
}

.multiple-22X10-24X21-48-firstin-up-in,
.multiple-22X10-24X21-48-firstin-down-in,
.multiple-22X10-24X21-48-otherin-up-in,
.multiple-22X10-24X21-48-otherin-down-in {
    max-height:31px;
    padding:0px;
}

.multiple-22X10-24X21-24-firstin-up {
    padding:0px;
}
.multiple-22X10-24X21-24-firstin-down {
    padding:0px;
}
.multiple-22X10-24X21-24-otherin-up{    
    border: solid thin #ddd;
    border-radius: 10px;
    height:62px;
    margin-bottom: 9px;
    padding-left:55px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom: 5px;

}
.multiple-22X10-24X21-24-otherin-down{
    border: solid thin #ddd;
    border-radius: 10px;
    height:62px;
    padding-left:55px;
    padding-right:5px;
    padding-top:5px;
    padding-bottom: 5px;
}
.multiple-22X10-24X21-24-otherin-up-reverse{    
    border: solid thin #ddd;
    border-radius: 10px;
    height:62px;
    margin-bottom: 9px;
    padding-left:5px;
    padding-right:55px;
    padding-top:5px;
    padding-bottom: 5px;
}
.multiple-22X10-24X21-24-otherin-down-reverse{
    border: solid thin #ddd;
    border-radius: 10px;
    height:62px;
    padding-left:5px;
    padding-right:55px;
    padding-top:5px;
    padding-bottom: 5px;
}

.multiple-22X10-24X21-24-otherin-up-in,
.multiple-22X10-24X21-24-otherin-down-in {
    padding:0px;
}

.multiple-22X10-24X21-sticker-bottom {
    margin-bottom: 9px;
}
/** stamp*********************/
.stamp-preview {
    overflow: auto;
    background-color: #FFF;
    padding: 0;
}
.stamp-border {
    border: dashed thin #ccc;
    border-radius: 5px;
}
/** medium stamp********/
.max-height-76 {
    max-height: 76px;
}
.max-height-38 {
    max-height: 38px;
}
.medium-stamp-out {
    width: 172px;    
    height: 76px;
    padding-left: 57px;
}
.medium-stamp-design-img {
    width: 57px;
    height:76px;
    float:left;
    margin-left: -57px;
    position: relative;
    padding: 0px;
    max-width: 146px;
}
.medium-stamp-design-img-img {
    max-height:64px;
}
.medium-stamp-in1,
.medium-stamp-in2 {
    width: 115px;
    height:76px;
    float:left;
    margin-left: 0px;
    position: relative;
    padding: 0px;
}
/** large stamp********/
.max-height-96 {
    max-height: 96px;
}
.max-height-48 {
    max-height: 48px;
}
.large-stamp-out {
    width: 223px;    
    height: 96px;
    padding-left: 75px;
}
.large-stamp-design-img {
    width: 75px;
    height:96px;
    float:left;
    margin-left: -75px;
    position: relative;
    padding: 0px;
    max-width: 146px;
}
.large-stamp-design-img-img {
    max-height:64px;
}
.large-stamp-in1,
.large-stamp-in2 {
    width: 148px;
    height:96px;
    float:left;
    margin-left: 0px;
    position: relative;
    padding: 0px;
}

.cube12X24 {
    width: 12px;
    height: 24px;
    display: block;
    background-color: #000;   
}
/** * * selector * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

.img-selector {    
    height: 222px;
    overflow: auto;
}
/** * * cart * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/

.my-row-bg-0 {
    background-color: #f5f5f5;
    border: solid thin #e7e7e7;
    padding-top: 10px; 
    margin-bottom: 15px;
}
.my-row-bg-1 {
    background-color: #fff;
    border: solid thin #e7e7e7;
    padding-top: 10px;
    margin-bottom: 15px;
}
.checkout-row-bg-0 {
    background-color: #f5f5f5;
    border-bottom: solid thin #e7e7e7;
    padding-top: 10px;
    padding-bottom: 10px;
}
.checkout-row-bg-1 {
    background-color: #fff;
    border-bottom: solid thin #e7e7e7;
    padding-top: 10px;
    padding-bottom: 10px;
}
/** * * manage orders * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
.display-order {
    background-color: #fff;
    border: solid thin #e7e7e7;
    margin-bottom: 15px;
    padding-top: 15px;
}
.verticaltext {
    position: absolute;
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
/** * * manage orders * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * **/
.display-none {
    display: none;
}