@import 'https://fonts.googleapis.com/css?family=PT+Sans';
@import url('https://fonts.googleapis.com/css?family=Raleway:400,700');
/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}
body {
    background-color: #344050;
    line-height: 1;
    overflow: hidden;
    zoom: reset;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

html {
    height: 100%;
}
article, aside, details, figcaption, figure, footer, header, main, nav, section, summary {
    display: block;
}
body {
    font: 12px/18px 'PT Sans', sans-serif;
    height: 100%;
}

::-webkit-scrollbar {
    width: 16px;
    height: 16px;
}
::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}
::-webkit-scrollbar-thumb {
    background: #434b56;
    border: 2px solid #111419;
    border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
    background: #48525e;
}
::-webkit-scrollbar-thumb:active {
    background: #4e5865;
}
::-webkit-scrollbar-track {
    background: #111419;
    border: 0px solid #ffffff;
    border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
    background: #14181f;
}
::-webkit-scrollbar-track:active {
    background: #111419;
}
::-webkit-scrollbar-corner {
    background: transparent;
}



input[type="text"],
input[type="password"],
textarea {
    border: none;
    background-color: #FBF5EF;
    padding: .5em .7em;
    border-radius: .3em;
    font-size: 1em;
    vertical-align: middle;
    margin: 0;
    color: #000000;
    font-family: 'PT Sans', sans-serif;
    transition: .3s;
    margin-left: 10px;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    outline: none;
    background-color: #FBF5EF;
    border-color: #FAAC58;
    color: #000;
}

a {
    text-decoration: none;
    color: #5393DA;
    cursor: pointer;
}

a:hover {
    color: #80B0E5;
    transition: .3s;
}

.form-item {
    margin: 1.2em 0;
    color:#000000;
}
.icon {
    display: inline-block !important;
    vertical-align: middle;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-top: -.14em;
    margin-left: .5em;
    margin-right: .5em;
    width: 1em;
    height: 1em;
    /*transform: scale(1);*/
    /*image-rendering: optimizeQuality;*/
    /*image-rendering: pixelated;*/
    /*image-rendering: -moz-crisp-edges;*/
    transform: rotate( .0001deg );
}

a.btn,
.btn {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    line-height: 1.6em;
    padding-left: .5em;
    padding-right: .5em;
    border-radius: .3em;
    text-align: center;
    font-size: 1em;
    border: none;
    cursor: pointer;
    margin: 0;
    transition: .3s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.icon-pizap {

    background-image: url(https://cdn.pizap.com/pizapfiles/images/pizap_photo_editor_logo_white.png);
}
.icon-gplus-light {
    background-image: url(../images/editor/login-icon-google-transparent.png);
}

.icon-twitter-light {
    background-image: url(../images/editor/login-icon-twitter-transparent.png);
}

.icon-facebook-light {
    background-image: url(../images/editor/login-icon-fb-transparent.png);
}
.icon-email {
    background-image: url(../images/editor/login-icon-email-transparent.png);
}
.Layout {
    width: 100%;
    min-width: 1000px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
}
.center {
    text-align: center !important;
}
.left {
    text-align: left !important;
}
.white {
    color: #FFF;
}
.middle {
    position: absolute;
    width: 100%;
    top: 0px;
    bottom: 0px;
/*    background-image: url(../images/editor/honeycomb_pattern.png); */
    background-image: url(https://cdn.pizap.com/pizapfiles/images/fabric-bg.jpg);
}
.middle:after {
    display: table;
    clear: both;
    content: '';
}
.container {
    width: 100%;
    float: left;
    overflow: hidden;
    min-height: 100% !important;
    height: auto !important;
    height: 100%;
/*    background: -webkit-radial-gradient(center center, ellipse cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
    background: -o-radial-gradient(center center, ellipse cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
    background: radial-gradient(center center, ellipse cover, rgba(0, 0, 0, 0), rgba(0, 0, 0, .4));
    */
    background-size: 100% 100%;
}
.content {
    min-height: 100% !important;
    padding: 0 172px 0 312px;
}
.pro .content {
    padding: 0 0 0 312px;
}

.header {
    height: 90px;
    background-color: #344050;
}


.logo{
    padding-left: 10px;
}
.logo-text{
    height: 12px;
    max-width: 41px;
    margin-top: 9px;
}

.headerBtnBar {
    position: absolute;
    left:465px;
    right: 175px;
    height: 20px;
    top: 5px;
    text-align: center;
}


.headerBtnBar span {
    margin-left: 5px;
    color: #eaebf0;
    font-size: 15px;
    padding-left: 20px;
    vertical-align: super;
}
.hamburger-icon{
    width: 23px;
    position: relative;
    margin-left: 20px;
}
.user-img {
    width: 30px;
    height: 30px;
    background-color: #eee;
    border-radius: 50%;
    background-size: cover;
    position: relative;
    top: 5px;
    left: 10px;
}
.headerBtnBar div {
    display:inline-block;
    margin-left: 25px;
}
.btn {
    color: #eaebf0;
    border-radius: 5px;
    border: 0;
    margin-left: 5px;
    padding: 6px;
    width: 100px;
    font-size: 14px;
    font-family: 'PT Sans', sans-serif;
}
.saveBtn {padding-top: 5px;}
.saveBtn:hover svg path {
    fill:#1976d2;fill-opacity:0.9922;
}
.saveBtn span {
    padding-left: 5px;
    display:none;
}

.saveBtn:hover span {
    color:#1976d2;fill-opacity:0.9922;
}
.shareBtn {padding-top: 5px;padding-right: 10px;}
.shareBtn:hover svg path {
    fill:#1976d2;fill-opacity:0.9922;
}
.shareBtn span {
    padding-left: 5px;
    display:none;
}
.shareBtn:hover span {
    color:#1976d2;fill-opacity:0.9922;
}



.a:hover{
    fill:#1976d2;fill-opacity:0.9922;
}
.signinBtn {
    background-color: #1b1f25;
}


.footer {
    width: 100%;
    height: 40px;
    bottom: 0;
    position: absolute;
    color: #b8b9bb;
    font-size: 17px;
    background-color: #252a32;
}
.footer span {
    padding-right: 25px;
}

.footer table {
    width: 100%; margin: 10px;
}

.footer td {
    vertical-align: middle;

}

.footer tr td:first-child,
.footer tr td:last-child {
    width:250px;
    color: #b8b9bb;
    text-align: right;
    padding-right: 30px;
}

.footer tr td:last-child img{
    padding-right: 5px;
}


.footer tr td:nth-child(2){
    color: #474c52;text-align: center;
}

.left-sidebar {
    width: 50px;
    top: 0;
    position: absolute;
    background-color: #1b1f25;
    padding-bottom: 25px;
    overflow: hidden;
}

.left-sidebar .active {
    background-color: #131416;
}
aside {
    text-align: center;
}
aside div svg {
    margin-top: 9px;
    max-height: 22px;
    max-width: 22px;
}
aside div:hover svg path {
    fill:#1b1f25;
}
aside div:hover{
    color:#1b1f25;
}
aside .a:hover{
    fill: #1b1f25;
}
.a,.c{fill:#fff;}
.c{fill-opacity:0.15;}
.b{fill:none;stroke:#fff;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.99;}
.d{fill:none;stroke:#FFFFFF;stroke-width:10.19;stroke-linecap:round;stroke-linejoin:round;stroke-opacity:0.9765;}

.a{fill-opacity:0.99;}
.r{fill:red}
.g{fill:lime}
.st0{fill:#FFFFFF;fill-opacity:0.9882;}
.st1{fill:#FFFFFF;fill-opacity:0.9922;}
.hamburger-icon:hover path {
    fill:#1976d2;fill-opacity:0.9922;
}

.menu-icon {fill:#FFFFFF;fill-opacity:0.9922;}
.menu-menu {
    background-image: url(../images/editor/menu-menu.png);
}
.menu-hearts{
    background-image: url(../images/editor/menu-hearts.png);
}

.menu-cut{
    background-image: url(../images/editor/menu-cut.png);
}
.menu-borders{
    background-image: url(../images/editor/menu-borders.png);
}
.menu-meme svg{
    margin-top: 15px;
    max-width: 29px;
}
#menu-stickers svg {
    margin-top:10px;
    max-width: 31px !important;
}
#menu-text svg {
    margin-top:10px;
    max-width: 18px !important;
    max-height: 21px;
}
#menu-border svg {
    margin-top:11px;
    max-width: 23px !important;
}
#menu-addpic svg {
    max-width: 26px !important;
    max-height: 24px;
    margin-top: 9px;
}
#menu-touchup svg {
    margin-top: 13px;
    max-width: 31px !important;
    max-height: 21px;
}
.menu-effect{
    background-image: url(../images/editor/menu-effect.png);
}
.menu-brush{
    background-image: url(../images/editor/menu-brush.png);
}
.menu-collage{
    background-image: url(../images/editor/menu-collage.png);
}
.menu-text svg {
    max-height: 18px;
}
.left-sidebar div {
    height: 50px;
    position: relative;
    color:#FFFFFF;
    text-align: -webkit-center;
    top: 5px;
    margin-bottom: 10px
}
.left-sidebar span {
    position: absolute;
    bottom: -11px;
    display: block;
    text-align: center;
    width: 100%;
    font-size:9px;
    color:#CCC;
}
.logo-div{
    height:26px !important;
}
.left-sidebar .menu-meme{
    background-size: 35px;
}


.menu-container {
    width: 262px;
    left: 50px;
    top: 0;
    bottom: 0;
    position: absolute;
    background-color: #252a32;
    overflow: auto;
    color: #b0b0b0;
    text-align: center;
    overflow-x: hidden;
    overflow-y: hidden;
}

.pro .menu-container {
    width: 262px;
    left: 50px;
    top: 0;
    bottom: 0px;
    position: absolute;
    background-color: #252a32;
    overflow-x: hidden;
    color: #b0b0b0;
    text-align: center;
}
.cutout-shapes-container{
    position: absolute;
    overflow-y: scroll;
    left: 0;
    bottom: 0;
    top: 41px;
}
.cutout-shapes-container img {
    width: 50px !important;
}
#menu-container .photopicker-list-item {
    float: none;
    width: 80px;
    height: 65px;
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
    cursor: pointer;
    padding: 0em;
    display: inline-table;
}

#menu-container.large .photopicker-list-item {
    width:80px;
    position: relative;
}

#menu-container .photopicker-list-item span {
    display:block;
    font-size: 12px;
    font-weight: 400;
    color: #b0b0b0;
}
#menu-container .photopicker-list-item img {
    height: 58px;
    max-width: 80px;
    padding-left: 3px;
    padding-right: 5px;
}
#menu-container.large .photopicker-list-item img {
    padding-right:3px;
    height: 77px;
}
#menu-container .photopicker-photo-item {
    display: inline-table;
    width: auto;
    height: 63px;
    text-align: center;
    cursor: pointer;
    float: none;
    position: relative;
}
#menu-container .photopicker-photo-item img {
    max-height: 58px;
    max-width: 80px;
    width: auto;
    padding: 5px;
    vertical-align: middle;
}

.menu-header{
    font-size:14px;
    padding-top: 11px;
    padding-bottom: 11px;
    border-bottom: #484d53 solid 1px;
    text-align: center;
    color: #FFF;
    font-weight: 300;
}
.menu-sub-header{
    font-size:14px;
    border-bottom: #484d53 solid 1px;
    text-align: center;
    color: #FFF;
    font-weight: 300;
    padding-top: 6px;
    padding-bottom: 6px;

}
.menu-sub-header img {
    position: absolute;
    left: 10px;
}
canvas{
    margin: auto auto auto auto;
    display: block;
    position: relative;
}

.clickable{
    cursor: pointer;
}

.memePlusMinus{
    font-size: 28px;
    vertical-align: middle;
    padding-left: 10px;
}
#menu-meme-top{
    margin: 20px;
    text-align: left;
}
#menu-meme-bottom{
    margin: 20px;
    text-align: left;
}
.meme-font-size{
    border-bottom: #484d53 solid 1px;
    padding-bottom: 20px;
    padding-top: 15px;
}

.meme-font-size span {
    padding-right: 10px;
}
.meme-font-size input {
    width: 150px;
}

.colorpicker {
    background-color: #222222;
    border-radius: .3em;
    /*box-shadow: 2px 2px 2px #444444;*/
    color: #FFFFFF;
    font-size: 12px;
    position: fixed;
    left: 51px;
    bottom: 0;
    height: 142px;
    width: 275px;
    z-index: 1000000;
}

#picker {
    cursor: crosshair;
    float: left;
    margin: 10px;
    border: 0;
}
.preview {
    background: url("//cdn.pizap.com/pizapfiles/images/select.png") repeat scroll center center transparent;
    border-radius: 3px;
    cursor: pointer;
    height: 30px;
    width: 30px;
    display: inline-block;
    background-color: #FFF;
    vertical-align: middle;
    margin-left:0;
}


.meme-text {
    width: 148px;
}
.memeHeader {
    display:inline-block;
    text-align: left;
    padding-bottom: 10px;
}

.upper{
    text-transform: uppercase;
}

.filepicker-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    font-family: 'PT Sans', sans-serif;
    color: #424242;
    display: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1;
}
.dialog-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    font-family: 'PT Sans', sans-serif;
    color: #424242;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index:1;
}


.filepicker-dialog.active {
    display: block;
}

.filepicker-dialog * {
    margin: 0;
    padding: 0;
}

.filepicker-dialog a {
    text-decoration: none;
    cursor: pointer;
}

.filepicker .icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 3px;
}

.filepicker .icon-folder {
    background-image: url(images/folder.png);
}

.filepicker .icon-computer {
    background-image: url(https://cdn.pizap.com/pizapfiles/images/file_picker_icons/computer.png);
}


.filepicker .icon-dropbox {
    background-image: url(https://cdn.pizap.com/pizapfiles/images/file_picker_icons/dropbox.png);
}

.filepicker .icon-google-drive {
    background-image: url(https://cdn.pizap.com/pizapfiles/images/file_picker_icons/google_drive.png);
}

.filepicker .icon-one-drive {
    background-image: url(https://cdn.pizap.com/pizapfiles/images/file_picker_icons/onedrive.png);
}

.filepicker-dialog-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 350px;
    height: 415px;
    overflow: hidden;
    background-color: #1c1f26;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    z-index: 2;
}
.cutout-dialog-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 650px;
    height: 425px;
    overflow: hidden;
    background-color: #1c1f26;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    color: #FFF;
    font-size: 15px;
    text-align: center;
    z-index: 2;
}
.cutout-dialog-box p {
    margin: 20px;
    margin-left: 46px;
    margin-right: 46px;
    text-align: left;
}
.feedback-dialog-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 950px;
    height: 450px;
    overflow: hidden;
    background-color: #1c1f26;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    color: #FFF;
    font-size: 15px;
    text-align: center;
    z-index: 2;
}
.feedback-dialog-box hr {
    margin-left: 40px;
    margin-right: 40px;
}
.feedback-dialog-box p {
    margin: 20px;
    margin-left: 46px;
    margin-right: 46px;
    text-align: left;
}
.cutout-traces-images img{
    height: 150px;
}
.cutout-refine img{
    height: 220px;
}
.cutout-traces-images img:nth-child(2){
    margin-left: 15px;
    margin-right: 15px;
}
.cutout-dialog-box button {
    margin-top: 0;
}
.filepicker-navbar {
    position: relative;
    height: 45px;
    background-color: #343f4f;
    width: 100%;
    color: #fff;
}

.filepicker-navbar-right-btn {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 45px;
    padding: 0 15px;
    color: #fff;
}

.filepicker-navbar-left-btn {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 45px;
    padding: 0 15px;
    color: #fff;
}

.filepicker-title {
    text-align: left;
    line-height: 45px;
    font-size: 18px;
    padding-left: 12px;
    font-weight: lighter;
}
.cutout-title {
    text-align: center;
    line-height: 45px;
    font-size: 18px;
    padding-left: 12px;
    font-weight: lighter;
}
.filepicker-side {
    position: relative;
    float: left;
    width: 200px;
    height: 555px;
    background-color: #eee;
    border-right: 1px solid #E6E6E6;
    margin-left: -1px;
}

.filepicker-main {
    position: relative;
    float: right;
    width: 600px;
    height: 555px;
    overflow: auto;
}

.filepicker-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    text-align: center;
    display: none;
}

.filepicker-loading:before {
    display: block;
    height: 50%;
    content: '';
}

.filepicker-loading.active {
    display: block;
}

.filepicker-list {
    background-color:#1c1f26;
    color:#fff;
    font-weight:100;
}

.filepicker-list-item {
    padding: .4em;
    cursor: pointer;
    transition: .3s;
    font-size: 16px;
}

.filepicker-list-item:hover,
.filepicker-list-item.active {
    background-color: #333740;
    color: #fff;
}

#filepicker-sources-list .icon,
#filepicker-main-list .icon {
    /*margin-top: -0.3em;*/
    margin-right: .4em;

}

#filepicker-sources-list {
    height: 555px;
    overflow: auto;
}
.icon-facebook {
    background-image: url(https://cdn.pizap.com/pizapfiles/images/file_picker_icons/facebook.png);
}

.icon-twitter {
    background-image: url(https://cdn.pizap.com/pizapfiles/images/twitter-icon-20px.png);
}

.icon-tumblr {
    background-image: url(https://cdn.pizap.com/pizapfiles/images/tumblr-icon-20px.png);
}

.icon-instagram {
    background-image: url(https://cdn.pizap.com/pizapfiles/images/file_picker_icons/instagram.png);
}

.icon-flickr {
    background-image: url(https://cdn.pizap.com/pizapfiles/images/file_picker_icons/flickr.png);
}
.icon-google {
    background-image: url(https://cdn.pizap.com/pizapfiles/images/file_picker_icons/google.png);
}
.icon-backgrounds {
    background-image: url(../images/editor/pizap-stock-images-icon.png);
}
.icon-webcam {
    background-image: url(https://cdn.pizap.com/pizapfiles/images/file_picker_icons/webcam.png);
}
.icon-picasa {
    background-image: url(https://cdn.pizap.com/pizapfiles/images/file_picker_icons/picasa.png);
}
.icon-google-photos {
    background-image: url(../images/editor/Google_Photos_icon.svg);
}
.photopicker {
    font-size: 16px;
}
/*---------------------------------*/
.photopicker-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .75);
    font-family: 'PT Sans', sans-serif;
    color: #424242;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 10;
}

.photopicker-dialog * {
    margin: 0;
    padding: 0;
}

.photopicker-dialog a {
    text-decoration: none;
    cursor: pointer;
}

.photopicker .icon {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.photopicker-dialog-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 970px;
    height: 500px;
    overflow: hidden;
    background-color: #1c1f26;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.photopicker-navbar {
    position: relative;
    height: 45px;
    background-color: #343f4f;
    width: 100%;
    color: #fff;
}

.photopicker-navbar-right-btn {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 45px;
    padding: 0 15px;
    color: #fff;
}

.photopicker-navbar-left-btn {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 45px;
    padding: 0 0 0 15px;
    color: #fff;
}

.photopicker-title {
    text-align: center;
    line-height: 45px;
    font-size:16px;
}

.photopicker-side {
    position: relative;
    float: left;
    width: 200px;
    height: 455px;
    background-color: #eee;
    border-right: 1px solid #E6E6E6;
    margin-left: -1px;
}

.photopicker-main {
    position: relative;
    float: right;
    width: 600px;
    height: 455px;
    overflow: auto;
}

.photopicker-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
    color: #fff;
    text-align: center;
    display: none;
}

.photopicker-loading:before {
    display: block;
    height: 50%;
    content: '';
}

.photopicker-loading.active {
    display: block;
}

.photopicker-list {

}

.photopicker-list-item {

    padding: .3em;
    cursor: pointer;
    transition: .3s;
    color: white;
    font-weight:lighter;
}

.photopicker-list-item img{
    padding-right:10px;
    height:30px;
    vertical-align: middle;
}
.photopicker-list-item span{
    vertical-align: middle;
}


.photopicker-list-item:link{

    color:#fff;
}

.photopicker-list-item:visited{

    color:#fff;
    font-weight:100;
}


.photopicker-list-item:hover{
    background-color: #333740;
    color: #fff;
}
.photopicker-list-item.active {
    background-color: #333740;
    color: #1467c2;
}

#photopicker-albums-list .icon,
#photopicker-main-list .icon {
    /*margin-top: -0.3em;*/
    margin-right: 25px;
}

#photopicker-albums-list {
    height: 455px;
    overflow: auto;
    width:264px;
    float:left;
    background-color: #1c1f26;
    overflow-x: hidden;
}

#photopicker-album-files {
    float:left;
    height: 455px;
    overflow: auto;
    width: 706px;
    background-color: #1c1f26;
}
.photopicker-photo-item {
    width: 112px;
    height: 112px;
    float:left;
    margin:1px;
    position: relative;
}
#photopicker-album-files img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

@supports (-ms-ime-align:auto) {
    #photopicker-album-files img {
        height: auto;
    }
}

.login-dialog {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 390px;
    height: 500px;
    border-radius: 4px;
    background-color: #141517;
    z-index: 1000;
    margin-top: -225px;
}
.login-container {
    margin: 8px;
    height: 459px;
}
.login-logo-container {
    height: 65px;
    background-color: #1b1f25;
}
.login-logo-container .icon-pizap{
    height: 30px;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 17px
}
.login-logo-container .colorBar div {
    height: 6px;
}
.login-main-btns {
    color: #FFF;
    text-align: center;
    height: 418px;
}

.store-overview .login-main-btns {
    width: 389px;
    height: 381px;
}

#storeOptions {
    text-align: center;
    text-align: -webkit-center;
}

.login-main-email {
    color: #FFF;
    text-align: center;
    background-color: #0d0f12;
    height: 387px;
}
.store-overview .login-main-email {
    width: 389px;
    height: 381px;
}

.login-main-forgot {
    color: #FFF;
    text-align: center;
    background-color: #0d0f12;
    height: 349px;
}
.store-overview .login-main-forgot {
    width: 389px;
    height: 381px;
}

.login-main-register {
    color: #FFF;
    text-align: center;
    background-color: #0d0f12;
    height: 349px;
}
.store-overview .login-main-register {
    width: 389px;
    height: 381px;
}

.login-main-email input {
    width: 275px;
    margin-bottom: 20px;
    height: 28px;
    font-size: 18px;
    margin-left: 0;
}
.login-main-forgot input {
    width: 275px;
    margin-bottom: 20px;
    height: 28px;
    font-size: 18px;
    margin-left: 0;
    margin-top: 40px;
}
.login-main-register input {
    width: 275px;
    margin-bottom: 15px;
    height: 20px;
    font-size: 14px;
    margin-left: 0;
}
.login-main-email .btn-green {
    width: 283px;
    margin-bottom: 20px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}
.login-main-forgot .btn-green {
    width: 283px;
    margin-bottom: 20px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
    margin-top: 20px;
}
.login-main-forgot span {
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
.login-main-register .btn-green {
    width: 283px;
    margin-bottom: 20px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
}
.create-account{
    font-size: 15px;
    margin-bottom: 20px;
}
.forgot-password{
    font-size: 15px;

}
.login-main-btns a.btn{
    display: block;
    width: 275px;
    height: 36px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
    position: relative;
}
.store-overview .login-main-btns a.btn {
    height: 52px;
}
.login-main-btns .icon {
    position: absolute;
    left: 10px;
    height: 25px;
    width: 25px;
    top: 13px;
}
.login-main-btns span {
    font-size: 18px;
    margin-top: 12px;
    display: inherit;
}

.store-overview .login-main-btns span {
    font-size: 20px;
    margin-top: 18px;
    display: inline-block;
}

.login-instruction {
    margin-top: 0px !important;
    padding-top: 20px;
    margin-bottom: 20px;
    display: block;
    font-size: 16px;
}
.login-forgot {
    margin-top: 0px !important;
    padding-top: 25px;
    margin-bottom: 22px;
    display: block;
    font-size: 16px;
    width: 275px;
    margin-left: auto;
    margin-right: auto;
}
.register-instruction {
    margin-top: 12px !important;
    padding-top: 5px;
    margin-bottom: 12px;
    display: block;
    font-size: 16px;
}
.login-close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: #FFF;
    font-size: 35px;
}
.login-close:hover {
    color: #1467c2;
}
.btn.btn-green {
    background-color: #00897B;
    margin-left: 0px;
}

.btn.btn-green:hover {
    background-color: #19A798;
}

.btn.btn-facebook {
    background-color: #3b5998;
}

.btn.btn-gplus {
    background-color: #FFFFFF;
    color: #494949;
}
.btn.btn-email {
    background-color: #344050
}

.btn.btn-twitter {
    background-color: #55acee;
}

.webcam-dialog {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    font-family: 'PT Sans', sans-serif;
    color: #424242;
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.webcam-dialog-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 640px;
    height: 590px;
    overflow: hidden;
    background-color: #1c1f26;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.webcam-navbar {
    position: relative;
    height: 45px;
    background-color: #343f4f;
    width: 100%;
    color: #fff;
}

.webcam-navbar-right-btn {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 45px;
    padding: 0 15px;
    color: #fff;
}

.webcam-title {
    text-align: left;
    line-height: 45px;
    font-size: 18px;
    padding-left: 12px;
    font-weight: lighter;
}

#camera {
    width: 640px;
    height: 480px;
}

.btn.btn-snap {
    background-color: #00897B;
    margin-left: 0px;
    float: right;
    margin-right: 15px;
    margin-top: 15px;
    width: 175px;
}

.btn.btn-snap:hover {
    background-color: #19A798;
}

.editor-properties-holder {
    position: absolute;
    left:312px;
    height: 245px;
    top: 100px;
    z-index: 1;
}

@supports (-ms-ime-align:auto) {
    .editor-properties-holder {
        height: 255px;
    }
}
.editor-properties-holder-pro {
    position: absolute;
    left:312px;
    height: 245px;
    top: 100px;
    z-index: 1;
}
.editor-collage-holder {
    position: absolute;
    left:312px;
    height: 125px;
    top: 100px;
    z-index: 1;
}

.editor-collage-holder input {
    width: 90%;
}
.editor-collage-holder-pro input {
    width: 90%;
}

@supports (-ms-ime-align:auto) {
    .editor-collage-holder {
        height: 135px;
    }
}
.editor-collage-holder-pro {
    position: absolute;
    left:312px;
    height: 125px;
    top: 100px;
    z-index: 1;
}

.editor-properties-dialog{
    width:80px;
    margin: 0 auto;
    height: 100%;
    border: 1px solid #252a31;
    background-color: #1b1f25;
    border-radius: .5em;
    color: #FFF;
}

/*.undo-holder {
    position: absolute;
    left:515px;
    right: 175px;
    height: 20px;
    top: 5px;
}
*/
.undo-holder{
    position: absolute;
    top: 9px;
    left: 325px;
}
.undo-dialog {
    width:150px;
    margin: 0 auto;
    height: 100%;
}
.undoBtn {
    color: #FFF;
    float: left;
    padding-right: 15px;
}
.undoBtn:hover {
    color: #1965b1;
}
.undoBtn:hover .a {
    fill: #1965b1;
}
.undoBtn.disabled {
    color: #777777;
}
.undoBtn.disabled .a{
    fill: #777;
}
.undoBtn.disabled:hover .a{
    fill: #777;
}

.undoBtn span{
    vertical-align: super;
    padding-left: 10px;
    display:none;
}
.redoBtn {
    color: #FFF;
}
.redoBtn:hover {
    color: #1965b1;
}
.redoBtn:hover .a {
    fill: #1965b1;
}
.redoBtn.disabled {
    color: #777777;
}
.redoBtn.disabled .a{
    fill: #777;
}
.redoBtn.disabled:hover .a{
    fill: #777;
}

.redoBtn span{
    vertical-align: super;
    padding-left: 10px;
    display:none;
}
.prop-group{
    width: 38px;
    height:30px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
}
.prop-group-wide{
    width: 88px;
    float: left;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 1px;
    position: relative;
    top: 5px;
}
.prop-labels {
    position: absolute;
    top: 0;
    left: 10px;
    color: #FFF;
}
.prop-group svg {
    padding-top: 10px;
    padding-left: 12px;
}

.prop-group:hover svg path {
    fill: #1965b1;
}
.prop-trash{
    background-image: url(../images/editor/trash.png);
}
.prop-copy{
    background-image: url(../images/editor/copy.png);
}
.prop-color{
    background-image: url(../images/editor/color.png);
    background-size: 20px 20px;
}
.prop-alpha{
    background-image: url(../images/editor/fade.png);
    background-size: 20px 20px;
}
.prop-horizontal{
    background-image: url(../images/editor/flip_horizontal.png);
}
.prop-vertical{
    background-image: url(../images/editor/filp_vertical.png);
}
.prop-rotate-left{
    background-image: url(../images/editor/rotate-left.png);
}
.prop-rotate-right{
    background-image: url(../images/editor/rotate-right.png);
}
.prop-front{
    background-image: url(../images/editor/move-front.png);
}
.prop-back{
    background-image: url(../images/editor/move-back.png);
}
.prop-blend{
    margin-top: 6px;
    margin-left: 6px;
}

.paint_brush {
    background-image: url(../images/editor/paint_brush.png);
    background-size: 56px 57px;
    width: 75px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-right: 15px;
    background-color: #2d3644;
    border-radius: 15px;
}
.paint_brush.disabled {
    background-image: url(../images/editor/paint_brush_disabled.png);
    background-color: #252a32
}

.eraser {
    background-image: url(../images/editor/eraser.png);
    background-size: 60px 52px;
    width: 75px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #2d3644;
    border-radius: 15px;
}
.eraser.disabled {
    background-image: url(../images/editor/eraser_disabled.png);
    background-color: #252a32
}

.icon-row{
    padding-left: 10px;
    padding-right : 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.col-2 {
    width: 102px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
}
.col-3 {
    width: 60px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding-left:0;
}
.previous-cutouts {
    background-image: url(../images/editor/menu-cut.png);
    background-size: 41px 40px;
    background-position: left;
    background-repeat: no-repeat;
    padding: 10px;
    padding-left: 50px;
    font-size: 17px;
    color: #FFF;
    display: block;
}
.brush-size {
    background-image: url(../images/editor/brush-size.png);
    background-size: 35px 38px;
    background-position: left;
    background-repeat: no-repeat;
    padding: 10px;
    padding-left: 50px;
    font-size: 17px;
    color: #FFF;
    display: block;
 }
.font-size {
    font-size: 12px;
    color: #FFF;
    display: block;
    text-align: left;
    margin-bottom: 6px;
}
.alignIcon{
    height: 16px;
    margin-right:4px;
    padding:6px;
}
.alignIcon:nth-child(3) {
    margin-right:50px;
}
.alignIcon.active {
    background-color: #111217;
}
.font {
    font-size: 12px;
    color: #FFF;
    display: block;
    text-align: left;
}
.fontSelected {
    background-color: #1a1e25;
    font-size: 20px;
    padding: 10px;
    border-radius: 3px;
    width: 226px;
    text-align: left;
    color: #FFFFFF;
    background-image: url(../images/editor/right-arrow-simple.svg);
    background-position: 223px center;
    background-repeat: no-repeat;
    background-size: 10px;
}
.fontTabContainer{
    position: fixed;
    top: 50px;
    bottom: 50px;
    left: 312px;
    z-index: 20;
}
.glow {
    background-image: url(../images/editor/text-glow.png);
    background-size: 36px 43px;
    background-position: left;
    background-repeat: no-repeat;
    padding: 10px;
    padding-left: 50px;
    margin-bottom: 15px;
    font-size: 17px;
    color: #FFF;
    display: block;
}

.circle-active{
    background: #76e96e !important;
}
.circle_50 {
    width: 50px;
    height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #555a67;
    display: inline-block;
}
.circle_36 {
    width: 40px;
    height: 40px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: #555a67;
    display: inline-block;
    margin-right: 19px;
}
.circle_26 {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #555a67;
    display: inline-block;
    margin-right: 19px;
}
.circle_16 {
    width: 20px;
    height: 20px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background: #555a67;
    display: inline-block;
    margin-right: 19px;
}
.circle_8 {
    width: 12px;
    height: 12px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background: #555a67;
    display: inline-block;
    margin-right: 19px;
}
.brush-color {
    background-image: url(../images/editor/paint-color.png);
    background-size: 35px 38px;
    background-position: left;
    background-repeat: no-repeat;
    padding: 10px;
    padding-left: 50px;
    font-size: 17px;
    color: #FFF;
    display: block;
    margin-bottom: 15px;
}

.color_20 {
    width: 14px;
    height: 14px;
    background: #76e96e;
    display: inline-block;
    margin-right: 3.5px;
    margin-bottom: 1px;
}
.color1_1 {background-color:  #330000}
.color1_2 {background-color:  #331900}
.color1_3 {background-color:  #333300}
.color1_4 {background-color:  #193300}
.color1_5 {background-color:  #003300}
.color1_6 {background-color:  #003319}
.color1_7 {background-color:  #003333}
.color1_8 {background-color:  #001933}
.color1_9 {background-color:  #000033}
.color1_10 {background-color: #190033}
.color1_11 {background-color: #330033}
.color1_12 {background-color: #330019}
.color1_13 {background-color: #000000}

.color2_1 {background-color:  #660000}
.color2_2 {background-color:  #663300}
.color2_3 {background-color:  #666600}
.color2_4 {background-color:  #336600}
.color2_5 {background-color:  #006600}
.color2_6 {background-color:  #006633}
.color2_7 {background-color:  #006666}
.color2_8 {background-color:  #003366}
.color2_9 {background-color:  #000066}
.color2_10 {background-color: #330066}
.color2_11 {background-color: #660066}
.color2_12 {background-color: #660033}
.color2_13 {background-color: #202020}

.color3_1 {background-color:  #990000}
.color3_2 {background-color:  #994C00}
.color3_3 {background-color:  #999900}
.color3_4 {background-color:  #4C9900}
.color3_5 {background-color:  #009900}
.color3_6 {background-color:  #00994C}
.color3_7 {background-color:  #009999}
.color3_8 {background-color:  #004C99}
.color3_9 {background-color:  #000099}
.color3_10 {background-color: #4C0099}
.color3_11 {background-color: #990099}
.color3_12 {background-color: #99004C}
.color3_13 {background-color: #404040}

.color4_1 {background-color:  #CC0000}
.color4_2 {background-color:  #CC6600}
.color4_3 {background-color:  #CCCC00}
.color4_4 {background-color:  #66CC00}
.color4_5 {background-color:  #00CC00}
.color4_6 {background-color:  #00CC66}
.color4_7 {background-color:  #00CCCC}
.color4_8 {background-color:  #0066CC}
.color4_9 {background-color:  #0000CC}
.color4_10 {background-color: #6600CC}
.color4_11 {background-color: #CC00CC}
.color4_12 {background-color: #CC0066}
.color4_13 {background-color: #606060}

.color5_1 {background-color:  #FF0000}
.color5_2 {background-color:  #FF8000}
.color5_3 {background-color:  #FFFF00}
.color5_4 {background-color:  #80FF00}
.color5_5 {background-color:  #00FF00}
.color5_6 {background-color:  #00FF80}
.color5_7 {background-color:  #00FFFF}
.color5_8 {background-color:  #0080FF}
.color5_9 {background-color:  #0000FF}
.color5_10 {background-color: #7F00FF}
.color5_11 {background-color: #FF00FF}
.color5_12 {background-color: #FF007F}
.color5_13 {background-color: #808080}

.color6_1 {background-color:  #FF3333}
.color6_2 {background-color:  #FF9933}
.color6_3 {background-color:  #FFFF33}
.color6_4 {background-color:  #99FF33}
.color6_5 {background-color:  #33FF33}
.color6_6 {background-color:  #33FF99}
.color6_7 {background-color:  #33FFFF}
.color6_8 {background-color:  #3399FF}
.color6_9 {background-color:  #3333FF}
.color6_10 {background-color: #9933FF}
.color6_11 {background-color: #FF33FF}
.color6_12 {background-color: #FF3399}
.color6_13 {background-color: #A0A0A0}

.color7_1 {background-color:  #FF6666}
.color7_2 {background-color:  #FFB266}
.color7_3 {background-color:  #FFFF66}
.color7_4 {background-color:  #B2FF66}
.color7_5 {background-color:  #66FF66}
.color7_6 {background-color:  #66FFB2}
.color7_7 {background-color:  #66FFFF}
.color7_8 {background-color:  #66B2FF}
.color7_9 {background-color:  #6666FF}
.color7_10 {background-color: #B266FF}
.color7_11 {background-color: #FF66FF}
.color7_12 {background-color: #FF66B2}
.color7_13 {background-color: #C0C0C0}

.color8_1 {background-color:  #FF9999}
.color8_2 {background-color:  #FFCC99}
.color8_3 {background-color:  #FFFF99}
.color8_4 {background-color:  #CCFF99}
.color8_5 {background-color:  #99FF99}
.color8_6 {background-color:  #99FFCC}
.color8_7 {background-color:  #99FFFF}
.color8_8 {background-color:  #99CCFF}
.color8_9 {background-color:  #9999FF}
.color8_10 {background-color: #CC99FF}
.color8_11 {background-color: #FF99FF}
.color8_12 {background-color: #FF99CC}
.color8_13 {background-color: #E0E0E0}

.color9_1 {background-color:  #FFCCCC}
.color9_2 {background-color:  #FFE5CC}
.color9_3 {background-color:  #FFFFCC}
.color9_4 {background-color:  #E5FFCC}
.color9_5 {background-color:  #CCFFCC}
.color9_6 {background-color:  #CCFFE5}
.color9_7 {background-color:  #CCFFFF}
.color9_8 {background-color:  #CCE5FF}
.color9_9 {background-color:  #CCCCFF}
.color9_10 {background-color: #E5CCFF}
.color9_11 {background-color: #FFCCFF}
.color9_12 {background-color: #FFCCE5}
.color9_13 {background-color: #FFFFFF}

.color-picker {
    display: inline-block;
    width: 33%;
    align-content: center;
}
#menu-meme-top .color-picker {
    width: auto;
    vertical-align: middle;
}
#menu-meme-bottom .color-picker{
    width: auto;
    vertical-align: middle;
}
.color-picker input{
    margin-left: 10px;
}
.color-picker-horizontal input{
    margin-right: 10px;
}

.memeClear {
    float: right;
    color: #f05454;
    font-size: 16px;
    padding-top: 42px;
}
#preview-paint{
    display:block;
    margin: 8px auto;
}
.color-picker-horizontal #preview-paint{
    margin:0;
    margin-left: 10px;
    display:inline-block;
}
.color-picker-horizontal input[type="range"] {
    margin: 0;
    margin-left: 10px;
    display: inline-block;
    position: absolute;
    top: 17px;
    left: 158px;
    width: 80px;
}
#fontRange{
    width: 100px;
}

.font-select{
    width:100%;
    margin-top: 15px;
}
.font-select {
    background: #252a32;
    width: 100%;
    padding: 5px;
    font-size: 16px;
    line-height: 1;
    border: 0;
    border-radius: 0;
    color: #FFF;
}
.text-bubble{
    margin-top: 15px;
    margin-left: 10px;
    margin-right: 10px;
}
.text-area {
    width: 220px;
    margin-top: 10px;
    height: 75px;
    margin-left: 0;
}
.font-selection {
    height: 100%;
    overflow: scroll;
    font-size: 18px;
    background-color: #FFF;
    color: #000;
    text-align: left;
    width: 232px;
    overflow-x: hidden;
}

.font-option {
    display: block;
    height: 48px;
    white-space: nowrap;
}

.tab {
    width: 116px;
    display: inline-block;
    text-align: center;
    background-color: #363e4b;
    color: #FFF;
    padding-top: 10px;
    padding-bottom: 10px;
}

.tab.selected {
    background-color: #1a1e25;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #999;
    float: right;
    display: inline-block;
    margin-left: 10px;
    margin-top: 12px;
}
.arrow-up {
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #999;
    float: right;
    display: inline-block;
    margin-left: 10px;
    margin-top: 10px;
}

#cutoutCanvas{
    display: none;
    background-color: transparent;
}

.btnCutout {
    width: 71px;
    margin-bottom: 5px;
}

.cutouts {
    display: inline-block;
}
#menu-container .cutouts .photopicker-photo-item {
    float:left;
    width: 55px;
    height: 55px;
    text-align: center;
    cursor: pointer;
}
#menu-container .cutouts .photopicker-photo-item img {
    padding-right:0;
    height: 45px;
    max-width: 55px;
    padding-top: 5px;
}
button:focus {outline:0;}

.zoomRange {width: 100%;}

.status-bar{
    position: relative;
    margin-top: 20px;
    height: 97px;
}
.status-circle:first-child {
    position: absolute;
    left: 8px;
    top: 5px;
}
.status-circle:nth-child(3){
    position: absolute;
    left: 105px;
    top: 5px;
}
.status-circle:last-child {
    position: absolute;
    left: 200px;
    top: 5px;
}

.status-circle{
    background-color: #333942;
    color: #6e7176;
    height: 48px;
    width: 48px;
    border-radius: 24px;
    display: table;
    text-align: center;
}
.connector:nth-child(2){
    position: absolute;
    top: 26px;
    left: 55px;
}
.connector:nth-child(4){
    position: absolute;
    top: 26px;
    left: 150px;
}
.connector{
    height: 6px;
    width: 50px;
    background-color: #333942;
}
.status-circle span {
    font-size: 24px;
    font-weight: bold;
    display: table-cell;
    vertical-align: middle;
}
.status-blue {
    background-color: #1976d2;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    display: table;
    text-align: center;
    margin-left:4px;
    margin-top: 4px;
    color:#FFF;
}
.status-grey {
    background-color: #333942;
    height: 40px;
    width: 40px;
    border-radius: 20px;
    display: table;
    text-align: center;
    margin-left:4px;
    margin-top: 4px;
}
.status-text{
    position: absolute;
    top: 62px;
    font-family: 'PT Sans', sans-serif;
    font-size: 11px;
    color: #6e7176;
}
.status-text:first-child{
    left: 7px;
}
.status-text:last-child {
    left: 195px;
}
.status-text:nth-child(2){
    left: 95px;
}
.status-text.active {
    color: #FFF;
}
.cutout-tabs {
    width: 100%;
    height: 50px;
}
.cutout-tab {
    width: 50%;
    display: inline-block;
    background-color: #1b1f25;
    height: 100%;
    font-family: 'PT Sans', sans-serif;
    font-size: 22px;
    background-repeat: no-repeat;
}
.cutout-tab.active{
    width: 50%;
    display: inline-block;
    background-color: #252a32;
}
.cutout-tab > img {
    margin-left: 5px;
    margin-top: 12px;
    vertical-align: middle;
}
.cutout-tab > span {
    margin-left: 10px;
    vertical-align: bottom;
    color: #FFF;
}

.cutout-step1 {
    display: block;
    margin: 20px;
    font-size: 14px;
    color: #FFF;
    font-weight: 300;
    text-align: justify;
}

.cutout-curve img {
    padding-right: 15px;
    vertical-align: text-top;
}
.cutout-curve input {
    margin-right: 15px;
    vertical-align: bottom;

}
.cutout-curve span {
    vertical-align: bottom;
}
.cutout-curve div {
    margin-bottom: 5px;
}
.cutoutFinishBtn {
    background-color: #1976d2;
    border-radius: 2px;
    margin-top: 50px;
    width: 114px;
}
.cutoutCancelBtn {
    background-color: #576c89;
    border-radius: 2px;
    margin-top: 50px;
    width: 114px;
}
.addText {
    background-color: #1976d2;
    border-radius: 2px;
    width: 110px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.collageApplyText {
    background-color: #1976d2;
    border-radius: 2px;
    width: 110px;
    margin-top: 15px;
    margin-bottom: 10px;
}
.mainBtn {
    background-color: #333945;
    width: 242px;
    margin: 15px 10px 0;
    border-radius: 2px;
    height: 40px;
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 13px;
    font-size: 11px;
}

.mainAutofixBtn {
    width: 72px;
    height: 50px;
    margin: 10px 0px 0px 10px;
    padding-top: 5px;
    color: #FFF;
    float: left;
}
.mainAutofixBtn span {
    display: block;
}
.mainCropBtn {
    width: 72px;
    height: 50px;
    margin: 10px 5px 0px 5px;
    padding-top: 5px;
    float: left;
    color: #FFF;
}
.mainBtn:hover svg path {
    fill:#1976d2;fill-opacity:0.9922;
}
.mainBtn:hover {
    color: #1976d2;
}
.mainCropBtn span {
    display: block;
}

.mainRotateBtn {
    width: 72px;
    height: 50px;
    margin: 10px 0 0px 5px;
    padding-top: 5px;
    float: left;
    color: #FFF;
}

.mainRotateBtn span {
    display: block;
}

.mainItemDiv input {
    display: block;
    width: 213px;
}
.mainItemDiv {
    text-align: left;
    margin-left: 15px;
    margin-top: 10px;
    color: #FFF;
    font-size: 11px;
    padding-bottom: 7px;
}
.mainItemDiv span {
    text-align: left;
}
.menuad{
    display: none;
}

@media (min-height: 650px) {
    .menuad{
        width: 300px;
        height: 250px;
        position: absolute;
        bottom: 6px;
        left: 6px;
        display: block;
    }
    .menu-container {
        bottom: 262px;
    }
}
.leftmenu {
    background-color: #1b1f25;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 312px;
    z-index: 1;
}
.exposureSvg {
    background-image: url(../images/editor/exposure.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
}
.temperatureSvg {
    background-image: url(../images/editor/temperature.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
}
.brightnessSvg {
    background-image: url(../images/editor/brightness.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
}
.contrastSvg {
    background-image: url(../images/editor/contrast.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
}
.saturationSvg {
    background-image: url(../images/editor/saturation.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
}
.hueSvg {
    background-image: url(../images/editor/hue.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
}
.sharpenSvg {
    background-image: url(../images/editor/sharpen.svg);
    background-repeat: no-repeat;
    padding-left: 25px;
}
.navbar{
    height: 40px;
    background-color: #1b1f25;
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    z-index: 1;
}

.hamburger{
    position:fixed;
    right: 10px;
    height: 40px;
    top:0;
}

.hue-slider::-webkit-slider-runnable-track{
    background: -webkit-linear-gradient(left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    height: 8px;
}
.hue-slider::-moz-range-track{
    background: -moz-linear-gradient(left, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    height: 8px;
}
.saturation-slider::-webkit-slider-runnable-track {
    background: -webkit-linear-gradient(left, #808080 0%, #ff0000 100%);
    background: -linear-linear-gradient(left, #808080 0%, #ff0000 100%);
    height: 8px;
}
.saturation-slider::-moz-range-track{
    background: -moz-linear-gradient(left, #808080 0%, #ff0000 100%);
    height: 8px;
}
.brightness-slider::-webkit-slider-runnable-track {
    background: -webkit-linear-gradient(left, #000000 0%, #ffffff 100%);
    background: -linear-linear-gradient(left, #000000 0%, #ffffff 100%);
    height: 8px;
}
.brightness-slider::-moz-range-track {
    background: -moz-linear-gradient(left, #000000 0%, #ffffff 100%);
    height: 8px;
}

.alpha-slider::-webkit-slider-runnable-track {
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -linear-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    height: 8px;
}
.alpha-slider::-moz-range-track {
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    height: 8px;
}
.alpha-slider{
    width: 75px;
}

.prop-group-wide .hue-slider {
    width: 75px;
}
.prop-group-wide input[type="range"]{
    margin-top:28px;
}

@supports (-ms-ime-align:auto) {
    .prop-group-wide input[type="range"] {
        margin-top: 22px;
    }
}

input[type=range]::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: transparent;
    border-color: transparent;
    color: transparent;
}
input[type=range]::-ms-tooltip { display: none; }
input[type=range]::-ms-fill-lower {
    background-color: #46acd7;
}
input[type=range]::-ms-fill-upper {
    background-color: #46acd7;
}
.temperature-slider::-webkit-slider-runnable-track {
    background: -webkit-linear-gradient(left, #2443d0 0%, #e1c508 100%);
    background: -linear-linear-gradient(left, #2443d0 0%, #e1c508 100%);
    height: 8px;
}
.temperature-slider::-ms-track {
    background-image: linear-gradient(left, #2443d0 0%, #e1c508 100%);
}
.temperature-slider::-moz-range-track {
    background: -moz-linear-gradient(left, #2443d0 0%, #e1c508 100%);
    height: 8px;
}
.red-slider::-webkit-slider-runnable-track {
    background: -webkit-linear-gradient(left, #00601b 0%, #ff001c 100%);
    background: -linear-linear-gradient(left, #00601b 0%, #ff001c 100%);
    height: 8px;
}
.red-slider::-moz-range-track {
    background: -moz-linear-gradient(left, #00601b 0%, #ff001c 100%);
    height: 8px;
}

.green-slider::-webkit-slider-runnable-track {
    background: -webkit-linear-gradient(left, #ff1bd7 0%, #3cfd22 100%);
    background: -linear-linear-gradient(left, #ff1bd7 0%, #3cfd22 100%);
    height: 8px;
}
.green-slider::-moz-range-track {
    background: -moz-linear-gradient(left, #ff1bd7 0%, #3cfd22 100%);
    height: 8px;
}
.blue2-slider::-webkit-slider-runnable-track {
    background: -webkit-linear-gradient(left, #fbdc0b 0%, #001eff 100%);
    background: -linear-linear-gradient(left, #fbdc0b 0%, #001eff 100%);
    height: 8px;
}
.blue2-slider::-moz-range-track {
    background: -moz-linear-gradient(left, #fbdc0b 0%, #001eff 100%);
    height: 8px;
}

input[type="range"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    outline: none;
    margin-top: 9px;
}




@-moz-document url-prefix() {
    input[type="range"]{
        margin-top: 0px;
    }
}
input[type="range"]::-webkit-slider-thumb {
    z-index: 1;
    width: 12px;
    height: 14px;
    position: relative;
    top: -12px;
    background-image: url('../images/editor/slider-control.png');
    background-color: transparent;
    background-size: contain;
    border: none;
    outline: none;
    cursor: pointer;
    -webkit-appearance: none;
}
input[type="range"]::-moz-range-thumb {
    z-index: 1;
    width: 12px;
    height: 14px;
    position: relative;
    top: -12px;
    background-image: url('../images/editor/slider-control.png');
    background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;
    border: none;
    outline: none;
    cursor: pointer;
    -moz-appearance: none;
}
input[type="range"]::-webkit-slider-runnable-track {
    cursor: pointer;
    height: 2px;
}
input[type="range"]::-webkit-slider-runnable-track:hover {
    cursor: pointer;
}
input[type="range"]::-moz-range-track {
    /*    background-color: #46acd7; */
    height: 2px;
}

.alpha-slider input[type="range"]::-webkit-slider-runnable-track {
    background-color: transparent
}

    .blue-slider {
        width: 228px;
        -webkit-appearance: none;
        background-color: #46acd7;
        outline: none;
        margin-top: 10px;
    }
    .blue-slider::-webkit-slider-runnable-track {
        background-color: #46acd7;
        height: 6px;
    }

.blue-slider::-webkit-slider-thumb {
    cursor: pointer;
    outline: none;
    -webkit-appearance: none;
    background-color: #46acd7;
    background-image: url('../images/editor/slider-control.png');
    background-size: contain;
    z-index: 99;
    width: 12px;
    height: 14px;
    position: relative;
    top: 0px;
}
/** FF*/
.blue-slider::-moz-range-progress {
    background-color: #46acd7;
}
.blue-slider::-moz-range-track {
    background-color: #46acd7;
    height: 2px;
}
/* IE*/
.blue-slider::-ms-fill-lower {
    background-color: #46acd7;
}
.blue-slider::-ms-fill-upper {
    background-color: #46acd7;
}
input[type="range"]::-ms-thumb{
    background-image: url('../images/editor/slider-control.png');
    background-repeat: no-repeat;
    background-size: contain;
    width:12px;
    height:14px;
    z-index: 9999;
    display: block;
    background-color: transparent;
}



.right-ad-container{
    width: 172px;
    position: absolute;
    right:0;
    background-color: #1b1f25;
    top: 40px;
    bottom: 0px;
    justify-content: center;
    display: flex;
    overflow-y: hidden;
}
.bottom-ad-container{
    height: 102px;
    position: absolute;
    bottom: 0;
    background-color: #1b1f25;
    left: 312px;
    right: 172px;
}
.bottom-ad {
    width: 728px;
    height: 90px;
    margin: 6px auto;
}
.right-ad {
    width: 160px;
    height: 600px;
    align-self: center;
}
.right-pro {
    display: none;
}
@media (min-height: 690px) {
    .right-pro {
        margin-top: 10px;
        margin-left: 35px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        display: block;
    }
    .right-pro img {
        height: 36px;
        display: inline-block;
        vertical-align: middle;
    }
    .right-pro span {
        color: #FFF;
        display: inline-block;
        margin-left: 10px;
        font-size: 15px;
    }
}

.bottom-pro {
    display: none;
}
@media (min-width: 1340px) {
    .bottom-ad {
        margin: 6px 130px 6px auto;
    }
    .bottom-pro {
        position: absolute;
        right: 10px;
        top: 33px;
        display: block;
    }
    .bottom-pro img {
        height: 16px;
        display: inline-block;
        vertical-align: middle;
    }
    .bottom-pro span {
        color: #FFF;
        display: inline-block;
        margin-left: 7px;
        margin-top: 2px;
        font-size: 15px;
        vertical-align: middle;
    }
    .bottom-pro .link {
        color: #3d7dec;
        display: block;
        margin-left: 0px;
        margin-top: 5px;
        font-size: 15px;
    }
}
@media (min-width: 1470px){
    .bottom-ad {
        margin: 6px auto;
    }

}

.hamburgerMenu {
    position: fixed;
    top: 40px;
    right: 10px;
    background-color: #1b1f25;
    border-top: #484d53 solid 1px;
}
.hamburgerMenu span {
    display: block;
    padding: 10px;
    text-align: left;


}

.hamburgerMenu span:hover {
    color: #1965b1;
}

.accountMenu {
    position: fixed;
    top: 40px;
    right: 10px;
    width: 175px;
    background-color: #1b1f25;
    border-top: #484d53 solid 1px;
}
.accountMenu span {
    display: block;
    padding: 15px;

}

.accountMenu span:hover {
    color: #1965b1;
}
.loggedOutContainer {
    margin-top: 10px;
}
.vertical-slider {
    -webkit-appearance: slider-vertical !important;
    width: 20px;
    height: 40px;
    margin-left: 22px;
    margin-top: 0px !important;
}
.vertical-slider::-webkit-slider-runnable-track {
    width: 3px !important;
}
.vertical-slider::-webkit-slider-thumb {
    top: 0px !important;
}

.cropMenu {
    text-align: center;
    display: inherit;
    width: 110px;
    margin-left: 0;

}

.cropMenus span {
    display: block;
    text-align: center;
}

.cropMenus {
    margin: 10px;
    align-content: center;
}
.cropRow {
    text-align: center;
    text-align: -webkit-center;
    display: inline-table;
}

.mainCropCancel {
    background-color: #576c89;
    border-radius: 2px;
    margin-top: 20px;
}

.mainCropFinish {
    background-color: #1976d2;
    border-radius: 2px;
    margin-top: 20px;
}


/*PRO Dialog */
.store-overlay {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0);
    opacity: 0;
    transition: .3s;
    z-index: 1000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.store-overlay.active {
    top: 0;
    opacity: .8
}

.store-dialog {
    position: fixed;
    top: -100%;
    left: 50%;
    width: 500px;
    height: 550px;
    margin-left: -410px;
    margin-top: -275px;
    background-color: #0d0f12;
    box-shadow: 0 0 30px #000;
    opacity: 0;
    transition: .3s;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1500
}

.store-dialog.store-page {
    background-color: #fff
}

.store-dialog.active {
    top: 50%;
    opacity: 1;
    margin-top: -305px;
}

.store-navbar {
    position: relative;
    line-height: 45px;
    background-color: rgb(19,95,181);
    color: #fff
}

.store-navbar .title {
    text-align: center;
    font-size: 1.2em
}

.store-navbar a {
    padding: 0 15px
}

.store-navbar {
    margin-top: -45px
}

.store-navbar a,.store-navbar a:hover {
    color: #fff
}

.store-navbar .close {
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    background-image: url(//cdn.pizap.com/pizapfiles/images/close-icon.png);
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
}

.store-navbar .back {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    padding-left: 30px;
    background-image: url(//cdn.pizap.com/pizapfiles/images/back-icon.png);
    background-position: 0 center;
    background-repeat: no-repeat;
    display: block;
    cursor: pointer;
}

.store-navbar .back.active {
    display: block;
}

.store-content {
    overflow: hidden;
    border: 6px #141517 solid;
    height:598px;
}

.store-content .purchased {
    display: inline-block;
    padding: .5em 1em;
    background-color: #5FB404;
    color: #fff;
    border-radius: 5px
}

.store-content-inner {
}

.store-loading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,.5);
    z-index: 1000;
    background-image: url(//cdn.pizap.com/pizapfiles/images/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
    display: none
}

.store-loading.active {
    display: block
}

.store-page {
    display: none
}

.store-page.active {
    display: block
}

.store-list {
}

.store-list.active {
    display: block
}

.store-list .list-item {
    position: relative
}

.store-list .list-item:hover {
    background-color: #fafafa;
    cursor: pointer
}

.store-list .list-image {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 60px;
    height: 60px
}

.store-list .list-image img {
    max-width: 100%;
    max-height: 100%
}

.store-list .list-summary {
    margin-left: 90px;
    min-height: 60px;
    border-bottom: 1px solid #eee;
    padding: 15px 0;
    background-image: url(//cdn.pizap.com/pizapfiles/images/forward-icon.png);
    background-position: right center;
    background-repeat: no-repeat
}

.store-list .list-summary.without-cur {
    background-image: none
}

.store-list .list-title {
    font-size: 1.2em;
    margin-bottom: 5px
}

.store-list .list-purchase {
    position: absolute;
    top: 45px;
    right: 25px
}

.store-list .list-sub-title {
    font-size: .9em;
    color: rgb(19,95,181);
    margin-bottom: 5px
}

.store-list .list-description {
    color: #6E6E6E
}

.store-list .list-description img {
    max-height: 45px;
    margin: 0 5px 0 0
}

.store-overview {
    position: relative
}

.store-overview.active {
    display: block
}

.store-overview .overview-image {
    position: absolute;
    top: 15px;
    left: 15px;
    width: 90px;
    height: 90px
}

.store-overview-summary {
    margin-left: 105px;
    height: 90px;
    margin-bottom: 15px
}

.store-overview .overview-description {
    color: #6E6E6E;
    margin-bottom: 15px
}

.store-overview-summary {
    font-size: 1.2em
}

.store-overview-summary .summary-title {
    font-size: 1.2em;
    margin-bottom: 10px
}

.store-overview-summary .summary-price {
    font-size: .9em;
    color: rgb(19,95,181)
}

.store-overview-summary .summary-purchase {
    position: absolute;
    top: 35px;
    right: 15px
}

.store-overview .store-overview-list {
    overflow: hidden
}

.store-overview .store-overview-list .list-item {
    position: relative;
    float: left;
    width: 61px;
    height: 61px;
    border-radius: 10px;
    background-color: rgb(29,27,28);
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid;
    border-color: #CCC
}

.store-overview .store-overview-list img {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    max-width: 80%;
    max-height: 80%
}

.store-overview .summary-pay-btn {
    position: absolute;
    top: 30px;
    right: 15px
}

.store-paystatus {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 300px;
    height: 210px;
    background-color: #fff;
    border-radius: 10px;
    display: none;
    z-index: 1005
}

.store-paystatus.active {
    display: block
}

.store-paystatus .waiting {
    color: #1467c2;
    font-size: 1.2em
}

.store-paystatus .congrats {
    color: #5FB404;
    font-size: 1.2em
}

.store-paystatus .big-btn {
    display: inline-block;
    vertical-align: middle;
    padding: 8px 15px;
    border-radius: 5px;
    background-color: #1467c2;
    color: #fff
}

.store-paystatus a {
    color: #1467c2
}

.store-paystatus-content {
    padding: 15px;
    text-align: center
}

.store-progress {
    height: 20px;
    background-color: #1467c2;
    background-image: url(//cdn.pizap.com/pizapfiles/images/progress.gif);
    border-radius: 5px;
    border: 1px solid #1467c2
}

.store-page {
    color: #fff
}

.store-overview {
    overflow: hidden
}

.store-logo {
    height: 104px;
    background-image: url(../images/editor/pizap-pro-logo.png);
    background-repeat: no-repeat;
    width: 289px;
    margin: 0px 0px;
    background-size: 130px;
    background-position-y: 20px;
    background-position-x: 36px;
}
.store-page-trial {
    position: absolute;
    top: 20px;
    left: 0
}

.store-page-flag {
    display: block;
    width: 147px;
    height: 61px;
    padding-left: 15px;
    line-height: 53px;
    background-image: url(//cdn.pizap.com/pizapfiles/images/blue-banner.png);
    background-position: center;
    background-repeat: no-repeat;
    font-size: 1.5em;
    text-align: left;
}

.store-slogan {
    font-size: 1.5em;
    text-align: center;
    margin: 30px 0
}

.store-subscribe-description {
    text-align: center;
    font-size: 1.2em;
    width: 20em;
    margin: 30px auto
}

.store-subscribe-btns {
    text-align: center;
    margin: 30px 0
}

.store-subscribe-btn {
    position: relative;
    background-color: rgb(61,109,193);
    display: inline-block;
    border-radius: .2em;
    padding: 14px 20px;
    font-size: 1.2em;
    cursor: pointer
}

.store-page-limited {
    padding: 0 15px;
    display: block;
    font-size: 1em;
    color: rgba(255,255,255,.5);
    text-align: left;
}

.store-navbar {
    display: none
}

.store-dialog {
    width: 820px;
    height: 610px;
    margin-left: -390px;
    background-color: #000;
    background-size: cover;
    background-repeat: no-repeat;
}

.store-overview-name {
    background-color: rgba(0,0,0,.5);
    margin: 0 -15px;
    padding: 15px;
    font-size: 1.3em;
    text-align: center;
    margin-bottom: 15px;
    margin-bottom: 30px;
}
.store-background {
    background-color: #1b1f25;
    height: 82px;
}
.store-overview .overview-name-image {
    width: 2em;
    height: 2em;
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    vertical-align: middle;
    margin-right: .4em;
    border-radius: .15em;
}

.store-overview-list {
    width: 50%;
}
.store-option-container {
    text-align: center;
    text-align: -webkit-center;
}
.store-overview .overview-name-title {
    vertical-align: middle;
    display: inline-block
}

.store-overview .overview-buy-options {
    overflow: hidden;
    padding-bottom: 7px;
    text-align: center;
    margin: 5px;
}

.store-overview .overview-buy-now {
}
.pro-scroll-container {
    height: 510px;
    overflow-y: overlay;
    background-color: #0d0f12;
}
.store-overview .overview-buy-nowbtn {
    position: relative;
    display: inline-block;
    color: rgb(61,109,193);
    white-space: nowrap;
    width: 150px;
    height: 2em;
    text-align: center;
    line-height: 2em;
    vertical-align: middle;
    overflow: hidden;
    background-color: #fff;
    border-radius: .25em
}

.store-overview .overview-buy-nowbtn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    display: block
}

.store-overview .overview-buy-nowbtn-txt {
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 2em;
    display: block;
    z-index: 50
}

.store-overview .overview-buy-nowbtn-btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: block;
    opacity: 0
}

.store-overview .overview-buy-pro {
    padding: 15px 0
}

.store-overview .overview-buy-description {
    display: block;
    font-size: .9em;
    color: rgba(255,255,255,.5);
    margin-bottom: 15px
}

.store-overview .overview-buy-pro-btn {
    position: relative;
    background-color: rgb(61,109,193);
    display: inline-block;
    border-radius: .2em;
    padding: 14px 20px;
    font-size: 1.2em;
    cursor: pointer
}

.store-subscribe-btn form {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.store-subscribe-btn input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0
}

.store-close-btn {
    position: absolute;
    top: 0;
    right: 0;
    color: #FFF;
    font-size: 35px !important;
    text-align: right;
    line-height: 1em;
    cursor: pointer;
    padding-right: 10px
}
.store-close-btn:hover{
    color: #1467c2;
}
.overview-buy-now-or {
    display: none
}

.store-unlock {
    text-align: center;
    padding: 20px;
    font-size: .8em;
    display: none
}
.store_blue_button {
    font-family: Helvetica,Arial,roboto, sans-serif;
    font-size:20px;
    text-align:center;
    width:240px;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;
    border-radius:5px;
}
.store_blue_button a {
    color:#FFF;
    text-decoration:none;
    background-color:#0068c2;
    padding:15px;
    display:block;
    border-radius:5px;
}

.store_blue_button a:visited{
    color:#FFF;
    text-decoration:none;
    background-color:#0068c2;
    padding:15px;
    border-radius:5px;
}

.store_blue_button a:hover{
    color:#FFF;
    text-decoration:none;
    background-color:#3589d2;
    padding:15px;
    border-radius:5px;
}

.store_blue_button a:active {
    color:#FFF;
    text-decoration:none;
    background-color:#0068c2;
    padding:15px;
    border-radius:5px;
}


.store_green_button {
    font-family: Helvetica,Arial,roboto, sans-serif;
    font-size:14px;
    text-align:center;
    width:150px;
    margin-left:auto;
    margin-right:auto;
    border-radius:5px;
    margin-top:10px;
    margin-bottom:10px;
}

.store_green_button a {
    color:#FFF;
    text-decoration:none;
    background-color:#33906c;
    padding:8px;
    border-radius:5px;
    display:block;
}

.store_green_button a:visited{
    color:#FFF;
    text-decoration:none;
    background-color:#33906c;
    padding:8px;
    border-radius:5px;
}

.store_green_button a:hover{
    color:#FFF;
    text-decoration:none;
    background-color:#68ab91;
    padding:8px;
    border-radius:5px;
}

.store_green_button a:active {
    color:#FFF;
    text-decoration:none;
    background-color:#33906c;
    padding:8px;
    border-radius:5px;
}


.store_purple_button {
    font-family: Helvetica,Arial,roboto, sans-serif;
    font-size:14px;
    text-align:center;
    width:150px;
    margin-left:auto;
    margin-right:auto;
    border-radius:5px;
    margin-top:10px;
    margin-bottom:10px;
}

.store_purple_button a {
    color:#FFF;
    text-decoration:none;
    background-color:#7d26de;
    padding:8px;
    border-radius:5px;
    display:block;
}

.store_purple_button a:visited{
    color:#FFF;
    text-decoration:none;
    background-color:#7d26de;
    padding:8px;
    border-radius:5px;
}

.store_purple_button a:hover{
    color:#FFF;
    text-decoration:none;
    background-color:#a367e5;
    padding:8px;
    border-radius:5px;
}

.store_purple_button a:active {
    color:#FFF;
    text-decoration:none;
    background-color:#7d26de;
    padding:8px;
    border-radius:5px;
}

.store_sub_text {

    font-family: Helvetica,Arial,roboto, sans-serif;
    font-size:12px;
    color:#bbbbbb;
    text-align:center;
}
.white_heading {
    font-family: Helvetica,Arial,roboto, sans-serif;
    font-size:14px;
    color:#FFF;
    text-align:center;

    padding-top:0px;
    padding-bottom:5px;
}
#savePhotoContainer {
    width: 200px;
    height: 150px;
    margin: 15px;
    float: left;
    text-align: center;
    padding-right: 20px;
}

#savePhotoContainer img {
    border: solid 1px;
    max-width: 100%;
    max-height: 100%;
}

#saveOptionContainer {
    color: #FFF;
    margin: 15px;
    background-color: #121318;
}

#saveCaptionContainer {
    text-align: left;
}

#saveCaptionContainer textarea {
    width: 300px;
}

#saveCaptionContainer span {
    margin-right: 15px;
    font-size:16px;
    vertical-align: super;
}
#saveCaptionContainer svg {
    margin-left: 20px;
    margin-top: 13px;
    margin-right: 15px;
}
#saveCaptionContainer input {
    width: 300px;
    margin-left: 20px;
    margin-top: 10px;
}
#saveTopColumn {
    text-align: center;
    font-size: 13px;
}
.bold {
    font-weight: bold;
}
.image_quality {
    margin-left: 25px;
    margin-right: 10px;
}
.image_quality img {
    vertical-align: middle;
}
.save-dialog-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 710px;
    height: 390px;
    overflow: hidden;
    background-color: #1c1f26;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    z-index: 1;
}
.share-dialog-box {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 810px;
    height: 460px;
    overflow: hidden;
    background-color: #1c1f26;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    z-index: 1;
}
#saveDestinations {
    margin-left: 25px;
}

#finishSaveToPizap{
}

#finishSaveToPizap span{
    color: #FFF;
    font-size: 30px;
    padding: 30px;
}
.saveDestination {
    height: 50px;
    color: #FFF;
    float: left;
    vertical-align: middle;
    margin-top: 0px;
    position: relative;
    text-align: center;
    margin-right: 10px;
}

.destinationName {
    float: left;
    margin-left: 5px;
    margin-right: 5px;
}

.saveDestination img {
    float: left;
    margin: 6px;
    margin-right: 0px;
}
.saveDestination button {
    width: 150px;
    cursor: pointer;
    background-color: #343f50;
    color: #fff;
    border: 0px;
    position: relative;
    outline: none;
}
.saveDestination button:active {
    border: 0px;
    outline: none;
}
.destinationName {
    margin-top: 10px;
    margin-left: 10px;
}

.saveDestinationColumn {
    float: left;
    width: 25%;
}
.buttonProgress {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    color: #00fe06;
}
progress[value] {
    /* Get rid of the default appearance */
    appearance: none;

    /* This unfortunately leaves a trail of border behind in Firefox and Opera. We can remove that by setting the border to none. */
    border: none;

    /* Add dimensions */
    width: 100%; height: 2px;

    /* Although firefox doesn't provide any additional pseudo class to style the progress element container, any style applied here works on the container. */
    background-color: black;

    /* Of all IE, only IE10 supports progress element that too partially. It only allows to change the background-color of the progress value using the 'color' attribute. */
    color: #00fe06;
}

/*
Webkit browsers provide two pseudo classes that can be use to style HTML5 progress element.
-webkit-progress-bar -> To style the progress element container
-webkit-progress-value -> To style the progress element value.
*/

progress[value]::-webkit-progress-bar {
    background-color: black;
}

progress[value]::-webkit-progress-value {
    background: #00fe06
}

progress[value]::-moz-progress-bar {
    background: #00fe06;
}


.saveCheck{
    position: absolute;
    right:15px;
    top: 4px;
    height: 15px;
    width: 15px;
}

.shareMenu {
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-color:#FFF;
    -webkit-box-shadow: 1px 1px 3px rgba(50, 50, 50, 0.53);
    -moz-box-shadow:    1px 1px 3px rgba(50, 50, 50, 0.53);
    box-shadow:         1px 1px 3px rgba(50, 50, 50, 0.53);
    border: 1px solid #CCC;
    font-size:14px;
    font-family:Arial, Helvetica, sans-serif;
    margin-top: -4px;
}

.shareMenu h2 {
    color: #000;
    font-size: 18px;
}

.shareMenu a:link{

    color:#3c4046;
    display:block;
    padding:9px;
    text-decoration:none;
    border-bottom: 1px solid #dadada;

}

.shareMenu a:visited{

    color:#3c4046;
    display:block;
    padding:9px;
    text-decoration:none;
    border-bottom: 1px solid #dadada;
}

.shareMenu a:hover{

    color:#3c4046;
    display:block;
    background-color:#dcdcdc;
    padding:9px;
    text-decoration:none;
    border-bottom: 1px solid #dadada;
}

.shareMenu a:hover .top{
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

.shareMenu a:active{

    color:#3c4046;
    display:block;
    padding:9px;
    text-decoration:none;
    border-bottom: 1px solid #dadada;
}
#imageQualityContainer {
    margin-top: 15px;
}
.embedLink {
    z-index: 1003;
    width: 410px;
    height: 250px;
    position: absolute;
    text-align: center;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #1c1f26;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}
.embedEmail {
    z-index: 1003;
    width: 410px;
    height: 350px;
    position: absolute;
    text-align: center;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #1c1f26;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
}

.embedLink span {
    position: absolute;
    right: 12px;
    top: 5px;
    color: #000;
    cursor: pointer;
}
.embedLink textarea {
    height:155px;
    width:390px;
}
.saveDoneBtns button {
    height: 42px;
    width: 200px;
    background-color: #5b80c9;
    color: #FFF;
    font-size: 16px;
    border-radius: 3px;
    border: none;
}
.saveDoneBtns {
    text-align: center;
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
}
.download-message {
    text-align: center;
    position: absolute;
    bottom: 38px;
    left: 0;
    right: 0;
    font-size:16px;
}
.download-message2 {
    text-align: center;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    font-size:16px;
}
.downloads {
    color: #CC6600;
}
.saveDoneBtns span{
    color: #FFF;
    margin-right: 20px;
}
.embedEmail span{
    color:#FFF;
    margin-right: 10px;
}
.embedEmail input {
    width: 250px;
    margin-top: 10px;
}
.embedEmail textarea {
    margin-top: 20px;
    width: 350px;
    height: 100px;
}
.sendEmail {
    height: 42px;
    width: 200px;
    background-color: #5b80c9;
    color: #FFF;
    font-size: 16px;
    border-radius: 3px;
    border: none;
    margin-top: 20px;
}
.spinnerDialog {
    z-index: 1003;
    width: 210px;
    height: 185px;
    position: absolute;
    text-align: center;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #ffffff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    background-image: url('../images/editor/spinner.gif');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70px;
    background-position-y: 75px;
}
.customSizeDialog {
    z-index: 1003;
    width: 410px;
    height: 185px;
    position: absolute;
    text-align: center;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #1c1f26;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    z-index: 2;

}
.customSizeContainer {
    margin-top: 30px;
    color: #FFF;
}
#units {
    margin-left: 20px;
}
.customSizeOK {
    background-color: #1976d2;
    border-radius: 2px;
    margin-top: 25px;
    width: 80px;
    height: 40px;
}
.saveQualityDialog {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 500px;
    height: 426px;
    overflow: hidden;
    background-color: #1c1f26;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    color: #fff;
    z-index: 1;
}
.pro-overlay{
    position: absolute;
    left: 0px;
    top: 0px;
    height: 25px !important;
    width: 25px !important;
}
.font-selector .pro-overlay{
    left:0px;
}
.paint-container .icon-row{
    margin-top: 20px;
}
.paint-container .color-picker {
    padding-top: 20px;
}
.google-search {
    text-align: left;
}
.google-search input {
    margin-left: 5px;
    width: 150px;
    height: 15px;
    font-size: 12px;
}
.google-search span {
    width: 32px;
    height: 28px;
    margin-right: 0;
    border-radius: .3em;
    margin-top: 1px;
}
.google-search img {
    position: inherit;
    vertical-align: middle;
    margin-left: 6px;
    background-color: #1976d2;
    border-radius: .3em;
    padding: 6px;
    height: 16px;
}

.leftTooltip {
    position: absolute;
    color: #FFF;
    width: 100px;
    top: 0;
    right: 50px;
    z-index: -1;
    transition:.3s ease;
}
.left-sidebar div:hover .leftTooltip{
    right: -100px;
    z-index: 1;
}
.stickerContainer {
    position: absolute;
    overflow-y: scroll;
    left: 0;
    bottom: 0;
    top: 82px;
}
.borderContainer{
    overflow-y: auto;
    width:262px;
    top: 83px !important;
}
.borderCustom {
    margin-left : 15px;
    margin-top: 15px;
}
.borderCustom #preview-paint{
    margin: 8px 0;

}
.effectContainer{
    overflow-y: auto;
    top: 83px !important;
    width: 262px;
}
.touchupContainer{
    overflow-y: auto;
    top: 50px !important;
    width: 262px;
}
.touchupContainer span {
    display: block;
    text-align: left;
    margin-left: 16px;
    float: left;
}
.touchupContainer input {
    margin-bottom: 20px;
}
.cutout-style {
    display: inline-block;
    width: 50%;
}
.cutout-style div {
    display: block;
    margin: 10px;
}
.cutout-style img {
    width: 175px;
    margin-top: 50px;
}
.cutout-style-dialog button {
    margin-top: 50px;
}
.cutoutSkipBtn {
    background-color: #555a67;
    border-radius: 2px;
    margin-top: 50px;
    width: 110px;
}
.cutoutZoomBtn {
    background-color: #1976d2;
    border-radius: 2px;
    margin-top: 50px;
    width: 110px;
}

.font-selector {
    position: relative;
}

.qualitybox {
    border: 1px solid #2e3745;
    width: 125px;
    display: inline-block;
    height: 55px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
    margin-top: 10px;
    position:relative;
}

.qualitybox.active {
    border: 1px solid #ffffff;
    background-color: #343f4f;
}
.qualitybox:hover {
    border: 1px solid #5b80c9;
}
.qualitybox img {
    margin-right: 10px;
}
.qualitysize {
    display: block;
    color: #80858d;
}
.qualitytext {
    font-weight: bold;
    font-size: 14px;
    vertical-align: super;
}
.qualitycontainer {
    text-align: center;
}
.qualitywrap {
    margin-top: 6px;
}
.savelabel{
    margin-left: 50px;
    margin-top: 20px;
    margin-bottom: 10px;
    display: block;
}
.filename {
    text-align: center;
}
.filename input {
    width: 330px;
}
.filename select {
    height: 29px;
    margin-left: 10px;
    font-size: 15px;
    vertical-align: middle;
}
.customSize {
    margin-left:50px;
}
.customSize input{
    width: 45px;
}
.customSize span{
    margin-left: 10px;
    margin-right: 10px;
}
.reset{
    float:right !important;
    margin-right:20px;
    color:#1976d2;
    font-size: 13px;
}
.touchupContainer .reset {
    color: #b0b0b0;
}
.mainButtons {
    height: 60px;
}
.text-holder {
    height: 120px;
}
.bubble-holder {
    height: 150px;
}
.accordion-category{
    background-color: #252a32;
    border-top: #484d54 solid 1px;
    border-bottom: #1b1f26 solid 2px;
    height: 40px;
    text-align: left;
    display:table-cell;
    vertical-align:middle;
    width: 262px;
    color: #FFF;
    position: relative;
    font-size: 14px;
}
.accordion-category:hover{
    background-color: #20242b;
    color: #1b6cc2;
}
.accordion-category:hover svg path {
    fill:#1976d2;fill-opacity:0.9922;
}
.accordion-category img {
    max-height: 30px;
    max-width: 30px;
    vertical-align: middle;
}
.accordion-category svg {
    max-height: 30px;
    max-width: 30px;
    vertical-align: middle;
}

.accordion-category span {
    vertical-align: middle;
}

.accordion-category .arrowright{
    position: absolute;
    height: 12px;
    right: 10px;
    top: 15px;
}

.accordion-category .arrowdown{
    position: absolute;
    right: 9px;
    top: 15px;
    width: 12px;
}

.accordion-category .image-wrapper {
    width: 58px;
    display: inline-block;
    text-align: center;
}

.accordion-sub-category{
    background-color: #191c21;
    height: 33px;
    text-align: left;
    display:table-cell;
    vertical-align:middle;
    width: 262px;
    color: #FFF;
}
.accordion-sub-category:hover{
    background-color: #15181e;
    color: #1b6cc2;
}
.accordion-sub-category img {
    max-height: 25px;
    max-width: 25px;
    vertical-align: middle;
    margin-right: 15px;
    margin-left: 30px;
}
.accordion-sub-category span {
    vertical-align: middle;
}

.accordion-sub-category .image-wrapper {
    width: 70px;
    display: inline-block;
    text-align: center;
}

.accordion-sub-category-container {
    width: 260px;
}

.accordion {
    overflow-x: hidden;
}

.first {
    margin-top: 10px !important;
}
.colorBar {
    position: relative;
    bottom: 0;
    height: 2px !important;
    margin-top: -6px;
}
.store-overview .colorBar {
    height: 6px !important;
}
.colorBar div {
    width: 20%;
    float: left;
    height: 2px;
}
.store-overview .colorBar div {
    height: 6px !important;
}
.orange {
    background-color: #ef6c00;
}
.yellow{
    background-color: #ffa726;
}
.green {
    background-color: #00897b;
}
.lightBlue{
    background-color: #00b0ff;
}
.blue{
    background-color: #1976d2;
}

.feature-item:nth-child(1){
    margin-top: 30px;
}
.feature-item {
    background-repeat: no-repeat;
    background-size: 32px;
    background-position-y: 2px;
    padding-left: 47px;
    padding-right: 15px;
    margin-bottom: 10px;
    margin-left: 30px;
    text-align: left;
}
.icon-pro-ads {
    background-image: url("../images/editor/icon-pro-ads.png");
}
.icon-pro-advanced {
    background-image: url("../images/editor/icon-pro-advanced.png");
}
.icon-pro-content {
    background-image: url("../images/editor/icon-pro-content.png");
}
.icon-pro-hd {
    background-image: url("../images/editor/icon-pro-hd.png");
}
.icon-pro-help {
    background-image: url("../images/editor/icon-pro-help.png");
}
.icon-pro-search {
    background-image: url("../images/editor/icon-pro-search.png");
}
 .feature-item h3 {
     font-weight: bold;
     font-size: 16px;
 }
 .feature-item span{
     color: #CCC;
     font-size: 11px;
 }
 .overview-buy-options input{
     margin-left: 30px;
     margin-right: 30px;
     height: 100%;
     vertical-align: middle;
 }
 .pro-description {
     display: inline-block;
     vertical-align: middle;
     font-size: 12px;
 }
 .pro-description h3 {
     margin-top: 46px;
     font-weight: bold;
     font-size:16px;
     display: block;
     margin-bottom: 28px;
 }
 .pro-annual {
     position: relative;
     height: 210px;
     border: 1px #ef6c00 solid;
     margin: 10px;
     width: 265px;
     background-color: #1b1f25;
     text-align: center;
     display:inline-block;
 }
.pro-monthly {
    position: relative;
    border: 1px #33906c solid;
    height: 210px;
    margin: 10px;
    width: 265px;
    background-color: #1b1f25;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}

.pro-lifetime {
    height: 77px;
    border: 1px #00897b solid;
    margin: 10px;
    background-color: #1b1f25;
    text-align: left;
}
.annual-deal {
    position: absolute;
    left:0;
    right: 0;
    top: 0;
    background-color: #ef6c00;
    color: #FFF;
    text-align: center;
    padding-top: 7px;
    padding-bottom: 7px;
}
.pro-overview-text {
    font-size: 18px;
    display: block;
    text-align: center;
    padding-left: 10px;
    padding-top: 10px;
    font-weight:bold;
    font-family: 'Raleway', sans-serif;
}
.annual-deal span{
    display:block;
    font-size:14px;
}
.free-trial{
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    background-color: #0d0f12;
    padding-top: 20px;
    padding-bottom: 20px;
}
.learn-more {
    background-color: #0064c5;
    color: #FFFFFF;
    margin-top:10px;
    height: 30px;
}
.start-trial {
    width: 200px;
    height: 50px;
    font-size: 18px;
    background-color: #0064c5;
    color: #FFFFFF;
    margin-top: 2px;
    margin-bottom: 10px;
}
.pro-price {
    font-size: 32px;
}

.effectContainer .photopicker-list-item img {
    max-width: 103px !important;
}
.pro-teaser {
    height: 32px;
    vertical-align: bottom;
    padding-left: 20px;
}
.overview-buy-options .btn{
    position: relative;
    width: 250px;
    height: 40px;
}
.overview-buy-options i{
    height: 32px;
    position:absolute;
    left: 20px;
    top: 4px;
}
#sign-in-username {
    margin-left: 0;
}
#sign-in-password {
    margin-left: 0;
}

.suggestions{
}

.feedback-img {
    height: 100px;
    margin: 10px;
}
.shareDoneBtns{
    bottom: 20px;
}
.no-support {
    margin: auto auto;
    width: 453px;
    min-width: initial;
    min-height: initial;
    font-size: 18px;
    color: #FFF;
    line-height: 2;
    height: 300px !important;
    vertical-align: middle;
    margin-top: 15%;
}
.rotate-slider{
    transform: rotateY(180deg);
}
.fontIncrement {
    margin-left: 5px;
    font-size: 17px;
    width: 50px;
    margin-top: 21px;
}
.font-yours {
    margin-left: 15px;
    margin-right: 15px;
    text-align: left;
    padding-top: 10px;
    height: 26px;
    width: 200px;
    overflow-x: hidden;
}
.textControls {
    text-align: left;
}
.textControls .color-picker {
    width: 45px;
}
.color-picker-horizontal {
    width: 240px !important;
    height: 42px;
    position:relative;
}
.color-picker-horizontal input{
    position: absolute;
    top: 10px;
    left: 1px;
}
.color-picker-horizontal span{
    position: absolute;
    top: 10px;
    left: 30px;
}

.color-picker-horizontal .preview{
    position: absolute;
    top: 5px;
    left: 110px;
}


.font-category img {
    width: 250px;
}
.font-category:hover {
    background-color: #0d0f12;
}
.font-category.selected {
    background-color: #616a77;
}
.font-item {
    height: 45px;
    width: 230px !important;
    background-size: contain;
    position: relative;
}
.font-item .pro-overlay{
    left:2px;
    right: inherit;
}
.font-item:hover {
    background-color: #1976d2;
    background-blend-mode: lighten;
}
.fonts-container{
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    flex-wrap: wrap;
    float: left;
    height: 455px;
    overflow: auto;
    width: 706px;
    background-color: #FFF;
}
.yourfonts-container{
    display: flex;
    flex-direction: row;
    align-content: flex-start;
    flex-wrap: wrap;
    float: left;
    height: 455px;
    overflow: auto;
    width: 706px;
    background-color: #FFF;
}
.scrollContainer {
    overflow-y: auto;
    position: absolute;
    top: 0;
    bottom: 0;
}
@-moz-document url-prefix() {
    .prop-group-wide input[type="range"]{
        margin-top:14px;
    }
    .prop-group-wide .hue-slider {
        width: 63px;
    }
    .alpha-slider {
        width: 63px;
    }
    .prop-blend select {
        width: 67px;
    }
}
.adjust-container {
    top: 170px !important;
    width: 262px;
    overflow-x: hidden;
}
.effectRemoveContainer {
    top: 124px !important;
}
.stickerMenuContainer{
    top: 131px !important;
    width: 262px;
    overflow-x: hidden;
}
.effectContainer.effectMainMenu {
    top: 40px !important;
}
.effectContainer.effectRemoveContainer.effectMainMenu {
    top: 81px !important;
}
.textTypeContainer {
    top: 40px !important;
    width: 262px;
    overflow-x: hidden;
}
.textTypeContainer h2 {
    text-align: left;
    margin-top: 10px;
    margin-left: 10px;
}
.borderContainer.borderMainMenu {
    top: 40px !important;
}
.borderContainer.borderRemoveContainer {
    top: 123px !important;
}
.borderContainer.borderRemoveContainer.borderMainMenu {
    top: 81px !important;
}
.memeContainer {
    width: 262px;
    top: 40px !important;
    overflow-x: hidden;
}
.googleStickers {
    background-color: #FFF;
}
#editor-properties {
    display:none;
}
.remove-btn{
    background-image: url(../images/editor/delete_icon.svg);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 15px;
    background-color: #141517;
    color: #FFF;
    border-radius: 3px;
    width: 150px;
    border: 0;
    padding: 10px;
    font-size: 12px;
    padding-left: 29px;

}
.add-your-own {
    background-color: #1976d2;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 13px;

}
.your-cutouts {
    background-color: #1976d2;
    padding-top: 4px;
    padding-bottom: 4px;
    font-size: 13px;

}
.no-cutouts {
    text-align: center;
    color: #fff;
    padding-top: 200px;
    padding-right: 290px;
}
.windows-download {
    height: 20px;
    padding-left: 5px;
    vertical-align: bottom;
}
.property-mover{
    height: 20px;
    background-color: #252a32;
}

.centerContent {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 445px;
    height: 415px;
    overflow: hidden;
    z-index: 2;
    color: #fff;
    text-align: center;
}
.NoWebGL {
    background-image: url(../images/editor/warning.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 80px;
    background-position-x: 51px;
    height: 80px;
    text-align: center;
}
.NoWebGL span {
    display: block;
}
.NoWebGL div {
    padding-top: 20px;
}
.touse{
    margin-top: 60px;
    margin-bottom: 20px;
}
.design-category {
    background-color: #252a32;
    border-top: #484d54 solid 1px;
    border-bottom: #1b1f26 solid 2px;
    height: 40px;
    text-align: left;
    display: block;
    vertical-align: middle;
    width: 262px;
    color: #FFF;
    font-size: 14px;
    position: relative;
}

.design-category svg {
    max-height: 22px;
    max-width: 23px;
    margin-top: 11px;
    margin-left: 18px;
}

.design-category span {
    left: 60px;
    position: absolute;
    top: 11px;
}
.design-category .color-picker {
    left: 10px;
    position: absolute;
    top: -3px;
    width: 37px;
}
.design-category .color-picker span{
    top: 14px;
    width: 150px;
    left: 51px;
}
.design-category:hover{
    background-color: #20242b;
    color: #1b6cc2;
}
.design-category:hover svg path {
    fill:#1976d2;fill-opacity:0.9922;
}
.transparent input[type=checkbox] {
    transform: scale(2);
    position: absolute;
    top: 12px;
    left: 20px;
}
.canvas-size svg {
    margin-left: 18px;
}

.touchup-zoom {
    position: absolute;
    bottom: 110px;
    width: 380px;
    height: 16px;
    left: 50%;
    right: 50%;
    background: rgba(28,31,38,0.7);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    color: #FFF;
    font-size: 15px;
    padding: 15px;
    border-radius: 10px;
    margin-left: -131px;
}
.pro .touchup-zoom {
    bottom: 15px;
    margin-left: -40px;
}


.background-zoom {
    position: absolute;
    bottom: 110px;
    width: 390px;
    height: 16px;
    left: 50%;
    right: 50%;
    background: rgba(28,31,38,0.7);
    box-shadow: 0 2px 5px rgba(0, 0, 0, .5);
    color: #FFF;
    font-size: 15px;
    padding: 15px;
    border-radius: 10px;
    margin-left: -131px;
}
.pro .background-zoom {
    bottom: 15px;
    margin-left: -40px;
}
.background-zoom-flip {
    display: inline-block;
    padding-left: 20px;
}
.background-zoom-rotate {
    display: inline-block;
    padding-left: 20px;
}
.background-compare {
    display: inline-block;
    padding-right: 20px;
}
.background-zoom span {
    padding-right: 20px;
}

.collage-color {
    color: #FFF;
    font-size: 14px;
    text-align: left;
    position: relative;
}
.collage-color .color-picker{
    width: 50px;
}
.collage-color .category-name{
    position: absolute;
    top: 15px;
    left: 58px;
}

.collage-spacing{
    background-color: #252a32;
    height: 70px;
    text-align: left;
    vertical-align: middle;
    width: 262px;
    color: #FFF;
    position: relative;
    font-size: 14px;
    border: 0;
    display: block;
    padding-top: 10px;
}

.collage-range {
    padding-top: 15px;
    padding-left: 15px;
}
.collage-hover-dialog {
    z-index: 1;
    position: absolute;
    display: none;
}
.round-button {
    background-color: rgba(37,42,50,0.65);
    border-radius: 19px;
    height: 38px;
    margin-right: 10px;
}

.collageActive {
    display:block;
}

.pro-get-dialog {
    position: relative;
    top: 50%;
    width: 350px;
    height: 450px;
    margin: auto;
    background-color: #000;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 1500;
    padding: 8px;
    margin-top: -225px;
}
.pro-get-dialog .inner-container {
    height: 450px;
    background-color: #0d0f12;
}

.pro-get-dialog .colorBar div {
    height: 6px;
}
.pro-get-dialog .logo {
    padding-left: 100px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.pro-get-dialog .store-close-btn {
    top: 10px;
    right: 10px;
}
.largeHeading {
    font-family: 'Raleway', sans-serif;
    font-size: 44px;
    color: #FFF;
    font-weight: 700;
    line-height: 40px;
    text-align:center;
    margin-top: 20px;
}

.pro-get-dialog .normalText {
    padding-left: 52px;
    text-align: center;
    color: #FFF;
    padding-right: 52px;
    padding-top: 25px;
    padding-bottom: 10px;
}

.store-overview .normalText{
    padding-left: 52px;
    text-align: center;
    color: #FFF;
    padding-right: 52px;
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 16px;
    line-height: 21px;
}
.freeTrialButton {
    text-align: center;
    margin-top: 20px;
}
.freeTrialButton button {
    padding: 16px;
    color: #FFF;
    background-color: #0064c5;
    font-size: 16px;
    border-radius: 3px;
    border: none;
}

.store-overview .largeHeading {
    font-size: 32px;
}
.store-overview .login-main-btns {
    background-color: #0d0f12;
}
.store-overview .login-main-register {
    background-color: #0d0f12;
}
.store-overview .login-main-email {
    background-color: #0d0f12;
}
.store-overview .login-main-forgot {
    background-color: #0d0f12;
}

.annual-try{
    background-color: #0064c5;
    color: #FFFFFF;
    margin-top:20px;
    height: 32px !important;
    width: 70px !important;
    margin-right: 20px;
}
.annual-buy{
    background-color: #1b1f25;
    color: #FFFFFF;
    margin-top:20px;
    height: 32px !important;
    width: 70px !important;
    border: 1px #ef6c00 solid;
}
.monthly-buy{
    background-color: #1b1f25;
    color: #FFFFFF;
    margin-top:20px;
    height: 32px !important;
    width: 70px !important;
    border: 1px #33906c solid;
}
.fontFlashBlocked {
    text-align: center;
    width: 100%;
    height: 100%;
}
.fontFlashBlocked .largeHeading{
    color:#000;
    margin-top: 90px;
    margin-bottom:20px;
}
.fontFlashBlocked p{
    margin-bottom: 20px;
    font-size: 20px;
    line-height: 24px;
}

.fontFlashBlocked .btn {
    background-color: #0064c5;
    color: #FFFFFF;
    padding: 15px;
    width: 200px;
    font-size: 24px;
}

@media (min-width: 1100px) {
    .shareBtn span {
        display: inline;
    }
    .saveBtn span {
        display:inline;
    }
    .undoBtn span {
        display:inline;
    }
    .redoBtn span {
        display:inline;
    }
}

.login-dialog .largeHeading{
    font-size: 36px;
}
.login-dialog .normalText {
    color:#FFF;
    text-align: center;
    font-size: 16px;
    margin-bottom: 10px;
    margin-top:10px;
}

.saveLogin .login-main-btns {
    height:287px;
}

.pro-get-save .normalText {
    font-size: 14px;
}
.pixabaySearch {
    padding-top:10px;
}
.pixabaySearch input {
    margin-top: 0px;
    margin-left: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
    width: 160px;
}

.searchBtn {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url(../images/editor/search.svg);
    background-color: #0064c5;
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 7px;
    vertical-align: top;
    border-radius: 4px;
}

.searchTextHeader{
    color: #FFFFFF;
    font-size: 37px;
    font-weight: normal;
    margin-top: 30px;
    margin-left: 30px;
    margin-bottom: 24px;
    position:relative;
}

.searchTextHeader img {
    width: 94px !important;
    height: 55px !important;
    right: 24px;
    position: absolute;
    top: -21px;
}

#menu-collage .leftMenuRoundContainer{
    background-color: #fe2500;
}
#menu-edit .leftMenuRoundContainer  {
    background-color: #fe2500;
}
#menu-filters .leftMenuRoundContainer {
    background-color: #ff8a00;
}
#menu-stickers .leftMenuRoundContainer{
    background-color: #ffbe0b;
}
#menu-text .leftMenuRoundContainer{
    background-color:#79b343;
}
#menu-cutout .leftMenuRoundContainer{
    background-color:#508a33;
}
#menu-touchup .leftMenuRoundContainer{
    background-color:#fdd930;
}
#menu-border .leftMenuRoundContainer{
    background-color: #06766a;
}
#menu-addpic .leftMenuRoundContainer{
    background-color: #00b6fd;
}
#menu-meme .leftMenuRoundContainer{
    background-color: #1c77d2;
}
#menu-paint .leftMenuRoundContainer{
    background-color: #7417e2;
}
.leftMenuRoundContainer{
    width:40px;
    height:40px !important;
    border-radius: 20px;
}
.google-search .pro-overlay {
    background-color: inherit;
}
.qualitywrap img {
    position: absolute;
    top: -10px;
    right:-20px;
    height:30px;
    width:30px;
}

.feedback-instructions {
    display: inline-block;
    width: 410px;
}
.video-js {
    width: 480px;
    height: 270px;
    margin-top: 62px;
    display: inline-block !important;
}
.start-new-menu {
    position: fixed;
    top: 40px;
    background-color: #1b1f25;
    border-top: #484d53 solid 1px;
    color: #eaebf0;
    font-size: 15px;
    margin-left: -110px !important;
}

.start-new-menu-item {
    display: block !important;
    padding: 10px;
    text-align: left;
    margin-left: 10px !important;
}
.start-new-menu-item:hover {
    color: #1965b1;
}
.start-new-menu-item span {
    padding-left: 10px !important;
    vertical-align: middle !important;
}
.start-new-menu-item svg {
    vertical-align: middle !important;
}
.start-new-menu-item:hover .a{
    fill:#1976d2;fill-opacity:0.9922;
}
.start-new-menu-item:hover .d{
    stroke:#1976d2;
}
.start-new-menu-item:hover span{
    color:#1976d2;
}
.vjs-tech {
    width: 480px !important;
    height: 270px !important;
}
.video-js .vjs-fullscreen-control {
    display: none;
}
.video-js .vjs-big-play-button {
    top: 131px !important;
    left: 197px !important;
    display: none !important;
}
.brushHolder {
    text-align: center;
    height: 50px;
}
/**
 * Copyright 2014 Google Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *     http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.ima-ad-container {
    top: 0px;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
}

/* Move overlay if user fast-clicks play button. */
.video-js.vjs-playing .bumpable-ima-ad-container {
    margin-top: -40px;
}

/* Move overlay when controls are active. */
.video-js.vjs-user-inactive.vjs-playing .bumpable-ima-ad-container {
    margin-top: 0px;
}

.video-js.vjs-paused .bumpable-ima-ad-container,
.video-js.vjs-playing:hover .bumpable-ima-ad-container,
.video-js.vjs-user-active.vjs-playing .bumpable-ima-ad-container {
    margin-top: -40px;
}

.ima-controls-div {
    bottom:0px;
    height: 37px;
    position: absolute;
    overflow: hidden;
    display: none;
    opacity: 1;
    background-color: rgba(7, 20, 30, .7);
    background: -moz-linear-gradient(
            bottom,
            rgba(7, 20, 30, .7) 0%,
            rgba(7, 20, 30, 0) 100%); /* FF3.6+ */
    background: -webkit-gradient(
            linear,
            left bottom,
            left top,
            color-stop(0%,rgba(7, 20, 30, .7)),
            color-stop(100%,rgba(7, 20, 30, 0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
            bottom,
            rgba(7, 20, 30, .7) 0%,
            rgba(7, 20, 30, 0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(bottom,
    rgba(7, 20, 30, .7) 0%,
    rgba(7, 20, 30, 0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(bottom,
    rgba(7, 20, 30, .7) 0%,
    rgba(7, 20, 30, 0) 100%); /* IE10+ */
    background: linear-gradient(to top,
    rgba(7, 20, 30, .7) 0%,
    rgba(7, 20, 30, 0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(
            startColorstr='#0007141E',
            endColorstr='#07141E',GradientType=0 ); /* IE6-9 */
}

.ima-countdown-div {
    height: 10px;
    color: #FFFFFF;
    text-shadow: 0 0 0.2em #000;
    cursor: default;
}

.ima-seek-bar-div {
    top: 12px;
    height: 3px;
    position: absolute;
    background: rgba(255, 255, 255, .4);
}

.ima-progress-div {
    width: 0px;
    height: 3px;
    background-color: #ECC546;
}

.ima-play-pause-div, .ima-mute-div, .ima-slider-div, .ima-fullscreen-div {
    width: 35px;
    height: 20px;
    top: 11px;
    left: 0px;
    position: absolute;
    color: #CCCCCC;
    font-size: 1.5em;
    line-height: 2;
    text-align: center;
    font-family: VideoJS;
    cursor: pointer;
}

.ima-mute-div {
    left: auto;
    right: 85px;
}

.ima-slider-div {
    left: auto;
    right: 35px;
    width: 50px;
    height: 10px;
    top: 20px;
    background-color: #555555;
}

.ima-slider-level-div {
    width: 100%;
    height: 10px;
    background-color: #ECC546;
}

.ima-fullscreen-div {
    left: auto;
    right: 0px;
}

.ima-playing:before {
    content: "\00f103";
}

.ima-paused:before {
    content: "\00f101";
}

.ima-playing:hover:before, .ima-paused:hover:before {
    text-shadow: 0 0 1em #fff;
}

.ima-non-muted:before {
    content: "\00f107";
}

.ima-muted:before {
    content: "\00f104";
}

.ima-non-muted:hover:before, .ima-muted:hover:before {
    text-shadow: 0 0 1em #fff;
}

.ima-non-fullscreen:before {
    content: "\00f108";
}

.ima-fullscreen:before {
    content: "\00f109";
}

.ima-non-fullscreen:hover:before, .ima-fullscreen:hover:before {
    text-shadow: 0 0 1em #fff;
}

.paint-tool img{
    height: 57px;
    padding-left: 10px;
    padding-right:10px;
}
.touchupApplyBtn {
    background-color: #1976d2;
    border-radius: 2px;
    margin-top: 50px;
    width: 114px;
}
.touchupCancelBtn {
    background-color: #576c89;
    border-radius: 2px;
    margin-top: 50px;
    width: 114px;
}
.colorPanels {
    text-align: center;
}
.colorPanels div{
    width: 30px;
    height: 30px;
    border-radius: 15px;
    display: inline-block;
    margin: 2px;
}
.colorPanels div:nth-of-type(-n+5){
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: inline-block;
    margin: 4px;

}
.touchupContainer .colorContainer {
    margin-top: 25px;
    text-align: left;
}


.video-js.vjs-playing .vjs-poster {
    display: none;
}

.handa {
    fill:#fff;
}
.handb{
    fill:none;stroke:#000;stroke-linecap:round;stroke-linejoin:round;
}

.active .handa{
    fill: yellow;
}
.background-compare path {
    fill: #fff;
}

.touchup-zoom input {
    margin-left: 15px;
}

.touchup-zoom .background-zoom-flip {
    padding-left: 10px;
}

.touchup-zoom .background-zoom-rotate {
    padding-left: 15px;
}

.touchupZoomOk {
    background-color: #1976d2;
    border-radius: 2px;
    width: 114px;
    margin-top: -9px;
}
 .touchupPanModeOk {
     text-align: center;
 }
 .touchupPanModeOk span {
     padding-right: 20px;
 }
 #touchupSliderPreview {
     position:fixed;
     top: 50px;
     left: 320px;
     width: 120px;
     height: 120px;
     background-color: #252a32;
     border-radius: 2px;
     display: none;
 }

 .adBlocker {
     display: block;
     position: fixed;
     left: 345px;
     right: 50px;
     top: 88px;
     color: #FFF;
     font-size: 18px;
     font-family: roboto, sans-serif;
 }

 .adBlocker img {
     width: 300px;
 }

 .adBlocker td{
     vertical-align: top;
 }

 .btn-trial {
     width: 150px;
     margin-left:auto;
     margin-right:auto;
     font-size: 18px;
     font-weight: normal;
     padding: 5px 10px 5px 10px;
     background-color: #1976d2;
     display: block;
     white-space: nowrap;
 }
 .adBlocker div{
     padding-top: 40px;
 }

 .share-ad-holder{
     width: 300px;
     height: 550px;
     display: inline-block;
     margin: 15px;
 }
.share-ad-holder iframe{
    margin-bottom: 33px;
}
 .share-option-holder{
     width: 547px;
     position: absolute;
     right: 0px;
     top: 0;
     height:550px;
 }
 .share-holder{
     position:relative;
 }
 .share-sources{
     height: 106px;
     margin-top: 20px;
     margin-left: 20px;
 }
 .share-cloud-holder{
     color: #FFF;
     margin: 15px;
     background-color: #121318;
 }
 .cloud-title {
     margin-left: 20px;
     padding-top: 15px;
 }
 .cloud-title span {
     font-size: 16px;
 }
 .share-cloud-holder .share-sources{
    height: 55px;
    margin-top: 20px;
    margin-left: 20px;
 }
 .share-feedback-holder{
     margin-right: 15px;
     background-color: #121318;
     text-align: center;
     width: 250px;
     height: 186px;
     color: #FFF;
     display: inline-block;
     vertical-align: top;
 }

 .share-feedback-holder p {
     margin-top: 12px;
 }
 .pro-goodies {
     width: 250px;
     margin-top: 15px;
 }

 .cloud-title span {
     margin-right: 15px;
     font-size: 16px;
     vertical-align: super;
     margin-left: 15px;
 }
 .share-bottom-layer {
     margin: 15px;
 }


.pro .pro-goodies {
    display: none;
}
.share-affiliate {
    margin: 15px;
    color: #FFF;
    font-size: 18px;
}
.share-affiliate img {
    height:30px;
    padding-right: 15px;
}
.share-affiliate span{
    vertical-align: super;
}
.share-newaffiliate {
    color: yellow;
    padding-right: 10px;
}
.share-affiliateprogram {
    font-weight: bold;
}
.share-affiliate a {
    vertical-align: super;
    margin-left: 10px;
}
.dropShadowSlider {
    position: relative;
    margin-bottom: 5px;
}
.dropShadowSlider .blue-slider {
    width: 160px;
    position:absolute;
    right:10px;
    top: 5px;
}

.dropShadowSlider span{
    margin-left:10px;
}