@import './../fonts.min.css';
@import './../components.css';
/* @import './../vendor/croppie.min.css'; */
@import './../vendor/modal.css';
@import './../forms.min.css';

 
canvas {
    visibility: hidden;
    opacity: 0!important;
    position: absolute;
    top:-200%;
    left:-200%;
    pointer-events: none;
}
img {
    image-orientation: from-image;
}
html,body,h1,h2,h3,h4,p,ol,ul,li,fieldset,form,textarea,input,label,legend {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    list-style: none;
}

*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

img {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

a img {
    border: 0;
}

html,
body {
    min-width: 320px;
    width: 100%;
    height: 100%;
    float: left;
    position: relative;
    touch-action: manipulation;
}

body {
    font-family: "Nunito Sans", sans-serif;
    font-weight: 400;
    font-size: 20px;
    color: #090f45;
    background-color: #fff;
    margin: 0;
    overflow: hidden;
    overflow-y: auto;
}
body.prevent,  body.prevent *{
    pointer-events: none!important;
}

body.noscroll  {
    overflow-y: hidden!important;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-family: "Nunito Sans", sans-serif;
}
::-moz-placeholder { /* Firefox 19+ */
    font-family: "Nunito Sans", sans-serif;
}
:-ms-input-placeholder { /* IE 10+ */
    font-family: "Nunito Sans", sans-serif;
}
:-moz-placeholder { /* Firefox 18- */
    font-family: "Nunito Sans", sans-serif;
}

.InputContainer:after {
    font-family: "Nunito Sans", sans-serif;
}

::selection {
    background: #ece8e0;
}

::-moz-selection {
    background: #ece8e0;
}

* {
    box-sizing: border-box;
    outline: 0 !important;
}

input,
textarea {
    appearance: none;
    padding: 0;
    outline: none;
    border: none;
}

button {
    outline: none;
    border: none;
    cursor: pointer;
}

.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px transparent;
    -webkit-box-shadow: inset 0 0 6px transparent;
    background-color: #f5f5f5;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #f5f5f5;
}

::-webkit-scrollbar-thumb {
    background-color: #090f45;
}

/*App*/

.action-btn, .action-btn2, .action-btn3, .action-btn-glass {
    background: #ff375c;
    color: #fff;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    display: inline-block!important;
    width: auto;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s, border-color .3s, background-color .3s, box-shadow .3s;
    -webkit-transition: color .3s, border-color .3s, background-color .3s, box-shadow .3s;
}

.action-btn:hover {
    background: #ea1f45;
    box-shadow: 0 3px 12px rgb(0 0 0 / 30%);
}

.action-btn2 {
    background: #090f45;
    color: #fff;
}

.action-btn2:hover {
    background: #1f356b;
    box-shadow: 0 3px 12px rgb(0 0 0 / 30%);
}
.action-btn3 {
    background: #256dff;
    color: #fff;
}

.action-btn3:hover {
    background: #1758db;
    box-shadow: 0 3px 12px rgb(0 0 0 / 30%);
}
.container {
    width: 100%;
    height: 100%;
}

form .row {
    display: flex;
    justify-content: space-between;
    float:none!important
}
form .track-list  {
    font-size: 16px;
    margin:30px 0;
}
form .track-list .row:first-child  {
    font-weight: 600;
}
form .track-list .row {
    display: flex;
    justify-content: space-between;
    float:none!important
}

form .track-list .row div{
    width:100%;
    padding:3px 0;
}
form .track-list .row div a{
    color:#ff375c;
    text-decoration: none;
}
form .track-list .row div a:hover{
    text-decoration: underline;
}
.row .form-group.inline {
    display: flex;
    flex-direction: row;
    align-items: baseline;
}
form .row .form-group.inline label {
    width: 190px;
    white-space: nowrap;
}
form .row.x2 .form-group {
    width:48%;
}
form .row.x3 .form-group {
    width:30.5%;
}

form .row:last-child .form-group {
    margin-bottom: 0
}

.w50 {
    width:50%;float:left;
}
.hidden {
    display:none!important;
}

.topline {
    background: #444;
    color: #fff;
    position: fixed;
    width: 100%;
    z-index: 5;
    display: flex;
    align-items: center;
    font-size: 17px;
    overflow: hidden;
}
.withTopLine .topline {height: 70px;}
.withTopLine2 .topline {height: 50px;font-size:15px}

.topline .content {
    justify-content: center;
    position: relative;
    z-index: 1;
}
.topline .content .topline_title {
    width: 70%;
    text-align: center;
}
.withoutCounter .topline .content .topline_title {
    width: 100%;
}
.topline .content .topline_title > * {
    display: inline-block;
}
.topline .content .topline_title span {
    font-weight: 700;
    margin-right:20px;
}


.topline .content > div.counter {
    padding-left:5%;
    white-space: nowrap;
    margin-left: auto;
}

.topline .content > div.ribbon {
    -webkit-transform: rotate(45deg);    
    transform: rotate(45deg);
    transform-origin: center center;
    position: relative;
    top: 0;
    right: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 140px;
    min-width: 140px;
    font-size: 12px;
    background: #ea1f45;
    margin-left: auto;
}

.topline .content > div ul li {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
}
.withTopLine2 .topline .content > div ul li {
    font-size: 18px;
    line-height: 16px;
    font-weight: 700;
    padding-top: 6px;
}


.topline .content > div ul li:after {
    content: " : ";
    position: absolute;
    right: -10px;
    top: 0;
    height: 100%;
}
.withTopLine2 .topline .content > div ul li:after {
    top: 6px;
}
.topline .content > div ul li:last-child {
    margin-right: 0;
}
.withTopLine2 .topline .content > div ul li:first-child {
    display:none;
}  
.withTopLine2 .topline .content .top_promo {
    background: none;
    color: #9ec8ff;
    text-decoration: underline;
    font-weight: 600;
    border-radius: 3px;
    padding: 3px 10px;
    cursor: pointer;
    white-space: nowrap;
    transition: color .3s;
}
.withTopLine2 .topline .content .top_promo:hover {
    color: #c7ddfa;
}

.withTopLine2 .topline .content .topline_title {
    width: auto;
    margin-right: 20px;
}

.withTopLine2 .topline .content > div.counter {
    margin-left: initial;
}

.topline .content > div ul li:last-child:after {
    display: none;
}
.topline .content > div ul li span {
    width: 100%;
    display: block;
    opacity: 1;
}
.topline .content > div ul li p {
    font-size:9px;
    opacity: 0.8;
    text-transform: uppercase;
    line-height: 12px;
}

header {
    position: fixed;
    width: 100%;
    z-index: 5;
    background-color: #fff;
}

.withTopLine header {
    top:70px;
}
.withTopLine2 header {
    top:50px;
}
header .content{
    background-color: #fff;
}
.content {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1400px;
    padding: 0 50px;
    margin: 0 auto;
}

.content h3 {
    line-height: 42px;
}

header.fixed {
    box-shadow: 0 6px 14px rgba(0, 0, 0, .06);
}

header #logo {
    height: 100px;
    display: flex;
    align-items: center;
    overflow: hidden;
}

header #logo img {
    width: 160px;
    height: 100%;
}

header nav {
    position: relative;
    z-index: 1;
}
header nav {
    position: relative;
    z-index: 1;
    margin: 0 auto;
}
header nav label {
    display:none
}

header ul.nav {
    display: flex;
    align-items: center;
}

header ul.nav > li {
    margin-left: 35px;
    padding: 15px 0;
    position: relative;
    z-index: 1;
}

header ul.nav li ul.sub-menu {
    position: absolute;
    left: -1rem;
    top: 100%;
    width: 250px;
    height: auto;
    padding: 12px 0;
    border: none;
    outline: none;
    opacity: 0;
    visibility: hidden;
    border-top: 3px solid #ff375c;
    background: #ffffff;
    -webkit-box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 10%), 0 2px 4px -1px rgb(0 0 0 / 6%);
    -webkit-transform: translateY(1rem);
    -ms-transform: translateY(1rem);
    transform: translateY(1rem);
    -webkit-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
    z-index: 10;
}

.backdrop .menu ul.sub-menu {
    width: 100%;
    height: auto;
    padding: 12px 0;
    border: none;
    outline: none;
    display:none;
}

header ul.nav li.show-submenu > ul.sub-menu {
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0rem);
    -ms-transform: translateY(0rem);
    transform: translateY(0rem);
}
.backdrop .menu li.show-submenu > ul.sub-menu {
    display: block;
}

header ul.nav > li:nth-child(1) {
    margin-left: 0px;
}

header ul.nav > li a, header ul.nav > li span  {
    text-decoration: none;
    color: #090f45;
    font-weight: 700;
    font-size: 19px;
    transition: color .3s;
    position: relative;
    cursor: pointer;
    display: flex;
}

header ul.nav > li span img {
    margin-left: 10px;
    width: 18px;
}
header ul.nav > li span:hover {
    color: #ff375c;
}

header ul.nav > li a:hover, header ul.nav > li a.active  {
    color: #ff375c;
}

header ul.nav li ul.sub-menu li  {
    padding: 6px 18px;
    width:100%;
    float:left;
}

header ul.nav li ul.sub-menu li a {
    text-decoration: none;
    color: #090f45;
    font-weight: 400;
    font-size: 18px;
    transition: color .3s;
    position: relative;
}

header ul.nav li ul.sub-menu li a:hover, header ul.nav li ul.sub-menu li a.active {
    color: #ff375c;
}

header .action-btn {
    background: #fff;
    text-decoration: none;
    border-radius: 5px;
    padding: 15px 35px;
    border: 2px solid #ff375c;
    color: #ff375c;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
}

header .action-btn-glass {
    background: #fff;
    text-decoration: none;
    border-radius: 5px;
    padding: 15px 35px;
    border: 2px solid #256dff;
    color: #256dff;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
}
header .action-btn:hover {
    background: #ff375c;
    color: #fff;
}
header .action-btn-glass:hover {
    background: #256dff;
    color: #fff;
}

main {
    width: 100%;
    float: left;
    padding-top:100px;
}

.withTopLine main {
    padding-top:170px;
}
.withTopLine2 main {
    padding-top:150px;
}

main.nopadding {
    padding: 0;
    width:100%;
    position: relative;
    z-index: 1;
    background: #f9f5f4;
    display: flex;
    flex-direction: column;
}


.withTopLine main.nopadding, .withTopLine2 main.nopadding {
    padding-top:50px;
    min-height: 100vh;
}


/*Home*/
main .intro_wrapper {
    width:100%;
    height: 35vw;
    background: #f9f5f4;
    position: relative;
    z-index: 1;
    display: flex;
}

main .intro_wrapper.glass {
    background: #fafaf8;
}

main .intro_wrapper.blog {
    background: #e3f4fc;
}

main .intro {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 1400px;
}

main .intro .intro_text {
    position: relative;
    z-index: 1;
    width: 50%;
    padding-right: 7%;
}
main .intro_images {
    width: 50%;
    position:absolute;
    top:0;
    right:0;
}
main .intro .intro_text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

main .intro .intro_text h1 {
    font-size: 50px;
    line-height: 54px;
    font-weight: 700;
    color: #090f45;
    display: block;
    margin-bottom: 20px;
    width: 100%;
    float: left;
}

main .intro .intro_text p {
    padding: 0 0 30px 0;
    color: #2a3275;
    font-size: 22px;
    line-height: 30px;
    display: block;
    width: 100%;
    float: left;
    white-space: pre-line;
}

main .intro .intro_text span {
    padding: 0 0 30px 0;
    color: #ff375c;
    font-weight: 400;
    font-size: 22px;
    display: block;
}

main .intro_wrapper.blog .intro .intro_text span {
    font-size:29px;
    color: #2a3275;
    font-weight: 400;
}

main .intro_wrapper.blog .intro .intro_text .top {
    width:100%;
    float:left;
    display: block;
    padding-bottom:25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
main .intro_wrapper.blog .intro .intro_text .top .date {
    font-size:12px;
    display: block;
}
main .intro_wrapper.blog .intro .intro_text .top a {
    font-size:12px;
    color:#fff;
    text-decoration: none;
    background: #132147;
    padding:5px 10px;
    border-radius: 4px;
}

main .intro .intro_text p img {
    width: 28px;
    margin-right: 10px;
}

.home_banner {
    width: calc(100% - 20px);
    float: left;
    display: flex;
    color: #fff;
    position: relative;
    height: 86px;
    margin: 10px;
}
.home_banner:after{
    content:"";
    border:1px solid #fff;
    position: absolute;
    top:10px;
    left:10px;
    right:10px;
    bottom:10px;
}
.home_banner .content {
    justify-content: space-around;
    align-items: center;
    text-align: center;
}
.home_banner .content span {
    justify-content: space-between;
    align-items: center;
    text-align: center;
    display: flex;
}
.home_banner .content img {
    width: 60px;
    max-width: 60px;
    position: relative;
    top: -5px;
}

.home_banner .content #countdown2 ul li {
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    text-align: center;
    position: relative;
    z-index: 1;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
}

.home_banner .content #countdown2 ul li span {
    width: 100%;
    display: block;
    opacity: 1;
}

.home_banner .content #countdown2 ul li p {
    font-size: 9px;
    opacity: 0.8;
    text-transform: uppercase;
    line-height: 12px;
}


#carousel, #carousel > div {
    display: block;
    width: 100%;
    height: 35vw;
    position: relative;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #fbf1f0;
    overflow: hidden;
}
#carousel > div {
    position: absolute;
}
#carousel > div.show {
    z-index: 1;
}
#carousel #carouselNav {
    position: absolute;
    bottom: 20px;
    right: 0;
    left:0;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;

}
#carousel #carouselNav i {
    width:50px;
    height:50px;
    margin:0 20px;
    background-color: transparent;
    border-radius: 50%;
    background: url('../../images/tiles/svg/arrow.svg') center center no-repeat;
    background-size: 44%;
    cursor: pointer;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
#carousel #carouselNav #leftClick{
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

#carousel #carouselNav i:hover {
    background-color: rgba(0,0,0,0.4);
}

#carousel #carouselNav > ul {
    padding: 0;
    margin: 0;
}

#carousel #carouselNav > ul > li {
    margin: 0;
    padding: 0;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    float: left;
    background: rgba(255,255,255,0.8);
    margin:0 10px;
    cursor: pointer;
    -moz-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

#carousel #carouselNav > ul > li.showli {
    background: #132147;
    -moz-animation: boing .5s forwards;
    -o-animation: boing .5s forwards;
    -webkit-animation: boing .5s forwards;
    animation: boing .5s forwards;
}

#carousel #carouselNav > ul > li:hover:not(.showli) {
    background: rgba(255,255,255,1);
}
@keyframes boing{
    0%{transform:scale(.8)}
    50%{transform:scale(1.2)}
    100%{transform:scale(1)}
}
@-webkit-keyframes boing{
    0%{transform:scale(.8)}
    50%{transform:scale(1.2)}
    100%{transform:scale(1)}
}



@keyframes FadeUp {
    0% {
        opacity: 0;
        transform: translate(0, 40px)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

@-webkit-keyframes FadeUp {
    0% {
        opacity: 0;
        transform: translate(0, 40px)
    }
    100% {
        opacity: 1;
        transform: translate(0, 0)
    }
}

.blog_main {
    width: 100%;
    float: left;
    padding: 70px 0;
    text-align: center;
    background: #f8f5f4;
}

.blog_main h2 {
    width:100%;
    float:left;
    color:#090f45;
    font-size: 35px;
    font-weight: 500;
    margin-bottom:70px;
}
.blog_main h3 {
    font-size: 35px;
    font-weight: 500;
}

.blog_main_item_wrapper {
    display: flex;
    width: 100%;
}
.blog_main_item {
    margin: 0 auto;
    max-width: 1200px;
    position: relative;
    min-height: 350px;
    z-index: 1;
}
.blog_main_item img {
    float:left;
    display: block;
    max-width: 100%;
}
.blog_main_item .description {
    max-height: 90%;
    height:90%;
    width:400px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right:0;
    background: rgba(18, 32, 70, .8);
    color:#fff;
    padding:40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    font-size: 20px;
    font-weight: 100;
}

.blog_main_item .description h3 {
    font-size:26px;
    font-weight: 600;
    padding-bottom: 10px;
}
.blog_main_item .description .top {
    float:left;
    display: block;
    padding-bottom:25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.blog_main_item .description .top .date {
    font-size:12px;
    display: block;
}
.blog_main_item .description .top a {
    font-size:12px;
    color:#fff;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.5);
    padding:5px 10px;
    border-radius: 4px;
}

.blog_main_item .description .text {
    float:left;
    width: 100%;
    padding-bottom:25px;
    white-space: break-spaces;
}

.blog_main_item .description > a {
    color:#122046;
    background: #fff;
    text-align: center;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    display: inline-block!important;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s, border-color .3s, background-color .3s, box-shadow .3s;
    -webkit-transition: color .3s, border-color .3s, background-color .3s, box-shadow .3s;
}

.blog_main_item .description > a:hover {
    background: #9ec8ff;
    box-shadow: 0 3px 12px rgb(0 0 0 / 30%);
}

.blog_main .slick-slider {
    margin: 0 auto;
    max-width: 1340px;
    overflow-x: hidden;
    padding: 30px 50px 0
}

.blog_main .slick-list, 
.blog_main .slick-slider,
.blog_main .slick-slider .slick-track {
    overflow: inherit
}


.blog_main .slick-slider .slick-slide {
    background: none;
    box-shadow: none;
    overflow: inherit;
    width: inherit!important;
    height: 320px;
    padding: 10px;
}

.blog_main .slick-slider .slick-slide a {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px;
    color: #090f45;
    display: block;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 0;
    max-height: 250px;
    min-height: 250px;
    position: relative;
    transition: box-shadow .3s;
    width: 100%
}

.blog_main .slick-slider .slick-slide a:hover {
    box-shadow: 0 6px 18px rgb(0 0 0/8%);
    color: #236dff
}

.blog_main .slick-slider .slick-slide a h4 {
    display: block;
    float: left;
    position: absolute;
    text-align: center;
    top: 105%;
    width: 100%
}

.blog_main .slider-nav {
    position: relative;
    z-index: 1;
    overflow-x: hidden;
}

.blog_main .slider-nav .slick-dots {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    float: left;
}

.blog_main .slick-next,
.blog_main .slick-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.blog_main .slick-prev {
    left: 10px
}

.blog_main .slick-next {
    right: 10px
}

.blog_main .slider-nav .slick-dots li {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    overflow: hidden;
    background: #858a9d;
    float: left;
    margin: 0 8px;
    cursor: pointer;
}

.blog_main .slider-nav .slick-dots li.slick-active, 
.blog_main .slider-nav .slick-dots li:hover {
    background: #122046;
}


.blog_main .slider-nav  .slick-dots li button {
    text-indent: -100px;
    width: 100%;
    width: 100%;
    float: left;
    visibility: hidden;
}


.blog_post {
    width:100%;
    float:left;
    padding: 70px 0;
    text-align: center;
    background: #f8f5f4;
}

.blog_post .blog_post_item{
    max-width:1000px;
    margin:0 auto;
    text-align: left;
    line-height: 1.4;
}

.blog_post .blog_post_item a{
    color:#256dff;
    text-decoration: none;
    transition: color .3s;
}

.blog_post .blog_post_item a:hover{
    color:#7da8ff;
}

.blog_post .blog_post_item h2{
    font-size:26px;
    font-weight: 600;
}

.blog_post .blog_post_item h3{
    font-size:22px;
    font-weight: 600;
}

.blog_post .blog_post_item h4{
    font-size:20px;
    font-weight: 600;
}

.blog_featured {
    background: #d4f1ff;
    width:100%;
    float:left;
    display: flex;
    flex-direction: column;
    padding: 70px 0;
    text-align: center;
}

.blog_featured h3 {
    width:100%;
    float:left;
    color:#090f45;
    font-size: 35px;
    font-weight: 500;
    margin-bottom:70px;
}

.blog_featured .list {
    width:100%;
    float:left;
    display: flex;
    flex-direction: row;
    max-width: 1200px;
    margin:0 auto;
    justify-content: space-between;
    flex-wrap: wrap;
}

.blog_featured .list .list_item {
    width:30%;
    text-align: left;
}

.blog_featured .list .list_item .image {
    width: 100%;
    height: 16vw;
    min-height: 250px;
    max-height: 280px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border: 12px solid #fff;
    border-radius: 8px;
    box-shadow: 0 6px 14px rgb(0 0 0 / 6%);
    margin-bottom:25px;
}

.blog_featured .list .list_item .image img {
    max-width: 100%;
}

.blog_featured .list .list_item h4 {
    font-size: 22px;
    font-weight: 600;
    padding-bottom: 10px;
    line-height: 1.4;
}


.blog_featured .list .list_item .top {
    width: 100%;
    display: block;
    padding-bottom:25px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.blog_featured .list .list_item .top .date {
    font-size:12px;
    display: block;
}
.blog_featured .list .list_item .top a {
    font-size:12px;
    color:#fff;
    text-decoration: none;
    background: #132147;
    padding:5px 10px;
    border-radius: 4px;
}

.blog_featured .list .list_item .text {
    display: block;
    padding-bottom: 25px;
}


.blog_featured .list .list_item > a {
    color: #fff;
    background: #236dff;
    text-align: center;
    padding: 16px 40px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 5px;
    display: inline-block!important;
    width: 100%;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s, border-color .3s, background-color .3s, box-shadow .3s;
    -webkit-transition: color .3s, border-color .3s, background-color .3s, box-shadow .3s;
}

.blog_featured .list .list_item > a:hover {
    background: #251861;
    box-shadow: 0 3px 12px rgb(0 0 0 / 30%);
}

.blog_featured nav  {
    width:100%;
    float:left;
    padding:70px 0 0 0;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.blog_featured nav ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.blog_featured ul li  {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin:0 10px
}
.blog_featured ul li a {
    text-decoration: none;
}
.blog_featured ul li span {
    color:#256dff
}
.blog_featured ul li span, .blog_featured ul li a {
    display: block;
    padding:5px;
}
.blog_featured ul li:first-child span, 
.blog_featured ul li:first-child a, 
.blog_featured ul li:last-child span,
.blog_featured ul li:last-child a {
    border:2px solid #add8ed;
    width:50px;
    height:50px;
    border-radius: 50%;
    font-size: 34px;
    padding:2px;
}
.blog_featured ul li:first-child span, 
.blog_featured ul li:last-child span {
    color:#ccc
}

.blog_featured ul li:first-child a, 
.blog_featured ul li:last-child a {
    border:2px solid #256dff;
}

main .icons_div ul {
    width: 100%;
}

main .icons_div ul li {
    width: 33%;
    float: left;
    text-align: center;
    padding: 100px 0;
}

main .icons_div ul li img {
    width: 85px;
}

main .icons_div ul li h3 {
    padding: 20px 0 0 0;
    font-size: 24px;
    font-weight: 700;
}

main .icons_div ul li p {
    font-size: 21px;
}
/* blocks */
main .block_div {
    width: 100%;
    float:left;
    background: #fff;
    position: relative;
    z-index: 1;
}
main .white {
    background: #fff!important;
}
main .grey {
    background: #f9f5f4!important;
}

main .block_div > h3 {
    font-size: 33px;
    font-weight: 700;
    display: flex;
    width: 100%;
    float: left;
    text-align: center;
    margin: 70px 0 10px 0;
    justify-content: center;
    text-transform: uppercase;
    flex-direction: column;
}
main .block_div > h3 span {
    font-weight: 400;
    font-size: 20px;
}

main .block_div .content  {
    padding:80px 50px;
}
main .block_div.bulk .content  {
    justify-content: space-between;
    align-items: stretch;
}
main .block_div .content > .block_text {
    padding:0 100px 0 0;
}
main .block_div.blog_page .content > .block_text {
    padding:0;
    text-align: center;
}
main .block_div .content > .block_image + .block_text {
    padding:0 0 0 100px;
}

main .block_div.second .content > .block_text {
    padding:0 100px 0 0;
}
main .block_div .content > .block_text h3 {
    font-size: 35px;
    font-weight: 700;
    width: 100%;
    display: block;
    float: left;
    margin-bottom:20px;
}

main .block_div .content > .block_text h4 {
    color:#ff375c;
    font-size: 24px;
    font-weight: 400;
    width: 100%;
    display: block;
    float: left;
    margin-bottom:10px;
}
main .block_div .content > .block_text p {
    color: #2a3275;
    font-size: 20px;
    line-height: 30px;
    width: 100%;
    display: block;
    float: left;
    margin-bottom:20px;
}
main .block_div .content > .block_text p:after {
    content: "";
    display: table;
}


main .block_div .content > .block_image img {
    display: block;
    max-width: 100%;
    height: auto;

    /* Make sure the element has rounded corners */
    border-radius: 8px;

    /* Apply the canvas effect using multiple box-shadow layers */
    box-shadow:
        /* The inner white shadow, simulating the canvas side */
        0 0 0 10px white,
            /* The soft, diffused drop shadow for depth */
        0 20px 40px rgba(0, 0, 0, 0.15);
}




main .block_div .content > .block_image video {
    min-height: 100%;
    max-width: 320px;
    border: 12px solid #fff;
    border-radius: 8px;
    box-shadow: 0 6px 14px rgb(0 0 0 / 6%);
}

main .block_div .content > .block_text .step {
    color:#ff375c;
    text-transform: uppercase;
    font-size:22px;
    margin-bottom:20px;
    display: flex;
    align-items: center;
}

main .block_div .content > .block_text .step i{
    font-style: normal;
    color:#fff;
    background: #ff375c;
    width:35px;
    height:35px;
    font-size:16px;
    font-weight: 600;
    border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left:15px;
}

main .block_div .content .bulk-item {
    border: 12px solid #fff;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 6px 14px rgb(0 0 0 / 6%);
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 30%;
    width: 30%;
}
main .block_div .content .bulk-item img {
    max-width: 100%;
    width: 100%;
}

main .block_div .content .bulk-item .text{
    width: 100%;
    padding:20px 0 10px 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}
main .block_div .content .bulk-item .text span{
    font-size: 20px;
    font-weight: 600;
    padding-bottom:5px;
}
main .block_div .content .bulk-item .text span small{
    font-weight: 400;
}


/* recomendation */
.recom_div {
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    padding: 80px 0;
}

.recom_div .recom_text {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin:0 auto;
}
.recom_div .recom_text h2 {
    font-size: 38px;
    font-weight: 700;
    padding:10px 0
}

.recom_div .recom_text img{
    margin: auto;
    width: 50%;
}





main .gift_div {
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
} 

main .gift_div .content {
    max-width: 1200px;
    padding: 80px 0;
} 

main .gift_div .content > .gift_text {
    padding: 0 20px 0 100px;
    max-width: 60%;
    margin-left: auto;
}
main .gift_div .content .gift_image img {
    width: 280px;
    height: 280px;
    -webkit-transform:rotate(-11deg);
    transform: rotate(-11deg);
    position: relative;
    z-index: 1;
}

main .gift_div .content > .gift_text h3 {
    font-size: 35px;
    font-weight: 700;
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 20px;
}

main .gift_div .content > .gift_text p {
    color: #2a3275;
    font-size: 22px;
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 20px;
}

main .info_div .content {
    position: relative;
    z-index: 1;
    display: flex;
    max-width: 800px;
    padding: 80px 0;
} 

main .info_div .content > .info_text h3 {
    font-size: 30px;
    font-weight: 700;
    width: 100%;
    display: block;
    float: left;
    margin: 10px 0;
}

main .info_div .content > .info_text p {
    color: #2a3275;
    font-size: 18px;
    line-height: 26px;
    width: 100%;
    display: block;
    float: left;
}
main .info_div .content > img {
    width: 140px;
    margin-right:5%
}



main .page_div {
    display: flex;
    background: #fbf1f0;
    padding: 30px;
    flex-direction: column; 
    align-items: flex-start;
}
main .page_div .content{
    flex-direction: column; 
    align-items: flex-start;
    padding: 60px 25px;
    font-size: 18px;
    line-height: 26px;
}
main .page_div h1 {
    font-size: 35px;
    font-weight: 500;
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 20px;
}

main .page_div h3 {
    font-weight: 600;
}


main .gift_div .gift_video {
    display: flex;
    order: 2;
    width: 450px;
    max-width: 450px;
}

main .gift_div .gift_description {
    display: flex;
    flex-direction: column;
    order: 1;
    max-width: 500px;
    margin: 0 auto;
    white-space: pre-line;
}

main .gift_div .gift_description .title {
    font-size: 44px;
    line-height: 44px;
    font-weight: 800;
    color: #444f56;
    padding-bottom: 20px;
}





/*Gift page*/
.gift_page {
    width: 100%;
    min-height: 100%;
    margin:0 auto;
    display: flex;
    flex-direction: row;
    background: #f9f5f4;
}
.gift_page .w50 {
    position: relative;
    z-index: 1;
}
.gift_page .w50 .content{
    display: flex;
    margin:0;
    flex-direction: column!important;
}
.gift_page .w50:nth-child(1) .content{
    margin-left:auto!important
}
.gift_page .w50 .back {
    position: absolute;
    top: 30px;
    width: 100%;
    right: 0;
    padding-left: 25px;
    max-width: 725px!important;
    display: flex;
}
.gift_page .w50 .back a {
    width: 25px;
    height:25px;
    text-decoration: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.gift_page .w50 .back a:hover {
    opacity:0.5
}
.gift_page .w50 .back img{
    width: 25px;
    height:25px;;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}


.gift_page .w50:nth-child(2) {
    background: #fff;
}
.gift_page .w50:nth-child(2) .content{
    margin-right:auto!important;
    align-items: initial;
    padding: 50px;
}

.gift_page #logo img {
    width: 100%;
}
.gift_page > div:nth-child(1){
    padding-right: 0%;
    display: flex;
    flex-direction: column;
    padding-top: 6.3%;
}

.gift_page > div:nth-child(2){
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.gift_page .flipper {
    -webkit-perspective: 800px;
    perspective: 800px;
    width: 100%;
    max-width: 480px;
    float:left;
    position: relative;
    z-index: 1;
}
.gift_page .flipper img {
    box-shadow: 0 35px 50px -30px rgb(0 0 0 / 40%);
    border-radius:6.5%;
    overflow: hidden;
}

.gift_page .delivered {
    width:100%;
    float:left;
    text-align: center;
    opacity: 0.6;
    font-size: 15px;
    position: relative;
    margin-top: 10px;
    z-index: 1;
}
.gift_page .w50 .content h1 {
    font-size: 35px;
    font-weight: 700;
    display: block;
    float: left;
    padding: 0 0 30px 0;
    width: 100%;
}

.gift_page .w50 .content > span {
    font-size: 20px;
    font-weight: 700;
    display: block;
    float: left;
    padding:0 0 10px 0;
    width: 100%;
}

.gift_page .w50 .content > ul {
    width: 100%;
    float:left;
    font-size: 15px;
}

.gift_page .w50 .content > ul li {
    width:100%;
    float:left;
    padding-bottom:10px;
}

.gift_page  h3, .gift_pack > h3 {
    display: flex;
    align-items: center;
    margin: 20px 0 10px 0;
    line-height: inherit;
    font-weight: 500;
    width:100%;
    float: left;
}

.gift_page h3 {
    font-weight: 600;
    width:100%;
    float:left;
    line-height: 36px;
    font-size: 18px;
}


.tile-type .radio {
    width:100%;
    float:left;
    font-size: 18px;
}
.tile-type .radio:first-of-type {
    margin-bottom: 15px;
}
.tile-type .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.tile-type .radio input[type="radio"] + .radio-label {
    cursor: pointer;
}
.tile-type .radio input[type="radio"] + .radio-label:before {
    content: "";
    font-size: 22px;
    border-radius: 100%;
    border: 1px solid #C4C4C3;
    display: inline-block;
    width: 1em;
    height: 1em;
    position: relative;
    top:-2px;
    margin-right: 10px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
  }
.tile-type .radio input[type="radio"]:checked + .radio-label:before {
    background-color: #125BFE;
    box-shadow: inset 0 0 0 4px #fff;
}

.number-tiles {
    display:none;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    position: relative;
    z-index: 1;
}
.number-tiles.active {
    display: flex;
}



.number-tiles .form-group {
    width:32%;
    margin-bottom: 14px;
}

.number-tiles .form-group input[type="radio"] {
    opacity: 0;
    width: 0;
    height: 0;
}
.number-tiles .form-group label {
    padding:18px 10px;
    border-radius:4px;
    border:2px solid #C4C4C3;
    background: #fff;
    margin: 0;
    height: 100%;
    cursor: pointer;
    display: block;
    transition: all 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
}
.number-tiles .form-group div {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.number-tiles .form-group label h4 {
    text-align: center;
    font-weight: 600;
    width: 100%;
    float: left;
    padding:0 0 6px 0;
    font-size: 20px;
    opacity: 0.8;
}

.number-tiles .form-group input[type="radio"]:checked ~ label  {
    border-color: #125BFE!important;
    background:rgba(18, 91, 254, 0.05);
}
.number-tiles .form-group label span {
    display: block;
    font-weight: 700;
    font-size: 15px;
    position: relative;
    z-index: 1;
}
.number-tiles .form-group label span:nth-child(2) {
    opacity: 0.5;
    font-weight: inherit;
}
.number-tiles .form-group label span:nth-child(2):before {
    content: "";
    border-bottom: 1px solid red;
    position: absolute;
    left: 0%;
    top: 0;
    width: 100%;
    height: 50%;
    transform: rotate(-20deg);
    -webkit-transform: rotate(-20deg);
    z-index: 10;
}

.number-tiles .form-group label span:nth-child(1){
    font-weight: 500;
    color: #090f45;
    margin-right: 10px;
}

.contact-info .form-group  {
    margin-bottom: 20px;
}


.contact-info .form-group.inline  {
    width: 100%!important;
    justify-content: space-between;
} 
.contact-info .form-group.inline .row  {
    width: 49%!important;
} 

.contact-info .form-group .row {
    border-radius:4px;
    border:2px solid #C4C4C3;
    padding: 10px 10px 8px 10px;
    transition: all 0.3s ease-in-out;
}
.contact-info .form-group .row.active {
    border-color: #125BFE;
}
.contact-info .form-group .row.error {
    border-color: #ff0000;
}


.contact-info .form-group .row input, 
.contact-info .form-group .row textarea {
    border: 0;
    padding: 0;
    box-shadow: none;
}
.contact-info .form-group label {
    font-size:13px;
    margin-bottom: 5px;
    pointer-events:none;
    user-select: none;
}


.choose-delivery {
    width:100%;
    float:left;
}
.choose-delivery .row {
    width:100%;
    float:left;
}
.choose-delivery .radio div {
    float:left;
    margin-right:20px;
}

.choose-delivery .radio input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.choose-delivery .radio input[type="radio"] + label {
    cursor: pointer;
}
.choose-delivery .radio input[type="radio"] + label:before {
    content: "";
    font-size: 22px;
    border-radius: 100%;
    border: 2px solid #C4C4C3;
    display: inline-block;
    width: 1em;
    height: 1em;
    position: relative;
    top:-2px;
    margin-right: 10px;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all 250ms ease;
  }
.choose-delivery .radio input[type="radio"]:checked + label:before {
    background-color: #125BFE;
    box-shadow: inset 0 0 0 4px #fff;
}

.choose-delivery .form-group .date .row {
    border-radius: 4px;
    border: 2px solid #C4C4C3;
    padding: 10px 10px 8px 10px;
    transition: all 0.3s ease-in-out;
}
.choose-delivery .form-group .date .row.active {
    border-color: #125BFE!important;
}
.choose-delivery .form-group .date .row input {
    border: 0;
    padding: 0;
    box-shadow: none;
}
.choose-delivery .form-group .date .row label {
    font-size: 13px;
    margin-bottom: 5px;
    pointer-events:none;
    user-select: none;
}
.choose-delivery .form-group .date .row label small {
    position: relative;
    top:14px;
}
.choose-delivery .form-group .date .delivery-info {
    margin-top:10px;
    border-radius:4px;
    background:#f4f4f4;
    display: flex;
    align-items: center;
    font-size:14px;
    padding:12px;
}
.choose-delivery .form-group .date .delivery-info img {
    margin-right: 10px;
}

.gift_page .action-btn {
    width: 100%;
}

.gift_page h5 {
    width: 100%;
    float: left;  
    font-size:13px; 
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gift_page h5 img {
    width: 27px;
    max-width: 27px;
    margin-right: 5px;
}

.gift_page h6 {
    width: 100%;
    float: left;  
    font-size:15px; 
    text-align: center;
    margin: 0 0 20px 0;
    padding:0;
    display: flex;
    align-items: center;
    justify-content: center;
}


/* get_started */
.get_started {
    width:100%;
    height: 100%;
    min-height:100vh;
    float:left;
    position: relative;
    z-index: 1;
    overflow: hidden;
    overflow-y: scroll;
}


.get_started > .content {
    min-height: calc(100vh - 200px);
    /* height: 100%; */
    flex-direction: column;
    -webkit-flex-direction: column;
    margin: auto;
    justify-content: center;
    -webkit-justify-content: center;
}

.get_started_top {
    width:100%;
    display: flex;
    -webkit-display:display;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;   
    padding: 24px 0;
    color:#090f45;
    font-size: 16px;
}
.get_started_top .counter {
    padding: 3px 20px;
    border-radius: 40px;
    letter-spacing: 4px;
    font-weight: 500;
    border: 2px solid #090f45;
    margin: 0 auto;
}
.get_started_top .back {
    width: 25px;
    height: 25px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    cursor: pointer;
}
.get_started_top .menu_open {
    width: 32px;
    height: 32px;
    cursor: pointer;
}
.get_started_top .back img, 
.get_started_top .menu_open img {
    width: 100%;
    height: 100%;
}

.get_started .get_started_wrapper {
    width: 100%;
    /* height: 100%; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    z-index: 2;
}


.get_started_options  {
    width:100%;
    float: left;
    position: relative;
    z-index: 1;
    display: none;
}

.get_started_options > h2 {
    opacity: 0;
    transform: scale(1.1);
    transition: all .3s;
    font-size: 34px;
    font-weight: 700;
    color: #090f45;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    margin: 0 auto;
}


.get_started_options > .subtitle {
    display: block;
    opacity: 0;
    transform: scale(1.1);
    transition: all .3s;
    font-size: 20px;
    padding:10px 0 0 0;
    color: #090f45;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.get_started_options > h2 img {
    width:51px;
    height:53px;
    margin-right:10px;
}

.get_started_options .get_started_options_items  {
    width:100%;
    display: flex;
    justify-content: center;
    font-size: 18px;
    margin: 40px 0 0 0;
}
.get_started_options .skip {
    display: flex;
    flex-direction: column;
    padding:0 20px 40px 20px;
    align-items: center;
    margin-top: 20px;
}
.get_started_options .skip button {
    padding:20px;
    background-color: #ff375c;
    color:#fff;
    font-size: 20px;
    font-weight: 400;
    width:260px;
    max-width:260px;
    border-radius: 4px;
    transition: box-shadow .3s;
    margin:20px 0;
}

.get_started_options .skip button:hover {
    box-shadow: 0 3px 12px rgb(0 0 0 / 30%);
}

.get_started_options .skip a {
    color:#ff375c;
    text-decoration: none;
    font-size: 18px;
}
.get_started_options .skip.glass a {
    color:#125bfe;
}
.get_started_options .skip a:hover {
    color: #090f45;
    text-decoration: underline;
}

.get_started_options .get_started_options_items .get_started_options_item  {
    opacity: 0;
    transition: all .3s;
    transform: scale(.85);
    width: 300px;
    margin: 0 2%;
    background: #fff;
    border-radius: 5px;
    padding: 35px;
    font-size: 16px;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    cursor: pointer;
    overflow: hidden;
    box-shadow: 0 9px 11px 0 rgb(0 0 0 / 10%);
    text-decoration: none;
}
.get_started_options .get_started_options_items .get_started_options_item.no-padding  {
    padding: 0;
    cursor: inherit;
    width: 300px;
    justify-content: space-between;
}
.get_started_options .get_started_options_items .get_started_options_item.no-padding .text  {
    padding: 20px;
}
.get_started_options .get_started_options_items .get_started_options_item.no-padding .text span {
    font-size:20px;
    font-weight: 600;
    padding-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.get_started_options .get_started_options_items .get_started_options_item.no-padding .text span small {
    font-size: 20px;
    display: block;
    padding:0 0 0 5px;
    font-weight: 400;
}
.get_started_options .get_started_options_items .get_started_options_item.no-padding .text h4 {
    font-size:18px;
    font-weight:400;
}
.get_started_options .get_started_options_items .get_started_options_item.glass .text h4  {
    font-size: 17px;
}
.get_started_options .get_started_options_items .get_started_options_item.no-padding .text h4 b {
    color:#ff375c
}

.get_started_options.step2 .get_started_options_items .get_started_options_item {
    width: 500px;
    padding: 35px;
    cursor: inherit;
}
.get_started_options .get_started_options_items .get_started_options_item h3 {
    font-size: 24px;
    padding-top: 10px;
    font-weight: 600;
    color: #090f45;
}
.get_started_options .get_started_options_items .get_started_options_item  p {
    text-align: center;
}
.get_started_options .get_started_options_items .get_started_options_item  h2 {
    font-size: 24px;
    font-weight: 900;
    padding-bottom: 20px;
    color: #090f45;
}

.get_started_options .get_started_options_items .get_started_options_item label {
    font-size: 18px;
    padding-bottom: 15px;
    text-align: left;
    display: block;
    width:100%;
    float:left;
    color: #090f45;
}

.get_started_options .get_started_options_items .get_started_options_item input[type="text"] {
    padding:18px;
    font-size: 16px;
    border:1px solid #e9ecef;
    background-color: #fbf1f0;
    width:100%;
    border-radius: 4px;
    transition: border-color 0.3s ease-in-out;
}
.get_started_options .get_started_options_items .get_started_options_item input[type="text"]:focus {
    border:1px solid #ced2d7;
}
.get_started_options .get_started_options_items .get_started_options_item .error {
    display:none;
    color: #ff0000;
    font-size: 16px;
    padding-top: 10px;
}
.get_started_options .get_started_options_items .get_started_options_item button {
    padding:20px;
    background-color: #ff375c;
    color:#fff;
    font-size: 20px;
    font-weight: 400;
    width:100%;
    border-radius: 4px;
    transition: box-shadow .3s;
    margin-top:20px;
}
.get_started_options .get_started_options_items .get_started_options_item button.glass {
    background-color: #125bfe;
}


.get_started_options .get_started_options_items .get_started_options_item.no-padding button {
    padding: 12px;
    margin-top: 18px;
}

.get_started_options .get_started_options_items .get_started_options_item small {
    font-size: 14px;
    display: block;
    padding: 15px 0 0 0;
    line-height: 18px;
    text-align: center;
}
.get_started_options .get_started_options_items .get_started_options_item img {
    width:120px;
    pointer-events: none;
}
.get_started_options .get_started_options_items .get_started_options_item.no-padding img {
    width:100%;
    max-width: 100%;
}
.get_started_options .get_started_options_items .get_started_options_item.no-padding svg {
    display: none;
    opacity: 0.5;
}

.get_started_options .get_started_options_items .get_started_options_item .links {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    padding-top: 10px;
    color: #444f56;
}
.get_started_options .get_started_options_items .get_started_options_item .links a {
    color: #444f56;
    text-decoration: none;
}
.get_started_options .get_started_options_items .get_started_options_item .links a:hover {
    color: #8c9593;
    text-decoration: underline;
}
.get_started_options .get_started_options_items .get_started_options_item .links span {
    padding:0 5px
}

.get_started_options .get_started_options_items .get_started_options_item button:hover {
    box-shadow: 0 3px 12px rgb(0 0 0 / 30%);
}
.get_started_options.active  {
    display: block;
}
.get_started_options.active > h2,
.get_started_options.active > .subtitle,
.get_started_options.active .get_started_options_items .get_started_options_item {
    animation-name: fade-scale;
    animation-duration: .4s;
    animation-iteration-count: 1;
    animation-fill-mode: none, backwards;
    opacity: 1;
    transform: scale(1);
}
.get_started_options.active .get_started_options_items .get_started_options_item > div {
    width:100%;
    text-align: center;
    text-decoration: none;
}
.get_started_options.active .get_started_options_items .get_started_options_item:not(.no-padding) > div {
    pointer-events: none;
    color: #090f45;
}

.get_started_options .get_started_options_items .get_started_options_item.glass:hover  {
    backface-visibility: hidden;
    transform: scale(1.07);
    -webkit-font-smoothing: subpixel-antialiased;
    color: #090f45;
}
@keyframes fade-scale {
    0% {opacity: 0; transform: scale(.85);}
    100% {opacity: 1; transform: scale(1);}
}
@-webkit-keyframes fade-scale {
    0% {opacity: 0; transform: scale(.85);}
    100% {opacity: 1; transform: scale(1);}
}

.backdrop {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    opacity: 0;
    z-index: 100; 
    position: fixed;
    align-items: center;
    justify-content: center;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.3);
    transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    -webkit-tap-highlight-color: transparent;
}
.backdrop.active {
    pointer-events: all;
    opacity: 1;
}

.backdrop .menu {
    top: 0;
    right: -400px;
    height: 100%;
    display: flex;
    z-index: 1200;
    width: 420px;
    position: fixed;
    background: #fff;
    overflow: hidden;
    overflow-y: auto;
    flex-direction: column;
    /* -webkit-overflow-scrolling: touch; */
    transition: box-shadow .3ms cubic-bezier(0.4, 0, 0.2, 1), right .3s cubic-bezier(0.4, 0, 0.2, 1);
}

.backdrop.active .menu {
    right: 0;
    box-shadow: 0 3px 40px 0 rgb(0 0 0 / 40%);
}

.backdrop .menu .menu_top {
    width: 100%;
    height: 62px;
    text-align: left;
    padding-left: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #f2f2f2;
}
.backdrop .menu .menu_top #logo {
    width: 110px;
    display: block;
    position: relative;
    z-index: 1;
}

.backdrop .menu .menu_top > span {
    line-height: 50px;
    font-size: 22px;
    font-weight: 600;
    display: block;
    position: relative;
    z-index: 1;
}

.backdrop .menu .menu_top #logo img {
    width: 100%;
    display: block;
}

.backdrop .menu .menu_top .close {
    position: absolute;
    right:20px;
    padding:5px;
    z-index: 10;
}

.backdrop .menu ul {
    margin:15px 0;
}
.checkout_backdrop .menu ul {
    margin:0;
    padding-bottom: 10px;
    margin: 5px 0;
    border-bottom: 1px solid #f2f2f2;
}

.backdrop .menu ul, 
.backdrop .menu ul li {
    width:100%;
    float:left;
    position: relative;
    z-index: 1;
}

.backdrop .menu ul li {
    display: block;
}


.backdrop .menu ul li a, .backdrop .menu ul li span{
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 18px;
    font-weight: 600;
    padding: 10px 25px;
    text-decoration: none;
    color: #090f45;
    transition: color .3s;
    -webkit-transition: color .3s;
}

.backdrop  .menu ul li label span {
    font-size:12px!important;
    padding:0;
    font-weight: initial;
    color: #ff375c;
    display: flex;
} 

.backdrop  .menu ul li label span img {
    margin-left: 5px;
    width: 17px;
    height: 17px;
}

.backdrop .menu ul li a span {
    padding: 0;
}


.backdrop .menu ul li .sub-menu li a {
    font-weight: 500;
}

.backdrop .menu ul li span img {
    margin-left: 10px;
    width: 18px;
}

.checkout_backdrop .menu ul li a {
    color: #ff375c;
}
.backdrop .menu ul li a svg{
    width:36px;
    height:auto;
    margin-right: 20px;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.backdrop .menu ul li a:hover, 
.backdrop .menu ul li a.active {
    color: #ff375c;
}
/* .backdrop .menu ul li a:hover svg, 
.backdrop .menu ul li a:hover svg * {
    fill: #ff375c!important;
} */

.checkout_backdrop .menu ul li a svg{
    width: 40px;
    height: auto;
    margin-right: 10px;
    margin-left: -6px;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.checkout_backdrop .menu ul li a svg, .checkout_backdrop .menu ul li a span{
    pointer-events: none;
}
.checkout_backdrop .menu ul li a.active {
    color:#090f45
}

.checkout_backdrop .menu ul li a.active svg, .checkout_backdrop .menu ul li a.active svg path{
    fill:#090f45!important
}

.checkout_backdrop .menu ul li .shippingExpress {
    display: flex;
    flex-direction: column;
    padding: 0 25px 0 69px;
    font-size: 12px;
}
.checkout_backdrop .menu ul li .shippingExpress .title {
    font-weight: 600;
    font-size: 16px;
    color:#090f45;
    padding-bottom: 3px;
    display: flex;
    justify-content: space-between;
    opacity: .6;
}
.checkout_backdrop .menu ul li .shippingExpress .description {
    font-size: 13px;
}
.checkout_backdrop .menu ul li .shippingExpress label {
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 1;
    margin-bottom: 15px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.checkout_backdrop .menu ul li .shippingExpress label:after {
    content:"";
    position: absolute;
    top: 5px;
    left: -40px;
    width:22px;
    height:22px;
    border: 1px solid #090f45;
    border-radius: 25px;
    background-color: #fff;
}

.checkout_backdrop .menu ul li .shippingExpress input:checked + label:after {
    background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23ff375c' fill-rule='nonzero'/%3E%3C/svg%3E ");
    background-repeat: no-repeat;
    background-position: 1px 2px;
    background-color: #ffe7eb;
    border-color: #ff375c;
}
.checkout_backdrop .menu ul li .shippingExpress input:checked + label .title {
    opacity: 1;
}
.backdrop .menu ul li a img {
    width:30px;
    margin-right:15px;
    object-fit: scale-down;
    position: relative;
    bottom: -1px;
}

.backdrop .menu .menu_bottom {
    border-top: 1px solid #f2f2f2;
    width:100%;
    padding:20px;
    align-self: flex-start;
    margin-top: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.backdrop .menu .menu_bottom a {
    display: block;
    margin:0 10px;
    font-size: 16px;
    color: #444f56;
    text-decoration: none;
}
.backdrop .menu .menu_bottom a:hover {
    text-decoration: underline;
}


/*Review Upload*/
.path {
    width:100%;
    padding: 0 20px;
    height: 78px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    overflow: hidden;
    z-index: 10;
    background: #fff;
    box-shadow: 0 6px 14px rgb(0 0 0 / 6%);
}
.path #logo {
    height: 100px;
    display: flex;
    overflow: hidden;
}
.path #logo img {
    width: 180px;
    height: 100%;
}

.path .backIcon, .path .menuIcon, .menu_top .close{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background: transparent;
    cursor: pointer;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
}
.menuIcon img {
    max-width: 32px;
    width: 32px;
    height: 32px;
}

.path .backIcon img{
    width: 25px;
    height: 25px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.path .backIcon:hover, .path .menuIcon:hover, .menu_top .close:hover {
    opacity:0.5!important
}

.uploadWrapper {
    width: 100%;
    height: 100%;
    padding: 0 30px;
    display: flex;
    flex-direction: row;
    position: relative;
    z-index: 1;
    margin:78px auto 0 auto
}


.uploadWrapper .uploadPlaceholder {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
}
.uploadWrapper .uploadPlaceholder .emptyUpload {
    margin: auto;
    position: relative;
    z-index: 1;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: center;
    -webkit-justify-content:center;
    padding-bottom:70px;
}
.uploadWrapper .uploadPlaceholder .emptyUpload h2 {
    font-size: 30px;
    font-weight: 600;
    text-align: center;
    display: block;
    padding-bottom: 30px;
}

.uploadWrapper .uploadPlaceholder .emptyUpload .mobUpload {
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.uploadWrapper .uploadPlaceholder .emptyUpload .mobUpload .circle {
    width: 100px;
    height: 100px;
    padding: 28px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 14px rgb(0 0 0 / 7%);
}

.uploadWrapper .uploadPlaceholder .emptyUpload .mobUpload .circle svg {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;;
}






.uploadWrapper .uploadPlaceholder .frameNavigation .mobUpload {
    align-items: center;
    justify-content: center;
    cursor: pointer;
    display: none;
    position: absolute;
    top: -90px;
    right: 20px;
    z-index: 1000;
}

.uploadWrapper .uploadPlaceholder .frameNavigation .mobUpload .circle {
    width: 70px;
    height: 70px;
    padding: 20px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 8px 14px rgb(0 0 0 / 7%);
}

.uploadWrapper .uploadPlaceholder .frameNavigation .mobUpload .circle svg {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;;
}


/*Upload desktop*/
.uploadWrapper .uploadPlaceholder .emptyUpload .desktopUpload {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1;
}
.uploadWrapper .uploadPlaceholder .emptyUpload .desktopUpload > span {
    padding:15px;
    font-size: 16px;
    color:#666
}
.uploadWrapper .uploadPlaceholder .emptyUpload .desktopUpload div {
    display: flex;
    flex-direction: column;
    font-size:15px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    border:2px solid #fff;
    padding:30px 0;
    background: #fff;
    border-radius: 6px;
    position: relative;
    z-index: 1;
    box-shadow: 0 4px 7px hsl(0deg 0% 50% / 17%);
    transition: background-color .3s, box-shadow .3s, border-color .3s;
    -webkit-transition: background-color .3s, box-shadow .3s, border-color .3s;
    cursor: pointer;
    width: 220px;
    height: 150px;
    text-align: center;
    overflow: hidden;
}
.uploadWrapper .uploadPlaceholder .emptyUpload .desktopUpload div:hover {
    background: #fbf1f0;
    box-shadow: 0 15px 20px rgb(0 0 0 / 6%), 0 4px 7px hsl(0deg 0% 50% / 17%);
    border:2px solid #ff375c;
}


.uploadWrapper .uploadPlaceholder .emptyUpload .desktopUpload div img{
    width:50px;
    margin-top: 5px;
    margin-bottom: 14px;
    pointer-events: none;
}
.uploadWrapper .uploadPlaceholder .emptyUpload .desktopUpload div:first-child img{
    width:90px;
    margin-top: -20px;
    margin-bottom:0;
}
.uploadWrapper .uploadPlaceholder .emptyUpload .desktopUpload div span {
    position: relative;
    z-index: 1;
    pointer-events: none;
}

.uploadWrapper .uploadPlaceholder .emptyUpload .desktopUpload div input {
    position: absolute;
    top: 0;
    right: 0;
    left:0;
    bottom:0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}



/*Upload grid*/
.uploadWrapper .uploadPlaceholder .filledUpload {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    display:none;
    padding: 30px 0;
    /* transition: all .3s;
    -webkit-transition: all .3s; */
    will-change: auto;
    width:100%;
    max-width: calc(100% - 407px);
}


.uploadWrapper .uploadPlaceholder .filledUpload .tile {
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    display: flex;
    /* width: 264px;
    height: 264px; */
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
    position: relative;
    z-index: 2;
    margin-right: 1.8%;
    margin-bottom: 1.8%;
    cursor: pointer;
    pointer-events: none;
    transform-origin: center;
    will-change: transform, scroll-position, width, opacity, contents;
    /* -webkit-transition: 0.1s border-width ease;
    -moz-transition: 0.1s border-width ease;
    transition: 0.1s border-width ease; */
    background-image: linear-gradient(to right bottom, #f6f6f6, #f6f6f6, #ffffff, #ffffff, #ffffff);
    border-width:14px;
    border-style: solid;
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType="frameless"] {
    border-color: #1c1c1c;
    box-shadow: -1px 1px 1px 0px #393939,
        -2px 2px 1px 0px #393939,
        -3px 3px 1px 0px #393939,
        -4px 4px 1px 0px #393939,
        -5px 5px 1px 0px #393939,
        -6px 6px 1px 0px #393939,
        -7px 7px 1px 0px #393939,
        inset 0 2px 12px rgba(0,0,0,.1)
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType="white"] {
    border-color:#fff;
    box-shadow: -1px 1px 1px 0px #e0e0e0,
        -2px 2px 1px 0px #e0e0e0,
        -3px 3px 1px 0px #e0e0e0,
        -4px 4px 1px 0px #e0e0e0,
        -5px 5px 1px 0px #e0e0e0,
        -6px 6px 1px 0px #e0e0e0,
        -7px 7px 1px 0px #e0e0e0,
        inset 0 0px 8px rgba(0,0,0,.1)
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType="canvas"] {
    position: relative;
    display: inline-block;
    width: 400px;
    height: 400px;
    margin-bottom: 20px;
    clip-path: polygon(0.70% 0.37%, 0.43% 0.74%, 0.43% 96.10%, 0.70% 96.83%, 2.53% 99.04%, 2.80% 99.26%, 99.52% 99.26%, 99.73% 99.04%, 99.78% 3.46%, 99.52% 2.72%, 99.35% 2.72%, 98.11% 1.03%, 97.90% 0.96%, 97.74% 0.59%, 97.41% 0.52%, 97.41% 0.37%, 0.70% 0.37%);    background-image: repeating-linear-gradient(
        45deg,
        #fdfdfd,
        #fdfdfd 10px,
        #f8f8f8 10px,
        #f8f8f8 20px
    );
    border: none;



}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType="canvas"]::before {
    content: " ";
    position: absolute;
    background: transparent;
    /*opacity: 0.2;*/
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url('../../images/tiles/canvas/canvas_3d.webp') no-repeat center center;
    background-size: cover;
    background-position: right bottom;
    opacity:1;
    mix-blend-mode: multiply;
}


.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType="canvas"]::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    z-index: 2;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType="canvas"] .preview {
    position: relative;
    display: inline-block;
    background-color: #fff;
    border: 1px solid #ddd;

}


.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType="canvas"] .preview::after {
    /* The pseudo-element that creates the grain effect */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;

    /* // Canvas effect */
    border-image-source: url('../../images/tiles/canvas/canvas_texture.webp');
    border-image-slice: 0 fill;
    mix-blend-mode: multiply;
    transform: scale(1.45);
}



.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType="wood"] {
    border-color:#e5bf93;
    box-shadow: -1px 1px 1px 0px #cdad88,
        -2px 2px 1px 0px #cdad88,
        -3px 3px 1px 0px #cdad88,
        -4px 4px 1px 0px #cdad88,
        -5px 5px 1px 0px #cdad88,
        -6px 6px 1px 0px #cdad88,
        -7px 7px 1px 0px #cdad88,
        inset 0 0px 8px rgba(0,0,0,.1)
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType="walnut"] {
    border-color:#864838;
    box-shadow: -1px 1px 1px 0px #443327,
        -2px 2px 1px 0px #443327,
        -3px 3px 1px 0px #443327,
        -4px 4px 1px 0px #443327,
        -5px 5px 1px 0px #443327,
        -6px 6px 1px 0px #443327,
        -7px 7px 1px 0px #443327,
        inset 0 0px 8px rgba(0,0,0,.1)
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_8x8"][data-frameType="canvas"]::before,
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_11x14"][data-frameType="canvas"]::before
{
    background-size: 200% 160%;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_14x11"][data-frameType="canvas"]::before {
    background-size: 140% 160%;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_12x12"][data-frameType="canvas"]::before {
    background-size: 140% 160%;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_20x20"][data-frameType="canvas"]::before {
    background-size: 110% 120%;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_20x40"][data-frameType="canvas"]::before,
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_40x20"][data-frameType="canvas"]::before
{
    background-size: 100% 100%;
    bottom: -2px;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_40x20"][data-frameType="canvas"]::before
{
    background-size: 100% 100%;
    left: 3px;
}

/*.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_32x24"][data-frameType="canvas"]::before  {*/
/*    background-size: 130% 180%;*/
/*}*/

/*.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x32"][data-frameType="canvas"]::before  {*/
/*    background-size: 240% 140%;*/
/*}*/
/*.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x32"][data-frameType="canvas"] {*/
/*    clip-path: polygon(0.7% 0.37%, 0.43% 0.74%, 0.43% 96.1%, 0.7% 96.83%, 2.53% 99.04%, 2.8% 99.26%, 99.52% 99.26%, 99.73% 99.04%, 99.78% 3.46%, 100% 1.97%, 94.87% 0.01%, 94.75% 0%, 93.5% 0%, 91.89% 0%, 89.57% 0.01%, 0.7% 0.37%);*/
/*    background-color: #000000*/
/*}*/


/*.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_40x20"][data-frameType="canvas"]::before  {*/
/*    background-size: 150% 230%;*/
/*}*/

/*.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_20x40"][data-frameType="canvas"]::before  {*/
/*    background-size: 270% 140%;*/
/*}*/
/*.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_20x40"][data-frameType="canvas"] {*/
/*    clip-path: polygon(0.7% 0.37%, 0.43% 0.74%, 0.43% 96.1%, 0.7% 96.83%, 2.53% 99.04%, 2.8% 99.26%, 99.52% 99.26%, 99.73% 99.04%, 99.78% 3.46%, 100% 1.97%, 94.87% 0.01%, 94.75% 0%, 93.5% 0%, 91.89% 0%, 89.57% 0.01%, 0.7% 0.37%);*/
/*    background-color: #000000*/
/*}*/


.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_12x12"][data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_16x12"][data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_12x16"][data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_12x12"][data-frameType="frameless"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_16x12"][data-frameType="frameless"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_12x16"][data-frameType="frameless"]  {
    border-color: #1c1c1c;
    box-shadow: -1px 1px 1px 0px #393939,
        -2px 2px 1px 0px #393939,
        -3px 3px 1px 0px #393939,
        -4px 4px 1px 0px #393939,
        -5px 5px 1px 0px #393939,
        -6px 6px 1px 0px #393939,
        inset 0 2px 12px rgba(0,0,0,.1)
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_12x12"][data-frameType="white"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_16x12"][data-frameType="white"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_12x16"][data-frameType="white"] {
    border-color:#fff;
    box-shadow: -1px 1px 1px 0px #e0e0e0,
        -2px 2px 1px 0px #e0e0e0,
        -3px 3px 1px 0px #e0e0e0,
        -4px 4px 1px 0px #e0e0e0,
        -5px 5px 1px 0px #e0e0e0,
        -6px 6px 1px 0px #e0e0e0,
        inset 0 0px 8px rgba(0,0,0,.1)
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_12x12"][data-frameType="wood"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_16x12"][data-frameType="wood"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_12x16"][data-frameType="wood"] {
    border-color:#e5bf93;
    box-shadow: -1px 1px 1px 0px #cdad88,
        -2px 2px 1px 0px #cdad88,
        -3px 3px 1px 0px #cdad88,
        -4px 4px 1px 0px #cdad88,
        -5px 5px 1px 0px #cdad88,
        -6px 6px 1px 0px #cdad88,
        inset 0 0px 8px rgba(0,0,0,.1)
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_12x12"][data-frameType="walnut"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_16x12"][data-frameType="walnut"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_12x16"][data-frameType="walnut"] {
    border-color:#864838;
    box-shadow: -1px 1px 1px 0px #443327,
        -2px 2px 1px 0px #443327,
        -3px 3px 1px 0px #443327,
        -4px 4px 1px 0px #443327,
        -5px 5px 1px 0px #443327,
        -6px 6px 1px 0px #443327,
        inset 0 0px 8px rgba(0,0,0,.1)
}


.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_20x20"][data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_20x27"][data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x20"][data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_20x20"][data-frameType="frameless"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_20x27"][data-frameType="frameless"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x20"][data-frameType="frameless"]  {
    border-color: #1c1c1c;
    box-shadow: -1px 1px 1px 0px #393939,
        -2px 2px 1px 0px #393939,
        -3px 3px 1px 0px #393939,
        -4px 4px 1px 0px #393939,
        -5px 5px 1px 0px #393939,
        inset 0 2px 12px rgba(0,0,0,.1)
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_20x20"][data-frameType="white"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_20x27"][data-frameType="white"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x20"][data-frameType="white"] {
    border-color:#fff;
    box-shadow: -1px 1px 1px 0px #e0e0e0,
        -2px 2px 1px 0px #e0e0e0,
        -3px 3px 1px 0px #e0e0e0,
        -4px 4px 1px 0px #e0e0e0,
        -5px 5px 1px 0px #e0e0e0,
        inset 0 0px 8px rgba(0,0,0,.1)
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_20x20"][data-frameType="wood"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_20x27"][data-frameType="wood"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x20"][data-frameType="wood"] {
    border-color:#e5bf93;
    box-shadow: -1px 1px 1px 0px #cdad88,
        -2px 2px 1px 0px #cdad88,
        -3px 3px 1px 0px #cdad88,
        -4px 4px 1px 0px #cdad88,
        -5px 5px 1px 0px #cdad88,
        inset 0 0px 8px rgba(0,0,0,.1)
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_20x20"][data-frameType="walnut"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_20x27"][data-frameType="walnut"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x20"][data-frameType="walnut"] {
    border-color:#864838;
    box-shadow: -1px 1px 1px 0px #443327,
        -2px 2px 1px 0px #443327,
        -3px 3px 1px 0px #443327,
        -4px 4px 1px 0px #443327,
        -5px 5px 1px 0px #443327,
        inset 0 0px 8px rgba(0,0,0,.1)
}





.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_27x27"][data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x36"][data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_36x27"][data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_27x27"][data-frameType="frameless"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x36"][data-frameType="frameless"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_36x27"][data-frameType="frameless"]  {
    border-color: #1c1c1c;
    box-shadow: -1px 1px 1px 0px #393939,
        -2px 2px 1px 0px #393939,
        -3px 3px 1px 0px #393939,
        -4px 4px 1px 0px #393939,
        inset 0 2px 12px rgba(0,0,0,.1)
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_27x27"][data-frameType="white"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x36"][data-frameType="white"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_36x27"][data-frameType="white"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x32"][data-frameType="white"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_32x24"][data-frameType="white"] {
    border-color:#fff;
    box-shadow: -1px 1px 1px 0px #e0e0e0,
        -2px 2px 1px 0px #e0e0e0,
        -3px 3px 1px 0px #e0e0e0,
        -4px 4px 1px 0px #e0e0e0,
        inset 0 0px 8px rgba(0,0,0,.1)
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_27x27"][data-frameType="wood"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x36"][data-frameType="wood"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_36x27"][data-frameType="wood"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x32"][data-frameType="wood"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_32x24"][data-frameType="wood"] {
    border-color:#e5bf93;
    box-shadow: -1px 1px 1px 0px #cdad88,
        -2px 2px 1px 0px #cdad88,
        -3px 3px 1px 0px #cdad88,
        -4px 4px 1px 0px #cdad88,
        inset 0 0px 8px rgba(0,0,0,.1)
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_27x27"][data-frameType="walnut"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x36"][data-frameType="walnut"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_36x27"][data-frameType="walnut"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x32"][data-frameType="walnut"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_32x24"][data-frameType="walnut"] {
    border-color:#864838;
    box-shadow: -1px 1px 1px 0px #443327,
        -2px 2px 1px 0px #443327,
        -3px 3px 1px 0px #443327,
        -4px 4px 1px 0px #443327,
        inset 0 0px 8px rgba(0,0,0,.1)
}




.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_22x44"][data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_44x22"][data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_22x44"][data-frameType="frameless"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_44x22"][data-frameType="frameless"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_20x40"][data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_40x20"][data-frameType="black"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_20x40"][data-frameType="frameless"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_40x20"][data-frameType="frameless"] {
    border-color: #1c1c1c;
    box-shadow: -1px 1px 1px 0px #393939,
        -2px 2px 1px 0px #393939,
        -3px 3px 1px 0px #393939,
        inset 0 2px 12px rgba(0,0,0,.1)
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_22x44"][data-frameType="white"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_44x22"][data-frameType="white"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_40x20"][data-frameType="white"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_40x20"][data-frameType="white"] {
    border-color:#fff;
    box-shadow: -1px 1px 1px 0px #e0e0e0,
        -2px 2px 1px 0px #e0e0e0,
        -3px 3px 1px 0px #e0e0e0,
        inset 0 0px 8px rgba(0,0,0,.1)
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_22x44"][data-frameType="wood"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_44x22"][data-frameType="wood"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_20x40"][data-frameType="wood"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_40x20"][data-frameType="wood"] {
    border-color:#e5bf93;
    box-shadow: -1px 1px 1px 0px #cdad88,
        -2px 2px 1px 0px #cdad88,
        -3px 3px 1px 0px #cdad88,
        inset 0 0px 8px rgba(0,0,0,.1)
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_22x44"][data-frameType="walnut"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_44x22"][data-frameType="canvas_walnut"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_20x40"][data-frameType="walnut"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_40x20"][data-frameType="walnut"] {
    border-color:#864838;
    box-shadow: -1px 1px 1px 0px #443327,
        -2px 2px 1px 0px #443327,
        -3px 3px 1px 0px #443327,
        inset 0 0px 8px rgba(0,0,0,.1)
}






.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_12x12"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_12x16"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_16x12"],
/*.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_12x12"],*/
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_12x16"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_16x12"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_18x24"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x18"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x32"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_32x24"] {
    border-width: 12px;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_20x20"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_20x27"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x20"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_20x20"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_18x24"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x18"] {
    border-width: 7px;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x36"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_36x27"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x32"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_32x24"] {
    border-width: 5px;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_22x44"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_44x22"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_20x40"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_40x20"] {
    border-width: 3px;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType="frameless"] { 
    border-width:0!important;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_8x8"]:before {
    content:"";
    z-index: 1;
    position: absolute;
    width:calc(100% + 26px);
    height:calc(100% + 26px);
    box-shadow: 6px 6px 21px rgb(0 0 0 / 20%);
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_8x8"]:before {
    /*content:"";*/
    /*z-index: 1;*/
    /*position: absolute;*/
    /*width:calc(100% + 26px);*/
    /*height:calc(100% + 26px);*/
    /*box-shadow: 6px 6px 21px rgb(0 0 0 / 20%);*/
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_12x12"]:before,
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_12x16"]:before,
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_16x12"]:before {
    content:"";
    z-index: 1;
    position: absolute;
    width:calc(100% + 22px);
    height:calc(100% + 22px);
    box-shadow: 6px 6px 21px rgb(0 0 0 / 20%);
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_20x20"]:before {
    content:"";
    z-index: 1;
    position: absolute;
    width:calc(100% + 12px);
    height:calc(100% + 12px);
    box-shadow: 6px 6px 21px rgb(0 0 0 / 20%);
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType="frameless"]:before {
    content:"";
    z-index: 1;
    position: absolute;
    width:100%;
    height:100%;
    box-shadow: 6px 6px 21px rgb(0 0 0 / 20%);
}

.uploadWrapper .uploadPlaceholder .filledUpload.animated .tile {
    -webkit-animation: tile-anim 1s cubic-bezier(0.33, 1, 0.68, 1) 1;
    -moz-animation: tile-anim 1s cubic-bezier(0.33, 1, 0.68, 1) 1;
    animation: tile-anim 1s cubic-bezier(0.33, 1, 0.68, 1) 1;  
}


.uploadWrapper .uploadPlaceholder .filledUpload .tile-glass {
    will-change: transform, scroll-position, width, opacity, contents;
    box-shadow:none;
    border-radius: 4px;
    border:0;
    box-shadow: 0 6px 14px rgb(0 0 0 / 40%);
    width: 18.15%;
    height: 18.15%;
    aspect-ratio: 1 / 1;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile-canvas {
    will-change: transform, scroll-position, width, opacity, contents;
    box-shadow:none;
    border-radius: 0;
    border:0;
    background-image: linear-gradient(to right bottom, #f6f6f6, #f6f6f6, #ffffff, #ffffff, #ffffff);
    box-shadow: -1px 1px 1px 0px #fff, 
                -2px 2px 1px 0px #fff, 
                -3px 3px 1px 0px #fff, 
                -4px 4px 1px 0px #fff, 
                -5px 5px 1px 0px #fff, 
                -6px 6px 1px 0px #fff, 
                -6px 6px 6px rgb(0 0 0 / 20%), 
                11px 7px 19px rgb(0 0 0 / 20%),
                inset 0 2px 12px rgba(0, 0, 0, .1);
    width: 18.15%;
    height: 18.15%;
    aspect-ratio: 1 / 1;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile-canvas:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    box-shadow: 6px 6px 21px rgb(0 0 0 / 20%);
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile-glass:before {
    display: none;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile-canvas:after {
    display: none;
}



.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_8x8"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_12x12"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_20x20"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_8x8"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_12x12"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_20x20"] {
    width: 23.15%;
    height: 23.15%;
    aspect-ratio: 1 / 1;
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_8x11"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_12x16"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_20x27"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x36"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_11x14"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_12x16"], 
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_18x24"], 
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x32"] {
    width: 23.15%;
    height:31.5%;
    aspect-ratio: 1 / 1.325;
}


.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_11x8"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_16x12"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x20"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_36x27"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_14x11"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_16x12"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x18"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_32x24"] {
    width: 31.5%;
    height: 17.49%;
    aspect-ratio: 1.325 / 1;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_22x44"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_20x40"] {
    width: 15.5%;
    height:31.5%;
    aspect-ratio: 0.5 / 1;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_44x22"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_40x20"] {
    width: 31.50%;
    height: 15.75%;
    aspect-ratio: 1 / 0.5;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_16x12"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_16x12"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x18"],
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_32x24"] {
    border-width: 8px;
}


.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'] .preview {
    clip-path: content-box;
    padding: 12%;
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="rectangle_11x8"] .preview{
    padding: 8.6%;
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="rectangle_16x12"] .preview {
    padding: 8.6%;
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="rectangle_27x20"] .preview,
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="canvas_rectangle_24x18"] .preview {
    padding: 8.8%;
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="rectangle_36x27"] .preview {
    padding: 8%;
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="rectangle_22x44"] .preview,
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="canvas_rectangle_20x40"] .preview {
    padding: 9%;
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="rectangle_44x22"] .preview,
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="rectangle_40x20"] .preview {
    padding: 4.3%;
}


.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="rectangle_11x8"] .preview,
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="rectangle_16x12"] .preview,
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="canvas_rectangle_14x11"] .preview,
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="canvas_rectangle_16x12"] .preview,
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameborder='border'][data-framesize="canvas_rectangle_32x24"] .preview {
    padding: 7%;
}


@keyframes tile-anim {
    0% {
        width: 0;
        opacity: 0;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    100% {
        opacity: 1!important;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-webkit-keyframes tile-anim {
    0% {
        width: 0;
        opacity: 0;
    }
    50% {
        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    100% {
        opacity: 1!important;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@-moz-keyframes tile-anim {
    0% {
        width: 0;
        opacity: 0;
    }
    50% {

        opacity: 0;
        -webkit-transform: scale(.7);
        transform: scale(.7);
    }
    100% {
        opacity: 1!important;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}



.uploadWrapper .uploadPlaceholder .filledUpload .tile:hover:after, 
.uploadWrapper .uploadPlaceholder .filledUpload .tile:hover .preview {
    -webkit-filter: brightness(.77);
    filter: brightness(.77);
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile-glass .preview {
    width: 100%;
    height: 100%;
    margin-left: 0;
    margin-top: 0;
    border-radius: 4px;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile.removing {
    opacity: 0;
    width:0;
    padding:0;
    margin:0;
    top:0;
    left:0;
    border-width:0;
    height:100%;
    overflow: hidden;
    transition:width .3s .3s ease, opacity .3s ease, border-width .3s ease;
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile.removing .remove,
.uploadWrapper .uploadPlaceholder .filledUpload .tile.removing .crop,
.uploadWrapper .uploadPlaceholder .filledUpload .tile.removing .preview {
    opacity: 0;
}


.uploadWrapper .uploadPlaceholder .filledUpload .tile .remove,
.uploadWrapper .uploadPlaceholder .filledUpload .tile .crop {
    cursor: pointer;
    position: absolute;
    right: 22px;
    width: 40px;
    height: 40px;
    opacity: 0;  
    z-index: 4;
    background-color: #fff;
    box-shadow: 0 4px 4px rgb(0 0 0 / 5%);
    border-radius: 50%;
    transition: all .3s;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile .remove {
    top: 20px;
    right: initial;
    left: 22px;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile .crop {
    top: 20px;
}

.uploadWrapper .uploadPlaceholder .filledUploadGlass .tile .remove {
    right:initial;
    left:18px;
}
.uploadWrapper .uploadPlaceholder .filledUploadGlass .tile .crop {
    right: 18px;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile:hover .remove,
.uploadWrapper .uploadPlaceholder .filledUpload .tile:hover .crop {
    pointer-events: all;
    opacity: 1;
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile:hover .remove:hover,
.uploadWrapper .uploadPlaceholder .filledUpload .tile:hover .crop:hover {
    background-color: #f4f4f4;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile .remove svg,
.uploadWrapper .uploadPlaceholder .filledUpload .tile .crop svg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 20px;
    height: 20px;
    pointer-events:none
}

 .uploadWrapper .uploadPlaceholder .filledUpload .tile.loaded .crop svg {
    opacity:0.5!important;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile .circle {
    z-index: 3;
    position: absolute;
    width: 48px;
    height: 48px;
    right: 18px;
    top: 16px;
    background: #e9e9e9;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    opacity: 0;
    transition: opacity .3s;
}

.uploadWrapper .uploadPlaceholder .filledUploadGlass .tile .circle {
    right: 14px;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile.loaded:hover .circle {
    opacity: 1;
}
@media (hover: none) and (pointer: coarse) {
    .uploadWrapper .uploadPlaceholder .filledUpload .tile.loaded:hover .circle {
        opacity: 0!important;
    }  
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile .circle svg {
    max-width: 62px;
    max-height: 62px;
    margin: -7px;
    will-change: transform,opacity;
}

[tooltip] {
    position: relative;
    will-change: transform,opacity;
  }
  
  /* Applies to all tooltips */
  [tooltip]::before,
  [tooltip]::after {
    text-transform: none; /* opinion 2 */
    font-size: 12px; /* opinion 3 */
    user-select: none;
    pointer-events: none;
    position: absolute;
    display: none;
    opacity: 0;
  }
  [tooltip]::before {
    content: '';
    border: 5px solid transparent; /* opinion 4 */
    z-index: 1001; /* absurdity 1 */
  }
  [tooltip]::after {
    content: attr(tooltip); /* magic! */
    width: 190px;
    padding: 1ch 1.5ch;
    border-radius: .3ch;
    background: #EA4B60;
    color: #fff;
    z-index: 1000; /* absurdity 2 */
  }
  
  /* Make the tooltips respond to hover */
  .loaded [tooltip]:hover::before,
  .loaded [tooltip]:hover::after,
  .uploadWrapper .frameNavigation ul.frameSizeItems.disabled li:hover::before,
  .uploadWrapper .frameNavigation ul.frameSizeItems.disabled li:hover::after
  {
    display: block;
  }
  
  /* don't show empty tooltips */
  [tooltip='']::before,
  [tooltip='']::after {
    display: none !important;
  }
  
  /* FLOW: UP */
  [tooltip]:not([flow])::before,
  [tooltip][flow^="up"]::before {
    bottom: 100%;
    border-bottom-width: 0;
    border-top-color: #EA4B60;
  }
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::after {
    bottom: calc(100% + 5px);
  }
  [tooltip]:not([flow])::before,
  [tooltip]:not([flow])::after,
  [tooltip][flow^="up"]::before,
  [tooltip][flow^="up"]::after {
    left: 50%;
    transform: translate(-50%, -.5em);
  }
  
  /* FLOW: DOWN */
  [tooltip][flow^="down"]::before {
    top: 100%;
    border-top-width: 0;
    border-bottom-color: #EA4B60;
  }
  [tooltip][flow^="down"]::after {
    top: calc(100% + 5px);
  }
  [tooltip][flow^="down"]::before,
  [tooltip][flow^="down"]::after {
    left: 50%;
    transform: translate(-50%, .5em);
  }
  
  /* FLOW: LEFT */
  [tooltip][flow^="left"]::before {
    top: 50%;
    border-right-width: 0;
    border-left-color: #EA4B60;
    left: calc(0em - 15px);
    transform: translate(-.5em, -50%);
  }
  [tooltip][flow^="left"]::after {
    top: 50%;
    right: calc(100% + 15px);
    transform: translate(-.5em, -50%);
  }
  
  /* FLOW: RIGHT */
  [tooltip][flow^="right"]::before {
    top: 50%;
    border-left-width: 0;
    border-right-color: #EA4B60;
    right: calc(0em - 15px);
    transform: translate(.5em, -50%);
  }
  [tooltip][flow^="right"]::after {
    top: 50%;
    left: calc(100% + 15px);
    transform: translate(.5em, -50%);
  }
  
  /* KEYFRAMES */
  @keyframes tooltips-vert {
    to {
      opacity: 1;
      transform: translate(-50%, 0);
    }
  }
  
  @keyframes tooltips-horz {
    to {
      opacity: 1;
      transform: translate(0, -50%);
    }
  }
  
  /* FX All The Things */ 
  [tooltip]:not([flow]):hover::before,
  [tooltip]:not([flow]):hover::after,
  [tooltip][flow^="up"]:hover::before,
  [tooltip][flow^="up"]:hover::after,
  [tooltip][flow^="down"]:hover::before,
  [tooltip][flow^="down"]:hover::after {
    animation: tooltips-vert 300ms ease-out forwards;
  }
  
  [tooltip][flow^="left"]:hover::before,
  [tooltip][flow^="left"]:hover::after,
  [tooltip][flow^="right"]:hover::before,
  [tooltip][flow^="right"]:hover::after {
    animation: tooltips-horz 300ms ease-out forwards;
  }



.uploadWrapper .uploadPlaceholder .filledUpload .tile .preview {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: url('../../images/loading.svg') center center no-repeat;
    pointer-events: all;
    /* -webkit-transition: 0.1s all ease;
    -moz-transition: 0.1s all ease;
    transition: 0.1s all ease; */
    position: absolute;
    z-index: 1;
    display:flex;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType='elegant'] .preview,
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType='chic'] .preview {
    clip-path: content-box;
    padding: 8%;
}
.uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameType='natural'] .preview {
    clip-path: none;
    padding:0;
}

.uploadWrapper .uploadPlaceholder .filledUpload .preview img {
    /* animation: fadein .5s linear; */
    opacity: 0;
    will-change: transition, opacity, width, height;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    position: relative;
    object-fit: cover;
    /* min-height: 100%;
    min-width: 100%; */
    height: 100%;
    width: 100%;
    /* image-orientation: none; */
}


.uploadWrapper .uploadPlaceholder .filledUpload .tileFrame {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 2;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tileFrame .frame {
    height: 100%;
    width: 100%;
    position: absolute;
    right: 0;
    top: 0;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tileFrame .frame:last-child {
    right: -5px;
    top: -4px;
    height: 264px!important;
    width: 264px!important;
}

.uploadWrapper .uploadPlaceholder .filledUpload.filledUploadCanvas .tileFrame .frame {
    position: absolute;
    right: -6px;
    top: -5px;
    width: 100%;
}

.uploadWrapper .uploadPlaceholder .filledUpload .tileFrame .frame.hidden {
    visibility: hidden;
}

.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid {
    position: relative;
    z-index: 1;
    width: 23.15%;
    height: 23.15%;
    aspect-ratio: 1 / 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: #fff;
    box-shadow: 0 4px 7px hsl(0deg 0% 50% / 17%);
    border-radius: 4px;
    border: unset;
    overflow: hidden;
    will-change: transform,scroll-position,width,opacity;
    transition: background-color .3s,box-shadow .3s;
    -webkit-transition: background-color .3s,box-shadow .3s;
}

.uploadWrapper .uploadPlaceholder .filledUpload.filledUploadGlass .uploadGrid,
.uploadWrapper .uploadPlaceholder .filledUpload.filledUploadCanvas .uploadGrid {
    width: 18.15%;
    height: 18.15%;
}

.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_8x11,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_12x16,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_20x27,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_27x36,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_11x14,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_12x16,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_18x24,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_24x32 {
    width: 23.15%;
    height: 31.5%;
    aspect-ratio: 1 / 1.325;
}

.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_11x8,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_16x12,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_27x20,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_36x27,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_14x11,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_16x12,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_24x18,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_32x24 {
    width: 31.5%;
    height: 17.49%;
    aspect-ratio: 1.325 / 1;
}

.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_22x44,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_20x40 {
    width: 15.5%;
    height:31.5%;
    aspect-ratio: 0.5 / 1;
}

.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_44x22,
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_40x20 {
    width: 31.50%;
    height: 15.75%;
    aspect-ratio: 1 / 0.5;
}


.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.disabled {
    pointer-events: none;
}

.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid .plus-icon {
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 5px;
    right: 0;
    height: 43px;
    width: 43px;
    transition: opacity .2s;
}
.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid .plus-load {
    margin: auto;
    position: absolute;
    top: -7px;
    bottom: 0;
    left: 0;
    right: 0;
    height: 70px;
    width: 70px;
    display:none;
}


.uploadSet {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: opacity .3s;
    -webkit-transition: opacity .3s;
    overflow: hidden;
    opacity:0
}

.uploadSet > div {
    width:100%;
    height:33.3333%;
    float:left;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 20px;
    font-size:14px;
    font-weight: 600;
    cursor: pointer;
    color: #333;
    overflow: hidden;
    transition: background-color .3s;
    -webkit-transition: background-color .3s;
}
.uploadSet > div:hover {
    background: #fbecec;
}
.uploadSet > div input {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}
.cropButtons > div.circle, 
.cropButtons > div svg {
    pointer-events: none;
}
.uploadSet > div span, 
.cropButtons > div span {
    width: 34px;
    height: 34px;
    display: block;
    margin-right: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

.uploadSet > div span svg, 
.uploadSet > div span img,
.cropButtons > div span svg, 
.cropButtons > div span img {
    width: 34px;
    height: 34px;
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
}

.uploadSet > div:after {
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    border-bottom: 1.3px solid #ededed;
    position: absolute;
    left: 0;
    bottom: 0;
}
.uploadSet > div:last-child:after {
    border-bottom: 0;
}


.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid:hover .plus-icon {
    opacity:0
}

.uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid:hover .uploadSet {
    opacity:1
}



.uploadWrapper .frameNavigation {
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 20px 40px 0 rgb(0 0 0 / 10%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px;
    margin-top: 30px;
    margin-bottom: 30px;
    width: 390px;
}

.uploadWrapper .frameNavigation .sub_title {
    font-size:18px;
    font-weight: 500;
    padding-bottom:5px;
    width:100%;
    display: flex;
    align-content: center;
    justify-content: space-between;
}
.uploadWrapper .frameNavigation .sub_title .sub_title_loading {
    position: relative;
    display: flex;
    align-items: center;
}
.uploadWrapper .frameNavigation .sub_title .sub_title_loading .loading {
    position: relative;
    top: 0;
    width: 18px;
    height: 18px;
    display: none;
    margin-right: 5px;
}

.uploadWrapper .frameNavigation .sub_title .sub_title_loading .loading div {
    position: absolute;
    left: 0;
    top: 50%;
    border-bottom: 2px solid rgba(0, 0, 0, .2);
    border-left: 2px solid rgba(0, 0, 0, .2);
    border-right: 2px solid rgba(0, 0, 0, .2);
    border-top: 2px solid rgba(0, 0, 0, 1);
    border-radius: 100%;
    width: 18px;
    height: 18px;
    animation: rot .6s infinite linear;
    pointer-events: none;
    z-index: 100;
}

.uploadWrapper .frameNavigation .sub_title .done {
    font-size:18px;
    font-weight: 500;
    padding-bottom:5px;
    color:#FF375C;
    display: none;
    cursor: pointer;
}

.uploadWrapper .frameNavigation .info_block {
    padding:20px 0;
    font-size: 16px;
    line-height: 20px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom:25px;
}
.uploadWrapper .frameNavigation .info_block .row {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom:10px;
}

.uploadWrapper .frameNavigation .info_block .row img {
    width:120px;
    margin-left:-12px
}

.uploadWrapper .frameNavigation .info_block h2 {
    font-size:22px;
    padding-bottom:10px;
    font-weight: 600;
}

.uploadWrapper .frameNavigation .sizeBlock .mobilePromo {
    display: none;
}

.uploadWrapper .frameNavigation .frameBlock, 
.uploadWrapper .frameNavigation .sizeBlock,
.uploadWrapper .frameNavigation .frameBlock .scroll, 
.uploadWrapper .frameNavigation .sizeBlock .scroll {
    width:100%;
    float:left;
}

.uploadWrapper .frameNavigation.glass, .uploadWrapper .frameNavigation.canvas  {
    justify-content: space-between;
}

.uploadWrapper .frameNavigation.glass .feature_item {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding:5px 0
}
.uploadWrapper .frameNavigation.glass .feature_item .icon, 
.uploadWrapper .frameNavigation.canvas .feature_item .icon {
   width:24px;
   margin-right: 8px;
   margin-top: 3px;
}
.uploadWrapper .frameNavigation.glass .feature_item .icon svg, 
.uploadWrapper .frameNavigation.canvas .feature_item .icon svg{
    max-width: 100%;
 }

.uploadWrapper .frameNavigation.glass .feature_item .text, 
.uploadWrapper .frameNavigation.canvas .feature_item .text {
    font-size: 16px;
    color: #090f45;
}

.uploadWrapper .frameNavigation ul.frameTypeItems {
    width:100%;
    display: flex;
    flex-direction: row;
    margin-bottom:20px
}

.uploadWrapper .frameNavigation ul.frameTypeItems li {
    /* width: 18.2%; */
    width: 23.3%;
    max-width: 100px;
    font-weight: 400;
    font-size: 12px;
    min-width: 65px;
    margin: 0 8px 0 0;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: center;
    cursor: pointer;
    text-align: center;
}
.uploadWrapper .frameNavigation ul.frameTypeItems li.hidden {
    visibility: hidden!important;
    min-width: 0!important;
    width: 0!important;
    margin: 0!important;
}

.uploadWrapper .frameNavigation ul.frameTypeItems li:last-child {
    margin: 0;
}
.uploadWrapper .frameNavigation ul.frameTypeItems li img {
    width: 100%;
    height: auto;
    margin-bottom: 3px;
    border:2px solid #fff;
    border-radius: 6px;
    transition: border-color .3s;
    -webkit-transition: border-color .3s;
}

.uploadWrapper .frameNavigation ul.frameTypeItems li.active img{
    border-color:#ff375c;
}

@media only screen and (min-width: 1024px) {
    .uploadWrapper .frameNavigation .frameBorderItems {
        margin-left: 10px;
    }
  
    .uploadWrapper .frameNavigation ul.frameTypeItems {
        width:100%;
        display: flex;
        flex-direction: row;
        /* justify-content: space-between; */
        padding: 0;
        margin-bottom: 22px;
        /*padding-bottom: 12px;*/
    }

    .uploadWrapper .frameNavigation ul.frameTypeItems li {
        width: 78px !important;
        min-width: 78px !important;
        /* width: 84px !important;
        min-width: 84px !important; */
        height: 95px;
        font-weight: 400;
        font-size: 12px;
        padding: 0px 0 8px 0;
        margin: 0 8px 0 0;
        border: 2px solid #efefef;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        box-shadow:none;
        transition: all .3s;
        -webkit-transition: all .3s;
    }


    .uploadWrapper .frameNavigation ul.frameTypeItems li img {
        border: none;
        border-radius: 0;
    }
    
    .uploadWrapper .frameNavigation ul.frameTypeItems li span {
        align-self: flex-start;
        padding-left: 8px;
    }
    
    .uploadWrapper .frameNavigation .frameBlock .scroll {
        z-index: 2;
    }

    .uploadWrapper .frameNavigation .frameTypeItems .slick-track {
        padding: 0 !important;
    }

    .uploadWrapper .frameNavigation .frameTypeItems button {
        background: #fff;
        height: 100%;
        width: 24px;
        top: 0;
        bottom: 0;
        z-index: 2;
    }

    .uploadWrapper .frameNavigation .frameTypeItems .slick-list {
        margin: 0 12px;
        /* margin: 0; */
    }

    .uploadWrapper .frameNavigation .frameTypeItems button.slick-next {
        right: -12px;
    }

    .uploadWrapper .frameNavigation .frameTypeItems button.slick-prev {
        left: -12px;
    }

    .uploadWrapper .frameNavigation .frameTypeItems button svg {
        width: 24px;
        height: 24px;
    }

    .uploadWrapper .frameNavigation ul.frameTypeItems li:last-child {
        margin: 0;
    }

    .uploadWrapper .frameNavigation .frameTypeItems li.active {
        border-color: #ff375c;
    }


    .uploadWrapper .frameNavigation .frameTypeItems li.active span {
        color: #ff375c;
    }
}

/* .uploadWrapper .frameNavigation ul.frameTypeItems li small {
    display: block;
    background: #ff375c;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    padding: 0 5px;
    font-size: 10px;
    border-radius: 12px;
    margin-top: 5px;
} */

.uploadWrapper .frameNavigation .frameSizeItems {
    width:100%;
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    padding: 0;
}

.uploadWrapper .frameNavigation .frameSizeItems div.slide {
    width: 78px !important;
    min-width: 78px !important;
    /* width: 84px !important;
    min-width: 84px !important; */
    height: 95px;
    font-weight: 400;
    font-size: 11px;
    padding: 8px 0 8px 0;
    margin: 0 8px 0 0;
    border: 2px solid #ccc;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    box-shadow:none;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.uploadWrapper .frameNavigation .frameSizeItems .slick-list {
    margin:0 12px;
    /* margin: 0; */
}


.uploadWrapper .frameNavigation .frameSizeItems div.slide:last-child {
    margin: 0;
}

.uploadWrapper .frameNavigation .frameSizeItems div.slide.excluded,
.uploadWrapper .frameNavigation .frameSizeItems div.slide.missing,
.uploadWrapper .frameNavigation .frameSizeItems.disabled div.slide {
    pointer-events: none!important;
    opacity:0.5
}

.uploadWrapper .frameNavigation .frameSizeItems div.slide div {
    width:auto;
    font-weight: 400;
    font-size: 11px;
    border: 2px solid #ccc;
    background: #f5f5f8;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: auto 0;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.uploadWrapper .frameNavigation .frameSizeItems div.slide span {
    display: block;
    margin-top: 5px;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-size: 12px;
}

.uploadWrapper .frameNavigation .frameSizeItems div.slide#square_8x8 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#canvas_square_8x8 div {
    width: 40px;
    height: 40px;
}

.uploadWrapper .frameNavigation .frameSizeItems div.slide#rectangle_8x11 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#rectangle_12x16 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#rectangle_20x27 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#rectangle_27x36 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#canvas_rectangle_11x14 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#canvas_rectangle_12x16 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#canvas_rectangle_18x24 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#canvas_rectangle_24x32 div {
    width: 40px;
    height: 53px;
}

.uploadWrapper .frameNavigation .frameSizeItems div.slide#rectangle_11x8 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#rectangle_16x12 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#rectangle_27x20 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#rectangle_36x27 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#canvas_rectangle_14x11 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#canvas_rectangle_16x12 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#canvas_rectangle_24x18 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#canvas_rectangle_32x24 div {
    width: 53px;
    height: 40px;
}

.uploadWrapper .frameNavigation .frameSizeItems div.slide#square_12x12 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#square_20x20 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#canvas_square_12x12 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#canvas_square_20x20 div {
    width: 56px;
    height: 56px;
}

.uploadWrapper .frameNavigation .frameSizeItems div.slide#rectangle_22x44 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#canvas_rectangle_20x40 div {
    width: 38px;
    height: 64px;
}
.uploadWrapper .frameNavigation .frameSizeItems div.slide#rectangle_44x22 div,
.uploadWrapper .frameNavigation .frameSizeItems div.slide#canvas_rectangle_40x20 div {
    width: 64px;
    height: 38px;
}
.uploadWrapper .frameNavigation .frameSizeItems div.slide.active {
    border-color: #ff375c;
}

.uploadWrapper .frameNavigation .frameSizeItems div.slide.active div {
    border-color: #ff375c;
    background: #ffe6eb;
    color:#ff375c;
}
.uploadWrapper .frameNavigation .frameSizeItems div.slide.active span {
    color:#ff375c;
}

.uploadWrapper .frameNavigation .frameSizeItems button {
    background: #fff;
    height:100%;
    width:24px;
    top: 0;
    bottom: 0;
}

.uploadWrapper .frameNavigation .frameSizeItems button.slick-next {
    right: -12px;
}

.uploadWrapper .frameNavigation .frameSizeItems button.slick-prev {
    left: -12px;
}

.uploadWrapper .frameNavigation .frameSizeItems button svg {
    width:24px;
    height:24px;
}



.uploadWrapper .frameNavigation ul.frameBorderItems {
    width:100%;
    display: flex;
    flex-direction: row;
    justify-content:flex-start;
    margin-bottom: 20px;
}

.uploadWrapper .frameNavigation ul.frameBorderItems li {
    width: 23.3%;
    max-width: 100px;
    font-weight: 400;
    font-size: 14px;
    margin: 0 8px 0 0;
    border-radius: 6px;
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: center;
    cursor: pointer;
    text-align: center;
}

.uploadWrapper .frameNavigation ul.frameBorderItems li.last-child {
    margin: 0;
}

.uploadWrapper .frameNavigation ul.frameBorderItems li.disabled {
    opacity: 0.5;
    cursor:auto;
    pointer-events: none;
}

.uploadWrapper .frameNavigation ul.frameBorderItems li img {
    width: 100%;
    height: auto;
    margin-bottom: 3px;
    border: 2px solid #fff;
    border-radius: 6px;
    transition: border-color .3s;
    -webkit-transition: border-color .3s;
}

.uploadWrapper .frameNavigation ul.frameBorderItems li.active img {
    border-color: #ff375c;
}









.uploadWrapper .frameNavigation .controlBlock {
    display: none;
}

.uploadWrapper .frameNavigation .checkoutBtn {
    width:100%;
    background: #ff375c;
    color: #fff;
    padding: 18px 0;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    border:0;
    display: block;
    cursor: pointer;
    margin-top: 20px;
    border-radius: 6px;
    transition: box-shadow .3s;
    -webkit-transition: box-shadow .3s;
}

.uploadWrapper .frameNavigation .checkoutBtn.glass {
    background: #125bfe;
}
.uploadWrapper .frameNavigation .checkoutBtn.canvas {
    background: #635BFF;
}
.uploadWrapper .frameNavigation .checkoutBtn:hover {
    box-shadow: 0 3px 12px rgb(0 0 0 / 30%);
}

.checkoutBtnWrapper {display: none;}

.actions_backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: rgba(0, 0, 0, 0.5);
    pointer-events: none;
    display: none;
}

.actions_backdrop.fade {
    pointer-events: all;
    display: block;
}

.warningWrapper, .paymentOptions, .cropOptions, .uploadOptions {
    display: flex;
    position: fixed;
    z-index: 1200;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    max-height: 100%;
    flex-direction: column;
    background: transparent!important;
    box-shadow: unset!important;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
}
.paymentOptions, .cropOptions, .uploadOptions {max-width: 450px;transform: translateY(200px);transition: transform 0.2s ease-out}

.actions_backdrop.show .paymentOptions, 
.actions_backdrop.show .cropOptions, 
.actions_backdrop.show .uploadOptions {transform: translateY(0);}


.warningButtons, .paymentButtons, .cropButtons {
    background-color: #fff;
    border-radius: 10px 10px 0 0;
    margin: 0;
    overflow: hidden;
    box-shadow: 0 6px 14px rgb(0 0 0 / 35%);
    z-index: 1;
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    -webkit-transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.warningButtons.remove {
    transform: translate(0, 100%);
    opacity:0
}

.warningButtons > div, 
.cropButtons > div {
    text-align: center;
    font-size: 18px;
    font-weight: 700;
    padding: 15px 0;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.cropButtons > div > svg {
    height:22px;
    width:22px;
    margin-right:10px;
}
.cropButtons > div.loaded  {
    opacity:0.5
}

.warningButtons > div, 
.paymentButtons > div,
.cropButtons > div,
.uploadOptions > div {
    border-top:1px solid #ccc;
    position: relative;
    z-index: 1;
}

.warningButtons > div:first-child, 
.paymentButtons > div:first-child,
.cropButtons > div:first-child,
.uploadOptions > div:first-child {
    border-top:0;
}



.paymentButtons > div {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    padding: 25px 30px;
    cursor: pointer;
    color: #444f56;
    display: flex;
    align-items: center;
}
.paymentButtons > div svg{
    margin-right:10px;
    pointer-events: none;
}
.paymentButtons > div p{
    pointer-events: none;
}
.paymentButtons > div svg.checked {
    margin-left: auto;
    margin-right: 0;
    display: none;
}
.paymentButtons > div div.change {
    color:#999;
    font-weight: 400;
    pointer-events: all!important;
}
.paymentButtons > div div.change:hover {
    color:#535353;
}
.paymentButtons > div div.change:hover span {
    text-decoration: underline;
}

.warningWrapperItem {
    background-color: #f9f5f4;
    border-radius: 10px;
    margin: 0 0 10px 0;
    flex-direction: column;
    align-items: center;
    display: flex;
    overflow: hidden;
    padding:0;
    box-shadow: 0 6px 14px rgb(0 0 0 / 35%);
    transition: transform 0.3s ease-out, opacity 0.3s ease-out;
    -webkit-transition: transform 0.3s ease-out, opacity 0.3s ease-out;
}

.warningWrapperItem.remove {
    transform: translate(0, 100%);
    opacity:0
}

.warningWrapperItem.remove .warningWrapperItemImage {
    opacity:0
}

.warningWrapperItemTitle {
    font-weight: 700;
    font-size: 20px;
    background: #fff;
    width: 100%;
    text-align: center;
    display: block;
    padding: 15px;
    border-bottom: 1px solid #e9ecef;
}

.warningWrapperItemImage {
    padding: 20px 20px 0 20px;
    max-height: 220px;
    max-width: 100%;
    width: auto;
}

.warningWrapperItemText {
    white-space: pre-line;
    padding: 20px;
    font-weight: 400;
    font-size: 17px;
    line-height: 24px;
    color: #3b4665;
    text-align: center;
}

.crop_modal .modal-body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    touch-action: none;
}

.tileCrop {
    width: 100%;
    /* height: 100%;  */
    position: relative;
    will-change: opacity;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
}


/* .tileCrop:after {
    content: " ";
    position: absolute;
    top: 6px;
    left: 12px;
    background: none;
    will-change: filter;
    transition: filter .2s;
    box-shadow: -15px 15px 11px rgb(0 0 0 / 30%);
    background-image: linear-gradient(to right bottom,#fff,#fbfbfb,#f8f8f8,#f4f4f4,#f1f1f1);
    z-index: -1;
    width: 264px;
    height: 264px;
} */
.tileCrop .frameCrop {
    position: relative;
    /* overflow: hidden; */
    z-index: 2;
    width: 264px;
    height: 264px;
    background-image: linear-gradient(to right bottom, #fff, #fbfbfb, #f8f8f8, #f4f4f4, #f1f1f1);
    border:12px solid #1c1c1c;
    margin-bottom: 25px;
    box-shadow: -1px 1px 1px 0px #393939,
        -2px 2px 1px 0px #393939,
        -3px 3px 1px 0px #393939,
        -4px 4px 1px 0px #393939,
        -5px 5px 1px 0px #393939,
        -6px 6px 1px 0px #393939,
        inset 0 2px 12px rgba(0,0,0,.1),
        6px 6px 21px rgb(0 0 0 / 30%);
}


.tileCrop .frameCrop.rectangle_8x11 {border:9px solid #1c1c1c;}
.tileCrop .frameCrop.rectangle_11x8 {border:9px solid #1c1c1c;}
.tileCrop .frameCrop.square_12x12,
.tileCrop .frameCrop.rectangle_12x16,
.tileCrop .frameCrop.rectangle_16x12 {
    border: 11px solid #1c1c1c;
    box-shadow: -1px 1px 1px 0px #393939,
    -2px 2px 1px 0px #393939,
    -3px 3px 1px 0px #393939,
    -4px 4px 1px 0px #393939,
    -5px 5px 1px 0px #393939,
    inset 0 2px 12px rgba(0, 0, 0, .1),
    6px 6px 21px rgb(0 0 0 / 30%);
}
.tileCrop .frameCrop:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: calc(100% + 14px);
    height: calc(100% + 14px);
    top: -7px;
    left: -7px;
    box-shadow: 6px 6px 21px rgb(0 0 0 / 20%);
}

.tileCrop .frameCrop.frameless:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    box-shadow: 6px 6px 21px rgb(0 0 0 / 20%);
}
.tileCrop .frameCrop .preview  {
    width:100%;
    height:100%;
    background: url('../../images/loading.svg') center center no-repeat;
}

.tileCrop .frameCrop.rectangle_8x11,
.tileCrop .frameCrop.rectangle_12x16,
.tileCrop .frameCrop.canvas_rectangle_11x14,
.tileCrop .frameCrop.canvas_rectangle_12x16,
.tileCrop .frameCrop.canvas_rectangle_18x24,
.tileCrop .frameCrop.canvas_rectangle_24x32 {
    width: 237px;
    height: 314px;
}
.tileCrop .frameCrop.rectangle_11x8,
.tileCrop .frameCrop.rectangle_16x12,
.tileCrop .frameCrop.canvas_rectangle_14x11,
.tileCrop .frameCrop.canvas_rectangle_16x12,
.tileCrop .frameCrop.canvas_rectangle_24x18,
.tileCrop .frameCrop.canvas_rectangle_32x24 {
    width: 314px;
    height: 237px;
}
.tileCrop .frameCrop.square_8x8,
.tileCrop .frameCrop.square_12x12,
.tileCrop .frameCrop.square_20x20,
.tileCrop .frameCrop.canvas_square_8x8,
.tileCrop .frameCrop.canvas_square_12x12,
.tileCrop .frameCrop.canvas_square_20x20 {
    width: 314px;
    height: 314px;
}
.tileCrop .frameCrop.square_20x20,
.tileCrop .frameCrop.rectangle_20x27,
.tileCrop .frameCrop.rectangle_27x20,
.tileCrop .frameCrop.canvas_square_20x20,
.tileCrop .frameCrop.canvas_rectangle_18x24,
.tileCrop .frameCrop.canvas_rectangle_24x18 {
    border:6px solid #1c1c1c;
    box-shadow: -1px 1px 1px 0px #393939,
        -2px 2px 1px 0px #393939,
        -3px 3px 1px 0px #393939,
        -4px 4px 1px 0px #393939,
        inset 0 2px 12px rgba(0,0,0,.1),
        6px 6px 21px rgb(0 0 0 / 30%);
}
.tileCrop .frameCrop.rectangle_27x36,
.tileCrop .frameCrop.rectangle_36x27,
.tileCrop .frameCrop.canvas_rectangle_24x32,
.tileCrop .frameCrop.canvas_rectangle_32x24 {
    border:4px solid #1c1c1c;
    box-shadow: -1px 1px 1px 0px #393939,
        -2px 2px 1px 0px #393939,
        -3px 3px 1px 0px #393939,
        inset 0 2px 12px rgba(0,0,0,.1),
        6px 6px 21px rgb(0 0 0 / 30%);
}

.tileCrop .frameCrop.rectangle_22x44,
.tileCrop .frameCrop.rectangle_44x22,
.tileCrop .frameCrop.canvas_rectangle_20x40,
.tileCrop .frameCrop.canvas_rectangle_40x20 {
    border:2px solid #1c1c1c;
    box-shadow: -1px 1px 1px 0px #393939,
        -2px 2px 1px 0px #393939,
        inset 0 2px 12px rgba(0,0,0,.1),
        6px 6px 21px rgb(0 0 0 / 30%);
}


.tileCrop .frameCrop.white {
    border: 12px solid #fff;
    box-shadow: -1px 1px 1px 0px #e0e0e0, 
        -2px 2px 1px 0px #e0e0e0, 
        -3px 3px 1px 0px #e0e0e0, 
        -4px 4px 1px 0px #e0e0e0, 
        -5px 5px 1px 0px #e0e0e0, 
        -6px 6px 1px 0px #e0e0e0, 
        inset 0 0px 8px rgba(0, 0, 0, .1),
        6px 6px 21px rgb(0 0 0 / 30%);
}
.tileCrop .frameCrop.wood {
    border: 12px solid #e5bf93;
    box-shadow: -1px 1px 1px 0px #cdad88, 
    -2px 2px 1px 0px #cdad88, 
    -3px 3px 1px 0px #cdad88, 
    -4px 4px 1px 0px #cdad88, 
    -5px 5px 1px 0px #cdad88, 
    -6px 6px 1px 0px #cdad88, 
    inset 0 0px 8px rgba(0, 0, 0, .1);
}

.tileCrop .frameCrop.walnut {
    border: 12px solid #864838;
    box-shadow: -1px 1px 1px 0px #443327,
        -2px 2px 1px 0px #443327,
        -3px 3px 1px 0px #443327,
        -4px 4px 1px 0px #443327,
        -5px 5px 1px 0px #443327,
        -6px 6px 1px 0px #443327,
        inset 0 0px 8px rgba(0,0,0,.1)
}

.tileCrop .frameCrop.canvas {
    position: relative;
    display: inline-block;
    width: 400px;
    height: 400px;
    margin-bottom: 20px;
    clip-path: polygon(0.70% 0.37%, 0.43% 0.74%, 0.43% 96.10%, 0.70% 96.83%, 2.53% 99.04%, 2.80% 99.26%, 99.52% 99.26%, 99.73% 99.04%, 99.78% 3.46%, 99.52% 2.72%, 99.35% 2.72%, 98.11% 1.03%, 97.90% 0.96%, 97.74% 0.59%, 97.41% 0.52%, 97.41% 0.37%, 0.70% 0.37%);    background-image: repeating-linear-gradient(
    45deg,
    #fdfdfd,
    #fdfdfd 10px,
    #f8f8f8 10px,
    #f8f8f8 20px
);
    border: none;
}

.tileCrop .frameCrop.canvas::before {
    content: " ";
    position: absolute;
    background: transparent;
    /*opacity: 0.2;*/
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url('../../images/tiles/canvas/canvas_3d.webp') no-repeat center center;
    background-size: cover;
    background-position: right bottom;
    opacity:1;
    mix-blend-mode: multiply;
    touch-action: none;
    pointer-events: none;
    top: 0;
    left: 0;
}
.tileCrop .frameCrop.canvas.canvas_square_8x8::before,
.tileCrop .frameCrop.canvas.canvas_rectangle_11x14::before
{
    background-size: 200% 160%;
}

.tileCrop .frameCrop.canvas.canvas_rectangle_14x11::before {
    background-size: 140% 160%;
}

.tileCrop .frameCrop.canvas.canvas_square_12x12::before {
    background-size: 140% 160%;
}
.tileCrop .frameCrop.canvas.canvas_square_20x20::before {
    background-size: 110% 120%;
}

.tileCrop .frameCrop.canvas.canvas_rectangle_20x40::before {
    background-size: 100% 100%;
    bottom: -11px;
    height: 101%;
}

.tileCrop .frameCrop.canvas.canvas_rectangle_40x20::before {
    background-size: 100% 100%;
    left: 3px;
}


.tileCrop .frameCrop.canvas::after {
    content: " ";
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
}

.tileCrop .frameCrop.canvas .cr-overlay {
    position: relative;
    display: inline-block;
    border: 1px solid #ddd;

    /* // canvas effect */
    border-image-source: url('../../images/tiles/canvas/canvas_texture.webp');
    border-image-slice: 0 fill;
    mix-blend-mode: multiply;
    transform: scale(1.45);
    z-index: 3;
}

.tileCrop .frameCrop.canvas .cr-overlay::after {
    /* The pseudo-element that creates the grain effect */
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    width: 100%;
    height: 100%;
    pointer-events: none;



}

.tileCrop .frameCrop.canvas .cr-overlay {

}

/* 1111 */
.tileCrop .frameCrop.white.rectangle_8x11 {border:9px solid #fff;}
.tileCrop .frameCrop.white.rectangle_11x8 {border:9px solid #fff;}

.tileCrop .frameCrop.white.square_12x12,
.tileCrop .frameCrop.white.rectangle_12x16,
.tileCrop .frameCrop.white.rectangle_16x12 {
    border:11px solid #fff;
    box-shadow: -1px 1px 1px 0px #e0e0e0,
        -2px 2px 1px 0px #e0e0e0,
        -3px 3px 1px 0px #e0e0e0,
        -4px 4px 1px 0px #e0e0e0,
        -5px 5px 1px 0px #e0e0e0,
        inset 0 0px 8px rgba(0, 0, 0, .1);
}
.tileCrop .frameCrop.white.square_20x20,
.tileCrop .frameCrop.white.rectangle_20x27,
.tileCrop .frameCrop.white.rectangle_27x20,
.tileCrop .frameCrop.white.canvas_square_20x20,
.tileCrop .frameCrop.white.canvas_rectangle_18x24,
.tileCrop .frameCrop.white.canvas_rectangle_24x18 {
    border:6px solid #fff;
    box-shadow: -1px 1px 1px 0px #e0e0e0,
        -2px 2px 1px 0px #e0e0e0,
        -3px 3px 1px 0px #e0e0e0,
        -4px 4px 1px 0px #e0e0e0,
        inset 0 0px 8px rgba(0, 0, 0, .1);
}


.tileCrop .frameCrop.white.square_20x20,
.tileCrop .frameCrop.white.rectangle_20x27,
.tileCrop .frameCrop.white.rectangle_27x20,
.tileCrop .frameCrop.white.canvas_square_20x20,
.tileCrop .frameCrop.white.canvas_rectangle_18x24,
.tileCrop .frameCrop.white.canvas_rectangle_24x18 {
    border:6px solid #fff;
    box-shadow: -1px 1px 1px 0px #e0e0e0,
    -2px 2px 1px 0px #e0e0e0,
    -3px 3px 1px 0px #e0e0e0,
    -4px 4px 1px 0px #e0e0e0,
    inset 0 0px 8px rgba(0, 0, 0, .1);
}


.tileCrop .frameCrop.white.rectangle_27x36,
.tileCrop .frameCrop.white.rectangle_36x27,
.tileCrop .frameCrop.white.canvas_rectangle_24x32,
.tileCrop .frameCrop.white.canvas_rectangle_32x24 {
    border:4px solid #fff;
    box-shadow: -1px 1px 1px 0px #e0e0e0,
        -2px 2px 1px 0px #e0e0e0,
        -3px 3px 1px 0px #e0e0e0,
        inset 0 0px 8px rgba(0, 0, 0, .1);
}

.tileCrop .frameCrop.white.rectangle_22x44,
.tileCrop .frameCrop.white.rectangle_44x22,
.tileCrop .frameCrop.white.canvas_rectangle_20x40,
.tileCrop .frameCrop.white.canvas_rectangle_40x20 {
    border:2px solid #fff;
    box-shadow: -1px 1px 1px 0px #e0e0e0,
        -2px 2px 1px 0px #e0e0e0,
        inset 0 0px 8px rgba(0, 0, 0, .1);
}


.tileCrop .frameCrop.wood.rectangle_8x11 {border:9px solid #e5bf93;}
.tileCrop .frameCrop.wood.rectangle_11x8 {border:9px solid #e5bf93;}
.tileCrop .frameCrop.wood.square_12x12,
.tileCrop .frameCrop.wood.rectangle_12x16,
.tileCrop .frameCrop.wood.rectangle_16x12 {
    border:11px solid #e5bf93;
    box-shadow: -1px 1px 1px 0px #cdad88,
        -2px 2px 1px 0px #cdad88,
        -3px 3px 1px 0px #cdad88,
        -4px 4px 1px 0px #cdad88,
        -5px 5px 1px 0px #cdad88,
        inset 0 0px 8px rgba(0, 0, 0, .1);
}
.tileCrop .frameCrop.wood.square_20x20,
.tileCrop .frameCrop.wood.rectangle_20x27,
.tileCrop .frameCrop.wood.rectangle_27x20, 
.tileCrop .frameCrop.wood.canvas_square_20x20, 
.tileCrop .frameCrop.wood.canvas_rectangle_18x24, 
.tileCrop .frameCrop.wood.canvas_rectangle_24x18 {
    border:6px solid #e5bf93;
    box-shadow: -1px 1px 1px 0px #cdad88,
        -2px 2px 1px 0px #cdad88,
        -3px 3px 1px 0px #cdad88,
        -4px 4px 1px 0px #cdad88,
        inset 0 0px 8px rgba(0, 0, 0, .1);
}
.tileCrop .frameCrop.wood.rectangle_27x36,
.tileCrop .frameCrop.wood.rectangle_36x27,
.tileCrop .frameCrop.wood.canvas_rectangle_24x32,
.tileCrop .frameCrop.wood.canvas_rectangle_32x24 {
    border:4px solid #e5bf93;
    box-shadow: -1px 1px 1px 0px #cdad88,
        -2px 2px 1px 0px #cdad88,
        -3px 3px 1px 0px #cdad88,
        inset 0 0px 8px rgba(0, 0, 0, .1);
}

.tileCrop .frameCrop.wood.rectangle_22x44,
.tileCrop .frameCrop.wood.rectangle_44x22,
.tileCrop .frameCrop.wood.canvas_rectangle_20x40,
.tileCrop .frameCrop.wood.canvas_rectangle_40x20 {
    border:2px solid #e5bf93;
    box-shadow: -1px 1px 1px 0px #cdad88,
        -2px 2px 1px 0px #cdad88,
        inset 0 0px 8px rgba(0, 0, 0, .1);
}



.tileCrop .frameCrop.walnut.rectangle_8x11 {border:9px solid #864838;}
.tileCrop .frameCrop.walnut.rectangle_11x8 {border:9px solid #864838;}
.tileCrop .frameCrop.walnut.square_12x12,
.tileCrop .frameCrop.walnut.rectangle_12x16,
.tileCrop .frameCrop.walnut.rectangle_16x12 {
    border:11px solid #864838;
    box-shadow: -1px 1px 1px 0px #443327,
        -2px 2px 1px 0px #443327,
        -3px 3px 1px 0px #443327,
        -4px 4px 1px 0px #443327,
        -5px 5px 1px 0px #443327,
        inset 0 0px 8px rgba(0, 0, 0, .1);
}
.tileCrop .frameCrop.walnut.square_20x20,
.tileCrop .frameCrop.walnut.rectangle_20x27,
.tileCrop .frameCrop.walnut.rectangle_27x20, 
.tileCrop .frameCrop.walnut.canvas_square_20x20, 
.tileCrop .frameCrop.walnut.canvas_rectangle_18x24, 
.tileCrop .frameCrop.walnut.canvas_rectangle_24x18 {
    border:6px solid #864838;
    box-shadow: -1px 1px 1px 0px #443327,
        -2px 2px 1px 0px #443327,
        -3px 3px 1px 0px #443327,
        -4px 4px 1px 0px #443327,
        inset 0 0px 8px rgba(0, 0, 0, .1);
}
.tileCrop .frameCrop.walnut.rectangle_27x36,
.tileCrop .frameCrop.walnut.rectangle_36x27,
.tileCrop .frameCrop.walnut.canvas_rectangle_24x32,
.tileCrop .frameCrop.walnut.canvas_rectangle_32x24 {
    border:4px solid #864838;
    box-shadow: -1px 1px 1px 0px #443327,
        -2px 2px 1px 0px #443327,
        -3px 3px 1px 0px #443327,
        inset 0 0px 8px rgba(0, 0, 0, .1);
}

.tileCrop .frameCrop.walnut.rectangle_22x44,
.tileCrop .frameCrop.walnut.rectangle_44x22,
.tileCrop .frameCrop.walnut.canvas_rectangle_20x40,
.tileCrop .frameCrop.walnut.canvas_rectangle_40x20 {
    border:2px solid #864838;
    box-shadow: -1px 1px 1px 0px #443327,
        -2px 2px 1px 0px #443327,
        inset 0 0px 8px rgba(0, 0, 0, .1);
}
/* 11111 */

.tileCrop .frameCrop:before {
    content: "";
    z-index: 1;
    position: absolute;
    width: calc(100% + 24px);
    height: calc(100% + 24px);
    top: -12px;
    left: -12px;
    box-shadow: 6px 6px 21px rgb(0 0 0 / 20%);
}

.tileCrop .frameCrop.rectangle_8x11:before,
.tileCrop .frameCrop.rectangle_11x8:before {
    width: calc(100% + 18px);
    height: calc(100% + 18px);
    top: -9px;
    left: -9px;
}
.tileCrop .frameCrop.square_12x12:before,
.tileCrop .frameCrop.rectangle_12x16:before,
.tileCrop .frameCrop.rectangle_16x12:before {
    width: calc(100% + 22px);
    height: calc(100% + 22px);
    top: -11px;
    left: -11px;
}

.tileCrop .frameCrop.square_20x20:before {
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    top: -6px;
    left: -6px;
}

.tileCrop .frameCrop.rectangle_20x27:before,
.tileCrop .frameCrop.rectangle_27x20:before {
/*.tileCrop .frameCrop.canvas_rectangle_18x24:before,*/
/*.tileCrop .frameCrop.canvas_rectangle_24x18:before {*/
    width: calc(100% + 12px);
    height: calc(100% + 12px);
    top: -6px;
    left: -6px;
}
.tileCrop .frameCrop.rectangle_27x36:before {
/*.tileCrop .frameCrop.canvas_rectangle_24x32:before {*/
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    top: -4px;
    left: -4px;
}
.tileCrop .frameCrop.rectangle_36x27:before {
/*.tileCrop .frameCrop.canvas_rectangle_32x24:before {*/
    width: calc(100% + 8px);
    height: calc(100% + 8px);
    top: -4px;
    left: -4px;
}
.tileCrop .frameCrop.rectangle_22x44:before,
.tileCrop .frameCrop.rectangle_44x22:before {
/*.tileCrop .frameCrop.canvas_rectangle_20x40:before,*/
/*.tileCrop .frameCrop.canvas_rectangle_40x20:before {*/
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -2px;
    left: -2px;
}
.tileCrop .frameCrop.frameless:before {
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
.tileCrop .frameCrop .preview  {
    width:100%;
    height:100%;
    background: url('../../images/loading.svg') center center no-repeat;
}

.tileCrop .frameCrop.rectangle_8x11,
.tileCrop .frameCrop.rectangle_12x16,
.tileCrop .frameCrop.rectangle_20x27,
.tileCrop .frameCrop.rectangle_27x36, 
.tileCrop .frameCrop.canvas_rectangle_11x14, 
.tileCrop .frameCrop.canvas_rectangle_12x16, 
.tileCrop .frameCrop.canvas_rectangle_18x24, 
.tileCrop .frameCrop.canvas_rectangle_24x32 {
    width: 246px;
    height: 316px;
}

.tileCrop .frameCrop.rectangle_11x8,
.tileCrop .frameCrop.rectangle_16x12,
.tileCrop .frameCrop.rectangle_27x20,
.tileCrop .frameCrop.rectangle_36x27,
.tileCrop .frameCrop.canvas_rectangle_14x11,
.tileCrop .frameCrop.canvas_rectangle_16x12,
.tileCrop .frameCrop.canvas_rectangle_24x18,
.tileCrop .frameCrop.canvas_rectangle_32x24 {
    width: 314px;
    height: 237px;
}
.tileCrop .frameCrop.square_8x8,
.tileCrop .frameCrop.square_12x12,
.tileCrop .frameCrop.square_20x20,
.tileCrop .frameCrop.canvas_square_8x8,
.tileCrop .frameCrop.canvas_square_12x12,
.tileCrop .frameCrop.canvas_square_20x20 {
    width: 314px;
    height: 314px;
}

.tileCrop .frameCrop.rectangle_22x44,
.tileCrop .frameCrop.canvas_rectangle_20x40 {
    width: 158px;
    height: 316px;
}
.tileCrop .frameCrop.rectangle_44x22,
.tileCrop .frameCrop.canvas_rectangle_40x20 {
    width: 316px;
    height: 158px;
}


.tileCrop .frameCrop.border .preview {
    padding: 12%;
}
.tileCrop .frameCrop.border.rectangle_8x11 .preview {
    padding: 12%;
}
.tileCrop .frameCrop.border.rectangle_11x8 .preview {
    padding: 8.5%
}

.tileCrop .frameCrop.border.rectangle_12x16 .preview {
    padding: 14%;
}
.tileCrop .frameCrop.border.rectangle_16x12 .preview {
    padding: 10%;
}
.tileCrop .frameCrop.border.rectangle_20x27 .preview,
.tileCrop .frameCrop.border.canvas_rectangle_18x24 .preview {
    padding: 13.5%;
}
.tileCrop .frameCrop.border.rectangle_27x20 .preview,
.tileCrop .frameCrop.border.canvas_rectangle_24x18 .preview {
    padding: 10%;
}
.tileCrop .frameCrop.border.rectangle_36x27 .preview,
.tileCrop .frameCrop.border.canvas_rectangle_32x24 .preview {
    padding: 10%;
}
.tileCrop .frameCrop.border.rectangle_44x22 .preview,
.tileCrop .frameCrop.border.canvas_rectangle_40x20 .preview {
    padding: 5%;
}

.tileCrop .frameCrop.border.rectangle_11x8 .preview,
.tileCrop .frameCrop.border.rectangle_16x12 .preview,
.tileCrop .frameCrop.border.canvas_rectangle_14x11 .preview,
.tileCrop .frameCrop.border.canvas_rectangle_16x12 .preview {
    padding: 7%;
}
    
.tileCrop .frameCrop.frameless {
    border: 0;
}




.tileCropGlass,
.tileCropCanvas {
    width: 282px;
}
.tileCropGlass:after {
    top: 6px;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 6px 14px rgb(0 0 0 / 40%);
}

.tileCropGlass .preview,
.tileCropCanvas .preview {
    width: 282px;
    height: 282px;
    min-height: 282px;
    min-width: 282px;
    padding: 0;
    overflow: hidden;
    left: 0;
    box-shadow: 0 6px 14px rgb(0 0 0 / 40%);
    background: url(../../images/loading.svg) center center no-repeat;
}
.tileCropGlass .preview {
    border-radius: 6px;
    margin-bottom: 25px;
}

.tileCrop .preview > img {
    transition: opacity .3s .3s,-webkit-transform .1s ease-out;
    transition: transform .1s ease-out,opacity .3s .3s;
    transition: transform .1s ease-out,opacity .3s .3s,-webkit-transform .1s ease-out;
    bottom: 16px!important;
    left: -9999px!important;
    right: -9994px!important;
    max-width: unset!important;
    max-height: unset!important;
    margin: auto;
    position: absolute;
    inset: 0px;
    will-change: transform;
}

.tileCrop .tileFrame {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    z-index: 2;
    justify-content: center;
    align-items: center;
    pointer-events: none;
}

.tileCrop .tileFrame .frame {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
}

.tileCrop .tileFrame .frame.hidden {
    visibility: hidden;
}

.tileText {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    pointer-events: none;
    width: 100%;
    float:left;
    margin-top:10px;
    display: block;
}


.cr-image {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    transform-origin: 0 0;
    max-height: none;
    max-width: none;
    pointer-events: none; /* prevent image context menu on Android */
    /* image-orientation: none; */
}

.cr-image,
.cr-overlay {
    -webkit-user-select: none; /* still necessary for Safari */
    user-select: none;
    will-change: transform, opacity;
}
.lowError {
    background: red;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    align-items: center;
    margin:10px;
    pointer-events: none;
    position: relative;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
    display: none!important
}
.lowError:after {
    content: "Low resolution";
    position: absolute;
    left: 25px;
    font-size: 12px;
    white-space: nowrap;
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.cr-boundary {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.cr-viewport {
    position: absolute;
    box-sizing: border-box;
    border: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 0;
}

.cr-overlay {
    z-index: 1;
    position: absolute;
    cursor: move;
    touch-action: none;
}

.cropt-container, 
.croppie-container {
    float:left;
}

.tileCropCanvas .croppie-container {
    background-image: linear-gradient(to right bottom, #f6f6f6, #f6f6f6, #ffffff, #ffffff, #ffffff);
    box-shadow: -1px 1px 1px 0px #fff, 
                -2px 2px 1px 0px #fff, 
                -3px 3px 1px 0px #fff, 
                -4px 4px 1px 0px #fff, 
                -5px 5px 1px 0px #fff, 
                -6px 6px 1px 0px #fff, 
                -6px 6px 6px rgb(0 0 0 / 20%), 
                11px 7px 19px rgb(0 0 0 / 20%);
}

.cropt-container, 
.croppie-container,
.cr-slider-wrap {
    width: 100%;
}
.cr-slider-wrap {
    margin: 0 auto;
    min-height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-items: stretch;
}

.cr-slider-wrap input {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    background: #fff;
    background-image: linear-gradient(#3b4665,#3b4665);
    background-repeat: no-repeat;
    background-size: 0 99%;
    border: 0;
    border-radius: 5px;
    height: 5px;
    width: 100%;
    margin:0 10px;
    outline: none;
    padding-bottom: 4px;
    padding-top: 4px;
    will-change: auto
}

.cr-slider-wrap input::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #fff;
    border: 2px solid #3b4665;
    border-radius: 50%;
    cursor: pointer;
    height: 26px;
    width: 26px;
    margin-left:2px;
    will-change: auto;
}

.cr-slider-wrap input::-webkit-slider-thumb:hover,
.cr-slider-wrap input:active::-webkit-slider-thumb,
.cr-slider-wrap input:focus::-webkit-slider-thumb {
    background: #fff
}

.cr-slider-wrap button {
    background: #dddbdf;
    border-radius: 50%;
    color: #3b4665;
    justify-content: center;
    overflow: hidden;
    padding: 0!important;
    transition: background-color .3s ease-out;
    height: 40px;
    min-height: 40px;
    width: 40px;
    min-width: 40px;
    z-index: 1;
    display: flex;
    position: relative;
}

.cr-slider-wrap button.zoomin:before, 
.cr-slider-wrap button.zoomout:after, 
.cr-slider-wrap button.zoomout:before,
.cr-slider-wrap button#zoomin:before, 
.cr-slider-wrap button#zoomout:after, 
.cr-slider-wrap button#zoomout:before {
    background: #3b4665;
    content: "";
    height: 3px;
    left: 12px;
    margin-top: -1.5px;
    position: absolute;
    top: 50%;
    width: 16px;
}

.cr-slider-wrap button.zoomout:after,
.cr-slider-wrap button#zoomout:after {
    transform: rotate(90deg);
}

.cr-slider-wrap button:not(:disabled):hover {
    background: #b6b0bc;
}








/*Card*/
.summary {
    display: flex;
    flex-direction: column;
    width:100%;
    font-size: 16px;
    font-weight: 400;
    color: #000;
}


.promoSummary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:12px 25px;
    margin-bottom:15px;
    border-bottom: 1px solid #f2f2f2;
}

.subPromo .promoSummary {
    padding:12px 0!important;
    margin:20px 0 0 0!important;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    width:100%
}

.checkoutBtnWrapper .subPromo .promoSummary {
    border-top: 0;
    border-bottom: 0;
    padding:0 0 10px 0!important;
    margin:0!important;
    width:100%;
}

.checkoutBtnWrapper .subPromo .promoSummary .promoText{
    width:100%;
}

.checkoutBtnWrapper .subPromo .promoSummary .promoText .currentPromo > div {
    flex-direction: row;
    font-size: 14px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.checkoutBtnWrapper .subPromo .promoSummary .promoText .currentPromo img {
    width: 30px;
    margin-right: 8px;
}

.promoSummary .addPromo, 
.promoSummary .promoCancel {
    text-decoration: underline;
    cursor: pointer;
    font-weight: 400;
    color:#090f45
}
.promoSummary .promoCancel {
    width: 46px;
    height: 46px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.promoSummary .promoCancel svg {
    width:40%;
    height:40%;
    pointer-events: none;
}

.promoSummary .addPromo {
    justify-content: center;
    display: flex;
    width: 100%;
}

.promoSummary .promoText 
.currentPromo, .subPromo {
    display: flex;
    flex-direction: row;
    align-content: center;
    font-size: 14px;
    font-weight: 100;
    width: 100%;
}

.checkoutBtnWrapper .subPromo, 
.frameNavigation .subPromo {
    flex-direction: column!important;
}

.promoSummary .promoText .currentPromo > div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 18px;
}

.promoSummary .promoText .currentPromo > div span {
    color:#ff375c;
    font-size:14px;
    font-weight: 400;
}

.promoSummary .promoText .currentPromo h5 {
    margin:0;
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 2px;
}

.promoSummary .promoText .currentPromo img {
    width: 46px;
    margin-right: 15px;
}

.checkoutBtnWrapper .promoSummary .promoText .currentPromo > div span {
    color: #fff;
    background: #0A1042;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    padding: 2px 8px;
    border-radius: 4px;
    border:0;
    text-align: center;
    letter-spacing: -0.5px;
}

.checkoutBtnWrapper .promoSummary .promoText .currentPromo h5 {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: -0.7px;
}

.checkoutBtnWrapper .promoSummary .promoText .currentPromo img {
    width: 40px;
    margin-right: 10px;
    display: none!important;
}

.mobilePromo .promoSummary {
    padding: 0 0 10px 0;
    border-bottom: 0;
    margin-bottom: 0;
    width:100%;
    display: flex;
}

.mobilePromo .promoSummary .promoText .currentPromo img,
.mobilePromo .promoSummary .promoCancel {
    display: none;
}

.mobilePromo .promoSummary .promoText,
.mobilePromo .promoSummary .promoText .currentPromo,
.mobilePromo .promoSummary .promoText .currentPromo div {
    display: flex;
    width:100%
}
.mobilePromo .promoSummary .promoText .currentPromo div {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.mobilePromo .promoSummary .promoText .currentPromo h5 {
    padding-bottom: 0;
    letter-spacing: -0.3px;
}

.mobilePromo .promoSummary .promoText .currentPromo > div span {
    display: block;
    padding:3px 5px;
    border-radius: 3px;
    background: #091045;
    color: #fff;
    font-size: 12px;
    letter-spacing: -0.3px;
}

.checkoutBtnWrapper .orderSummary {
    padding:5px;
    font-weight: 600;
}

.checkoutBtnWrapper .orderSummary {
    padding:5px;
    font-weight: 600;
}

.orderSummary, .shippingSummary, .totalSummary, .taxSummary {
    display: flex;
    justify-content: space-between;
    padding:5px 25px;
    width: 100%;
}



.frameNavigation .orderSummary {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-top:10px;
    padding: 5px;
}

.orderEmpty {
    display: flex;
    margin: 10px auto 0 auto;
}

.totalSummary {
    font-weight: 600;
}

.tilesPrice .off {
    text-decoration: line-through;
    color: #a7a7a7;
}

.submitSummary {
    width:100%;
    float:left;
    padding:15px 25px 15px 25px;
    position: relative;
    z-index: 1;
}

.orderBtn {
    width: 100%;
    background: #ff375c;
    color: #fff;
    padding: 18px 0;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    text-transform: uppercase;
    border: 0;
    display: block;
    cursor: pointer;
    font-weight: normal;
    border-radius: 6px;
    transition: box-shadow .3s;
}
.orderBtn.glass {
    background: #125bfe!important;
}
.orderBtn:hover {
    box-shadow: 0 3px 12px rgb(0 0 0 / 30%);
}

.orderBtn.disabled {
    opacity:0.5;
    background: #666;
}
.orderBtn.disabled:hover {
    box-shadow: none;
}

#smart-button-container {width:100%;display: none;position: relative;z-index: 1;}
#paypal-button-container {position: relative;z-index: 1;}
#paypal-overlay {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index: 10;
    cursor: pointer;
}

footer {
    width: 100%;
    float: left;
    background: #132147;
    color:#fff;
    font-size: 16px;
}

footer .content {
    padding: 100px 50px 72px 50px;
}

footer .content {
    display: flex;
    align-items: flex-start;
}

footer .content .column {
    float: left;
    position: relative;
    z-index: 1;
}

footer .content .column .footer_logo{
    margin-bottom:10px;
}

footer .content .column:nth-child(1) {
    width: 20%;
    min-width: 230px;
}
footer .content .column:nth-child(2) {
    width: 15%;
}
footer .content .column:nth-child(3) {
    width: 35%;
    padding-right:5%;
}
footer .content .column:nth-child(4) {
    width: 30%;
}
footer .content .column:nth-child(4) > img{
    position: absolute;
    top:0;
    left:10%;
    width: 40px;
}
footer .content .column .title {
    font-weight: 700;
    font-size: 18px;
    padding-bottom: 15px;
    line-height: 1;
}
footer .content .column span {
    line-height: 20px;
    padding-bottom: 10px;
    display: block;
}
footer .content .column .subscribe {
    width:100%;
    position: relative;
    z-index: 1;
}
footer .content .column .subscribe input {
    border: 1px solid rgba(255,255,255,0.3);
    background: transparent;
    padding: 10px 70px 10px 8px;
    width: 100%;
    color: #fff
}
footer .content .column .subscribe input::placeholder {
    font-family: "Nunito Sans", sans-serif;
    color:#fff;
    opacity:0.5
}

footer .content .column .subscribe button {
    position: absolute;
    top: 0px;
    right: 0px;
    height: 40px;
    float: right;
    border: 0;
    padding: 0 10px;
    font-size: 12px;
    outline: none;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: opacity .3s, color .3s;
    -webkit-transition: opacity .3s, color .3s;
    background: #fff;
}

footer .content .column .subscribe button:hover {
    opacity:0.7
}

footer .content .column ul {
    float: left;
}
footer .content .column ul li {
    float: left;
}
footer .content .column:nth-child(2) ul li {
    float: none;
}
footer .content .column:nth-child(4) ul {
    margin-top: 9px;
}
footer .content .column ul li a {
    margin: 0 0 12px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    color: #fff;    
    transition: opacity .3s, color .3s;
    -webkit-transition: opacity .3s, color .3s;
}
footer .content .column ul li a img {
    width:17.2px;
    margin-left:10px
}

footer .content .column ul li a.facebook {
    width:29px;
    height:29px;
    margin-right:10px;
    background: url('../../images/tiles/social.png') left top no-repeat;
}
footer .content .column ul li a.instagram {
    width:29px;
    height:29px;
    margin-right:10px;
    background: url('../../images/tiles/social.png') -39px top no-repeat;
}
footer .content .column ul li a.twitter {
    width:29px;
    height:29px;
    margin-right:10px;
    background: url('../../images/tiles/social.png') -78px top no-repeat;
}
footer .content .column ul li a.pinterest {
    width:29px;
    height:29px;
    margin-right:10px;
    background: url('../../images/tiles/social.png') -118px top no-repeat;
}
footer .content .column ul li a.tiktok {
    width:29px;
    height:29px;
    background: url('../../images/tiles/social.png') -157px top no-repeat;
}

footer .content .column ul li a:hover {
    opacity:0.7
}

.copyright {
    background: #0f1b3b;
    font-size: 16px;
    width: 100%;
    float: left;
}
.copyright .content {
    padding: 10px 50px;
    color:#fff;
    opacity:0.5
}

.fsp-picker__brand-container {
    display: none !important;
}
.fsp-modal__sidebar {
    background-color: #fff!important;
}
.fsp-button--cancel {
    display: none!important;
}
.fsp-summary__header {
    display: none!important;
}
.fsp-summary__body>div:first-of-type {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.fsp-summary__item {
    display: flex;
    position: relative;
    background: #fff;
    align-items: center;
    margin: 5px!important;
    border: 3px solid #fff;
    height: unset!important;
    box-shadow: 0 1px 2px rgb(0 0 0 / 26%);
}

.fsp-summary__body>div:first-of-type .fsp-summary__item .fsp-summary__thumbnail {
    width: 70px!important;
    height: 70px!important;
    object-fit: cover;
}
.fps-grid__type-grid .fsp-grid__cell.fsp-grid__cell--thumbnail .fsp-grid__text {
    display: none;
}
.fsp-summary__body>div:first-of-type .fsp-summary__item .fsp-summary__item-name {
    display: none;
}
.fsp-summary__body>div:first-of-type .fsp-summary__item .fsp-summary__actions-container {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.3);
    padding-right: 0;
    opacity: 0;
    -webkit-align-items: unset;
    align-items: unset;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    transition: opacity .2s;
}
.fsp-summary__body>div:first-of-type .fsp-summary__item .fsp-summary__actions-container:hover {
    opacity: 1;
}
.fsp-summary__body>div:first-of-type .fsp-summary__item .fsp-summary__actions-container .fsp-summary__action-separator {
    display: none;
}
.fsp-summary__body>div:first-of-type .fsp-summary__item .fsp-summary__actions-container .fsp-summary__action--remove {
    width: 22px;
    height: 22px;
    background: url('../../images/tiles/icon-remove.svg');
    background-repeat: no-repeat;
    margin-top: -8px;
    margin-right: -8px;
    background-size: 22px;
}
.fsp-summary__body>div:first-of-type .fsp-summary__item .fsp-summary__actions-container .fsp-summary__action--remove:hover {
    opacity: 1;
}
.fsp-button--primary {
    color: rgba(255,255,255,.9);
    background: #ff375c!important;
    font-weight: 600;
}
#__filestack-picker {
    display: block !important;
    position: absolute;
    z-index: 1000;
}

.creditlogos{
    max-width: 100%;
    margin: 10px 0;
}   
.hide {display: none;} 


.loading {
    position: absolute;
    display: none;
    right: 0;
    top: 15px;
    height: 57px;
    width: 100%;
    z-index: 10000;
  }

  .loading div {
    position: absolute;
    right: 40px;
    top: 50%;
    margin: -10px 0 0 0;
    border-bottom: 2px solid rgba(255, 255, 255, .4);
    border-left: 2px solid rgba(255, 255, 255, .4);
    border-right: 2px solid rgba(255, 255, 255, .4);
    border-top: 2px solid rgba(255, 255, 255, 1);
    border-radius: 100%;
    height: 20px;
    width: 20px;
    animation: rot .6s infinite linear;
    pointer-events: none;
    z-index: 10000;
  }

  .loading-text {
      width:100%;
      float:left;
      font-size:14px;
      text-align: center;
      padding-top:5px;

  }

  @keyframes rot {
      from {transform: rotate(0deg);}
      to {transform: rotate(359deg);}
  }

.contacts, .orders {
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
} 
.contacts .text, .orders .text {
    display: block;
    width: 100%;
    padding-bottom: 30px;
} 
.contacts .text a {
    color:#ff375c;
    font-weight: 500;
    text-decoration: none;
    transition: color .3s;
    -webkit-transition: color .3s;
} 
.contacts .text a:hover {
    color:#000;
} 

.contacts .row .form-group {
    margin-bottom: 20px;
}
.row2 .form-group:nth-child(1) {
    padding-right:20px;
} 

.orders .row2.trackOrder {
    margin-bottom:20px;
}
.orders .row2.trackOrder .form-group:nth-child(1) {
    padding-right:0;
} 
.contacts .row .form-group textarea {
    min-height: 200px;
    resize:vertical
}
.contacts .row .submit, .orders .row .submit {
    background: #ff375c;
    color: #fff;
    padding: 14px 50px;
    font-size: 18px;
    font-weight: 400;
    border-radius: 5px;
    display: inline-block!important;
    width: auto;
    cursor: pointer;
    text-decoration: none;
    text-transform: uppercase;
    transition: color .3s, border-color .3s, background-color .3s, box-shadow .3s;
    -webkit-transition: color .3s, border-color .3s, background-color .3s, box-shadow .3s;
}

.contacts .row .submit:hover, .orders .row .submit:hover {
    background: #ea1f45;
    box-shadow: 0 3px 12px rgb(255 21 134 / 30%);
}
.contacts .row:last-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contacts .row:last-child .errors div, .orders .row:last-child .errors div {
    padding: 0!important;
    color: #ff375c;
}
.contacts .row .message div, .orders .row .message div {
    font-size:22px;
    font-weight: 400;
    color:#ff375c;
    padding-bottom: 20px;
}

.subscribe .errors > div,  
.subscribe .message > div {
    text-align: left;
    padding-top:10px;
}
.subscribe .message > div {
    padding-bottom:20px;
}

.promoSubmit, #payGift {
    font-weight: 400;
    font-size: 18px;
    text-transform: uppercase;
}

#address_form {
    width:100%;
    float:left;
}


.loading-bar {
    display: inline-block;
    min-width: 100%;
    background-color: #484a86;
    border-radius: 12px;
    padding: 4px;
}
.loading-bar .loading-bar-inner {
    background-color: #dfe0ee;
    border-radius: 12px;
    padding: 6px;
    width: 10px;
}  

#address_form .modal-done {
    width: 150px;
    padding: 14px 25px;
    text-align: center;
    margin: 20px auto 0 auto;
}

@media (pointer:coarse) {
    .uploadWrapper .uploadPlaceholder .filledUpload .tile .crop,
    .uploadWrapper .uploadPlaceholder .filledUpload .tile .circle,
    .uploadWrapper .uploadPlaceholder .filledUpload .tile .remove {
        display: none;
    }
}

@media only screen and (max-width: 1600px) {
    body {font-size: 18px;}
    .topline {
        font-size: 15px;
    }
    header ul.nav > li {
        margin-left: 25px; 
        position: relative;
        z-index: 1;
    }

    header ul.nav > li a {
        font-size: 18px;
    }
    .content {
        max-width: 1200px;
        padding: 0 25px;
    }
    main .icons_div ul li img {
        width: 65px;
    }
    main .block_div .content,
    main .gift_div .content {
        padding: 50px 25px;
    }
    .recom_div {
        padding: 50px 0;
    }
    main .intro {
        max-width: 1200px;
    }

    main .intro_wrapper, #carousel, #carousel > div {
        height: 32vw;
    }
    main .intro .intro_text h1 {
        font-size: 35px;
        line-height: 40px;
    }
    main .intro .intro_text span {
        padding: 20px 0;
    }
    main .intro .intro_text p {
        padding: 0 0 20px 0;
        font-size: 18px;
        line-height: 26px;
        white-space: initial; 
    }
    main .icons_div ul li {
        padding: 50px 0;
    }
    main .icons_div ul li h3 {
        font-size: 20px;
        padding: 10px 0 0 0;
    }
    main .icons_div ul li p, 
    main .block_div .content>.block_text p,
    main .block_div>h3 span {
        font-size: 18px;
    }
    main .block_div .content > .block_text h3,
    main .gift_div .content > .gift_text h3 {
        font-size: 28px;
        line-height: 34px;
        margin-bottom: 15px;
    }

    main .block_div.second .content > .block_text {
        padding: 0 50px 0 0;
    }

    main .info_div .content>.info_text h3 {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 10px;
    }
    main .gift_div .content > .gift_text {
        max-width: initial
    }
    .get_started_options > h2 {
        font-size: 30px;
    }
    .get_started_options .get_started_options_items {
        margin: 25px 0 0 0;
    }
    .get_started_options .get_started_options_items .get_started_options_item {
        padding: 25px;
    }
    .get_started_options .get_started_options_items .get_started_options_item img {
        width: 120px;
    }
    .blog_main, .blog_featured {
        padding: 50px 25px;
    }
    .blog_main h2, .blog_featured h3 {
        margin-bottom: 50px;
    }
    main .intro_wrapper.blog .intro .intro_text span {
        font-size: 22px;
    }
    .recom_div .recom_text h2, main .block_div>h3, .slider h3 {
        font-size: 30px;
    }
    main .block_div > h3 {
        margin: 50px 0 10px 0;
    }
    main .info_div .content {
        padding: 50px 0;
    }
    main .block_div .content>.block_image+.block_text {
        padding: 0 0 0 60px;
    }
    main .gift_div .content .gift_image img {
        height: 245px;
        width: 245px;
    }
    .copyright .content {
        font-size: 14px;
    }

    .uploadSet > div {
        padding: 0 10px 0 15px;
        font-size: 12px;
    }
}

@media only screen and (max-width: 1440px) {
    .uploadWrapper .uploadPlaceholder .filledUpload .tile-glass,
    .uploadWrapper .uploadPlaceholder .filledUpload .tile-canvas {
        width: 22%;
        height: 22%;
        aspect-ratio: 1 / 1;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_8x11"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_11x14"] {
        width: 22%;
        height: calc(22%* 1.325);
        aspect-ratio: 1 / 1.325;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_11x8"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_14x11"] {
        width: calc(22.88%* 1.325);
        height: 22.88%;
        aspect-ratio: 1.325 / 1;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize^="square"] {
        width: 30.3%;
        height: 30.3%;
        aspect-ratio: 1 / 1;
    }
    
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_8x11,
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_11x14 {
        width: 22%;
        height: calc(22% * 1.325);
        aspect-ratio: 1 / 1.325;
    }
    
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_11x8,
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_14x11 {
        width: calc(22.88% * 1.325);
        height: 22.88%;
        aspect-ratio: 1.325 / 1;
    }
    
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.square_8x8,
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.square_12x12,
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.square_20x20,
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_square_8x8,
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_square_12x12,
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_square_20x20 {
        width: 30.3%;
        height: 30.3%;
        aspect-ratio: 1 / 1;
    }
}


@media only screen and (max-width: 1366px) {
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_8x8"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_8x8"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile-glass,
    .uploadWrapper .uploadPlaceholder .filledUpload .tile-canvas,
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid {
        width: 30.28%;
        height: 30.28%;
        aspect-ratio: 1 / 1;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_8x11"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_11x14"] {
        width: 30.28%;
        height: calc(30.28%* 1.325);
        aspect-ratio: 1 / 1.325;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_11x8"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_14x11"] {
        width: calc(22.88%* 1.325);
        height: 22.88%;
        aspect-ratio: 1.325 / 1;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_12x12"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_12x12"] {
        width: 30.3%;
        height: 30.3%;
        aspect-ratio: 1 / 1;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.square_8x8,
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_square_8x8 {
        width: 30.28%;
        height: 30.28%;
        aspect-ratio: 1 / 1;
    }
    
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_8x11,
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_11x14 {
        width: 30.28%;
        height: calc(30.28%* 1.325);
        aspect-ratio: 1 / 1.325;
    }
    
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.rectangle_11x8,
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_rectangle_14x11 {
        width: calc(22.88%* 1.325);
        height: 22.88%;
        aspect-ratio: 1.325 / 1;
    }
    
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.square_12x12,
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid.canvas_square_12x12 {
        width: 30.3%;
        height: 30.3%;
        aspect-ratio: 1 / 1;
    }
    .uploadWrapper .uploadPlaceholder .emptyUpload .desktopUpload {
        padding: 0 20px;
    }
    .uploadWrapper .uploadPlaceholder .emptyUpload .desktopUpload div {
        font-size: 13px;
        width: 200px;
    }
}

@media only screen and (max-width: 1024px) {
    body, html { overflow-x:hidden; }
    ::-webkit-scrollbar-track {
        box-shadow: none!important;
        -webkit-box-shadow: none!important;
    }
    
    ::-webkit-scrollbar {
        width: 0!important;
        height: 0!important;
        background-color: transparent!important;
    }
    
    ::-webkit-scrollbar-thumb {
        background-color: transparent!important;
    }
    .plus-icon, .plus-load {
        display: none!important;
    }
    /* .uploadSet {opacity: 1!important;} */
    header {
        box-shadow: 0 6px 14px rgb(0 0 0 / 6%);
    }
    header .content {
        height: 52px;
        padding: 0 20px !important;
    }
    header #logo {
        height: auto;
        width: 125px;
    }
    header #logo img {
        width: 100%;
        height: auto;
    }

    header nav {
        margin-left: auto!important;
        margin-right: -25px!important;
    }

    header nav label {
        display:block;
        pointer-events: all;
        float: right;
        margin: 14px 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 32px;
        background: transparent;
        cursor: pointer;
        transition: opacity .3s;
        -webkit-transition: opacity .3s;
    }

    header nav label img {
        max-width: 24px;
        width: 24px;
        height: 25px;
    }

    header nav label:hover {
        opacity:0.5!important
    }
    /* header .action-btn, 
    header .action-btn3,
    .intro_text .action-btn,
    .intro_text .action-btn3,  
    .block_text .action-btn,
    .block_text .action-btn3  {
        display: none!important;
    } */
    header .actionWrapper {
        position:fixed;
        z-index: 10;
        bottom:0;
        left:0;
        width:100%;
        background: #fff;
        display: flex;
        padding:10px 25px;
        justify-content: center;
        box-shadow: 0 -6px 14px rgb(0 0 0 / 6%);
        transform: translate3d(0,0,0);
        backface-visibility: hidden;
    }

    header .actionWrapper .action-btn,
    header .actionWrapper .action-btn-glass {
        display: block!important;
        background:#ff375c;
        color: #fff;
        width: 100%;
        text-align: center;
    }

    header .actionWrapper .action-btn-glass {
        background: #125bfe;
        border: 2px solid #125bfe;
    }

    header ul.nav {
        top: 65px;
        right: -100%;
        height: 100%;
        display: flex;
        z-index: 1200;
        width: 100%;
        position: fixed;
        background: #fff;
        overflow: hidden;
        overflow-y: auto;
        flex-direction: column;
        /* -webkit-overflow-scrolling: touch; */
        transition: right .3s cubic-bezier(0.4, 0, 0.2, 1);
    }
    header ul.nav > li {
        margin-left: 50px!important;
        padding:30px 0 0 0
    }
    header ul.nav > li a {
        font-size: 18px;
        display: inline-block;
    }
    header nav input[type=checkbox]:checked ~ ul{
        display: block!important;
        right: 0; 
        pointer-events: all;
        border-top: 1px solid #ece8e0;
    }
    .withTopLine main {
        padding-top: 122px !important;
    }
    main {
        /* min-height: calc(100vh - 52px) !important; */
        min-height: 100vh !important;
    }
    .content {
        padding: 0 25px;
    }

    .gift_page .flipper img {
        width:100%
    }

    .withTopLine .topline {
        font-size: 15px;
    }
    .withTopLine .topline .content {
        justify-content: space-between;
    }
    .withTopLine .topline .content .topline_title span {
        font-weight: 700;
        margin-right:0;
        display: block;
        padding-bottom: 4px;
    }

    .withTopLine .topline .content > div.counter {
        margin-left: auto;
    }
    .withTopLine .topline .content > div.ribbon {
        margin-right: -30px;
        margin-left: auto;
    }
    
    footer .content {
        padding: 100px 25px 80px 25px;
    }
    main .block_div .content > .block_text {
        padding: 0 50px;
    }
    main .gift_div .content > .gift_text {
        padding: 0 20px 0 50px;
    }
    main .block_div .content > .block_text h3, main .gift_div .content > .gift_text h3 {
        font-size: 28px;
        line-height: 34px;
    }
    main .block_div .content > .block_text p, main .gift_div .content > .gift_text p {
        font-size: 18px;
        line-height: 24px;
    }
    main .info_div .content > .info_text h3 {
        font-size: 32px;
    }
    main .info_div .content > .info_text p {
        font-size: 18px;
        line-height: 24px;
    }
    main .block_div .content > .block_text h4 {
        font-size: 23px;
        margin-bottom: 10px;
    }
    main .intro .intro_text span {
        padding: 20px 0 0 0;
    }
    main .block_div .content, main .gift_div .content {
        padding: 25px;
    }
    main .block_div .content .bulk-item {
        max-width: 32%;
        width: 32%;
    }
    .slider {
        padding: 25px;
    }
    .slick-initialized .slick-slide {
        margin: 0 10px;
        width: 310px!important;
        max-width: 310px!important;
    }
    main .block_div .content > .block_text {
        padding: 0 25px;
    }
    main .block_div .content > .block_image, 
    main .gift_div .content > .gift_image {
        margin: 0 25px;
    }
    main .intro .intro_text h1 {
        font-size: 34px;
        line-height: 38px;
    }
    main .page_div h1 {
        font-size: 30px;
    }
    .contacts .text {
        font-size: 18px;
        line-height: 24px;
    }

    .uploadWrapper .frameNavigation .sizeBlock .mobilePromo {
        display: flex;
    }
    
    .uploadWrapper .uploadPlaceholder .emptyUpload .desktopUpload .uploadDesktop > div {
        width: 100%;
        font-size: 15px;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload {
        max-width: 100%!important;
        width: 100%!important;
        height: 100%;
        max-height: 430px;
        flex-wrap: inherit!important;
        -webkit-flex-wrap: inherit!important;
        padding: 25px;
        position: relative;
        overflow-y: auto !important;
        margin-bottom: auto;
        will-change: scroll-position;
        /* -webkit-overflow-scrolling: touch; */
        pointer-events: all;
        /* -webkit-transition: width .3s;
        transition: width .3s; */
        z-index: 1;
    }
    
    .uploadOptions .uploadBtn {
        position: relative;
        z-index: 1;
    }

    .uploadOptions > div input {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        margin: 0;
        opacity: 0;
        cursor: pointer;
        width: 100%;
    }
    .cropOptions, .uploadOptions {
        max-width: 100%;
    }
    .uploadWrapper .uploadPlaceholder .filledUpload .uploadGrid {
        display:none
    }
    .uploadWrapper .uploadPlaceholder {
        max-width: 100%;
        height: 100%;
        width: auto;
        margin: 0 auto;
        overflow:hidden;
        flex-direction: column;
        -webkit-flex-direction: column;
        justify-content: center;
        -webkit-justify-content: center;
        flex: 1;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile .remove, .uploadWrapper .uploadPlaceholder .filledUpload .tile .crop {
        display:none
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile {
        margin-right: 15px;
        margin-left: 15px;
        margin-bottom:0!important
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile:nth-last-child(1):not(.tile:nth-child(1)) {
        margin-right: 46px;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_8x8"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_12x12"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="square_20x20"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_8x8"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_12x12"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_square_20x20"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile-glass,
    .uploadWrapper .uploadPlaceholder .filledUpload .tile-canvas {
        width: 264px;
        height: 264px;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_8x11"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_12x16"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_20x27"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x36"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_11x14"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_12x16"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_18x24"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x32"] {
        width: 226px;
        height: 300px;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_11x8"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_16x12"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_27x20"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_36x27"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_14x11"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_16x12"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_24x18"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_32x24"] {
        width: 300px;
        height: 226px;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_22x44"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_20x40"] {
        width: 150px;
        height: 300px;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="rectangle_44x22"],
    .uploadWrapper .uploadPlaceholder .filledUpload .tile[data-frameSize="canvas_rectangle_40x20"] {
        height: 158px;
        width: 316px;
    }

    .uploadWrapper .uploadPlaceholder .filledUpload .tile:after {
        box-shadow: 0 6px 10px rgb(0 0 0 / 20%);
    }

    .cropButtons > div {
        font-size: 17px;
        font-weight: 600;
        padding: 15px 25px;
        justify-content: flex-start;
        height: 80px;
        position:relative;
        z-index: 1;
    }

    .cropButtons > div .circle {
        width: 50px;
        height: 50px;
        position: absolute;
        z-index: 1;
        left: 10px;
        opacity:0;
        transition: opacity .3s;
        pointer-events: none;
    }
    
     .cropButtons > div .circle svg{
        will-change: transform, opacity;
        pointer-events: none;
    }
    .cropButtons > div.loaded .circle {
        opacity:1;
    }
    .topline .content .topline_title span {
        display: block;
        font-size: 13px;
    }
    .withTopLine2 .topline .content .topline_title {
        font-size: 12px;
    }
    .path {
        height: 52px;
    }
    .path #logo {
        height: 52px;
    }
    .path .backIcon img {
        width: 18px;
        height: 18px;
    }
    .path #logo img {
        width: 125px;
    }
    .menuIcon img {
        max-width: 24px;
        width: 24px;
        height: 25px;
    }
    .backdrop .menu .menu_top {
        height: 52px;
        min-height: 52px;
    }
    .backdrop .menu .menu_top .close {
        width: 26px;
    }

    .backdrop .menu ul.sub-menu {
        border-bottom: 1px solid #f2f2f2;
        padding-bottom: 20px;
        margin:0 0 15px 0!important;
        padding: 0 0 12px 25px;
    }
    .uploadWrapper {
        width: 100%;
        height:auto;
        flex-direction: column;
        -webkit-flex-direction: column;
        padding: 52px 0 0 0;
        margin: 0;
        flex: 1;
        overflow: hidden;
    }

    .uploadWrapper.glass {
        padding: 52px 0 0 0;
        margin:0;
    }

    .uploadWrapper .uploadPlaceholder .emptyUpload h2 {
        font-size: 20px;
        padding-bottom: 20px;
    }
    .uploadWrapper .uploadPlaceholder .emptyUpload .desktopUpload {
        display: none;
    }
    .uploadWrapper .uploadPlaceholder .frameNavigation .mobUpload {
        display: flex;
        width: 70px;
        height: 70px;
    }
    .uploadWrapper .subPromo {display:none;}
    
    .uploadWrapper .uploadPlaceholder .emptyUpload .mobUpload {
        display: flex;
    }

    .uploadWrapper .frameNavigation {
        width: 100%;
        min-width: 100%;
        padding: 0;
        position: fixed;
        left: 0;
        bottom: 0;
        border: 0;
        border-radius: 0;
        margin: 0;
        z-index: 100;
        display: none;
    }
    .uploadWrapper .frameNavigation.active {
        display: flex;
    }


    .uploadWrapper .frameNavigation .frameBlock,
    .uploadWrapper .frameNavigation .sizeBlock,
    .uploadWrapper .frameNavigation .borderBlock  { 
        display: none;
        margin: 0;
        padding:10px 10px 10px 10px;
        box-shadow: 0 -6px 14px rgb(0 0 0 / 6%);
    }

    .uploadWrapper .frameNavigation .frameBlock .scroll,
    .uploadWrapper .frameNavigation .borderBlock .scroll { 
        overflow-y: auto;
    }
    .uploadWrapper .frameNavigation .sizeBlock .scroll { 
        overflow: visible;
    }

    .uploadWrapper .frameNavigation .frameBlock .scroll ul,
    .uploadWrapper .frameNavigation .sizeBlock .scroll ul,
    .uploadWrapper .frameNavigation .borderBlock .scroll ul { 
        margin: 0;
        min-width: 365px;
    }

    .uploadWrapper .frameNavigation .frameBlock .scroll ul {
        margin: 0 35px;
    }

    .uploadWrapper .frameNavigation ul.frameSizeItems {
        justify-content: center;
    }

    .uploadWrapper .frameNavigation ul.frameSizeItems li {
        margin-right: 8px;
    }
    .uploadWrapper .frameNavigation ul.frameSizeItems li:last-child{
        margin-right: 0;
    }

    .uploadWrapper .frameNavigation .sub_title {
        padding:5px 0;
    }
    .uploadWrapper .frameNavigation .sub_title .done {
        display: block;
    }

    .uploadWrapper .frameNavigation ul {
        justify-content: center;
        margin: 0 auto;
        flex-direction: row;
        width:auto!important
    }
    .uploadWrapper .frameNavigation .info_block {
        display: none!important;
    }

    .uploadWrapper .frameNavigation.glass, 
    .withTopLine2 .uploadWrapper .frameNavigation.glass {
        display: none;
    }

    /* .uploadWrapper .frameNavigation .checkoutBtn {
        display: none!important;
    } */

    .uploadWrapper .frameNavigation .btnBlock {
        padding: 10px;
        box-shadow: 0 -6px 14px rgb(0 0 0 / 6%);
        width: 100%;
        float: left;
    }

    .uploadWrapper .frameNavigation .controlBlock {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .uploadWrapper .frameNavigation .controlBlock > div{
        background: #f5f5f8;
        padding:10px;
        display: flex;
        align-items: center;
        border-radius: 5px;
        margin-bottom: 10px;
        width: 31.5%;
        min-height: 52px;
        font-size: 15px;
        font-weight: 700;
    }

    .uploadWrapper .frameNavigation .controlBlock > div span{
        color:#FF375C;
        margin-left: auto;
    }

    .uploadWrapper .frameNavigation .controlBlock > div svg{
        margin-right: 5px;
    }

    .uploadWrapper .frameNavigation .btnBlock .checkoutBtn{
        margin:0;
    }

    .checkoutBtnWrapper {
        position: fixed;
        flex-direction: column;
        z-index: 10;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #fff;
        padding: 10px 25px;
        justify-content: center;
        box-shadow: 0 -6px 14px rgb(0 0 0 / 6%);
        transform: translate3d(0,0,0);
    }
    .checkoutBtnWrapper.active {
        display: flex;
    }

    .checkoutBtnWrapper.glass .subPromo {
        display: none!important;
    }


    .checkoutBtnWrapper .checkoutBtn {
        background: #ff375c;
        color: #fff;
        width: 100%;
        max-width: 100%;
        padding: 15px 30px;
        font-size: 15px;
        font-weight: 600;
        margin-top: 0;
        text-align: center;
        border-radius: 6px;
        text-transform: uppercase;
        position: relative;
        cursor: pointer;
        z-index: 50;
    }
    .checkoutBtnWrapper.glass .checkoutBtn {
        background: #125bfe;
    }

    .checkoutBtnWrapper.canvas .checkoutBtn {
        background: #635BFF;
    }

    .checkoutBtnWrapper.glass .mobUpload,
    .checkoutBtnWrapper.canvas .mobUpload,
    .checkoutBtnWrapper.metal .mobUpload {
        position: absolute;
        top: -85px;
        right: 10px;
        width: 70px;
        height: 70px;
        padding: 20px;
        border-radius: 50%;
        background: #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 8px 14px rgb(0 0 0 / 7%);
    }

    .checkoutBtnWrapper.glass .mobUpload .circle,
    .checkoutBtnWrapper.canvas .mobUpload .circle,
    .checkoutBtnWrapper.metal .mobUpload .circle {
        width: 100%;
        height: 100%;
    }

    .checkoutBtnWrapper.glass .mobUpload .circle, 
    .checkoutBtnWrapper.canvas .mobUpload .circle,
    .checkoutBtnWrapper.metal .mobUpload .circle {
        width: 100%;
        height: 100%;
    }

    .checkoutBtnWrapper.glass .mobUpload .circle svg,
    .checkoutBtnWrapper.canvas .mobUpload .circle svg,
    .checkoutBtnWrapper.metal .mobUpload .circle svg {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 1;
    }

    .uploadWrapper .frameNavigation ul li {
        flex-direction: column;
        justify-content: center;
        position:relative;
        z-index:1;
        font-size: 16px;
        margin: 0;
    }


    .uploadWrapper .frameNavigation ul.frameTypeItems {
        margin-left: 0 !important;
        min-width: fit-content !important;    
    }

    .uploadWrapper .frameNavigation .frameBlock .scroll ul {
        margin-right: 0 !important;
        margin-bottom: 10px;
    }
    
    .uploadWrapper .frameNavigation ul.frameTypeItems li {
        width: 90px !important;
        min-width: 90px !important;
        /* width: 84px !important;
        min-width: 84px !important; */
        height: 105px;
        font-weight: 400;
        font-size: 12px;
        padding: 0px 0 8px 0;
        margin: 0 8px 0 0;
        border: 2px solid #efefef;
        border-radius: 6px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        box-shadow:none;
        transition: all .3s;
        -webkit-transition: all .3s;
    }

    
    .uploadWrapper .frameNavigation .sub_title {
        font-weight: 700;
        padding-bottom: 10px;
    }
    .uploadWrapper .frameNavigation ul.frameTypeItems li.active {
        border-color: #ff375c;
    }

    .uploadWrapper .frameNavigation ul.frameTypeItems li img {
        border: none;
        border-radius: 3px 3px 0 0;
    }
    .uploadWrapper .frameNavigation ul.frameTypeItems li.active img {
        border: none;
    }


    
    .uploadWrapper .frameNavigation ul li span {
        display: block;
        width: 100%;
        padding-left: 8px;
        padding-top: 0;
        font-size: 13px;
        font-weight: 600;
        text-align: left;
    }
    .uploadWrapper .frameNavigation ul li small {
        position: absolute;
        bottom: 19px;
        left: 50% ;
        transform: translateX(-50%);
        display: block;
        background: #ff375c;
        text-transform: uppercase;
        text-align: center;
        color: #fff;
        padding: 0 5px;
        font-size: 10px;
        border-radius: 5px;
        margin-top: 0;
    }
    .uploadWrapper .frameNavigation ul li img {
        margin-right:0;
        width: 60px;
        height: 60px;
    }
    .get_started_options > h2 {
        font-size: 36px;
        top: -70px;
    }
    .get_started_options .get_started_options_items .get_started_options_item h3 {
        padding-top: 0;
        line-height: 36px;
    }
    .get_started_options {
        margin-top: 30px;
    }
    .warningWrapper, .paymentOptions, .cropOptions, .uploadOptions {
        padding: 0 10px 0 10px;
    }
    .get_started_options .get_started_options_items .get_started_options_item {
        width: 50%;
        padding: 20px;
    }
    .get_started_options .get_started_options_items .get_started_options_item img {
        width: 80px;
    }
    .get_started_options.step2 .get_started_options_items .get_started_options_item {
        width: auto;
        min-width:65%;
        max-width: 500px;
        padding: 20px;
    }
    .get_started .get_started_wrapper {
        overflow-x: auto;
    }

    .checkout_backdrop .menu ul li a {
        padding: 8px 25px!important;
    }
    .checkout_backdrop .menu ul {
        padding: 7px 0 12px 0;
        margin:0;
    }

    .uploadWrapper .frameNavigation .sub_title .sub_title_loading .loading.show {
        display: block;
    }

    .uploadWrapper .frameNavigation .frameSizeItems {
        overflow: hidden;
        overflow-x: auto;
        padding-bottom: 12px;
    }

    .uploadWrapper .frameNavigation .frameSizeItems .slick-list {
        margin: 0px;
        z-index: 1;
    }
    .uploadWrapper .frameNavigation .frameSizeItems button.slick-prev {
        left: -34px;
    }
    .uploadWrapper .frameNavigation .frameSizeItems button.slick-prev svg {
        margin-left: 15px;
    }
    .uploadWrapper .frameNavigation .frameSizeItems button.slick-next {
        right: -34px;
    }
    .uploadWrapper .frameNavigation .frameSizeItems button.slick-next svg {
        margin-right: 15px;
    }

    .uploadWrapper .frameNavigation .frameSizeItems button.slick-disabled {
        display: none!important;
    }
    .uploadWrapper .frameNavigation .frameSizeItems button {
        width: 54px;
        height: 54px;
        border-radius: 50%;
        z-index: 10;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        background: rgba(255, 255, 255, 0.7);
        box-shadow: 0 7px 18px rgb(0 0 0 / 25%);
    }
}


@media only screen and (max-width: 768px) {
    .topline .content  {
        font-size:13px;
    }

    .topline .content > div ul li span {
        font-size: 17px;
    }

    main .page_div .content {
        flex-direction: column;
        max-width: 100%;
        padding: 25px;
    }
    form .row2 {
        flex-wrap: wrap;
    }
    main .intro {
        flex-direction: column;
        padding: 0;
    }
    main .intro_images {
        width: 100%;
        height: 400px;
        position: relative;
        top: 0;
        right: 0;
    }
    #carousel, #carousel > div {
        height: 100%;
    }
    main .intro_wrapper {
        min-height: auto;
        height: auto;
    }
    main .intro .intro_text {
        padding-right: 0;
        display: block;
        width:100%;
        float:left;
        padding:25px;
        text-align: center;
    }
    main .intro .intro_text h1 {
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 5px;
    }
    main .intro_wrapper.blog .intro .intro_text span {
        font-size: 20px;
    }
    main .intro .intro_text p {
        padding: 10px 0 0 0;
        font-size: 18px;
        line-height: 22px;
        display:none;
    }
    main .intro .intro_text .action-btn,
    main .intro .intro_text .action-btn3 {
        display: none!important;
    }
    main .block_div .content > .block_text .action-btn {
        display: inline-block!important;
    }
    main .icons_div {padding:25px;}
    main .icons_div ul {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        flex-wrap: wrap;
    }
    main .icons_div ul li {
        width: 50%;
        padding: 20px 0;
    }
    main .icons_div ul li h3 {
        padding: 0;
    }
    
    main .block_div .content,
    main .gift_div .content,
    main .info_div .content {
        flex-direction: column;
    }
    
    main .block_div .content > div img {
        width: 100%;
    }
    main .block_div .content .bulk-item {
        margin: 10px auto;
        max-width: inherit;
        width: auto;
    }
    main .block_div .content .bulk-item img {
        width: 100%;
        max-width: 100%;
    }
    main .block_div .content .bulk-item .text {
        padding: 10px 0 0 0;
        width: 100%;
        font-size: 90%;
        text-align: center;
    }
    main .block_div .content .bulk-item .text span {
        font-size: 14px;
    }
    main .block_div.bulk .content {
        align-items: center;
    }
    main .block_div .content > .block_image, 
    main .gift_div .content > .gift_image {
        margin: 25px 25px 0 25px;
    }

    main .block_div .content > .block_text {
        padding: 0 20% 20px 20%!important;
        text-align: center;
    }
    .recom_div .recom_text p {
        font-size: 18px;
        line-height: 24px;
    }
    .recom_div .recom_text h2 {
        font-size: 28px;
        line-height: 34px;
    }

    main .block_div .content .bulk-item {
        max-width: 350px;
        width:350px;
    }

    main .gift_div .content > .gift_text {
        padding: 25px;
        text-align: center;
        max-width: 100%;
        margin-left: auto;
    }
    .slider h3 {
        font-size: 32px;
    }
    .slider span {
        font-size: 18px;
        line-height: 24px;
    }
    .blog_main {
        padding: 20px 25px;
    }

    .blog_main .slick-prev {
        left: 0px;
    }
    .blog_main .slick-next {
        right: 0px;
    }
    .blog_main .slick-slider {
        width: 350px;
        padding: 0 20px;
    }
    .blog_main h2 {
        font-size: 26px;
        line-height: 30px;
        font-weight: 700;
        margin-bottom: 20px;
    }
    .blog_main_item {
        overflow: hidden;
        height: 350px;
        width: 100%;
        position: relative;
        z-index: 1;
    }
    .blog_main_item img {
        height:100%;
        width:auto;
        position: absolute;
        top:50%;
        left: 50%;
        transform: translate(-50%, -50%);
        max-width: inherit;
    }
    .blog_main_item .description {
        max-height: 100%;
        height: 100%;
        width: 100%;
        top: inherit;
        bottom: 0;
        transform: translate(0,0);
        background: rgba(18, 32, 70, .7);
    }
    .blog_main_item .description .text {
        line-height: 22px;
    }
    .blog_main_item .description h3 {
        font-size: 22px;
    }
    .blog_featured {
        padding: 20px 0;
        font-size: 18px;
    }
    .blog_featured h3 {
        margin-bottom: 0;
        font-size: 26px;
        line-height: 30px;
        font-weight: 700;
    }
    .blog_featured .list .list_item h4 {
        font-size: 20px;
        line-height: 26px;
    }
    .blog_featured .list {
        flex-direction: column;
        padding:25px 25px 0 25px;
    }
    .blog_featured .list .list_item {
        width: 100%;
        margin-bottom: 40px;
    }
    .blog_featured .list .list_item:last-child {
        margin-bottom: 25px;
    }
    .blog_post {
        padding: 25px;
    }

    .blog_post img {
        max-width: 100%;
        height: auto;
    }

    .blog_post .blog_post_item h2{
        font-size:22px;
        line-height: 28px;
    }
    
    .blog_post .blog_post_item h3{
        font-size:18px;
        line-height: 24px;
    }
    
    .blog_post .blog_post_item h4{
        font-size:16px;
        line-height: 22px;
    }


    main .info_div .content {
        padding: 25px;
        text-align: center;
    }
    main .info_div .content > img {
        width: 160px;
        margin-right: 0;
    }
    main .icons_div ul li img {
        width: 23%;
    }
    main .info_div .content > .info_text h3 {
        font-size: 28px;
        line-height: 34px;
    }
    main .block_div.grey .content {
        flex-direction: column-reverse;
    }
    main .block_div.grey:not(.second) .content .action-btn3 {
        display:none!important
    }

    /* main .block_div.grey:not(.second) .content p, 
    main .block_div.grey:not(.second) .content .block_text {
        margin-bottom: 0!important;
        padding-bottom: 0!important;
    } */

    main .block_div .content > .block_text .step {
        justify-content: center;
    }
    main .page_div {
        padding: 0
    }
    .gift_page {
        flex-direction: column;
    }
    .gift_page .w50 {
        width:100%;
    }

    .gift_page > div:nth-child(1) {
        padding-bottom:6.3%
    }
    .gift_page .flipper {
        max-width: 60%;
    }
    .gift_page .delivered {
        top: 0%;
    }
    .gift_page .w50:nth-child(1) .content,
    .gift_page .w50:nth-child(2) .content {
        max-width: inherit!important;
    }
    .gift_page .w50:nth-child(2) .content {
        padding:5%
    }
    .number-tiles .form-group {
        width: 32.1%;
    }
    .contacts .row2 .form-group:nth-child(1) {
        padding-right: 0;
    } 
    .get_started_options > h2 {
        font-size: 40px;
    }
    .get_started_options .get_started_options_items .get_started_options_item {
        padding: 30px;
    }
    .get_started_options .get_started_options_items .get_started_options_item img {
        width: 35%;
    }
    .gift_page #progressbar li:after {
        content: none!important;
    }
    .gift_page #progressbar li:before {
        margin: 0 10px 0 0!important;
    }
    .gift_page #progressbar li {
        margin:0;
        padding-bottom: 20px;
        width:100%;
        display: flex;
        align-items: center;
        padding:0 0 20px 0;
    }
    .gift_page .questions {
        margin-bottom: 0;
        font-size: 18px;
    }

    .gift_page .tile_count .count {
        font-size: calc(10px + 1.2vw);
        line-height: calc(15px + 1.4vw);
        text-align: center;
        position: absolute;
        bottom: -1%;
        right: 0;
        z-index: 1;
    }
    

    footer .content {
        flex-flow: wrap;
    }
    footer .content {
        padding: 20px 0;
    }
    footer .content .column {
        width: 50%!important;
        padding:25px;
    }
    footer .content .column:nth-child(4) > img {
        display: none;
    }
    footer .content .column:nth-child(4) {
        padding: 25px!important;
    }
    footer .content .column span {
        font-size: 14px;
    }
    footer .content .column ul {
        float: inherit;
        margin:0 auto
    }

    
}

@media only screen and (max-width: 640px) {
    body {min-height: 100vh!important;min-height: -webkit-fill-available; overflow: hidden;}

    html {height: -webkit-fill-available;}

    .container, main {
        overflow: hidden;
        justify-content: flex-start;
        overflow-y: auto;
    }

    main.nopadding {
        position: fixed !important;
    }

    .get_started {
        width: 100%;
        height: 100vh!important;
        min-height: 100vh;
        float: left;
    }

    .withTopLine .topline {height:118px;}
    .withTopLine .topline .content {
        justify-content: space-between;
        flex-direction: column;
        font-size: 14px;
        text-align: center;
    }
    .topline .content .topline_title {
        width: 100%!important;
    }
    .withTopLine2 .topline .content .topline_title {
        margin-right: 0;
        text-align: left;
        line-height: 15px;
    }
    .withTopLine2.withoutCounter .topline .content .topline_title {
        text-align: center;
    }
    .withTopLine2 .topline .content .top_promo {
        padding:0
    }
    .withTopLine2.withoutCounter .topline .content .top_promo {
        padding:0 10px;
    }
    .withTopLine2 .topline .content > div ul li {
        margin-right: 5px;
    }
    .withTopLine2 .topline .content > div ul li:after {
        right: -5px;
    }

    .withTopLine .topline .content .topline_title span {
        font-size: 16px;
        padding-bottom: 0;
    }

    .withTopLine .topline .content .topline_title p {
        font-weight: 500;
    }
    .withTopLine.withoutCounter .topline {
        height:70px;
    }
    .withTopLine .topline .content > div.counter {
        margin:10px auto 0 auto;
        font-size:15px;
    }
    .withTopLine .topline .content > div ul li span {
        font-size: 25px;
    }
    .withTopLine .topline .content > div.ribbon {
        margin-right: -25px;
        right: -15px;
        top: 15px;
        height: 25px;
        font-size: 12px;
        position: fixed;
    }
    .withTopLine.withoutCounter .topline .content > div.ribbon {
        margin-right: -20px;
        right: -23px;
        top: 12px;
    }
    .withTopLine header {
        top: 118px;
    }
    .withTopLine.withoutCounter header {
        top: 70px;
    }
    .withTopLine main {
        padding-top: 170px!important;
    }
    .withTopLine.withoutCounter main {
        padding-top: 122px!important;
        padding-bottom: 0!important;
    }

    form .row .form-group.inline {
        flex-direction: column;
    }
    .contacts .row2.trackOrder .form-group:nth-child(2) {
        width: 100%;
    }
    form .row .form-group.inline label {
        width: 100%;
    }
    .backdrop .menu {
        width: 100%;
    }
    main .icons_div ul li {
        width: 100%;
    }
    /* main .block_div .content > div img {
        max-width: 100%;
    } */
    main .block_div .content, main .gift_div .content {
        padding: 0;
    }
    
    main .intro_images {
        height: auto;
    }
    main .intro_wrapper, #carousel, #carousel > div {
        min-height: 80vw;
    }

    .home_banner .content span {
        font-size: 15px;
        line-height: 20px;
    }

    .home_banner.withCounter {
        height: initial!important;
    }

    .home_banner .content {
        align-items: center;
        padding: 20px;
        justify-content: center;
        flex-direction: column;
    }
    
    .home_banner.withCounter .counter{
        min-width: 100%;
        margin-top:8px;
    }

    .home_banner.withCounter .content img {
        display:none
    }


    main .block_div .content > .block_text {
        padding: 25px!important;
    }
    main .block_div .content .bulk-item {
        margin: 0 25px 25px 25px;
        max-width: 320px;
    }
    .recom_div {
        padding: 50px 0;
    }
    .recom_div .recom_text h2 {
        font-size: 24px;
        line-height: 26px;
    }
    main .block_div .content > .block_text h3, 
    main .gift_div .content > .gift_text h3, 
    main .block_div > h3 {
        font-size: 22px;
        line-height: 28px;
    }
    main .block_div > h3 span {
        font-size: 14px;
        margin-bottom: 20px;
    }
    main .block_div > h3 {
        margin: 50px 0 0 0;
    }

    main .block_div .content > .block_image, main .gift_div .content > .gift_image {
        margin: 25px;
        text-align: center;
        width: 100%;
        max-width: 320px;
    }
    main .gift_div .content > .gift_image {
        width: 50%!important;
        margin-bottom: 0;
    }
    main .gift_div .content .gift_image img {
        width: 100%;
        height: auto;
    }
    .slider {
        padding: 50px 0 25px 0;
    }
    .slick-slider {
        padding: 0;
    }
    .slick-track {
        padding: 20px 0;
    }
    .frameSizeItems .slick-track {
        padding: 0!important;
    }
    .slider h3 {
        font-size: 26px;
        font-weight: 700;
    }
    .blog_main {
        padding: 25px 15px 15px 15px;
    }
    main .info_div .content > .info_text h3 {
        font-size: 24px;
        line-height: 28px;
    }
    main .info_div .content > img {
        margin-bottom: 10px;
        width: 130px;
    }
    main .block_div .content > .block_text h4 {
        font-size: 20px;
    }
    .get_started > .content {
        overflow: auto;
    }
    .get_started_options .get_started_options_items {
        flex-direction: column;
        align-items: center;
    }
    .get_started_options .get_started_options_items .get_started_options_item {
        margin-bottom: 20px;
        max-width: 100%;
        width: 100%;
        flex-direction: row;
        padding: 20px;
    }
    .get_started_options.step2 .get_started_options_items .get_started_options_item {
        width: 100%;
        padding: 30px;
        cursor: inherit;
        flex-direction: column;
    }
    .get_started_options .get_started_options_items .get_started_options_item img {
        width: 25%;
        margin-right: 5%;
    }
    .get_started_options.active .get_started_options_items .get_started_options_item > div {
        text-align: left;
    }
    .get_started_options.active .get_started_options_items .get_started_options_item.no-padding .text{
        padding:20px 17px;
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
    }
    .get_started_options .get_started_options_items .get_started_options_item.no-padding .text h4 b {
        color:inherit
    }
    .get_started_options.active .get_started_options_items .get_started_options_item.no-padding .text span{
        padding-bottom: 0;
        font-size: 18px;
    }

    .get_started_options.active .get_started_options_items .get_started_options_item.no-padding .text h4 s{
        display: none;
    }
    .get_started_options.active .get_started_options_items .get_started_options_item.glass.no-padding .text{
        padding: 30px 17px 30px 20px;
    }
    .get_started_options.active .get_started_options_items .get_started_options_item.no-padding .text svg{
        display: none;
    }
    .get_started_options.active .get_started_options_items .get_started_options_item.glass.no-padding .text svg{
        display: block!important;
    }
    .get_started_options.active .get_started_options_items .get_started_options_item.glass.no-padding .text{
        flex-direction: row;
    }
    .get_started_options.active .get_started_options_items .get_started_options_item.no-padding > img,
    .get_started_options.active .get_started_options_items .get_started_options_item.no-padding button {
        display: none;
    }


        
    .get_started_options .get_started_options_items .get_started_options_item h3 {
        font-size: 20px;
        line-height: 30px;
        padding: 0;
    }
    .get_started_options .get_started_options_items .get_started_options_item p {
        text-align: left;
    }

    .get_started_options .get_started_options_items .get_started_options_item .links {
        font-size: inherit;
        font-weight: inherit;
        padding-top: 0;
        color: #444f56;
        display: inline!important;
    }
    .get_started_options .get_started_options_items .get_started_options_item .links span {
        padding: 0;
    }

    .get_started_top {
        padding: 0;
        height: 52px;
        background: #fff;
        box-shadow: 0 6px 14px rgb(0 0 0 / 6%);
    }
    .get_started_top .back {
        width: 18px;
        height: 18px;
    }
    .get_started_top .menu_open {
        max-width: 24px;
        width: 24px;
        height: 25px;
    }
    .get_started_top .counter {
        font-size: 13px;
    }
    .get_started_options .get_started_options_items .get_started_options_item.no-padding {
        width: 100%;
        box-shadow: none;
        border: 1px solid #ccc;
        pointer-events: none;
    }

    .get_started_options .get_started_options_items .get_started_options_item.glass.no-padding {
        pointer-events: all!important;
    }

    .get_started_options .skip {
        margin-top: 0px;
    }
    .get_started_options > h2 {
        font-size: 20px;
        font-weight: 600;
        position: relative;
        top: 0;
    }
    .get_started_options > .subtitle {
        font-size: 18px;
    }
    .get_started_options .get_started_options_items .get_started_options_item.no-padding .text span small {
        font-size: 18px!important;
    }

    footer .content .column {
        width: 100%!important;
    }
    footer .content .column:nth-child(2) ul li {
        float: left;
        width: 50%;
    }
    .copyright .content {
        justify-content: center;
        padding: 10px 0!important;
    }
    .cr-slider-wrap {
        width: 100%;
        left: 0;
        right: 0;
    }
    .cr-slider {
        width: 65%;
        max-width: 65%;
    }

    .modal {
        padding: 0;
    }
    .modal:not(.alert_modal) .modal-dialog, .modal-content {
        height:100%;
        width:100%;
        min-height: 100%;
        min-width: 100%;
    }
    .alert_modal .modal-dialog {
        max-width: 350px;
    }
    .pay_modal .modal-content .modal-body {
        align-items: flex-start;
    }

    .modal-header, .modal-content, .modal-body{
        border-radius: 0;
        overflow: hidden;
        overflow-y: auto;
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    .modal-header{
        overflow: hidden;
        overflow-y: hidden;
        height: 52px;
        min-height: 52px;
    }
    .address_modal .modal-body, .faq_modal .modal-body, .bulk_modal .modal-body  {
        display: block!important;
    }
    .modal-header{
        justify-content: space-between!important;
    }

    .modal-sm .modal-body .close {
        padding: 15px 40px!important;
        background: #ff375c!important;
        border-radius: 5px!important;
        color: #fff!important;
    }

    .accordion-item .heading {
        text-transform:none;
        font-size: 18px;
    }
    .accordion-item .content {
        font-size: 16px;
        line-height: 22px;
    }
    .thank-you-modal .thank-you-message h1 {
        font-size: 23px;
    }
    .promo-message-modal .promo-message span, .thank-you-modal .thank-you-message span {
        font-size: 18px;
    }
    .modal-body-short {
        padding: 30px;
        flex-direction: column;
    }
    .modal-body-short .close {
        padding: 15px 0;
        width: 100%;
        font-size: 14px;
        font-weight: 400;
        display: inline-table;
    }
    /* .uploadWrapper .uploadPlaceholder .filledUpload {
        padding: 0 16% 20px 16% !important;
        flex-direction: row!important;
    }
    .uploadWrapper .uploadPlaceholder .filledUploadGlass {
        padding: 20px 16% 30px 16% !important;
        flex-direction: row!important;
    } */

    /* .tileCrop {
        margin-top: -150px;
    } */

    .number-tiles .form-group {
        width: 31.2%;
    }
}


@media only screen and (max-width: 480px) {
    .number-tiles .form-group {
        width: 30.7%;
    }
    main .block_div .content > .block_image img {
        max-width: 100%;
    }
    .contact-info .form-group.inline {
        width: 100%!important;
        justify-content: initial;
    }
    .gift_page .flipper {
        max-width: 100%;
    }
    .row .form-group.inline {
        flex-direction: column;
    }
    .row .form-group.inline .row{
        width: 100%!important;
    }
    .row .form-group.inline .row:nth-child(1){
        margin-bottom: 20px;
    }
    .blog_main .slider-nav .slick-dots {
        margin-bottom: 20px;
    }
}