*:focus,*:hover{outline:none !important}body{background:#FAFCFF}footer{border-top:solid 1px #565555}.col-full{padding:0;max-width:100%;margin:0;background-color:#efede5}img{max-width:100%}.canvas{display:none}.change-notice{padding:0;font-weight:bold;opacity:0;transition:500ms;height:0;color:white;background:#EEEEEE}.change-notice-active{height:auto;opacity:1;padding:1rem}#ConfigurationTitle{margin-top:15px;color:#464C4E;font-family:"Roboto",sans-serif;font-size:16px;font-weight:900;line-height:19px}.cropper-container{margin:auto}#CustomProduct{margin-top:5rem}#DoubledUp{display:none !important}.frame-background-image{margin:auto;width:180px;height:540px}#FrameBackgroundImageDiv{position:relative;transition:1500ms ease-in-out}#FrameBackgroundImageDiv.landscape{width:1800px}.frame-crop{padding:0.25rem 1rem;border-radius:5px;transition:500ms;color:white;background:black;border:1px solid black}.frame-crop:hover{color:black;background:white;border:1px solid black}.frame-crop-div{flex:1 1 100%}.frame-crop-image{margin:auto}.frame-image{object-fit:contain;margin:auto;border-radius:0;max-width:none;height:135px;width:180px;position:relative;left:-1px}.frame-image-div{transition:transform 1500ms linear;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;position:absolute;transform:translate(-50%, -50%);top:50%;left:50%;height:135px;width:180px}.frame-image-button{position:relative;padding:0;width:100%;box-sizing:border-box;border:1px dashed #979797;background-color:#EEEEEE}.frame-image-button .frame-image-edit-icon{z-index:5;position:absolute;width:1.5rem;height:1.5rem;font-size:0.75rem;display:flex;justify-content:center;align-items:center;border-radius:50px;right:10px;top:20px;background:white}.frame-image-button,.frame-image-button:hover{transition:border-color 150ms}.frame-image-button.flash,.frame-image-button:hover.flash{-moz-animation:flash 1s ease-in-out;-moz-animation-iteration-count:1;-webkit-animation:flash 1s ease-out;-webkit-animation-iteration-count:1;-ms-animation:flash 1s ease-out;-ms-animation-iteration-count:1;border-color:#3ee1ff}.frame-images{position:relative;display:flex;flex-wrap:wrap;align-items:center;overflow:visible;justify-content:center;margin:auto;height:135px;width:180px}.frame-images .desktop{text-align:center}#FrameImagesSummary{display:flex;transition:transform 1s}#FrameImagesSummary .frame-images{transition:transform 1s}#FrameImagesSummary.landscape{justify-content:center;transform:rotate(90deg) translate(0, -12%)}#FrameImagesSummary.landscape .frame-images{transform:rotate(-90deg)}.frame-images-wrapper{background:white;border:1px solid #eeeeee;width:200px;overflow:hidden;margin:1rem}.frame-input{display:none}.gallery-image-div{max-width:15%;border:2px solid white;display:inline-block;margin-right:1rem}.gallery-image{width:100%;border:2px solid white;cursor:pointer}.gallery-image.active{border:2px solid black}input{padding:0.5rem}.image-counts{position:relative;z-index:1000;padding-bottom:3rem}.image-counts select,.image-counts option{text-transform:capitalize}.image-counts .woocommerce-arrow-wrap select{border:1px solid #E0E0E0;border-radius:5px;padding:0.5rem;padding-right:5rem}.image-counts .woocommerce-arrow-wrap select:focus{border-radius:5px 5px 0 0}.image-counts .woocommerce-arrow-wrap:after{background:transparent;color:#706F6F}.frame-input-label,.wc-pao-addon .wc-pao-addon-wrap label.frame-input-label{background:black;display:inline-block !important;color:white;border-radius:5px;border:1px solid black;padding:0.25rem 1rem;transition:500ms}.frame-input-label:hover,.wc-pao-addon .wc-pao-addon-wrap label.frame-input-label:hover{cursor:pointer;background:white;color:black;border:1px solid black}#FrameQuantity{margin:1rem 0;font-size:1rem;padding:0 0.5rem}.frame-radio{display:block}.frame-radios{flex:1 1 100%}.frame-radios .frame-radio{display:inline-block;margin-right:0.5rem}.frame-radios .frame-radio:not(:first-child){margin-left:0.5rem}.landscape#FrameBackgroundImageDiv{width:540px;margin:auto;transform:rotate(90deg)}#LoadingDiv{position:fixed;z-index:1000000;background:rgba(0,0,0,0.5);width:100%;height:100%;display:flex;top:0;align-items:center;justify-content:center;flex-direction:column}#Loading{padding:1rem}#Loading img{border-radius:0}#Loading p{background:white;text-align:center;font-size:2rem;font-weight:bold}.main-frame-background-image{position:relative;padding:0.5rem 1rem}.main-frame-background-image:not(:first-child){margin-left:1rem}.main-frame-background-image .main-frame-image{position:absolute;height:100%;width:100%;top:0;left:0}#MergedImage{max-width:none}#MergedImageDownload{display:inline-block;background:black;color:white;border:1px solid;height:0;opacity:0;padding:0;width:0;overflow:hidden;margin:0;transition:500ms}#MergedImageDownload:hover{background:white;color:black;text-decoration:none}#MergedImageDownload.activate-download{margin:1rem auto;height:auto;width:auto;opacity:1;padding:0.5rem 2rem;border-radius:5px}.modal-button{width:49%}#ModalClose{transition:500ms;padding:0.5rem 2rem;border-radius:5px}.modal-custom-width{max-width:1000px}.preview-frame-image{width:200px;height:200px;object-fit:contain}.orient-button{color:#565555;transition:500ms;font-size:14px;font-weight:900;letter-spacing:0.26px;line-height:16px;text-align:center;margin-left:1rem;background:rgba(0,0,0,0);border:1px solid #565555;padding:0.75rem 1rem}.orient-button.active,.orient-button:hover{color:#565555;background-color:#ffffff;border:1px solid #565555}.orient-button.active .landscape-icon,.orient-button.active .portrait-icon,.orient-button:hover .landscape-icon,.orient-button:hover .portrait-icon{border:1px solid #565555;background-color:#EFEDE5}.orient-button .landscape-icon{height:12px;width:22px}.orient-button .landscape-icon,.orient-button .portrait-icon{transition:500ms;display:inline-block;box-sizing:border-box;border:1px solid #979797;display:inline-block;background-color:#D8D8D8}.orient-button .portrait-icon{height:12px;width:22px;transform:rotate(270deg)}#Orientation{position:relative;z-index:1;margin:1rem 0;display:flex;flex-direction:row;align-items:center}#Orientation h3{font-size:25px;margin-bottom:0}#Orientation button{margin:0 0 0 1rem;min-width:122px}#PhotoCount{display:flex;align-items:center}#PhotoCount label.mr-3{margin-bottom:0}#PhotoCount input{border:solid thin #565555}.photo-strip-count{margin-left:1rem}.photo-strip-count{background:#464c4e;color:white;border:1px solid #464c4e;transition:500ms}.photo-strip-count:hover{color:#464c4e;background:white}.preview-button-error{position:absolute;top:0;left:0;line-height:1.5;display:flex;justify-content:center;align-items:center;width:100%;height:100%}.preview-button-error.change-notice-active{background-color:rgba(238,238,238,0.5);border:1px solid white}.preview-image{text-align:center;position:relative;overflow:hidden;transition:1500ms ease-in-out;height:25%;width:100%;line-height:0.5;display:flex;justify-content:center;align-items:center}.preview-image.landscape .preview-image-button{transform:rotate(-90deg)}.preview-image .preview-image-button{padding:0;background:none}.preview-image .preview-image-button:hover{background:none}#PreviewImage{overflow:hidden;scroll-behavior:smooth;margin-bottom:2rem}#PreviewImage.landscape{overflow-x:scroll;overflow-y:hidden}#PreviewImages{position:relative}#PreviewImagesDiv{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:absolute;height:528px;width:172.5px;top:50%;left:50%;background:grey;z-index:2;transform:translate(-50%, -50%)}.rotate-buttons{margin-bottom:1rem;display:flex;align-items:center}.rotate-buttons .select-input-label{cursor:pointer;flex:1 1 auto;margin:0 2rem}.rotate-right{transform:rotateY(180deg)}.scroll-buttons{height:0;width:0;opacity:0;overflow:hidden;transition:500ms}.scroll-buttons.landscape{opacity:1;height:auto;width:auto}.scroll-buttons.landscape button{margin:1rem 0.5rem;border-radius:5px}.scroll-buttons button{color:white;background:#464c4e;border:1px solid #464c4e;transition:500ms}.scroll-buttons button:hover{color:#464c4e;background:white;border:1px solid #464c4e}.scroll-buttons .left-scroll{margin-left:0 !important}.select-input-label{text-align:center;background-color:#eeeeee;border-color:#eeeeee;color:#333333;display:inline-block;font-weight:600;margin:1rem auto;padding:0.5rem 1rem}.select-input-label:hover{background-color:#d5d5d5;border-color:#d5d5d5;color:#333333}#SendToServerErrorMessage{color:red;margin-top:0.5rem}#SendToServer{border-radius:0;background-color:#FFFFFF;color:#565555;border:1px solid #565555;font-family:"Roboto",sans-serif;transition:500ms}#SendToServer:hover{background-color:white}.single-product div.product .woocommerce-product-gallery{float:none}.step{padding:0 1rem;margin:1rem 0 3rem;box-sizing:border-box;background-color:#FFFFFF;border:solid thin #565555;border-radius:0}.step .toggle-title{width:100%;background:transparent;border:none !important;outline:none !important;text-align:left;text-align:left;padding:0;padding:2rem;padding-left:0;color:#464C4E;font-family:"Roboto",sans-serif;font-size:1.25rem;font-weight:600;line-height:31px;position:relative}.step .toggle-title.collapsed .step-icon{transform:translate(-50%, -50%) rotate(180deg)}.step .toggle-title .step-icon{color:#565555;top:50%;position:absolute;transform:translate(-50%, -50%);right:0;transition:500ms}#Step2 #Step2Content{margin-bottom:2rem;color:#464C4E}#Step3{margin-top:2rem}#Step3 #Frames{display:flex;flex-wrap:wrap}#Step3 #Frames .frame{flex:0 0 25%;width:25%;text-align:center}#Step3 #Frames .frame .no-frame-button{padding:0.5rem 0.75rem;font-size:l6px;margin:auto;margin-bottom:1rem;border-radius:5px;font-weight:700;color:#565555}#Step3 #Frames .frame .frame-preview-button{padding:0.5rem 0.75rem;font-size:l6px;margin:auto;margin-bottom:1rem;border-radius:0;background-color:#FFFFFF;color:#565555;border:1px solid #565555;transition:500ms}#Step3 #Frames .frame .frame-preview-button:hover,#Step3 #Frames .frame .frame-preview-button.active{background-color:#EFEDE5}#Step3 #Frames .frame .frame-button{padding:0 0.5rem}#Step3 #Frames .frame .frame-button button{background:none;width:100%;transition:500ms}#Step3 #Frames .frame .frame-button button:hover .frame-selected .frame-selected-inner-circle{background:#565555}#Step3 #Frames .frame .frame-button button .frame-selected{width:24px;height:24px;border-radius:100%;margin:1rem auto;position:relative}#Step3 #Frames .frame .frame-button button .frame-selected .frame-selected-inner-circle{transition:500ms;position:absolute;border-radius:100%;transform:translate(-50%, -50%);top:50%;left:50%;width:16px;height:16px;background:white;border:1px solid #565555}#Step3 #Frames .frame .frame-button .frame-quantity{opacity:0;height:0;transition:opacity 500ms;margin:0}#Step3 #Frames .frame .frame-button.active button .frame-selected .frame-selected-inner-circle{background:#565555}#Step3 #Frames .frame .frame-button.active .frame-quantity{margin:0.5rem 0 1rem;height:auto;width:100%;opacity:1}#Step3 #Frames .frame .frame-button img{margin-top:1rem;max-height:10rem;margin:auto}#Step3 #Frames .frame .frame-quantity,#Step3 #Frames .frame .frame-quantity input{width:100%}.width-100{width:100%}.wc-pao-addon-container.wc-pao-addon.wc-pao-addon-custom-image,.variations{display:none}@media only screen and (max-width: 1200px){#Step3 #Frames .frame{flex:0 0 50%;width:50%}}@media only screen and (max-width: 992px){#CustomProduct{text-align:center;overflow-x:scroll}.desktop{display:none}#FrameBackgroundImageDiv{margin:auto}#FrameBackgroundImageDiv.landscape{width:540px}.frame-image-buttons{margin:0.5rem auto;display:none}.frame-image-div{margin:auto}#FrameImagesSummary{justify-content:center}#ImageCropper{padding:0 1rem;margin:1rem 0;box-sizing:border-box;border:1px solid #E5E5E5;border-radius:8px;background-color:#FFFFFF}#ImageCropper .toggle-title{width:100%;background:transparent;border:none !important;outline:none !important;text-align:left;margin:1rem 5px;color:#464C4E;font-family:"Roboto",sans-serif;font-size:1.25rem;font-weight:600;line-height:31px;position:relative}#SendToServerContainer{margin-top:2rem}#Step3{margin-top:0rem}.step{margin:1rem 0}.step.active{background:white}.orient-button{margin:0.5rem auto;width:100%;max-width:430px}#Step3 #Frames .frame{flex:0 0 100%;width:100%}#Step3 #Frames #NoFrame{margin:3rem auto}}@media only screen and (max-width: 768px) and (min-width: 575px){#CustomProduct{max-width:575px}}@media only screen and (max-width: 768px){#CustomProduct{margin-top:2rem}#Frames .frame:not(:first-child){border-top:1px solid #ccc;padding-top:3rem}.frame-image-button{padding:0}#FrameImagesSummary{justify-content:unset;width:400px}#FrameImagesSummary.landscape{width:600px}.modal-dialog{margin:0.5rem auto}.scroll-buttons{opacity:1;height:auto;width:auto;margin-bottom:1rem}.scroll-buttons button{margin:2rem 0.5rem 0}#PhotoStripCount{width:100%}.photo-strip-count{margin:1rem 0.5rem 0}#PreviewImage{overflow-x:scroll}.photo-strip-count:hover{background:#464c4e;color:white;border:1px solid #464c4e}}@media only screen and (max-width: 575px){#Orientation{flex-wrap:wrap;justify-content:center}#Orientation h3{width:100%}#Orientation button{max-width:130px;margin-top:1rem}.modal-dialog{margin:0.5rem 2rem}}@keyframes flash{0%{background-color:#EEEEEE}50%{background-color:rgba(14,170,224,0.25)}100%{background-color:#EEEEEE}}@-webkit-keyframes flash{0%{background-color:#EEEEEE}50%{background-color:rgba(14,170,224,0.25)}100%{background-color:#EEEEEE}}@-moz-keyframes flash{0%{background-color:#EEEEEE}50%{background-color:rgba(14,170,224,0.25)}100%{background-color:#EEEEEE}}@-ms-keyframes flash{0%{background-color:#EEEEEE}50%{background-color:rgba(14,170,224,0.25)}100%{background-color:#EEEEEE}}